/* 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; } }
.component-16574 {
  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-16574:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16574 { flex-direction: column; } }
.component-16575 {
  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-16575:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16575 { flex-direction: column; } }
.component-16576 {
  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-16576:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16576 { flex-direction: column; } }
.component-16577 {
  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-16577:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16577 { flex-direction: column; } }
.component-16578 {
  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-16578:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16578 { flex-direction: column; } }
.component-16579 {
  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-16579:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16579 { flex-direction: column; } }
.component-16580 {
  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-16580:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16580 { flex-direction: column; } }
.component-16581 {
  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-16581:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16581 { flex-direction: column; } }
.component-16582 {
  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-16582:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16582 { flex-direction: column; } }
.component-16583 {
  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-16583:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16583 { flex-direction: column; } }
.component-16584 {
  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-16584:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16584 { flex-direction: column; } }
.component-16585 {
  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-16585:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16585 { flex-direction: column; } }
.component-16586 {
  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-16586:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16586 { flex-direction: column; } }
.component-16587 {
  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-16587:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16587 { flex-direction: column; } }
.component-16588 {
  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-16588:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16588 { flex-direction: column; } }
.component-16589 {
  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-16589:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16589 { flex-direction: column; } }
.component-16590 {
  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-16590:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16590 { flex-direction: column; } }
.component-16591 {
  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-16591:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16591 { flex-direction: column; } }
.component-16592 {
  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-16592:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16592 { flex-direction: column; } }
.component-16593 {
  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-16593:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16593 { flex-direction: column; } }
.component-16594 {
  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-16594:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16594 { flex-direction: column; } }
.component-16595 {
  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-16595:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16595 { flex-direction: column; } }
.component-16596 {
  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-16596:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16596 { flex-direction: column; } }
.component-16597 {
  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-16597:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16597 { flex-direction: column; } }
.component-16598 {
  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-16598:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16598 { flex-direction: column; } }
.component-16599 {
  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-16599:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16599 { flex-direction: column; } }
.component-16600 {
  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-16600:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16600 { flex-direction: column; } }
.component-16601 {
  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-16601:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16601 { flex-direction: column; } }
.component-16602 {
  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-16602:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16602 { flex-direction: column; } }
.component-16603 {
  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-16603:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16603 { flex-direction: column; } }
.component-16604 {
  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-16604:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16604 { flex-direction: column; } }
.component-16605 {
  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-16605:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16605 { flex-direction: column; } }
.component-16606 {
  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-16606:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16606 { flex-direction: column; } }
.component-16607 {
  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-16607:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16607 { flex-direction: column; } }
.component-16608 {
  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-16608:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16608 { flex-direction: column; } }
.component-16609 {
  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-16609:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16609 { flex-direction: column; } }
.component-16610 {
  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-16610:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16610 { flex-direction: column; } }
.component-16611 {
  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-16611:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16611 { flex-direction: column; } }
.component-16612 {
  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-16612:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16612 { flex-direction: column; } }
.component-16613 {
  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-16613:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16613 { flex-direction: column; } }
.component-16614 {
  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-16614:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16614 { flex-direction: column; } }
.component-16615 {
  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-16615:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16615 { flex-direction: column; } }
.component-16616 {
  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-16616:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16616 { flex-direction: column; } }
.component-16617 {
  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-16617:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16617 { flex-direction: column; } }
.component-16618 {
  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-16618:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16618 { flex-direction: column; } }
.component-16619 {
  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-16619:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16619 { flex-direction: column; } }
.component-16620 {
  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-16620:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16620 { flex-direction: column; } }
.component-16621 {
  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-16621:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16621 { flex-direction: column; } }
.component-16622 {
  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-16622:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16622 { flex-direction: column; } }
.component-16623 {
  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-16623:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16623 { flex-direction: column; } }
.component-16624 {
  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-16624:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16624 { flex-direction: column; } }
.component-16625 {
  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-16625:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16625 { flex-direction: column; } }
.component-16626 {
  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-16626:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16626 { flex-direction: column; } }
.component-16627 {
  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-16627:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16627 { flex-direction: column; } }
.component-16628 {
  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-16628:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16628 { flex-direction: column; } }
.component-16629 {
  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-16629:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16629 { flex-direction: column; } }
.component-16630 {
  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-16630:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16630 { flex-direction: column; } }
.component-16631 {
  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-16631:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16631 { flex-direction: column; } }
.component-16632 {
  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-16632:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16632 { flex-direction: column; } }
.component-16633 {
  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-16633:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16633 { flex-direction: column; } }
.component-16634 {
  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-16634:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16634 { flex-direction: column; } }
.component-16635 {
  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-16635:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16635 { flex-direction: column; } }
.component-16636 {
  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-16636:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16636 { flex-direction: column; } }
.component-16637 {
  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-16637:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16637 { flex-direction: column; } }
.component-16638 {
  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-16638:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16638 { flex-direction: column; } }
.component-16639 {
  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-16639:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16639 { flex-direction: column; } }
.component-16640 {
  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-16640:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16640 { flex-direction: column; } }
.component-16641 {
  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-16641:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16641 { flex-direction: column; } }
.component-16642 {
  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-16642:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16642 { flex-direction: column; } }
.component-16643 {
  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-16643:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16643 { flex-direction: column; } }
.component-16644 {
  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-16644:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16644 { flex-direction: column; } }
.component-16645 {
  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-16645:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16645 { flex-direction: column; } }
.component-16646 {
  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-16646:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16646 { flex-direction: column; } }
.component-16647 {
  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-16647:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16647 { flex-direction: column; } }
.component-16648 {
  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-16648:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16648 { flex-direction: column; } }
.component-16649 {
  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-16649:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16649 { flex-direction: column; } }
.component-16650 {
  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-16650:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16650 { flex-direction: column; } }
.component-16651 {
  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-16651:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16651 { flex-direction: column; } }
.component-16652 {
  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-16652:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16652 { flex-direction: column; } }
.component-16653 {
  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-16653:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16653 { flex-direction: column; } }
.component-16654 {
  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-16654:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16654 { flex-direction: column; } }
.component-16655 {
  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-16655:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16655 { flex-direction: column; } }
.component-16656 {
  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-16656:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16656 { flex-direction: column; } }
.component-16657 {
  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-16657:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16657 { flex-direction: column; } }
.component-16658 {
  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-16658:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16658 { flex-direction: column; } }
.component-16659 {
  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-16659:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16659 { flex-direction: column; } }
.component-16660 {
  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-16660:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16660 { flex-direction: column; } }
.component-16661 {
  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-16661:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16661 { flex-direction: column; } }
.component-16662 {
  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-16662:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16662 { flex-direction: column; } }
.component-16663 {
  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-16663:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16663 { flex-direction: column; } }
.component-16664 {
  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-16664:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16664 { flex-direction: column; } }
.component-16665 {
  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-16665:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16665 { flex-direction: column; } }
.component-16666 {
  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-16666:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16666 { flex-direction: column; } }
.component-16667 {
  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-16667:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16667 { flex-direction: column; } }
.component-16668 {
  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-16668:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16668 { flex-direction: column; } }
.component-16669 {
  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-16669:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16669 { flex-direction: column; } }
.component-16670 {
  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-16670:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16670 { flex-direction: column; } }
.component-16671 {
  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-16671:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16671 { flex-direction: column; } }
.component-16672 {
  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-16672:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16672 { flex-direction: column; } }
.component-16673 {
  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-16673:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16673 { flex-direction: column; } }
.component-16674 {
  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-16674:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16674 { flex-direction: column; } }
.component-16675 {
  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-16675:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16675 { flex-direction: column; } }
.component-16676 {
  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-16676:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16676 { flex-direction: column; } }
.component-16677 {
  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-16677:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16677 { flex-direction: column; } }
.component-16678 {
  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-16678:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16678 { flex-direction: column; } }
.component-16679 {
  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-16679:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16679 { flex-direction: column; } }
.component-16680 {
  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-16680:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16680 { flex-direction: column; } }
.component-16681 {
  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-16681:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16681 { flex-direction: column; } }
.component-16682 {
  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-16682:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16682 { flex-direction: column; } }
.component-16683 {
  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-16683:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16683 { flex-direction: column; } }
.component-16684 {
  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-16684:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16684 { flex-direction: column; } }
.component-16685 {
  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-16685:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16685 { flex-direction: column; } }
.component-16686 {
  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-16686:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16686 { flex-direction: column; } }
.component-16687 {
  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-16687:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16687 { flex-direction: column; } }
.component-16688 {
  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-16688:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16688 { flex-direction: column; } }
.component-16689 {
  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-16689:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16689 { flex-direction: column; } }
.component-16690 {
  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-16690:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16690 { flex-direction: column; } }
.component-16691 {
  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-16691:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16691 { flex-direction: column; } }
.component-16692 {
  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-16692:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16692 { flex-direction: column; } }
.component-16693 {
  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-16693:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16693 { flex-direction: column; } }
.component-16694 {
  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-16694:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16694 { flex-direction: column; } }
.component-16695 {
  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-16695:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16695 { flex-direction: column; } }
.component-16696 {
  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-16696:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16696 { flex-direction: column; } }
.component-16697 {
  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-16697:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16697 { flex-direction: column; } }
.component-16698 {
  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-16698:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16698 { flex-direction: column; } }
.component-16699 {
  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-16699:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16699 { flex-direction: column; } }
.component-16700 {
  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-16700:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16700 { flex-direction: column; } }
.component-16701 {
  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-16701:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16701 { flex-direction: column; } }
.component-16702 {
  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-16702:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16702 { flex-direction: column; } }
.component-16703 {
  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-16703:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16703 { flex-direction: column; } }
.component-16704 {
  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-16704:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16704 { flex-direction: column; } }
.component-16705 {
  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-16705:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16705 { flex-direction: column; } }
.component-16706 {
  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-16706:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16706 { flex-direction: column; } }
.component-16707 {
  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-16707:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16707 { flex-direction: column; } }
.component-16708 {
  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-16708:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16708 { flex-direction: column; } }
.component-16709 {
  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-16709:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16709 { flex-direction: column; } }
.component-16710 {
  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-16710:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16710 { flex-direction: column; } }
.component-16711 {
  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-16711:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16711 { flex-direction: column; } }
.component-16712 {
  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-16712:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16712 { flex-direction: column; } }
.component-16713 {
  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-16713:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16713 { flex-direction: column; } }
.component-16714 {
  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-16714:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16714 { flex-direction: column; } }
.component-16715 {
  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-16715:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16715 { flex-direction: column; } }
.component-16716 {
  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-16716:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16716 { flex-direction: column; } }
.component-16717 {
  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-16717:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16717 { flex-direction: column; } }
.component-16718 {
  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-16718:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16718 { flex-direction: column; } }
.component-16719 {
  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-16719:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16719 { flex-direction: column; } }
.component-16720 {
  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-16720:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16720 { flex-direction: column; } }
.component-16721 {
  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-16721:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16721 { flex-direction: column; } }
.component-16722 {
  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-16722:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16722 { flex-direction: column; } }
.component-16723 {
  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-16723:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16723 { flex-direction: column; } }
.component-16724 {
  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-16724:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16724 { flex-direction: column; } }
.component-16725 {
  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-16725:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16725 { flex-direction: column; } }
.component-16726 {
  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-16726:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16726 { flex-direction: column; } }
.component-16727 {
  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-16727:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16727 { flex-direction: column; } }
.component-16728 {
  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-16728:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16728 { flex-direction: column; } }
.component-16729 {
  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-16729:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16729 { flex-direction: column; } }
.component-16730 {
  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-16730:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16730 { flex-direction: column; } }
.component-16731 {
  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-16731:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16731 { flex-direction: column; } }
.component-16732 {
  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-16732:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16732 { flex-direction: column; } }
.component-16733 {
  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-16733:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16733 { flex-direction: column; } }
.component-16734 {
  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-16734:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16734 { flex-direction: column; } }
.component-16735 {
  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-16735:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16735 { flex-direction: column; } }
.component-16736 {
  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-16736:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16736 { flex-direction: column; } }
.component-16737 {
  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-16737:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16737 { flex-direction: column; } }
.component-16738 {
  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-16738:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16738 { flex-direction: column; } }
.component-16739 {
  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-16739:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16739 { flex-direction: column; } }
.component-16740 {
  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-16740:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16740 { flex-direction: column; } }
.component-16741 {
  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-16741:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16741 { flex-direction: column; } }
.component-16742 {
  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-16742:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16742 { flex-direction: column; } }
.component-16743 {
  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-16743:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16743 { flex-direction: column; } }
.component-16744 {
  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-16744:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16744 { flex-direction: column; } }
.component-16745 {
  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-16745:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16745 { flex-direction: column; } }
.component-16746 {
  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-16746:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16746 { flex-direction: column; } }
.component-16747 {
  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-16747:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16747 { flex-direction: column; } }
.component-16748 {
  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-16748:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16748 { flex-direction: column; } }
.component-16749 {
  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-16749:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16749 { flex-direction: column; } }
.component-16750 {
  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-16750:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16750 { flex-direction: column; } }
.component-16751 {
  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-16751:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16751 { flex-direction: column; } }
.component-16752 {
  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-16752:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16752 { flex-direction: column; } }
.component-16753 {
  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-16753:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16753 { flex-direction: column; } }
.component-16754 {
  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-16754:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16754 { flex-direction: column; } }
.component-16755 {
  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-16755:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16755 { flex-direction: column; } }
.component-16756 {
  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-16756:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16756 { flex-direction: column; } }
.component-16757 {
  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-16757:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16757 { flex-direction: column; } }
.component-16758 {
  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-16758:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16758 { flex-direction: column; } }
.component-16759 {
  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-16759:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16759 { flex-direction: column; } }
.component-16760 {
  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-16760:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16760 { flex-direction: column; } }
.component-16761 {
  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-16761:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16761 { flex-direction: column; } }
.component-16762 {
  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-16762:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16762 { flex-direction: column; } }
.component-16763 {
  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-16763:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16763 { flex-direction: column; } }
.component-16764 {
  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-16764:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16764 { flex-direction: column; } }
.component-16765 {
  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-16765:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16765 { flex-direction: column; } }
.component-16766 {
  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-16766:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16766 { flex-direction: column; } }
.component-16767 {
  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-16767:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16767 { flex-direction: column; } }
.component-16768 {
  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-16768:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16768 { flex-direction: column; } }
.component-16769 {
  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-16769:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16769 { flex-direction: column; } }
.component-16770 {
  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-16770:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16770 { flex-direction: column; } }
.component-16771 {
  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-16771:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16771 { flex-direction: column; } }
.component-16772 {
  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-16772:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16772 { flex-direction: column; } }
.component-16773 {
  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-16773:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16773 { flex-direction: column; } }
.component-16774 {
  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-16774:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16774 { flex-direction: column; } }
.component-16775 {
  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-16775:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16775 { flex-direction: column; } }
.component-16776 {
  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-16776:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16776 { flex-direction: column; } }
.component-16777 {
  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-16777:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16777 { flex-direction: column; } }
.component-16778 {
  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-16778:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16778 { flex-direction: column; } }
.component-16779 {
  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-16779:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16779 { flex-direction: column; } }
.component-16780 {
  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-16780:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16780 { flex-direction: column; } }
.component-16781 {
  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-16781:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16781 { flex-direction: column; } }
.component-16782 {
  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-16782:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16782 { flex-direction: column; } }
.component-16783 {
  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-16783:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16783 { flex-direction: column; } }
.component-16784 {
  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-16784:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16784 { flex-direction: column; } }
.component-16785 {
  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-16785:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16785 { flex-direction: column; } }
.component-16786 {
  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-16786:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16786 { flex-direction: column; } }
.component-16787 {
  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-16787:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16787 { flex-direction: column; } }
.component-16788 {
  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-16788:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16788 { flex-direction: column; } }
.component-16789 {
  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-16789:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16789 { flex-direction: column; } }
.component-16790 {
  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-16790:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16790 { flex-direction: column; } }
.component-16791 {
  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-16791:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16791 { flex-direction: column; } }
.component-16792 {
  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-16792:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16792 { flex-direction: column; } }
.component-16793 {
  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-16793:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16793 { flex-direction: column; } }
.component-16794 {
  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-16794:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16794 { flex-direction: column; } }
.component-16795 {
  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-16795:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16795 { flex-direction: column; } }
.component-16796 {
  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-16796:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16796 { flex-direction: column; } }
.component-16797 {
  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-16797:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16797 { flex-direction: column; } }
.component-16798 {
  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-16798:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16798 { flex-direction: column; } }
.component-16799 {
  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-16799:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16799 { flex-direction: column; } }
.component-16800 {
  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-16800:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16800 { flex-direction: column; } }
.component-16801 {
  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-16801:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16801 { flex-direction: column; } }
.component-16802 {
  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-16802:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16802 { flex-direction: column; } }
.component-16803 {
  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-16803:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16803 { flex-direction: column; } }
.component-16804 {
  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-16804:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16804 { flex-direction: column; } }
.component-16805 {
  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-16805:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16805 { flex-direction: column; } }
.component-16806 {
  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-16806:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16806 { flex-direction: column; } }
.component-16807 {
  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-16807:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16807 { flex-direction: column; } }
.component-16808 {
  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-16808:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16808 { flex-direction: column; } }
.component-16809 {
  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-16809:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16809 { flex-direction: column; } }
.component-16810 {
  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-16810:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16810 { flex-direction: column; } }
.component-16811 {
  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-16811:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16811 { flex-direction: column; } }
.component-16812 {
  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-16812:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16812 { flex-direction: column; } }
.component-16813 {
  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-16813:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16813 { flex-direction: column; } }
.component-16814 {
  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-16814:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16814 { flex-direction: column; } }
.component-16815 {
  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-16815:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16815 { flex-direction: column; } }
.component-16816 {
  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-16816:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16816 { flex-direction: column; } }
.component-16817 {
  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-16817:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16817 { flex-direction: column; } }
.component-16818 {
  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-16818:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16818 { flex-direction: column; } }
.component-16819 {
  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-16819:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16819 { flex-direction: column; } }
.component-16820 {
  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-16820:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16820 { flex-direction: column; } }
.component-16821 {
  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-16821:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16821 { flex-direction: column; } }
.component-16822 {
  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-16822:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16822 { flex-direction: column; } }
.component-16823 {
  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-16823:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16823 { flex-direction: column; } }
.component-16824 {
  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-16824:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16824 { flex-direction: column; } }
.component-16825 {
  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-16825:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16825 { flex-direction: column; } }
.component-16826 {
  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-16826:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16826 { flex-direction: column; } }
.component-16827 {
  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-16827:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16827 { flex-direction: column; } }
.component-16828 {
  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-16828:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16828 { flex-direction: column; } }
.component-16829 {
  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-16829:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16829 { flex-direction: column; } }
.component-16830 {
  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-16830:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16830 { flex-direction: column; } }
.component-16831 {
  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-16831:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16831 { flex-direction: column; } }
.component-16832 {
  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-16832:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16832 { flex-direction: column; } }
.component-16833 {
  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-16833:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16833 { flex-direction: column; } }
.component-16834 {
  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-16834:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16834 { flex-direction: column; } }
.component-16835 {
  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-16835:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16835 { flex-direction: column; } }
.component-16836 {
  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-16836:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16836 { flex-direction: column; } }
.component-16837 {
  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-16837:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16837 { flex-direction: column; } }
.component-16838 {
  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-16838:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16838 { flex-direction: column; } }
.component-16839 {
  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-16839:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16839 { flex-direction: column; } }
.component-16840 {
  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-16840:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16840 { flex-direction: column; } }
.component-16841 {
  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-16841:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16841 { flex-direction: column; } }
.component-16842 {
  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-16842:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16842 { flex-direction: column; } }
.component-16843 {
  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-16843:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16843 { flex-direction: column; } }
.component-16844 {
  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-16844:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16844 { flex-direction: column; } }
.component-16845 {
  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-16845:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16845 { flex-direction: column; } }
.component-16846 {
  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-16846:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16846 { flex-direction: column; } }
.component-16847 {
  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-16847:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16847 { flex-direction: column; } }
.component-16848 {
  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-16848:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16848 { flex-direction: column; } }
.component-16849 {
  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-16849:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16849 { flex-direction: column; } }
.component-16850 {
  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-16850:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16850 { flex-direction: column; } }
.component-16851 {
  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-16851:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16851 { flex-direction: column; } }
.component-16852 {
  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-16852:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16852 { flex-direction: column; } }
.component-16853 {
  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-16853:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16853 { flex-direction: column; } }
.component-16854 {
  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-16854:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16854 { flex-direction: column; } }
.component-16855 {
  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-16855:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16855 { flex-direction: column; } }
.component-16856 {
  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-16856:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16856 { flex-direction: column; } }
.component-16857 {
  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-16857:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16857 { flex-direction: column; } }
.component-16858 {
  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-16858:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16858 { flex-direction: column; } }
.component-16859 {
  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-16859:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16859 { flex-direction: column; } }
.component-16860 {
  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-16860:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16860 { flex-direction: column; } }
.component-16861 {
  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-16861:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16861 { flex-direction: column; } }
.component-16862 {
  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-16862:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16862 { flex-direction: column; } }
.component-16863 {
  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-16863:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16863 { flex-direction: column; } }
.component-16864 {
  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-16864:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16864 { flex-direction: column; } }
.component-16865 {
  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-16865:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16865 { flex-direction: column; } }
.component-16866 {
  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-16866:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16866 { flex-direction: column; } }
.component-16867 {
  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-16867:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16867 { flex-direction: column; } }
.component-16868 {
  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-16868:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16868 { flex-direction: column; } }
.component-16869 {
  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-16869:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16869 { flex-direction: column; } }
.component-16870 {
  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-16870:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16870 { flex-direction: column; } }
.component-16871 {
  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-16871:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16871 { flex-direction: column; } }
.component-16872 {
  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-16872:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16872 { flex-direction: column; } }
.component-16873 {
  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-16873:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16873 { flex-direction: column; } }
.component-16874 {
  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-16874:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16874 { flex-direction: column; } }
.component-16875 {
  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-16875:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16875 { flex-direction: column; } }
.component-16876 {
  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-16876:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16876 { flex-direction: column; } }
.component-16877 {
  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-16877:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16877 { flex-direction: column; } }
.component-16878 {
  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-16878:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16878 { flex-direction: column; } }
.component-16879 {
  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-16879:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16879 { flex-direction: column; } }
.component-16880 {
  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-16880:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16880 { flex-direction: column; } }
.component-16881 {
  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-16881:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16881 { flex-direction: column; } }
.component-16882 {
  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-16882:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16882 { flex-direction: column; } }
.component-16883 {
  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-16883:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16883 { flex-direction: column; } }
.component-16884 {
  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-16884:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16884 { flex-direction: column; } }
.component-16885 {
  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-16885:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16885 { flex-direction: column; } }
.component-16886 {
  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-16886:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16886 { flex-direction: column; } }
.component-16887 {
  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-16887:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16887 { flex-direction: column; } }
.component-16888 {
  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-16888:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16888 { flex-direction: column; } }
.component-16889 {
  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-16889:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16889 { flex-direction: column; } }
.component-16890 {
  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-16890:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16890 { flex-direction: column; } }
.component-16891 {
  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-16891:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16891 { flex-direction: column; } }
.component-16892 {
  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-16892:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16892 { flex-direction: column; } }
.component-16893 {
  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-16893:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16893 { flex-direction: column; } }
.component-16894 {
  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-16894:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16894 { flex-direction: column; } }
.component-16895 {
  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-16895:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16895 { flex-direction: column; } }
.component-16896 {
  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-16896:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16896 { flex-direction: column; } }
.component-16897 {
  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-16897:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16897 { flex-direction: column; } }
.component-16898 {
  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-16898:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16898 { flex-direction: column; } }
.component-16899 {
  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-16899:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16899 { flex-direction: column; } }
.component-16900 {
  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-16900:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16900 { flex-direction: column; } }
.component-16901 {
  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-16901:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16901 { flex-direction: column; } }
.component-16902 {
  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-16902:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16902 { flex-direction: column; } }
.component-16903 {
  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-16903:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16903 { flex-direction: column; } }
.component-16904 {
  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-16904:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16904 { flex-direction: column; } }
.component-16905 {
  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-16905:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16905 { flex-direction: column; } }
.component-16906 {
  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-16906:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16906 { flex-direction: column; } }
.component-16907 {
  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-16907:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16907 { flex-direction: column; } }
.component-16908 {
  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-16908:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16908 { flex-direction: column; } }
.component-16909 {
  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-16909:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16909 { flex-direction: column; } }
.component-16910 {
  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-16910:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16910 { flex-direction: column; } }
.component-16911 {
  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-16911:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16911 { flex-direction: column; } }
.component-16912 {
  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-16912:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16912 { flex-direction: column; } }
.component-16913 {
  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-16913:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16913 { flex-direction: column; } }
.component-16914 {
  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-16914:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16914 { flex-direction: column; } }
.component-16915 {
  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-16915:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16915 { flex-direction: column; } }
.component-16916 {
  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-16916:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16916 { flex-direction: column; } }
.component-16917 {
  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-16917:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16917 { flex-direction: column; } }
.component-16918 {
  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-16918:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16918 { flex-direction: column; } }
.component-16919 {
  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-16919:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16919 { flex-direction: column; } }
.component-16920 {
  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-16920:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16920 { flex-direction: column; } }
.component-16921 {
  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-16921:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16921 { flex-direction: column; } }
.component-16922 {
  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-16922:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16922 { flex-direction: column; } }
.component-16923 {
  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-16923:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16923 { flex-direction: column; } }
.component-16924 {
  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-16924:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16924 { flex-direction: column; } }
.component-16925 {
  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-16925:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16925 { flex-direction: column; } }
.component-16926 {
  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-16926:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16926 { flex-direction: column; } }
.component-16927 {
  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-16927:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16927 { flex-direction: column; } }
.component-16928 {
  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-16928:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16928 { flex-direction: column; } }
.component-16929 {
  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-16929:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16929 { flex-direction: column; } }
.component-16930 {
  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-16930:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16930 { flex-direction: column; } }
.component-16931 {
  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-16931:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16931 { flex-direction: column; } }
.component-16932 {
  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-16932:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16932 { flex-direction: column; } }
.component-16933 {
  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-16933:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16933 { flex-direction: column; } }
.component-16934 {
  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-16934:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16934 { flex-direction: column; } }
.component-16935 {
  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-16935:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16935 { flex-direction: column; } }
.component-16936 {
  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-16936:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16936 { flex-direction: column; } }
.component-16937 {
  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-16937:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16937 { flex-direction: column; } }
.component-16938 {
  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-16938:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16938 { flex-direction: column; } }
.component-16939 {
  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-16939:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16939 { flex-direction: column; } }
.component-16940 {
  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-16940:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16940 { flex-direction: column; } }
.component-16941 {
  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-16941:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16941 { flex-direction: column; } }
.component-16942 {
  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-16942:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16942 { flex-direction: column; } }
.component-16943 {
  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-16943:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16943 { flex-direction: column; } }
.component-16944 {
  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-16944:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16944 { flex-direction: column; } }
.component-16945 {
  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-16945:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16945 { flex-direction: column; } }
.component-16946 {
  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-16946:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16946 { flex-direction: column; } }
.component-16947 {
  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-16947:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16947 { flex-direction: column; } }
.component-16948 {
  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-16948:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16948 { flex-direction: column; } }
.component-16949 {
  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-16949:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16949 { flex-direction: column; } }
.component-16950 {
  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-16950:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16950 { flex-direction: column; } }
.component-16951 {
  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-16951:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16951 { flex-direction: column; } }
.component-16952 {
  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-16952:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16952 { flex-direction: column; } }
.component-16953 {
  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-16953:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16953 { flex-direction: column; } }
.component-16954 {
  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-16954:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16954 { flex-direction: column; } }
.component-16955 {
  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-16955:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16955 { flex-direction: column; } }
.component-16956 {
  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-16956:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16956 { flex-direction: column; } }
.component-16957 {
  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-16957:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16957 { flex-direction: column; } }
.component-16958 {
  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-16958:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16958 { flex-direction: column; } }
.component-16959 {
  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-16959:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16959 { flex-direction: column; } }
.component-16960 {
  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-16960:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16960 { flex-direction: column; } }
.component-16961 {
  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-16961:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16961 { flex-direction: column; } }
.component-16962 {
  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-16962:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16962 { flex-direction: column; } }
.component-16963 {
  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-16963:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16963 { flex-direction: column; } }
.component-16964 {
  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-16964:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16964 { flex-direction: column; } }
.component-16965 {
  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-16965:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16965 { flex-direction: column; } }
.component-16966 {
  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-16966:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16966 { flex-direction: column; } }
.component-16967 {
  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-16967:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16967 { flex-direction: column; } }
.component-16968 {
  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-16968:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16968 { flex-direction: column; } }
.component-16969 {
  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-16969:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16969 { flex-direction: column; } }
.component-16970 {
  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-16970:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16970 { flex-direction: column; } }
.component-16971 {
  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-16971:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16971 { flex-direction: column; } }
.component-16972 {
  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-16972:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16972 { flex-direction: column; } }
.component-16973 {
  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-16973:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16973 { flex-direction: column; } }
.component-16974 {
  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-16974:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16974 { flex-direction: column; } }
.component-16975 {
  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-16975:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16975 { flex-direction: column; } }
.component-16976 {
  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-16976:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16976 { flex-direction: column; } }
.component-16977 {
  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-16977:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16977 { flex-direction: column; } }
.component-16978 {
  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-16978:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16978 { flex-direction: column; } }
.component-16979 {
  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-16979:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16979 { flex-direction: column; } }
.component-16980 {
  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-16980:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16980 { flex-direction: column; } }
.component-16981 {
  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-16981:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16981 { flex-direction: column; } }
.component-16982 {
  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-16982:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16982 { flex-direction: column; } }
.component-16983 {
  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-16983:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16983 { flex-direction: column; } }
.component-16984 {
  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-16984:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16984 { flex-direction: column; } }
.component-16985 {
  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-16985:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-16985 { flex-direction: column; } }
.component-16986 {
  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-16986:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-16986 { flex-direction: column; } }
.component-16987 {
  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-16987:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-16987 { flex-direction: column; } }
.component-16988 {
  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-16988:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-16988 { flex-direction: column; } }
.component-16989 {
  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-16989:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-16989 { flex-direction: column; } }
.component-16990 {
  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-16990:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-16990 { flex-direction: column; } }
.component-16991 {
  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-16991:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-16991 { flex-direction: column; } }
.component-16992 {
  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-16992:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-16992 { flex-direction: column; } }
.component-16993 {
  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-16993:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-16993 { flex-direction: column; } }
.component-16994 {
  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-16994:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-16994 { flex-direction: column; } }
.component-16995 {
  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-16995:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-16995 { flex-direction: column; } }
.component-16996 {
  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-16996:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-16996 { flex-direction: column; } }
.component-16997 {
  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-16997:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-16997 { flex-direction: column; } }
.component-16998 {
  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-16998:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-16998 { flex-direction: column; } }
.component-16999 {
  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-16999:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-16999 { flex-direction: column; } }
.component-17000 {
  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-17000:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17000 { flex-direction: column; } }
.component-17001 {
  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-17001:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17001 { flex-direction: column; } }
.component-17002 {
  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-17002:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17002 { flex-direction: column; } }
.component-17003 {
  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-17003:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17003 { flex-direction: column; } }
.component-17004 {
  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-17004:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17004 { flex-direction: column; } }
.component-17005 {
  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-17005:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17005 { flex-direction: column; } }
.component-17006 {
  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-17006:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17006 { flex-direction: column; } }
.component-17007 {
  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-17007:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17007 { flex-direction: column; } }
.component-17008 {
  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-17008:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17008 { flex-direction: column; } }
.component-17009 {
  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-17009:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17009 { flex-direction: column; } }
.component-17010 {
  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-17010:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17010 { flex-direction: column; } }
.component-17011 {
  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-17011:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17011 { flex-direction: column; } }
.component-17012 {
  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-17012:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17012 { flex-direction: column; } }
.component-17013 {
  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-17013:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17013 { flex-direction: column; } }
.component-17014 {
  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-17014:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17014 { flex-direction: column; } }
.component-17015 {
  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-17015:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17015 { flex-direction: column; } }
.component-17016 {
  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-17016:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17016 { flex-direction: column; } }
.component-17017 {
  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-17017:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17017 { flex-direction: column; } }
.component-17018 {
  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-17018:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17018 { flex-direction: column; } }
.component-17019 {
  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-17019:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17019 { flex-direction: column; } }
.component-17020 {
  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-17020:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17020 { flex-direction: column; } }
.component-17021 {
  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-17021:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17021 { flex-direction: column; } }
.component-17022 {
  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-17022:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17022 { flex-direction: column; } }
.component-17023 {
  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-17023:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17023 { flex-direction: column; } }
.component-17024 {
  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-17024:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17024 { flex-direction: column; } }
.component-17025 {
  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-17025:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17025 { flex-direction: column; } }
.component-17026 {
  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-17026:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17026 { flex-direction: column; } }
.component-17027 {
  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-17027:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17027 { flex-direction: column; } }
.component-17028 {
  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-17028:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17028 { flex-direction: column; } }
.component-17029 {
  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-17029:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17029 { flex-direction: column; } }
.component-17030 {
  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-17030:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17030 { flex-direction: column; } }
.component-17031 {
  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-17031:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17031 { flex-direction: column; } }
.component-17032 {
  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-17032:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17032 { flex-direction: column; } }
.component-17033 {
  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-17033:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17033 { flex-direction: column; } }
.component-17034 {
  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-17034:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17034 { flex-direction: column; } }
.component-17035 {
  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-17035:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17035 { flex-direction: column; } }
.component-17036 {
  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-17036:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17036 { flex-direction: column; } }
.component-17037 {
  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-17037:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17037 { flex-direction: column; } }
.component-17038 {
  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-17038:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17038 { flex-direction: column; } }
.component-17039 {
  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-17039:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17039 { flex-direction: column; } }
.component-17040 {
  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-17040:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17040 { flex-direction: column; } }
.component-17041 {
  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-17041:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17041 { flex-direction: column; } }
.component-17042 {
  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-17042:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17042 { flex-direction: column; } }
.component-17043 {
  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-17043:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17043 { flex-direction: column; } }
.component-17044 {
  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-17044:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17044 { flex-direction: column; } }
.component-17045 {
  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-17045:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17045 { flex-direction: column; } }
.component-17046 {
  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-17046:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17046 { flex-direction: column; } }
.component-17047 {
  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-17047:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17047 { flex-direction: column; } }
.component-17048 {
  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-17048:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17048 { flex-direction: column; } }
.component-17049 {
  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-17049:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17049 { flex-direction: column; } }
.component-17050 {
  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-17050:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17050 { flex-direction: column; } }
.component-17051 {
  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-17051:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17051 { flex-direction: column; } }
.component-17052 {
  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-17052:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17052 { flex-direction: column; } }
.component-17053 {
  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-17053:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17053 { flex-direction: column; } }
.component-17054 {
  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-17054:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17054 { flex-direction: column; } }
.component-17055 {
  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-17055:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17055 { flex-direction: column; } }
.component-17056 {
  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-17056:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17056 { flex-direction: column; } }
.component-17057 {
  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-17057:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17057 { flex-direction: column; } }
.component-17058 {
  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-17058:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17058 { flex-direction: column; } }
.component-17059 {
  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-17059:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17059 { flex-direction: column; } }
.component-17060 {
  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-17060:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17060 { flex-direction: column; } }
.component-17061 {
  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-17061:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17061 { flex-direction: column; } }
.component-17062 {
  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-17062:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17062 { flex-direction: column; } }
.component-17063 {
  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-17063:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17063 { flex-direction: column; } }
.component-17064 {
  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-17064:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17064 { flex-direction: column; } }
.component-17065 {
  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-17065:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17065 { flex-direction: column; } }
.component-17066 {
  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-17066:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17066 { flex-direction: column; } }
.component-17067 {
  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-17067:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17067 { flex-direction: column; } }
.component-17068 {
  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-17068:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17068 { flex-direction: column; } }
.component-17069 {
  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-17069:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17069 { flex-direction: column; } }
.component-17070 {
  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-17070:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17070 { flex-direction: column; } }
.component-17071 {
  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-17071:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17071 { flex-direction: column; } }
.component-17072 {
  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-17072:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17072 { flex-direction: column; } }
.component-17073 {
  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-17073:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17073 { flex-direction: column; } }
.component-17074 {
  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-17074:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17074 { flex-direction: column; } }
.component-17075 {
  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-17075:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17075 { flex-direction: column; } }
.component-17076 {
  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-17076:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17076 { flex-direction: column; } }
.component-17077 {
  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-17077:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17077 { flex-direction: column; } }
.component-17078 {
  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-17078:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17078 { flex-direction: column; } }
.component-17079 {
  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-17079:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17079 { flex-direction: column; } }
.component-17080 {
  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-17080:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17080 { flex-direction: column; } }
.component-17081 {
  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-17081:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17081 { flex-direction: column; } }
.component-17082 {
  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-17082:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17082 { flex-direction: column; } }
.component-17083 {
  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-17083:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17083 { flex-direction: column; } }
.component-17084 {
  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-17084:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17084 { flex-direction: column; } }
.component-17085 {
  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-17085:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17085 { flex-direction: column; } }
.component-17086 {
  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-17086:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17086 { flex-direction: column; } }
.component-17087 {
  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-17087:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17087 { flex-direction: column; } }
.component-17088 {
  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-17088:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17088 { flex-direction: column; } }
.component-17089 {
  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-17089:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17089 { flex-direction: column; } }
.component-17090 {
  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-17090:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17090 { flex-direction: column; } }
.component-17091 {
  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-17091:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17091 { flex-direction: column; } }
.component-17092 {
  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-17092:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17092 { flex-direction: column; } }
.component-17093 {
  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-17093:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17093 { flex-direction: column; } }
.component-17094 {
  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-17094:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17094 { flex-direction: column; } }
.component-17095 {
  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-17095:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17095 { flex-direction: column; } }
.component-17096 {
  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-17096:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17096 { flex-direction: column; } }
.component-17097 {
  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-17097:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17097 { flex-direction: column; } }
.component-17098 {
  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-17098:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17098 { flex-direction: column; } }
.component-17099 {
  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-17099:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17099 { flex-direction: column; } }
.component-17100 {
  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-17100:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17100 { flex-direction: column; } }
.component-17101 {
  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-17101:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17101 { flex-direction: column; } }
.component-17102 {
  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-17102:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17102 { flex-direction: column; } }
.component-17103 {
  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-17103:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17103 { flex-direction: column; } }
.component-17104 {
  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-17104:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17104 { flex-direction: column; } }
.component-17105 {
  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-17105:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17105 { flex-direction: column; } }
.component-17106 {
  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-17106:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17106 { flex-direction: column; } }
.component-17107 {
  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-17107:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17107 { flex-direction: column; } }
.component-17108 {
  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-17108:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17108 { flex-direction: column; } }
.component-17109 {
  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-17109:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17109 { flex-direction: column; } }
.component-17110 {
  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-17110:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17110 { flex-direction: column; } }
.component-17111 {
  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-17111:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17111 { flex-direction: column; } }
.component-17112 {
  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-17112:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17112 { flex-direction: column; } }
.component-17113 {
  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-17113:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17113 { flex-direction: column; } }
.component-17114 {
  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-17114:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17114 { flex-direction: column; } }
.component-17115 {
  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-17115:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17115 { flex-direction: column; } }
.component-17116 {
  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-17116:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17116 { flex-direction: column; } }
.component-17117 {
  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-17117:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17117 { flex-direction: column; } }
.component-17118 {
  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-17118:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17118 { flex-direction: column; } }
.component-17119 {
  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-17119:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17119 { flex-direction: column; } }
.component-17120 {
  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-17120:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17120 { flex-direction: column; } }
.component-17121 {
  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-17121:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17121 { flex-direction: column; } }
.component-17122 {
  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-17122:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17122 { flex-direction: column; } }
.component-17123 {
  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-17123:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17123 { flex-direction: column; } }
.component-17124 {
  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-17124:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17124 { flex-direction: column; } }
.component-17125 {
  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-17125:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17125 { flex-direction: column; } }
.component-17126 {
  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-17126:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17126 { flex-direction: column; } }
.component-17127 {
  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-17127:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17127 { flex-direction: column; } }
.component-17128 {
  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-17128:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17128 { flex-direction: column; } }
.component-17129 {
  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-17129:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17129 { flex-direction: column; } }
.component-17130 {
  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-17130:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17130 { flex-direction: column; } }
.component-17131 {
  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-17131:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17131 { flex-direction: column; } }
.component-17132 {
  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-17132:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17132 { flex-direction: column; } }
.component-17133 {
  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-17133:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17133 { flex-direction: column; } }
.component-17134 {
  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-17134:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17134 { flex-direction: column; } }
.component-17135 {
  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-17135:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17135 { flex-direction: column; } }
.component-17136 {
  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-17136:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17136 { flex-direction: column; } }
.component-17137 {
  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-17137:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17137 { flex-direction: column; } }
.component-17138 {
  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-17138:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17138 { flex-direction: column; } }
.component-17139 {
  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-17139:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17139 { flex-direction: column; } }
.component-17140 {
  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-17140:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17140 { flex-direction: column; } }
.component-17141 {
  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-17141:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17141 { flex-direction: column; } }
.component-17142 {
  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-17142:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17142 { flex-direction: column; } }
.component-17143 {
  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-17143:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17143 { flex-direction: column; } }
.component-17144 {
  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-17144:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17144 { flex-direction: column; } }
.component-17145 {
  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-17145:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17145 { flex-direction: column; } }
.component-17146 {
  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-17146:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17146 { flex-direction: column; } }
.component-17147 {
  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-17147:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17147 { flex-direction: column; } }
.component-17148 {
  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-17148:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17148 { flex-direction: column; } }
.component-17149 {
  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-17149:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17149 { flex-direction: column; } }
.component-17150 {
  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-17150:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17150 { flex-direction: column; } }
.component-17151 {
  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-17151:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17151 { flex-direction: column; } }
.component-17152 {
  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-17152:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17152 { flex-direction: column; } }
.component-17153 {
  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-17153:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17153 { flex-direction: column; } }
.component-17154 {
  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-17154:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17154 { flex-direction: column; } }
.component-17155 {
  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-17155:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17155 { flex-direction: column; } }
.component-17156 {
  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-17156:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17156 { flex-direction: column; } }
.component-17157 {
  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-17157:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17157 { flex-direction: column; } }
.component-17158 {
  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-17158:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17158 { flex-direction: column; } }
.component-17159 {
  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-17159:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17159 { flex-direction: column; } }
.component-17160 {
  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-17160:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17160 { flex-direction: column; } }
.component-17161 {
  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-17161:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17161 { flex-direction: column; } }
.component-17162 {
  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-17162:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17162 { flex-direction: column; } }
.component-17163 {
  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-17163:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17163 { flex-direction: column; } }
.component-17164 {
  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-17164:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17164 { flex-direction: column; } }
.component-17165 {
  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-17165:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17165 { flex-direction: column; } }
.component-17166 {
  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-17166:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17166 { flex-direction: column; } }
.component-17167 {
  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-17167:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17167 { flex-direction: column; } }
.component-17168 {
  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-17168:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17168 { flex-direction: column; } }
.component-17169 {
  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-17169:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17169 { flex-direction: column; } }
.component-17170 {
  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-17170:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17170 { flex-direction: column; } }
.component-17171 {
  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-17171:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17171 { flex-direction: column; } }
.component-17172 {
  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-17172:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17172 { flex-direction: column; } }
.component-17173 {
  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-17173:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17173 { flex-direction: column; } }
.component-17174 {
  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-17174:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17174 { flex-direction: column; } }
.component-17175 {
  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-17175:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17175 { flex-direction: column; } }
.component-17176 {
  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-17176:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17176 { flex-direction: column; } }
.component-17177 {
  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-17177:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17177 { flex-direction: column; } }
.component-17178 {
  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-17178:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17178 { flex-direction: column; } }
.component-17179 {
  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-17179:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17179 { flex-direction: column; } }
.component-17180 {
  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-17180:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17180 { flex-direction: column; } }
.component-17181 {
  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-17181:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17181 { flex-direction: column; } }
.component-17182 {
  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-17182:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17182 { flex-direction: column; } }
.component-17183 {
  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-17183:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17183 { flex-direction: column; } }
.component-17184 {
  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-17184:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17184 { flex-direction: column; } }
.component-17185 {
  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-17185:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17185 { flex-direction: column; } }
.component-17186 {
  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-17186:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17186 { flex-direction: column; } }
.component-17187 {
  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-17187:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17187 { flex-direction: column; } }
.component-17188 {
  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-17188:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17188 { flex-direction: column; } }
.component-17189 {
  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-17189:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17189 { flex-direction: column; } }
.component-17190 {
  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-17190:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17190 { flex-direction: column; } }
.component-17191 {
  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-17191:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17191 { flex-direction: column; } }
.component-17192 {
  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-17192:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17192 { flex-direction: column; } }
.component-17193 {
  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-17193:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17193 { flex-direction: column; } }
.component-17194 {
  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-17194:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17194 { flex-direction: column; } }
.component-17195 {
  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-17195:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17195 { flex-direction: column; } }
.component-17196 {
  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-17196:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17196 { flex-direction: column; } }
.component-17197 {
  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-17197:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17197 { flex-direction: column; } }
.component-17198 {
  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-17198:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17198 { flex-direction: column; } }
.component-17199 {
  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-17199:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17199 { flex-direction: column; } }
.component-17200 {
  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-17200:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17200 { flex-direction: column; } }
.component-17201 {
  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-17201:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17201 { flex-direction: column; } }
.component-17202 {
  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-17202:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17202 { flex-direction: column; } }
.component-17203 {
  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-17203:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17203 { flex-direction: column; } }
.component-17204 {
  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-17204:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17204 { flex-direction: column; } }
.component-17205 {
  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-17205:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17205 { flex-direction: column; } }
.component-17206 {
  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-17206:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17206 { flex-direction: column; } }
.component-17207 {
  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-17207:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17207 { flex-direction: column; } }
.component-17208 {
  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-17208:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17208 { flex-direction: column; } }
.component-17209 {
  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-17209:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17209 { flex-direction: column; } }
.component-17210 {
  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-17210:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17210 { flex-direction: column; } }
.component-17211 {
  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-17211:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17211 { flex-direction: column; } }
.component-17212 {
  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-17212:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17212 { flex-direction: column; } }
.component-17213 {
  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-17213:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17213 { flex-direction: column; } }
.component-17214 {
  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-17214:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17214 { flex-direction: column; } }
.component-17215 {
  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-17215:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17215 { flex-direction: column; } }
.component-17216 {
  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-17216:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17216 { flex-direction: column; } }
.component-17217 {
  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-17217:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17217 { flex-direction: column; } }
.component-17218 {
  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-17218:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17218 { flex-direction: column; } }
.component-17219 {
  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-17219:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17219 { flex-direction: column; } }
.component-17220 {
  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-17220:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17220 { flex-direction: column; } }
.component-17221 {
  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-17221:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17221 { flex-direction: column; } }
.component-17222 {
  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-17222:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17222 { flex-direction: column; } }
.component-17223 {
  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-17223:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17223 { flex-direction: column; } }
.component-17224 {
  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-17224:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17224 { flex-direction: column; } }
.component-17225 {
  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-17225:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17225 { flex-direction: column; } }
.component-17226 {
  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-17226:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17226 { flex-direction: column; } }
.component-17227 {
  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-17227:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17227 { flex-direction: column; } }
.component-17228 {
  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-17228:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17228 { flex-direction: column; } }
.component-17229 {
  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-17229:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17229 { flex-direction: column; } }
.component-17230 {
  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-17230:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17230 { flex-direction: column; } }
.component-17231 {
  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-17231:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17231 { flex-direction: column; } }
.component-17232 {
  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-17232:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17232 { flex-direction: column; } }
.component-17233 {
  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-17233:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17233 { flex-direction: column; } }
.component-17234 {
  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-17234:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17234 { flex-direction: column; } }
.component-17235 {
  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-17235:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17235 { flex-direction: column; } }
.component-17236 {
  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-17236:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17236 { flex-direction: column; } }
.component-17237 {
  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-17237:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17237 { flex-direction: column; } }
.component-17238 {
  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-17238:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17238 { flex-direction: column; } }
.component-17239 {
  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-17239:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17239 { flex-direction: column; } }
.component-17240 {
  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-17240:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17240 { flex-direction: column; } }
.component-17241 {
  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-17241:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17241 { flex-direction: column; } }
.component-17242 {
  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-17242:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17242 { flex-direction: column; } }
.component-17243 {
  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-17243:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17243 { flex-direction: column; } }
.component-17244 {
  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-17244:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17244 { flex-direction: column; } }
.component-17245 {
  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-17245:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17245 { flex-direction: column; } }
.component-17246 {
  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-17246:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17246 { flex-direction: column; } }
.component-17247 {
  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-17247:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17247 { flex-direction: column; } }
.component-17248 {
  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-17248:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17248 { flex-direction: column; } }
.component-17249 {
  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-17249:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17249 { flex-direction: column; } }
.component-17250 {
  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-17250:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17250 { flex-direction: column; } }
.component-17251 {
  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-17251:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17251 { flex-direction: column; } }
.component-17252 {
  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-17252:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17252 { flex-direction: column; } }
.component-17253 {
  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-17253:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17253 { flex-direction: column; } }
.component-17254 {
  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-17254:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17254 { flex-direction: column; } }
.component-17255 {
  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-17255:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17255 { flex-direction: column; } }
.component-17256 {
  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-17256:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17256 { flex-direction: column; } }
.component-17257 {
  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-17257:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17257 { flex-direction: column; } }
.component-17258 {
  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-17258:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17258 { flex-direction: column; } }
.component-17259 {
  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-17259:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17259 { flex-direction: column; } }
.component-17260 {
  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-17260:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17260 { flex-direction: column; } }
.component-17261 {
  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-17261:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17261 { flex-direction: column; } }
.component-17262 {
  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-17262:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17262 { flex-direction: column; } }
.component-17263 {
  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-17263:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17263 { flex-direction: column; } }
.component-17264 {
  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-17264:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17264 { flex-direction: column; } }
.component-17265 {
  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-17265:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17265 { flex-direction: column; } }
.component-17266 {
  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-17266:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17266 { flex-direction: column; } }
.component-17267 {
  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-17267:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17267 { flex-direction: column; } }
.component-17268 {
  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-17268:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17268 { flex-direction: column; } }
.component-17269 {
  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-17269:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17269 { flex-direction: column; } }
.component-17270 {
  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-17270:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17270 { flex-direction: column; } }
.component-17271 {
  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-17271:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17271 { flex-direction: column; } }
.component-17272 {
  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-17272:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17272 { flex-direction: column; } }
.component-17273 {
  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-17273:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17273 { flex-direction: column; } }
.component-17274 {
  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-17274:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17274 { flex-direction: column; } }
.component-17275 {
  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-17275:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17275 { flex-direction: column; } }
.component-17276 {
  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-17276:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17276 { flex-direction: column; } }
.component-17277 {
  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-17277:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17277 { flex-direction: column; } }
.component-17278 {
  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-17278:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17278 { flex-direction: column; } }
.component-17279 {
  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-17279:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17279 { flex-direction: column; } }
.component-17280 {
  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-17280:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17280 { flex-direction: column; } }
.component-17281 {
  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-17281:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17281 { flex-direction: column; } }
.component-17282 {
  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-17282:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17282 { flex-direction: column; } }
.component-17283 {
  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-17283:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17283 { flex-direction: column; } }
.component-17284 {
  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-17284:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17284 { flex-direction: column; } }
.component-17285 {
  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-17285:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17285 { flex-direction: column; } }
.component-17286 {
  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-17286:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17286 { flex-direction: column; } }
.component-17287 {
  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-17287:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17287 { flex-direction: column; } }
.component-17288 {
  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-17288:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17288 { flex-direction: column; } }
.component-17289 {
  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-17289:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17289 { flex-direction: column; } }
.component-17290 {
  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-17290:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17290 { flex-direction: column; } }
.component-17291 {
  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-17291:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17291 { flex-direction: column; } }
.component-17292 {
  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-17292:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17292 { flex-direction: column; } }
.component-17293 {
  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-17293:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17293 { flex-direction: column; } }
.component-17294 {
  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-17294:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17294 { flex-direction: column; } }
.component-17295 {
  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-17295:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17295 { flex-direction: column; } }
.component-17296 {
  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-17296:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17296 { flex-direction: column; } }
.component-17297 {
  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-17297:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17297 { flex-direction: column; } }
.component-17298 {
  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-17298:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17298 { flex-direction: column; } }
.component-17299 {
  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-17299:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17299 { flex-direction: column; } }
.component-17300 {
  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-17300:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17300 { flex-direction: column; } }
.component-17301 {
  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-17301:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17301 { flex-direction: column; } }
.component-17302 {
  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-17302:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17302 { flex-direction: column; } }
.component-17303 {
  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-17303:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17303 { flex-direction: column; } }
.component-17304 {
  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-17304:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17304 { flex-direction: column; } }
.component-17305 {
  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-17305:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17305 { flex-direction: column; } }
.component-17306 {
  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-17306:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17306 { flex-direction: column; } }
.component-17307 {
  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-17307:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17307 { flex-direction: column; } }
.component-17308 {
  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-17308:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17308 { flex-direction: column; } }
.component-17309 {
  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-17309:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17309 { flex-direction: column; } }
.component-17310 {
  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-17310:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17310 { flex-direction: column; } }
.component-17311 {
  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-17311:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17311 { flex-direction: column; } }
.component-17312 {
  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-17312:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17312 { flex-direction: column; } }
.component-17313 {
  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-17313:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17313 { flex-direction: column; } }
.component-17314 {
  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-17314:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17314 { flex-direction: column; } }
.component-17315 {
  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-17315:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17315 { flex-direction: column; } }
.component-17316 {
  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-17316:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17316 { flex-direction: column; } }
.component-17317 {
  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-17317:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17317 { flex-direction: column; } }
.component-17318 {
  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-17318:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17318 { flex-direction: column; } }
.component-17319 {
  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-17319:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17319 { flex-direction: column; } }
.component-17320 {
  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-17320:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17320 { flex-direction: column; } }
.component-17321 {
  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-17321:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17321 { flex-direction: column; } }
.component-17322 {
  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-17322:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17322 { flex-direction: column; } }
.component-17323 {
  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-17323:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17323 { flex-direction: column; } }
.component-17324 {
  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-17324:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17324 { flex-direction: column; } }
.component-17325 {
  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-17325:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17325 { flex-direction: column; } }
.component-17326 {
  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-17326:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17326 { flex-direction: column; } }
.component-17327 {
  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-17327:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17327 { flex-direction: column; } }
.component-17328 {
  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-17328:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17328 { flex-direction: column; } }
.component-17329 {
  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-17329:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17329 { flex-direction: column; } }
.component-17330 {
  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-17330:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17330 { flex-direction: column; } }
.component-17331 {
  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-17331:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17331 { flex-direction: column; } }
.component-17332 {
  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-17332:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17332 { flex-direction: column; } }
.component-17333 {
  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-17333:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17333 { flex-direction: column; } }
.component-17334 {
  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-17334:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17334 { flex-direction: column; } }
.component-17335 {
  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-17335:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17335 { flex-direction: column; } }
.component-17336 {
  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-17336:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17336 { flex-direction: column; } }
.component-17337 {
  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-17337:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17337 { flex-direction: column; } }
.component-17338 {
  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-17338:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17338 { flex-direction: column; } }
.component-17339 {
  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-17339:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17339 { flex-direction: column; } }
.component-17340 {
  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-17340:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17340 { flex-direction: column; } }
.component-17341 {
  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-17341:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17341 { flex-direction: column; } }
.component-17342 {
  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-17342:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17342 { flex-direction: column; } }
.component-17343 {
  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-17343:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17343 { flex-direction: column; } }
.component-17344 {
  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-17344:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17344 { flex-direction: column; } }
.component-17345 {
  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-17345:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17345 { flex-direction: column; } }
.component-17346 {
  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-17346:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17346 { flex-direction: column; } }
.component-17347 {
  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-17347:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17347 { flex-direction: column; } }
.component-17348 {
  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-17348:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17348 { flex-direction: column; } }
.component-17349 {
  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-17349:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17349 { flex-direction: column; } }
.component-17350 {
  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-17350:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17350 { flex-direction: column; } }
.component-17351 {
  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-17351:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17351 { flex-direction: column; } }
.component-17352 {
  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-17352:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17352 { flex-direction: column; } }
.component-17353 {
  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-17353:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17353 { flex-direction: column; } }
.component-17354 {
  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-17354:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17354 { flex-direction: column; } }
.component-17355 {
  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-17355:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17355 { flex-direction: column; } }
.component-17356 {
  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-17356:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17356 { flex-direction: column; } }
.component-17357 {
  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-17357:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17357 { flex-direction: column; } }
.component-17358 {
  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-17358:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17358 { flex-direction: column; } }
.component-17359 {
  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-17359:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17359 { flex-direction: column; } }
.component-17360 {
  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-17360:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17360 { flex-direction: column; } }
.component-17361 {
  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-17361:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17361 { flex-direction: column; } }
.component-17362 {
  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-17362:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17362 { flex-direction: column; } }
.component-17363 {
  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-17363:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17363 { flex-direction: column; } }
.component-17364 {
  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-17364:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17364 { flex-direction: column; } }
.component-17365 {
  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-17365:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17365 { flex-direction: column; } }
.component-17366 {
  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-17366:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17366 { flex-direction: column; } }
.component-17367 {
  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-17367:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17367 { flex-direction: column; } }
.component-17368 {
  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-17368:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17368 { flex-direction: column; } }
.component-17369 {
  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-17369:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17369 { flex-direction: column; } }
.component-17370 {
  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-17370:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17370 { flex-direction: column; } }
.component-17371 {
  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-17371:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17371 { flex-direction: column; } }
.component-17372 {
  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-17372:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17372 { flex-direction: column; } }
.component-17373 {
  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-17373:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17373 { flex-direction: column; } }
.component-17374 {
  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-17374:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17374 { flex-direction: column; } }
.component-17375 {
  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-17375:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17375 { flex-direction: column; } }
.component-17376 {
  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-17376:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17376 { flex-direction: column; } }
.component-17377 {
  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-17377:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17377 { flex-direction: column; } }
.component-17378 {
  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-17378:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17378 { flex-direction: column; } }
.component-17379 {
  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-17379:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17379 { flex-direction: column; } }
.component-17380 {
  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-17380:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17380 { flex-direction: column; } }
.component-17381 {
  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-17381:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17381 { flex-direction: column; } }
.component-17382 {
  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-17382:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17382 { flex-direction: column; } }
.component-17383 {
  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-17383:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17383 { flex-direction: column; } }
.component-17384 {
  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-17384:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17384 { flex-direction: column; } }
.component-17385 {
  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-17385:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17385 { flex-direction: column; } }
.component-17386 {
  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-17386:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17386 { flex-direction: column; } }
.component-17387 {
  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-17387:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17387 { flex-direction: column; } }
.component-17388 {
  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-17388:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17388 { flex-direction: column; } }
.component-17389 {
  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-17389:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17389 { flex-direction: column; } }
.component-17390 {
  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-17390:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17390 { flex-direction: column; } }
.component-17391 {
  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-17391:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17391 { flex-direction: column; } }
.component-17392 {
  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-17392:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17392 { flex-direction: column; } }
.component-17393 {
  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-17393:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17393 { flex-direction: column; } }
.component-17394 {
  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-17394:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17394 { flex-direction: column; } }
.component-17395 {
  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-17395:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17395 { flex-direction: column; } }
.component-17396 {
  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-17396:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17396 { flex-direction: column; } }
.component-17397 {
  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-17397:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17397 { flex-direction: column; } }
.component-17398 {
  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-17398:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17398 { flex-direction: column; } }
.component-17399 {
  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-17399:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17399 { flex-direction: column; } }
.component-17400 {
  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-17400:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17400 { flex-direction: column; } }
.component-17401 {
  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-17401:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17401 { flex-direction: column; } }
.component-17402 {
  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-17402:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17402 { flex-direction: column; } }
.component-17403 {
  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-17403:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17403 { flex-direction: column; } }
.component-17404 {
  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-17404:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17404 { flex-direction: column; } }
.component-17405 {
  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-17405:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17405 { flex-direction: column; } }
.component-17406 {
  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-17406:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17406 { flex-direction: column; } }
.component-17407 {
  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-17407:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17407 { flex-direction: column; } }
.component-17408 {
  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-17408:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17408 { flex-direction: column; } }
.component-17409 {
  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-17409:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17409 { flex-direction: column; } }
.component-17410 {
  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-17410:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17410 { flex-direction: column; } }
.component-17411 {
  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-17411:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17411 { flex-direction: column; } }
.component-17412 {
  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-17412:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17412 { flex-direction: column; } }
.component-17413 {
  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-17413:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17413 { flex-direction: column; } }
.component-17414 {
  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-17414:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17414 { flex-direction: column; } }
.component-17415 {
  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-17415:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17415 { flex-direction: column; } }
.component-17416 {
  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-17416:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17416 { flex-direction: column; } }
.component-17417 {
  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-17417:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17417 { flex-direction: column; } }
.component-17418 {
  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-17418:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17418 { flex-direction: column; } }
.component-17419 {
  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-17419:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17419 { flex-direction: column; } }
.component-17420 {
  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-17420:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17420 { flex-direction: column; } }
.component-17421 {
  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-17421:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17421 { flex-direction: column; } }
.component-17422 {
  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-17422:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17422 { flex-direction: column; } }
.component-17423 {
  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-17423:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17423 { flex-direction: column; } }
.component-17424 {
  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-17424:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17424 { flex-direction: column; } }
.component-17425 {
  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-17425:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17425 { flex-direction: column; } }
.component-17426 {
  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-17426:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17426 { flex-direction: column; } }
.component-17427 {
  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-17427:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17427 { flex-direction: column; } }
.component-17428 {
  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-17428:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17428 { flex-direction: column; } }
.component-17429 {
  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-17429:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17429 { flex-direction: column; } }
.component-17430 {
  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-17430:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17430 { flex-direction: column; } }
.component-17431 {
  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-17431:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17431 { flex-direction: column; } }
.component-17432 {
  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-17432:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17432 { flex-direction: column; } }
.component-17433 {
  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-17433:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17433 { flex-direction: column; } }
.component-17434 {
  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-17434:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17434 { flex-direction: column; } }
.component-17435 {
  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-17435:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17435 { flex-direction: column; } }
.component-17436 {
  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-17436:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17436 { flex-direction: column; } }
.component-17437 {
  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-17437:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17437 { flex-direction: column; } }
.component-17438 {
  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-17438:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17438 { flex-direction: column; } }
.component-17439 {
  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-17439:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17439 { flex-direction: column; } }
.component-17440 {
  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-17440:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17440 { flex-direction: column; } }
.component-17441 {
  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-17441:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17441 { flex-direction: column; } }
.component-17442 {
  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-17442:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17442 { flex-direction: column; } }
.component-17443 {
  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-17443:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17443 { flex-direction: column; } }
.component-17444 {
  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-17444:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17444 { flex-direction: column; } }
.component-17445 {
  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-17445:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17445 { flex-direction: column; } }
.component-17446 {
  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-17446:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17446 { flex-direction: column; } }
.component-17447 {
  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-17447:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17447 { flex-direction: column; } }
.component-17448 {
  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-17448:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17448 { flex-direction: column; } }
.component-17449 {
  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-17449:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17449 { flex-direction: column; } }
.component-17450 {
  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-17450:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17450 { flex-direction: column; } }
.component-17451 {
  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-17451:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17451 { flex-direction: column; } }
.component-17452 {
  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-17452:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17452 { flex-direction: column; } }
.component-17453 {
  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-17453:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17453 { flex-direction: column; } }
.component-17454 {
  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-17454:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17454 { flex-direction: column; } }
.component-17455 {
  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-17455:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17455 { flex-direction: column; } }
.component-17456 {
  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-17456:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17456 { flex-direction: column; } }
.component-17457 {
  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-17457:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17457 { flex-direction: column; } }
.component-17458 {
  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-17458:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17458 { flex-direction: column; } }
.component-17459 {
  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-17459:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17459 { flex-direction: column; } }
.component-17460 {
  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-17460:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17460 { flex-direction: column; } }
.component-17461 {
  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-17461:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17461 { flex-direction: column; } }
.component-17462 {
  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-17462:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17462 { flex-direction: column; } }
.component-17463 {
  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-17463:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17463 { flex-direction: column; } }
.component-17464 {
  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-17464:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17464 { flex-direction: column; } }
.component-17465 {
  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-17465:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17465 { flex-direction: column; } }
.component-17466 {
  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-17466:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17466 { flex-direction: column; } }
.component-17467 {
  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-17467:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17467 { flex-direction: column; } }
.component-17468 {
  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-17468:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17468 { flex-direction: column; } }
.component-17469 {
  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-17469:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17469 { flex-direction: column; } }
.component-17470 {
  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-17470:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17470 { flex-direction: column; } }
.component-17471 {
  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-17471:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17471 { flex-direction: column; } }
.component-17472 {
  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-17472:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17472 { flex-direction: column; } }
.component-17473 {
  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-17473:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17473 { flex-direction: column; } }
.component-17474 {
  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-17474:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17474 { flex-direction: column; } }
.component-17475 {
  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-17475:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17475 { flex-direction: column; } }
.component-17476 {
  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-17476:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17476 { flex-direction: column; } }
.component-17477 {
  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-17477:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17477 { flex-direction: column; } }
.component-17478 {
  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-17478:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17478 { flex-direction: column; } }
.component-17479 {
  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-17479:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17479 { flex-direction: column; } }
.component-17480 {
  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-17480:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17480 { flex-direction: column; } }
.component-17481 {
  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-17481:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17481 { flex-direction: column; } }
.component-17482 {
  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-17482:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17482 { flex-direction: column; } }
.component-17483 {
  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-17483:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17483 { flex-direction: column; } }
.component-17484 {
  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-17484:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17484 { flex-direction: column; } }
.component-17485 {
  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-17485:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17485 { flex-direction: column; } }
.component-17486 {
  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-17486:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17486 { flex-direction: column; } }
.component-17487 {
  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-17487:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17487 { flex-direction: column; } }
.component-17488 {
  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-17488:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17488 { flex-direction: column; } }
.component-17489 {
  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-17489:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17489 { flex-direction: column; } }
.component-17490 {
  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-17490:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17490 { flex-direction: column; } }
.component-17491 {
  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-17491:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17491 { flex-direction: column; } }
.component-17492 {
  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-17492:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17492 { flex-direction: column; } }
.component-17493 {
  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-17493:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17493 { flex-direction: column; } }
.component-17494 {
  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-17494:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17494 { flex-direction: column; } }
.component-17495 {
  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-17495:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17495 { flex-direction: column; } }
.component-17496 {
  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-17496:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17496 { flex-direction: column; } }
.component-17497 {
  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-17497:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17497 { flex-direction: column; } }
.component-17498 {
  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-17498:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17498 { flex-direction: column; } }
.component-17499 {
  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-17499:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17499 { flex-direction: column; } }
.component-17500 {
  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-17500:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17500 { flex-direction: column; } }
.component-17501 {
  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-17501:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17501 { flex-direction: column; } }
.component-17502 {
  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-17502:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17502 { flex-direction: column; } }
.component-17503 {
  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-17503:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17503 { flex-direction: column; } }
.component-17504 {
  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-17504:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17504 { flex-direction: column; } }
.component-17505 {
  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-17505:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17505 { flex-direction: column; } }
.component-17506 {
  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-17506:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17506 { flex-direction: column; } }
.component-17507 {
  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-17507:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17507 { flex-direction: column; } }
.component-17508 {
  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-17508:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17508 { flex-direction: column; } }
.component-17509 {
  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-17509:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17509 { flex-direction: column; } }
.component-17510 {
  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-17510:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17510 { flex-direction: column; } }
.component-17511 {
  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-17511:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17511 { flex-direction: column; } }
.component-17512 {
  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-17512:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17512 { flex-direction: column; } }
.component-17513 {
  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-17513:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17513 { flex-direction: column; } }
.component-17514 {
  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-17514:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17514 { flex-direction: column; } }
.component-17515 {
  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-17515:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17515 { flex-direction: column; } }
.component-17516 {
  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-17516:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17516 { flex-direction: column; } }
.component-17517 {
  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-17517:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17517 { flex-direction: column; } }
.component-17518 {
  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-17518:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17518 { flex-direction: column; } }
.component-17519 {
  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-17519:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17519 { flex-direction: column; } }
.component-17520 {
  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-17520:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17520 { flex-direction: column; } }
.component-17521 {
  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-17521:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17521 { flex-direction: column; } }
.component-17522 {
  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-17522:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17522 { flex-direction: column; } }
.component-17523 {
  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-17523:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17523 { flex-direction: column; } }
.component-17524 {
  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-17524:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17524 { flex-direction: column; } }
.component-17525 {
  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-17525:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17525 { flex-direction: column; } }
.component-17526 {
  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-17526:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17526 { flex-direction: column; } }
.component-17527 {
  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-17527:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17527 { flex-direction: column; } }
.component-17528 {
  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-17528:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17528 { flex-direction: column; } }
.component-17529 {
  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-17529:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17529 { flex-direction: column; } }
.component-17530 {
  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-17530:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17530 { flex-direction: column; } }
.component-17531 {
  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-17531:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17531 { flex-direction: column; } }
.component-17532 {
  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-17532:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17532 { flex-direction: column; } }
.component-17533 {
  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-17533:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17533 { flex-direction: column; } }
.component-17534 {
  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-17534:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17534 { flex-direction: column; } }
.component-17535 {
  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-17535:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17535 { flex-direction: column; } }
.component-17536 {
  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-17536:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17536 { flex-direction: column; } }
.component-17537 {
  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-17537:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17537 { flex-direction: column; } }
.component-17538 {
  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-17538:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17538 { flex-direction: column; } }
.component-17539 {
  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-17539:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17539 { flex-direction: column; } }
.component-17540 {
  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-17540:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17540 { flex-direction: column; } }
.component-17541 {
  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-17541:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17541 { flex-direction: column; } }
.component-17542 {
  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-17542:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17542 { flex-direction: column; } }
.component-17543 {
  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-17543:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17543 { flex-direction: column; } }
.component-17544 {
  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-17544:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17544 { flex-direction: column; } }
.component-17545 {
  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-17545:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17545 { flex-direction: column; } }
.component-17546 {
  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-17546:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17546 { flex-direction: column; } }
.component-17547 {
  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-17547:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17547 { flex-direction: column; } }
.component-17548 {
  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-17548:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17548 { flex-direction: column; } }
.component-17549 {
  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-17549:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17549 { flex-direction: column; } }
.component-17550 {
  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-17550:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17550 { flex-direction: column; } }
.component-17551 {
  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-17551:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17551 { flex-direction: column; } }
.component-17552 {
  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-17552:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17552 { flex-direction: column; } }
.component-17553 {
  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-17553:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17553 { flex-direction: column; } }
.component-17554 {
  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-17554:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17554 { flex-direction: column; } }
.component-17555 {
  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-17555:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17555 { flex-direction: column; } }
.component-17556 {
  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-17556:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17556 { flex-direction: column; } }
.component-17557 {
  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-17557:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17557 { flex-direction: column; } }
.component-17558 {
  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-17558:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17558 { flex-direction: column; } }
.component-17559 {
  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-17559:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17559 { flex-direction: column; } }
.component-17560 {
  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-17560:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17560 { flex-direction: column; } }
.component-17561 {
  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-17561:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17561 { flex-direction: column; } }
.component-17562 {
  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-17562:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17562 { flex-direction: column; } }
.component-17563 {
  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-17563:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17563 { flex-direction: column; } }
.component-17564 {
  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-17564:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17564 { flex-direction: column; } }
.component-17565 {
  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-17565:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17565 { flex-direction: column; } }
.component-17566 {
  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-17566:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17566 { flex-direction: column; } }
.component-17567 {
  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-17567:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17567 { flex-direction: column; } }
.component-17568 {
  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-17568:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17568 { flex-direction: column; } }
.component-17569 {
  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-17569:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17569 { flex-direction: column; } }
.component-17570 {
  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-17570:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17570 { flex-direction: column; } }
.component-17571 {
  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-17571:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17571 { flex-direction: column; } }
.component-17572 {
  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-17572:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17572 { flex-direction: column; } }
.component-17573 {
  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-17573:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17573 { flex-direction: column; } }
.component-17574 {
  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-17574:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17574 { flex-direction: column; } }
.component-17575 {
  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-17575:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17575 { flex-direction: column; } }
.component-17576 {
  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-17576:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17576 { flex-direction: column; } }
.component-17577 {
  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-17577:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17577 { flex-direction: column; } }
.component-17578 {
  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-17578:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17578 { flex-direction: column; } }
.component-17579 {
  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-17579:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17579 { flex-direction: column; } }
.component-17580 {
  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-17580:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17580 { flex-direction: column; } }
.component-17581 {
  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-17581:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17581 { flex-direction: column; } }
.component-17582 {
  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-17582:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17582 { flex-direction: column; } }
.component-17583 {
  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-17583:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17583 { flex-direction: column; } }
.component-17584 {
  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-17584:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17584 { flex-direction: column; } }
.component-17585 {
  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-17585:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17585 { flex-direction: column; } }
.component-17586 {
  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-17586:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17586 { flex-direction: column; } }
.component-17587 {
  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-17587:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17587 { flex-direction: column; } }
.component-17588 {
  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-17588:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17588 { flex-direction: column; } }
.component-17589 {
  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-17589:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17589 { flex-direction: column; } }
.component-17590 {
  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-17590:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17590 { flex-direction: column; } }
.component-17591 {
  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-17591:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17591 { flex-direction: column; } }
.component-17592 {
  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-17592:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17592 { flex-direction: column; } }
.component-17593 {
  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-17593:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17593 { flex-direction: column; } }
.component-17594 {
  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-17594:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17594 { flex-direction: column; } }
.component-17595 {
  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-17595:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17595 { flex-direction: column; } }
.component-17596 {
  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-17596:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17596 { flex-direction: column; } }
.component-17597 {
  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-17597:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17597 { flex-direction: column; } }
.component-17598 {
  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-17598:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17598 { flex-direction: column; } }
.component-17599 {
  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-17599:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17599 { flex-direction: column; } }
.component-17600 {
  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-17600:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17600 { flex-direction: column; } }
.component-17601 {
  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-17601:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17601 { flex-direction: column; } }
.component-17602 {
  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-17602:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17602 { flex-direction: column; } }
.component-17603 {
  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-17603:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17603 { flex-direction: column; } }
.component-17604 {
  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-17604:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17604 { flex-direction: column; } }
.component-17605 {
  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-17605:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17605 { flex-direction: column; } }
.component-17606 {
  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-17606:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17606 { flex-direction: column; } }
.component-17607 {
  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-17607:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17607 { flex-direction: column; } }
.component-17608 {
  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-17608:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17608 { flex-direction: column; } }
.component-17609 {
  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-17609:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17609 { flex-direction: column; } }
.component-17610 {
  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-17610:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17610 { flex-direction: column; } }
.component-17611 {
  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-17611:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17611 { flex-direction: column; } }
.component-17612 {
  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-17612:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17612 { flex-direction: column; } }
.component-17613 {
  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-17613:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17613 { flex-direction: column; } }
.component-17614 {
  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-17614:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17614 { flex-direction: column; } }
.component-17615 {
  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-17615:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17615 { flex-direction: column; } }
.component-17616 {
  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-17616:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17616 { flex-direction: column; } }
.component-17617 {
  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-17617:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17617 { flex-direction: column; } }
.component-17618 {
  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-17618:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17618 { flex-direction: column; } }
.component-17619 {
  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-17619:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17619 { flex-direction: column; } }
.component-17620 {
  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-17620:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17620 { flex-direction: column; } }
.component-17621 {
  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-17621:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17621 { flex-direction: column; } }
.component-17622 {
  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-17622:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17622 { flex-direction: column; } }
.component-17623 {
  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-17623:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17623 { flex-direction: column; } }
.component-17624 {
  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-17624:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17624 { flex-direction: column; } }
.component-17625 {
  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-17625:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17625 { flex-direction: column; } }
.component-17626 {
  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-17626:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17626 { flex-direction: column; } }
.component-17627 {
  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-17627:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17627 { flex-direction: column; } }
.component-17628 {
  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-17628:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17628 { flex-direction: column; } }
.component-17629 {
  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-17629:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17629 { flex-direction: column; } }
.component-17630 {
  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-17630:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17630 { flex-direction: column; } }
.component-17631 {
  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-17631:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17631 { flex-direction: column; } }
.component-17632 {
  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-17632:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17632 { flex-direction: column; } }
.component-17633 {
  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-17633:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17633 { flex-direction: column; } }
.component-17634 {
  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-17634:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17634 { flex-direction: column; } }
.component-17635 {
  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-17635:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17635 { flex-direction: column; } }
.component-17636 {
  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-17636:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17636 { flex-direction: column; } }
.component-17637 {
  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-17637:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17637 { flex-direction: column; } }
.component-17638 {
  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-17638:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17638 { flex-direction: column; } }
.component-17639 {
  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-17639:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17639 { flex-direction: column; } }
.component-17640 {
  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-17640:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17640 { flex-direction: column; } }
.component-17641 {
  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-17641:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17641 { flex-direction: column; } }
.component-17642 {
  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-17642:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17642 { flex-direction: column; } }
.component-17643 {
  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-17643:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17643 { flex-direction: column; } }
.component-17644 {
  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-17644:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17644 { flex-direction: column; } }
.component-17645 {
  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-17645:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17645 { flex-direction: column; } }
.component-17646 {
  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-17646:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17646 { flex-direction: column; } }
.component-17647 {
  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-17647:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17647 { flex-direction: column; } }
.component-17648 {
  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-17648:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17648 { flex-direction: column; } }
.component-17649 {
  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-17649:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17649 { flex-direction: column; } }
.component-17650 {
  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-17650:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17650 { flex-direction: column; } }
.component-17651 {
  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-17651:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17651 { flex-direction: column; } }
.component-17652 {
  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-17652:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17652 { flex-direction: column; } }
.component-17653 {
  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-17653:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17653 { flex-direction: column; } }
.component-17654 {
  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-17654:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17654 { flex-direction: column; } }
.component-17655 {
  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-17655:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17655 { flex-direction: column; } }
.component-17656 {
  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-17656:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17656 { flex-direction: column; } }
.component-17657 {
  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-17657:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17657 { flex-direction: column; } }
.component-17658 {
  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-17658:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17658 { flex-direction: column; } }
.component-17659 {
  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-17659:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17659 { flex-direction: column; } }
.component-17660 {
  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-17660:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17660 { flex-direction: column; } }
.component-17661 {
  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-17661:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17661 { flex-direction: column; } }
.component-17662 {
  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-17662:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17662 { flex-direction: column; } }
.component-17663 {
  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-17663:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17663 { flex-direction: column; } }
.component-17664 {
  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-17664:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17664 { flex-direction: column; } }
.component-17665 {
  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-17665:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17665 { flex-direction: column; } }
.component-17666 {
  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-17666:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17666 { flex-direction: column; } }
.component-17667 {
  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-17667:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17667 { flex-direction: column; } }
.component-17668 {
  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-17668:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17668 { flex-direction: column; } }
.component-17669 {
  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-17669:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17669 { flex-direction: column; } }
.component-17670 {
  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-17670:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17670 { flex-direction: column; } }
.component-17671 {
  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-17671:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17671 { flex-direction: column; } }
.component-17672 {
  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-17672:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17672 { flex-direction: column; } }
.component-17673 {
  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-17673:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17673 { flex-direction: column; } }
.component-17674 {
  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-17674:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17674 { flex-direction: column; } }
.component-17675 {
  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-17675:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17675 { flex-direction: column; } }
.component-17676 {
  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-17676:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17676 { flex-direction: column; } }
.component-17677 {
  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-17677:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17677 { flex-direction: column; } }
.component-17678 {
  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-17678:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17678 { flex-direction: column; } }
.component-17679 {
  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-17679:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17679 { flex-direction: column; } }
.component-17680 {
  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-17680:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17680 { flex-direction: column; } }
.component-17681 {
  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-17681:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17681 { flex-direction: column; } }
.component-17682 {
  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-17682:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17682 { flex-direction: column; } }
.component-17683 {
  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-17683:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17683 { flex-direction: column; } }
.component-17684 {
  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-17684:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17684 { flex-direction: column; } }
.component-17685 {
  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-17685:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17685 { flex-direction: column; } }
.component-17686 {
  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-17686:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17686 { flex-direction: column; } }
.component-17687 {
  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-17687:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17687 { flex-direction: column; } }
.component-17688 {
  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-17688:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17688 { flex-direction: column; } }
.component-17689 {
  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-17689:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17689 { flex-direction: column; } }
.component-17690 {
  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-17690:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17690 { flex-direction: column; } }
.component-17691 {
  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-17691:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17691 { flex-direction: column; } }
.component-17692 {
  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-17692:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17692 { flex-direction: column; } }
.component-17693 {
  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-17693:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17693 { flex-direction: column; } }
.component-17694 {
  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-17694:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17694 { flex-direction: column; } }
.component-17695 {
  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-17695:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17695 { flex-direction: column; } }
.component-17696 {
  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-17696:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17696 { flex-direction: column; } }
.component-17697 {
  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-17697:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17697 { flex-direction: column; } }
.component-17698 {
  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-17698:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17698 { flex-direction: column; } }
.component-17699 {
  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-17699:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17699 { flex-direction: column; } }
.component-17700 {
  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-17700:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17700 { flex-direction: column; } }
.component-17701 {
  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-17701:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17701 { flex-direction: column; } }
.component-17702 {
  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-17702:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17702 { flex-direction: column; } }
.component-17703 {
  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-17703:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17703 { flex-direction: column; } }
.component-17704 {
  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-17704:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17704 { flex-direction: column; } }
.component-17705 {
  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-17705:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17705 { flex-direction: column; } }
.component-17706 {
  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-17706:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17706 { flex-direction: column; } }
.component-17707 {
  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-17707:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17707 { flex-direction: column; } }
.component-17708 {
  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-17708:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17708 { flex-direction: column; } }
.component-17709 {
  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-17709:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17709 { flex-direction: column; } }
.component-17710 {
  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-17710:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17710 { flex-direction: column; } }
.component-17711 {
  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-17711:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17711 { flex-direction: column; } }
.component-17712 {
  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-17712:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17712 { flex-direction: column; } }
.component-17713 {
  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-17713:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17713 { flex-direction: column; } }
.component-17714 {
  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-17714:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17714 { flex-direction: column; } }
.component-17715 {
  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-17715:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17715 { flex-direction: column; } }
.component-17716 {
  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-17716:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17716 { flex-direction: column; } }
.component-17717 {
  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-17717:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17717 { flex-direction: column; } }
.component-17718 {
  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-17718:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17718 { flex-direction: column; } }
.component-17719 {
  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-17719:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17719 { flex-direction: column; } }
.component-17720 {
  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-17720:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17720 { flex-direction: column; } }
.component-17721 {
  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-17721:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17721 { flex-direction: column; } }
.component-17722 {
  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-17722:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17722 { flex-direction: column; } }
.component-17723 {
  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-17723:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17723 { flex-direction: column; } }
.component-17724 {
  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-17724:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17724 { flex-direction: column; } }
.component-17725 {
  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-17725:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17725 { flex-direction: column; } }
.component-17726 {
  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-17726:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17726 { flex-direction: column; } }
.component-17727 {
  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-17727:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17727 { flex-direction: column; } }
.component-17728 {
  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-17728:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17728 { flex-direction: column; } }
.component-17729 {
  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-17729:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17729 { flex-direction: column; } }
.component-17730 {
  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-17730:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17730 { flex-direction: column; } }
.component-17731 {
  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-17731:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17731 { flex-direction: column; } }
.component-17732 {
  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-17732:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17732 { flex-direction: column; } }
.component-17733 {
  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-17733:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17733 { flex-direction: column; } }
.component-17734 {
  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-17734:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17734 { flex-direction: column; } }
.component-17735 {
  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-17735:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17735 { flex-direction: column; } }
.component-17736 {
  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-17736:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17736 { flex-direction: column; } }
.component-17737 {
  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-17737:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17737 { flex-direction: column; } }
.component-17738 {
  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-17738:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17738 { flex-direction: column; } }
.component-17739 {
  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-17739:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17739 { flex-direction: column; } }
.component-17740 {
  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-17740:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17740 { flex-direction: column; } }
.component-17741 {
  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-17741:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17741 { flex-direction: column; } }
.component-17742 {
  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-17742:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17742 { flex-direction: column; } }
.component-17743 {
  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-17743:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17743 { flex-direction: column; } }
.component-17744 {
  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-17744:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17744 { flex-direction: column; } }
.component-17745 {
  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-17745:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17745 { flex-direction: column; } }
.component-17746 {
  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-17746:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17746 { flex-direction: column; } }
.component-17747 {
  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-17747:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17747 { flex-direction: column; } }
.component-17748 {
  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-17748:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17748 { flex-direction: column; } }
.component-17749 {
  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-17749:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17749 { flex-direction: column; } }
.component-17750 {
  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-17750:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17750 { flex-direction: column; } }
.component-17751 {
  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-17751:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17751 { flex-direction: column; } }
.component-17752 {
  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-17752:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17752 { flex-direction: column; } }
.component-17753 {
  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-17753:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17753 { flex-direction: column; } }
.component-17754 {
  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-17754:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17754 { flex-direction: column; } }
.component-17755 {
  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-17755:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17755 { flex-direction: column; } }
.component-17756 {
  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-17756:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17756 { flex-direction: column; } }
.component-17757 {
  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-17757:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17757 { flex-direction: column; } }
.component-17758 {
  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-17758:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17758 { flex-direction: column; } }
.component-17759 {
  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-17759:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17759 { flex-direction: column; } }
.component-17760 {
  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-17760:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17760 { flex-direction: column; } }
.component-17761 {
  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-17761:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17761 { flex-direction: column; } }
.component-17762 {
  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-17762:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17762 { flex-direction: column; } }
.component-17763 {
  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-17763:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17763 { flex-direction: column; } }
.component-17764 {
  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-17764:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17764 { flex-direction: column; } }
.component-17765 {
  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-17765:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17765 { flex-direction: column; } }
.component-17766 {
  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-17766:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17766 { flex-direction: column; } }
.component-17767 {
  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-17767:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17767 { flex-direction: column; } }
.component-17768 {
  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-17768:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17768 { flex-direction: column; } }
.component-17769 {
  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-17769:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17769 { flex-direction: column; } }
.component-17770 {
  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-17770:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17770 { flex-direction: column; } }
.component-17771 {
  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-17771:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17771 { flex-direction: column; } }
.component-17772 {
  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-17772:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17772 { flex-direction: column; } }
.component-17773 {
  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-17773:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17773 { flex-direction: column; } }
.component-17774 {
  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-17774:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17774 { flex-direction: column; } }
.component-17775 {
  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-17775:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17775 { flex-direction: column; } }
.component-17776 {
  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-17776:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17776 { flex-direction: column; } }
.component-17777 {
  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-17777:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17777 { flex-direction: column; } }
.component-17778 {
  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-17778:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17778 { flex-direction: column; } }
.component-17779 {
  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-17779:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17779 { flex-direction: column; } }
.component-17780 {
  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-17780:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17780 { flex-direction: column; } }
.component-17781 {
  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-17781:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17781 { flex-direction: column; } }
.component-17782 {
  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-17782:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17782 { flex-direction: column; } }
.component-17783 {
  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-17783:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17783 { flex-direction: column; } }
.component-17784 {
  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-17784:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17784 { flex-direction: column; } }
.component-17785 {
  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-17785:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17785 { flex-direction: column; } }
.component-17786 {
  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-17786:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17786 { flex-direction: column; } }
.component-17787 {
  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-17787:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17787 { flex-direction: column; } }
.component-17788 {
  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-17788:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17788 { flex-direction: column; } }
.component-17789 {
  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-17789:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17789 { flex-direction: column; } }
.component-17790 {
  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-17790:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17790 { flex-direction: column; } }
.component-17791 {
  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-17791:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17791 { flex-direction: column; } }
.component-17792 {
  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-17792:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17792 { flex-direction: column; } }
.component-17793 {
  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-17793:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17793 { flex-direction: column; } }
.component-17794 {
  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-17794:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17794 { flex-direction: column; } }
.component-17795 {
  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-17795:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17795 { flex-direction: column; } }
.component-17796 {
  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-17796:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17796 { flex-direction: column; } }
.component-17797 {
  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-17797:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17797 { flex-direction: column; } }
.component-17798 {
  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-17798:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17798 { flex-direction: column; } }
.component-17799 {
  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-17799:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17799 { flex-direction: column; } }
.component-17800 {
  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-17800:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17800 { flex-direction: column; } }
.component-17801 {
  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-17801:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17801 { flex-direction: column; } }
.component-17802 {
  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-17802:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17802 { flex-direction: column; } }
.component-17803 {
  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-17803:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17803 { flex-direction: column; } }
.component-17804 {
  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-17804:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17804 { flex-direction: column; } }
.component-17805 {
  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-17805:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17805 { flex-direction: column; } }
.component-17806 {
  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-17806:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17806 { flex-direction: column; } }
.component-17807 {
  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-17807:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17807 { flex-direction: column; } }
.component-17808 {
  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-17808:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17808 { flex-direction: column; } }
.component-17809 {
  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-17809:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17809 { flex-direction: column; } }
.component-17810 {
  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-17810:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17810 { flex-direction: column; } }
.component-17811 {
  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-17811:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17811 { flex-direction: column; } }
.component-17812 {
  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-17812:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17812 { flex-direction: column; } }
.component-17813 {
  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-17813:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17813 { flex-direction: column; } }
.component-17814 {
  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-17814:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17814 { flex-direction: column; } }
.component-17815 {
  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-17815:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17815 { flex-direction: column; } }
.component-17816 {
  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-17816:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17816 { flex-direction: column; } }
.component-17817 {
  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-17817:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17817 { flex-direction: column; } }
.component-17818 {
  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-17818:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17818 { flex-direction: column; } }
.component-17819 {
  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-17819:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17819 { flex-direction: column; } }
.component-17820 {
  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-17820:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17820 { flex-direction: column; } }
.component-17821 {
  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-17821:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17821 { flex-direction: column; } }
.component-17822 {
  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-17822:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17822 { flex-direction: column; } }
.component-17823 {
  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-17823:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17823 { flex-direction: column; } }
.component-17824 {
  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-17824:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17824 { flex-direction: column; } }
.component-17825 {
  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-17825:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17825 { flex-direction: column; } }
.component-17826 {
  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-17826:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17826 { flex-direction: column; } }
.component-17827 {
  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-17827:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17827 { flex-direction: column; } }
.component-17828 {
  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-17828:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17828 { flex-direction: column; } }
.component-17829 {
  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-17829:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17829 { flex-direction: column; } }
.component-17830 {
  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-17830:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17830 { flex-direction: column; } }
.component-17831 {
  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-17831:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17831 { flex-direction: column; } }
.component-17832 {
  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-17832:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17832 { flex-direction: column; } }
.component-17833 {
  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-17833:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17833 { flex-direction: column; } }
.component-17834 {
  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-17834:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17834 { flex-direction: column; } }
.component-17835 {
  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-17835:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17835 { flex-direction: column; } }
.component-17836 {
  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-17836:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17836 { flex-direction: column; } }
.component-17837 {
  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-17837:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17837 { flex-direction: column; } }
.component-17838 {
  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-17838:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17838 { flex-direction: column; } }
.component-17839 {
  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-17839:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17839 { flex-direction: column; } }
.component-17840 {
  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-17840:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17840 { flex-direction: column; } }
.component-17841 {
  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-17841:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17841 { flex-direction: column; } }
.component-17842 {
  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-17842:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17842 { flex-direction: column; } }
.component-17843 {
  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-17843:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17843 { flex-direction: column; } }
.component-17844 {
  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-17844:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17844 { flex-direction: column; } }
.component-17845 {
  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-17845:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17845 { flex-direction: column; } }
.component-17846 {
  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-17846:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17846 { flex-direction: column; } }
.component-17847 {
  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-17847:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17847 { flex-direction: column; } }
.component-17848 {
  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-17848:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17848 { flex-direction: column; } }
.component-17849 {
  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-17849:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17849 { flex-direction: column; } }
.component-17850 {
  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-17850:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17850 { flex-direction: column; } }
.component-17851 {
  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-17851:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17851 { flex-direction: column; } }
.component-17852 {
  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-17852:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17852 { flex-direction: column; } }
.component-17853 {
  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-17853:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17853 { flex-direction: column; } }
.component-17854 {
  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-17854:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17854 { flex-direction: column; } }
.component-17855 {
  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-17855:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17855 { flex-direction: column; } }
.component-17856 {
  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-17856:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17856 { flex-direction: column; } }
.component-17857 {
  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-17857:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17857 { flex-direction: column; } }
.component-17858 {
  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-17858:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17858 { flex-direction: column; } }
.component-17859 {
  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-17859:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17859 { flex-direction: column; } }
.component-17860 {
  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-17860:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17860 { flex-direction: column; } }
.component-17861 {
  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-17861:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17861 { flex-direction: column; } }
.component-17862 {
  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-17862:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17862 { flex-direction: column; } }
.component-17863 {
  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-17863:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17863 { flex-direction: column; } }
.component-17864 {
  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-17864:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17864 { flex-direction: column; } }
.component-17865 {
  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-17865:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17865 { flex-direction: column; } }
.component-17866 {
  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-17866:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17866 { flex-direction: column; } }
.component-17867 {
  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-17867:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17867 { flex-direction: column; } }
.component-17868 {
  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-17868:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17868 { flex-direction: column; } }
.component-17869 {
  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-17869:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17869 { flex-direction: column; } }
.component-17870 {
  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-17870:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17870 { flex-direction: column; } }
.component-17871 {
  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-17871:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17871 { flex-direction: column; } }
.component-17872 {
  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-17872:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17872 { flex-direction: column; } }
.component-17873 {
  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-17873:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17873 { flex-direction: column; } }
.component-17874 {
  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-17874:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17874 { flex-direction: column; } }
.component-17875 {
  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-17875:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17875 { flex-direction: column; } }
.component-17876 {
  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-17876:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17876 { flex-direction: column; } }
.component-17877 {
  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-17877:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17877 { flex-direction: column; } }
.component-17878 {
  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-17878:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17878 { flex-direction: column; } }
.component-17879 {
  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-17879:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17879 { flex-direction: column; } }
.component-17880 {
  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-17880:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17880 { flex-direction: column; } }
.component-17881 {
  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-17881:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17881 { flex-direction: column; } }
.component-17882 {
  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-17882:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17882 { flex-direction: column; } }
.component-17883 {
  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-17883:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17883 { flex-direction: column; } }
.component-17884 {
  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-17884:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17884 { flex-direction: column; } }
.component-17885 {
  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-17885:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17885 { flex-direction: column; } }
.component-17886 {
  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-17886:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17886 { flex-direction: column; } }
.component-17887 {
  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-17887:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17887 { flex-direction: column; } }
.component-17888 {
  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-17888:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17888 { flex-direction: column; } }
.component-17889 {
  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-17889:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17889 { flex-direction: column; } }
.component-17890 {
  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-17890:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17890 { flex-direction: column; } }
.component-17891 {
  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-17891:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17891 { flex-direction: column; } }
.component-17892 {
  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-17892:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17892 { flex-direction: column; } }
.component-17893 {
  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-17893:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17893 { flex-direction: column; } }
.component-17894 {
  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-17894:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17894 { flex-direction: column; } }
.component-17895 {
  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-17895:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17895 { flex-direction: column; } }
.component-17896 {
  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-17896:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17896 { flex-direction: column; } }
.component-17897 {
  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-17897:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17897 { flex-direction: column; } }
.component-17898 {
  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-17898:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17898 { flex-direction: column; } }
.component-17899 {
  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-17899:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17899 { flex-direction: column; } }
.component-17900 {
  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-17900:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17900 { flex-direction: column; } }
.component-17901 {
  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-17901:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17901 { flex-direction: column; } }
.component-17902 {
  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-17902:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17902 { flex-direction: column; } }
.component-17903 {
  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-17903:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17903 { flex-direction: column; } }
.component-17904 {
  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-17904:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17904 { flex-direction: column; } }
.component-17905 {
  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-17905:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17905 { flex-direction: column; } }
.component-17906 {
  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-17906:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17906 { flex-direction: column; } }
.component-17907 {
  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-17907:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17907 { flex-direction: column; } }
.component-17908 {
  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-17908:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17908 { flex-direction: column; } }
.component-17909 {
  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-17909:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17909 { flex-direction: column; } }
.component-17910 {
  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-17910:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17910 { flex-direction: column; } }
.component-17911 {
  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-17911:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17911 { flex-direction: column; } }
.component-17912 {
  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-17912:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17912 { flex-direction: column; } }
.component-17913 {
  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-17913:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17913 { flex-direction: column; } }
.component-17914 {
  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-17914:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17914 { flex-direction: column; } }
.component-17915 {
  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-17915:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17915 { flex-direction: column; } }
.component-17916 {
  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-17916:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17916 { flex-direction: column; } }
.component-17917 {
  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-17917:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17917 { flex-direction: column; } }
.component-17918 {
  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-17918:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17918 { flex-direction: column; } }
.component-17919 {
  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-17919:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17919 { flex-direction: column; } }
.component-17920 {
  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-17920:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17920 { flex-direction: column; } }
.component-17921 {
  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-17921:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17921 { flex-direction: column; } }
.component-17922 {
  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-17922:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17922 { flex-direction: column; } }
.component-17923 {
  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-17923:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17923 { flex-direction: column; } }
.component-17924 {
  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-17924:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17924 { flex-direction: column; } }
.component-17925 {
  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-17925:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17925 { flex-direction: column; } }
.component-17926 {
  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-17926:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17926 { flex-direction: column; } }
.component-17927 {
  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-17927:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17927 { flex-direction: column; } }
.component-17928 {
  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-17928:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17928 { flex-direction: column; } }
.component-17929 {
  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-17929:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17929 { flex-direction: column; } }
.component-17930 {
  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-17930:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17930 { flex-direction: column; } }
.component-17931 {
  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-17931:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17931 { flex-direction: column; } }
.component-17932 {
  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-17932:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17932 { flex-direction: column; } }
.component-17933 {
  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-17933:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17933 { flex-direction: column; } }
.component-17934 {
  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-17934:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17934 { flex-direction: column; } }
.component-17935 {
  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-17935:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17935 { flex-direction: column; } }
.component-17936 {
  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-17936:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17936 { flex-direction: column; } }
.component-17937 {
  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-17937:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17937 { flex-direction: column; } }
.component-17938 {
  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-17938:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17938 { flex-direction: column; } }
.component-17939 {
  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-17939:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17939 { flex-direction: column; } }
.component-17940 {
  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-17940:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17940 { flex-direction: column; } }
.component-17941 {
  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-17941:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17941 { flex-direction: column; } }
.component-17942 {
  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-17942:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17942 { flex-direction: column; } }
.component-17943 {
  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-17943:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17943 { flex-direction: column; } }
.component-17944 {
  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-17944:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17944 { flex-direction: column; } }
.component-17945 {
  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-17945:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17945 { flex-direction: column; } }
.component-17946 {
  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-17946:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17946 { flex-direction: column; } }
.component-17947 {
  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-17947:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17947 { flex-direction: column; } }
.component-17948 {
  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-17948:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17948 { flex-direction: column; } }
.component-17949 {
  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-17949:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17949 { flex-direction: column; } }
.component-17950 {
  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-17950:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17950 { flex-direction: column; } }
.component-17951 {
  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-17951:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17951 { flex-direction: column; } }
.component-17952 {
  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-17952:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17952 { flex-direction: column; } }
.component-17953 {
  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-17953:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17953 { flex-direction: column; } }
.component-17954 {
  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-17954:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17954 { flex-direction: column; } }
.component-17955 {
  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-17955:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17955 { flex-direction: column; } }
.component-17956 {
  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-17956:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17956 { flex-direction: column; } }
.component-17957 {
  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-17957:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17957 { flex-direction: column; } }
.component-17958 {
  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-17958:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17958 { flex-direction: column; } }
.component-17959 {
  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-17959:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17959 { flex-direction: column; } }
.component-17960 {
  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-17960:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17960 { flex-direction: column; } }
.component-17961 {
  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-17961:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17961 { flex-direction: column; } }
.component-17962 {
  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-17962:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17962 { flex-direction: column; } }
.component-17963 {
  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-17963:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17963 { flex-direction: column; } }
.component-17964 {
  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-17964:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17964 { flex-direction: column; } }
.component-17965 {
  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-17965:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17965 { flex-direction: column; } }
.component-17966 {
  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-17966:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17966 { flex-direction: column; } }
.component-17967 {
  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-17967:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17967 { flex-direction: column; } }
.component-17968 {
  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-17968:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17968 { flex-direction: column; } }
.component-17969 {
  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-17969:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17969 { flex-direction: column; } }
.component-17970 {
  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-17970:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17970 { flex-direction: column; } }
.component-17971 {
  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-17971:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17971 { flex-direction: column; } }
.component-17972 {
  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-17972:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17972 { flex-direction: column; } }
.component-17973 {
  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-17973:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17973 { flex-direction: column; } }
.component-17974 {
  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-17974:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17974 { flex-direction: column; } }
.component-17975 {
  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-17975:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17975 { flex-direction: column; } }
.component-17976 {
  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-17976:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17976 { flex-direction: column; } }
.component-17977 {
  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-17977:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17977 { flex-direction: column; } }
.component-17978 {
  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-17978:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17978 { flex-direction: column; } }
.component-17979 {
  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-17979:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17979 { flex-direction: column; } }
.component-17980 {
  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-17980:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17980 { flex-direction: column; } }
.component-17981 {
  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-17981:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17981 { flex-direction: column; } }
.component-17982 {
  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-17982:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17982 { flex-direction: column; } }
.component-17983 {
  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-17983:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17983 { flex-direction: column; } }
.component-17984 {
  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-17984:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17984 { flex-direction: column; } }
.component-17985 {
  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-17985:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-17985 { flex-direction: column; } }
.component-17986 {
  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-17986:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-17986 { flex-direction: column; } }
.component-17987 {
  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-17987:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-17987 { flex-direction: column; } }
.component-17988 {
  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-17988:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-17988 { flex-direction: column; } }
.component-17989 {
  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-17989:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-17989 { flex-direction: column; } }
.component-17990 {
  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-17990:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-17990 { flex-direction: column; } }
.component-17991 {
  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-17991:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-17991 { flex-direction: column; } }
.component-17992 {
  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-17992:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-17992 { flex-direction: column; } }
.component-17993 {
  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-17993:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-17993 { flex-direction: column; } }
.component-17994 {
  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-17994:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-17994 { flex-direction: column; } }
.component-17995 {
  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-17995:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-17995 { flex-direction: column; } }
.component-17996 {
  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-17996:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-17996 { flex-direction: column; } }
.component-17997 {
  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-17997:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-17997 { flex-direction: column; } }
.component-17998 {
  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-17998:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-17998 { flex-direction: column; } }
.component-17999 {
  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-17999:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-17999 { flex-direction: column; } }
.component-18000 {
  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-18000:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18000 { flex-direction: column; } }
.component-18001 {
  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-18001:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18001 { flex-direction: column; } }
.component-18002 {
  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-18002:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18002 { flex-direction: column; } }
.component-18003 {
  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-18003:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18003 { flex-direction: column; } }
.component-18004 {
  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-18004:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18004 { flex-direction: column; } }
.component-18005 {
  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-18005:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18005 { flex-direction: column; } }
.component-18006 {
  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-18006:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18006 { flex-direction: column; } }
.component-18007 {
  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-18007:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18007 { flex-direction: column; } }
.component-18008 {
  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-18008:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18008 { flex-direction: column; } }
.component-18009 {
  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-18009:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18009 { flex-direction: column; } }
.component-18010 {
  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-18010:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18010 { flex-direction: column; } }
.component-18011 {
  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-18011:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18011 { flex-direction: column; } }
.component-18012 {
  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-18012:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18012 { flex-direction: column; } }
.component-18013 {
  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-18013:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18013 { flex-direction: column; } }
.component-18014 {
  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-18014:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18014 { flex-direction: column; } }
.component-18015 {
  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-18015:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18015 { flex-direction: column; } }
.component-18016 {
  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-18016:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18016 { flex-direction: column; } }
.component-18017 {
  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-18017:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18017 { flex-direction: column; } }
.component-18018 {
  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-18018:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18018 { flex-direction: column; } }
.component-18019 {
  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-18019:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18019 { flex-direction: column; } }
.component-18020 {
  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-18020:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18020 { flex-direction: column; } }
.component-18021 {
  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-18021:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18021 { flex-direction: column; } }
.component-18022 {
  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-18022:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18022 { flex-direction: column; } }
.component-18023 {
  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-18023:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18023 { flex-direction: column; } }
.component-18024 {
  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-18024:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18024 { flex-direction: column; } }
.component-18025 {
  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-18025:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18025 { flex-direction: column; } }
.component-18026 {
  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-18026:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18026 { flex-direction: column; } }
.component-18027 {
  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-18027:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18027 { flex-direction: column; } }
.component-18028 {
  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-18028:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18028 { flex-direction: column; } }
.component-18029 {
  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-18029:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18029 { flex-direction: column; } }
.component-18030 {
  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-18030:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18030 { flex-direction: column; } }
.component-18031 {
  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-18031:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18031 { flex-direction: column; } }
.component-18032 {
  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-18032:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18032 { flex-direction: column; } }
.component-18033 {
  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-18033:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18033 { flex-direction: column; } }
.component-18034 {
  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-18034:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18034 { flex-direction: column; } }
.component-18035 {
  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-18035:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18035 { flex-direction: column; } }
.component-18036 {
  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-18036:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18036 { flex-direction: column; } }
.component-18037 {
  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-18037:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18037 { flex-direction: column; } }
.component-18038 {
  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-18038:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18038 { flex-direction: column; } }
.component-18039 {
  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-18039:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18039 { flex-direction: column; } }
.component-18040 {
  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-18040:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18040 { flex-direction: column; } }
.component-18041 {
  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-18041:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18041 { flex-direction: column; } }
.component-18042 {
  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-18042:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18042 { flex-direction: column; } }
.component-18043 {
  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-18043:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18043 { flex-direction: column; } }
.component-18044 {
  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-18044:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18044 { flex-direction: column; } }
.component-18045 {
  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-18045:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18045 { flex-direction: column; } }
.component-18046 {
  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-18046:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18046 { flex-direction: column; } }
.component-18047 {
  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-18047:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18047 { flex-direction: column; } }
.component-18048 {
  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-18048:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18048 { flex-direction: column; } }
.component-18049 {
  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-18049:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18049 { flex-direction: column; } }
.component-18050 {
  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-18050:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18050 { flex-direction: column; } }
.component-18051 {
  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-18051:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18051 { flex-direction: column; } }
.component-18052 {
  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-18052:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18052 { flex-direction: column; } }
.component-18053 {
  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-18053:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18053 { flex-direction: column; } }
.component-18054 {
  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-18054:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18054 { flex-direction: column; } }
.component-18055 {
  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-18055:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18055 { flex-direction: column; } }
.component-18056 {
  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-18056:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18056 { flex-direction: column; } }
.component-18057 {
  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-18057:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18057 { flex-direction: column; } }
.component-18058 {
  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-18058:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18058 { flex-direction: column; } }
.component-18059 {
  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-18059:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18059 { flex-direction: column; } }
.component-18060 {
  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-18060:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18060 { flex-direction: column; } }
.component-18061 {
  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-18061:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18061 { flex-direction: column; } }
.component-18062 {
  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-18062:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18062 { flex-direction: column; } }
.component-18063 {
  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-18063:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18063 { flex-direction: column; } }
.component-18064 {
  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-18064:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18064 { flex-direction: column; } }
.component-18065 {
  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-18065:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18065 { flex-direction: column; } }
.component-18066 {
  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-18066:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18066 { flex-direction: column; } }
.component-18067 {
  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-18067:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18067 { flex-direction: column; } }
.component-18068 {
  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-18068:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18068 { flex-direction: column; } }
.component-18069 {
  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-18069:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18069 { flex-direction: column; } }
.component-18070 {
  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-18070:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18070 { flex-direction: column; } }
.component-18071 {
  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-18071:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18071 { flex-direction: column; } }
.component-18072 {
  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-18072:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18072 { flex-direction: column; } }
.component-18073 {
  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-18073:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18073 { flex-direction: column; } }
.component-18074 {
  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-18074:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18074 { flex-direction: column; } }
.component-18075 {
  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-18075:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18075 { flex-direction: column; } }
.component-18076 {
  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-18076:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18076 { flex-direction: column; } }
.component-18077 {
  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-18077:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18077 { flex-direction: column; } }
.component-18078 {
  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-18078:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18078 { flex-direction: column; } }
.component-18079 {
  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-18079:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18079 { flex-direction: column; } }
.component-18080 {
  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-18080:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18080 { flex-direction: column; } }
.component-18081 {
  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-18081:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18081 { flex-direction: column; } }
.component-18082 {
  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-18082:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18082 { flex-direction: column; } }
.component-18083 {
  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-18083:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18083 { flex-direction: column; } }
.component-18084 {
  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-18084:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18084 { flex-direction: column; } }
.component-18085 {
  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-18085:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18085 { flex-direction: column; } }
.component-18086 {
  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-18086:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18086 { flex-direction: column; } }
.component-18087 {
  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-18087:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18087 { flex-direction: column; } }
.component-18088 {
  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-18088:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18088 { flex-direction: column; } }
.component-18089 {
  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-18089:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18089 { flex-direction: column; } }
.component-18090 {
  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-18090:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18090 { flex-direction: column; } }
.component-18091 {
  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-18091:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18091 { flex-direction: column; } }
.component-18092 {
  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-18092:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18092 { flex-direction: column; } }
.component-18093 {
  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-18093:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18093 { flex-direction: column; } }
.component-18094 {
  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-18094:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18094 { flex-direction: column; } }
.component-18095 {
  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-18095:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18095 { flex-direction: column; } }
.component-18096 {
  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-18096:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18096 { flex-direction: column; } }
.component-18097 {
  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-18097:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18097 { flex-direction: column; } }
.component-18098 {
  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-18098:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18098 { flex-direction: column; } }
.component-18099 {
  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-18099:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18099 { flex-direction: column; } }
.component-18100 {
  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-18100:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18100 { flex-direction: column; } }
.component-18101 {
  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-18101:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18101 { flex-direction: column; } }
.component-18102 {
  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-18102:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18102 { flex-direction: column; } }
.component-18103 {
  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-18103:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18103 { flex-direction: column; } }
.component-18104 {
  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-18104:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18104 { flex-direction: column; } }
.component-18105 {
  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-18105:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18105 { flex-direction: column; } }
.component-18106 {
  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-18106:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18106 { flex-direction: column; } }
.component-18107 {
  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-18107:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18107 { flex-direction: column; } }
.component-18108 {
  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-18108:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18108 { flex-direction: column; } }
.component-18109 {
  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-18109:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18109 { flex-direction: column; } }
.component-18110 {
  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-18110:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18110 { flex-direction: column; } }
.component-18111 {
  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-18111:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18111 { flex-direction: column; } }
.component-18112 {
  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-18112:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18112 { flex-direction: column; } }
.component-18113 {
  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-18113:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18113 { flex-direction: column; } }
.component-18114 {
  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-18114:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18114 { flex-direction: column; } }
.component-18115 {
  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-18115:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18115 { flex-direction: column; } }
.component-18116 {
  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-18116:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18116 { flex-direction: column; } }
.component-18117 {
  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-18117:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18117 { flex-direction: column; } }
.component-18118 {
  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-18118:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18118 { flex-direction: column; } }
.component-18119 {
  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-18119:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18119 { flex-direction: column; } }
.component-18120 {
  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-18120:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18120 { flex-direction: column; } }
.component-18121 {
  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-18121:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18121 { flex-direction: column; } }
.component-18122 {
  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-18122:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18122 { flex-direction: column; } }
.component-18123 {
  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-18123:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18123 { flex-direction: column; } }
.component-18124 {
  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-18124:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18124 { flex-direction: column; } }
.component-18125 {
  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-18125:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18125 { flex-direction: column; } }
.component-18126 {
  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-18126:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18126 { flex-direction: column; } }
.component-18127 {
  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-18127:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18127 { flex-direction: column; } }
.component-18128 {
  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-18128:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18128 { flex-direction: column; } }
.component-18129 {
  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-18129:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18129 { flex-direction: column; } }
.component-18130 {
  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-18130:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18130 { flex-direction: column; } }
.component-18131 {
  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-18131:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18131 { flex-direction: column; } }
.component-18132 {
  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-18132:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18132 { flex-direction: column; } }
.component-18133 {
  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-18133:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18133 { flex-direction: column; } }
.component-18134 {
  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-18134:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18134 { flex-direction: column; } }
.component-18135 {
  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-18135:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18135 { flex-direction: column; } }
.component-18136 {
  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-18136:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18136 { flex-direction: column; } }
.component-18137 {
  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-18137:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18137 { flex-direction: column; } }
.component-18138 {
  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-18138:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18138 { flex-direction: column; } }
.component-18139 {
  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-18139:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18139 { flex-direction: column; } }
.component-18140 {
  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-18140:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18140 { flex-direction: column; } }
.component-18141 {
  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-18141:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18141 { flex-direction: column; } }
.component-18142 {
  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-18142:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18142 { flex-direction: column; } }
.component-18143 {
  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-18143:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18143 { flex-direction: column; } }
.component-18144 {
  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-18144:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18144 { flex-direction: column; } }
.component-18145 {
  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-18145:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18145 { flex-direction: column; } }
.component-18146 {
  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-18146:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18146 { flex-direction: column; } }
.component-18147 {
  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-18147:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18147 { flex-direction: column; } }
.component-18148 {
  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-18148:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18148 { flex-direction: column; } }
.component-18149 {
  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-18149:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18149 { flex-direction: column; } }
.component-18150 {
  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-18150:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18150 { flex-direction: column; } }
.component-18151 {
  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-18151:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18151 { flex-direction: column; } }
.component-18152 {
  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-18152:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18152 { flex-direction: column; } }
.component-18153 {
  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-18153:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18153 { flex-direction: column; } }
.component-18154 {
  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-18154:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18154 { flex-direction: column; } }
.component-18155 {
  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-18155:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18155 { flex-direction: column; } }
.component-18156 {
  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-18156:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18156 { flex-direction: column; } }
.component-18157 {
  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-18157:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18157 { flex-direction: column; } }
.component-18158 {
  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-18158:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18158 { flex-direction: column; } }
.component-18159 {
  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-18159:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18159 { flex-direction: column; } }
.component-18160 {
  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-18160:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18160 { flex-direction: column; } }
.component-18161 {
  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-18161:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18161 { flex-direction: column; } }
.component-18162 {
  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-18162:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18162 { flex-direction: column; } }
.component-18163 {
  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-18163:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18163 { flex-direction: column; } }
.component-18164 {
  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-18164:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18164 { flex-direction: column; } }
.component-18165 {
  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-18165:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18165 { flex-direction: column; } }
.component-18166 {
  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-18166:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18166 { flex-direction: column; } }
.component-18167 {
  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-18167:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18167 { flex-direction: column; } }
.component-18168 {
  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-18168:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18168 { flex-direction: column; } }
.component-18169 {
  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-18169:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18169 { flex-direction: column; } }
.component-18170 {
  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-18170:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18170 { flex-direction: column; } }
.component-18171 {
  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-18171:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18171 { flex-direction: column; } }
.component-18172 {
  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-18172:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18172 { flex-direction: column; } }
.component-18173 {
  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-18173:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18173 { flex-direction: column; } }
.component-18174 {
  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-18174:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18174 { flex-direction: column; } }
.component-18175 {
  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-18175:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18175 { flex-direction: column; } }
.component-18176 {
  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-18176:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18176 { flex-direction: column; } }
.component-18177 {
  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-18177:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18177 { flex-direction: column; } }
.component-18178 {
  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-18178:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18178 { flex-direction: column; } }
.component-18179 {
  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-18179:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18179 { flex-direction: column; } }
.component-18180 {
  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-18180:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18180 { flex-direction: column; } }
.component-18181 {
  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-18181:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18181 { flex-direction: column; } }
.component-18182 {
  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-18182:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18182 { flex-direction: column; } }
.component-18183 {
  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-18183:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18183 { flex-direction: column; } }
.component-18184 {
  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-18184:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18184 { flex-direction: column; } }
.component-18185 {
  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-18185:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18185 { flex-direction: column; } }
.component-18186 {
  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-18186:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18186 { flex-direction: column; } }
.component-18187 {
  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-18187:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18187 { flex-direction: column; } }
.component-18188 {
  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-18188:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18188 { flex-direction: column; } }
.component-18189 {
  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-18189:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18189 { flex-direction: column; } }
.component-18190 {
  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-18190:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18190 { flex-direction: column; } }
.component-18191 {
  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-18191:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18191 { flex-direction: column; } }
.component-18192 {
  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-18192:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18192 { flex-direction: column; } }
.component-18193 {
  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-18193:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18193 { flex-direction: column; } }
.component-18194 {
  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-18194:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18194 { flex-direction: column; } }
.component-18195 {
  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-18195:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18195 { flex-direction: column; } }
.component-18196 {
  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-18196:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18196 { flex-direction: column; } }
.component-18197 {
  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-18197:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18197 { flex-direction: column; } }
.component-18198 {
  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-18198:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18198 { flex-direction: column; } }
.component-18199 {
  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-18199:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18199 { flex-direction: column; } }
.component-18200 {
  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-18200:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18200 { flex-direction: column; } }
.component-18201 {
  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-18201:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18201 { flex-direction: column; } }
.component-18202 {
  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-18202:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18202 { flex-direction: column; } }
.component-18203 {
  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-18203:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18203 { flex-direction: column; } }
.component-18204 {
  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-18204:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18204 { flex-direction: column; } }
.component-18205 {
  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-18205:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18205 { flex-direction: column; } }
.component-18206 {
  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-18206:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18206 { flex-direction: column; } }
.component-18207 {
  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-18207:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18207 { flex-direction: column; } }
.component-18208 {
  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-18208:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18208 { flex-direction: column; } }
.component-18209 {
  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-18209:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18209 { flex-direction: column; } }
.component-18210 {
  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-18210:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18210 { flex-direction: column; } }
.component-18211 {
  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-18211:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18211 { flex-direction: column; } }
.component-18212 {
  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-18212:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18212 { flex-direction: column; } }
.component-18213 {
  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-18213:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18213 { flex-direction: column; } }
.component-18214 {
  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-18214:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18214 { flex-direction: column; } }
.component-18215 {
  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-18215:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18215 { flex-direction: column; } }
.component-18216 {
  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-18216:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18216 { flex-direction: column; } }
.component-18217 {
  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-18217:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18217 { flex-direction: column; } }
.component-18218 {
  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-18218:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18218 { flex-direction: column; } }
.component-18219 {
  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-18219:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18219 { flex-direction: column; } }
.component-18220 {
  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-18220:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18220 { flex-direction: column; } }
.component-18221 {
  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-18221:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18221 { flex-direction: column; } }
.component-18222 {
  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-18222:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18222 { flex-direction: column; } }
.component-18223 {
  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-18223:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18223 { flex-direction: column; } }
.component-18224 {
  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-18224:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18224 { flex-direction: column; } }
.component-18225 {
  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-18225:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18225 { flex-direction: column; } }
.component-18226 {
  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-18226:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18226 { flex-direction: column; } }
.component-18227 {
  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-18227:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18227 { flex-direction: column; } }
.component-18228 {
  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-18228:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18228 { flex-direction: column; } }
.component-18229 {
  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-18229:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18229 { flex-direction: column; } }
.component-18230 {
  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-18230:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18230 { flex-direction: column; } }
.component-18231 {
  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-18231:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18231 { flex-direction: column; } }
.component-18232 {
  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-18232:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18232 { flex-direction: column; } }
.component-18233 {
  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-18233:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18233 { flex-direction: column; } }
.component-18234 {
  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-18234:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18234 { flex-direction: column; } }
.component-18235 {
  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-18235:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18235 { flex-direction: column; } }
.component-18236 {
  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-18236:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18236 { flex-direction: column; } }
.component-18237 {
  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-18237:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18237 { flex-direction: column; } }
.component-18238 {
  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-18238:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18238 { flex-direction: column; } }
.component-18239 {
  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-18239:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18239 { flex-direction: column; } }
.component-18240 {
  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-18240:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18240 { flex-direction: column; } }
.component-18241 {
  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-18241:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18241 { flex-direction: column; } }
.component-18242 {
  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-18242:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18242 { flex-direction: column; } }
.component-18243 {
  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-18243:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18243 { flex-direction: column; } }
.component-18244 {
  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-18244:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18244 { flex-direction: column; } }
.component-18245 {
  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-18245:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18245 { flex-direction: column; } }
.component-18246 {
  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-18246:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18246 { flex-direction: column; } }
.component-18247 {
  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-18247:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18247 { flex-direction: column; } }
.component-18248 {
  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-18248:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18248 { flex-direction: column; } }
.component-18249 {
  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-18249:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18249 { flex-direction: column; } }
.component-18250 {
  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-18250:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18250 { flex-direction: column; } }
.component-18251 {
  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-18251:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18251 { flex-direction: column; } }
.component-18252 {
  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-18252:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18252 { flex-direction: column; } }
.component-18253 {
  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-18253:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18253 { flex-direction: column; } }
.component-18254 {
  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-18254:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18254 { flex-direction: column; } }
.component-18255 {
  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-18255:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18255 { flex-direction: column; } }
.component-18256 {
  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-18256:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18256 { flex-direction: column; } }
.component-18257 {
  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-18257:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18257 { flex-direction: column; } }
.component-18258 {
  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-18258:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18258 { flex-direction: column; } }
.component-18259 {
  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-18259:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18259 { flex-direction: column; } }
.component-18260 {
  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-18260:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18260 { flex-direction: column; } }
.component-18261 {
  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-18261:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18261 { flex-direction: column; } }
.component-18262 {
  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-18262:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18262 { flex-direction: column; } }
.component-18263 {
  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-18263:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18263 { flex-direction: column; } }
.component-18264 {
  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-18264:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18264 { flex-direction: column; } }
.component-18265 {
  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-18265:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18265 { flex-direction: column; } }
.component-18266 {
  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-18266:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18266 { flex-direction: column; } }
.component-18267 {
  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-18267:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18267 { flex-direction: column; } }
.component-18268 {
  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-18268:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18268 { flex-direction: column; } }
.component-18269 {
  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-18269:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18269 { flex-direction: column; } }
.component-18270 {
  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-18270:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18270 { flex-direction: column; } }
.component-18271 {
  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-18271:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18271 { flex-direction: column; } }
.component-18272 {
  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-18272:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18272 { flex-direction: column; } }
.component-18273 {
  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-18273:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18273 { flex-direction: column; } }
.component-18274 {
  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-18274:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18274 { flex-direction: column; } }
.component-18275 {
  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-18275:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18275 { flex-direction: column; } }
.component-18276 {
  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-18276:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18276 { flex-direction: column; } }
.component-18277 {
  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-18277:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18277 { flex-direction: column; } }
.component-18278 {
  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-18278:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18278 { flex-direction: column; } }
.component-18279 {
  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-18279:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18279 { flex-direction: column; } }
.component-18280 {
  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-18280:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18280 { flex-direction: column; } }
.component-18281 {
  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-18281:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18281 { flex-direction: column; } }
.component-18282 {
  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-18282:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18282 { flex-direction: column; } }
.component-18283 {
  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-18283:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18283 { flex-direction: column; } }
.component-18284 {
  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-18284:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18284 { flex-direction: column; } }
.component-18285 {
  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-18285:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18285 { flex-direction: column; } }
.component-18286 {
  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-18286:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18286 { flex-direction: column; } }
.component-18287 {
  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-18287:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18287 { flex-direction: column; } }
.component-18288 {
  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-18288:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18288 { flex-direction: column; } }
.component-18289 {
  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-18289:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18289 { flex-direction: column; } }
.component-18290 {
  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-18290:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18290 { flex-direction: column; } }
.component-18291 {
  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-18291:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18291 { flex-direction: column; } }
.component-18292 {
  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-18292:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18292 { flex-direction: column; } }
.component-18293 {
  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-18293:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18293 { flex-direction: column; } }
.component-18294 {
  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-18294:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18294 { flex-direction: column; } }
.component-18295 {
  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-18295:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18295 { flex-direction: column; } }
.component-18296 {
  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-18296:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18296 { flex-direction: column; } }
.component-18297 {
  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-18297:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18297 { flex-direction: column; } }
.component-18298 {
  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-18298:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18298 { flex-direction: column; } }
.component-18299 {
  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-18299:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18299 { flex-direction: column; } }
.component-18300 {
  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-18300:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18300 { flex-direction: column; } }
.component-18301 {
  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-18301:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18301 { flex-direction: column; } }
.component-18302 {
  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-18302:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18302 { flex-direction: column; } }
.component-18303 {
  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-18303:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18303 { flex-direction: column; } }
.component-18304 {
  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-18304:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18304 { flex-direction: column; } }
.component-18305 {
  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-18305:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18305 { flex-direction: column; } }
.component-18306 {
  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-18306:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18306 { flex-direction: column; } }
.component-18307 {
  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-18307:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18307 { flex-direction: column; } }
.component-18308 {
  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-18308:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18308 { flex-direction: column; } }
.component-18309 {
  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-18309:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18309 { flex-direction: column; } }
.component-18310 {
  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-18310:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18310 { flex-direction: column; } }
.component-18311 {
  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-18311:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18311 { flex-direction: column; } }
.component-18312 {
  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-18312:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18312 { flex-direction: column; } }
.component-18313 {
  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-18313:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18313 { flex-direction: column; } }
.component-18314 {
  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-18314:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18314 { flex-direction: column; } }
.component-18315 {
  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-18315:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18315 { flex-direction: column; } }
.component-18316 {
  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-18316:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18316 { flex-direction: column; } }
.component-18317 {
  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-18317:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18317 { flex-direction: column; } }
.component-18318 {
  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-18318:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18318 { flex-direction: column; } }
.component-18319 {
  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-18319:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18319 { flex-direction: column; } }
.component-18320 {
  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-18320:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18320 { flex-direction: column; } }
.component-18321 {
  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-18321:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18321 { flex-direction: column; } }
.component-18322 {
  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-18322:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18322 { flex-direction: column; } }
.component-18323 {
  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-18323:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18323 { flex-direction: column; } }
.component-18324 {
  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-18324:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18324 { flex-direction: column; } }
.component-18325 {
  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-18325:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18325 { flex-direction: column; } }
.component-18326 {
  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-18326:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18326 { flex-direction: column; } }
.component-18327 {
  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-18327:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18327 { flex-direction: column; } }
.component-18328 {
  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-18328:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18328 { flex-direction: column; } }
.component-18329 {
  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-18329:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18329 { flex-direction: column; } }
.component-18330 {
  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-18330:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18330 { flex-direction: column; } }
.component-18331 {
  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-18331:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18331 { flex-direction: column; } }
.component-18332 {
  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-18332:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18332 { flex-direction: column; } }
.component-18333 {
  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-18333:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18333 { flex-direction: column; } }
.component-18334 {
  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-18334:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18334 { flex-direction: column; } }
.component-18335 {
  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-18335:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18335 { flex-direction: column; } }
.component-18336 {
  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-18336:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18336 { flex-direction: column; } }
.component-18337 {
  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-18337:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18337 { flex-direction: column; } }
.component-18338 {
  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-18338:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18338 { flex-direction: column; } }
.component-18339 {
  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-18339:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18339 { flex-direction: column; } }
.component-18340 {
  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-18340:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18340 { flex-direction: column; } }
.component-18341 {
  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-18341:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18341 { flex-direction: column; } }
.component-18342 {
  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-18342:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18342 { flex-direction: column; } }
.component-18343 {
  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-18343:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18343 { flex-direction: column; } }
.component-18344 {
  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-18344:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18344 { flex-direction: column; } }
.component-18345 {
  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-18345:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18345 { flex-direction: column; } }
.component-18346 {
  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-18346:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18346 { flex-direction: column; } }
.component-18347 {
  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-18347:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18347 { flex-direction: column; } }
.component-18348 {
  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-18348:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18348 { flex-direction: column; } }
.component-18349 {
  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-18349:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18349 { flex-direction: column; } }
.component-18350 {
  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-18350:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18350 { flex-direction: column; } }
.component-18351 {
  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-18351:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18351 { flex-direction: column; } }
.component-18352 {
  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-18352:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18352 { flex-direction: column; } }
.component-18353 {
  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-18353:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18353 { flex-direction: column; } }
.component-18354 {
  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-18354:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18354 { flex-direction: column; } }
.component-18355 {
  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-18355:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18355 { flex-direction: column; } }
.component-18356 {
  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-18356:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18356 { flex-direction: column; } }
.component-18357 {
  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-18357:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18357 { flex-direction: column; } }
.component-18358 {
  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-18358:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18358 { flex-direction: column; } }
.component-18359 {
  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-18359:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18359 { flex-direction: column; } }
.component-18360 {
  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-18360:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18360 { flex-direction: column; } }
.component-18361 {
  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-18361:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18361 { flex-direction: column; } }
.component-18362 {
  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-18362:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18362 { flex-direction: column; } }
.component-18363 {
  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-18363:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18363 { flex-direction: column; } }
.component-18364 {
  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-18364:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18364 { flex-direction: column; } }
.component-18365 {
  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-18365:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18365 { flex-direction: column; } }
.component-18366 {
  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-18366:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18366 { flex-direction: column; } }
.component-18367 {
  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-18367:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18367 { flex-direction: column; } }
.component-18368 {
  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-18368:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18368 { flex-direction: column; } }
.component-18369 {
  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-18369:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18369 { flex-direction: column; } }
.component-18370 {
  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-18370:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18370 { flex-direction: column; } }
.component-18371 {
  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-18371:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18371 { flex-direction: column; } }
.component-18372 {
  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-18372:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18372 { flex-direction: column; } }
.component-18373 {
  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-18373:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18373 { flex-direction: column; } }
.component-18374 {
  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-18374:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18374 { flex-direction: column; } }
.component-18375 {
  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-18375:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18375 { flex-direction: column; } }
.component-18376 {
  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-18376:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18376 { flex-direction: column; } }
.component-18377 {
  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-18377:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18377 { flex-direction: column; } }
.component-18378 {
  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-18378:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18378 { flex-direction: column; } }
.component-18379 {
  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-18379:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18379 { flex-direction: column; } }
.component-18380 {
  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-18380:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18380 { flex-direction: column; } }
.component-18381 {
  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-18381:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18381 { flex-direction: column; } }
.component-18382 {
  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-18382:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18382 { flex-direction: column; } }
.component-18383 {
  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-18383:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18383 { flex-direction: column; } }
.component-18384 {
  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-18384:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18384 { flex-direction: column; } }
.component-18385 {
  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-18385:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18385 { flex-direction: column; } }
.component-18386 {
  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-18386:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18386 { flex-direction: column; } }
.component-18387 {
  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-18387:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18387 { flex-direction: column; } }
.component-18388 {
  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-18388:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18388 { flex-direction: column; } }
.component-18389 {
  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-18389:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18389 { flex-direction: column; } }
.component-18390 {
  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-18390:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18390 { flex-direction: column; } }
.component-18391 {
  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-18391:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18391 { flex-direction: column; } }
.component-18392 {
  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-18392:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18392 { flex-direction: column; } }
.component-18393 {
  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-18393:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18393 { flex-direction: column; } }
.component-18394 {
  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-18394:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18394 { flex-direction: column; } }
.component-18395 {
  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-18395:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18395 { flex-direction: column; } }
.component-18396 {
  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-18396:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18396 { flex-direction: column; } }
.component-18397 {
  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-18397:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18397 { flex-direction: column; } }
.component-18398 {
  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-18398:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18398 { flex-direction: column; } }
.component-18399 {
  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-18399:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18399 { flex-direction: column; } }
.component-18400 {
  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-18400:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18400 { flex-direction: column; } }
.component-18401 {
  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-18401:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18401 { flex-direction: column; } }
.component-18402 {
  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-18402:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18402 { flex-direction: column; } }
.component-18403 {
  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-18403:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18403 { flex-direction: column; } }
.component-18404 {
  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-18404:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18404 { flex-direction: column; } }
.component-18405 {
  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-18405:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18405 { flex-direction: column; } }
.component-18406 {
  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-18406:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18406 { flex-direction: column; } }
.component-18407 {
  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-18407:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18407 { flex-direction: column; } }
.component-18408 {
  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-18408:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18408 { flex-direction: column; } }
.component-18409 {
  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-18409:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18409 { flex-direction: column; } }
.component-18410 {
  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-18410:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18410 { flex-direction: column; } }
.component-18411 {
  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-18411:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18411 { flex-direction: column; } }
.component-18412 {
  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-18412:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18412 { flex-direction: column; } }
.component-18413 {
  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-18413:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18413 { flex-direction: column; } }
.component-18414 {
  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-18414:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18414 { flex-direction: column; } }
.component-18415 {
  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-18415:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18415 { flex-direction: column; } }
.component-18416 {
  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-18416:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18416 { flex-direction: column; } }
.component-18417 {
  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-18417:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18417 { flex-direction: column; } }
.component-18418 {
  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-18418:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18418 { flex-direction: column; } }
.component-18419 {
  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-18419:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18419 { flex-direction: column; } }
.component-18420 {
  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-18420:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18420 { flex-direction: column; } }
.component-18421 {
  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-18421:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18421 { flex-direction: column; } }
.component-18422 {
  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-18422:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18422 { flex-direction: column; } }
.component-18423 {
  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-18423:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18423 { flex-direction: column; } }
.component-18424 {
  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-18424:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18424 { flex-direction: column; } }
.component-18425 {
  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-18425:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18425 { flex-direction: column; } }
.component-18426 {
  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-18426:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18426 { flex-direction: column; } }
.component-18427 {
  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-18427:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18427 { flex-direction: column; } }
.component-18428 {
  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-18428:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18428 { flex-direction: column; } }
.component-18429 {
  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-18429:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18429 { flex-direction: column; } }
.component-18430 {
  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-18430:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18430 { flex-direction: column; } }
.component-18431 {
  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-18431:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18431 { flex-direction: column; } }
.component-18432 {
  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-18432:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18432 { flex-direction: column; } }
.component-18433 {
  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-18433:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18433 { flex-direction: column; } }
.component-18434 {
  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-18434:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18434 { flex-direction: column; } }
.component-18435 {
  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-18435:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18435 { flex-direction: column; } }
.component-18436 {
  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-18436:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18436 { flex-direction: column; } }
.component-18437 {
  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-18437:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18437 { flex-direction: column; } }
.component-18438 {
  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-18438:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18438 { flex-direction: column; } }
.component-18439 {
  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-18439:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18439 { flex-direction: column; } }
.component-18440 {
  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-18440:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18440 { flex-direction: column; } }
.component-18441 {
  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-18441:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18441 { flex-direction: column; } }
.component-18442 {
  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-18442:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18442 { flex-direction: column; } }
.component-18443 {
  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-18443:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18443 { flex-direction: column; } }
.component-18444 {
  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-18444:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18444 { flex-direction: column; } }
.component-18445 {
  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-18445:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18445 { flex-direction: column; } }
.component-18446 {
  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-18446:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18446 { flex-direction: column; } }
.component-18447 {
  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-18447:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18447 { flex-direction: column; } }
.component-18448 {
  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-18448:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18448 { flex-direction: column; } }
.component-18449 {
  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-18449:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18449 { flex-direction: column; } }
.component-18450 {
  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-18450:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18450 { flex-direction: column; } }
.component-18451 {
  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-18451:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18451 { flex-direction: column; } }
.component-18452 {
  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-18452:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18452 { flex-direction: column; } }
.component-18453 {
  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-18453:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18453 { flex-direction: column; } }
.component-18454 {
  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-18454:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18454 { flex-direction: column; } }
.component-18455 {
  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-18455:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18455 { flex-direction: column; } }
.component-18456 {
  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-18456:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18456 { flex-direction: column; } }
.component-18457 {
  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-18457:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18457 { flex-direction: column; } }
.component-18458 {
  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-18458:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18458 { flex-direction: column; } }
.component-18459 {
  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-18459:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18459 { flex-direction: column; } }
.component-18460 {
  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-18460:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18460 { flex-direction: column; } }
.component-18461 {
  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-18461:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18461 { flex-direction: column; } }
.component-18462 {
  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-18462:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18462 { flex-direction: column; } }
.component-18463 {
  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-18463:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18463 { flex-direction: column; } }
.component-18464 {
  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-18464:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18464 { flex-direction: column; } }
.component-18465 {
  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-18465:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18465 { flex-direction: column; } }
.component-18466 {
  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-18466:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18466 { flex-direction: column; } }
.component-18467 {
  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-18467:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18467 { flex-direction: column; } }
.component-18468 {
  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-18468:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18468 { flex-direction: column; } }
.component-18469 {
  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-18469:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18469 { flex-direction: column; } }
.component-18470 {
  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-18470:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18470 { flex-direction: column; } }
.component-18471 {
  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-18471:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18471 { flex-direction: column; } }
.component-18472 {
  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-18472:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18472 { flex-direction: column; } }
.component-18473 {
  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-18473:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18473 { flex-direction: column; } }
.component-18474 {
  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-18474:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18474 { flex-direction: column; } }
.component-18475 {
  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-18475:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18475 { flex-direction: column; } }
.component-18476 {
  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-18476:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18476 { flex-direction: column; } }
.component-18477 {
  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-18477:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18477 { flex-direction: column; } }
.component-18478 {
  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-18478:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18478 { flex-direction: column; } }
.component-18479 {
  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-18479:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18479 { flex-direction: column; } }
.component-18480 {
  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-18480:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18480 { flex-direction: column; } }
.component-18481 {
  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-18481:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18481 { flex-direction: column; } }
.component-18482 {
  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-18482:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18482 { flex-direction: column; } }
.component-18483 {
  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-18483:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18483 { flex-direction: column; } }
.component-18484 {
  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-18484:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18484 { flex-direction: column; } }
.component-18485 {
  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-18485:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18485 { flex-direction: column; } }
.component-18486 {
  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-18486:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18486 { flex-direction: column; } }
.component-18487 {
  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-18487:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18487 { flex-direction: column; } }
.component-18488 {
  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-18488:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18488 { flex-direction: column; } }
.component-18489 {
  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-18489:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18489 { flex-direction: column; } }
.component-18490 {
  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-18490:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18490 { flex-direction: column; } }
.component-18491 {
  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-18491:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18491 { flex-direction: column; } }
.component-18492 {
  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-18492:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18492 { flex-direction: column; } }
.component-18493 {
  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-18493:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18493 { flex-direction: column; } }
.component-18494 {
  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-18494:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18494 { flex-direction: column; } }
.component-18495 {
  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-18495:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18495 { flex-direction: column; } }
.component-18496 {
  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-18496:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18496 { flex-direction: column; } }
.component-18497 {
  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-18497:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18497 { flex-direction: column; } }
.component-18498 {
  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-18498:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18498 { flex-direction: column; } }
.component-18499 {
  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-18499:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18499 { flex-direction: column; } }
.component-18500 {
  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-18500:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18500 { flex-direction: column; } }
.component-18501 {
  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-18501:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18501 { flex-direction: column; } }
.component-18502 {
  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-18502:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18502 { flex-direction: column; } }
.component-18503 {
  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-18503:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18503 { flex-direction: column; } }
.component-18504 {
  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-18504:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18504 { flex-direction: column; } }
.component-18505 {
  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-18505:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18505 { flex-direction: column; } }
.component-18506 {
  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-18506:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18506 { flex-direction: column; } }
.component-18507 {
  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-18507:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18507 { flex-direction: column; } }
.component-18508 {
  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-18508:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18508 { flex-direction: column; } }
.component-18509 {
  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-18509:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18509 { flex-direction: column; } }
.component-18510 {
  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-18510:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18510 { flex-direction: column; } }
.component-18511 {
  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-18511:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18511 { flex-direction: column; } }
.component-18512 {
  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-18512:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18512 { flex-direction: column; } }
.component-18513 {
  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-18513:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18513 { flex-direction: column; } }
.component-18514 {
  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-18514:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18514 { flex-direction: column; } }
.component-18515 {
  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-18515:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18515 { flex-direction: column; } }
.component-18516 {
  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-18516:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18516 { flex-direction: column; } }
.component-18517 {
  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-18517:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18517 { flex-direction: column; } }
.component-18518 {
  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-18518:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18518 { flex-direction: column; } }
.component-18519 {
  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-18519:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18519 { flex-direction: column; } }
.component-18520 {
  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-18520:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18520 { flex-direction: column; } }
.component-18521 {
  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-18521:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18521 { flex-direction: column; } }
.component-18522 {
  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-18522:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18522 { flex-direction: column; } }
.component-18523 {
  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-18523:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18523 { flex-direction: column; } }
.component-18524 {
  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-18524:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18524 { flex-direction: column; } }
.component-18525 {
  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-18525:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18525 { flex-direction: column; } }
.component-18526 {
  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-18526:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18526 { flex-direction: column; } }
.component-18527 {
  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-18527:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18527 { flex-direction: column; } }
.component-18528 {
  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-18528:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18528 { flex-direction: column; } }
.component-18529 {
  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-18529:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18529 { flex-direction: column; } }
.component-18530 {
  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-18530:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18530 { flex-direction: column; } }
.component-18531 {
  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-18531:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18531 { flex-direction: column; } }
.component-18532 {
  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-18532:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18532 { flex-direction: column; } }
.component-18533 {
  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-18533:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18533 { flex-direction: column; } }
.component-18534 {
  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-18534:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18534 { flex-direction: column; } }
.component-18535 {
  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-18535:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18535 { flex-direction: column; } }
.component-18536 {
  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-18536:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18536 { flex-direction: column; } }
.component-18537 {
  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-18537:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18537 { flex-direction: column; } }
.component-18538 {
  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-18538:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18538 { flex-direction: column; } }
.component-18539 {
  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-18539:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18539 { flex-direction: column; } }
.component-18540 {
  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-18540:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18540 { flex-direction: column; } }
.component-18541 {
  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-18541:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18541 { flex-direction: column; } }
.component-18542 {
  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-18542:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18542 { flex-direction: column; } }
.component-18543 {
  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-18543:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18543 { flex-direction: column; } }
.component-18544 {
  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-18544:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18544 { flex-direction: column; } }
.component-18545 {
  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-18545:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18545 { flex-direction: column; } }
.component-18546 {
  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-18546:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18546 { flex-direction: column; } }
.component-18547 {
  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-18547:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18547 { flex-direction: column; } }
.component-18548 {
  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-18548:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18548 { flex-direction: column; } }
.component-18549 {
  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-18549:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18549 { flex-direction: column; } }
.component-18550 {
  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-18550:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18550 { flex-direction: column; } }
.component-18551 {
  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-18551:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18551 { flex-direction: column; } }
.component-18552 {
  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-18552:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18552 { flex-direction: column; } }
.component-18553 {
  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-18553:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18553 { flex-direction: column; } }
.component-18554 {
  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-18554:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18554 { flex-direction: column; } }
.component-18555 {
  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-18555:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18555 { flex-direction: column; } }
.component-18556 {
  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-18556:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18556 { flex-direction: column; } }
.component-18557 {
  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-18557:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18557 { flex-direction: column; } }
.component-18558 {
  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-18558:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18558 { flex-direction: column; } }
.component-18559 {
  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-18559:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18559 { flex-direction: column; } }
.component-18560 {
  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-18560:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18560 { flex-direction: column; } }
.component-18561 {
  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-18561:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18561 { flex-direction: column; } }
.component-18562 {
  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-18562:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18562 { flex-direction: column; } }
.component-18563 {
  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-18563:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18563 { flex-direction: column; } }
.component-18564 {
  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-18564:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18564 { flex-direction: column; } }
.component-18565 {
  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-18565:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18565 { flex-direction: column; } }
.component-18566 {
  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-18566:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18566 { flex-direction: column; } }
.component-18567 {
  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-18567:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18567 { flex-direction: column; } }
.component-18568 {
  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-18568:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18568 { flex-direction: column; } }
.component-18569 {
  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-18569:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18569 { flex-direction: column; } }
.component-18570 {
  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-18570:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18570 { flex-direction: column; } }
.component-18571 {
  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-18571:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18571 { flex-direction: column; } }
.component-18572 {
  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-18572:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18572 { flex-direction: column; } }
.component-18573 {
  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-18573:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18573 { flex-direction: column; } }
.component-18574 {
  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-18574:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18574 { flex-direction: column; } }
.component-18575 {
  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-18575:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18575 { flex-direction: column; } }
.component-18576 {
  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-18576:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18576 { flex-direction: column; } }
.component-18577 {
  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-18577:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18577 { flex-direction: column; } }
.component-18578 {
  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-18578:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18578 { flex-direction: column; } }
.component-18579 {
  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-18579:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18579 { flex-direction: column; } }
.component-18580 {
  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-18580:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18580 { flex-direction: column; } }
.component-18581 {
  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-18581:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18581 { flex-direction: column; } }
.component-18582 {
  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-18582:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18582 { flex-direction: column; } }
.component-18583 {
  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-18583:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18583 { flex-direction: column; } }
.component-18584 {
  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-18584:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18584 { flex-direction: column; } }
.component-18585 {
  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-18585:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18585 { flex-direction: column; } }
.component-18586 {
  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-18586:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18586 { flex-direction: column; } }
.component-18587 {
  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-18587:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18587 { flex-direction: column; } }
.component-18588 {
  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-18588:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18588 { flex-direction: column; } }
.component-18589 {
  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-18589:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18589 { flex-direction: column; } }
.component-18590 {
  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-18590:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18590 { flex-direction: column; } }
.component-18591 {
  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-18591:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18591 { flex-direction: column; } }
.component-18592 {
  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-18592:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18592 { flex-direction: column; } }
.component-18593 {
  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-18593:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18593 { flex-direction: column; } }
.component-18594 {
  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-18594:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18594 { flex-direction: column; } }
.component-18595 {
  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-18595:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18595 { flex-direction: column; } }
.component-18596 {
  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-18596:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18596 { flex-direction: column; } }
.component-18597 {
  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-18597:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18597 { flex-direction: column; } }
.component-18598 {
  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-18598:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18598 { flex-direction: column; } }
.component-18599 {
  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-18599:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18599 { flex-direction: column; } }
.component-18600 {
  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-18600:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18600 { flex-direction: column; } }
.component-18601 {
  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-18601:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18601 { flex-direction: column; } }
.component-18602 {
  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-18602:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18602 { flex-direction: column; } }
.component-18603 {
  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-18603:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18603 { flex-direction: column; } }
.component-18604 {
  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-18604:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18604 { flex-direction: column; } }
.component-18605 {
  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-18605:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18605 { flex-direction: column; } }
.component-18606 {
  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-18606:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18606 { flex-direction: column; } }
.component-18607 {
  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-18607:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18607 { flex-direction: column; } }
.component-18608 {
  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-18608:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18608 { flex-direction: column; } }
.component-18609 {
  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-18609:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18609 { flex-direction: column; } }
.component-18610 {
  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-18610:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18610 { flex-direction: column; } }
.component-18611 {
  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-18611:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18611 { flex-direction: column; } }
.component-18612 {
  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-18612:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18612 { flex-direction: column; } }
.component-18613 {
  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-18613:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18613 { flex-direction: column; } }
.component-18614 {
  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-18614:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18614 { flex-direction: column; } }
.component-18615 {
  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-18615:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18615 { flex-direction: column; } }
.component-18616 {
  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-18616:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18616 { flex-direction: column; } }
.component-18617 {
  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-18617:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18617 { flex-direction: column; } }
.component-18618 {
  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-18618:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18618 { flex-direction: column; } }
.component-18619 {
  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-18619:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18619 { flex-direction: column; } }
.component-18620 {
  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-18620:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18620 { flex-direction: column; } }
.component-18621 {
  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-18621:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18621 { flex-direction: column; } }
.component-18622 {
  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-18622:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18622 { flex-direction: column; } }
.component-18623 {
  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-18623:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18623 { flex-direction: column; } }
.component-18624 {
  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-18624:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18624 { flex-direction: column; } }
.component-18625 {
  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-18625:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18625 { flex-direction: column; } }
.component-18626 {
  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-18626:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18626 { flex-direction: column; } }
.component-18627 {
  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-18627:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18627 { flex-direction: column; } }
.component-18628 {
  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-18628:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18628 { flex-direction: column; } }
.component-18629 {
  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-18629:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18629 { flex-direction: column; } }
.component-18630 {
  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-18630:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18630 { flex-direction: column; } }
.component-18631 {
  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-18631:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18631 { flex-direction: column; } }
.component-18632 {
  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-18632:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18632 { flex-direction: column; } }
.component-18633 {
  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-18633:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18633 { flex-direction: column; } }
.component-18634 {
  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-18634:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18634 { flex-direction: column; } }
.component-18635 {
  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-18635:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18635 { flex-direction: column; } }
.component-18636 {
  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-18636:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18636 { flex-direction: column; } }
.component-18637 {
  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-18637:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18637 { flex-direction: column; } }
.component-18638 {
  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-18638:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18638 { flex-direction: column; } }
.component-18639 {
  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-18639:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18639 { flex-direction: column; } }
.component-18640 {
  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-18640:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18640 { flex-direction: column; } }
.component-18641 {
  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-18641:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18641 { flex-direction: column; } }
.component-18642 {
  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-18642:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18642 { flex-direction: column; } }
.component-18643 {
  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-18643:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18643 { flex-direction: column; } }
.component-18644 {
  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-18644:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18644 { flex-direction: column; } }
.component-18645 {
  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-18645:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18645 { flex-direction: column; } }
.component-18646 {
  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-18646:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18646 { flex-direction: column; } }
.component-18647 {
  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-18647:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18647 { flex-direction: column; } }
.component-18648 {
  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-18648:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18648 { flex-direction: column; } }
.component-18649 {
  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-18649:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18649 { flex-direction: column; } }
.component-18650 {
  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-18650:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18650 { flex-direction: column; } }
.component-18651 {
  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-18651:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18651 { flex-direction: column; } }
.component-18652 {
  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-18652:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18652 { flex-direction: column; } }
.component-18653 {
  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-18653:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18653 { flex-direction: column; } }
.component-18654 {
  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-18654:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18654 { flex-direction: column; } }
.component-18655 {
  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-18655:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18655 { flex-direction: column; } }
.component-18656 {
  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-18656:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18656 { flex-direction: column; } }
.component-18657 {
  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-18657:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18657 { flex-direction: column; } }
.component-18658 {
  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-18658:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18658 { flex-direction: column; } }
.component-18659 {
  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-18659:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18659 { flex-direction: column; } }
.component-18660 {
  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-18660:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18660 { flex-direction: column; } }
.component-18661 {
  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-18661:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18661 { flex-direction: column; } }
.component-18662 {
  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-18662:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18662 { flex-direction: column; } }
.component-18663 {
  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-18663:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18663 { flex-direction: column; } }
.component-18664 {
  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-18664:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18664 { flex-direction: column; } }
.component-18665 {
  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-18665:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18665 { flex-direction: column; } }
.component-18666 {
  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-18666:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18666 { flex-direction: column; } }
.component-18667 {
  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-18667:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18667 { flex-direction: column; } }
.component-18668 {
  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-18668:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18668 { flex-direction: column; } }
.component-18669 {
  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-18669:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18669 { flex-direction: column; } }
.component-18670 {
  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-18670:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18670 { flex-direction: column; } }
.component-18671 {
  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-18671:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18671 { flex-direction: column; } }
.component-18672 {
  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-18672:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18672 { flex-direction: column; } }
.component-18673 {
  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-18673:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18673 { flex-direction: column; } }
.component-18674 {
  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-18674:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18674 { flex-direction: column; } }
.component-18675 {
  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-18675:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18675 { flex-direction: column; } }
.component-18676 {
  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-18676:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18676 { flex-direction: column; } }
.component-18677 {
  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-18677:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18677 { flex-direction: column; } }
.component-18678 {
  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-18678:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18678 { flex-direction: column; } }
.component-18679 {
  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-18679:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18679 { flex-direction: column; } }
.component-18680 {
  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-18680:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18680 { flex-direction: column; } }
.component-18681 {
  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-18681:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18681 { flex-direction: column; } }
.component-18682 {
  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-18682:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18682 { flex-direction: column; } }
.component-18683 {
  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-18683:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18683 { flex-direction: column; } }
.component-18684 {
  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-18684:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18684 { flex-direction: column; } }
.component-18685 {
  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-18685:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18685 { flex-direction: column; } }
.component-18686 {
  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-18686:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18686 { flex-direction: column; } }
.component-18687 {
  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-18687:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18687 { flex-direction: column; } }
.component-18688 {
  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-18688:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18688 { flex-direction: column; } }
.component-18689 {
  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-18689:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18689 { flex-direction: column; } }
.component-18690 {
  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-18690:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18690 { flex-direction: column; } }
.component-18691 {
  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-18691:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18691 { flex-direction: column; } }
.component-18692 {
  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-18692:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18692 { flex-direction: column; } }
.component-18693 {
  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-18693:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18693 { flex-direction: column; } }
.component-18694 {
  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-18694:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18694 { flex-direction: column; } }
.component-18695 {
  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-18695:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18695 { flex-direction: column; } }
.component-18696 {
  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-18696:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18696 { flex-direction: column; } }
.component-18697 {
  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-18697:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18697 { flex-direction: column; } }
.component-18698 {
  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-18698:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18698 { flex-direction: column; } }
.component-18699 {
  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-18699:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18699 { flex-direction: column; } }
.component-18700 {
  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-18700:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18700 { flex-direction: column; } }
.component-18701 {
  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-18701:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18701 { flex-direction: column; } }
.component-18702 {
  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-18702:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18702 { flex-direction: column; } }
.component-18703 {
  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-18703:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18703 { flex-direction: column; } }
.component-18704 {
  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-18704:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18704 { flex-direction: column; } }
.component-18705 {
  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-18705:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18705 { flex-direction: column; } }
.component-18706 {
  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-18706:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18706 { flex-direction: column; } }
.component-18707 {
  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-18707:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18707 { flex-direction: column; } }
.component-18708 {
  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-18708:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18708 { flex-direction: column; } }
.component-18709 {
  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-18709:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18709 { flex-direction: column; } }
.component-18710 {
  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-18710:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18710 { flex-direction: column; } }
.component-18711 {
  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-18711:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18711 { flex-direction: column; } }
.component-18712 {
  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-18712:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18712 { flex-direction: column; } }
.component-18713 {
  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-18713:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18713 { flex-direction: column; } }
.component-18714 {
  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-18714:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18714 { flex-direction: column; } }
.component-18715 {
  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-18715:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18715 { flex-direction: column; } }
.component-18716 {
  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-18716:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18716 { flex-direction: column; } }
.component-18717 {
  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-18717:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18717 { flex-direction: column; } }
.component-18718 {
  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-18718:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18718 { flex-direction: column; } }
.component-18719 {
  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-18719:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18719 { flex-direction: column; } }
.component-18720 {
  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-18720:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18720 { flex-direction: column; } }
.component-18721 {
  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-18721:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18721 { flex-direction: column; } }
.component-18722 {
  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-18722:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18722 { flex-direction: column; } }
.component-18723 {
  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-18723:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18723 { flex-direction: column; } }
.component-18724 {
  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-18724:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18724 { flex-direction: column; } }
.component-18725 {
  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-18725:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18725 { flex-direction: column; } }
.component-18726 {
  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-18726:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18726 { flex-direction: column; } }
.component-18727 {
  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-18727:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18727 { flex-direction: column; } }
.component-18728 {
  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-18728:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18728 { flex-direction: column; } }
.component-18729 {
  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-18729:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18729 { flex-direction: column; } }
.component-18730 {
  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-18730:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18730 { flex-direction: column; } }
.component-18731 {
  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-18731:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18731 { flex-direction: column; } }
.component-18732 {
  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-18732:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18732 { flex-direction: column; } }
.component-18733 {
  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-18733:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18733 { flex-direction: column; } }
.component-18734 {
  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-18734:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18734 { flex-direction: column; } }
.component-18735 {
  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-18735:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18735 { flex-direction: column; } }
.component-18736 {
  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-18736:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18736 { flex-direction: column; } }
.component-18737 {
  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-18737:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18737 { flex-direction: column; } }
.component-18738 {
  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-18738:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18738 { flex-direction: column; } }
.component-18739 {
  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-18739:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18739 { flex-direction: column; } }
.component-18740 {
  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-18740:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18740 { flex-direction: column; } }
.component-18741 {
  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-18741:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18741 { flex-direction: column; } }
.component-18742 {
  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-18742:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18742 { flex-direction: column; } }
.component-18743 {
  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-18743:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18743 { flex-direction: column; } }
.component-18744 {
  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-18744:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18744 { flex-direction: column; } }
.component-18745 {
  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-18745:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18745 { flex-direction: column; } }
.component-18746 {
  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-18746:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18746 { flex-direction: column; } }
.component-18747 {
  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-18747:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18747 { flex-direction: column; } }
.component-18748 {
  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-18748:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18748 { flex-direction: column; } }
.component-18749 {
  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-18749:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18749 { flex-direction: column; } }
.component-18750 {
  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-18750:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18750 { flex-direction: column; } }
.component-18751 {
  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-18751:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18751 { flex-direction: column; } }
.component-18752 {
  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-18752:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18752 { flex-direction: column; } }
.component-18753 {
  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-18753:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18753 { flex-direction: column; } }
.component-18754 {
  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-18754:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18754 { flex-direction: column; } }
.component-18755 {
  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-18755:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18755 { flex-direction: column; } }
.component-18756 {
  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-18756:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18756 { flex-direction: column; } }
.component-18757 {
  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-18757:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18757 { flex-direction: column; } }
.component-18758 {
  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-18758:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18758 { flex-direction: column; } }
.component-18759 {
  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-18759:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18759 { flex-direction: column; } }
.component-18760 {
  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-18760:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18760 { flex-direction: column; } }
.component-18761 {
  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-18761:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18761 { flex-direction: column; } }
.component-18762 {
  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-18762:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18762 { flex-direction: column; } }
.component-18763 {
  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-18763:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18763 { flex-direction: column; } }
.component-18764 {
  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-18764:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18764 { flex-direction: column; } }
.component-18765 {
  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-18765:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18765 { flex-direction: column; } }
.component-18766 {
  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-18766:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18766 { flex-direction: column; } }
.component-18767 {
  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-18767:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18767 { flex-direction: column; } }
.component-18768 {
  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-18768:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18768 { flex-direction: column; } }
.component-18769 {
  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-18769:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18769 { flex-direction: column; } }
.component-18770 {
  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-18770:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18770 { flex-direction: column; } }
.component-18771 {
  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-18771:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18771 { flex-direction: column; } }
.component-18772 {
  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-18772:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18772 { flex-direction: column; } }
.component-18773 {
  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-18773:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18773 { flex-direction: column; } }
.component-18774 {
  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-18774:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18774 { flex-direction: column; } }
.component-18775 {
  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-18775:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18775 { flex-direction: column; } }
.component-18776 {
  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-18776:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18776 { flex-direction: column; } }
.component-18777 {
  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-18777:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18777 { flex-direction: column; } }
.component-18778 {
  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-18778:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18778 { flex-direction: column; } }
.component-18779 {
  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-18779:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18779 { flex-direction: column; } }
.component-18780 {
  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-18780:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18780 { flex-direction: column; } }
.component-18781 {
  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-18781:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18781 { flex-direction: column; } }
.component-18782 {
  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-18782:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18782 { flex-direction: column; } }
.component-18783 {
  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-18783:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18783 { flex-direction: column; } }
.component-18784 {
  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-18784:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18784 { flex-direction: column; } }
.component-18785 {
  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-18785:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18785 { flex-direction: column; } }
.component-18786 {
  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-18786:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18786 { flex-direction: column; } }
.component-18787 {
  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-18787:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18787 { flex-direction: column; } }
.component-18788 {
  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-18788:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18788 { flex-direction: column; } }
.component-18789 {
  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-18789:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18789 { flex-direction: column; } }
.component-18790 {
  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-18790:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18790 { flex-direction: column; } }
.component-18791 {
  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-18791:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18791 { flex-direction: column; } }
.component-18792 {
  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-18792:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18792 { flex-direction: column; } }
.component-18793 {
  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-18793:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18793 { flex-direction: column; } }
.component-18794 {
  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-18794:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18794 { flex-direction: column; } }
.component-18795 {
  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-18795:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18795 { flex-direction: column; } }
.component-18796 {
  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-18796:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18796 { flex-direction: column; } }
.component-18797 {
  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-18797:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18797 { flex-direction: column; } }
.component-18798 {
  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-18798:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18798 { flex-direction: column; } }
.component-18799 {
  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-18799:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18799 { flex-direction: column; } }
.component-18800 {
  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-18800:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18800 { flex-direction: column; } }
.component-18801 {
  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-18801:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18801 { flex-direction: column; } }
.component-18802 {
  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-18802:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18802 { flex-direction: column; } }
.component-18803 {
  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-18803:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18803 { flex-direction: column; } }
.component-18804 {
  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-18804:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18804 { flex-direction: column; } }
.component-18805 {
  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-18805:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18805 { flex-direction: column; } }
.component-18806 {
  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-18806:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18806 { flex-direction: column; } }
.component-18807 {
  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-18807:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18807 { flex-direction: column; } }
.component-18808 {
  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-18808:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18808 { flex-direction: column; } }
.component-18809 {
  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-18809:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18809 { flex-direction: column; } }
.component-18810 {
  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-18810:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18810 { flex-direction: column; } }
.component-18811 {
  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-18811:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18811 { flex-direction: column; } }
.component-18812 {
  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-18812:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18812 { flex-direction: column; } }
.component-18813 {
  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-18813:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18813 { flex-direction: column; } }
.component-18814 {
  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-18814:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18814 { flex-direction: column; } }
.component-18815 {
  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-18815:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18815 { flex-direction: column; } }
.component-18816 {
  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-18816:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18816 { flex-direction: column; } }
.component-18817 {
  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-18817:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18817 { flex-direction: column; } }
.component-18818 {
  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-18818:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18818 { flex-direction: column; } }
.component-18819 {
  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-18819:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18819 { flex-direction: column; } }
.component-18820 {
  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-18820:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18820 { flex-direction: column; } }
.component-18821 {
  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-18821:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18821 { flex-direction: column; } }
.component-18822 {
  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-18822:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18822 { flex-direction: column; } }
.component-18823 {
  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-18823:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18823 { flex-direction: column; } }
.component-18824 {
  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-18824:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18824 { flex-direction: column; } }
.component-18825 {
  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-18825:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18825 { flex-direction: column; } }
.component-18826 {
  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-18826:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18826 { flex-direction: column; } }
.component-18827 {
  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-18827:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18827 { flex-direction: column; } }
.component-18828 {
  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-18828:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18828 { flex-direction: column; } }
.component-18829 {
  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-18829:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18829 { flex-direction: column; } }
.component-18830 {
  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-18830:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18830 { flex-direction: column; } }
.component-18831 {
  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-18831:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18831 { flex-direction: column; } }
.component-18832 {
  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-18832:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18832 { flex-direction: column; } }
.component-18833 {
  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-18833:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18833 { flex-direction: column; } }
.component-18834 {
  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-18834:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18834 { flex-direction: column; } }
.component-18835 {
  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-18835:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18835 { flex-direction: column; } }
.component-18836 {
  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-18836:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18836 { flex-direction: column; } }
.component-18837 {
  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-18837:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18837 { flex-direction: column; } }
.component-18838 {
  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-18838:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18838 { flex-direction: column; } }
.component-18839 {
  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-18839:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18839 { flex-direction: column; } }
.component-18840 {
  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-18840:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18840 { flex-direction: column; } }
.component-18841 {
  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-18841:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18841 { flex-direction: column; } }
.component-18842 {
  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-18842:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18842 { flex-direction: column; } }
.component-18843 {
  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-18843:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18843 { flex-direction: column; } }
.component-18844 {
  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-18844:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18844 { flex-direction: column; } }
.component-18845 {
  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-18845:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18845 { flex-direction: column; } }
.component-18846 {
  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-18846:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18846 { flex-direction: column; } }
.component-18847 {
  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-18847:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18847 { flex-direction: column; } }
.component-18848 {
  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-18848:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18848 { flex-direction: column; } }
.component-18849 {
  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-18849:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18849 { flex-direction: column; } }
.component-18850 {
  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-18850:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18850 { flex-direction: column; } }
.component-18851 {
  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-18851:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18851 { flex-direction: column; } }
.component-18852 {
  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-18852:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18852 { flex-direction: column; } }
.component-18853 {
  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-18853:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18853 { flex-direction: column; } }
.component-18854 {
  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-18854:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18854 { flex-direction: column; } }
.component-18855 {
  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-18855:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18855 { flex-direction: column; } }
.component-18856 {
  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-18856:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18856 { flex-direction: column; } }
.component-18857 {
  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-18857:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18857 { flex-direction: column; } }
.component-18858 {
  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-18858:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18858 { flex-direction: column; } }
.component-18859 {
  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-18859:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18859 { flex-direction: column; } }
.component-18860 {
  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-18860:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18860 { flex-direction: column; } }
.component-18861 {
  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-18861:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18861 { flex-direction: column; } }
.component-18862 {
  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-18862:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18862 { flex-direction: column; } }
.component-18863 {
  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-18863:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18863 { flex-direction: column; } }
.component-18864 {
  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-18864:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18864 { flex-direction: column; } }
.component-18865 {
  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-18865:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18865 { flex-direction: column; } }
.component-18866 {
  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-18866:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18866 { flex-direction: column; } }
.component-18867 {
  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-18867:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18867 { flex-direction: column; } }
.component-18868 {
  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-18868:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18868 { flex-direction: column; } }
.component-18869 {
  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-18869:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18869 { flex-direction: column; } }
.component-18870 {
  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-18870:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18870 { flex-direction: column; } }
.component-18871 {
  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-18871:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18871 { flex-direction: column; } }
.component-18872 {
  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-18872:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18872 { flex-direction: column; } }
.component-18873 {
  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-18873:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18873 { flex-direction: column; } }
.component-18874 {
  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-18874:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18874 { flex-direction: column; } }
.component-18875 {
  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-18875:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18875 { flex-direction: column; } }
.component-18876 {
  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-18876:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18876 { flex-direction: column; } }
.component-18877 {
  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-18877:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18877 { flex-direction: column; } }
.component-18878 {
  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-18878:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18878 { flex-direction: column; } }
.component-18879 {
  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-18879:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18879 { flex-direction: column; } }
.component-18880 {
  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-18880:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18880 { flex-direction: column; } }
.component-18881 {
  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-18881:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18881 { flex-direction: column; } }
.component-18882 {
  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-18882:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18882 { flex-direction: column; } }
.component-18883 {
  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-18883:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18883 { flex-direction: column; } }
.component-18884 {
  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-18884:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18884 { flex-direction: column; } }
.component-18885 {
  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-18885:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18885 { flex-direction: column; } }
.component-18886 {
  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-18886:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18886 { flex-direction: column; } }
.component-18887 {
  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-18887:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18887 { flex-direction: column; } }
.component-18888 {
  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-18888:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18888 { flex-direction: column; } }
.component-18889 {
  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-18889:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18889 { flex-direction: column; } }
.component-18890 {
  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-18890:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18890 { flex-direction: column; } }
.component-18891 {
  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-18891:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18891 { flex-direction: column; } }
.component-18892 {
  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-18892:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18892 { flex-direction: column; } }
.component-18893 {
  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-18893:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18893 { flex-direction: column; } }
.component-18894 {
  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-18894:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18894 { flex-direction: column; } }
.component-18895 {
  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-18895:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18895 { flex-direction: column; } }
.component-18896 {
  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-18896:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18896 { flex-direction: column; } }
.component-18897 {
  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-18897:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18897 { flex-direction: column; } }
.component-18898 {
  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-18898:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18898 { flex-direction: column; } }
.component-18899 {
  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-18899:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18899 { flex-direction: column; } }
.component-18900 {
  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-18900:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18900 { flex-direction: column; } }
.component-18901 {
  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-18901:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18901 { flex-direction: column; } }
.component-18902 {
  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-18902:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18902 { flex-direction: column; } }
.component-18903 {
  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-18903:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18903 { flex-direction: column; } }
.component-18904 {
  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-18904:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18904 { flex-direction: column; } }
.component-18905 {
  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-18905:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18905 { flex-direction: column; } }
.component-18906 {
  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-18906:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18906 { flex-direction: column; } }
.component-18907 {
  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-18907:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18907 { flex-direction: column; } }
.component-18908 {
  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-18908:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18908 { flex-direction: column; } }
.component-18909 {
  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-18909:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18909 { flex-direction: column; } }
.component-18910 {
  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-18910:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18910 { flex-direction: column; } }
.component-18911 {
  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-18911:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18911 { flex-direction: column; } }
.component-18912 {
  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-18912:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18912 { flex-direction: column; } }
.component-18913 {
  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-18913:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18913 { flex-direction: column; } }
.component-18914 {
  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-18914:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18914 { flex-direction: column; } }
.component-18915 {
  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-18915:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18915 { flex-direction: column; } }
.component-18916 {
  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-18916:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18916 { flex-direction: column; } }
.component-18917 {
  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-18917:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18917 { flex-direction: column; } }
.component-18918 {
  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-18918:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18918 { flex-direction: column; } }
.component-18919 {
  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-18919:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18919 { flex-direction: column; } }
.component-18920 {
  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-18920:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18920 { flex-direction: column; } }
.component-18921 {
  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-18921:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18921 { flex-direction: column; } }
.component-18922 {
  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-18922:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18922 { flex-direction: column; } }
.component-18923 {
  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-18923:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18923 { flex-direction: column; } }
.component-18924 {
  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-18924:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18924 { flex-direction: column; } }
.component-18925 {
  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-18925:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18925 { flex-direction: column; } }
.component-18926 {
  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-18926:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18926 { flex-direction: column; } }
.component-18927 {
  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-18927:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18927 { flex-direction: column; } }
.component-18928 {
  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-18928:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18928 { flex-direction: column; } }
.component-18929 {
  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-18929:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18929 { flex-direction: column; } }
.component-18930 {
  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-18930:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18930 { flex-direction: column; } }
.component-18931 {
  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-18931:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18931 { flex-direction: column; } }
.component-18932 {
  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-18932:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18932 { flex-direction: column; } }
.component-18933 {
  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-18933:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18933 { flex-direction: column; } }
.component-18934 {
  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-18934:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18934 { flex-direction: column; } }
.component-18935 {
  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-18935:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18935 { flex-direction: column; } }
.component-18936 {
  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-18936:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18936 { flex-direction: column; } }
.component-18937 {
  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-18937:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18937 { flex-direction: column; } }
.component-18938 {
  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-18938:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18938 { flex-direction: column; } }
.component-18939 {
  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-18939:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18939 { flex-direction: column; } }
.component-18940 {
  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-18940:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18940 { flex-direction: column; } }
.component-18941 {
  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-18941:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18941 { flex-direction: column; } }
.component-18942 {
  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-18942:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18942 { flex-direction: column; } }
.component-18943 {
  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-18943:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18943 { flex-direction: column; } }
.component-18944 {
  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-18944:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18944 { flex-direction: column; } }
.component-18945 {
  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-18945:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18945 { flex-direction: column; } }
.component-18946 {
  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-18946:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18946 { flex-direction: column; } }
.component-18947 {
  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-18947:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18947 { flex-direction: column; } }
.component-18948 {
  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-18948:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18948 { flex-direction: column; } }
.component-18949 {
  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-18949:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18949 { flex-direction: column; } }
.component-18950 {
  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-18950:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18950 { flex-direction: column; } }
.component-18951 {
  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-18951:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18951 { flex-direction: column; } }
.component-18952 {
  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-18952:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18952 { flex-direction: column; } }
.component-18953 {
  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-18953:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18953 { flex-direction: column; } }
.component-18954 {
  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-18954:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18954 { flex-direction: column; } }
.component-18955 {
  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-18955:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18955 { flex-direction: column; } }
.component-18956 {
  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-18956:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18956 { flex-direction: column; } }
.component-18957 {
  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-18957:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18957 { flex-direction: column; } }
.component-18958 {
  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-18958:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18958 { flex-direction: column; } }
.component-18959 {
  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-18959:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18959 { flex-direction: column; } }
.component-18960 {
  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-18960:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18960 { flex-direction: column; } }
.component-18961 {
  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-18961:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18961 { flex-direction: column; } }
.component-18962 {
  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-18962:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18962 { flex-direction: column; } }
.component-18963 {
  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-18963:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18963 { flex-direction: column; } }
.component-18964 {
  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-18964:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18964 { flex-direction: column; } }
.component-18965 {
  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-18965:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18965 { flex-direction: column; } }
.component-18966 {
  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-18966:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18966 { flex-direction: column; } }
.component-18967 {
  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-18967:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18967 { flex-direction: column; } }
.component-18968 {
  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-18968:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18968 { flex-direction: column; } }
.component-18969 {
  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-18969:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18969 { flex-direction: column; } }
.component-18970 {
  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-18970:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18970 { flex-direction: column; } }
.component-18971 {
  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-18971:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18971 { flex-direction: column; } }
.component-18972 {
  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-18972:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18972 { flex-direction: column; } }
.component-18973 {
  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-18973:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18973 { flex-direction: column; } }
.component-18974 {
  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-18974:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18974 { flex-direction: column; } }
.component-18975 {
  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-18975:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18975 { flex-direction: column; } }
.component-18976 {
  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-18976:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18976 { flex-direction: column; } }
.component-18977 {
  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-18977:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18977 { flex-direction: column; } }
.component-18978 {
  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-18978:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18978 { flex-direction: column; } }
.component-18979 {
  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-18979:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18979 { flex-direction: column; } }
.component-18980 {
  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-18980:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18980 { flex-direction: column; } }
.component-18981 {
  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-18981:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18981 { flex-direction: column; } }
.component-18982 {
  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-18982:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18982 { flex-direction: column; } }
.component-18983 {
  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-18983:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18983 { flex-direction: column; } }
.component-18984 {
  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-18984:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18984 { flex-direction: column; } }
.component-18985 {
  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-18985:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-18985 { flex-direction: column; } }
.component-18986 {
  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-18986:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-18986 { flex-direction: column; } }
.component-18987 {
  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-18987:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-18987 { flex-direction: column; } }
.component-18988 {
  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-18988:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-18988 { flex-direction: column; } }
.component-18989 {
  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-18989:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-18989 { flex-direction: column; } }
.component-18990 {
  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-18990:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-18990 { flex-direction: column; } }
.component-18991 {
  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-18991:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-18991 { flex-direction: column; } }
.component-18992 {
  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-18992:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-18992 { flex-direction: column; } }
.component-18993 {
  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-18993:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-18993 { flex-direction: column; } }
.component-18994 {
  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-18994:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-18994 { flex-direction: column; } }
.component-18995 {
  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-18995:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-18995 { flex-direction: column; } }
.component-18996 {
  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-18996:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-18996 { flex-direction: column; } }
.component-18997 {
  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-18997:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-18997 { flex-direction: column; } }
.component-18998 {
  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-18998:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-18998 { flex-direction: column; } }
.component-18999 {
  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-18999:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-18999 { flex-direction: column; } }
.component-19000 {
  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-19000:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19000 { flex-direction: column; } }
.component-19001 {
  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-19001:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19001 { flex-direction: column; } }
.component-19002 {
  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-19002:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19002 { flex-direction: column; } }
.component-19003 {
  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-19003:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19003 { flex-direction: column; } }
.component-19004 {
  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-19004:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19004 { flex-direction: column; } }
.component-19005 {
  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-19005:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19005 { flex-direction: column; } }
.component-19006 {
  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-19006:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19006 { flex-direction: column; } }
.component-19007 {
  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-19007:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19007 { flex-direction: column; } }
.component-19008 {
  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-19008:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19008 { flex-direction: column; } }
.component-19009 {
  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-19009:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19009 { flex-direction: column; } }
.component-19010 {
  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-19010:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19010 { flex-direction: column; } }
.component-19011 {
  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-19011:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19011 { flex-direction: column; } }
.component-19012 {
  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-19012:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19012 { flex-direction: column; } }
.component-19013 {
  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-19013:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19013 { flex-direction: column; } }
.component-19014 {
  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-19014:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19014 { flex-direction: column; } }
.component-19015 {
  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-19015:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19015 { flex-direction: column; } }
.component-19016 {
  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-19016:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19016 { flex-direction: column; } }
.component-19017 {
  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-19017:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19017 { flex-direction: column; } }
.component-19018 {
  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-19018:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19018 { flex-direction: column; } }
.component-19019 {
  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-19019:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19019 { flex-direction: column; } }
.component-19020 {
  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-19020:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19020 { flex-direction: column; } }
.component-19021 {
  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-19021:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19021 { flex-direction: column; } }
.component-19022 {
  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-19022:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19022 { flex-direction: column; } }
.component-19023 {
  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-19023:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19023 { flex-direction: column; } }
.component-19024 {
  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-19024:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19024 { flex-direction: column; } }
.component-19025 {
  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-19025:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19025 { flex-direction: column; } }
.component-19026 {
  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-19026:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19026 { flex-direction: column; } }
.component-19027 {
  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-19027:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19027 { flex-direction: column; } }
.component-19028 {
  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-19028:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19028 { flex-direction: column; } }
.component-19029 {
  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-19029:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19029 { flex-direction: column; } }
.component-19030 {
  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-19030:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19030 { flex-direction: column; } }
.component-19031 {
  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-19031:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19031 { flex-direction: column; } }
.component-19032 {
  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-19032:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19032 { flex-direction: column; } }
.component-19033 {
  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-19033:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19033 { flex-direction: column; } }
.component-19034 {
  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-19034:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19034 { flex-direction: column; } }
.component-19035 {
  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-19035:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19035 { flex-direction: column; } }
.component-19036 {
  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-19036:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19036 { flex-direction: column; } }
.component-19037 {
  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-19037:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19037 { flex-direction: column; } }
.component-19038 {
  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-19038:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19038 { flex-direction: column; } }
.component-19039 {
  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-19039:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19039 { flex-direction: column; } }
.component-19040 {
  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-19040:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19040 { flex-direction: column; } }
.component-19041 {
  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-19041:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19041 { flex-direction: column; } }
.component-19042 {
  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-19042:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19042 { flex-direction: column; } }
.component-19043 {
  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-19043:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19043 { flex-direction: column; } }
.component-19044 {
  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-19044:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19044 { flex-direction: column; } }
.component-19045 {
  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-19045:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19045 { flex-direction: column; } }
.component-19046 {
  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-19046:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19046 { flex-direction: column; } }
.component-19047 {
  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-19047:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19047 { flex-direction: column; } }
.component-19048 {
  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-19048:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19048 { flex-direction: column; } }
.component-19049 {
  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-19049:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19049 { flex-direction: column; } }
.component-19050 {
  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-19050:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19050 { flex-direction: column; } }
.component-19051 {
  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-19051:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19051 { flex-direction: column; } }
.component-19052 {
  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-19052:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19052 { flex-direction: column; } }
.component-19053 {
  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-19053:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19053 { flex-direction: column; } }
.component-19054 {
  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-19054:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19054 { flex-direction: column; } }
.component-19055 {
  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-19055:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19055 { flex-direction: column; } }
.component-19056 {
  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-19056:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19056 { flex-direction: column; } }
.component-19057 {
  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-19057:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19057 { flex-direction: column; } }
.component-19058 {
  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-19058:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19058 { flex-direction: column; } }
.component-19059 {
  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-19059:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19059 { flex-direction: column; } }
.component-19060 {
  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-19060:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19060 { flex-direction: column; } }
.component-19061 {
  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-19061:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19061 { flex-direction: column; } }
.component-19062 {
  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-19062:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19062 { flex-direction: column; } }
.component-19063 {
  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-19063:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19063 { flex-direction: column; } }
.component-19064 {
  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-19064:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19064 { flex-direction: column; } }
.component-19065 {
  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-19065:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19065 { flex-direction: column; } }
.component-19066 {
  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-19066:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19066 { flex-direction: column; } }
.component-19067 {
  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-19067:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19067 { flex-direction: column; } }
.component-19068 {
  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-19068:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19068 { flex-direction: column; } }
.component-19069 {
  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-19069:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19069 { flex-direction: column; } }
.component-19070 {
  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-19070:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19070 { flex-direction: column; } }
.component-19071 {
  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-19071:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19071 { flex-direction: column; } }
.component-19072 {
  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-19072:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19072 { flex-direction: column; } }
.component-19073 {
  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-19073:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19073 { flex-direction: column; } }
.component-19074 {
  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-19074:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19074 { flex-direction: column; } }
.component-19075 {
  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-19075:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19075 { flex-direction: column; } }
.component-19076 {
  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-19076:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19076 { flex-direction: column; } }
.component-19077 {
  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-19077:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19077 { flex-direction: column; } }
.component-19078 {
  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-19078:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19078 { flex-direction: column; } }
.component-19079 {
  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-19079:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19079 { flex-direction: column; } }
.component-19080 {
  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-19080:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19080 { flex-direction: column; } }
.component-19081 {
  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-19081:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19081 { flex-direction: column; } }
.component-19082 {
  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-19082:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19082 { flex-direction: column; } }
.component-19083 {
  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-19083:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19083 { flex-direction: column; } }
.component-19084 {
  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-19084:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19084 { flex-direction: column; } }
.component-19085 {
  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-19085:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19085 { flex-direction: column; } }
.component-19086 {
  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-19086:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19086 { flex-direction: column; } }
.component-19087 {
  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-19087:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19087 { flex-direction: column; } }
.component-19088 {
  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-19088:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19088 { flex-direction: column; } }
.component-19089 {
  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-19089:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19089 { flex-direction: column; } }
.component-19090 {
  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-19090:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19090 { flex-direction: column; } }
.component-19091 {
  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-19091:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19091 { flex-direction: column; } }
.component-19092 {
  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-19092:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19092 { flex-direction: column; } }
.component-19093 {
  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-19093:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19093 { flex-direction: column; } }
.component-19094 {
  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-19094:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19094 { flex-direction: column; } }
.component-19095 {
  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-19095:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19095 { flex-direction: column; } }
.component-19096 {
  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-19096:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19096 { flex-direction: column; } }
.component-19097 {
  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-19097:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19097 { flex-direction: column; } }
.component-19098 {
  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-19098:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19098 { flex-direction: column; } }
.component-19099 {
  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-19099:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19099 { flex-direction: column; } }
.component-19100 {
  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-19100:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19100 { flex-direction: column; } }
.component-19101 {
  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-19101:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19101 { flex-direction: column; } }
.component-19102 {
  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-19102:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19102 { flex-direction: column; } }
.component-19103 {
  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-19103:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19103 { flex-direction: column; } }
.component-19104 {
  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-19104:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19104 { flex-direction: column; } }
.component-19105 {
  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-19105:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19105 { flex-direction: column; } }
.component-19106 {
  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-19106:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19106 { flex-direction: column; } }
.component-19107 {
  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-19107:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19107 { flex-direction: column; } }
.component-19108 {
  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-19108:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19108 { flex-direction: column; } }
.component-19109 {
  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-19109:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19109 { flex-direction: column; } }
.component-19110 {
  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-19110:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19110 { flex-direction: column; } }
.component-19111 {
  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-19111:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19111 { flex-direction: column; } }
.component-19112 {
  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-19112:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19112 { flex-direction: column; } }
.component-19113 {
  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-19113:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19113 { flex-direction: column; } }
.component-19114 {
  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-19114:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19114 { flex-direction: column; } }
.component-19115 {
  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-19115:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19115 { flex-direction: column; } }
.component-19116 {
  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-19116:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19116 { flex-direction: column; } }
.component-19117 {
  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-19117:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19117 { flex-direction: column; } }
.component-19118 {
  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-19118:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19118 { flex-direction: column; } }
.component-19119 {
  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-19119:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19119 { flex-direction: column; } }
.component-19120 {
  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-19120:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19120 { flex-direction: column; } }
.component-19121 {
  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-19121:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19121 { flex-direction: column; } }
.component-19122 {
  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-19122:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19122 { flex-direction: column; } }
.component-19123 {
  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-19123:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19123 { flex-direction: column; } }
.component-19124 {
  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-19124:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19124 { flex-direction: column; } }
.component-19125 {
  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-19125:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19125 { flex-direction: column; } }
.component-19126 {
  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-19126:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19126 { flex-direction: column; } }
.component-19127 {
  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-19127:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19127 { flex-direction: column; } }
.component-19128 {
  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-19128:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19128 { flex-direction: column; } }
.component-19129 {
  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-19129:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19129 { flex-direction: column; } }
.component-19130 {
  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-19130:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19130 { flex-direction: column; } }
.component-19131 {
  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-19131:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19131 { flex-direction: column; } }
.component-19132 {
  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-19132:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19132 { flex-direction: column; } }
.component-19133 {
  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-19133:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19133 { flex-direction: column; } }
.component-19134 {
  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-19134:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19134 { flex-direction: column; } }
.component-19135 {
  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-19135:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19135 { flex-direction: column; } }
.component-19136 {
  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-19136:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19136 { flex-direction: column; } }
.component-19137 {
  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-19137:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19137 { flex-direction: column; } }
.component-19138 {
  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-19138:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19138 { flex-direction: column; } }
.component-19139 {
  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-19139:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19139 { flex-direction: column; } }
.component-19140 {
  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-19140:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19140 { flex-direction: column; } }
.component-19141 {
  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-19141:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19141 { flex-direction: column; } }
.component-19142 {
  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-19142:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19142 { flex-direction: column; } }
.component-19143 {
  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-19143:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19143 { flex-direction: column; } }
.component-19144 {
  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-19144:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19144 { flex-direction: column; } }
.component-19145 {
  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-19145:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19145 { flex-direction: column; } }
.component-19146 {
  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-19146:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19146 { flex-direction: column; } }
.component-19147 {
  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-19147:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19147 { flex-direction: column; } }
.component-19148 {
  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-19148:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19148 { flex-direction: column; } }
.component-19149 {
  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-19149:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19149 { flex-direction: column; } }
.component-19150 {
  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-19150:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19150 { flex-direction: column; } }
.component-19151 {
  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-19151:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19151 { flex-direction: column; } }
.component-19152 {
  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-19152:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19152 { flex-direction: column; } }
.component-19153 {
  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-19153:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19153 { flex-direction: column; } }
.component-19154 {
  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-19154:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19154 { flex-direction: column; } }
.component-19155 {
  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-19155:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19155 { flex-direction: column; } }
.component-19156 {
  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-19156:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19156 { flex-direction: column; } }
.component-19157 {
  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-19157:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19157 { flex-direction: column; } }
.component-19158 {
  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-19158:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19158 { flex-direction: column; } }
.component-19159 {
  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-19159:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19159 { flex-direction: column; } }
.component-19160 {
  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-19160:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19160 { flex-direction: column; } }
.component-19161 {
  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-19161:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19161 { flex-direction: column; } }
.component-19162 {
  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-19162:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19162 { flex-direction: column; } }
.component-19163 {
  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-19163:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19163 { flex-direction: column; } }
.component-19164 {
  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-19164:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19164 { flex-direction: column; } }
.component-19165 {
  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-19165:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19165 { flex-direction: column; } }
.component-19166 {
  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-19166:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19166 { flex-direction: column; } }
.component-19167 {
  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-19167:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19167 { flex-direction: column; } }
.component-19168 {
  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-19168:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19168 { flex-direction: column; } }
.component-19169 {
  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-19169:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19169 { flex-direction: column; } }
.component-19170 {
  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-19170:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19170 { flex-direction: column; } }
.component-19171 {
  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-19171:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19171 { flex-direction: column; } }
.component-19172 {
  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-19172:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19172 { flex-direction: column; } }
.component-19173 {
  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-19173:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19173 { flex-direction: column; } }
.component-19174 {
  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-19174:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19174 { flex-direction: column; } }
.component-19175 {
  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-19175:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19175 { flex-direction: column; } }
.component-19176 {
  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-19176:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19176 { flex-direction: column; } }
.component-19177 {
  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-19177:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19177 { flex-direction: column; } }
.component-19178 {
  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-19178:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19178 { flex-direction: column; } }
.component-19179 {
  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-19179:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19179 { flex-direction: column; } }
.component-19180 {
  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-19180:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19180 { flex-direction: column; } }
.component-19181 {
  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-19181:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19181 { flex-direction: column; } }
.component-19182 {
  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-19182:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19182 { flex-direction: column; } }
.component-19183 {
  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-19183:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19183 { flex-direction: column; } }
.component-19184 {
  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-19184:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19184 { flex-direction: column; } }
.component-19185 {
  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-19185:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19185 { flex-direction: column; } }
.component-19186 {
  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-19186:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19186 { flex-direction: column; } }
.component-19187 {
  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-19187:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19187 { flex-direction: column; } }
.component-19188 {
  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-19188:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19188 { flex-direction: column; } }
.component-19189 {
  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-19189:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19189 { flex-direction: column; } }
.component-19190 {
  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-19190:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19190 { flex-direction: column; } }
.component-19191 {
  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-19191:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19191 { flex-direction: column; } }
.component-19192 {
  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-19192:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19192 { flex-direction: column; } }
.component-19193 {
  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-19193:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19193 { flex-direction: column; } }
.component-19194 {
  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-19194:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19194 { flex-direction: column; } }
.component-19195 {
  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-19195:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19195 { flex-direction: column; } }
.component-19196 {
  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-19196:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19196 { flex-direction: column; } }
.component-19197 {
  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-19197:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19197 { flex-direction: column; } }
.component-19198 {
  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-19198:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19198 { flex-direction: column; } }
.component-19199 {
  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-19199:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19199 { flex-direction: column; } }
.component-19200 {
  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-19200:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19200 { flex-direction: column; } }
.component-19201 {
  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-19201:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19201 { flex-direction: column; } }
.component-19202 {
  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-19202:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19202 { flex-direction: column; } }
.component-19203 {
  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-19203:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19203 { flex-direction: column; } }
.component-19204 {
  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-19204:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19204 { flex-direction: column; } }
.component-19205 {
  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-19205:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19205 { flex-direction: column; } }
.component-19206 {
  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-19206:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19206 { flex-direction: column; } }
.component-19207 {
  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-19207:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19207 { flex-direction: column; } }
.component-19208 {
  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-19208:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19208 { flex-direction: column; } }
.component-19209 {
  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-19209:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19209 { flex-direction: column; } }
.component-19210 {
  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-19210:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19210 { flex-direction: column; } }
.component-19211 {
  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-19211:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19211 { flex-direction: column; } }
.component-19212 {
  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-19212:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19212 { flex-direction: column; } }
.component-19213 {
  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-19213:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19213 { flex-direction: column; } }
.component-19214 {
  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-19214:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19214 { flex-direction: column; } }
.component-19215 {
  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-19215:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19215 { flex-direction: column; } }
.component-19216 {
  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-19216:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19216 { flex-direction: column; } }
.component-19217 {
  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-19217:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19217 { flex-direction: column; } }
.component-19218 {
  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-19218:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19218 { flex-direction: column; } }
.component-19219 {
  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-19219:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19219 { flex-direction: column; } }
.component-19220 {
  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-19220:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19220 { flex-direction: column; } }
.component-19221 {
  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-19221:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19221 { flex-direction: column; } }
.component-19222 {
  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-19222:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19222 { flex-direction: column; } }
.component-19223 {
  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-19223:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19223 { flex-direction: column; } }
.component-19224 {
  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-19224:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19224 { flex-direction: column; } }
.component-19225 {
  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-19225:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19225 { flex-direction: column; } }
.component-19226 {
  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-19226:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19226 { flex-direction: column; } }
.component-19227 {
  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-19227:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19227 { flex-direction: column; } }
.component-19228 {
  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-19228:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19228 { flex-direction: column; } }
.component-19229 {
  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-19229:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19229 { flex-direction: column; } }
.component-19230 {
  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-19230:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19230 { flex-direction: column; } }
.component-19231 {
  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-19231:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19231 { flex-direction: column; } }
.component-19232 {
  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-19232:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19232 { flex-direction: column; } }
.component-19233 {
  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-19233:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19233 { flex-direction: column; } }
.component-19234 {
  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-19234:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19234 { flex-direction: column; } }
.component-19235 {
  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-19235:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19235 { flex-direction: column; } }
.component-19236 {
  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-19236:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19236 { flex-direction: column; } }
.component-19237 {
  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-19237:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19237 { flex-direction: column; } }
.component-19238 {
  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-19238:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19238 { flex-direction: column; } }
.component-19239 {
  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-19239:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19239 { flex-direction: column; } }
.component-19240 {
  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-19240:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19240 { flex-direction: column; } }
.component-19241 {
  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-19241:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19241 { flex-direction: column; } }
.component-19242 {
  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-19242:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19242 { flex-direction: column; } }
.component-19243 {
  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-19243:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19243 { flex-direction: column; } }
.component-19244 {
  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-19244:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19244 { flex-direction: column; } }
.component-19245 {
  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-19245:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19245 { flex-direction: column; } }
.component-19246 {
  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-19246:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19246 { flex-direction: column; } }
.component-19247 {
  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-19247:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19247 { flex-direction: column; } }
.component-19248 {
  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-19248:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19248 { flex-direction: column; } }
.component-19249 {
  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-19249:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19249 { flex-direction: column; } }
.component-19250 {
  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-19250:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19250 { flex-direction: column; } }
.component-19251 {
  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-19251:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19251 { flex-direction: column; } }
.component-19252 {
  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-19252:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19252 { flex-direction: column; } }
.component-19253 {
  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-19253:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19253 { flex-direction: column; } }
.component-19254 {
  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-19254:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19254 { flex-direction: column; } }
.component-19255 {
  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-19255:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19255 { flex-direction: column; } }
.component-19256 {
  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-19256:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19256 { flex-direction: column; } }
.component-19257 {
  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-19257:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19257 { flex-direction: column; } }
.component-19258 {
  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-19258:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19258 { flex-direction: column; } }
.component-19259 {
  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-19259:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19259 { flex-direction: column; } }
.component-19260 {
  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-19260:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19260 { flex-direction: column; } }
.component-19261 {
  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-19261:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19261 { flex-direction: column; } }
.component-19262 {
  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-19262:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19262 { flex-direction: column; } }
.component-19263 {
  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-19263:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19263 { flex-direction: column; } }
.component-19264 {
  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-19264:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19264 { flex-direction: column; } }
.component-19265 {
  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-19265:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19265 { flex-direction: column; } }
.component-19266 {
  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-19266:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19266 { flex-direction: column; } }
.component-19267 {
  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-19267:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19267 { flex-direction: column; } }
.component-19268 {
  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-19268:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19268 { flex-direction: column; } }
.component-19269 {
  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-19269:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19269 { flex-direction: column; } }
.component-19270 {
  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-19270:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19270 { flex-direction: column; } }
.component-19271 {
  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-19271:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19271 { flex-direction: column; } }
.component-19272 {
  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-19272:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19272 { flex-direction: column; } }
.component-19273 {
  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-19273:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19273 { flex-direction: column; } }
.component-19274 {
  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-19274:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19274 { flex-direction: column; } }
.component-19275 {
  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-19275:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19275 { flex-direction: column; } }
.component-19276 {
  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-19276:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19276 { flex-direction: column; } }
.component-19277 {
  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-19277:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19277 { flex-direction: column; } }
.component-19278 {
  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-19278:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19278 { flex-direction: column; } }
.component-19279 {
  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-19279:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19279 { flex-direction: column; } }
.component-19280 {
  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-19280:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19280 { flex-direction: column; } }
.component-19281 {
  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-19281:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19281 { flex-direction: column; } }
.component-19282 {
  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-19282:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19282 { flex-direction: column; } }
.component-19283 {
  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-19283:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19283 { flex-direction: column; } }
.component-19284 {
  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-19284:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19284 { flex-direction: column; } }
.component-19285 {
  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-19285:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19285 { flex-direction: column; } }
.component-19286 {
  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-19286:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19286 { flex-direction: column; } }
.component-19287 {
  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-19287:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19287 { flex-direction: column; } }
.component-19288 {
  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-19288:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19288 { flex-direction: column; } }
.component-19289 {
  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-19289:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19289 { flex-direction: column; } }
.component-19290 {
  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-19290:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19290 { flex-direction: column; } }
.component-19291 {
  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-19291:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19291 { flex-direction: column; } }
.component-19292 {
  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-19292:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19292 { flex-direction: column; } }
.component-19293 {
  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-19293:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19293 { flex-direction: column; } }
.component-19294 {
  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-19294:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19294 { flex-direction: column; } }
.component-19295 {
  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-19295:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19295 { flex-direction: column; } }
.component-19296 {
  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-19296:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19296 { flex-direction: column; } }
.component-19297 {
  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-19297:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19297 { flex-direction: column; } }
.component-19298 {
  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-19298:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19298 { flex-direction: column; } }
.component-19299 {
  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-19299:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19299 { flex-direction: column; } }
.component-19300 {
  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-19300:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19300 { flex-direction: column; } }
.component-19301 {
  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-19301:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19301 { flex-direction: column; } }
.component-19302 {
  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-19302:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19302 { flex-direction: column; } }
.component-19303 {
  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-19303:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19303 { flex-direction: column; } }
.component-19304 {
  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-19304:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19304 { flex-direction: column; } }
.component-19305 {
  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-19305:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19305 { flex-direction: column; } }
.component-19306 {
  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-19306:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19306 { flex-direction: column; } }
.component-19307 {
  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-19307:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19307 { flex-direction: column; } }
.component-19308 {
  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-19308:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19308 { flex-direction: column; } }
.component-19309 {
  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-19309:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19309 { flex-direction: column; } }
.component-19310 {
  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-19310:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19310 { flex-direction: column; } }
.component-19311 {
  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-19311:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19311 { flex-direction: column; } }
.component-19312 {
  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-19312:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19312 { flex-direction: column; } }
.component-19313 {
  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-19313:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19313 { flex-direction: column; } }
.component-19314 {
  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-19314:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19314 { flex-direction: column; } }
.component-19315 {
  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-19315:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19315 { flex-direction: column; } }
.component-19316 {
  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-19316:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19316 { flex-direction: column; } }
.component-19317 {
  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-19317:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19317 { flex-direction: column; } }
.component-19318 {
  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-19318:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19318 { flex-direction: column; } }
.component-19319 {
  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-19319:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19319 { flex-direction: column; } }
.component-19320 {
  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-19320:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19320 { flex-direction: column; } }
.component-19321 {
  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-19321:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19321 { flex-direction: column; } }
.component-19322 {
  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-19322:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19322 { flex-direction: column; } }
.component-19323 {
  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-19323:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19323 { flex-direction: column; } }
.component-19324 {
  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-19324:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19324 { flex-direction: column; } }
.component-19325 {
  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-19325:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19325 { flex-direction: column; } }
.component-19326 {
  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-19326:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19326 { flex-direction: column; } }
.component-19327 {
  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-19327:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19327 { flex-direction: column; } }
.component-19328 {
  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-19328:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19328 { flex-direction: column; } }
.component-19329 {
  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-19329:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19329 { flex-direction: column; } }
.component-19330 {
  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-19330:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19330 { flex-direction: column; } }
.component-19331 {
  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-19331:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19331 { flex-direction: column; } }
.component-19332 {
  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-19332:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19332 { flex-direction: column; } }
.component-19333 {
  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-19333:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19333 { flex-direction: column; } }
.component-19334 {
  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-19334:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19334 { flex-direction: column; } }
.component-19335 {
  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-19335:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19335 { flex-direction: column; } }
.component-19336 {
  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-19336:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19336 { flex-direction: column; } }
.component-19337 {
  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-19337:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19337 { flex-direction: column; } }
.component-19338 {
  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-19338:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19338 { flex-direction: column; } }
.component-19339 {
  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-19339:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19339 { flex-direction: column; } }
.component-19340 {
  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-19340:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19340 { flex-direction: column; } }
.component-19341 {
  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-19341:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19341 { flex-direction: column; } }
.component-19342 {
  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-19342:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19342 { flex-direction: column; } }
.component-19343 {
  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-19343:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19343 { flex-direction: column; } }
.component-19344 {
  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-19344:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19344 { flex-direction: column; } }
.component-19345 {
  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-19345:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19345 { flex-direction: column; } }
.component-19346 {
  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-19346:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19346 { flex-direction: column; } }
.component-19347 {
  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-19347:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19347 { flex-direction: column; } }
.component-19348 {
  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-19348:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19348 { flex-direction: column; } }
.component-19349 {
  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-19349:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19349 { flex-direction: column; } }
.component-19350 {
  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-19350:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19350 { flex-direction: column; } }
.component-19351 {
  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-19351:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19351 { flex-direction: column; } }
.component-19352 {
  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-19352:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19352 { flex-direction: column; } }
.component-19353 {
  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-19353:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19353 { flex-direction: column; } }
.component-19354 {
  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-19354:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19354 { flex-direction: column; } }
.component-19355 {
  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-19355:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19355 { flex-direction: column; } }
.component-19356 {
  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-19356:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19356 { flex-direction: column; } }
.component-19357 {
  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-19357:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19357 { flex-direction: column; } }
.component-19358 {
  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-19358:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19358 { flex-direction: column; } }
.component-19359 {
  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-19359:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19359 { flex-direction: column; } }
.component-19360 {
  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-19360:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19360 { flex-direction: column; } }
.component-19361 {
  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-19361:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19361 { flex-direction: column; } }
.component-19362 {
  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-19362:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19362 { flex-direction: column; } }
.component-19363 {
  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-19363:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19363 { flex-direction: column; } }
.component-19364 {
  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-19364:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19364 { flex-direction: column; } }
.component-19365 {
  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-19365:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19365 { flex-direction: column; } }
.component-19366 {
  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-19366:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19366 { flex-direction: column; } }
.component-19367 {
  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-19367:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19367 { flex-direction: column; } }
.component-19368 {
  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-19368:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19368 { flex-direction: column; } }
.component-19369 {
  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-19369:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19369 { flex-direction: column; } }
.component-19370 {
  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-19370:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19370 { flex-direction: column; } }
.component-19371 {
  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-19371:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19371 { flex-direction: column; } }
.component-19372 {
  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-19372:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19372 { flex-direction: column; } }
.component-19373 {
  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-19373:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19373 { flex-direction: column; } }
.component-19374 {
  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-19374:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19374 { flex-direction: column; } }
.component-19375 {
  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-19375:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19375 { flex-direction: column; } }
.component-19376 {
  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-19376:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19376 { flex-direction: column; } }
.component-19377 {
  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-19377:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19377 { flex-direction: column; } }
.component-19378 {
  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-19378:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19378 { flex-direction: column; } }
.component-19379 {
  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-19379:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19379 { flex-direction: column; } }
.component-19380 {
  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-19380:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19380 { flex-direction: column; } }
.component-19381 {
  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-19381:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19381 { flex-direction: column; } }
.component-19382 {
  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-19382:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19382 { flex-direction: column; } }
.component-19383 {
  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-19383:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19383 { flex-direction: column; } }
.component-19384 {
  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-19384:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19384 { flex-direction: column; } }
.component-19385 {
  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-19385:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19385 { flex-direction: column; } }
.component-19386 {
  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-19386:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19386 { flex-direction: column; } }
.component-19387 {
  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-19387:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19387 { flex-direction: column; } }
.component-19388 {
  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-19388:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19388 { flex-direction: column; } }
.component-19389 {
  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-19389:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19389 { flex-direction: column; } }
.component-19390 {
  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-19390:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19390 { flex-direction: column; } }
.component-19391 {
  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-19391:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19391 { flex-direction: column; } }
.component-19392 {
  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-19392:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19392 { flex-direction: column; } }
.component-19393 {
  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-19393:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19393 { flex-direction: column; } }
.component-19394 {
  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-19394:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19394 { flex-direction: column; } }
.component-19395 {
  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-19395:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19395 { flex-direction: column; } }
.component-19396 {
  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-19396:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19396 { flex-direction: column; } }
.component-19397 {
  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-19397:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19397 { flex-direction: column; } }
.component-19398 {
  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-19398:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19398 { flex-direction: column; } }
.component-19399 {
  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-19399:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19399 { flex-direction: column; } }
.component-19400 {
  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-19400:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19400 { flex-direction: column; } }
.component-19401 {
  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-19401:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19401 { flex-direction: column; } }
.component-19402 {
  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-19402:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19402 { flex-direction: column; } }
.component-19403 {
  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-19403:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19403 { flex-direction: column; } }
.component-19404 {
  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-19404:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19404 { flex-direction: column; } }
.component-19405 {
  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-19405:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19405 { flex-direction: column; } }
.component-19406 {
  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-19406:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19406 { flex-direction: column; } }
.component-19407 {
  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-19407:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19407 { flex-direction: column; } }
.component-19408 {
  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-19408:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19408 { flex-direction: column; } }
.component-19409 {
  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-19409:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19409 { flex-direction: column; } }
.component-19410 {
  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-19410:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19410 { flex-direction: column; } }
.component-19411 {
  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-19411:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19411 { flex-direction: column; } }
.component-19412 {
  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-19412:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19412 { flex-direction: column; } }
.component-19413 {
  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-19413:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19413 { flex-direction: column; } }
.component-19414 {
  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-19414:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19414 { flex-direction: column; } }
.component-19415 {
  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-19415:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19415 { flex-direction: column; } }
.component-19416 {
  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-19416:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19416 { flex-direction: column; } }
.component-19417 {
  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-19417:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19417 { flex-direction: column; } }
.component-19418 {
  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-19418:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19418 { flex-direction: column; } }
.component-19419 {
  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-19419:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19419 { flex-direction: column; } }
.component-19420 {
  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-19420:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19420 { flex-direction: column; } }
.component-19421 {
  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-19421:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19421 { flex-direction: column; } }
.component-19422 {
  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-19422:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19422 { flex-direction: column; } }
.component-19423 {
  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-19423:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19423 { flex-direction: column; } }
.component-19424 {
  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-19424:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19424 { flex-direction: column; } }
.component-19425 {
  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-19425:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19425 { flex-direction: column; } }
.component-19426 {
  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-19426:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19426 { flex-direction: column; } }
.component-19427 {
  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-19427:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19427 { flex-direction: column; } }
.component-19428 {
  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-19428:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19428 { flex-direction: column; } }
.component-19429 {
  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-19429:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19429 { flex-direction: column; } }
.component-19430 {
  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-19430:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19430 { flex-direction: column; } }
.component-19431 {
  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-19431:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19431 { flex-direction: column; } }
.component-19432 {
  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-19432:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19432 { flex-direction: column; } }
.component-19433 {
  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-19433:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19433 { flex-direction: column; } }
.component-19434 {
  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-19434:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19434 { flex-direction: column; } }
.component-19435 {
  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-19435:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19435 { flex-direction: column; } }
.component-19436 {
  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-19436:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19436 { flex-direction: column; } }
.component-19437 {
  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-19437:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19437 { flex-direction: column; } }
.component-19438 {
  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-19438:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19438 { flex-direction: column; } }
.component-19439 {
  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-19439:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19439 { flex-direction: column; } }
.component-19440 {
  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-19440:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19440 { flex-direction: column; } }
.component-19441 {
  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-19441:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19441 { flex-direction: column; } }
.component-19442 {
  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-19442:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19442 { flex-direction: column; } }
.component-19443 {
  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-19443:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19443 { flex-direction: column; } }
.component-19444 {
  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-19444:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19444 { flex-direction: column; } }
.component-19445 {
  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-19445:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19445 { flex-direction: column; } }
.component-19446 {
  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-19446:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19446 { flex-direction: column; } }
.component-19447 {
  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-19447:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19447 { flex-direction: column; } }
.component-19448 {
  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-19448:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19448 { flex-direction: column; } }
.component-19449 {
  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-19449:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19449 { flex-direction: column; } }
.component-19450 {
  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-19450:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19450 { flex-direction: column; } }
.component-19451 {
  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-19451:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19451 { flex-direction: column; } }
.component-19452 {
  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-19452:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19452 { flex-direction: column; } }
.component-19453 {
  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-19453:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19453 { flex-direction: column; } }
.component-19454 {
  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-19454:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19454 { flex-direction: column; } }
.component-19455 {
  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-19455:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19455 { flex-direction: column; } }
.component-19456 {
  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-19456:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19456 { flex-direction: column; } }
.component-19457 {
  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-19457:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19457 { flex-direction: column; } }
.component-19458 {
  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-19458:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19458 { flex-direction: column; } }
.component-19459 {
  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-19459:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19459 { flex-direction: column; } }
.component-19460 {
  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-19460:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19460 { flex-direction: column; } }
.component-19461 {
  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-19461:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19461 { flex-direction: column; } }
.component-19462 {
  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-19462:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19462 { flex-direction: column; } }
.component-19463 {
  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-19463:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19463 { flex-direction: column; } }
.component-19464 {
  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-19464:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19464 { flex-direction: column; } }
.component-19465 {
  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-19465:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19465 { flex-direction: column; } }
.component-19466 {
  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-19466:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19466 { flex-direction: column; } }
.component-19467 {
  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-19467:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19467 { flex-direction: column; } }
.component-19468 {
  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-19468:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19468 { flex-direction: column; } }
.component-19469 {
  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-19469:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19469 { flex-direction: column; } }
.component-19470 {
  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-19470:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19470 { flex-direction: column; } }
.component-19471 {
  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-19471:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19471 { flex-direction: column; } }
.component-19472 {
  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-19472:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19472 { flex-direction: column; } }
.component-19473 {
  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-19473:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19473 { flex-direction: column; } }
.component-19474 {
  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-19474:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19474 { flex-direction: column; } }
.component-19475 {
  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-19475:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19475 { flex-direction: column; } }
.component-19476 {
  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-19476:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19476 { flex-direction: column; } }
.component-19477 {
  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-19477:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19477 { flex-direction: column; } }
.component-19478 {
  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-19478:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19478 { flex-direction: column; } }
.component-19479 {
  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-19479:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19479 { flex-direction: column; } }
.component-19480 {
  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-19480:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19480 { flex-direction: column; } }
.component-19481 {
  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-19481:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19481 { flex-direction: column; } }
.component-19482 {
  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-19482:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19482 { flex-direction: column; } }
.component-19483 {
  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-19483:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19483 { flex-direction: column; } }
.component-19484 {
  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-19484:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19484 { flex-direction: column; } }
.component-19485 {
  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-19485:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19485 { flex-direction: column; } }
.component-19486 {
  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-19486:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19486 { flex-direction: column; } }
.component-19487 {
  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-19487:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19487 { flex-direction: column; } }
.component-19488 {
  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-19488:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19488 { flex-direction: column; } }
.component-19489 {
  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-19489:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19489 { flex-direction: column; } }
.component-19490 {
  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-19490:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19490 { flex-direction: column; } }
.component-19491 {
  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-19491:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19491 { flex-direction: column; } }
.component-19492 {
  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-19492:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19492 { flex-direction: column; } }
.component-19493 {
  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-19493:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19493 { flex-direction: column; } }
.component-19494 {
  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-19494:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19494 { flex-direction: column; } }
.component-19495 {
  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-19495:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19495 { flex-direction: column; } }
.component-19496 {
  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-19496:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19496 { flex-direction: column; } }
.component-19497 {
  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-19497:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19497 { flex-direction: column; } }
.component-19498 {
  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-19498:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19498 { flex-direction: column; } }
.component-19499 {
  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-19499:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19499 { flex-direction: column; } }
.component-19500 {
  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-19500:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19500 { flex-direction: column; } }
.component-19501 {
  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-19501:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19501 { flex-direction: column; } }
.component-19502 {
  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-19502:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19502 { flex-direction: column; } }
.component-19503 {
  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-19503:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19503 { flex-direction: column; } }
.component-19504 {
  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-19504:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19504 { flex-direction: column; } }
.component-19505 {
  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-19505:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19505 { flex-direction: column; } }
.component-19506 {
  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-19506:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19506 { flex-direction: column; } }
.component-19507 {
  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-19507:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19507 { flex-direction: column; } }
.component-19508 {
  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-19508:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19508 { flex-direction: column; } }
.component-19509 {
  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-19509:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19509 { flex-direction: column; } }
.component-19510 {
  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-19510:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19510 { flex-direction: column; } }
.component-19511 {
  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-19511:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19511 { flex-direction: column; } }
.component-19512 {
  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-19512:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19512 { flex-direction: column; } }
.component-19513 {
  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-19513:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19513 { flex-direction: column; } }
.component-19514 {
  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-19514:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19514 { flex-direction: column; } }
.component-19515 {
  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-19515:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19515 { flex-direction: column; } }
.component-19516 {
  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-19516:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19516 { flex-direction: column; } }
.component-19517 {
  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-19517:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19517 { flex-direction: column; } }
.component-19518 {
  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-19518:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19518 { flex-direction: column; } }
.component-19519 {
  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-19519:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19519 { flex-direction: column; } }
.component-19520 {
  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-19520:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19520 { flex-direction: column; } }
.component-19521 {
  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-19521:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19521 { flex-direction: column; } }
.component-19522 {
  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-19522:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19522 { flex-direction: column; } }
.component-19523 {
  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-19523:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19523 { flex-direction: column; } }
.component-19524 {
  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-19524:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19524 { flex-direction: column; } }
.component-19525 {
  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-19525:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19525 { flex-direction: column; } }
.component-19526 {
  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-19526:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19526 { flex-direction: column; } }
.component-19527 {
  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-19527:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19527 { flex-direction: column; } }
.component-19528 {
  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-19528:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19528 { flex-direction: column; } }
.component-19529 {
  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-19529:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19529 { flex-direction: column; } }
.component-19530 {
  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-19530:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19530 { flex-direction: column; } }
.component-19531 {
  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-19531:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19531 { flex-direction: column; } }
.component-19532 {
  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-19532:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19532 { flex-direction: column; } }
.component-19533 {
  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-19533:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19533 { flex-direction: column; } }
.component-19534 {
  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-19534:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19534 { flex-direction: column; } }
.component-19535 {
  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-19535:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19535 { flex-direction: column; } }
.component-19536 {
  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-19536:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19536 { flex-direction: column; } }
.component-19537 {
  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-19537:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19537 { flex-direction: column; } }
.component-19538 {
  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-19538:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19538 { flex-direction: column; } }
.component-19539 {
  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-19539:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19539 { flex-direction: column; } }
.component-19540 {
  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-19540:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19540 { flex-direction: column; } }
.component-19541 {
  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-19541:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19541 { flex-direction: column; } }
.component-19542 {
  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-19542:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19542 { flex-direction: column; } }
.component-19543 {
  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-19543:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19543 { flex-direction: column; } }
.component-19544 {
  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-19544:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19544 { flex-direction: column; } }
.component-19545 {
  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-19545:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19545 { flex-direction: column; } }
.component-19546 {
  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-19546:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19546 { flex-direction: column; } }
.component-19547 {
  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-19547:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19547 { flex-direction: column; } }
.component-19548 {
  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-19548:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19548 { flex-direction: column; } }
.component-19549 {
  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-19549:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19549 { flex-direction: column; } }
.component-19550 {
  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-19550:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19550 { flex-direction: column; } }
.component-19551 {
  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-19551:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19551 { flex-direction: column; } }
.component-19552 {
  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-19552:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19552 { flex-direction: column; } }
.component-19553 {
  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-19553:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19553 { flex-direction: column; } }
.component-19554 {
  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-19554:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19554 { flex-direction: column; } }
.component-19555 {
  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-19555:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19555 { flex-direction: column; } }
.component-19556 {
  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-19556:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19556 { flex-direction: column; } }
.component-19557 {
  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-19557:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19557 { flex-direction: column; } }
.component-19558 {
  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-19558:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19558 { flex-direction: column; } }
.component-19559 {
  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-19559:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19559 { flex-direction: column; } }
.component-19560 {
  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-19560:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19560 { flex-direction: column; } }
.component-19561 {
  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-19561:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19561 { flex-direction: column; } }
.component-19562 {
  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-19562:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19562 { flex-direction: column; } }
.component-19563 {
  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-19563:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19563 { flex-direction: column; } }
.component-19564 {
  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-19564:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19564 { flex-direction: column; } }
.component-19565 {
  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-19565:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19565 { flex-direction: column; } }
.component-19566 {
  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-19566:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19566 { flex-direction: column; } }
.component-19567 {
  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-19567:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19567 { flex-direction: column; } }
.component-19568 {
  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-19568:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19568 { flex-direction: column; } }
.component-19569 {
  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-19569:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19569 { flex-direction: column; } }
.component-19570 {
  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-19570:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19570 { flex-direction: column; } }
.component-19571 {
  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-19571:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19571 { flex-direction: column; } }
.component-19572 {
  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-19572:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19572 { flex-direction: column; } }
.component-19573 {
  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-19573:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19573 { flex-direction: column; } }
.component-19574 {
  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-19574:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19574 { flex-direction: column; } }
.component-19575 {
  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-19575:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19575 { flex-direction: column; } }
.component-19576 {
  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-19576:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19576 { flex-direction: column; } }
.component-19577 {
  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-19577:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19577 { flex-direction: column; } }
.component-19578 {
  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-19578:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19578 { flex-direction: column; } }
.component-19579 {
  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-19579:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19579 { flex-direction: column; } }
.component-19580 {
  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-19580:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19580 { flex-direction: column; } }
.component-19581 {
  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-19581:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19581 { flex-direction: column; } }
.component-19582 {
  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-19582:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19582 { flex-direction: column; } }
.component-19583 {
  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-19583:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19583 { flex-direction: column; } }
.component-19584 {
  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-19584:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19584 { flex-direction: column; } }
.component-19585 {
  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-19585:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19585 { flex-direction: column; } }
.component-19586 {
  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-19586:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19586 { flex-direction: column; } }
.component-19587 {
  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-19587:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19587 { flex-direction: column; } }
.component-19588 {
  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-19588:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19588 { flex-direction: column; } }
.component-19589 {
  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-19589:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19589 { flex-direction: column; } }
.component-19590 {
  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-19590:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19590 { flex-direction: column; } }
.component-19591 {
  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-19591:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19591 { flex-direction: column; } }
.component-19592 {
  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-19592:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19592 { flex-direction: column; } }
.component-19593 {
  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-19593:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19593 { flex-direction: column; } }
.component-19594 {
  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-19594:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19594 { flex-direction: column; } }
.component-19595 {
  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-19595:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19595 { flex-direction: column; } }
.component-19596 {
  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-19596:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19596 { flex-direction: column; } }
.component-19597 {
  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-19597:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19597 { flex-direction: column; } }
.component-19598 {
  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-19598:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19598 { flex-direction: column; } }
.component-19599 {
  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-19599:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19599 { flex-direction: column; } }
.component-19600 {
  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-19600:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19600 { flex-direction: column; } }
.component-19601 {
  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-19601:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19601 { flex-direction: column; } }
.component-19602 {
  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-19602:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19602 { flex-direction: column; } }
.component-19603 {
  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-19603:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19603 { flex-direction: column; } }
.component-19604 {
  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-19604:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19604 { flex-direction: column; } }
.component-19605 {
  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-19605:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19605 { flex-direction: column; } }
.component-19606 {
  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-19606:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19606 { flex-direction: column; } }
.component-19607 {
  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-19607:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19607 { flex-direction: column; } }
.component-19608 {
  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-19608:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19608 { flex-direction: column; } }
.component-19609 {
  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-19609:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19609 { flex-direction: column; } }
.component-19610 {
  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-19610:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19610 { flex-direction: column; } }
.component-19611 {
  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-19611:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19611 { flex-direction: column; } }
.component-19612 {
  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-19612:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19612 { flex-direction: column; } }
.component-19613 {
  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-19613:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19613 { flex-direction: column; } }
.component-19614 {
  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-19614:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19614 { flex-direction: column; } }
.component-19615 {
  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-19615:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19615 { flex-direction: column; } }
.component-19616 {
  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-19616:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19616 { flex-direction: column; } }
.component-19617 {
  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-19617:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19617 { flex-direction: column; } }
.component-19618 {
  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-19618:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19618 { flex-direction: column; } }
.component-19619 {
  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-19619:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19619 { flex-direction: column; } }
.component-19620 {
  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-19620:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19620 { flex-direction: column; } }
.component-19621 {
  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-19621:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19621 { flex-direction: column; } }
.component-19622 {
  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-19622:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19622 { flex-direction: column; } }
.component-19623 {
  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-19623:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19623 { flex-direction: column; } }
.component-19624 {
  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-19624:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19624 { flex-direction: column; } }
.component-19625 {
  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-19625:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19625 { flex-direction: column; } }
.component-19626 {
  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-19626:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19626 { flex-direction: column; } }
.component-19627 {
  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-19627:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19627 { flex-direction: column; } }
.component-19628 {
  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-19628:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19628 { flex-direction: column; } }
.component-19629 {
  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-19629:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19629 { flex-direction: column; } }
.component-19630 {
  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-19630:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19630 { flex-direction: column; } }
.component-19631 {
  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-19631:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19631 { flex-direction: column; } }
.component-19632 {
  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-19632:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19632 { flex-direction: column; } }
.component-19633 {
  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-19633:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19633 { flex-direction: column; } }
.component-19634 {
  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-19634:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19634 { flex-direction: column; } }
.component-19635 {
  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-19635:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19635 { flex-direction: column; } }
.component-19636 {
  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-19636:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19636 { flex-direction: column; } }
.component-19637 {
  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-19637:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19637 { flex-direction: column; } }
.component-19638 {
  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-19638:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19638 { flex-direction: column; } }
.component-19639 {
  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-19639:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19639 { flex-direction: column; } }
.component-19640 {
  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-19640:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19640 { flex-direction: column; } }
.component-19641 {
  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-19641:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19641 { flex-direction: column; } }
.component-19642 {
  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-19642:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19642 { flex-direction: column; } }
.component-19643 {
  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-19643:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19643 { flex-direction: column; } }
.component-19644 {
  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-19644:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19644 { flex-direction: column; } }
.component-19645 {
  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-19645:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19645 { flex-direction: column; } }
.component-19646 {
  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-19646:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19646 { flex-direction: column; } }
.component-19647 {
  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-19647:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19647 { flex-direction: column; } }
.component-19648 {
  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-19648:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19648 { flex-direction: column; } }
.component-19649 {
  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-19649:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19649 { flex-direction: column; } }
.component-19650 {
  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-19650:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19650 { flex-direction: column; } }
.component-19651 {
  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-19651:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19651 { flex-direction: column; } }
.component-19652 {
  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-19652:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19652 { flex-direction: column; } }
.component-19653 {
  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-19653:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19653 { flex-direction: column; } }
.component-19654 {
  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-19654:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19654 { flex-direction: column; } }
.component-19655 {
  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-19655:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19655 { flex-direction: column; } }
.component-19656 {
  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-19656:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19656 { flex-direction: column; } }
.component-19657 {
  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-19657:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19657 { flex-direction: column; } }
.component-19658 {
  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-19658:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19658 { flex-direction: column; } }
.component-19659 {
  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-19659:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19659 { flex-direction: column; } }
.component-19660 {
  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-19660:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19660 { flex-direction: column; } }
.component-19661 {
  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-19661:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19661 { flex-direction: column; } }
.component-19662 {
  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-19662:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19662 { flex-direction: column; } }
.component-19663 {
  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-19663:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19663 { flex-direction: column; } }
.component-19664 {
  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-19664:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19664 { flex-direction: column; } }
.component-19665 {
  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-19665:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19665 { flex-direction: column; } }
.component-19666 {
  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-19666:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19666 { flex-direction: column; } }
.component-19667 {
  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-19667:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19667 { flex-direction: column; } }
.component-19668 {
  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-19668:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19668 { flex-direction: column; } }
.component-19669 {
  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-19669:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19669 { flex-direction: column; } }
.component-19670 {
  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-19670:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19670 { flex-direction: column; } }
.component-19671 {
  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-19671:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19671 { flex-direction: column; } }
.component-19672 {
  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-19672:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19672 { flex-direction: column; } }
.component-19673 {
  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-19673:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19673 { flex-direction: column; } }
.component-19674 {
  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-19674:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19674 { flex-direction: column; } }
.component-19675 {
  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-19675:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19675 { flex-direction: column; } }
.component-19676 {
  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-19676:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19676 { flex-direction: column; } }
.component-19677 {
  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-19677:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19677 { flex-direction: column; } }
.component-19678 {
  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-19678:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19678 { flex-direction: column; } }
.component-19679 {
  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-19679:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19679 { flex-direction: column; } }
.component-19680 {
  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-19680:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19680 { flex-direction: column; } }
.component-19681 {
  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-19681:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19681 { flex-direction: column; } }
.component-19682 {
  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-19682:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19682 { flex-direction: column; } }
.component-19683 {
  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-19683:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19683 { flex-direction: column; } }
.component-19684 {
  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-19684:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19684 { flex-direction: column; } }
.component-19685 {
  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-19685:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19685 { flex-direction: column; } }
.component-19686 {
  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-19686:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19686 { flex-direction: column; } }
.component-19687 {
  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-19687:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19687 { flex-direction: column; } }
.component-19688 {
  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-19688:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19688 { flex-direction: column; } }
.component-19689 {
  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-19689:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19689 { flex-direction: column; } }
.component-19690 {
  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-19690:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19690 { flex-direction: column; } }
.component-19691 {
  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-19691:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19691 { flex-direction: column; } }
.component-19692 {
  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-19692:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19692 { flex-direction: column; } }
.component-19693 {
  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-19693:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19693 { flex-direction: column; } }
.component-19694 {
  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-19694:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19694 { flex-direction: column; } }
.component-19695 {
  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-19695:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19695 { flex-direction: column; } }
.component-19696 {
  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-19696:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19696 { flex-direction: column; } }
.component-19697 {
  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-19697:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19697 { flex-direction: column; } }
.component-19698 {
  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-19698:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19698 { flex-direction: column; } }
.component-19699 {
  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-19699:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19699 { flex-direction: column; } }
.component-19700 {
  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-19700:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19700 { flex-direction: column; } }
.component-19701 {
  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-19701:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19701 { flex-direction: column; } }
.component-19702 {
  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-19702:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19702 { flex-direction: column; } }
.component-19703 {
  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-19703:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19703 { flex-direction: column; } }
.component-19704 {
  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-19704:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19704 { flex-direction: column; } }
.component-19705 {
  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-19705:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19705 { flex-direction: column; } }
.component-19706 {
  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-19706:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19706 { flex-direction: column; } }
.component-19707 {
  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-19707:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19707 { flex-direction: column; } }
.component-19708 {
  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-19708:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19708 { flex-direction: column; } }
.component-19709 {
  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-19709:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19709 { flex-direction: column; } }
.component-19710 {
  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-19710:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19710 { flex-direction: column; } }
.component-19711 {
  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-19711:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19711 { flex-direction: column; } }
.component-19712 {
  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-19712:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19712 { flex-direction: column; } }
.component-19713 {
  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-19713:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19713 { flex-direction: column; } }
.component-19714 {
  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-19714:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19714 { flex-direction: column; } }
.component-19715 {
  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-19715:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19715 { flex-direction: column; } }
.component-19716 {
  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-19716:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19716 { flex-direction: column; } }
.component-19717 {
  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-19717:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19717 { flex-direction: column; } }
.component-19718 {
  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-19718:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19718 { flex-direction: column; } }
.component-19719 {
  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-19719:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19719 { flex-direction: column; } }
.component-19720 {
  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-19720:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19720 { flex-direction: column; } }
.component-19721 {
  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-19721:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19721 { flex-direction: column; } }
.component-19722 {
  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-19722:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19722 { flex-direction: column; } }
.component-19723 {
  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-19723:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19723 { flex-direction: column; } }
.component-19724 {
  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-19724:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19724 { flex-direction: column; } }
.component-19725 {
  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-19725:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19725 { flex-direction: column; } }
.component-19726 {
  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-19726:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19726 { flex-direction: column; } }
.component-19727 {
  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-19727:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19727 { flex-direction: column; } }
.component-19728 {
  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-19728:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19728 { flex-direction: column; } }
.component-19729 {
  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-19729:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19729 { flex-direction: column; } }
.component-19730 {
  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-19730:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19730 { flex-direction: column; } }
.component-19731 {
  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-19731:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19731 { flex-direction: column; } }
.component-19732 {
  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-19732:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19732 { flex-direction: column; } }
.component-19733 {
  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-19733:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19733 { flex-direction: column; } }
.component-19734 {
  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-19734:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19734 { flex-direction: column; } }
.component-19735 {
  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-19735:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19735 { flex-direction: column; } }
.component-19736 {
  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-19736:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19736 { flex-direction: column; } }
.component-19737 {
  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-19737:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19737 { flex-direction: column; } }
.component-19738 {
  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-19738:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19738 { flex-direction: column; } }
.component-19739 {
  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-19739:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19739 { flex-direction: column; } }
.component-19740 {
  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-19740:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19740 { flex-direction: column; } }
.component-19741 {
  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-19741:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19741 { flex-direction: column; } }
.component-19742 {
  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-19742:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19742 { flex-direction: column; } }
.component-19743 {
  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-19743:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19743 { flex-direction: column; } }
.component-19744 {
  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-19744:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19744 { flex-direction: column; } }
.component-19745 {
  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-19745:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19745 { flex-direction: column; } }
.component-19746 {
  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-19746:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19746 { flex-direction: column; } }
.component-19747 {
  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-19747:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19747 { flex-direction: column; } }
.component-19748 {
  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-19748:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19748 { flex-direction: column; } }
.component-19749 {
  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-19749:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19749 { flex-direction: column; } }
.component-19750 {
  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-19750:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19750 { flex-direction: column; } }
.component-19751 {
  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-19751:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19751 { flex-direction: column; } }
.component-19752 {
  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-19752:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19752 { flex-direction: column; } }
.component-19753 {
  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-19753:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19753 { flex-direction: column; } }
.component-19754 {
  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-19754:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19754 { flex-direction: column; } }
.component-19755 {
  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-19755:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19755 { flex-direction: column; } }
.component-19756 {
  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-19756:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19756 { flex-direction: column; } }
.component-19757 {
  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-19757:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19757 { flex-direction: column; } }
.component-19758 {
  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-19758:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19758 { flex-direction: column; } }
.component-19759 {
  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-19759:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19759 { flex-direction: column; } }
.component-19760 {
  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-19760:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19760 { flex-direction: column; } }
.component-19761 {
  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-19761:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19761 { flex-direction: column; } }
.component-19762 {
  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-19762:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19762 { flex-direction: column; } }
.component-19763 {
  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-19763:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19763 { flex-direction: column; } }
.component-19764 {
  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-19764:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19764 { flex-direction: column; } }
.component-19765 {
  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-19765:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19765 { flex-direction: column; } }
.component-19766 {
  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-19766:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19766 { flex-direction: column; } }
.component-19767 {
  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-19767:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19767 { flex-direction: column; } }
.component-19768 {
  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-19768:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19768 { flex-direction: column; } }
.component-19769 {
  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-19769:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19769 { flex-direction: column; } }
.component-19770 {
  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-19770:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19770 { flex-direction: column; } }
.component-19771 {
  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-19771:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19771 { flex-direction: column; } }
.component-19772 {
  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-19772:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19772 { flex-direction: column; } }
.component-19773 {
  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-19773:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19773 { flex-direction: column; } }
.component-19774 {
  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-19774:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19774 { flex-direction: column; } }
.component-19775 {
  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-19775:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19775 { flex-direction: column; } }
.component-19776 {
  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-19776:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19776 { flex-direction: column; } }
.component-19777 {
  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-19777:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19777 { flex-direction: column; } }
.component-19778 {
  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-19778:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19778 { flex-direction: column; } }
.component-19779 {
  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-19779:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19779 { flex-direction: column; } }
.component-19780 {
  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-19780:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19780 { flex-direction: column; } }
.component-19781 {
  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-19781:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19781 { flex-direction: column; } }
.component-19782 {
  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-19782:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19782 { flex-direction: column; } }
.component-19783 {
  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-19783:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19783 { flex-direction: column; } }
.component-19784 {
  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-19784:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19784 { flex-direction: column; } }
.component-19785 {
  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-19785:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19785 { flex-direction: column; } }
.component-19786 {
  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-19786:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19786 { flex-direction: column; } }
.component-19787 {
  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-19787:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19787 { flex-direction: column; } }
.component-19788 {
  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-19788:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19788 { flex-direction: column; } }
.component-19789 {
  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-19789:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19789 { flex-direction: column; } }
.component-19790 {
  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-19790:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19790 { flex-direction: column; } }
.component-19791 {
  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-19791:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19791 { flex-direction: column; } }
.component-19792 {
  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-19792:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19792 { flex-direction: column; } }
.component-19793 {
  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-19793:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19793 { flex-direction: column; } }
.component-19794 {
  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-19794:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19794 { flex-direction: column; } }
.component-19795 {
  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-19795:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19795 { flex-direction: column; } }
.component-19796 {
  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-19796:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19796 { flex-direction: column; } }
.component-19797 {
  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-19797:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19797 { flex-direction: column; } }
.component-19798 {
  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-19798:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19798 { flex-direction: column; } }
.component-19799 {
  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-19799:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19799 { flex-direction: column; } }
.component-19800 {
  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-19800:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19800 { flex-direction: column; } }
.component-19801 {
  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-19801:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19801 { flex-direction: column; } }
.component-19802 {
  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-19802:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19802 { flex-direction: column; } }
.component-19803 {
  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-19803:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19803 { flex-direction: column; } }
.component-19804 {
  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-19804:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19804 { flex-direction: column; } }
.component-19805 {
  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-19805:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19805 { flex-direction: column; } }
.component-19806 {
  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-19806:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19806 { flex-direction: column; } }
.component-19807 {
  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-19807:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19807 { flex-direction: column; } }
.component-19808 {
  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-19808:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19808 { flex-direction: column; } }
.component-19809 {
  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-19809:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19809 { flex-direction: column; } }
.component-19810 {
  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-19810:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19810 { flex-direction: column; } }
.component-19811 {
  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-19811:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19811 { flex-direction: column; } }
.component-19812 {
  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-19812:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19812 { flex-direction: column; } }
.component-19813 {
  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-19813:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19813 { flex-direction: column; } }
.component-19814 {
  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-19814:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19814 { flex-direction: column; } }
.component-19815 {
  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-19815:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19815 { flex-direction: column; } }
.component-19816 {
  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-19816:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19816 { flex-direction: column; } }
.component-19817 {
  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-19817:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19817 { flex-direction: column; } }
.component-19818 {
  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-19818:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19818 { flex-direction: column; } }
.component-19819 {
  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-19819:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19819 { flex-direction: column; } }
.component-19820 {
  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-19820:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19820 { flex-direction: column; } }
.component-19821 {
  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-19821:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19821 { flex-direction: column; } }
.component-19822 {
  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-19822:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19822 { flex-direction: column; } }
.component-19823 {
  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-19823:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19823 { flex-direction: column; } }
.component-19824 {
  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-19824:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19824 { flex-direction: column; } }
.component-19825 {
  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-19825:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19825 { flex-direction: column; } }
.component-19826 {
  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-19826:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19826 { flex-direction: column; } }
.component-19827 {
  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-19827:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19827 { flex-direction: column; } }
.component-19828 {
  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-19828:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19828 { flex-direction: column; } }
.component-19829 {
  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-19829:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19829 { flex-direction: column; } }
.component-19830 {
  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-19830:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19830 { flex-direction: column; } }
.component-19831 {
  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-19831:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19831 { flex-direction: column; } }
.component-19832 {
  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-19832:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19832 { flex-direction: column; } }
.component-19833 {
  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-19833:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19833 { flex-direction: column; } }
.component-19834 {
  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-19834:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19834 { flex-direction: column; } }
.component-19835 {
  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-19835:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19835 { flex-direction: column; } }
.component-19836 {
  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-19836:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19836 { flex-direction: column; } }
.component-19837 {
  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-19837:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19837 { flex-direction: column; } }
.component-19838 {
  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-19838:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19838 { flex-direction: column; } }
.component-19839 {
  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-19839:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19839 { flex-direction: column; } }
.component-19840 {
  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-19840:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19840 { flex-direction: column; } }
.component-19841 {
  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-19841:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19841 { flex-direction: column; } }
.component-19842 {
  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-19842:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19842 { flex-direction: column; } }
.component-19843 {
  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-19843:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19843 { flex-direction: column; } }
.component-19844 {
  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-19844:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19844 { flex-direction: column; } }
.component-19845 {
  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-19845:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19845 { flex-direction: column; } }
.component-19846 {
  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-19846:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19846 { flex-direction: column; } }
.component-19847 {
  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-19847:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19847 { flex-direction: column; } }
.component-19848 {
  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-19848:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19848 { flex-direction: column; } }
.component-19849 {
  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-19849:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19849 { flex-direction: column; } }
.component-19850 {
  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-19850:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19850 { flex-direction: column; } }
.component-19851 {
  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-19851:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19851 { flex-direction: column; } }
.component-19852 {
  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-19852:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19852 { flex-direction: column; } }
.component-19853 {
  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-19853:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19853 { flex-direction: column; } }
.component-19854 {
  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-19854:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19854 { flex-direction: column; } }
.component-19855 {
  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-19855:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19855 { flex-direction: column; } }
.component-19856 {
  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-19856:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19856 { flex-direction: column; } }
.component-19857 {
  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-19857:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19857 { flex-direction: column; } }
.component-19858 {
  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-19858:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19858 { flex-direction: column; } }
.component-19859 {
  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-19859:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19859 { flex-direction: column; } }
.component-19860 {
  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-19860:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19860 { flex-direction: column; } }
.component-19861 {
  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-19861:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19861 { flex-direction: column; } }
.component-19862 {
  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-19862:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19862 { flex-direction: column; } }
.component-19863 {
  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-19863:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19863 { flex-direction: column; } }
.component-19864 {
  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-19864:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19864 { flex-direction: column; } }
.component-19865 {
  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-19865:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19865 { flex-direction: column; } }
.component-19866 {
  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-19866:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19866 { flex-direction: column; } }
.component-19867 {
  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-19867:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19867 { flex-direction: column; } }
.component-19868 {
  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-19868:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19868 { flex-direction: column; } }
.component-19869 {
  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-19869:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19869 { flex-direction: column; } }
.component-19870 {
  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-19870:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19870 { flex-direction: column; } }
.component-19871 {
  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-19871:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19871 { flex-direction: column; } }
.component-19872 {
  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-19872:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19872 { flex-direction: column; } }
.component-19873 {
  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-19873:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19873 { flex-direction: column; } }
.component-19874 {
  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-19874:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19874 { flex-direction: column; } }
.component-19875 {
  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-19875:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19875 { flex-direction: column; } }
.component-19876 {
  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-19876:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19876 { flex-direction: column; } }
.component-19877 {
  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-19877:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19877 { flex-direction: column; } }
.component-19878 {
  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-19878:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19878 { flex-direction: column; } }
.component-19879 {
  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-19879:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19879 { flex-direction: column; } }
.component-19880 {
  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-19880:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19880 { flex-direction: column; } }
.component-19881 {
  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-19881:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19881 { flex-direction: column; } }
.component-19882 {
  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-19882:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19882 { flex-direction: column; } }
.component-19883 {
  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-19883:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19883 { flex-direction: column; } }
.component-19884 {
  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-19884:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19884 { flex-direction: column; } }
.component-19885 {
  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-19885:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19885 { flex-direction: column; } }
.component-19886 {
  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-19886:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19886 { flex-direction: column; } }
.component-19887 {
  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-19887:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19887 { flex-direction: column; } }
.component-19888 {
  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-19888:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19888 { flex-direction: column; } }
.component-19889 {
  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-19889:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19889 { flex-direction: column; } }
.component-19890 {
  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-19890:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19890 { flex-direction: column; } }
.component-19891 {
  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-19891:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19891 { flex-direction: column; } }
.component-19892 {
  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-19892:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19892 { flex-direction: column; } }
.component-19893 {
  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-19893:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19893 { flex-direction: column; } }
.component-19894 {
  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-19894:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19894 { flex-direction: column; } }
.component-19895 {
  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-19895:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19895 { flex-direction: column; } }
.component-19896 {
  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-19896:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19896 { flex-direction: column; } }
.component-19897 {
  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-19897:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19897 { flex-direction: column; } }
.component-19898 {
  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-19898:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19898 { flex-direction: column; } }
.component-19899 {
  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-19899:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19899 { flex-direction: column; } }
.component-19900 {
  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-19900:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19900 { flex-direction: column; } }
.component-19901 {
  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-19901:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19901 { flex-direction: column; } }
.component-19902 {
  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-19902:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19902 { flex-direction: column; } }
.component-19903 {
  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-19903:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19903 { flex-direction: column; } }
.component-19904 {
  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-19904:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19904 { flex-direction: column; } }
.component-19905 {
  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-19905:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19905 { flex-direction: column; } }
.component-19906 {
  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-19906:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19906 { flex-direction: column; } }
.component-19907 {
  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-19907:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19907 { flex-direction: column; } }
.component-19908 {
  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-19908:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19908 { flex-direction: column; } }
.component-19909 {
  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-19909:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19909 { flex-direction: column; } }
.component-19910 {
  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-19910:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19910 { flex-direction: column; } }
.component-19911 {
  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-19911:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19911 { flex-direction: column; } }
.component-19912 {
  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-19912:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19912 { flex-direction: column; } }
.component-19913 {
  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-19913:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19913 { flex-direction: column; } }
.component-19914 {
  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-19914:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19914 { flex-direction: column; } }
.component-19915 {
  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-19915:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19915 { flex-direction: column; } }
.component-19916 {
  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-19916:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19916 { flex-direction: column; } }
.component-19917 {
  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-19917:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19917 { flex-direction: column; } }
.component-19918 {
  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-19918:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19918 { flex-direction: column; } }
.component-19919 {
  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-19919:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19919 { flex-direction: column; } }
.component-19920 {
  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-19920:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19920 { flex-direction: column; } }
.component-19921 {
  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-19921:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19921 { flex-direction: column; } }
.component-19922 {
  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-19922:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19922 { flex-direction: column; } }
.component-19923 {
  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-19923:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19923 { flex-direction: column; } }
.component-19924 {
  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-19924:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19924 { flex-direction: column; } }
.component-19925 {
  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-19925:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19925 { flex-direction: column; } }
.component-19926 {
  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-19926:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19926 { flex-direction: column; } }
.component-19927 {
  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-19927:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19927 { flex-direction: column; } }
.component-19928 {
  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-19928:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19928 { flex-direction: column; } }
.component-19929 {
  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-19929:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19929 { flex-direction: column; } }
.component-19930 {
  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-19930:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19930 { flex-direction: column; } }
.component-19931 {
  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-19931:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19931 { flex-direction: column; } }
.component-19932 {
  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-19932:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19932 { flex-direction: column; } }
.component-19933 {
  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-19933:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19933 { flex-direction: column; } }
.component-19934 {
  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-19934:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19934 { flex-direction: column; } }
.component-19935 {
  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-19935:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19935 { flex-direction: column; } }
.component-19936 {
  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-19936:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19936 { flex-direction: column; } }
.component-19937 {
  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-19937:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19937 { flex-direction: column; } }
.component-19938 {
  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-19938:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19938 { flex-direction: column; } }
.component-19939 {
  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-19939:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19939 { flex-direction: column; } }
.component-19940 {
  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-19940:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19940 { flex-direction: column; } }
.component-19941 {
  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-19941:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19941 { flex-direction: column; } }
.component-19942 {
  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-19942:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19942 { flex-direction: column; } }
.component-19943 {
  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-19943:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19943 { flex-direction: column; } }
.component-19944 {
  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-19944:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19944 { flex-direction: column; } }
.component-19945 {
  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-19945:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19945 { flex-direction: column; } }
.component-19946 {
  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-19946:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19946 { flex-direction: column; } }
.component-19947 {
  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-19947:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19947 { flex-direction: column; } }
.component-19948 {
  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-19948:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19948 { flex-direction: column; } }
.component-19949 {
  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-19949:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19949 { flex-direction: column; } }
.component-19950 {
  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-19950:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19950 { flex-direction: column; } }
.component-19951 {
  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-19951:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19951 { flex-direction: column; } }
.component-19952 {
  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-19952:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19952 { flex-direction: column; } }
.component-19953 {
  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-19953:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19953 { flex-direction: column; } }
.component-19954 {
  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-19954:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19954 { flex-direction: column; } }
.component-19955 {
  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-19955:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19955 { flex-direction: column; } }
.component-19956 {
  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-19956:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19956 { flex-direction: column; } }
.component-19957 {
  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-19957:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19957 { flex-direction: column; } }
.component-19958 {
  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-19958:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19958 { flex-direction: column; } }
.component-19959 {
  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-19959:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19959 { flex-direction: column; } }
.component-19960 {
  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-19960:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19960 { flex-direction: column; } }
.component-19961 {
  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-19961:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19961 { flex-direction: column; } }
.component-19962 {
  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-19962:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19962 { flex-direction: column; } }
.component-19963 {
  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-19963:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19963 { flex-direction: column; } }
.component-19964 {
  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-19964:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19964 { flex-direction: column; } }
.component-19965 {
  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-19965:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19965 { flex-direction: column; } }
.component-19966 {
  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-19966:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19966 { flex-direction: column; } }
.component-19967 {
  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-19967:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19967 { flex-direction: column; } }
.component-19968 {
  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-19968:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19968 { flex-direction: column; } }
.component-19969 {
  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-19969:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19969 { flex-direction: column; } }
.component-19970 {
  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-19970:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19970 { flex-direction: column; } }
.component-19971 {
  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-19971:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19971 { flex-direction: column; } }
.component-19972 {
  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-19972:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19972 { flex-direction: column; } }
.component-19973 {
  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-19973:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19973 { flex-direction: column; } }
.component-19974 {
  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-19974:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19974 { flex-direction: column; } }
.component-19975 {
  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-19975:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19975 { flex-direction: column; } }
.component-19976 {
  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-19976:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19976 { flex-direction: column; } }
.component-19977 {
  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-19977:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19977 { flex-direction: column; } }
.component-19978 {
  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-19978:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19978 { flex-direction: column; } }
.component-19979 {
  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-19979:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19979 { flex-direction: column; } }
.component-19980 {
  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-19980:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19980 { flex-direction: column; } }
.component-19981 {
  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-19981:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19981 { flex-direction: column; } }
.component-19982 {
  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-19982:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19982 { flex-direction: column; } }
.component-19983 {
  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-19983:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19983 { flex-direction: column; } }
.component-19984 {
  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-19984:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19984 { flex-direction: column; } }
.component-19985 {
  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-19985:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-19985 { flex-direction: column; } }
.component-19986 {
  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-19986:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-19986 { flex-direction: column; } }
.component-19987 {
  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-19987:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-19987 { flex-direction: column; } }
.component-19988 {
  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-19988:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-19988 { flex-direction: column; } }
.component-19989 {
  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-19989:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-19989 { flex-direction: column; } }
.component-19990 {
  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-19990:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-19990 { flex-direction: column; } }
.component-19991 {
  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-19991:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-19991 { flex-direction: column; } }
.component-19992 {
  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-19992:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-19992 { flex-direction: column; } }
.component-19993 {
  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-19993:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-19993 { flex-direction: column; } }
.component-19994 {
  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-19994:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-19994 { flex-direction: column; } }
.component-19995 {
  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-19995:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-19995 { flex-direction: column; } }
.component-19996 {
  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-19996:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-19996 { flex-direction: column; } }
.component-19997 {
  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-19997:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-19997 { flex-direction: column; } }
.component-19998 {
  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-19998:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-19998 { flex-direction: column; } }
.component-19999 {
  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-19999:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-19999 { flex-direction: column; } }
.component-20000 {
  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-20000:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20000 { flex-direction: column; } }
.component-20001 {
  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-20001:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20001 { flex-direction: column; } }
.component-20002 {
  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-20002:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20002 { flex-direction: column; } }
.component-20003 {
  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-20003:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20003 { flex-direction: column; } }
.component-20004 {
  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-20004:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20004 { flex-direction: column; } }
.component-20005 {
  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-20005:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20005 { flex-direction: column; } }
.component-20006 {
  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-20006:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20006 { flex-direction: column; } }
.component-20007 {
  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-20007:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20007 { flex-direction: column; } }
.component-20008 {
  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-20008:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20008 { flex-direction: column; } }
.component-20009 {
  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-20009:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20009 { flex-direction: column; } }
.component-20010 {
  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-20010:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20010 { flex-direction: column; } }
.component-20011 {
  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-20011:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20011 { flex-direction: column; } }
.component-20012 {
  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-20012:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20012 { flex-direction: column; } }
.component-20013 {
  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-20013:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20013 { flex-direction: column; } }
.component-20014 {
  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-20014:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20014 { flex-direction: column; } }
.component-20015 {
  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-20015:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20015 { flex-direction: column; } }
.component-20016 {
  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-20016:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20016 { flex-direction: column; } }
.component-20017 {
  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-20017:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20017 { flex-direction: column; } }
.component-20018 {
  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-20018:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20018 { flex-direction: column; } }
.component-20019 {
  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-20019:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20019 { flex-direction: column; } }
.component-20020 {
  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-20020:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20020 { flex-direction: column; } }
.component-20021 {
  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-20021:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20021 { flex-direction: column; } }
.component-20022 {
  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-20022:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20022 { flex-direction: column; } }
.component-20023 {
  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-20023:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20023 { flex-direction: column; } }
.component-20024 {
  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-20024:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20024 { flex-direction: column; } }
.component-20025 {
  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-20025:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20025 { flex-direction: column; } }
.component-20026 {
  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-20026:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20026 { flex-direction: column; } }
.component-20027 {
  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-20027:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20027 { flex-direction: column; } }
.component-20028 {
  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-20028:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20028 { flex-direction: column; } }
.component-20029 {
  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-20029:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20029 { flex-direction: column; } }
.component-20030 {
  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-20030:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20030 { flex-direction: column; } }
.component-20031 {
  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-20031:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20031 { flex-direction: column; } }
.component-20032 {
  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-20032:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20032 { flex-direction: column; } }
.component-20033 {
  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-20033:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20033 { flex-direction: column; } }
.component-20034 {
  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-20034:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20034 { flex-direction: column; } }
.component-20035 {
  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-20035:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20035 { flex-direction: column; } }
.component-20036 {
  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-20036:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20036 { flex-direction: column; } }
.component-20037 {
  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-20037:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20037 { flex-direction: column; } }
.component-20038 {
  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-20038:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20038 { flex-direction: column; } }
.component-20039 {
  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-20039:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20039 { flex-direction: column; } }
.component-20040 {
  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-20040:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20040 { flex-direction: column; } }
.component-20041 {
  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-20041:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20041 { flex-direction: column; } }
.component-20042 {
  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-20042:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20042 { flex-direction: column; } }
.component-20043 {
  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-20043:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20043 { flex-direction: column; } }
.component-20044 {
  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-20044:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20044 { flex-direction: column; } }
.component-20045 {
  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-20045:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20045 { flex-direction: column; } }
.component-20046 {
  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-20046:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20046 { flex-direction: column; } }
.component-20047 {
  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-20047:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20047 { flex-direction: column; } }
.component-20048 {
  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-20048:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20048 { flex-direction: column; } }
.component-20049 {
  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-20049:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20049 { flex-direction: column; } }
.component-20050 {
  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-20050:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20050 { flex-direction: column; } }
.component-20051 {
  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-20051:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20051 { flex-direction: column; } }
.component-20052 {
  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-20052:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20052 { flex-direction: column; } }
.component-20053 {
  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-20053:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20053 { flex-direction: column; } }
.component-20054 {
  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-20054:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20054 { flex-direction: column; } }
.component-20055 {
  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-20055:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20055 { flex-direction: column; } }
.component-20056 {
  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-20056:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20056 { flex-direction: column; } }
.component-20057 {
  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-20057:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20057 { flex-direction: column; } }
.component-20058 {
  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-20058:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20058 { flex-direction: column; } }
.component-20059 {
  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-20059:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20059 { flex-direction: column; } }
.component-20060 {
  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-20060:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20060 { flex-direction: column; } }
.component-20061 {
  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-20061:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20061 { flex-direction: column; } }
.component-20062 {
  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-20062:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20062 { flex-direction: column; } }
.component-20063 {
  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-20063:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20063 { flex-direction: column; } }
.component-20064 {
  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-20064:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20064 { flex-direction: column; } }
.component-20065 {
  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-20065:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20065 { flex-direction: column; } }
.component-20066 {
  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-20066:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20066 { flex-direction: column; } }
.component-20067 {
  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-20067:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20067 { flex-direction: column; } }
.component-20068 {
  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-20068:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20068 { flex-direction: column; } }
.component-20069 {
  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-20069:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20069 { flex-direction: column; } }
.component-20070 {
  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-20070:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20070 { flex-direction: column; } }
.component-20071 {
  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-20071:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20071 { flex-direction: column; } }
.component-20072 {
  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-20072:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20072 { flex-direction: column; } }
.component-20073 {
  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-20073:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20073 { flex-direction: column; } }
.component-20074 {
  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-20074:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20074 { flex-direction: column; } }
.component-20075 {
  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-20075:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20075 { flex-direction: column; } }
.component-20076 {
  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-20076:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20076 { flex-direction: column; } }
.component-20077 {
  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-20077:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20077 { flex-direction: column; } }
.component-20078 {
  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-20078:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20078 { flex-direction: column; } }
.component-20079 {
  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-20079:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20079 { flex-direction: column; } }
.component-20080 {
  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-20080:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20080 { flex-direction: column; } }
.component-20081 {
  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-20081:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20081 { flex-direction: column; } }
.component-20082 {
  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-20082:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20082 { flex-direction: column; } }
.component-20083 {
  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-20083:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20083 { flex-direction: column; } }
.component-20084 {
  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-20084:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20084 { flex-direction: column; } }
.component-20085 {
  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-20085:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20085 { flex-direction: column; } }
.component-20086 {
  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-20086:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20086 { flex-direction: column; } }
.component-20087 {
  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-20087:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20087 { flex-direction: column; } }
.component-20088 {
  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-20088:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20088 { flex-direction: column; } }
.component-20089 {
  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-20089:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20089 { flex-direction: column; } }
.component-20090 {
  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-20090:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20090 { flex-direction: column; } }
.component-20091 {
  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-20091:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20091 { flex-direction: column; } }
.component-20092 {
  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-20092:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20092 { flex-direction: column; } }
.component-20093 {
  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-20093:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20093 { flex-direction: column; } }
.component-20094 {
  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-20094:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20094 { flex-direction: column; } }
.component-20095 {
  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-20095:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20095 { flex-direction: column; } }
.component-20096 {
  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-20096:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20096 { flex-direction: column; } }
.component-20097 {
  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-20097:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20097 { flex-direction: column; } }
.component-20098 {
  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-20098:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20098 { flex-direction: column; } }
.component-20099 {
  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-20099:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20099 { flex-direction: column; } }
.component-20100 {
  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-20100:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20100 { flex-direction: column; } }
.component-20101 {
  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-20101:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20101 { flex-direction: column; } }
.component-20102 {
  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-20102:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20102 { flex-direction: column; } }
.component-20103 {
  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-20103:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20103 { flex-direction: column; } }
.component-20104 {
  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-20104:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20104 { flex-direction: column; } }
.component-20105 {
  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-20105:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20105 { flex-direction: column; } }
.component-20106 {
  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-20106:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20106 { flex-direction: column; } }
.component-20107 {
  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-20107:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20107 { flex-direction: column; } }
.component-20108 {
  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-20108:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20108 { flex-direction: column; } }
.component-20109 {
  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-20109:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20109 { flex-direction: column; } }
.component-20110 {
  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-20110:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20110 { flex-direction: column; } }
.component-20111 {
  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-20111:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20111 { flex-direction: column; } }
.component-20112 {
  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-20112:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20112 { flex-direction: column; } }
.component-20113 {
  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-20113:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20113 { flex-direction: column; } }
.component-20114 {
  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-20114:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20114 { flex-direction: column; } }
.component-20115 {
  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-20115:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20115 { flex-direction: column; } }
.component-20116 {
  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-20116:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20116 { flex-direction: column; } }
.component-20117 {
  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-20117:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20117 { flex-direction: column; } }
.component-20118 {
  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-20118:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20118 { flex-direction: column; } }
.component-20119 {
  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-20119:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20119 { flex-direction: column; } }
.component-20120 {
  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-20120:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20120 { flex-direction: column; } }
.component-20121 {
  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-20121:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20121 { flex-direction: column; } }
.component-20122 {
  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-20122:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20122 { flex-direction: column; } }
.component-20123 {
  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-20123:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20123 { flex-direction: column; } }
.component-20124 {
  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-20124:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20124 { flex-direction: column; } }
.component-20125 {
  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-20125:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20125 { flex-direction: column; } }
.component-20126 {
  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-20126:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20126 { flex-direction: column; } }
.component-20127 {
  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-20127:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20127 { flex-direction: column; } }
.component-20128 {
  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-20128:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20128 { flex-direction: column; } }
.component-20129 {
  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-20129:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20129 { flex-direction: column; } }
.component-20130 {
  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-20130:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20130 { flex-direction: column; } }
.component-20131 {
  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-20131:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20131 { flex-direction: column; } }
.component-20132 {
  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-20132:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20132 { flex-direction: column; } }
.component-20133 {
  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-20133:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20133 { flex-direction: column; } }
.component-20134 {
  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-20134:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20134 { flex-direction: column; } }
.component-20135 {
  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-20135:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20135 { flex-direction: column; } }
.component-20136 {
  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-20136:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20136 { flex-direction: column; } }
.component-20137 {
  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-20137:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20137 { flex-direction: column; } }
.component-20138 {
  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-20138:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20138 { flex-direction: column; } }
.component-20139 {
  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-20139:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20139 { flex-direction: column; } }
.component-20140 {
  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-20140:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20140 { flex-direction: column; } }
.component-20141 {
  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-20141:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20141 { flex-direction: column; } }
.component-20142 {
  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-20142:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20142 { flex-direction: column; } }
.component-20143 {
  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-20143:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20143 { flex-direction: column; } }
.component-20144 {
  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-20144:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20144 { flex-direction: column; } }
.component-20145 {
  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-20145:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20145 { flex-direction: column; } }
.component-20146 {
  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-20146:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20146 { flex-direction: column; } }
.component-20147 {
  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-20147:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20147 { flex-direction: column; } }
.component-20148 {
  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-20148:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20148 { flex-direction: column; } }
.component-20149 {
  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-20149:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20149 { flex-direction: column; } }
.component-20150 {
  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-20150:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20150 { flex-direction: column; } }
.component-20151 {
  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-20151:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20151 { flex-direction: column; } }
.component-20152 {
  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-20152:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20152 { flex-direction: column; } }
.component-20153 {
  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-20153:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20153 { flex-direction: column; } }
.component-20154 {
  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-20154:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20154 { flex-direction: column; } }
.component-20155 {
  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-20155:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20155 { flex-direction: column; } }
.component-20156 {
  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-20156:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20156 { flex-direction: column; } }
.component-20157 {
  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-20157:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20157 { flex-direction: column; } }
.component-20158 {
  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-20158:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20158 { flex-direction: column; } }
.component-20159 {
  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-20159:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20159 { flex-direction: column; } }
.component-20160 {
  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-20160:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20160 { flex-direction: column; } }
.component-20161 {
  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-20161:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20161 { flex-direction: column; } }
.component-20162 {
  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-20162:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20162 { flex-direction: column; } }
.component-20163 {
  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-20163:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20163 { flex-direction: column; } }
.component-20164 {
  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-20164:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20164 { flex-direction: column; } }
.component-20165 {
  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-20165:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20165 { flex-direction: column; } }
.component-20166 {
  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-20166:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20166 { flex-direction: column; } }
.component-20167 {
  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-20167:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20167 { flex-direction: column; } }
.component-20168 {
  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-20168:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20168 { flex-direction: column; } }
.component-20169 {
  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-20169:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20169 { flex-direction: column; } }
.component-20170 {
  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-20170:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20170 { flex-direction: column; } }
.component-20171 {
  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-20171:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20171 { flex-direction: column; } }
.component-20172 {
  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-20172:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20172 { flex-direction: column; } }
.component-20173 {
  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-20173:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20173 { flex-direction: column; } }
.component-20174 {
  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-20174:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20174 { flex-direction: column; } }
.component-20175 {
  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-20175:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20175 { flex-direction: column; } }
.component-20176 {
  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-20176:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20176 { flex-direction: column; } }
.component-20177 {
  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-20177:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20177 { flex-direction: column; } }
.component-20178 {
  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-20178:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20178 { flex-direction: column; } }
.component-20179 {
  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-20179:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20179 { flex-direction: column; } }
.component-20180 {
  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-20180:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20180 { flex-direction: column; } }
.component-20181 {
  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-20181:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20181 { flex-direction: column; } }
.component-20182 {
  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-20182:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20182 { flex-direction: column; } }
.component-20183 {
  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-20183:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20183 { flex-direction: column; } }
.component-20184 {
  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-20184:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20184 { flex-direction: column; } }
.component-20185 {
  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-20185:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20185 { flex-direction: column; } }
.component-20186 {
  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-20186:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20186 { flex-direction: column; } }
.component-20187 {
  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-20187:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20187 { flex-direction: column; } }
.component-20188 {
  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-20188:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20188 { flex-direction: column; } }
.component-20189 {
  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-20189:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20189 { flex-direction: column; } }
.component-20190 {
  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-20190:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20190 { flex-direction: column; } }
.component-20191 {
  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-20191:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20191 { flex-direction: column; } }
.component-20192 {
  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-20192:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20192 { flex-direction: column; } }
.component-20193 {
  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-20193:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20193 { flex-direction: column; } }
.component-20194 {
  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-20194:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20194 { flex-direction: column; } }
.component-20195 {
  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-20195:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20195 { flex-direction: column; } }
.component-20196 {
  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-20196:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20196 { flex-direction: column; } }
.component-20197 {
  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-20197:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20197 { flex-direction: column; } }
.component-20198 {
  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-20198:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20198 { flex-direction: column; } }
.component-20199 {
  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-20199:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20199 { flex-direction: column; } }
.component-20200 {
  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-20200:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20200 { flex-direction: column; } }
.component-20201 {
  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-20201:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20201 { flex-direction: column; } }
.component-20202 {
  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-20202:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20202 { flex-direction: column; } }
.component-20203 {
  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-20203:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20203 { flex-direction: column; } }
.component-20204 {
  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-20204:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20204 { flex-direction: column; } }
.component-20205 {
  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-20205:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20205 { flex-direction: column; } }
.component-20206 {
  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-20206:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20206 { flex-direction: column; } }
.component-20207 {
  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-20207:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20207 { flex-direction: column; } }
.component-20208 {
  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-20208:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20208 { flex-direction: column; } }
.component-20209 {
  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-20209:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20209 { flex-direction: column; } }
.component-20210 {
  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-20210:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20210 { flex-direction: column; } }
.component-20211 {
  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-20211:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20211 { flex-direction: column; } }
.component-20212 {
  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-20212:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20212 { flex-direction: column; } }
.component-20213 {
  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-20213:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20213 { flex-direction: column; } }
.component-20214 {
  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-20214:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20214 { flex-direction: column; } }
.component-20215 {
  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-20215:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20215 { flex-direction: column; } }
.component-20216 {
  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-20216:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20216 { flex-direction: column; } }
.component-20217 {
  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-20217:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20217 { flex-direction: column; } }
.component-20218 {
  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-20218:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20218 { flex-direction: column; } }
.component-20219 {
  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-20219:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20219 { flex-direction: column; } }
.component-20220 {
  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-20220:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20220 { flex-direction: column; } }
.component-20221 {
  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-20221:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20221 { flex-direction: column; } }
.component-20222 {
  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-20222:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20222 { flex-direction: column; } }
.component-20223 {
  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-20223:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20223 { flex-direction: column; } }
.component-20224 {
  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-20224:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20224 { flex-direction: column; } }
.component-20225 {
  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-20225:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20225 { flex-direction: column; } }
.component-20226 {
  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-20226:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20226 { flex-direction: column; } }
.component-20227 {
  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-20227:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20227 { flex-direction: column; } }
.component-20228 {
  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-20228:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20228 { flex-direction: column; } }
.component-20229 {
  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-20229:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20229 { flex-direction: column; } }
.component-20230 {
  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-20230:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20230 { flex-direction: column; } }
.component-20231 {
  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-20231:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20231 { flex-direction: column; } }
.component-20232 {
  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-20232:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20232 { flex-direction: column; } }
.component-20233 {
  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-20233:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20233 { flex-direction: column; } }
.component-20234 {
  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-20234:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20234 { flex-direction: column; } }
.component-20235 {
  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-20235:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20235 { flex-direction: column; } }
.component-20236 {
  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-20236:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20236 { flex-direction: column; } }
.component-20237 {
  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-20237:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20237 { flex-direction: column; } }
.component-20238 {
  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-20238:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20238 { flex-direction: column; } }
.component-20239 {
  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-20239:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20239 { flex-direction: column; } }
.component-20240 {
  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-20240:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20240 { flex-direction: column; } }
.component-20241 {
  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-20241:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20241 { flex-direction: column; } }
.component-20242 {
  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-20242:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20242 { flex-direction: column; } }
.component-20243 {
  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-20243:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20243 { flex-direction: column; } }
.component-20244 {
  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-20244:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20244 { flex-direction: column; } }
.component-20245 {
  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-20245:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20245 { flex-direction: column; } }
.component-20246 {
  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-20246:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20246 { flex-direction: column; } }
.component-20247 {
  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-20247:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20247 { flex-direction: column; } }
.component-20248 {
  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-20248:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20248 { flex-direction: column; } }
.component-20249 {
  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-20249:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20249 { flex-direction: column; } }
.component-20250 {
  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-20250:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20250 { flex-direction: column; } }
.component-20251 {
  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-20251:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20251 { flex-direction: column; } }
.component-20252 {
  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-20252:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20252 { flex-direction: column; } }
.component-20253 {
  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-20253:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20253 { flex-direction: column; } }
.component-20254 {
  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-20254:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20254 { flex-direction: column; } }
.component-20255 {
  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-20255:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20255 { flex-direction: column; } }
.component-20256 {
  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-20256:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20256 { flex-direction: column; } }
.component-20257 {
  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-20257:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20257 { flex-direction: column; } }
.component-20258 {
  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-20258:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20258 { flex-direction: column; } }
.component-20259 {
  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-20259:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20259 { flex-direction: column; } }
.component-20260 {
  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-20260:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20260 { flex-direction: column; } }
.component-20261 {
  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-20261:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20261 { flex-direction: column; } }
.component-20262 {
  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-20262:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20262 { flex-direction: column; } }
.component-20263 {
  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-20263:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20263 { flex-direction: column; } }
.component-20264 {
  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-20264:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20264 { flex-direction: column; } }
.component-20265 {
  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-20265:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20265 { flex-direction: column; } }
.component-20266 {
  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-20266:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20266 { flex-direction: column; } }
.component-20267 {
  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-20267:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20267 { flex-direction: column; } }
.component-20268 {
  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-20268:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20268 { flex-direction: column; } }
.component-20269 {
  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-20269:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20269 { flex-direction: column; } }
.component-20270 {
  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-20270:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20270 { flex-direction: column; } }
.component-20271 {
  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-20271:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20271 { flex-direction: column; } }
.component-20272 {
  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-20272:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20272 { flex-direction: column; } }
.component-20273 {
  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-20273:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20273 { flex-direction: column; } }
.component-20274 {
  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-20274:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20274 { flex-direction: column; } }
.component-20275 {
  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-20275:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20275 { flex-direction: column; } }
.component-20276 {
  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-20276:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20276 { flex-direction: column; } }
.component-20277 {
  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-20277:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20277 { flex-direction: column; } }
.component-20278 {
  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-20278:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20278 { flex-direction: column; } }
.component-20279 {
  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-20279:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20279 { flex-direction: column; } }
.component-20280 {
  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-20280:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20280 { flex-direction: column; } }
.component-20281 {
  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-20281:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20281 { flex-direction: column; } }
.component-20282 {
  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-20282:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20282 { flex-direction: column; } }
.component-20283 {
  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-20283:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20283 { flex-direction: column; } }
.component-20284 {
  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-20284:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20284 { flex-direction: column; } }
.component-20285 {
  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-20285:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20285 { flex-direction: column; } }
.component-20286 {
  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-20286:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20286 { flex-direction: column; } }
.component-20287 {
  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-20287:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20287 { flex-direction: column; } }
.component-20288 {
  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-20288:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20288 { flex-direction: column; } }
.component-20289 {
  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-20289:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20289 { flex-direction: column; } }
.component-20290 {
  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-20290:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20290 { flex-direction: column; } }
.component-20291 {
  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-20291:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20291 { flex-direction: column; } }
.component-20292 {
  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-20292:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20292 { flex-direction: column; } }
.component-20293 {
  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-20293:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20293 { flex-direction: column; } }
.component-20294 {
  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-20294:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20294 { flex-direction: column; } }
.component-20295 {
  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-20295:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20295 { flex-direction: column; } }
.component-20296 {
  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-20296:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20296 { flex-direction: column; } }
.component-20297 {
  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-20297:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20297 { flex-direction: column; } }
.component-20298 {
  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-20298:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20298 { flex-direction: column; } }
.component-20299 {
  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-20299:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20299 { flex-direction: column; } }
.component-20300 {
  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-20300:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20300 { flex-direction: column; } }
.component-20301 {
  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-20301:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20301 { flex-direction: column; } }
.component-20302 {
  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-20302:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20302 { flex-direction: column; } }
.component-20303 {
  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-20303:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20303 { flex-direction: column; } }
.component-20304 {
  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-20304:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20304 { flex-direction: column; } }
.component-20305 {
  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-20305:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20305 { flex-direction: column; } }
.component-20306 {
  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-20306:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20306 { flex-direction: column; } }
.component-20307 {
  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-20307:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20307 { flex-direction: column; } }
.component-20308 {
  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-20308:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20308 { flex-direction: column; } }
.component-20309 {
  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-20309:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20309 { flex-direction: column; } }
.component-20310 {
  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-20310:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20310 { flex-direction: column; } }
.component-20311 {
  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-20311:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20311 { flex-direction: column; } }
.component-20312 {
  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-20312:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20312 { flex-direction: column; } }
.component-20313 {
  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-20313:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20313 { flex-direction: column; } }
.component-20314 {
  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-20314:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20314 { flex-direction: column; } }
.component-20315 {
  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-20315:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20315 { flex-direction: column; } }
.component-20316 {
  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-20316:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20316 { flex-direction: column; } }
.component-20317 {
  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-20317:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20317 { flex-direction: column; } }
.component-20318 {
  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-20318:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20318 { flex-direction: column; } }
.component-20319 {
  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-20319:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20319 { flex-direction: column; } }
.component-20320 {
  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-20320:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20320 { flex-direction: column; } }
.component-20321 {
  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-20321:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20321 { flex-direction: column; } }
.component-20322 {
  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-20322:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20322 { flex-direction: column; } }
.component-20323 {
  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-20323:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20323 { flex-direction: column; } }
.component-20324 {
  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-20324:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20324 { flex-direction: column; } }
.component-20325 {
  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-20325:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20325 { flex-direction: column; } }
.component-20326 {
  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-20326:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20326 { flex-direction: column; } }
.component-20327 {
  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-20327:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20327 { flex-direction: column; } }
.component-20328 {
  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-20328:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20328 { flex-direction: column; } }
.component-20329 {
  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-20329:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20329 { flex-direction: column; } }
.component-20330 {
  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-20330:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20330 { flex-direction: column; } }
.component-20331 {
  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-20331:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20331 { flex-direction: column; } }
.component-20332 {
  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-20332:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20332 { flex-direction: column; } }
.component-20333 {
  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-20333:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20333 { flex-direction: column; } }
.component-20334 {
  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-20334:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20334 { flex-direction: column; } }
.component-20335 {
  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-20335:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20335 { flex-direction: column; } }
.component-20336 {
  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-20336:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20336 { flex-direction: column; } }
.component-20337 {
  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-20337:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20337 { flex-direction: column; } }
.component-20338 {
  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-20338:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20338 { flex-direction: column; } }
.component-20339 {
  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-20339:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20339 { flex-direction: column; } }
.component-20340 {
  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-20340:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20340 { flex-direction: column; } }
.component-20341 {
  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-20341:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20341 { flex-direction: column; } }
.component-20342 {
  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-20342:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20342 { flex-direction: column; } }
.component-20343 {
  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-20343:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20343 { flex-direction: column; } }
.component-20344 {
  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-20344:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20344 { flex-direction: column; } }
.component-20345 {
  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-20345:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20345 { flex-direction: column; } }
.component-20346 {
  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-20346:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20346 { flex-direction: column; } }
.component-20347 {
  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-20347:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20347 { flex-direction: column; } }
.component-20348 {
  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-20348:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20348 { flex-direction: column; } }
.component-20349 {
  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-20349:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20349 { flex-direction: column; } }
.component-20350 {
  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-20350:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20350 { flex-direction: column; } }
.component-20351 {
  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-20351:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20351 { flex-direction: column; } }
.component-20352 {
  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-20352:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20352 { flex-direction: column; } }
.component-20353 {
  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-20353:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20353 { flex-direction: column; } }
.component-20354 {
  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-20354:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20354 { flex-direction: column; } }
.component-20355 {
  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-20355:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20355 { flex-direction: column; } }
.component-20356 {
  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-20356:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20356 { flex-direction: column; } }
.component-20357 {
  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-20357:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20357 { flex-direction: column; } }
.component-20358 {
  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-20358:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20358 { flex-direction: column; } }
.component-20359 {
  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-20359:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20359 { flex-direction: column; } }
.component-20360 {
  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-20360:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20360 { flex-direction: column; } }
.component-20361 {
  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-20361:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20361 { flex-direction: column; } }
.component-20362 {
  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-20362:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20362 { flex-direction: column; } }
.component-20363 {
  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-20363:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20363 { flex-direction: column; } }
.component-20364 {
  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-20364:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20364 { flex-direction: column; } }
.component-20365 {
  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-20365:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20365 { flex-direction: column; } }
.component-20366 {
  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-20366:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20366 { flex-direction: column; } }
.component-20367 {
  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-20367:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20367 { flex-direction: column; } }
.component-20368 {
  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-20368:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20368 { flex-direction: column; } }
.component-20369 {
  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-20369:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20369 { flex-direction: column; } }
.component-20370 {
  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-20370:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20370 { flex-direction: column; } }
.component-20371 {
  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-20371:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20371 { flex-direction: column; } }
.component-20372 {
  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-20372:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20372 { flex-direction: column; } }
.component-20373 {
  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-20373:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20373 { flex-direction: column; } }
.component-20374 {
  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-20374:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20374 { flex-direction: column; } }
.component-20375 {
  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-20375:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20375 { flex-direction: column; } }
.component-20376 {
  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-20376:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20376 { flex-direction: column; } }
.component-20377 {
  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-20377:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20377 { flex-direction: column; } }
.component-20378 {
  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-20378:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20378 { flex-direction: column; } }
.component-20379 {
  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-20379:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20379 { flex-direction: column; } }
.component-20380 {
  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-20380:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20380 { flex-direction: column; } }
.component-20381 {
  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-20381:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20381 { flex-direction: column; } }
.component-20382 {
  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-20382:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20382 { flex-direction: column; } }
.component-20383 {
  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-20383:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20383 { flex-direction: column; } }
.component-20384 {
  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-20384:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20384 { flex-direction: column; } }
.component-20385 {
  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-20385:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20385 { flex-direction: column; } }
.component-20386 {
  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-20386:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20386 { flex-direction: column; } }
.component-20387 {
  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-20387:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20387 { flex-direction: column; } }
.component-20388 {
  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-20388:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20388 { flex-direction: column; } }
.component-20389 {
  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-20389:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20389 { flex-direction: column; } }
.component-20390 {
  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-20390:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20390 { flex-direction: column; } }
.component-20391 {
  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-20391:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20391 { flex-direction: column; } }
.component-20392 {
  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-20392:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20392 { flex-direction: column; } }
.component-20393 {
  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-20393:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20393 { flex-direction: column; } }
.component-20394 {
  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-20394:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20394 { flex-direction: column; } }
.component-20395 {
  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-20395:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20395 { flex-direction: column; } }
.component-20396 {
  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-20396:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20396 { flex-direction: column; } }
.component-20397 {
  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-20397:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20397 { flex-direction: column; } }
.component-20398 {
  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-20398:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20398 { flex-direction: column; } }
.component-20399 {
  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-20399:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20399 { flex-direction: column; } }
.component-20400 {
  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-20400:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20400 { flex-direction: column; } }
.component-20401 {
  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-20401:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20401 { flex-direction: column; } }
.component-20402 {
  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-20402:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20402 { flex-direction: column; } }
.component-20403 {
  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-20403:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20403 { flex-direction: column; } }
.component-20404 {
  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-20404:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20404 { flex-direction: column; } }
.component-20405 {
  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-20405:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20405 { flex-direction: column; } }
.component-20406 {
  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-20406:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20406 { flex-direction: column; } }
.component-20407 {
  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-20407:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20407 { flex-direction: column; } }
.component-20408 {
  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-20408:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20408 { flex-direction: column; } }
.component-20409 {
  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-20409:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20409 { flex-direction: column; } }
.component-20410 {
  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-20410:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20410 { flex-direction: column; } }
.component-20411 {
  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-20411:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20411 { flex-direction: column; } }
.component-20412 {
  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-20412:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20412 { flex-direction: column; } }
.component-20413 {
  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-20413:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20413 { flex-direction: column; } }
.component-20414 {
  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-20414:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20414 { flex-direction: column; } }
.component-20415 {
  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-20415:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20415 { flex-direction: column; } }
.component-20416 {
  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-20416:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20416 { flex-direction: column; } }
.component-20417 {
  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-20417:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20417 { flex-direction: column; } }
.component-20418 {
  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-20418:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20418 { flex-direction: column; } }
.component-20419 {
  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-20419:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20419 { flex-direction: column; } }
.component-20420 {
  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-20420:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20420 { flex-direction: column; } }
.component-20421 {
  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-20421:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20421 { flex-direction: column; } }
.component-20422 {
  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-20422:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20422 { flex-direction: column; } }
.component-20423 {
  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-20423:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20423 { flex-direction: column; } }
.component-20424 {
  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-20424:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20424 { flex-direction: column; } }
.component-20425 {
  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-20425:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20425 { flex-direction: column; } }
.component-20426 {
  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-20426:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20426 { flex-direction: column; } }
.component-20427 {
  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-20427:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20427 { flex-direction: column; } }
.component-20428 {
  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-20428:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20428 { flex-direction: column; } }
.component-20429 {
  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-20429:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20429 { flex-direction: column; } }
.component-20430 {
  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-20430:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20430 { flex-direction: column; } }
.component-20431 {
  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-20431:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20431 { flex-direction: column; } }
.component-20432 {
  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-20432:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20432 { flex-direction: column; } }
.component-20433 {
  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-20433:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20433 { flex-direction: column; } }
.component-20434 {
  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-20434:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20434 { flex-direction: column; } }
.component-20435 {
  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-20435:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20435 { flex-direction: column; } }
.component-20436 {
  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-20436:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20436 { flex-direction: column; } }
.component-20437 {
  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-20437:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20437 { flex-direction: column; } }
.component-20438 {
  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-20438:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20438 { flex-direction: column; } }
.component-20439 {
  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-20439:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20439 { flex-direction: column; } }
.component-20440 {
  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-20440:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20440 { flex-direction: column; } }
.component-20441 {
  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-20441:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20441 { flex-direction: column; } }
.component-20442 {
  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-20442:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20442 { flex-direction: column; } }
.component-20443 {
  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-20443:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20443 { flex-direction: column; } }
.component-20444 {
  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-20444:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20444 { flex-direction: column; } }
.component-20445 {
  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-20445:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20445 { flex-direction: column; } }
.component-20446 {
  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-20446:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20446 { flex-direction: column; } }
.component-20447 {
  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-20447:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20447 { flex-direction: column; } }
.component-20448 {
  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-20448:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20448 { flex-direction: column; } }
.component-20449 {
  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-20449:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20449 { flex-direction: column; } }
.component-20450 {
  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-20450:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20450 { flex-direction: column; } }
.component-20451 {
  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-20451:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20451 { flex-direction: column; } }
.component-20452 {
  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-20452:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20452 { flex-direction: column; } }
.component-20453 {
  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-20453:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20453 { flex-direction: column; } }
.component-20454 {
  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-20454:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20454 { flex-direction: column; } }
.component-20455 {
  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-20455:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20455 { flex-direction: column; } }
.component-20456 {
  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-20456:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20456 { flex-direction: column; } }
.component-20457 {
  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-20457:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20457 { flex-direction: column; } }
.component-20458 {
  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-20458:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20458 { flex-direction: column; } }
.component-20459 {
  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-20459:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20459 { flex-direction: column; } }
.component-20460 {
  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-20460:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20460 { flex-direction: column; } }
.component-20461 {
  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-20461:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20461 { flex-direction: column; } }
.component-20462 {
  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-20462:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20462 { flex-direction: column; } }
.component-20463 {
  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-20463:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20463 { flex-direction: column; } }
.component-20464 {
  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-20464:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20464 { flex-direction: column; } }
.component-20465 {
  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-20465:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20465 { flex-direction: column; } }
.component-20466 {
  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-20466:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20466 { flex-direction: column; } }
.component-20467 {
  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-20467:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20467 { flex-direction: column; } }
.component-20468 {
  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-20468:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20468 { flex-direction: column; } }
.component-20469 {
  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-20469:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20469 { flex-direction: column; } }
.component-20470 {
  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-20470:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20470 { flex-direction: column; } }
.component-20471 {
  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-20471:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20471 { flex-direction: column; } }
.component-20472 {
  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-20472:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20472 { flex-direction: column; } }
.component-20473 {
  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-20473:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20473 { flex-direction: column; } }
.component-20474 {
  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-20474:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20474 { flex-direction: column; } }
.component-20475 {
  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-20475:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20475 { flex-direction: column; } }
.component-20476 {
  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-20476:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20476 { flex-direction: column; } }
.component-20477 {
  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-20477:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20477 { flex-direction: column; } }
.component-20478 {
  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-20478:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20478 { flex-direction: column; } }
.component-20479 {
  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-20479:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20479 { flex-direction: column; } }
.component-20480 {
  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-20480:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20480 { flex-direction: column; } }
.component-20481 {
  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-20481:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20481 { flex-direction: column; } }
.component-20482 {
  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-20482:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20482 { flex-direction: column; } }
.component-20483 {
  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-20483:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20483 { flex-direction: column; } }
.component-20484 {
  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-20484:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20484 { flex-direction: column; } }
.component-20485 {
  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-20485:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20485 { flex-direction: column; } }
.component-20486 {
  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-20486:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20486 { flex-direction: column; } }
.component-20487 {
  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-20487:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20487 { flex-direction: column; } }
.component-20488 {
  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-20488:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20488 { flex-direction: column; } }
.component-20489 {
  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-20489:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20489 { flex-direction: column; } }
.component-20490 {
  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-20490:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20490 { flex-direction: column; } }
.component-20491 {
  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-20491:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20491 { flex-direction: column; } }
.component-20492 {
  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-20492:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20492 { flex-direction: column; } }
.component-20493 {
  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-20493:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20493 { flex-direction: column; } }
.component-20494 {
  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-20494:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20494 { flex-direction: column; } }
.component-20495 {
  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-20495:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20495 { flex-direction: column; } }
.component-20496 {
  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-20496:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20496 { flex-direction: column; } }
.component-20497 {
  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-20497:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20497 { flex-direction: column; } }
.component-20498 {
  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-20498:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20498 { flex-direction: column; } }
.component-20499 {
  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-20499:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20499 { flex-direction: column; } }
.component-20500 {
  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-20500:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20500 { flex-direction: column; } }
.component-20501 {
  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-20501:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20501 { flex-direction: column; } }
.component-20502 {
  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-20502:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20502 { flex-direction: column; } }
.component-20503 {
  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-20503:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20503 { flex-direction: column; } }
.component-20504 {
  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-20504:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20504 { flex-direction: column; } }
.component-20505 {
  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-20505:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20505 { flex-direction: column; } }
.component-20506 {
  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-20506:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20506 { flex-direction: column; } }
.component-20507 {
  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-20507:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20507 { flex-direction: column; } }
.component-20508 {
  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-20508:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20508 { flex-direction: column; } }
.component-20509 {
  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-20509:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20509 { flex-direction: column; } }
.component-20510 {
  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-20510:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20510 { flex-direction: column; } }
.component-20511 {
  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-20511:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20511 { flex-direction: column; } }
.component-20512 {
  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-20512:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20512 { flex-direction: column; } }
.component-20513 {
  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-20513:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20513 { flex-direction: column; } }
.component-20514 {
  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-20514:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20514 { flex-direction: column; } }
.component-20515 {
  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-20515:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20515 { flex-direction: column; } }
.component-20516 {
  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-20516:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20516 { flex-direction: column; } }
.component-20517 {
  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-20517:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20517 { flex-direction: column; } }
.component-20518 {
  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-20518:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20518 { flex-direction: column; } }
.component-20519 {
  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-20519:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20519 { flex-direction: column; } }
.component-20520 {
  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-20520:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20520 { flex-direction: column; } }
.component-20521 {
  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-20521:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20521 { flex-direction: column; } }
.component-20522 {
  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-20522:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20522 { flex-direction: column; } }
.component-20523 {
  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-20523:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20523 { flex-direction: column; } }
.component-20524 {
  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-20524:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20524 { flex-direction: column; } }
.component-20525 {
  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-20525:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20525 { flex-direction: column; } }
.component-20526 {
  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-20526:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20526 { flex-direction: column; } }
.component-20527 {
  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-20527:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20527 { flex-direction: column; } }
.component-20528 {
  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-20528:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20528 { flex-direction: column; } }
.component-20529 {
  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-20529:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20529 { flex-direction: column; } }
.component-20530 {
  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-20530:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20530 { flex-direction: column; } }
.component-20531 {
  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-20531:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20531 { flex-direction: column; } }
.component-20532 {
  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-20532:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20532 { flex-direction: column; } }
.component-20533 {
  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-20533:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20533 { flex-direction: column; } }
.component-20534 {
  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-20534:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20534 { flex-direction: column; } }
.component-20535 {
  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-20535:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20535 { flex-direction: column; } }
.component-20536 {
  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-20536:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20536 { flex-direction: column; } }
.component-20537 {
  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-20537:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20537 { flex-direction: column; } }
.component-20538 {
  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-20538:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20538 { flex-direction: column; } }
.component-20539 {
  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-20539:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20539 { flex-direction: column; } }
.component-20540 {
  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-20540:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20540 { flex-direction: column; } }
.component-20541 {
  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-20541:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20541 { flex-direction: column; } }
.component-20542 {
  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-20542:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20542 { flex-direction: column; } }
.component-20543 {
  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-20543:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20543 { flex-direction: column; } }
.component-20544 {
  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-20544:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20544 { flex-direction: column; } }
.component-20545 {
  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-20545:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20545 { flex-direction: column; } }
.component-20546 {
  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-20546:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20546 { flex-direction: column; } }
.component-20547 {
  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-20547:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20547 { flex-direction: column; } }
.component-20548 {
  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-20548:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20548 { flex-direction: column; } }
.component-20549 {
  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-20549:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20549 { flex-direction: column; } }
.component-20550 {
  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-20550:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20550 { flex-direction: column; } }
.component-20551 {
  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-20551:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20551 { flex-direction: column; } }
.component-20552 {
  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-20552:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20552 { flex-direction: column; } }
.component-20553 {
  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-20553:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20553 { flex-direction: column; } }
.component-20554 {
  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-20554:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20554 { flex-direction: column; } }
.component-20555 {
  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-20555:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20555 { flex-direction: column; } }
.component-20556 {
  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-20556:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20556 { flex-direction: column; } }
.component-20557 {
  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-20557:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20557 { flex-direction: column; } }
.component-20558 {
  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-20558:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20558 { flex-direction: column; } }
.component-20559 {
  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-20559:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20559 { flex-direction: column; } }
.component-20560 {
  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-20560:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20560 { flex-direction: column; } }
.component-20561 {
  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-20561:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20561 { flex-direction: column; } }
.component-20562 {
  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-20562:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20562 { flex-direction: column; } }
.component-20563 {
  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-20563:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20563 { flex-direction: column; } }
.component-20564 {
  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-20564:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20564 { flex-direction: column; } }
.component-20565 {
  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-20565:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20565 { flex-direction: column; } }
.component-20566 {
  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-20566:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20566 { flex-direction: column; } }
.component-20567 {
  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-20567:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20567 { flex-direction: column; } }
.component-20568 {
  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-20568:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20568 { flex-direction: column; } }
.component-20569 {
  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-20569:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20569 { flex-direction: column; } }
.component-20570 {
  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-20570:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20570 { flex-direction: column; } }
.component-20571 {
  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-20571:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20571 { flex-direction: column; } }
.component-20572 {
  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-20572:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20572 { flex-direction: column; } }
.component-20573 {
  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-20573:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20573 { flex-direction: column; } }
.component-20574 {
  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-20574:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20574 { flex-direction: column; } }
.component-20575 {
  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-20575:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20575 { flex-direction: column; } }
.component-20576 {
  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-20576:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20576 { flex-direction: column; } }
.component-20577 {
  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-20577:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20577 { flex-direction: column; } }
.component-20578 {
  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-20578:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20578 { flex-direction: column; } }
.component-20579 {
  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-20579:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20579 { flex-direction: column; } }
.component-20580 {
  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-20580:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20580 { flex-direction: column; } }
.component-20581 {
  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-20581:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20581 { flex-direction: column; } }
.component-20582 {
  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-20582:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20582 { flex-direction: column; } }
.component-20583 {
  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-20583:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20583 { flex-direction: column; } }
.component-20584 {
  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-20584:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20584 { flex-direction: column; } }
.component-20585 {
  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-20585:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20585 { flex-direction: column; } }
.component-20586 {
  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-20586:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20586 { flex-direction: column; } }
.component-20587 {
  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-20587:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20587 { flex-direction: column; } }
.component-20588 {
  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-20588:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20588 { flex-direction: column; } }
.component-20589 {
  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-20589:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20589 { flex-direction: column; } }
.component-20590 {
  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-20590:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20590 { flex-direction: column; } }
.component-20591 {
  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-20591:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20591 { flex-direction: column; } }
.component-20592 {
  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-20592:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20592 { flex-direction: column; } }
.component-20593 {
  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-20593:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20593 { flex-direction: column; } }
.component-20594 {
  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-20594:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20594 { flex-direction: column; } }
.component-20595 {
  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-20595:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20595 { flex-direction: column; } }
.component-20596 {
  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-20596:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20596 { flex-direction: column; } }
.component-20597 {
  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-20597:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20597 { flex-direction: column; } }
.component-20598 {
  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-20598:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20598 { flex-direction: column; } }
.component-20599 {
  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-20599:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20599 { flex-direction: column; } }
.component-20600 {
  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-20600:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20600 { flex-direction: column; } }
.component-20601 {
  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-20601:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20601 { flex-direction: column; } }
.component-20602 {
  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-20602:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20602 { flex-direction: column; } }
.component-20603 {
  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-20603:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20603 { flex-direction: column; } }
.component-20604 {
  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-20604:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20604 { flex-direction: column; } }
.component-20605 {
  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-20605:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20605 { flex-direction: column; } }
.component-20606 {
  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-20606:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20606 { flex-direction: column; } }
.component-20607 {
  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-20607:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20607 { flex-direction: column; } }
.component-20608 {
  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-20608:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20608 { flex-direction: column; } }
.component-20609 {
  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-20609:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20609 { flex-direction: column; } }
.component-20610 {
  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-20610:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20610 { flex-direction: column; } }
.component-20611 {
  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-20611:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20611 { flex-direction: column; } }
.component-20612 {
  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-20612:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20612 { flex-direction: column; } }
.component-20613 {
  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-20613:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20613 { flex-direction: column; } }
.component-20614 {
  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-20614:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20614 { flex-direction: column; } }
.component-20615 {
  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-20615:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20615 { flex-direction: column; } }
.component-20616 {
  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-20616:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20616 { flex-direction: column; } }
.component-20617 {
  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-20617:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20617 { flex-direction: column; } }
.component-20618 {
  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-20618:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20618 { flex-direction: column; } }
.component-20619 {
  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-20619:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20619 { flex-direction: column; } }
.component-20620 {
  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-20620:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20620 { flex-direction: column; } }
.component-20621 {
  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-20621:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20621 { flex-direction: column; } }
.component-20622 {
  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-20622:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20622 { flex-direction: column; } }
.component-20623 {
  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-20623:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20623 { flex-direction: column; } }
.component-20624 {
  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-20624:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20624 { flex-direction: column; } }
.component-20625 {
  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-20625:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20625 { flex-direction: column; } }
.component-20626 {
  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-20626:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20626 { flex-direction: column; } }
.component-20627 {
  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-20627:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20627 { flex-direction: column; } }
.component-20628 {
  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-20628:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20628 { flex-direction: column; } }
.component-20629 {
  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-20629:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20629 { flex-direction: column; } }
.component-20630 {
  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-20630:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20630 { flex-direction: column; } }
.component-20631 {
  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-20631:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20631 { flex-direction: column; } }
.component-20632 {
  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-20632:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20632 { flex-direction: column; } }
.component-20633 {
  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-20633:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20633 { flex-direction: column; } }
.component-20634 {
  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-20634:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20634 { flex-direction: column; } }
.component-20635 {
  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-20635:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20635 { flex-direction: column; } }
.component-20636 {
  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-20636:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20636 { flex-direction: column; } }
.component-20637 {
  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-20637:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20637 { flex-direction: column; } }
.component-20638 {
  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-20638:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20638 { flex-direction: column; } }
.component-20639 {
  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-20639:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20639 { flex-direction: column; } }
.component-20640 {
  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-20640:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20640 { flex-direction: column; } }
.component-20641 {
  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-20641:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20641 { flex-direction: column; } }
.component-20642 {
  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-20642:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20642 { flex-direction: column; } }
.component-20643 {
  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-20643:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20643 { flex-direction: column; } }
.component-20644 {
  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-20644:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20644 { flex-direction: column; } }
.component-20645 {
  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-20645:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20645 { flex-direction: column; } }
.component-20646 {
  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-20646:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20646 { flex-direction: column; } }
.component-20647 {
  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-20647:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20647 { flex-direction: column; } }
.component-20648 {
  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-20648:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20648 { flex-direction: column; } }
.component-20649 {
  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-20649:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20649 { flex-direction: column; } }
.component-20650 {
  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-20650:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20650 { flex-direction: column; } }
.component-20651 {
  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-20651:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20651 { flex-direction: column; } }
.component-20652 {
  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-20652:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20652 { flex-direction: column; } }
.component-20653 {
  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-20653:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20653 { flex-direction: column; } }
.component-20654 {
  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-20654:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20654 { flex-direction: column; } }
.component-20655 {
  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-20655:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20655 { flex-direction: column; } }
.component-20656 {
  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-20656:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20656 { flex-direction: column; } }
.component-20657 {
  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-20657:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20657 { flex-direction: column; } }
.component-20658 {
  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-20658:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20658 { flex-direction: column; } }
.component-20659 {
  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-20659:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20659 { flex-direction: column; } }
.component-20660 {
  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-20660:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20660 { flex-direction: column; } }
.component-20661 {
  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-20661:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20661 { flex-direction: column; } }
.component-20662 {
  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-20662:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20662 { flex-direction: column; } }
.component-20663 {
  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-20663:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20663 { flex-direction: column; } }
.component-20664 {
  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-20664:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20664 { flex-direction: column; } }
.component-20665 {
  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-20665:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20665 { flex-direction: column; } }
.component-20666 {
  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-20666:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20666 { flex-direction: column; } }
.component-20667 {
  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-20667:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20667 { flex-direction: column; } }
.component-20668 {
  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-20668:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20668 { flex-direction: column; } }
.component-20669 {
  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-20669:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20669 { flex-direction: column; } }
.component-20670 {
  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-20670:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20670 { flex-direction: column; } }
.component-20671 {
  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-20671:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20671 { flex-direction: column; } }
.component-20672 {
  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-20672:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20672 { flex-direction: column; } }
.component-20673 {
  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-20673:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20673 { flex-direction: column; } }
.component-20674 {
  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-20674:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20674 { flex-direction: column; } }
.component-20675 {
  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-20675:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20675 { flex-direction: column; } }
.component-20676 {
  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-20676:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20676 { flex-direction: column; } }
.component-20677 {
  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-20677:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20677 { flex-direction: column; } }
.component-20678 {
  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-20678:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20678 { flex-direction: column; } }
.component-20679 {
  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-20679:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20679 { flex-direction: column; } }
.component-20680 {
  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-20680:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20680 { flex-direction: column; } }
.component-20681 {
  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-20681:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20681 { flex-direction: column; } }
.component-20682 {
  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-20682:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20682 { flex-direction: column; } }
.component-20683 {
  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-20683:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20683 { flex-direction: column; } }
.component-20684 {
  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-20684:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20684 { flex-direction: column; } }
.component-20685 {
  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-20685:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20685 { flex-direction: column; } }
.component-20686 {
  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-20686:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20686 { flex-direction: column; } }
.component-20687 {
  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-20687:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20687 { flex-direction: column; } }
.component-20688 {
  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-20688:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20688 { flex-direction: column; } }
.component-20689 {
  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-20689:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20689 { flex-direction: column; } }
.component-20690 {
  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-20690:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20690 { flex-direction: column; } }
.component-20691 {
  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-20691:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20691 { flex-direction: column; } }
.component-20692 {
  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-20692:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20692 { flex-direction: column; } }
.component-20693 {
  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-20693:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20693 { flex-direction: column; } }
.component-20694 {
  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-20694:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20694 { flex-direction: column; } }
.component-20695 {
  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-20695:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20695 { flex-direction: column; } }
.component-20696 {
  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-20696:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20696 { flex-direction: column; } }
.component-20697 {
  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-20697:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20697 { flex-direction: column; } }
.component-20698 {
  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-20698:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20698 { flex-direction: column; } }
.component-20699 {
  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-20699:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20699 { flex-direction: column; } }
.component-20700 {
  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-20700:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20700 { flex-direction: column; } }
.component-20701 {
  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-20701:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20701 { flex-direction: column; } }
.component-20702 {
  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-20702:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20702 { flex-direction: column; } }
.component-20703 {
  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-20703:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20703 { flex-direction: column; } }
.component-20704 {
  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-20704:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20704 { flex-direction: column; } }
.component-20705 {
  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-20705:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20705 { flex-direction: column; } }
.component-20706 {
  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-20706:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20706 { flex-direction: column; } }
.component-20707 {
  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-20707:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20707 { flex-direction: column; } }
.component-20708 {
  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-20708:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20708 { flex-direction: column; } }
.component-20709 {
  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-20709:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20709 { flex-direction: column; } }
.component-20710 {
  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-20710:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20710 { flex-direction: column; } }
.component-20711 {
  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-20711:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20711 { flex-direction: column; } }
.component-20712 {
  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-20712:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20712 { flex-direction: column; } }
.component-20713 {
  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-20713:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20713 { flex-direction: column; } }
.component-20714 {
  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-20714:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20714 { flex-direction: column; } }
.component-20715 {
  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-20715:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20715 { flex-direction: column; } }
.component-20716 {
  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-20716:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20716 { flex-direction: column; } }
.component-20717 {
  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-20717:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20717 { flex-direction: column; } }
.component-20718 {
  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-20718:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20718 { flex-direction: column; } }
.component-20719 {
  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-20719:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20719 { flex-direction: column; } }
.component-20720 {
  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-20720:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20720 { flex-direction: column; } }
.component-20721 {
  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-20721:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20721 { flex-direction: column; } }
.component-20722 {
  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-20722:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20722 { flex-direction: column; } }
.component-20723 {
  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-20723:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20723 { flex-direction: column; } }
.component-20724 {
  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-20724:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20724 { flex-direction: column; } }
.component-20725 {
  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-20725:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20725 { flex-direction: column; } }
.component-20726 {
  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-20726:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20726 { flex-direction: column; } }
.component-20727 {
  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-20727:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20727 { flex-direction: column; } }
.component-20728 {
  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-20728:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20728 { flex-direction: column; } }
.component-20729 {
  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-20729:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20729 { flex-direction: column; } }
.component-20730 {
  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-20730:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20730 { flex-direction: column; } }
.component-20731 {
  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-20731:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20731 { flex-direction: column; } }
.component-20732 {
  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-20732:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20732 { flex-direction: column; } }
.component-20733 {
  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-20733:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20733 { flex-direction: column; } }
.component-20734 {
  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-20734:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20734 { flex-direction: column; } }
.component-20735 {
  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-20735:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20735 { flex-direction: column; } }
.component-20736 {
  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-20736:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20736 { flex-direction: column; } }
.component-20737 {
  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-20737:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20737 { flex-direction: column; } }
.component-20738 {
  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-20738:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20738 { flex-direction: column; } }
.component-20739 {
  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-20739:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20739 { flex-direction: column; } }
.component-20740 {
  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-20740:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20740 { flex-direction: column; } }
.component-20741 {
  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-20741:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20741 { flex-direction: column; } }
.component-20742 {
  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-20742:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20742 { flex-direction: column; } }
.component-20743 {
  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-20743:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20743 { flex-direction: column; } }
.component-20744 {
  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-20744:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20744 { flex-direction: column; } }
.component-20745 {
  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-20745:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20745 { flex-direction: column; } }
.component-20746 {
  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-20746:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20746 { flex-direction: column; } }
.component-20747 {
  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-20747:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20747 { flex-direction: column; } }
.component-20748 {
  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-20748:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20748 { flex-direction: column; } }
.component-20749 {
  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-20749:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20749 { flex-direction: column; } }
.component-20750 {
  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-20750:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20750 { flex-direction: column; } }
.component-20751 {
  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-20751:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20751 { flex-direction: column; } }
.component-20752 {
  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-20752:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20752 { flex-direction: column; } }
.component-20753 {
  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-20753:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20753 { flex-direction: column; } }
.component-20754 {
  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-20754:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20754 { flex-direction: column; } }
.component-20755 {
  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-20755:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20755 { flex-direction: column; } }
.component-20756 {
  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-20756:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20756 { flex-direction: column; } }
.component-20757 {
  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-20757:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20757 { flex-direction: column; } }
.component-20758 {
  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-20758:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20758 { flex-direction: column; } }
.component-20759 {
  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-20759:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20759 { flex-direction: column; } }
.component-20760 {
  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-20760:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20760 { flex-direction: column; } }
.component-20761 {
  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-20761:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20761 { flex-direction: column; } }
.component-20762 {
  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-20762:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20762 { flex-direction: column; } }
.component-20763 {
  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-20763:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20763 { flex-direction: column; } }
.component-20764 {
  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-20764:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20764 { flex-direction: column; } }
.component-20765 {
  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-20765:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20765 { flex-direction: column; } }
.component-20766 {
  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-20766:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20766 { flex-direction: column; } }
.component-20767 {
  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-20767:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20767 { flex-direction: column; } }
.component-20768 {
  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-20768:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20768 { flex-direction: column; } }
.component-20769 {
  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-20769:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20769 { flex-direction: column; } }
.component-20770 {
  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-20770:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20770 { flex-direction: column; } }
.component-20771 {
  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-20771:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20771 { flex-direction: column; } }
.component-20772 {
  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-20772:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20772 { flex-direction: column; } }
.component-20773 {
  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-20773:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20773 { flex-direction: column; } }
.component-20774 {
  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-20774:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20774 { flex-direction: column; } }
.component-20775 {
  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-20775:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20775 { flex-direction: column; } }
.component-20776 {
  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-20776:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20776 { flex-direction: column; } }
.component-20777 {
  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-20777:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20777 { flex-direction: column; } }
.component-20778 {
  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-20778:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20778 { flex-direction: column; } }
.component-20779 {
  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-20779:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20779 { flex-direction: column; } }
.component-20780 {
  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-20780:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20780 { flex-direction: column; } }
.component-20781 {
  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-20781:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20781 { flex-direction: column; } }
.component-20782 {
  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-20782:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20782 { flex-direction: column; } }
.component-20783 {
  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-20783:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20783 { flex-direction: column; } }
.component-20784 {
  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-20784:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20784 { flex-direction: column; } }
.component-20785 {
  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-20785:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20785 { flex-direction: column; } }
.component-20786 {
  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-20786:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20786 { flex-direction: column; } }
.component-20787 {
  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-20787:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20787 { flex-direction: column; } }
.component-20788 {
  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-20788:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20788 { flex-direction: column; } }
.component-20789 {
  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-20789:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20789 { flex-direction: column; } }
.component-20790 {
  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-20790:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20790 { flex-direction: column; } }
.component-20791 {
  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-20791:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20791 { flex-direction: column; } }
.component-20792 {
  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-20792:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20792 { flex-direction: column; } }
.component-20793 {
  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-20793:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20793 { flex-direction: column; } }
.component-20794 {
  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-20794:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20794 { flex-direction: column; } }
.component-20795 {
  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-20795:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20795 { flex-direction: column; } }
.component-20796 {
  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-20796:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20796 { flex-direction: column; } }
.component-20797 {
  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-20797:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20797 { flex-direction: column; } }
.component-20798 {
  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-20798:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20798 { flex-direction: column; } }
.component-20799 {
  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-20799:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20799 { flex-direction: column; } }
.component-20800 {
  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-20800:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20800 { flex-direction: column; } }
.component-20801 {
  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-20801:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20801 { flex-direction: column; } }
.component-20802 {
  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-20802:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20802 { flex-direction: column; } }
.component-20803 {
  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-20803:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20803 { flex-direction: column; } }
.component-20804 {
  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-20804:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20804 { flex-direction: column; } }
.component-20805 {
  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-20805:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20805 { flex-direction: column; } }
.component-20806 {
  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-20806:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20806 { flex-direction: column; } }
.component-20807 {
  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-20807:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20807 { flex-direction: column; } }
.component-20808 {
  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-20808:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20808 { flex-direction: column; } }
.component-20809 {
  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-20809:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20809 { flex-direction: column; } }
.component-20810 {
  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-20810:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20810 { flex-direction: column; } }
.component-20811 {
  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-20811:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20811 { flex-direction: column; } }
.component-20812 {
  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-20812:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20812 { flex-direction: column; } }
.component-20813 {
  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-20813:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20813 { flex-direction: column; } }
.component-20814 {
  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-20814:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20814 { flex-direction: column; } }
.component-20815 {
  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-20815:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20815 { flex-direction: column; } }
.component-20816 {
  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-20816:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20816 { flex-direction: column; } }
.component-20817 {
  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-20817:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20817 { flex-direction: column; } }
.component-20818 {
  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-20818:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20818 { flex-direction: column; } }
.component-20819 {
  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-20819:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20819 { flex-direction: column; } }
.component-20820 {
  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-20820:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20820 { flex-direction: column; } }
.component-20821 {
  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-20821:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20821 { flex-direction: column; } }
.component-20822 {
  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-20822:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20822 { flex-direction: column; } }
.component-20823 {
  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-20823:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20823 { flex-direction: column; } }
.component-20824 {
  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-20824:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20824 { flex-direction: column; } }
.component-20825 {
  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-20825:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20825 { flex-direction: column; } }
.component-20826 {
  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-20826:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20826 { flex-direction: column; } }
.component-20827 {
  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-20827:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20827 { flex-direction: column; } }
.component-20828 {
  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-20828:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20828 { flex-direction: column; } }
.component-20829 {
  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-20829:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20829 { flex-direction: column; } }
.component-20830 {
  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-20830:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20830 { flex-direction: column; } }
.component-20831 {
  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-20831:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20831 { flex-direction: column; } }
.component-20832 {
  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-20832:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20832 { flex-direction: column; } }
.component-20833 {
  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-20833:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20833 { flex-direction: column; } }
.component-20834 {
  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-20834:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20834 { flex-direction: column; } }
.component-20835 {
  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-20835:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20835 { flex-direction: column; } }
.component-20836 {
  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-20836:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20836 { flex-direction: column; } }
.component-20837 {
  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-20837:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20837 { flex-direction: column; } }
.component-20838 {
  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-20838:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20838 { flex-direction: column; } }
.component-20839 {
  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-20839:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20839 { flex-direction: column; } }
.component-20840 {
  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-20840:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20840 { flex-direction: column; } }
.component-20841 {
  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-20841:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20841 { flex-direction: column; } }
.component-20842 {
  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-20842:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20842 { flex-direction: column; } }
.component-20843 {
  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-20843:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20843 { flex-direction: column; } }
.component-20844 {
  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-20844:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20844 { flex-direction: column; } }
.component-20845 {
  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-20845:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20845 { flex-direction: column; } }
.component-20846 {
  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-20846:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20846 { flex-direction: column; } }
.component-20847 {
  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-20847:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20847 { flex-direction: column; } }
.component-20848 {
  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-20848:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20848 { flex-direction: column; } }
.component-20849 {
  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-20849:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20849 { flex-direction: column; } }
.component-20850 {
  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-20850:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20850 { flex-direction: column; } }
.component-20851 {
  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-20851:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20851 { flex-direction: column; } }
.component-20852 {
  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-20852:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20852 { flex-direction: column; } }
.component-20853 {
  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-20853:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20853 { flex-direction: column; } }
.component-20854 {
  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-20854:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20854 { flex-direction: column; } }
.component-20855 {
  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-20855:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20855 { flex-direction: column; } }
.component-20856 {
  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-20856:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20856 { flex-direction: column; } }
.component-20857 {
  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-20857:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20857 { flex-direction: column; } }
.component-20858 {
  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-20858:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20858 { flex-direction: column; } }
.component-20859 {
  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-20859:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20859 { flex-direction: column; } }
.component-20860 {
  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-20860:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20860 { flex-direction: column; } }
.component-20861 {
  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-20861:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20861 { flex-direction: column; } }
.component-20862 {
  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-20862:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20862 { flex-direction: column; } }
.component-20863 {
  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-20863:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20863 { flex-direction: column; } }
.component-20864 {
  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-20864:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20864 { flex-direction: column; } }
.component-20865 {
  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-20865:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20865 { flex-direction: column; } }
.component-20866 {
  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-20866:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20866 { flex-direction: column; } }
.component-20867 {
  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-20867:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20867 { flex-direction: column; } }
.component-20868 {
  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-20868:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20868 { flex-direction: column; } }
.component-20869 {
  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-20869:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20869 { flex-direction: column; } }
.component-20870 {
  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-20870:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20870 { flex-direction: column; } }
.component-20871 {
  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-20871:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20871 { flex-direction: column; } }
.component-20872 {
  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-20872:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20872 { flex-direction: column; } }
.component-20873 {
  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-20873:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20873 { flex-direction: column; } }
.component-20874 {
  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-20874:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20874 { flex-direction: column; } }
.component-20875 {
  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-20875:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20875 { flex-direction: column; } }
.component-20876 {
  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-20876:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20876 { flex-direction: column; } }
.component-20877 {
  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-20877:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20877 { flex-direction: column; } }
.component-20878 {
  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-20878:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20878 { flex-direction: column; } }
.component-20879 {
  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-20879:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20879 { flex-direction: column; } }
.component-20880 {
  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-20880:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20880 { flex-direction: column; } }
.component-20881 {
  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-20881:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20881 { flex-direction: column; } }
.component-20882 {
  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-20882:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20882 { flex-direction: column; } }
.component-20883 {
  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-20883:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20883 { flex-direction: column; } }
.component-20884 {
  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-20884:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20884 { flex-direction: column; } }
.component-20885 {
  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-20885:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20885 { flex-direction: column; } }
.component-20886 {
  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-20886:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20886 { flex-direction: column; } }
.component-20887 {
  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-20887:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20887 { flex-direction: column; } }
.component-20888 {
  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-20888:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20888 { flex-direction: column; } }
.component-20889 {
  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-20889:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20889 { flex-direction: column; } }
.component-20890 {
  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-20890:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20890 { flex-direction: column; } }
.component-20891 {
  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-20891:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20891 { flex-direction: column; } }
.component-20892 {
  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-20892:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20892 { flex-direction: column; } }
.component-20893 {
  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-20893:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20893 { flex-direction: column; } }
.component-20894 {
  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-20894:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20894 { flex-direction: column; } }
.component-20895 {
  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-20895:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20895 { flex-direction: column; } }
.component-20896 {
  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-20896:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20896 { flex-direction: column; } }
.component-20897 {
  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-20897:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20897 { flex-direction: column; } }
.component-20898 {
  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-20898:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20898 { flex-direction: column; } }
.component-20899 {
  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-20899:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20899 { flex-direction: column; } }
.component-20900 {
  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-20900:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20900 { flex-direction: column; } }
.component-20901 {
  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-20901:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20901 { flex-direction: column; } }
.component-20902 {
  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-20902:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20902 { flex-direction: column; } }
.component-20903 {
  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-20903:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20903 { flex-direction: column; } }
.component-20904 {
  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-20904:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20904 { flex-direction: column; } }
.component-20905 {
  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-20905:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20905 { flex-direction: column; } }
.component-20906 {
  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-20906:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20906 { flex-direction: column; } }
.component-20907 {
  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-20907:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20907 { flex-direction: column; } }
.component-20908 {
  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-20908:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20908 { flex-direction: column; } }
.component-20909 {
  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-20909:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20909 { flex-direction: column; } }
.component-20910 {
  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-20910:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20910 { flex-direction: column; } }
.component-20911 {
  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-20911:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20911 { flex-direction: column; } }
.component-20912 {
  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-20912:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20912 { flex-direction: column; } }
.component-20913 {
  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-20913:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20913 { flex-direction: column; } }
.component-20914 {
  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-20914:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20914 { flex-direction: column; } }
.component-20915 {
  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-20915:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20915 { flex-direction: column; } }
.component-20916 {
  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-20916:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20916 { flex-direction: column; } }
.component-20917 {
  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-20917:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20917 { flex-direction: column; } }
.component-20918 {
  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-20918:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20918 { flex-direction: column; } }
.component-20919 {
  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-20919:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20919 { flex-direction: column; } }
.component-20920 {
  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-20920:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20920 { flex-direction: column; } }
.component-20921 {
  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-20921:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20921 { flex-direction: column; } }
.component-20922 {
  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-20922:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20922 { flex-direction: column; } }
.component-20923 {
  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-20923:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20923 { flex-direction: column; } }
.component-20924 {
  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-20924:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20924 { flex-direction: column; } }
.component-20925 {
  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-20925:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20925 { flex-direction: column; } }
.component-20926 {
  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-20926:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20926 { flex-direction: column; } }
.component-20927 {
  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-20927:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20927 { flex-direction: column; } }
.component-20928 {
  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-20928:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20928 { flex-direction: column; } }
.component-20929 {
  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-20929:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20929 { flex-direction: column; } }
.component-20930 {
  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-20930:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20930 { flex-direction: column; } }
.component-20931 {
  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-20931:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20931 { flex-direction: column; } }
.component-20932 {
  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-20932:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20932 { flex-direction: column; } }
.component-20933 {
  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-20933:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20933 { flex-direction: column; } }
.component-20934 {
  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-20934:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20934 { flex-direction: column; } }
.component-20935 {
  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-20935:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20935 { flex-direction: column; } }
.component-20936 {
  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-20936:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20936 { flex-direction: column; } }
.component-20937 {
  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-20937:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20937 { flex-direction: column; } }
.component-20938 {
  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-20938:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20938 { flex-direction: column; } }
.component-20939 {
  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-20939:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20939 { flex-direction: column; } }
.component-20940 {
  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-20940:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20940 { flex-direction: column; } }
.component-20941 {
  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-20941:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20941 { flex-direction: column; } }
.component-20942 {
  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-20942:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20942 { flex-direction: column; } }
.component-20943 {
  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-20943:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20943 { flex-direction: column; } }
.component-20944 {
  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-20944:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20944 { flex-direction: column; } }
.component-20945 {
  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-20945:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20945 { flex-direction: column; } }
.component-20946 {
  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-20946:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20946 { flex-direction: column; } }
.component-20947 {
  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-20947:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20947 { flex-direction: column; } }
.component-20948 {
  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-20948:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20948 { flex-direction: column; } }
.component-20949 {
  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-20949:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20949 { flex-direction: column; } }
.component-20950 {
  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-20950:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20950 { flex-direction: column; } }
.component-20951 {
  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-20951:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20951 { flex-direction: column; } }
.component-20952 {
  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-20952:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20952 { flex-direction: column; } }
.component-20953 {
  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-20953:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20953 { flex-direction: column; } }
.component-20954 {
  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-20954:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20954 { flex-direction: column; } }
.component-20955 {
  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-20955:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20955 { flex-direction: column; } }
.component-20956 {
  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-20956:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20956 { flex-direction: column; } }
.component-20957 {
  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-20957:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20957 { flex-direction: column; } }
.component-20958 {
  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-20958:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20958 { flex-direction: column; } }
.component-20959 {
  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-20959:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20959 { flex-direction: column; } }
.component-20960 {
  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-20960:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20960 { flex-direction: column; } }
.component-20961 {
  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-20961:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20961 { flex-direction: column; } }
.component-20962 {
  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-20962:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20962 { flex-direction: column; } }
.component-20963 {
  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-20963:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20963 { flex-direction: column; } }
.component-20964 {
  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-20964:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20964 { flex-direction: column; } }
.component-20965 {
  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-20965:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20965 { flex-direction: column; } }
.component-20966 {
  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-20966:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20966 { flex-direction: column; } }
.component-20967 {
  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-20967:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20967 { flex-direction: column; } }
.component-20968 {
  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-20968:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20968 { flex-direction: column; } }
.component-20969 {
  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-20969:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20969 { flex-direction: column; } }
.component-20970 {
  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-20970:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20970 { flex-direction: column; } }
.component-20971 {
  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-20971:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20971 { flex-direction: column; } }
.component-20972 {
  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-20972:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20972 { flex-direction: column; } }
.component-20973 {
  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-20973:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20973 { flex-direction: column; } }
.component-20974 {
  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-20974:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20974 { flex-direction: column; } }
.component-20975 {
  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-20975:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20975 { flex-direction: column; } }
.component-20976 {
  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-20976:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20976 { flex-direction: column; } }
.component-20977 {
  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-20977:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20977 { flex-direction: column; } }
.component-20978 {
  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-20978:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20978 { flex-direction: column; } }
.component-20979 {
  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-20979:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20979 { flex-direction: column; } }
.component-20980 {
  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-20980:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20980 { flex-direction: column; } }
.component-20981 {
  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-20981:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20981 { flex-direction: column; } }
.component-20982 {
  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-20982:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20982 { flex-direction: column; } }
.component-20983 {
  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-20983:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20983 { flex-direction: column; } }
.component-20984 {
  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-20984:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20984 { flex-direction: column; } }
.component-20985 {
  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-20985:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-20985 { flex-direction: column; } }
.component-20986 {
  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-20986:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-20986 { flex-direction: column; } }
.component-20987 {
  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-20987:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-20987 { flex-direction: column; } }
.component-20988 {
  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-20988:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-20988 { flex-direction: column; } }
.component-20989 {
  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-20989:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-20989 { flex-direction: column; } }
.component-20990 {
  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-20990:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-20990 { flex-direction: column; } }
.component-20991 {
  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-20991:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-20991 { flex-direction: column; } }
.component-20992 {
  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-20992:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-20992 { flex-direction: column; } }
.component-20993 {
  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-20993:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-20993 { flex-direction: column; } }
.component-20994 {
  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-20994:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-20994 { flex-direction: column; } }
.component-20995 {
  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-20995:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-20995 { flex-direction: column; } }
.component-20996 {
  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-20996:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-20996 { flex-direction: column; } }
.component-20997 {
  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-20997:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-20997 { flex-direction: column; } }
.component-20998 {
  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-20998:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-20998 { flex-direction: column; } }
.component-20999 {
  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-20999:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-20999 { flex-direction: column; } }
.component-21000 {
  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-21000:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21000 { flex-direction: column; } }
.component-21001 {
  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-21001:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21001 { flex-direction: column; } }
.component-21002 {
  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-21002:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21002 { flex-direction: column; } }
.component-21003 {
  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-21003:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21003 { flex-direction: column; } }
.component-21004 {
  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-21004:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21004 { flex-direction: column; } }
.component-21005 {
  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-21005:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21005 { flex-direction: column; } }
.component-21006 {
  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-21006:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21006 { flex-direction: column; } }
.component-21007 {
  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-21007:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21007 { flex-direction: column; } }
.component-21008 {
  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-21008:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21008 { flex-direction: column; } }
.component-21009 {
  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-21009:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21009 { flex-direction: column; } }
.component-21010 {
  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-21010:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21010 { flex-direction: column; } }
.component-21011 {
  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-21011:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21011 { flex-direction: column; } }
.component-21012 {
  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-21012:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21012 { flex-direction: column; } }
.component-21013 {
  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-21013:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21013 { flex-direction: column; } }
.component-21014 {
  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-21014:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21014 { flex-direction: column; } }
.component-21015 {
  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-21015:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21015 { flex-direction: column; } }
.component-21016 {
  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-21016:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21016 { flex-direction: column; } }
.component-21017 {
  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-21017:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21017 { flex-direction: column; } }
.component-21018 {
  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-21018:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21018 { flex-direction: column; } }
.component-21019 {
  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-21019:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21019 { flex-direction: column; } }
.component-21020 {
  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-21020:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21020 { flex-direction: column; } }
.component-21021 {
  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-21021:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21021 { flex-direction: column; } }
.component-21022 {
  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-21022:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21022 { flex-direction: column; } }
.component-21023 {
  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-21023:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21023 { flex-direction: column; } }
.component-21024 {
  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-21024:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21024 { flex-direction: column; } }
.component-21025 {
  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-21025:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21025 { flex-direction: column; } }
.component-21026 {
  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-21026:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21026 { flex-direction: column; } }
.component-21027 {
  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-21027:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21027 { flex-direction: column; } }
.component-21028 {
  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-21028:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21028 { flex-direction: column; } }
.component-21029 {
  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-21029:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21029 { flex-direction: column; } }
.component-21030 {
  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-21030:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21030 { flex-direction: column; } }
.component-21031 {
  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-21031:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21031 { flex-direction: column; } }
.component-21032 {
  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-21032:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21032 { flex-direction: column; } }
.component-21033 {
  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-21033:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21033 { flex-direction: column; } }
.component-21034 {
  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-21034:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21034 { flex-direction: column; } }
.component-21035 {
  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-21035:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21035 { flex-direction: column; } }
.component-21036 {
  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-21036:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21036 { flex-direction: column; } }
.component-21037 {
  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-21037:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21037 { flex-direction: column; } }
.component-21038 {
  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-21038:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21038 { flex-direction: column; } }
.component-21039 {
  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-21039:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21039 { flex-direction: column; } }
.component-21040 {
  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-21040:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21040 { flex-direction: column; } }
.component-21041 {
  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-21041:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21041 { flex-direction: column; } }
.component-21042 {
  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-21042:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21042 { flex-direction: column; } }
.component-21043 {
  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-21043:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21043 { flex-direction: column; } }
.component-21044 {
  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-21044:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21044 { flex-direction: column; } }
.component-21045 {
  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-21045:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21045 { flex-direction: column; } }
.component-21046 {
  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-21046:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21046 { flex-direction: column; } }
.component-21047 {
  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-21047:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21047 { flex-direction: column; } }
.component-21048 {
  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-21048:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21048 { flex-direction: column; } }
.component-21049 {
  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-21049:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21049 { flex-direction: column; } }
.component-21050 {
  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-21050:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21050 { flex-direction: column; } }
.component-21051 {
  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-21051:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21051 { flex-direction: column; } }
.component-21052 {
  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-21052:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21052 { flex-direction: column; } }
.component-21053 {
  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-21053:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21053 { flex-direction: column; } }
.component-21054 {
  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-21054:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21054 { flex-direction: column; } }
.component-21055 {
  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-21055:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21055 { flex-direction: column; } }
.component-21056 {
  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-21056:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21056 { flex-direction: column; } }
.component-21057 {
  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-21057:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21057 { flex-direction: column; } }
.component-21058 {
  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-21058:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21058 { flex-direction: column; } }
.component-21059 {
  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-21059:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21059 { flex-direction: column; } }
.component-21060 {
  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-21060:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21060 { flex-direction: column; } }
.component-21061 {
  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-21061:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21061 { flex-direction: column; } }
.component-21062 {
  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-21062:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21062 { flex-direction: column; } }
.component-21063 {
  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-21063:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21063 { flex-direction: column; } }
.component-21064 {
  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-21064:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21064 { flex-direction: column; } }
.component-21065 {
  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-21065:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21065 { flex-direction: column; } }
.component-21066 {
  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-21066:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21066 { flex-direction: column; } }
.component-21067 {
  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-21067:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21067 { flex-direction: column; } }
.component-21068 {
  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-21068:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21068 { flex-direction: column; } }
.component-21069 {
  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-21069:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21069 { flex-direction: column; } }
.component-21070 {
  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-21070:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21070 { flex-direction: column; } }
.component-21071 {
  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-21071:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21071 { flex-direction: column; } }
.component-21072 {
  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-21072:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21072 { flex-direction: column; } }
.component-21073 {
  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-21073:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21073 { flex-direction: column; } }
.component-21074 {
  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-21074:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21074 { flex-direction: column; } }
.component-21075 {
  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-21075:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21075 { flex-direction: column; } }
.component-21076 {
  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-21076:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21076 { flex-direction: column; } }
.component-21077 {
  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-21077:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21077 { flex-direction: column; } }
.component-21078 {
  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-21078:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21078 { flex-direction: column; } }
.component-21079 {
  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-21079:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21079 { flex-direction: column; } }
.component-21080 {
  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-21080:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21080 { flex-direction: column; } }
.component-21081 {
  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-21081:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21081 { flex-direction: column; } }
.component-21082 {
  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-21082:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21082 { flex-direction: column; } }
.component-21083 {
  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-21083:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21083 { flex-direction: column; } }
.component-21084 {
  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-21084:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21084 { flex-direction: column; } }
.component-21085 {
  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-21085:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21085 { flex-direction: column; } }
.component-21086 {
  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-21086:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21086 { flex-direction: column; } }
.component-21087 {
  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-21087:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21087 { flex-direction: column; } }
.component-21088 {
  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-21088:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21088 { flex-direction: column; } }
.component-21089 {
  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-21089:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21089 { flex-direction: column; } }
.component-21090 {
  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-21090:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21090 { flex-direction: column; } }
.component-21091 {
  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-21091:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21091 { flex-direction: column; } }
.component-21092 {
  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-21092:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21092 { flex-direction: column; } }
.component-21093 {
  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-21093:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21093 { flex-direction: column; } }
.component-21094 {
  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-21094:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21094 { flex-direction: column; } }
.component-21095 {
  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-21095:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21095 { flex-direction: column; } }
.component-21096 {
  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-21096:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21096 { flex-direction: column; } }
.component-21097 {
  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-21097:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21097 { flex-direction: column; } }
.component-21098 {
  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-21098:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21098 { flex-direction: column; } }
.component-21099 {
  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-21099:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21099 { flex-direction: column; } }
.component-21100 {
  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-21100:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21100 { flex-direction: column; } }
.component-21101 {
  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-21101:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21101 { flex-direction: column; } }
.component-21102 {
  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-21102:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21102 { flex-direction: column; } }
.component-21103 {
  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-21103:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21103 { flex-direction: column; } }
.component-21104 {
  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-21104:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21104 { flex-direction: column; } }
.component-21105 {
  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-21105:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21105 { flex-direction: column; } }
.component-21106 {
  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-21106:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21106 { flex-direction: column; } }
.component-21107 {
  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-21107:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21107 { flex-direction: column; } }
.component-21108 {
  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-21108:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21108 { flex-direction: column; } }
.component-21109 {
  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-21109:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21109 { flex-direction: column; } }
.component-21110 {
  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-21110:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21110 { flex-direction: column; } }
.component-21111 {
  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-21111:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21111 { flex-direction: column; } }
.component-21112 {
  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-21112:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21112 { flex-direction: column; } }
.component-21113 {
  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-21113:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21113 { flex-direction: column; } }
.component-21114 {
  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-21114:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21114 { flex-direction: column; } }
.component-21115 {
  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-21115:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21115 { flex-direction: column; } }
.component-21116 {
  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-21116:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21116 { flex-direction: column; } }
.component-21117 {
  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-21117:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21117 { flex-direction: column; } }
.component-21118 {
  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-21118:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21118 { flex-direction: column; } }
.component-21119 {
  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-21119:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21119 { flex-direction: column; } }
.component-21120 {
  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-21120:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21120 { flex-direction: column; } }
.component-21121 {
  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-21121:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21121 { flex-direction: column; } }
.component-21122 {
  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-21122:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21122 { flex-direction: column; } }
.component-21123 {
  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-21123:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21123 { flex-direction: column; } }
.component-21124 {
  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-21124:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21124 { flex-direction: column; } }
.component-21125 {
  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-21125:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21125 { flex-direction: column; } }
.component-21126 {
  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-21126:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21126 { flex-direction: column; } }
.component-21127 {
  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-21127:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21127 { flex-direction: column; } }
.component-21128 {
  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-21128:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21128 { flex-direction: column; } }
.component-21129 {
  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-21129:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21129 { flex-direction: column; } }
.component-21130 {
  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-21130:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21130 { flex-direction: column; } }
.component-21131 {
  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-21131:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21131 { flex-direction: column; } }
.component-21132 {
  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-21132:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21132 { flex-direction: column; } }
.component-21133 {
  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-21133:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21133 { flex-direction: column; } }
.component-21134 {
  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-21134:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21134 { flex-direction: column; } }
.component-21135 {
  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-21135:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21135 { flex-direction: column; } }
.component-21136 {
  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-21136:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21136 { flex-direction: column; } }
.component-21137 {
  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-21137:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21137 { flex-direction: column; } }
.component-21138 {
  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-21138:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21138 { flex-direction: column; } }
.component-21139 {
  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-21139:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21139 { flex-direction: column; } }
.component-21140 {
  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-21140:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21140 { flex-direction: column; } }
.component-21141 {
  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-21141:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21141 { flex-direction: column; } }
.component-21142 {
  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-21142:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21142 { flex-direction: column; } }
.component-21143 {
  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-21143:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21143 { flex-direction: column; } }
.component-21144 {
  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-21144:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21144 { flex-direction: column; } }
.component-21145 {
  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-21145:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21145 { flex-direction: column; } }
.component-21146 {
  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-21146:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21146 { flex-direction: column; } }
.component-21147 {
  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-21147:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21147 { flex-direction: column; } }
.component-21148 {
  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-21148:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21148 { flex-direction: column; } }
.component-21149 {
  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-21149:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21149 { flex-direction: column; } }
.component-21150 {
  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-21150:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21150 { flex-direction: column; } }
.component-21151 {
  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-21151:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21151 { flex-direction: column; } }
.component-21152 {
  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-21152:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21152 { flex-direction: column; } }
.component-21153 {
  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-21153:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21153 { flex-direction: column; } }
.component-21154 {
  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-21154:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21154 { flex-direction: column; } }
.component-21155 {
  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-21155:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21155 { flex-direction: column; } }
.component-21156 {
  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-21156:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21156 { flex-direction: column; } }
.component-21157 {
  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-21157:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21157 { flex-direction: column; } }
.component-21158 {
  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-21158:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21158 { flex-direction: column; } }
.component-21159 {
  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-21159:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21159 { flex-direction: column; } }
.component-21160 {
  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-21160:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21160 { flex-direction: column; } }
.component-21161 {
  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-21161:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21161 { flex-direction: column; } }
.component-21162 {
  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-21162:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21162 { flex-direction: column; } }
.component-21163 {
  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-21163:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21163 { flex-direction: column; } }
.component-21164 {
  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-21164:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21164 { flex-direction: column; } }
.component-21165 {
  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-21165:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21165 { flex-direction: column; } }
.component-21166 {
  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-21166:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21166 { flex-direction: column; } }
.component-21167 {
  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-21167:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21167 { flex-direction: column; } }
.component-21168 {
  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-21168:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21168 { flex-direction: column; } }
.component-21169 {
  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-21169:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21169 { flex-direction: column; } }
.component-21170 {
  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-21170:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21170 { flex-direction: column; } }
.component-21171 {
  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-21171:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21171 { flex-direction: column; } }
.component-21172 {
  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-21172:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21172 { flex-direction: column; } }
.component-21173 {
  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-21173:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21173 { flex-direction: column; } }
.component-21174 {
  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-21174:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21174 { flex-direction: column; } }
.component-21175 {
  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-21175:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21175 { flex-direction: column; } }
.component-21176 {
  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-21176:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21176 { flex-direction: column; } }
.component-21177 {
  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-21177:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21177 { flex-direction: column; } }
.component-21178 {
  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-21178:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21178 { flex-direction: column; } }
.component-21179 {
  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-21179:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21179 { flex-direction: column; } }
.component-21180 {
  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-21180:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21180 { flex-direction: column; } }
.component-21181 {
  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-21181:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21181 { flex-direction: column; } }
.component-21182 {
  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-21182:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21182 { flex-direction: column; } }
.component-21183 {
  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-21183:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21183 { flex-direction: column; } }
.component-21184 {
  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-21184:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21184 { flex-direction: column; } }
.component-21185 {
  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-21185:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21185 { flex-direction: column; } }
.component-21186 {
  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-21186:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21186 { flex-direction: column; } }
.component-21187 {
  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-21187:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21187 { flex-direction: column; } }
.component-21188 {
  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-21188:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21188 { flex-direction: column; } }
.component-21189 {
  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-21189:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21189 { flex-direction: column; } }
.component-21190 {
  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-21190:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21190 { flex-direction: column; } }
.component-21191 {
  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-21191:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21191 { flex-direction: column; } }
.component-21192 {
  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-21192:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21192 { flex-direction: column; } }
.component-21193 {
  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-21193:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21193 { flex-direction: column; } }
.component-21194 {
  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-21194:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21194 { flex-direction: column; } }
.component-21195 {
  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-21195:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21195 { flex-direction: column; } }
.component-21196 {
  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-21196:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21196 { flex-direction: column; } }
.component-21197 {
  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-21197:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21197 { flex-direction: column; } }
.component-21198 {
  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-21198:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21198 { flex-direction: column; } }
.component-21199 {
  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-21199:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21199 { flex-direction: column; } }
.component-21200 {
  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-21200:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21200 { flex-direction: column; } }
.component-21201 {
  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-21201:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21201 { flex-direction: column; } }
.component-21202 {
  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-21202:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21202 { flex-direction: column; } }
.component-21203 {
  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-21203:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21203 { flex-direction: column; } }
.component-21204 {
  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-21204:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21204 { flex-direction: column; } }
.component-21205 {
  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-21205:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21205 { flex-direction: column; } }
.component-21206 {
  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-21206:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21206 { flex-direction: column; } }
.component-21207 {
  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-21207:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21207 { flex-direction: column; } }
.component-21208 {
  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-21208:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21208 { flex-direction: column; } }
.component-21209 {
  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-21209:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21209 { flex-direction: column; } }
.component-21210 {
  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-21210:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21210 { flex-direction: column; } }
.component-21211 {
  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-21211:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21211 { flex-direction: column; } }
.component-21212 {
  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-21212:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21212 { flex-direction: column; } }
.component-21213 {
  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-21213:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21213 { flex-direction: column; } }
.component-21214 {
  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-21214:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21214 { flex-direction: column; } }
.component-21215 {
  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-21215:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21215 { flex-direction: column; } }
.component-21216 {
  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-21216:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21216 { flex-direction: column; } }
.component-21217 {
  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-21217:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21217 { flex-direction: column; } }
.component-21218 {
  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-21218:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21218 { flex-direction: column; } }
.component-21219 {
  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-21219:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21219 { flex-direction: column; } }
.component-21220 {
  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-21220:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21220 { flex-direction: column; } }
.component-21221 {
  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-21221:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21221 { flex-direction: column; } }
.component-21222 {
  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-21222:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21222 { flex-direction: column; } }
.component-21223 {
  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-21223:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21223 { flex-direction: column; } }
.component-21224 {
  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-21224:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21224 { flex-direction: column; } }
.component-21225 {
  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-21225:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21225 { flex-direction: column; } }
.component-21226 {
  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-21226:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21226 { flex-direction: column; } }
.component-21227 {
  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-21227:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21227 { flex-direction: column; } }
.component-21228 {
  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-21228:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21228 { flex-direction: column; } }
.component-21229 {
  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-21229:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21229 { flex-direction: column; } }
.component-21230 {
  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-21230:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21230 { flex-direction: column; } }
.component-21231 {
  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-21231:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21231 { flex-direction: column; } }
.component-21232 {
  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-21232:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21232 { flex-direction: column; } }
.component-21233 {
  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-21233:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21233 { flex-direction: column; } }
.component-21234 {
  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-21234:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21234 { flex-direction: column; } }
.component-21235 {
  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-21235:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21235 { flex-direction: column; } }
.component-21236 {
  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-21236:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21236 { flex-direction: column; } }
.component-21237 {
  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-21237:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21237 { flex-direction: column; } }
.component-21238 {
  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-21238:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21238 { flex-direction: column; } }
.component-21239 {
  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-21239:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21239 { flex-direction: column; } }
.component-21240 {
  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-21240:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21240 { flex-direction: column; } }
.component-21241 {
  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-21241:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21241 { flex-direction: column; } }
.component-21242 {
  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-21242:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21242 { flex-direction: column; } }
.component-21243 {
  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-21243:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21243 { flex-direction: column; } }
.component-21244 {
  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-21244:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21244 { flex-direction: column; } }
.component-21245 {
  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-21245:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21245 { flex-direction: column; } }
.component-21246 {
  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-21246:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21246 { flex-direction: column; } }
.component-21247 {
  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-21247:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21247 { flex-direction: column; } }
.component-21248 {
  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-21248:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21248 { flex-direction: column; } }
.component-21249 {
  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-21249:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21249 { flex-direction: column; } }
.component-21250 {
  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-21250:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21250 { flex-direction: column; } }
.component-21251 {
  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-21251:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21251 { flex-direction: column; } }
.component-21252 {
  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-21252:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21252 { flex-direction: column; } }
.component-21253 {
  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-21253:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21253 { flex-direction: column; } }
.component-21254 {
  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-21254:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21254 { flex-direction: column; } }
.component-21255 {
  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-21255:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21255 { flex-direction: column; } }
.component-21256 {
  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-21256:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21256 { flex-direction: column; } }
.component-21257 {
  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-21257:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21257 { flex-direction: column; } }
.component-21258 {
  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-21258:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21258 { flex-direction: column; } }
.component-21259 {
  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-21259:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21259 { flex-direction: column; } }
.component-21260 {
  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-21260:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21260 { flex-direction: column; } }
.component-21261 {
  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-21261:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21261 { flex-direction: column; } }
.component-21262 {
  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-21262:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21262 { flex-direction: column; } }
.component-21263 {
  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-21263:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21263 { flex-direction: column; } }
.component-21264 {
  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-21264:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21264 { flex-direction: column; } }
.component-21265 {
  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-21265:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21265 { flex-direction: column; } }
.component-21266 {
  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-21266:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21266 { flex-direction: column; } }
.component-21267 {
  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-21267:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21267 { flex-direction: column; } }
.component-21268 {
  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-21268:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21268 { flex-direction: column; } }
.component-21269 {
  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-21269:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21269 { flex-direction: column; } }
.component-21270 {
  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-21270:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21270 { flex-direction: column; } }
.component-21271 {
  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-21271:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21271 { flex-direction: column; } }
.component-21272 {
  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-21272:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21272 { flex-direction: column; } }
.component-21273 {
  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-21273:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21273 { flex-direction: column; } }
.component-21274 {
  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-21274:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21274 { flex-direction: column; } }
.component-21275 {
  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-21275:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21275 { flex-direction: column; } }
.component-21276 {
  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-21276:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21276 { flex-direction: column; } }
.component-21277 {
  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-21277:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21277 { flex-direction: column; } }
.component-21278 {
  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-21278:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21278 { flex-direction: column; } }
.component-21279 {
  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-21279:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21279 { flex-direction: column; } }
.component-21280 {
  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-21280:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21280 { flex-direction: column; } }
.component-21281 {
  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-21281:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21281 { flex-direction: column; } }
.component-21282 {
  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-21282:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21282 { flex-direction: column; } }
.component-21283 {
  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-21283:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21283 { flex-direction: column; } }
.component-21284 {
  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-21284:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21284 { flex-direction: column; } }
.component-21285 {
  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-21285:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21285 { flex-direction: column; } }
.component-21286 {
  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-21286:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21286 { flex-direction: column; } }
.component-21287 {
  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-21287:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21287 { flex-direction: column; } }
.component-21288 {
  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-21288:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21288 { flex-direction: column; } }
.component-21289 {
  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-21289:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21289 { flex-direction: column; } }
.component-21290 {
  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-21290:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21290 { flex-direction: column; } }
.component-21291 {
  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-21291:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21291 { flex-direction: column; } }
.component-21292 {
  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-21292:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21292 { flex-direction: column; } }
.component-21293 {
  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-21293:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21293 { flex-direction: column; } }
.component-21294 {
  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-21294:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21294 { flex-direction: column; } }
.component-21295 {
  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-21295:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21295 { flex-direction: column; } }
.component-21296 {
  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-21296:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21296 { flex-direction: column; } }
.component-21297 {
  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-21297:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21297 { flex-direction: column; } }
.component-21298 {
  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-21298:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21298 { flex-direction: column; } }
.component-21299 {
  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-21299:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21299 { flex-direction: column; } }
.component-21300 {
  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-21300:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21300 { flex-direction: column; } }
.component-21301 {
  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-21301:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21301 { flex-direction: column; } }
.component-21302 {
  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-21302:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21302 { flex-direction: column; } }
.component-21303 {
  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-21303:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21303 { flex-direction: column; } }
.component-21304 {
  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-21304:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21304 { flex-direction: column; } }
.component-21305 {
  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-21305:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21305 { flex-direction: column; } }
.component-21306 {
  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-21306:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21306 { flex-direction: column; } }
.component-21307 {
  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-21307:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21307 { flex-direction: column; } }
.component-21308 {
  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-21308:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21308 { flex-direction: column; } }
.component-21309 {
  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-21309:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21309 { flex-direction: column; } }
.component-21310 {
  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-21310:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21310 { flex-direction: column; } }
.component-21311 {
  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-21311:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21311 { flex-direction: column; } }
.component-21312 {
  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-21312:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21312 { flex-direction: column; } }
.component-21313 {
  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-21313:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21313 { flex-direction: column; } }
.component-21314 {
  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-21314:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21314 { flex-direction: column; } }
.component-21315 {
  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-21315:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21315 { flex-direction: column; } }
.component-21316 {
  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-21316:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21316 { flex-direction: column; } }
.component-21317 {
  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-21317:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21317 { flex-direction: column; } }
.component-21318 {
  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-21318:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21318 { flex-direction: column; } }
.component-21319 {
  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-21319:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21319 { flex-direction: column; } }
.component-21320 {
  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-21320:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21320 { flex-direction: column; } }
.component-21321 {
  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-21321:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21321 { flex-direction: column; } }
.component-21322 {
  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-21322:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21322 { flex-direction: column; } }
.component-21323 {
  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-21323:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21323 { flex-direction: column; } }
.component-21324 {
  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-21324:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21324 { flex-direction: column; } }
.component-21325 {
  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-21325:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21325 { flex-direction: column; } }
.component-21326 {
  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-21326:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21326 { flex-direction: column; } }
.component-21327 {
  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-21327:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21327 { flex-direction: column; } }
.component-21328 {
  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-21328:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21328 { flex-direction: column; } }
.component-21329 {
  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-21329:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21329 { flex-direction: column; } }
.component-21330 {
  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-21330:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21330 { flex-direction: column; } }
.component-21331 {
  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-21331:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21331 { flex-direction: column; } }
.component-21332 {
  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-21332:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21332 { flex-direction: column; } }
.component-21333 {
  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-21333:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21333 { flex-direction: column; } }
.component-21334 {
  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-21334:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21334 { flex-direction: column; } }
.component-21335 {
  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-21335:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21335 { flex-direction: column; } }
.component-21336 {
  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-21336:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21336 { flex-direction: column; } }
.component-21337 {
  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-21337:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21337 { flex-direction: column; } }
.component-21338 {
  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-21338:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21338 { flex-direction: column; } }
.component-21339 {
  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-21339:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21339 { flex-direction: column; } }
.component-21340 {
  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-21340:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21340 { flex-direction: column; } }
.component-21341 {
  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-21341:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21341 { flex-direction: column; } }
.component-21342 {
  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-21342:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21342 { flex-direction: column; } }
.component-21343 {
  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-21343:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21343 { flex-direction: column; } }
.component-21344 {
  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-21344:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21344 { flex-direction: column; } }
.component-21345 {
  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-21345:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21345 { flex-direction: column; } }
.component-21346 {
  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-21346:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21346 { flex-direction: column; } }
.component-21347 {
  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-21347:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21347 { flex-direction: column; } }
.component-21348 {
  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-21348:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21348 { flex-direction: column; } }
.component-21349 {
  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-21349:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21349 { flex-direction: column; } }
.component-21350 {
  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-21350:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21350 { flex-direction: column; } }
.component-21351 {
  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-21351:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21351 { flex-direction: column; } }
.component-21352 {
  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-21352:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21352 { flex-direction: column; } }
.component-21353 {
  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-21353:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21353 { flex-direction: column; } }
.component-21354 {
  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-21354:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21354 { flex-direction: column; } }
.component-21355 {
  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-21355:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21355 { flex-direction: column; } }
.component-21356 {
  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-21356:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21356 { flex-direction: column; } }
.component-21357 {
  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-21357:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21357 { flex-direction: column; } }
.component-21358 {
  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-21358:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21358 { flex-direction: column; } }
.component-21359 {
  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-21359:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21359 { flex-direction: column; } }
.component-21360 {
  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-21360:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21360 { flex-direction: column; } }
.component-21361 {
  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-21361:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21361 { flex-direction: column; } }
.component-21362 {
  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-21362:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21362 { flex-direction: column; } }
.component-21363 {
  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-21363:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21363 { flex-direction: column; } }
.component-21364 {
  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-21364:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21364 { flex-direction: column; } }
.component-21365 {
  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-21365:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21365 { flex-direction: column; } }
.component-21366 {
  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-21366:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21366 { flex-direction: column; } }
.component-21367 {
  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-21367:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21367 { flex-direction: column; } }
.component-21368 {
  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-21368:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21368 { flex-direction: column; } }
.component-21369 {
  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-21369:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21369 { flex-direction: column; } }
.component-21370 {
  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-21370:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21370 { flex-direction: column; } }
.component-21371 {
  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-21371:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21371 { flex-direction: column; } }
.component-21372 {
  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-21372:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21372 { flex-direction: column; } }
.component-21373 {
  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-21373:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21373 { flex-direction: column; } }
.component-21374 {
  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-21374:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21374 { flex-direction: column; } }
.component-21375 {
  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-21375:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21375 { flex-direction: column; } }
.component-21376 {
  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-21376:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21376 { flex-direction: column; } }
.component-21377 {
  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-21377:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21377 { flex-direction: column; } }
.component-21378 {
  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-21378:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21378 { flex-direction: column; } }
.component-21379 {
  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-21379:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21379 { flex-direction: column; } }
.component-21380 {
  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-21380:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21380 { flex-direction: column; } }
.component-21381 {
  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-21381:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21381 { flex-direction: column; } }
.component-21382 {
  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-21382:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21382 { flex-direction: column; } }
.component-21383 {
  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-21383:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21383 { flex-direction: column; } }
.component-21384 {
  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-21384:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21384 { flex-direction: column; } }
.component-21385 {
  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-21385:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21385 { flex-direction: column; } }
.component-21386 {
  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-21386:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21386 { flex-direction: column; } }
.component-21387 {
  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-21387:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21387 { flex-direction: column; } }
.component-21388 {
  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-21388:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21388 { flex-direction: column; } }
.component-21389 {
  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-21389:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21389 { flex-direction: column; } }
.component-21390 {
  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-21390:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21390 { flex-direction: column; } }
.component-21391 {
  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-21391:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21391 { flex-direction: column; } }
.component-21392 {
  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-21392:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21392 { flex-direction: column; } }
.component-21393 {
  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-21393:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21393 { flex-direction: column; } }
.component-21394 {
  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-21394:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21394 { flex-direction: column; } }
.component-21395 {
  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-21395:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21395 { flex-direction: column; } }
.component-21396 {
  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-21396:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21396 { flex-direction: column; } }
.component-21397 {
  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-21397:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21397 { flex-direction: column; } }
.component-21398 {
  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-21398:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21398 { flex-direction: column; } }
.component-21399 {
  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-21399:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21399 { flex-direction: column; } }
.component-21400 {
  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-21400:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21400 { flex-direction: column; } }
.component-21401 {
  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-21401:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21401 { flex-direction: column; } }
.component-21402 {
  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-21402:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21402 { flex-direction: column; } }
.component-21403 {
  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-21403:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21403 { flex-direction: column; } }
.component-21404 {
  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-21404:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21404 { flex-direction: column; } }
.component-21405 {
  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-21405:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21405 { flex-direction: column; } }
.component-21406 {
  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-21406:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21406 { flex-direction: column; } }
.component-21407 {
  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-21407:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21407 { flex-direction: column; } }
.component-21408 {
  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-21408:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21408 { flex-direction: column; } }
.component-21409 {
  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-21409:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21409 { flex-direction: column; } }
.component-21410 {
  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-21410:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21410 { flex-direction: column; } }
.component-21411 {
  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-21411:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21411 { flex-direction: column; } }
.component-21412 {
  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-21412:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21412 { flex-direction: column; } }
.component-21413 {
  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-21413:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21413 { flex-direction: column; } }
.component-21414 {
  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-21414:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21414 { flex-direction: column; } }
.component-21415 {
  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-21415:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21415 { flex-direction: column; } }
.component-21416 {
  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-21416:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21416 { flex-direction: column; } }
.component-21417 {
  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-21417:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21417 { flex-direction: column; } }
.component-21418 {
  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-21418:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21418 { flex-direction: column; } }
.component-21419 {
  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-21419:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21419 { flex-direction: column; } }
.component-21420 {
  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-21420:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21420 { flex-direction: column; } }
.component-21421 {
  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-21421:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21421 { flex-direction: column; } }
.component-21422 {
  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-21422:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21422 { flex-direction: column; } }
.component-21423 {
  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-21423:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21423 { flex-direction: column; } }
.component-21424 {
  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-21424:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21424 { flex-direction: column; } }
.component-21425 {
  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-21425:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21425 { flex-direction: column; } }
.component-21426 {
  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-21426:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21426 { flex-direction: column; } }
.component-21427 {
  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-21427:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21427 { flex-direction: column; } }
.component-21428 {
  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-21428:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21428 { flex-direction: column; } }
.component-21429 {
  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-21429:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21429 { flex-direction: column; } }
.component-21430 {
  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-21430:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21430 { flex-direction: column; } }
.component-21431 {
  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-21431:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21431 { flex-direction: column; } }
.component-21432 {
  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-21432:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21432 { flex-direction: column; } }
.component-21433 {
  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-21433:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21433 { flex-direction: column; } }
.component-21434 {
  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-21434:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21434 { flex-direction: column; } }
.component-21435 {
  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-21435:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21435 { flex-direction: column; } }
.component-21436 {
  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-21436:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21436 { flex-direction: column; } }
.component-21437 {
  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-21437:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21437 { flex-direction: column; } }
.component-21438 {
  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-21438:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21438 { flex-direction: column; } }
.component-21439 {
  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-21439:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21439 { flex-direction: column; } }
.component-21440 {
  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-21440:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21440 { flex-direction: column; } }
.component-21441 {
  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-21441:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21441 { flex-direction: column; } }
.component-21442 {
  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-21442:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21442 { flex-direction: column; } }
.component-21443 {
  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-21443:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21443 { flex-direction: column; } }
.component-21444 {
  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-21444:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21444 { flex-direction: column; } }
.component-21445 {
  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-21445:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21445 { flex-direction: column; } }
.component-21446 {
  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-21446:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21446 { flex-direction: column; } }
.component-21447 {
  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-21447:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21447 { flex-direction: column; } }
.component-21448 {
  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-21448:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21448 { flex-direction: column; } }
.component-21449 {
  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-21449:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21449 { flex-direction: column; } }
.component-21450 {
  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-21450:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21450 { flex-direction: column; } }
.component-21451 {
  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-21451:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21451 { flex-direction: column; } }
.component-21452 {
  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-21452:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21452 { flex-direction: column; } }
.component-21453 {
  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-21453:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21453 { flex-direction: column; } }
.component-21454 {
  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-21454:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21454 { flex-direction: column; } }
.component-21455 {
  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-21455:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21455 { flex-direction: column; } }
.component-21456 {
  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-21456:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21456 { flex-direction: column; } }
.component-21457 {
  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-21457:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21457 { flex-direction: column; } }
.component-21458 {
  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-21458:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21458 { flex-direction: column; } }
.component-21459 {
  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-21459:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21459 { flex-direction: column; } }
.component-21460 {
  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-21460:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21460 { flex-direction: column; } }
.component-21461 {
  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-21461:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21461 { flex-direction: column; } }
.component-21462 {
  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-21462:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21462 { flex-direction: column; } }
.component-21463 {
  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-21463:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21463 { flex-direction: column; } }
.component-21464 {
  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-21464:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21464 { flex-direction: column; } }
.component-21465 {
  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-21465:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21465 { flex-direction: column; } }
.component-21466 {
  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-21466:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21466 { flex-direction: column; } }
.component-21467 {
  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-21467:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21467 { flex-direction: column; } }
.component-21468 {
  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-21468:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21468 { flex-direction: column; } }
.component-21469 {
  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-21469:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21469 { flex-direction: column; } }
.component-21470 {
  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-21470:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21470 { flex-direction: column; } }
.component-21471 {
  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-21471:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21471 { flex-direction: column; } }
.component-21472 {
  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-21472:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21472 { flex-direction: column; } }
.component-21473 {
  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-21473:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21473 { flex-direction: column; } }
.component-21474 {
  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-21474:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21474 { flex-direction: column; } }
.component-21475 {
  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-21475:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21475 { flex-direction: column; } }
.component-21476 {
  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-21476:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21476 { flex-direction: column; } }
.component-21477 {
  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-21477:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21477 { flex-direction: column; } }
.component-21478 {
  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-21478:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21478 { flex-direction: column; } }
.component-21479 {
  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-21479:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21479 { flex-direction: column; } }
.component-21480 {
  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-21480:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21480 { flex-direction: column; } }
.component-21481 {
  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-21481:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21481 { flex-direction: column; } }
.component-21482 {
  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-21482:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21482 { flex-direction: column; } }
.component-21483 {
  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-21483:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21483 { flex-direction: column; } }
.component-21484 {
  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-21484:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21484 { flex-direction: column; } }
.component-21485 {
  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-21485:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21485 { flex-direction: column; } }
.component-21486 {
  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-21486:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21486 { flex-direction: column; } }
.component-21487 {
  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-21487:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21487 { flex-direction: column; } }
.component-21488 {
  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-21488:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21488 { flex-direction: column; } }
.component-21489 {
  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-21489:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21489 { flex-direction: column; } }
.component-21490 {
  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-21490:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21490 { flex-direction: column; } }
.component-21491 {
  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-21491:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21491 { flex-direction: column; } }
.component-21492 {
  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-21492:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21492 { flex-direction: column; } }
.component-21493 {
  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-21493:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21493 { flex-direction: column; } }
.component-21494 {
  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-21494:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21494 { flex-direction: column; } }
.component-21495 {
  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-21495:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21495 { flex-direction: column; } }
.component-21496 {
  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-21496:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21496 { flex-direction: column; } }
.component-21497 {
  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-21497:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21497 { flex-direction: column; } }
.component-21498 {
  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-21498:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21498 { flex-direction: column; } }
.component-21499 {
  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-21499:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21499 { flex-direction: column; } }
.component-21500 {
  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-21500:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21500 { flex-direction: column; } }
.component-21501 {
  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-21501:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21501 { flex-direction: column; } }
.component-21502 {
  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-21502:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21502 { flex-direction: column; } }
.component-21503 {
  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-21503:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21503 { flex-direction: column; } }
.component-21504 {
  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-21504:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21504 { flex-direction: column; } }
.component-21505 {
  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-21505:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21505 { flex-direction: column; } }
.component-21506 {
  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-21506:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21506 { flex-direction: column; } }
.component-21507 {
  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-21507:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21507 { flex-direction: column; } }
.component-21508 {
  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-21508:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21508 { flex-direction: column; } }
.component-21509 {
  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-21509:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21509 { flex-direction: column; } }
.component-21510 {
  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-21510:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21510 { flex-direction: column; } }
.component-21511 {
  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-21511:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21511 { flex-direction: column; } }
.component-21512 {
  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-21512:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21512 { flex-direction: column; } }
.component-21513 {
  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-21513:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21513 { flex-direction: column; } }
.component-21514 {
  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-21514:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21514 { flex-direction: column; } }
.component-21515 {
  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-21515:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21515 { flex-direction: column; } }
.component-21516 {
  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-21516:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21516 { flex-direction: column; } }
.component-21517 {
  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-21517:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21517 { flex-direction: column; } }
.component-21518 {
  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-21518:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21518 { flex-direction: column; } }
.component-21519 {
  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-21519:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21519 { flex-direction: column; } }
.component-21520 {
  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-21520:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21520 { flex-direction: column; } }
.component-21521 {
  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-21521:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21521 { flex-direction: column; } }
.component-21522 {
  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-21522:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21522 { flex-direction: column; } }
.component-21523 {
  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-21523:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21523 { flex-direction: column; } }
.component-21524 {
  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-21524:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21524 { flex-direction: column; } }
.component-21525 {
  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-21525:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21525 { flex-direction: column; } }
.component-21526 {
  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-21526:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21526 { flex-direction: column; } }
.component-21527 {
  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-21527:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21527 { flex-direction: column; } }
.component-21528 {
  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-21528:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21528 { flex-direction: column; } }
.component-21529 {
  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-21529:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21529 { flex-direction: column; } }
.component-21530 {
  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-21530:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21530 { flex-direction: column; } }
.component-21531 {
  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-21531:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21531 { flex-direction: column; } }
.component-21532 {
  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-21532:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21532 { flex-direction: column; } }
.component-21533 {
  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-21533:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21533 { flex-direction: column; } }
.component-21534 {
  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-21534:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21534 { flex-direction: column; } }
.component-21535 {
  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-21535:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21535 { flex-direction: column; } }
.component-21536 {
  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-21536:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21536 { flex-direction: column; } }
.component-21537 {
  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-21537:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21537 { flex-direction: column; } }
.component-21538 {
  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-21538:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21538 { flex-direction: column; } }
.component-21539 {
  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-21539:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21539 { flex-direction: column; } }
.component-21540 {
  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-21540:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21540 { flex-direction: column; } }
.component-21541 {
  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-21541:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21541 { flex-direction: column; } }
.component-21542 {
  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-21542:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21542 { flex-direction: column; } }
.component-21543 {
  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-21543:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21543 { flex-direction: column; } }
.component-21544 {
  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-21544:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21544 { flex-direction: column; } }
.component-21545 {
  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-21545:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21545 { flex-direction: column; } }
.component-21546 {
  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-21546:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21546 { flex-direction: column; } }
.component-21547 {
  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-21547:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21547 { flex-direction: column; } }
.component-21548 {
  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-21548:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21548 { flex-direction: column; } }
.component-21549 {
  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-21549:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21549 { flex-direction: column; } }
.component-21550 {
  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-21550:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21550 { flex-direction: column; } }
.component-21551 {
  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-21551:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21551 { flex-direction: column; } }
.component-21552 {
  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-21552:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21552 { flex-direction: column; } }
.component-21553 {
  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-21553:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21553 { flex-direction: column; } }
.component-21554 {
  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-21554:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21554 { flex-direction: column; } }
.component-21555 {
  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-21555:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21555 { flex-direction: column; } }
.component-21556 {
  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-21556:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21556 { flex-direction: column; } }
.component-21557 {
  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-21557:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21557 { flex-direction: column; } }
.component-21558 {
  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-21558:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21558 { flex-direction: column; } }
.component-21559 {
  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-21559:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21559 { flex-direction: column; } }
.component-21560 {
  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-21560:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21560 { flex-direction: column; } }
.component-21561 {
  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-21561:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21561 { flex-direction: column; } }
.component-21562 {
  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-21562:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21562 { flex-direction: column; } }
.component-21563 {
  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-21563:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21563 { flex-direction: column; } }
.component-21564 {
  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-21564:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21564 { flex-direction: column; } }
.component-21565 {
  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-21565:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21565 { flex-direction: column; } }
.component-21566 {
  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-21566:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21566 { flex-direction: column; } }
.component-21567 {
  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-21567:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21567 { flex-direction: column; } }
.component-21568 {
  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-21568:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21568 { flex-direction: column; } }
.component-21569 {
  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-21569:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21569 { flex-direction: column; } }
.component-21570 {
  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-21570:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21570 { flex-direction: column; } }
.component-21571 {
  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-21571:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21571 { flex-direction: column; } }
.component-21572 {
  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-21572:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21572 { flex-direction: column; } }
.component-21573 {
  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-21573:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21573 { flex-direction: column; } }
.component-21574 {
  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-21574:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21574 { flex-direction: column; } }
.component-21575 {
  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-21575:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21575 { flex-direction: column; } }
.component-21576 {
  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-21576:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21576 { flex-direction: column; } }
.component-21577 {
  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-21577:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21577 { flex-direction: column; } }
.component-21578 {
  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-21578:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21578 { flex-direction: column; } }
.component-21579 {
  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-21579:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21579 { flex-direction: column; } }
.component-21580 {
  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-21580:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21580 { flex-direction: column; } }
.component-21581 {
  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-21581:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21581 { flex-direction: column; } }
.component-21582 {
  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-21582:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21582 { flex-direction: column; } }
.component-21583 {
  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-21583:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21583 { flex-direction: column; } }
.component-21584 {
  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-21584:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21584 { flex-direction: column; } }
.component-21585 {
  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-21585:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21585 { flex-direction: column; } }
.component-21586 {
  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-21586:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21586 { flex-direction: column; } }
.component-21587 {
  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-21587:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21587 { flex-direction: column; } }
.component-21588 {
  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-21588:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21588 { flex-direction: column; } }
.component-21589 {
  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-21589:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21589 { flex-direction: column; } }
.component-21590 {
  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-21590:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21590 { flex-direction: column; } }
.component-21591 {
  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-21591:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21591 { flex-direction: column; } }
.component-21592 {
  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-21592:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21592 { flex-direction: column; } }
.component-21593 {
  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-21593:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21593 { flex-direction: column; } }
.component-21594 {
  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-21594:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21594 { flex-direction: column; } }
.component-21595 {
  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-21595:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21595 { flex-direction: column; } }
.component-21596 {
  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-21596:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21596 { flex-direction: column; } }
.component-21597 {
  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-21597:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21597 { flex-direction: column; } }
.component-21598 {
  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-21598:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21598 { flex-direction: column; } }
.component-21599 {
  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-21599:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21599 { flex-direction: column; } }
.component-21600 {
  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-21600:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21600 { flex-direction: column; } }
.component-21601 {
  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-21601:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21601 { flex-direction: column; } }
.component-21602 {
  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-21602:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21602 { flex-direction: column; } }
.component-21603 {
  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-21603:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21603 { flex-direction: column; } }
.component-21604 {
  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-21604:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21604 { flex-direction: column; } }
.component-21605 {
  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-21605:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21605 { flex-direction: column; } }
.component-21606 {
  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-21606:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21606 { flex-direction: column; } }
.component-21607 {
  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-21607:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21607 { flex-direction: column; } }
.component-21608 {
  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-21608:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21608 { flex-direction: column; } }
.component-21609 {
  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-21609:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21609 { flex-direction: column; } }
.component-21610 {
  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-21610:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21610 { flex-direction: column; } }
.component-21611 {
  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-21611:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21611 { flex-direction: column; } }
.component-21612 {
  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-21612:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21612 { flex-direction: column; } }
.component-21613 {
  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-21613:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21613 { flex-direction: column; } }
.component-21614 {
  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-21614:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21614 { flex-direction: column; } }
.component-21615 {
  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-21615:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21615 { flex-direction: column; } }
.component-21616 {
  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-21616:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21616 { flex-direction: column; } }
.component-21617 {
  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-21617:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21617 { flex-direction: column; } }
.component-21618 {
  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-21618:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21618 { flex-direction: column; } }
.component-21619 {
  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-21619:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21619 { flex-direction: column; } }
.component-21620 {
  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-21620:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21620 { flex-direction: column; } }
.component-21621 {
  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-21621:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21621 { flex-direction: column; } }
.component-21622 {
  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-21622:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21622 { flex-direction: column; } }
.component-21623 {
  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-21623:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21623 { flex-direction: column; } }
.component-21624 {
  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-21624:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21624 { flex-direction: column; } }
.component-21625 {
  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-21625:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21625 { flex-direction: column; } }
.component-21626 {
  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-21626:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21626 { flex-direction: column; } }
.component-21627 {
  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-21627:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21627 { flex-direction: column; } }
.component-21628 {
  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-21628:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21628 { flex-direction: column; } }
.component-21629 {
  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-21629:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21629 { flex-direction: column; } }
.component-21630 {
  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-21630:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21630 { flex-direction: column; } }
.component-21631 {
  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-21631:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21631 { flex-direction: column; } }
.component-21632 {
  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-21632:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21632 { flex-direction: column; } }
.component-21633 {
  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-21633:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21633 { flex-direction: column; } }
.component-21634 {
  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-21634:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21634 { flex-direction: column; } }
.component-21635 {
  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-21635:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21635 { flex-direction: column; } }
.component-21636 {
  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-21636:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21636 { flex-direction: column; } }
.component-21637 {
  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-21637:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21637 { flex-direction: column; } }
.component-21638 {
  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-21638:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21638 { flex-direction: column; } }
.component-21639 {
  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-21639:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21639 { flex-direction: column; } }
.component-21640 {
  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-21640:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21640 { flex-direction: column; } }
.component-21641 {
  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-21641:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21641 { flex-direction: column; } }
.component-21642 {
  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-21642:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21642 { flex-direction: column; } }
.component-21643 {
  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-21643:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21643 { flex-direction: column; } }
.component-21644 {
  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-21644:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21644 { flex-direction: column; } }
.component-21645 {
  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-21645:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21645 { flex-direction: column; } }
.component-21646 {
  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-21646:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21646 { flex-direction: column; } }
.component-21647 {
  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-21647:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21647 { flex-direction: column; } }
.component-21648 {
  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-21648:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21648 { flex-direction: column; } }
.component-21649 {
  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-21649:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21649 { flex-direction: column; } }
.component-21650 {
  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-21650:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21650 { flex-direction: column; } }
.component-21651 {
  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-21651:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21651 { flex-direction: column; } }
.component-21652 {
  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-21652:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21652 { flex-direction: column; } }
.component-21653 {
  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-21653:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21653 { flex-direction: column; } }
.component-21654 {
  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-21654:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21654 { flex-direction: column; } }
.component-21655 {
  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-21655:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21655 { flex-direction: column; } }
.component-21656 {
  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-21656:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21656 { flex-direction: column; } }
.component-21657 {
  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-21657:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21657 { flex-direction: column; } }
.component-21658 {
  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-21658:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21658 { flex-direction: column; } }
.component-21659 {
  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-21659:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21659 { flex-direction: column; } }
.component-21660 {
  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-21660:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21660 { flex-direction: column; } }
.component-21661 {
  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-21661:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21661 { flex-direction: column; } }
.component-21662 {
  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-21662:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21662 { flex-direction: column; } }
.component-21663 {
  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-21663:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21663 { flex-direction: column; } }
.component-21664 {
  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-21664:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21664 { flex-direction: column; } }
.component-21665 {
  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-21665:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21665 { flex-direction: column; } }
.component-21666 {
  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-21666:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21666 { flex-direction: column; } }
.component-21667 {
  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-21667:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21667 { flex-direction: column; } }
.component-21668 {
  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-21668:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21668 { flex-direction: column; } }
.component-21669 {
  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-21669:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21669 { flex-direction: column; } }
.component-21670 {
  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-21670:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21670 { flex-direction: column; } }
.component-21671 {
  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-21671:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21671 { flex-direction: column; } }
.component-21672 {
  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-21672:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21672 { flex-direction: column; } }
.component-21673 {
  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-21673:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21673 { flex-direction: column; } }
.component-21674 {
  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-21674:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21674 { flex-direction: column; } }
.component-21675 {
  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-21675:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21675 { flex-direction: column; } }
.component-21676 {
  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-21676:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21676 { flex-direction: column; } }
.component-21677 {
  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-21677:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21677 { flex-direction: column; } }
.component-21678 {
  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-21678:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21678 { flex-direction: column; } }
.component-21679 {
  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-21679:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21679 { flex-direction: column; } }
.component-21680 {
  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-21680:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21680 { flex-direction: column; } }
.component-21681 {
  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-21681:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21681 { flex-direction: column; } }
.component-21682 {
  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-21682:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21682 { flex-direction: column; } }
.component-21683 {
  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-21683:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21683 { flex-direction: column; } }
.component-21684 {
  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-21684:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21684 { flex-direction: column; } }
.component-21685 {
  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-21685:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21685 { flex-direction: column; } }
.component-21686 {
  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-21686:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21686 { flex-direction: column; } }
.component-21687 {
  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-21687:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21687 { flex-direction: column; } }
.component-21688 {
  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-21688:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21688 { flex-direction: column; } }
.component-21689 {
  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-21689:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21689 { flex-direction: column; } }
.component-21690 {
  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-21690:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21690 { flex-direction: column; } }
.component-21691 {
  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-21691:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21691 { flex-direction: column; } }
.component-21692 {
  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-21692:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21692 { flex-direction: column; } }
.component-21693 {
  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-21693:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21693 { flex-direction: column; } }
.component-21694 {
  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-21694:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21694 { flex-direction: column; } }
.component-21695 {
  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-21695:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21695 { flex-direction: column; } }
.component-21696 {
  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-21696:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21696 { flex-direction: column; } }
.component-21697 {
  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-21697:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21697 { flex-direction: column; } }
.component-21698 {
  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-21698:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21698 { flex-direction: column; } }
.component-21699 {
  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-21699:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21699 { flex-direction: column; } }
.component-21700 {
  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-21700:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21700 { flex-direction: column; } }
.component-21701 {
  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-21701:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21701 { flex-direction: column; } }
.component-21702 {
  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-21702:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21702 { flex-direction: column; } }
.component-21703 {
  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-21703:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21703 { flex-direction: column; } }
.component-21704 {
  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-21704:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21704 { flex-direction: column; } }
.component-21705 {
  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-21705:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21705 { flex-direction: column; } }
.component-21706 {
  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-21706:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21706 { flex-direction: column; } }
.component-21707 {
  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-21707:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21707 { flex-direction: column; } }
.component-21708 {
  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-21708:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21708 { flex-direction: column; } }
.component-21709 {
  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-21709:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21709 { flex-direction: column; } }
.component-21710 {
  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-21710:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21710 { flex-direction: column; } }
.component-21711 {
  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-21711:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21711 { flex-direction: column; } }
.component-21712 {
  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-21712:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21712 { flex-direction: column; } }
.component-21713 {
  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-21713:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21713 { flex-direction: column; } }
.component-21714 {
  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-21714:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21714 { flex-direction: column; } }
.component-21715 {
  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-21715:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21715 { flex-direction: column; } }
.component-21716 {
  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-21716:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21716 { flex-direction: column; } }
.component-21717 {
  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-21717:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21717 { flex-direction: column; } }
.component-21718 {
  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-21718:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21718 { flex-direction: column; } }
.component-21719 {
  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-21719:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21719 { flex-direction: column; } }
.component-21720 {
  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-21720:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21720 { flex-direction: column; } }
.component-21721 {
  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-21721:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21721 { flex-direction: column; } }
.component-21722 {
  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-21722:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21722 { flex-direction: column; } }
.component-21723 {
  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-21723:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21723 { flex-direction: column; } }
.component-21724 {
  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-21724:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21724 { flex-direction: column; } }
.component-21725 {
  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-21725:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21725 { flex-direction: column; } }
.component-21726 {
  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-21726:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21726 { flex-direction: column; } }
.component-21727 {
  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-21727:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21727 { flex-direction: column; } }
.component-21728 {
  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-21728:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21728 { flex-direction: column; } }
.component-21729 {
  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-21729:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21729 { flex-direction: column; } }
.component-21730 {
  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-21730:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21730 { flex-direction: column; } }
.component-21731 {
  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-21731:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21731 { flex-direction: column; } }
.component-21732 {
  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-21732:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21732 { flex-direction: column; } }
.component-21733 {
  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-21733:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21733 { flex-direction: column; } }
.component-21734 {
  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-21734:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21734 { flex-direction: column; } }
.component-21735 {
  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-21735:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21735 { flex-direction: column; } }
.component-21736 {
  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-21736:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21736 { flex-direction: column; } }
.component-21737 {
  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-21737:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21737 { flex-direction: column; } }
.component-21738 {
  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-21738:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21738 { flex-direction: column; } }
.component-21739 {
  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-21739:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21739 { flex-direction: column; } }
.component-21740 {
  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-21740:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21740 { flex-direction: column; } }
.component-21741 {
  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-21741:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21741 { flex-direction: column; } }
.component-21742 {
  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-21742:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21742 { flex-direction: column; } }
.component-21743 {
  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-21743:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21743 { flex-direction: column; } }
.component-21744 {
  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-21744:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21744 { flex-direction: column; } }
.component-21745 {
  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-21745:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21745 { flex-direction: column; } }
.component-21746 {
  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-21746:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21746 { flex-direction: column; } }
.component-21747 {
  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-21747:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21747 { flex-direction: column; } }
.component-21748 {
  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-21748:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21748 { flex-direction: column; } }
.component-21749 {
  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-21749:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21749 { flex-direction: column; } }
.component-21750 {
  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-21750:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21750 { flex-direction: column; } }
.component-21751 {
  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-21751:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21751 { flex-direction: column; } }
.component-21752 {
  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-21752:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21752 { flex-direction: column; } }
.component-21753 {
  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-21753:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21753 { flex-direction: column; } }
.component-21754 {
  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-21754:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21754 { flex-direction: column; } }
.component-21755 {
  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-21755:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21755 { flex-direction: column; } }
.component-21756 {
  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-21756:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21756 { flex-direction: column; } }
.component-21757 {
  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-21757:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21757 { flex-direction: column; } }
.component-21758 {
  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-21758:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21758 { flex-direction: column; } }
.component-21759 {
  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-21759:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21759 { flex-direction: column; } }
.component-21760 {
  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-21760:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21760 { flex-direction: column; } }
.component-21761 {
  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-21761:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21761 { flex-direction: column; } }
.component-21762 {
  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-21762:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21762 { flex-direction: column; } }
.component-21763 {
  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-21763:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21763 { flex-direction: column; } }
.component-21764 {
  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-21764:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21764 { flex-direction: column; } }
.component-21765 {
  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-21765:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21765 { flex-direction: column; } }
.component-21766 {
  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-21766:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21766 { flex-direction: column; } }
.component-21767 {
  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-21767:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21767 { flex-direction: column; } }
.component-21768 {
  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-21768:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21768 { flex-direction: column; } }
.component-21769 {
  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-21769:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21769 { flex-direction: column; } }
.component-21770 {
  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-21770:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21770 { flex-direction: column; } }
.component-21771 {
  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-21771:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21771 { flex-direction: column; } }
.component-21772 {
  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-21772:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21772 { flex-direction: column; } }
.component-21773 {
  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-21773:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21773 { flex-direction: column; } }
.component-21774 {
  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-21774:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21774 { flex-direction: column; } }
.component-21775 {
  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-21775:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21775 { flex-direction: column; } }
.component-21776 {
  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-21776:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21776 { flex-direction: column; } }
.component-21777 {
  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-21777:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21777 { flex-direction: column; } }
.component-21778 {
  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-21778:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21778 { flex-direction: column; } }
.component-21779 {
  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-21779:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21779 { flex-direction: column; } }
.component-21780 {
  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-21780:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21780 { flex-direction: column; } }
.component-21781 {
  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-21781:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21781 { flex-direction: column; } }
.component-21782 {
  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-21782:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21782 { flex-direction: column; } }
.component-21783 {
  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-21783:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21783 { flex-direction: column; } }
.component-21784 {
  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-21784:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21784 { flex-direction: column; } }
.component-21785 {
  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-21785:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21785 { flex-direction: column; } }
.component-21786 {
  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-21786:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21786 { flex-direction: column; } }
.component-21787 {
  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-21787:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21787 { flex-direction: column; } }
.component-21788 {
  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-21788:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21788 { flex-direction: column; } }
.component-21789 {
  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-21789:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21789 { flex-direction: column; } }
.component-21790 {
  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-21790:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21790 { flex-direction: column; } }
.component-21791 {
  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-21791:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21791 { flex-direction: column; } }
.component-21792 {
  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-21792:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21792 { flex-direction: column; } }
.component-21793 {
  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-21793:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21793 { flex-direction: column; } }
.component-21794 {
  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-21794:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21794 { flex-direction: column; } }
.component-21795 {
  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-21795:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21795 { flex-direction: column; } }
.component-21796 {
  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-21796:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21796 { flex-direction: column; } }
.component-21797 {
  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-21797:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21797 { flex-direction: column; } }
.component-21798 {
  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-21798:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21798 { flex-direction: column; } }
.component-21799 {
  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-21799:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21799 { flex-direction: column; } }
.component-21800 {
  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-21800:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21800 { flex-direction: column; } }
.component-21801 {
  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-21801:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21801 { flex-direction: column; } }
.component-21802 {
  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-21802:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21802 { flex-direction: column; } }
.component-21803 {
  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-21803:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21803 { flex-direction: column; } }
.component-21804 {
  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-21804:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21804 { flex-direction: column; } }
.component-21805 {
  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-21805:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21805 { flex-direction: column; } }
.component-21806 {
  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-21806:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21806 { flex-direction: column; } }
.component-21807 {
  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-21807:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21807 { flex-direction: column; } }
.component-21808 {
  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-21808:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21808 { flex-direction: column; } }
.component-21809 {
  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-21809:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21809 { flex-direction: column; } }
.component-21810 {
  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-21810:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21810 { flex-direction: column; } }
.component-21811 {
  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-21811:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21811 { flex-direction: column; } }
.component-21812 {
  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-21812:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21812 { flex-direction: column; } }
.component-21813 {
  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-21813:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21813 { flex-direction: column; } }
.component-21814 {
  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-21814:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21814 { flex-direction: column; } }
.component-21815 {
  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-21815:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21815 { flex-direction: column; } }
.component-21816 {
  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-21816:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21816 { flex-direction: column; } }
.component-21817 {
  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-21817:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21817 { flex-direction: column; } }
.component-21818 {
  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-21818:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21818 { flex-direction: column; } }
.component-21819 {
  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-21819:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21819 { flex-direction: column; } }
.component-21820 {
  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-21820:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21820 { flex-direction: column; } }
.component-21821 {
  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-21821:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21821 { flex-direction: column; } }
.component-21822 {
  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-21822:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21822 { flex-direction: column; } }
.component-21823 {
  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-21823:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21823 { flex-direction: column; } }
.component-21824 {
  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-21824:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21824 { flex-direction: column; } }
.component-21825 {
  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-21825:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21825 { flex-direction: column; } }
.component-21826 {
  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-21826:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21826 { flex-direction: column; } }
.component-21827 {
  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-21827:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21827 { flex-direction: column; } }
.component-21828 {
  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-21828:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21828 { flex-direction: column; } }
.component-21829 {
  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-21829:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21829 { flex-direction: column; } }
.component-21830 {
  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-21830:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21830 { flex-direction: column; } }
.component-21831 {
  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-21831:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21831 { flex-direction: column; } }
.component-21832 {
  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-21832:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21832 { flex-direction: column; } }
.component-21833 {
  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-21833:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21833 { flex-direction: column; } }
.component-21834 {
  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-21834:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21834 { flex-direction: column; } }
.component-21835 {
  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-21835:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21835 { flex-direction: column; } }
.component-21836 {
  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-21836:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21836 { flex-direction: column; } }
.component-21837 {
  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-21837:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21837 { flex-direction: column; } }
.component-21838 {
  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-21838:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21838 { flex-direction: column; } }
.component-21839 {
  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-21839:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21839 { flex-direction: column; } }
.component-21840 {
  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-21840:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21840 { flex-direction: column; } }
.component-21841 {
  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-21841:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21841 { flex-direction: column; } }
.component-21842 {
  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-21842:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21842 { flex-direction: column; } }
.component-21843 {
  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-21843:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21843 { flex-direction: column; } }
.component-21844 {
  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-21844:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21844 { flex-direction: column; } }
.component-21845 {
  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-21845:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21845 { flex-direction: column; } }
.component-21846 {
  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-21846:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21846 { flex-direction: column; } }
.component-21847 {
  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-21847:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21847 { flex-direction: column; } }
.component-21848 {
  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-21848:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21848 { flex-direction: column; } }
.component-21849 {
  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-21849:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21849 { flex-direction: column; } }
.component-21850 {
  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-21850:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21850 { flex-direction: column; } }
.component-21851 {
  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-21851:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21851 { flex-direction: column; } }
.component-21852 {
  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-21852:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21852 { flex-direction: column; } }
.component-21853 {
  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-21853:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21853 { flex-direction: column; } }
.component-21854 {
  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-21854:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21854 { flex-direction: column; } }
.component-21855 {
  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-21855:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21855 { flex-direction: column; } }
.component-21856 {
  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-21856:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21856 { flex-direction: column; } }
.component-21857 {
  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-21857:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21857 { flex-direction: column; } }
.component-21858 {
  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-21858:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21858 { flex-direction: column; } }
.component-21859 {
  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-21859:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21859 { flex-direction: column; } }
.component-21860 {
  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-21860:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21860 { flex-direction: column; } }
.component-21861 {
  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-21861:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21861 { flex-direction: column; } }
.component-21862 {
  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-21862:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21862 { flex-direction: column; } }
.component-21863 {
  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-21863:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21863 { flex-direction: column; } }
.component-21864 {
  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-21864:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21864 { flex-direction: column; } }
.component-21865 {
  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-21865:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21865 { flex-direction: column; } }
.component-21866 {
  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-21866:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21866 { flex-direction: column; } }
.component-21867 {
  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-21867:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21867 { flex-direction: column; } }
.component-21868 {
  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-21868:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21868 { flex-direction: column; } }
.component-21869 {
  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-21869:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21869 { flex-direction: column; } }
.component-21870 {
  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-21870:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21870 { flex-direction: column; } }
.component-21871 {
  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-21871:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21871 { flex-direction: column; } }
.component-21872 {
  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-21872:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21872 { flex-direction: column; } }
.component-21873 {
  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-21873:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21873 { flex-direction: column; } }
.component-21874 {
  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-21874:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21874 { flex-direction: column; } }
.component-21875 {
  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-21875:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21875 { flex-direction: column; } }
.component-21876 {
  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-21876:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21876 { flex-direction: column; } }
.component-21877 {
  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-21877:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21877 { flex-direction: column; } }
.component-21878 {
  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-21878:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21878 { flex-direction: column; } }
.component-21879 {
  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-21879:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21879 { flex-direction: column; } }
.component-21880 {
  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-21880:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21880 { flex-direction: column; } }
.component-21881 {
  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-21881:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21881 { flex-direction: column; } }
.component-21882 {
  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-21882:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21882 { flex-direction: column; } }
.component-21883 {
  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-21883:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21883 { flex-direction: column; } }
.component-21884 {
  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-21884:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21884 { flex-direction: column; } }
.component-21885 {
  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-21885:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21885 { flex-direction: column; } }
.component-21886 {
  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-21886:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21886 { flex-direction: column; } }
.component-21887 {
  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-21887:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21887 { flex-direction: column; } }
.component-21888 {
  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-21888:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21888 { flex-direction: column; } }
.component-21889 {
  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-21889:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21889 { flex-direction: column; } }
.component-21890 {
  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-21890:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21890 { flex-direction: column; } }
.component-21891 {
  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-21891:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21891 { flex-direction: column; } }
.component-21892 {
  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-21892:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21892 { flex-direction: column; } }
.component-21893 {
  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-21893:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21893 { flex-direction: column; } }
.component-21894 {
  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-21894:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21894 { flex-direction: column; } }
.component-21895 {
  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-21895:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21895 { flex-direction: column; } }
.component-21896 {
  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-21896:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21896 { flex-direction: column; } }
.component-21897 {
  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-21897:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21897 { flex-direction: column; } }
.component-21898 {
  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-21898:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21898 { flex-direction: column; } }
.component-21899 {
  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-21899:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21899 { flex-direction: column; } }
.component-21900 {
  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-21900:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21900 { flex-direction: column; } }
.component-21901 {
  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-21901:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21901 { flex-direction: column; } }
.component-21902 {
  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-21902:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21902 { flex-direction: column; } }
.component-21903 {
  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-21903:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21903 { flex-direction: column; } }
.component-21904 {
  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-21904:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21904 { flex-direction: column; } }
.component-21905 {
  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-21905:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21905 { flex-direction: column; } }
.component-21906 {
  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-21906:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21906 { flex-direction: column; } }
.component-21907 {
  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-21907:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21907 { flex-direction: column; } }
.component-21908 {
  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-21908:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21908 { flex-direction: column; } }
.component-21909 {
  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-21909:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21909 { flex-direction: column; } }
.component-21910 {
  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-21910:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21910 { flex-direction: column; } }
.component-21911 {
  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-21911:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21911 { flex-direction: column; } }
.component-21912 {
  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-21912:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21912 { flex-direction: column; } }
.component-21913 {
  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-21913:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21913 { flex-direction: column; } }
.component-21914 {
  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-21914:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21914 { flex-direction: column; } }
.component-21915 {
  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-21915:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21915 { flex-direction: column; } }
.component-21916 {
  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-21916:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21916 { flex-direction: column; } }
.component-21917 {
  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-21917:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21917 { flex-direction: column; } }
.component-21918 {
  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-21918:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21918 { flex-direction: column; } }
.component-21919 {
  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-21919:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21919 { flex-direction: column; } }
.component-21920 {
  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-21920:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21920 { flex-direction: column; } }
.component-21921 {
  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-21921:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21921 { flex-direction: column; } }
.component-21922 {
  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-21922:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21922 { flex-direction: column; } }
.component-21923 {
  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-21923:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21923 { flex-direction: column; } }
.component-21924 {
  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-21924:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21924 { flex-direction: column; } }
.component-21925 {
  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-21925:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21925 { flex-direction: column; } }
.component-21926 {
  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-21926:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21926 { flex-direction: column; } }
.component-21927 {
  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-21927:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21927 { flex-direction: column; } }
.component-21928 {
  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-21928:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21928 { flex-direction: column; } }
.component-21929 {
  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-21929:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21929 { flex-direction: column; } }
.component-21930 {
  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-21930:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21930 { flex-direction: column; } }
.component-21931 {
  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-21931:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21931 { flex-direction: column; } }
.component-21932 {
  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-21932:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21932 { flex-direction: column; } }
.component-21933 {
  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-21933:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21933 { flex-direction: column; } }
.component-21934 {
  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-21934:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21934 { flex-direction: column; } }
.component-21935 {
  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-21935:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21935 { flex-direction: column; } }
.component-21936 {
  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-21936:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21936 { flex-direction: column; } }
.component-21937 {
  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-21937:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21937 { flex-direction: column; } }
.component-21938 {
  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-21938:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21938 { flex-direction: column; } }
.component-21939 {
  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-21939:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21939 { flex-direction: column; } }
.component-21940 {
  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-21940:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21940 { flex-direction: column; } }
.component-21941 {
  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-21941:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21941 { flex-direction: column; } }
.component-21942 {
  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-21942:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21942 { flex-direction: column; } }
.component-21943 {
  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-21943:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21943 { flex-direction: column; } }
.component-21944 {
  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-21944:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21944 { flex-direction: column; } }
.component-21945 {
  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-21945:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21945 { flex-direction: column; } }
.component-21946 {
  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-21946:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21946 { flex-direction: column; } }
.component-21947 {
  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-21947:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21947 { flex-direction: column; } }
.component-21948 {
  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-21948:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21948 { flex-direction: column; } }
.component-21949 {
  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-21949:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21949 { flex-direction: column; } }
.component-21950 {
  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-21950:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21950 { flex-direction: column; } }
.component-21951 {
  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-21951:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21951 { flex-direction: column; } }
.component-21952 {
  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-21952:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21952 { flex-direction: column; } }
.component-21953 {
  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-21953:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21953 { flex-direction: column; } }
.component-21954 {
  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-21954:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21954 { flex-direction: column; } }
.component-21955 {
  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-21955:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21955 { flex-direction: column; } }
.component-21956 {
  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-21956:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21956 { flex-direction: column; } }
.component-21957 {
  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-21957:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21957 { flex-direction: column; } }
.component-21958 {
  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-21958:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21958 { flex-direction: column; } }
.component-21959 {
  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-21959:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21959 { flex-direction: column; } }
.component-21960 {
  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-21960:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21960 { flex-direction: column; } }
.component-21961 {
  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-21961:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21961 { flex-direction: column; } }
.component-21962 {
  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-21962:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21962 { flex-direction: column; } }
.component-21963 {
  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-21963:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21963 { flex-direction: column; } }
.component-21964 {
  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-21964:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21964 { flex-direction: column; } }
.component-21965 {
  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-21965:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21965 { flex-direction: column; } }
.component-21966 {
  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-21966:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21966 { flex-direction: column; } }
.component-21967 {
  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-21967:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21967 { flex-direction: column; } }
.component-21968 {
  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-21968:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21968 { flex-direction: column; } }
.component-21969 {
  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-21969:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21969 { flex-direction: column; } }
.component-21970 {
  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-21970:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21970 { flex-direction: column; } }
.component-21971 {
  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-21971:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21971 { flex-direction: column; } }
.component-21972 {
  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-21972:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21972 { flex-direction: column; } }
.component-21973 {
  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-21973:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21973 { flex-direction: column; } }
.component-21974 {
  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-21974:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21974 { flex-direction: column; } }
.component-21975 {
  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-21975:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21975 { flex-direction: column; } }
.component-21976 {
  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-21976:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21976 { flex-direction: column; } }
.component-21977 {
  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-21977:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21977 { flex-direction: column; } }
.component-21978 {
  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-21978:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21978 { flex-direction: column; } }
.component-21979 {
  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-21979:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21979 { flex-direction: column; } }
.component-21980 {
  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-21980:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21980 { flex-direction: column; } }
.component-21981 {
  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-21981:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21981 { flex-direction: column; } }
.component-21982 {
  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-21982:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21982 { flex-direction: column; } }
.component-21983 {
  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-21983:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21983 { flex-direction: column; } }
.component-21984 {
  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-21984:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21984 { flex-direction: column; } }
.component-21985 {
  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-21985:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-21985 { flex-direction: column; } }
.component-21986 {
  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-21986:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-21986 { flex-direction: column; } }
.component-21987 {
  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-21987:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-21987 { flex-direction: column; } }
.component-21988 {
  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-21988:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-21988 { flex-direction: column; } }
.component-21989 {
  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-21989:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-21989 { flex-direction: column; } }
.component-21990 {
  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-21990:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-21990 { flex-direction: column; } }
.component-21991 {
  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-21991:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-21991 { flex-direction: column; } }
.component-21992 {
  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-21992:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-21992 { flex-direction: column; } }
.component-21993 {
  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-21993:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-21993 { flex-direction: column; } }
.component-21994 {
  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-21994:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-21994 { flex-direction: column; } }
.component-21995 {
  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-21995:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-21995 { flex-direction: column; } }
.component-21996 {
  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-21996:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-21996 { flex-direction: column; } }
.component-21997 {
  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-21997:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-21997 { flex-direction: column; } }
.component-21998 {
  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-21998:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-21998 { flex-direction: column; } }
.component-21999 {
  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-21999:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-21999 { flex-direction: column; } }
.component-22000 {
  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-22000:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22000 { flex-direction: column; } }
.component-22001 {
  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-22001:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22001 { flex-direction: column; } }
.component-22002 {
  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-22002:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22002 { flex-direction: column; } }
.component-22003 {
  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-22003:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22003 { flex-direction: column; } }
.component-22004 {
  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-22004:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22004 { flex-direction: column; } }
.component-22005 {
  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-22005:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22005 { flex-direction: column; } }
.component-22006 {
  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-22006:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22006 { flex-direction: column; } }
.component-22007 {
  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-22007:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22007 { flex-direction: column; } }
.component-22008 {
  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-22008:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22008 { flex-direction: column; } }
.component-22009 {
  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-22009:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22009 { flex-direction: column; } }
.component-22010 {
  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-22010:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22010 { flex-direction: column; } }
.component-22011 {
  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-22011:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22011 { flex-direction: column; } }
.component-22012 {
  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-22012:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22012 { flex-direction: column; } }
.component-22013 {
  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-22013:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22013 { flex-direction: column; } }
.component-22014 {
  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-22014:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22014 { flex-direction: column; } }
.component-22015 {
  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-22015:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22015 { flex-direction: column; } }
.component-22016 {
  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-22016:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22016 { flex-direction: column; } }
.component-22017 {
  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-22017:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22017 { flex-direction: column; } }
.component-22018 {
  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-22018:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22018 { flex-direction: column; } }
.component-22019 {
  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-22019:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22019 { flex-direction: column; } }
.component-22020 {
  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-22020:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22020 { flex-direction: column; } }
.component-22021 {
  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-22021:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22021 { flex-direction: column; } }
.component-22022 {
  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-22022:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22022 { flex-direction: column; } }
.component-22023 {
  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-22023:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22023 { flex-direction: column; } }
.component-22024 {
  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-22024:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22024 { flex-direction: column; } }
.component-22025 {
  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-22025:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22025 { flex-direction: column; } }
.component-22026 {
  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-22026:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22026 { flex-direction: column; } }
.component-22027 {
  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-22027:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22027 { flex-direction: column; } }
.component-22028 {
  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-22028:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22028 { flex-direction: column; } }
.component-22029 {
  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-22029:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22029 { flex-direction: column; } }
.component-22030 {
  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-22030:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22030 { flex-direction: column; } }
.component-22031 {
  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-22031:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22031 { flex-direction: column; } }
.component-22032 {
  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-22032:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22032 { flex-direction: column; } }
.component-22033 {
  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-22033:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22033 { flex-direction: column; } }
.component-22034 {
  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-22034:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22034 { flex-direction: column; } }
.component-22035 {
  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-22035:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22035 { flex-direction: column; } }
.component-22036 {
  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-22036:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22036 { flex-direction: column; } }
.component-22037 {
  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-22037:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22037 { flex-direction: column; } }
.component-22038 {
  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-22038:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22038 { flex-direction: column; } }
.component-22039 {
  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-22039:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22039 { flex-direction: column; } }
.component-22040 {
  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-22040:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22040 { flex-direction: column; } }
.component-22041 {
  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-22041:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22041 { flex-direction: column; } }
.component-22042 {
  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-22042:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22042 { flex-direction: column; } }
.component-22043 {
  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-22043:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22043 { flex-direction: column; } }
.component-22044 {
  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-22044:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22044 { flex-direction: column; } }
.component-22045 {
  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-22045:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22045 { flex-direction: column; } }
.component-22046 {
  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-22046:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22046 { flex-direction: column; } }
.component-22047 {
  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-22047:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22047 { flex-direction: column; } }
.component-22048 {
  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-22048:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22048 { flex-direction: column; } }
.component-22049 {
  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-22049:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22049 { flex-direction: column; } }
.component-22050 {
  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-22050:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22050 { flex-direction: column; } }
.component-22051 {
  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-22051:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22051 { flex-direction: column; } }
.component-22052 {
  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-22052:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22052 { flex-direction: column; } }
.component-22053 {
  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-22053:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22053 { flex-direction: column; } }
.component-22054 {
  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-22054:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22054 { flex-direction: column; } }
.component-22055 {
  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-22055:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22055 { flex-direction: column; } }
.component-22056 {
  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-22056:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22056 { flex-direction: column; } }
.component-22057 {
  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-22057:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22057 { flex-direction: column; } }
.component-22058 {
  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-22058:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22058 { flex-direction: column; } }
.component-22059 {
  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-22059:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22059 { flex-direction: column; } }
.component-22060 {
  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-22060:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22060 { flex-direction: column; } }
.component-22061 {
  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-22061:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22061 { flex-direction: column; } }
.component-22062 {
  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-22062:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22062 { flex-direction: column; } }
.component-22063 {
  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-22063:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22063 { flex-direction: column; } }
.component-22064 {
  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-22064:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22064 { flex-direction: column; } }
.component-22065 {
  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-22065:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22065 { flex-direction: column; } }
.component-22066 {
  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-22066:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22066 { flex-direction: column; } }
.component-22067 {
  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-22067:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22067 { flex-direction: column; } }
.component-22068 {
  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-22068:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22068 { flex-direction: column; } }
.component-22069 {
  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-22069:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22069 { flex-direction: column; } }
.component-22070 {
  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-22070:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22070 { flex-direction: column; } }
.component-22071 {
  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-22071:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22071 { flex-direction: column; } }
.component-22072 {
  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-22072:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22072 { flex-direction: column; } }
.component-22073 {
  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-22073:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22073 { flex-direction: column; } }
.component-22074 {
  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-22074:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22074 { flex-direction: column; } }
.component-22075 {
  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-22075:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22075 { flex-direction: column; } }
.component-22076 {
  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-22076:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22076 { flex-direction: column; } }
.component-22077 {
  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-22077:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22077 { flex-direction: column; } }
.component-22078 {
  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-22078:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22078 { flex-direction: column; } }
.component-22079 {
  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-22079:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22079 { flex-direction: column; } }
.component-22080 {
  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-22080:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22080 { flex-direction: column; } }
.component-22081 {
  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-22081:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22081 { flex-direction: column; } }
.component-22082 {
  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-22082:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22082 { flex-direction: column; } }
.component-22083 {
  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-22083:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22083 { flex-direction: column; } }
.component-22084 {
  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-22084:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22084 { flex-direction: column; } }
.component-22085 {
  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-22085:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22085 { flex-direction: column; } }
.component-22086 {
  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-22086:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22086 { flex-direction: column; } }
.component-22087 {
  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-22087:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22087 { flex-direction: column; } }
.component-22088 {
  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-22088:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22088 { flex-direction: column; } }
.component-22089 {
  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-22089:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22089 { flex-direction: column; } }
.component-22090 {
  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-22090:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22090 { flex-direction: column; } }
.component-22091 {
  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-22091:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22091 { flex-direction: column; } }
.component-22092 {
  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-22092:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22092 { flex-direction: column; } }
.component-22093 {
  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-22093:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22093 { flex-direction: column; } }
.component-22094 {
  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-22094:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22094 { flex-direction: column; } }
.component-22095 {
  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-22095:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22095 { flex-direction: column; } }
.component-22096 {
  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-22096:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22096 { flex-direction: column; } }
.component-22097 {
  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-22097:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22097 { flex-direction: column; } }
.component-22098 {
  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-22098:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22098 { flex-direction: column; } }
.component-22099 {
  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-22099:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22099 { flex-direction: column; } }
.component-22100 {
  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-22100:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22100 { flex-direction: column; } }
.component-22101 {
  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-22101:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22101 { flex-direction: column; } }
.component-22102 {
  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-22102:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22102 { flex-direction: column; } }
.component-22103 {
  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-22103:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22103 { flex-direction: column; } }
.component-22104 {
  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-22104:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22104 { flex-direction: column; } }
.component-22105 {
  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-22105:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22105 { flex-direction: column; } }
.component-22106 {
  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-22106:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22106 { flex-direction: column; } }
.component-22107 {
  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-22107:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22107 { flex-direction: column; } }
.component-22108 {
  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-22108:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22108 { flex-direction: column; } }
.component-22109 {
  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-22109:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22109 { flex-direction: column; } }
.component-22110 {
  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-22110:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22110 { flex-direction: column; } }
.component-22111 {
  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-22111:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22111 { flex-direction: column; } }
.component-22112 {
  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-22112:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22112 { flex-direction: column; } }
.component-22113 {
  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-22113:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22113 { flex-direction: column; } }
.component-22114 {
  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-22114:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22114 { flex-direction: column; } }
.component-22115 {
  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-22115:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22115 { flex-direction: column; } }
.component-22116 {
  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-22116:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22116 { flex-direction: column; } }
.component-22117 {
  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-22117:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22117 { flex-direction: column; } }
.component-22118 {
  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-22118:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22118 { flex-direction: column; } }
.component-22119 {
  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-22119:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22119 { flex-direction: column; } }
.component-22120 {
  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-22120:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22120 { flex-direction: column; } }
.component-22121 {
  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-22121:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22121 { flex-direction: column; } }
.component-22122 {
  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-22122:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22122 { flex-direction: column; } }
.component-22123 {
  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-22123:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22123 { flex-direction: column; } }
.component-22124 {
  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-22124:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22124 { flex-direction: column; } }
.component-22125 {
  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-22125:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22125 { flex-direction: column; } }
.component-22126 {
  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-22126:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22126 { flex-direction: column; } }
.component-22127 {
  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-22127:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22127 { flex-direction: column; } }
.component-22128 {
  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-22128:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22128 { flex-direction: column; } }
.component-22129 {
  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-22129:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22129 { flex-direction: column; } }
.component-22130 {
  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-22130:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22130 { flex-direction: column; } }
.component-22131 {
  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-22131:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22131 { flex-direction: column; } }
.component-22132 {
  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-22132:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22132 { flex-direction: column; } }
.component-22133 {
  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-22133:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22133 { flex-direction: column; } }
.component-22134 {
  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-22134:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22134 { flex-direction: column; } }
.component-22135 {
  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-22135:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22135 { flex-direction: column; } }
.component-22136 {
  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-22136:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22136 { flex-direction: column; } }
.component-22137 {
  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-22137:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22137 { flex-direction: column; } }
.component-22138 {
  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-22138:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22138 { flex-direction: column; } }
.component-22139 {
  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-22139:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22139 { flex-direction: column; } }
.component-22140 {
  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-22140:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22140 { flex-direction: column; } }
.component-22141 {
  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-22141:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22141 { flex-direction: column; } }
.component-22142 {
  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-22142:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22142 { flex-direction: column; } }
.component-22143 {
  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-22143:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22143 { flex-direction: column; } }
.component-22144 {
  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-22144:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22144 { flex-direction: column; } }
.component-22145 {
  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-22145:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22145 { flex-direction: column; } }
.component-22146 {
  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-22146:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22146 { flex-direction: column; } }
.component-22147 {
  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-22147:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22147 { flex-direction: column; } }
.component-22148 {
  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-22148:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22148 { flex-direction: column; } }
.component-22149 {
  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-22149:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22149 { flex-direction: column; } }
.component-22150 {
  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-22150:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22150 { flex-direction: column; } }
.component-22151 {
  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-22151:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22151 { flex-direction: column; } }
.component-22152 {
  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-22152:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22152 { flex-direction: column; } }
.component-22153 {
  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-22153:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22153 { flex-direction: column; } }
.component-22154 {
  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-22154:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22154 { flex-direction: column; } }
.component-22155 {
  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-22155:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22155 { flex-direction: column; } }
.component-22156 {
  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-22156:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22156 { flex-direction: column; } }
.component-22157 {
  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-22157:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22157 { flex-direction: column; } }
.component-22158 {
  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-22158:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22158 { flex-direction: column; } }
.component-22159 {
  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-22159:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22159 { flex-direction: column; } }
.component-22160 {
  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-22160:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22160 { flex-direction: column; } }
.component-22161 {
  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-22161:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22161 { flex-direction: column; } }
.component-22162 {
  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-22162:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22162 { flex-direction: column; } }
.component-22163 {
  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-22163:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22163 { flex-direction: column; } }
.component-22164 {
  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-22164:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22164 { flex-direction: column; } }
.component-22165 {
  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-22165:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22165 { flex-direction: column; } }
.component-22166 {
  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-22166:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22166 { flex-direction: column; } }
.component-22167 {
  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-22167:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22167 { flex-direction: column; } }
.component-22168 {
  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-22168:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22168 { flex-direction: column; } }
.component-22169 {
  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-22169:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22169 { flex-direction: column; } }
.component-22170 {
  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-22170:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22170 { flex-direction: column; } }
.component-22171 {
  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-22171:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22171 { flex-direction: column; } }
.component-22172 {
  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-22172:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22172 { flex-direction: column; } }
.component-22173 {
  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-22173:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22173 { flex-direction: column; } }
.component-22174 {
  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-22174:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22174 { flex-direction: column; } }
.component-22175 {
  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-22175:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22175 { flex-direction: column; } }
.component-22176 {
  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-22176:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22176 { flex-direction: column; } }
.component-22177 {
  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-22177:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22177 { flex-direction: column; } }
.component-22178 {
  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-22178:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22178 { flex-direction: column; } }
.component-22179 {
  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-22179:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22179 { flex-direction: column; } }
.component-22180 {
  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-22180:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22180 { flex-direction: column; } }
.component-22181 {
  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-22181:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22181 { flex-direction: column; } }
.component-22182 {
  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-22182:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22182 { flex-direction: column; } }
.component-22183 {
  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-22183:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22183 { flex-direction: column; } }
.component-22184 {
  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-22184:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22184 { flex-direction: column; } }
.component-22185 {
  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-22185:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22185 { flex-direction: column; } }
.component-22186 {
  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-22186:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22186 { flex-direction: column; } }
.component-22187 {
  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-22187:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22187 { flex-direction: column; } }
.component-22188 {
  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-22188:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22188 { flex-direction: column; } }
.component-22189 {
  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-22189:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22189 { flex-direction: column; } }
.component-22190 {
  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-22190:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22190 { flex-direction: column; } }
.component-22191 {
  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-22191:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22191 { flex-direction: column; } }
.component-22192 {
  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-22192:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22192 { flex-direction: column; } }
.component-22193 {
  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-22193:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22193 { flex-direction: column; } }
.component-22194 {
  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-22194:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22194 { flex-direction: column; } }
.component-22195 {
  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-22195:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22195 { flex-direction: column; } }
.component-22196 {
  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-22196:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22196 { flex-direction: column; } }
.component-22197 {
  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-22197:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22197 { flex-direction: column; } }
.component-22198 {
  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-22198:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22198 { flex-direction: column; } }
.component-22199 {
  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-22199:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22199 { flex-direction: column; } }
.component-22200 {
  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-22200:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22200 { flex-direction: column; } }
.component-22201 {
  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-22201:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22201 { flex-direction: column; } }
.component-22202 {
  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-22202:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22202 { flex-direction: column; } }
.component-22203 {
  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-22203:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22203 { flex-direction: column; } }
.component-22204 {
  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-22204:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22204 { flex-direction: column; } }
.component-22205 {
  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-22205:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22205 { flex-direction: column; } }
.component-22206 {
  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-22206:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22206 { flex-direction: column; } }
.component-22207 {
  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-22207:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22207 { flex-direction: column; } }
.component-22208 {
  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-22208:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22208 { flex-direction: column; } }
.component-22209 {
  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-22209:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22209 { flex-direction: column; } }
.component-22210 {
  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-22210:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22210 { flex-direction: column; } }
.component-22211 {
  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-22211:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22211 { flex-direction: column; } }
.component-22212 {
  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-22212:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22212 { flex-direction: column; } }
.component-22213 {
  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-22213:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22213 { flex-direction: column; } }
.component-22214 {
  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-22214:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22214 { flex-direction: column; } }
.component-22215 {
  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-22215:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22215 { flex-direction: column; } }
.component-22216 {
  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-22216:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22216 { flex-direction: column; } }
.component-22217 {
  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-22217:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22217 { flex-direction: column; } }
.component-22218 {
  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-22218:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22218 { flex-direction: column; } }
.component-22219 {
  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-22219:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22219 { flex-direction: column; } }
.component-22220 {
  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-22220:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22220 { flex-direction: column; } }
.component-22221 {
  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-22221:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22221 { flex-direction: column; } }
.component-22222 {
  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-22222:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22222 { flex-direction: column; } }
.component-22223 {
  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-22223:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22223 { flex-direction: column; } }
.component-22224 {
  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-22224:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22224 { flex-direction: column; } }
.component-22225 {
  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-22225:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22225 { flex-direction: column; } }
.component-22226 {
  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-22226:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22226 { flex-direction: column; } }
.component-22227 {
  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-22227:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22227 { flex-direction: column; } }
.component-22228 {
  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-22228:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22228 { flex-direction: column; } }
.component-22229 {
  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-22229:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22229 { flex-direction: column; } }
.component-22230 {
  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-22230:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22230 { flex-direction: column; } }
.component-22231 {
  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-22231:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22231 { flex-direction: column; } }
.component-22232 {
  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-22232:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22232 { flex-direction: column; } }
.component-22233 {
  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-22233:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22233 { flex-direction: column; } }
.component-22234 {
  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-22234:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22234 { flex-direction: column; } }
.component-22235 {
  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-22235:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22235 { flex-direction: column; } }
.component-22236 {
  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-22236:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22236 { flex-direction: column; } }
.component-22237 {
  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-22237:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22237 { flex-direction: column; } }
.component-22238 {
  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-22238:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22238 { flex-direction: column; } }
.component-22239 {
  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-22239:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22239 { flex-direction: column; } }
.component-22240 {
  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-22240:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22240 { flex-direction: column; } }
.component-22241 {
  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-22241:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22241 { flex-direction: column; } }
.component-22242 {
  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-22242:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22242 { flex-direction: column; } }
.component-22243 {
  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-22243:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22243 { flex-direction: column; } }
.component-22244 {
  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-22244:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22244 { flex-direction: column; } }
.component-22245 {
  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-22245:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22245 { flex-direction: column; } }
.component-22246 {
  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-22246:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22246 { flex-direction: column; } }
.component-22247 {
  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-22247:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22247 { flex-direction: column; } }
.component-22248 {
  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-22248:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22248 { flex-direction: column; } }
.component-22249 {
  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-22249:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22249 { flex-direction: column; } }
.component-22250 {
  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-22250:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22250 { flex-direction: column; } }
.component-22251 {
  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-22251:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22251 { flex-direction: column; } }
.component-22252 {
  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-22252:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22252 { flex-direction: column; } }
.component-22253 {
  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-22253:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22253 { flex-direction: column; } }
.component-22254 {
  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-22254:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22254 { flex-direction: column; } }
.component-22255 {
  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-22255:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22255 { flex-direction: column; } }
.component-22256 {
  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-22256:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22256 { flex-direction: column; } }
.component-22257 {
  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-22257:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22257 { flex-direction: column; } }
.component-22258 {
  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-22258:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22258 { flex-direction: column; } }
.component-22259 {
  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-22259:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22259 { flex-direction: column; } }
.component-22260 {
  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-22260:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22260 { flex-direction: column; } }
.component-22261 {
  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-22261:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22261 { flex-direction: column; } }
.component-22262 {
  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-22262:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22262 { flex-direction: column; } }
.component-22263 {
  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-22263:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22263 { flex-direction: column; } }
.component-22264 {
  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-22264:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22264 { flex-direction: column; } }
.component-22265 {
  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-22265:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22265 { flex-direction: column; } }
.component-22266 {
  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-22266:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22266 { flex-direction: column; } }
.component-22267 {
  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-22267:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22267 { flex-direction: column; } }
.component-22268 {
  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-22268:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22268 { flex-direction: column; } }
.component-22269 {
  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-22269:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22269 { flex-direction: column; } }
.component-22270 {
  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-22270:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22270 { flex-direction: column; } }
.component-22271 {
  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-22271:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22271 { flex-direction: column; } }
.component-22272 {
  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-22272:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22272 { flex-direction: column; } }
.component-22273 {
  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-22273:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22273 { flex-direction: column; } }
.component-22274 {
  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-22274:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22274 { flex-direction: column; } }
.component-22275 {
  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-22275:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22275 { flex-direction: column; } }
.component-22276 {
  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-22276:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22276 { flex-direction: column; } }
.component-22277 {
  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-22277:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22277 { flex-direction: column; } }
.component-22278 {
  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-22278:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22278 { flex-direction: column; } }
.component-22279 {
  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-22279:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22279 { flex-direction: column; } }
.component-22280 {
  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-22280:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22280 { flex-direction: column; } }
.component-22281 {
  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-22281:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22281 { flex-direction: column; } }
.component-22282 {
  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-22282:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22282 { flex-direction: column; } }
.component-22283 {
  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-22283:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22283 { flex-direction: column; } }
.component-22284 {
  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-22284:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22284 { flex-direction: column; } }
.component-22285 {
  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-22285:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22285 { flex-direction: column; } }
.component-22286 {
  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-22286:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22286 { flex-direction: column; } }
.component-22287 {
  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-22287:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22287 { flex-direction: column; } }
.component-22288 {
  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-22288:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22288 { flex-direction: column; } }
.component-22289 {
  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-22289:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22289 { flex-direction: column; } }
.component-22290 {
  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-22290:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22290 { flex-direction: column; } }
.component-22291 {
  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-22291:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22291 { flex-direction: column; } }
.component-22292 {
  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-22292:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22292 { flex-direction: column; } }
.component-22293 {
  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-22293:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22293 { flex-direction: column; } }
.component-22294 {
  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-22294:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22294 { flex-direction: column; } }
.component-22295 {
  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-22295:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22295 { flex-direction: column; } }
.component-22296 {
  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-22296:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22296 { flex-direction: column; } }
.component-22297 {
  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-22297:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22297 { flex-direction: column; } }
.component-22298 {
  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-22298:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22298 { flex-direction: column; } }
.component-22299 {
  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-22299:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22299 { flex-direction: column; } }
.component-22300 {
  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-22300:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22300 { flex-direction: column; } }
.component-22301 {
  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-22301:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22301 { flex-direction: column; } }
.component-22302 {
  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-22302:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22302 { flex-direction: column; } }
.component-22303 {
  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-22303:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22303 { flex-direction: column; } }
.component-22304 {
  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-22304:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22304 { flex-direction: column; } }
.component-22305 {
  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-22305:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22305 { flex-direction: column; } }
.component-22306 {
  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-22306:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22306 { flex-direction: column; } }
.component-22307 {
  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-22307:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22307 { flex-direction: column; } }
.component-22308 {
  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-22308:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22308 { flex-direction: column; } }
.component-22309 {
  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-22309:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22309 { flex-direction: column; } }
.component-22310 {
  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-22310:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22310 { flex-direction: column; } }
.component-22311 {
  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-22311:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22311 { flex-direction: column; } }
.component-22312 {
  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-22312:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22312 { flex-direction: column; } }
.component-22313 {
  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-22313:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22313 { flex-direction: column; } }
.component-22314 {
  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-22314:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22314 { flex-direction: column; } }
.component-22315 {
  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-22315:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22315 { flex-direction: column; } }
.component-22316 {
  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-22316:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22316 { flex-direction: column; } }
.component-22317 {
  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-22317:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22317 { flex-direction: column; } }
.component-22318 {
  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-22318:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22318 { flex-direction: column; } }
.component-22319 {
  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-22319:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22319 { flex-direction: column; } }
.component-22320 {
  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-22320:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22320 { flex-direction: column; } }
.component-22321 {
  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-22321:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22321 { flex-direction: column; } }
.component-22322 {
  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-22322:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22322 { flex-direction: column; } }
.component-22323 {
  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-22323:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22323 { flex-direction: column; } }
.component-22324 {
  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-22324:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22324 { flex-direction: column; } }
.component-22325 {
  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-22325:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22325 { flex-direction: column; } }
.component-22326 {
  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-22326:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22326 { flex-direction: column; } }
.component-22327 {
  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-22327:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22327 { flex-direction: column; } }
.component-22328 {
  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-22328:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22328 { flex-direction: column; } }
.component-22329 {
  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-22329:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22329 { flex-direction: column; } }
.component-22330 {
  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-22330:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22330 { flex-direction: column; } }
.component-22331 {
  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-22331:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22331 { flex-direction: column; } }
.component-22332 {
  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-22332:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22332 { flex-direction: column; } }
.component-22333 {
  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-22333:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22333 { flex-direction: column; } }
.component-22334 {
  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-22334:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22334 { flex-direction: column; } }
.component-22335 {
  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-22335:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22335 { flex-direction: column; } }
.component-22336 {
  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-22336:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22336 { flex-direction: column; } }
.component-22337 {
  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-22337:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22337 { flex-direction: column; } }
.component-22338 {
  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-22338:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22338 { flex-direction: column; } }
.component-22339 {
  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-22339:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22339 { flex-direction: column; } }
.component-22340 {
  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-22340:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22340 { flex-direction: column; } }
.component-22341 {
  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-22341:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22341 { flex-direction: column; } }
.component-22342 {
  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-22342:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22342 { flex-direction: column; } }
.component-22343 {
  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-22343:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22343 { flex-direction: column; } }
.component-22344 {
  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-22344:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22344 { flex-direction: column; } }
.component-22345 {
  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-22345:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22345 { flex-direction: column; } }
.component-22346 {
  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-22346:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22346 { flex-direction: column; } }
.component-22347 {
  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-22347:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22347 { flex-direction: column; } }
.component-22348 {
  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-22348:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22348 { flex-direction: column; } }
.component-22349 {
  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-22349:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22349 { flex-direction: column; } }
.component-22350 {
  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-22350:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22350 { flex-direction: column; } }
.component-22351 {
  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-22351:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22351 { flex-direction: column; } }
.component-22352 {
  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-22352:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22352 { flex-direction: column; } }
.component-22353 {
  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-22353:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22353 { flex-direction: column; } }
.component-22354 {
  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-22354:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22354 { flex-direction: column; } }
.component-22355 {
  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-22355:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22355 { flex-direction: column; } }
.component-22356 {
  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-22356:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22356 { flex-direction: column; } }
.component-22357 {
  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-22357:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22357 { flex-direction: column; } }
.component-22358 {
  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-22358:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22358 { flex-direction: column; } }
.component-22359 {
  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-22359:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22359 { flex-direction: column; } }
.component-22360 {
  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-22360:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22360 { flex-direction: column; } }
.component-22361 {
  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-22361:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22361 { flex-direction: column; } }
.component-22362 {
  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-22362:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22362 { flex-direction: column; } }
.component-22363 {
  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-22363:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22363 { flex-direction: column; } }
.component-22364 {
  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-22364:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22364 { flex-direction: column; } }
.component-22365 {
  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-22365:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22365 { flex-direction: column; } }
.component-22366 {
  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-22366:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22366 { flex-direction: column; } }
.component-22367 {
  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-22367:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22367 { flex-direction: column; } }
.component-22368 {
  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-22368:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22368 { flex-direction: column; } }
.component-22369 {
  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-22369:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22369 { flex-direction: column; } }
.component-22370 {
  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-22370:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22370 { flex-direction: column; } }
.component-22371 {
  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-22371:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22371 { flex-direction: column; } }
.component-22372 {
  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-22372:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22372 { flex-direction: column; } }
.component-22373 {
  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-22373:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22373 { flex-direction: column; } }
.component-22374 {
  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-22374:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22374 { flex-direction: column; } }
.component-22375 {
  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-22375:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22375 { flex-direction: column; } }
.component-22376 {
  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-22376:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22376 { flex-direction: column; } }
.component-22377 {
  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-22377:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22377 { flex-direction: column; } }
.component-22378 {
  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-22378:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22378 { flex-direction: column; } }
.component-22379 {
  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-22379:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22379 { flex-direction: column; } }
.component-22380 {
  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-22380:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22380 { flex-direction: column; } }
.component-22381 {
  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-22381:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22381 { flex-direction: column; } }
.component-22382 {
  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-22382:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22382 { flex-direction: column; } }
.component-22383 {
  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-22383:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22383 { flex-direction: column; } }
.component-22384 {
  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-22384:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22384 { flex-direction: column; } }
.component-22385 {
  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-22385:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22385 { flex-direction: column; } }
.component-22386 {
  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-22386:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22386 { flex-direction: column; } }
.component-22387 {
  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-22387:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22387 { flex-direction: column; } }
.component-22388 {
  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-22388:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22388 { flex-direction: column; } }
.component-22389 {
  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-22389:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22389 { flex-direction: column; } }
.component-22390 {
  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-22390:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22390 { flex-direction: column; } }
.component-22391 {
  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-22391:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22391 { flex-direction: column; } }
.component-22392 {
  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-22392:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22392 { flex-direction: column; } }
.component-22393 {
  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-22393:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22393 { flex-direction: column; } }
.component-22394 {
  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-22394:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22394 { flex-direction: column; } }
.component-22395 {
  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-22395:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22395 { flex-direction: column; } }
.component-22396 {
  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-22396:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22396 { flex-direction: column; } }
.component-22397 {
  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-22397:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22397 { flex-direction: column; } }
.component-22398 {
  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-22398:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22398 { flex-direction: column; } }
.component-22399 {
  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-22399:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22399 { flex-direction: column; } }
.component-22400 {
  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-22400:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22400 { flex-direction: column; } }
.component-22401 {
  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-22401:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22401 { flex-direction: column; } }
.component-22402 {
  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-22402:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22402 { flex-direction: column; } }
.component-22403 {
  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-22403:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22403 { flex-direction: column; } }
.component-22404 {
  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-22404:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22404 { flex-direction: column; } }
.component-22405 {
  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-22405:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22405 { flex-direction: column; } }
.component-22406 {
  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-22406:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22406 { flex-direction: column; } }
.component-22407 {
  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-22407:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22407 { flex-direction: column; } }
.component-22408 {
  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-22408:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22408 { flex-direction: column; } }
.component-22409 {
  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-22409:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22409 { flex-direction: column; } }
.component-22410 {
  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-22410:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22410 { flex-direction: column; } }
.component-22411 {
  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-22411:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22411 { flex-direction: column; } }
.component-22412 {
  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-22412:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22412 { flex-direction: column; } }
.component-22413 {
  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-22413:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22413 { flex-direction: column; } }
.component-22414 {
  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-22414:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22414 { flex-direction: column; } }
.component-22415 {
  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-22415:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22415 { flex-direction: column; } }
.component-22416 {
  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-22416:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22416 { flex-direction: column; } }
.component-22417 {
  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-22417:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22417 { flex-direction: column; } }
.component-22418 {
  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-22418:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22418 { flex-direction: column; } }
.component-22419 {
  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-22419:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22419 { flex-direction: column; } }
.component-22420 {
  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-22420:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22420 { flex-direction: column; } }
.component-22421 {
  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-22421:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22421 { flex-direction: column; } }
.component-22422 {
  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-22422:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22422 { flex-direction: column; } }
.component-22423 {
  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-22423:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22423 { flex-direction: column; } }
.component-22424 {
  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-22424:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22424 { flex-direction: column; } }
.component-22425 {
  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-22425:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22425 { flex-direction: column; } }
.component-22426 {
  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-22426:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22426 { flex-direction: column; } }
.component-22427 {
  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-22427:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22427 { flex-direction: column; } }
.component-22428 {
  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-22428:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22428 { flex-direction: column; } }
.component-22429 {
  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-22429:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22429 { flex-direction: column; } }
.component-22430 {
  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-22430:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22430 { flex-direction: column; } }
.component-22431 {
  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-22431:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22431 { flex-direction: column; } }
.component-22432 {
  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-22432:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22432 { flex-direction: column; } }
.component-22433 {
  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-22433:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22433 { flex-direction: column; } }
.component-22434 {
  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-22434:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22434 { flex-direction: column; } }
.component-22435 {
  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-22435:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22435 { flex-direction: column; } }
.component-22436 {
  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-22436:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22436 { flex-direction: column; } }
.component-22437 {
  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-22437:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22437 { flex-direction: column; } }
.component-22438 {
  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-22438:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22438 { flex-direction: column; } }
.component-22439 {
  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-22439:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22439 { flex-direction: column; } }
.component-22440 {
  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-22440:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22440 { flex-direction: column; } }
.component-22441 {
  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-22441:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22441 { flex-direction: column; } }
.component-22442 {
  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-22442:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22442 { flex-direction: column; } }
.component-22443 {
  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-22443:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22443 { flex-direction: column; } }
.component-22444 {
  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-22444:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22444 { flex-direction: column; } }
.component-22445 {
  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-22445:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22445 { flex-direction: column; } }
.component-22446 {
  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-22446:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22446 { flex-direction: column; } }
.component-22447 {
  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-22447:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22447 { flex-direction: column; } }
.component-22448 {
  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-22448:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22448 { flex-direction: column; } }
.component-22449 {
  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-22449:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22449 { flex-direction: column; } }
.component-22450 {
  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-22450:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22450 { flex-direction: column; } }
.component-22451 {
  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-22451:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22451 { flex-direction: column; } }
.component-22452 {
  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-22452:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22452 { flex-direction: column; } }
.component-22453 {
  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-22453:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22453 { flex-direction: column; } }
.component-22454 {
  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-22454:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22454 { flex-direction: column; } }
.component-22455 {
  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-22455:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22455 { flex-direction: column; } }
.component-22456 {
  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-22456:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22456 { flex-direction: column; } }
.component-22457 {
  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-22457:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22457 { flex-direction: column; } }
.component-22458 {
  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-22458:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22458 { flex-direction: column; } }
.component-22459 {
  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-22459:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22459 { flex-direction: column; } }
.component-22460 {
  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-22460:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22460 { flex-direction: column; } }
.component-22461 {
  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-22461:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22461 { flex-direction: column; } }
.component-22462 {
  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-22462:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22462 { flex-direction: column; } }
.component-22463 {
  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-22463:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22463 { flex-direction: column; } }
.component-22464 {
  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-22464:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22464 { flex-direction: column; } }
.component-22465 {
  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-22465:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22465 { flex-direction: column; } }
.component-22466 {
  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-22466:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22466 { flex-direction: column; } }
.component-22467 {
  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-22467:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22467 { flex-direction: column; } }
.component-22468 {
  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-22468:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22468 { flex-direction: column; } }
.component-22469 {
  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-22469:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22469 { flex-direction: column; } }
.component-22470 {
  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-22470:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22470 { flex-direction: column; } }
.component-22471 {
  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-22471:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22471 { flex-direction: column; } }
.component-22472 {
  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-22472:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22472 { flex-direction: column; } }
.component-22473 {
  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-22473:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22473 { flex-direction: column; } }
.component-22474 {
  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-22474:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22474 { flex-direction: column; } }
.component-22475 {
  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-22475:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22475 { flex-direction: column; } }
.component-22476 {
  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-22476:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22476 { flex-direction: column; } }
.component-22477 {
  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-22477:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22477 { flex-direction: column; } }
.component-22478 {
  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-22478:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22478 { flex-direction: column; } }
.component-22479 {
  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-22479:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22479 { flex-direction: column; } }
.component-22480 {
  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-22480:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22480 { flex-direction: column; } }
.component-22481 {
  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-22481:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22481 { flex-direction: column; } }
.component-22482 {
  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-22482:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22482 { flex-direction: column; } }
.component-22483 {
  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-22483:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22483 { flex-direction: column; } }
.component-22484 {
  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-22484:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22484 { flex-direction: column; } }
.component-22485 {
  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-22485:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22485 { flex-direction: column; } }
.component-22486 {
  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-22486:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22486 { flex-direction: column; } }
.component-22487 {
  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-22487:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22487 { flex-direction: column; } }
.component-22488 {
  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-22488:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22488 { flex-direction: column; } }
.component-22489 {
  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-22489:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22489 { flex-direction: column; } }
.component-22490 {
  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-22490:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22490 { flex-direction: column; } }
.component-22491 {
  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-22491:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22491 { flex-direction: column; } }
.component-22492 {
  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-22492:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22492 { flex-direction: column; } }
.component-22493 {
  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-22493:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22493 { flex-direction: column; } }
.component-22494 {
  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-22494:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22494 { flex-direction: column; } }
.component-22495 {
  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-22495:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22495 { flex-direction: column; } }
.component-22496 {
  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-22496:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22496 { flex-direction: column; } }
.component-22497 {
  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-22497:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22497 { flex-direction: column; } }
.component-22498 {
  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-22498:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22498 { flex-direction: column; } }
.component-22499 {
  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-22499:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22499 { flex-direction: column; } }
.component-22500 {
  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-22500:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22500 { flex-direction: column; } }
.component-22501 {
  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-22501:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22501 { flex-direction: column; } }
.component-22502 {
  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-22502:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22502 { flex-direction: column; } }
.component-22503 {
  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-22503:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22503 { flex-direction: column; } }
.component-22504 {
  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-22504:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22504 { flex-direction: column; } }
.component-22505 {
  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-22505:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22505 { flex-direction: column; } }
.component-22506 {
  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-22506:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22506 { flex-direction: column; } }
.component-22507 {
  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-22507:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22507 { flex-direction: column; } }
.component-22508 {
  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-22508:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22508 { flex-direction: column; } }
.component-22509 {
  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-22509:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22509 { flex-direction: column; } }
.component-22510 {
  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-22510:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22510 { flex-direction: column; } }
.component-22511 {
  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-22511:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22511 { flex-direction: column; } }
.component-22512 {
  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-22512:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22512 { flex-direction: column; } }
.component-22513 {
  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-22513:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22513 { flex-direction: column; } }
.component-22514 {
  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-22514:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22514 { flex-direction: column; } }
.component-22515 {
  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-22515:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22515 { flex-direction: column; } }
.component-22516 {
  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-22516:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22516 { flex-direction: column; } }
.component-22517 {
  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-22517:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22517 { flex-direction: column; } }
.component-22518 {
  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-22518:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22518 { flex-direction: column; } }
.component-22519 {
  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-22519:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22519 { flex-direction: column; } }
.component-22520 {
  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-22520:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22520 { flex-direction: column; } }
.component-22521 {
  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-22521:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22521 { flex-direction: column; } }
.component-22522 {
  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-22522:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22522 { flex-direction: column; } }
.component-22523 {
  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-22523:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22523 { flex-direction: column; } }
.component-22524 {
  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-22524:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22524 { flex-direction: column; } }
.component-22525 {
  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-22525:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22525 { flex-direction: column; } }
.component-22526 {
  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-22526:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22526 { flex-direction: column; } }
.component-22527 {
  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-22527:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22527 { flex-direction: column; } }
.component-22528 {
  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-22528:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22528 { flex-direction: column; } }
.component-22529 {
  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-22529:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22529 { flex-direction: column; } }
.component-22530 {
  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-22530:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22530 { flex-direction: column; } }
.component-22531 {
  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-22531:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22531 { flex-direction: column; } }
.component-22532 {
  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-22532:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22532 { flex-direction: column; } }
.component-22533 {
  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-22533:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22533 { flex-direction: column; } }
.component-22534 {
  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-22534:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22534 { flex-direction: column; } }
.component-22535 {
  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-22535:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22535 { flex-direction: column; } }
.component-22536 {
  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-22536:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22536 { flex-direction: column; } }
.component-22537 {
  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-22537:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22537 { flex-direction: column; } }
.component-22538 {
  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-22538:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22538 { flex-direction: column; } }
.component-22539 {
  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-22539:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22539 { flex-direction: column; } }
.component-22540 {
  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-22540:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22540 { flex-direction: column; } }
.component-22541 {
  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-22541:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22541 { flex-direction: column; } }
.component-22542 {
  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-22542:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22542 { flex-direction: column; } }
.component-22543 {
  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-22543:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22543 { flex-direction: column; } }
.component-22544 {
  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-22544:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22544 { flex-direction: column; } }
.component-22545 {
  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-22545:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22545 { flex-direction: column; } }
.component-22546 {
  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-22546:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22546 { flex-direction: column; } }
.component-22547 {
  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-22547:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22547 { flex-direction: column; } }
.component-22548 {
  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-22548:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22548 { flex-direction: column; } }
.component-22549 {
  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-22549:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22549 { flex-direction: column; } }
.component-22550 {
  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-22550:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22550 { flex-direction: column; } }
.component-22551 {
  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-22551:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22551 { flex-direction: column; } }
.component-22552 {
  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-22552:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22552 { flex-direction: column; } }
.component-22553 {
  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-22553:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22553 { flex-direction: column; } }
.component-22554 {
  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-22554:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22554 { flex-direction: column; } }
.component-22555 {
  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-22555:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22555 { flex-direction: column; } }
.component-22556 {
  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-22556:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22556 { flex-direction: column; } }
.component-22557 {
  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-22557:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22557 { flex-direction: column; } }
.component-22558 {
  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-22558:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22558 { flex-direction: column; } }
.component-22559 {
  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-22559:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22559 { flex-direction: column; } }
.component-22560 {
  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-22560:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22560 { flex-direction: column; } }
.component-22561 {
  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-22561:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22561 { flex-direction: column; } }
.component-22562 {
  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-22562:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22562 { flex-direction: column; } }
.component-22563 {
  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-22563:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22563 { flex-direction: column; } }
.component-22564 {
  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-22564:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22564 { flex-direction: column; } }
.component-22565 {
  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-22565:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22565 { flex-direction: column; } }
.component-22566 {
  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-22566:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22566 { flex-direction: column; } }
.component-22567 {
  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-22567:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22567 { flex-direction: column; } }
.component-22568 {
  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-22568:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22568 { flex-direction: column; } }
.component-22569 {
  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-22569:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22569 { flex-direction: column; } }
.component-22570 {
  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-22570:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22570 { flex-direction: column; } }
.component-22571 {
  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-22571:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22571 { flex-direction: column; } }
.component-22572 {
  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-22572:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22572 { flex-direction: column; } }
.component-22573 {
  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-22573:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22573 { flex-direction: column; } }
.component-22574 {
  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-22574:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22574 { flex-direction: column; } }
.component-22575 {
  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-22575:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22575 { flex-direction: column; } }
.component-22576 {
  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-22576:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22576 { flex-direction: column; } }
.component-22577 {
  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-22577:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22577 { flex-direction: column; } }
.component-22578 {
  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-22578:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22578 { flex-direction: column; } }
.component-22579 {
  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-22579:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22579 { flex-direction: column; } }
.component-22580 {
  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-22580:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22580 { flex-direction: column; } }
.component-22581 {
  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-22581:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22581 { flex-direction: column; } }
.component-22582 {
  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-22582:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22582 { flex-direction: column; } }
.component-22583 {
  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-22583:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22583 { flex-direction: column; } }
.component-22584 {
  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-22584:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22584 { flex-direction: column; } }
.component-22585 {
  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-22585:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22585 { flex-direction: column; } }
.component-22586 {
  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-22586:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22586 { flex-direction: column; } }
.component-22587 {
  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-22587:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22587 { flex-direction: column; } }
.component-22588 {
  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-22588:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22588 { flex-direction: column; } }
.component-22589 {
  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-22589:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22589 { flex-direction: column; } }
.component-22590 {
  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-22590:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22590 { flex-direction: column; } }
.component-22591 {
  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-22591:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22591 { flex-direction: column; } }
.component-22592 {
  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-22592:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22592 { flex-direction: column; } }
.component-22593 {
  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-22593:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22593 { flex-direction: column; } }
.component-22594 {
  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-22594:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22594 { flex-direction: column; } }
.component-22595 {
  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-22595:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22595 { flex-direction: column; } }
.component-22596 {
  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-22596:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22596 { flex-direction: column; } }
.component-22597 {
  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-22597:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22597 { flex-direction: column; } }
.component-22598 {
  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-22598:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22598 { flex-direction: column; } }
.component-22599 {
  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-22599:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22599 { flex-direction: column; } }
.component-22600 {
  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-22600:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22600 { flex-direction: column; } }
.component-22601 {
  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-22601:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22601 { flex-direction: column; } }
.component-22602 {
  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-22602:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22602 { flex-direction: column; } }
.component-22603 {
  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-22603:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22603 { flex-direction: column; } }
.component-22604 {
  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-22604:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22604 { flex-direction: column; } }
.component-22605 {
  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-22605:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22605 { flex-direction: column; } }
.component-22606 {
  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-22606:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22606 { flex-direction: column; } }
.component-22607 {
  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-22607:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22607 { flex-direction: column; } }
.component-22608 {
  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-22608:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22608 { flex-direction: column; } }
.component-22609 {
  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-22609:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22609 { flex-direction: column; } }
.component-22610 {
  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-22610:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22610 { flex-direction: column; } }
.component-22611 {
  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-22611:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22611 { flex-direction: column; } }
.component-22612 {
  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-22612:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22612 { flex-direction: column; } }
.component-22613 {
  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-22613:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22613 { flex-direction: column; } }
.component-22614 {
  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-22614:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22614 { flex-direction: column; } }
.component-22615 {
  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-22615:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22615 { flex-direction: column; } }
.component-22616 {
  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-22616:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22616 { flex-direction: column; } }
.component-22617 {
  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-22617:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22617 { flex-direction: column; } }
.component-22618 {
  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-22618:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22618 { flex-direction: column; } }
.component-22619 {
  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-22619:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22619 { flex-direction: column; } }
.component-22620 {
  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-22620:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22620 { flex-direction: column; } }
.component-22621 {
  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-22621:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22621 { flex-direction: column; } }
.component-22622 {
  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-22622:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22622 { flex-direction: column; } }
.component-22623 {
  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-22623:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22623 { flex-direction: column; } }
.component-22624 {
  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-22624:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22624 { flex-direction: column; } }
.component-22625 {
  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-22625:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22625 { flex-direction: column; } }
.component-22626 {
  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-22626:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22626 { flex-direction: column; } }
.component-22627 {
  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-22627:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22627 { flex-direction: column; } }
.component-22628 {
  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-22628:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22628 { flex-direction: column; } }
.component-22629 {
  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-22629:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22629 { flex-direction: column; } }
.component-22630 {
  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-22630:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22630 { flex-direction: column; } }
.component-22631 {
  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-22631:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22631 { flex-direction: column; } }
.component-22632 {
  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-22632:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22632 { flex-direction: column; } }
.component-22633 {
  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-22633:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22633 { flex-direction: column; } }
.component-22634 {
  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-22634:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22634 { flex-direction: column; } }
.component-22635 {
  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-22635:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22635 { flex-direction: column; } }
.component-22636 {
  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-22636:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22636 { flex-direction: column; } }
.component-22637 {
  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-22637:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22637 { flex-direction: column; } }
.component-22638 {
  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-22638:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22638 { flex-direction: column; } }
.component-22639 {
  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-22639:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22639 { flex-direction: column; } }
.component-22640 {
  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-22640:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22640 { flex-direction: column; } }
.component-22641 {
  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-22641:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22641 { flex-direction: column; } }
.component-22642 {
  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-22642:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22642 { flex-direction: column; } }
.component-22643 {
  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-22643:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22643 { flex-direction: column; } }
.component-22644 {
  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-22644:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22644 { flex-direction: column; } }
.component-22645 {
  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-22645:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22645 { flex-direction: column; } }
.component-22646 {
  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-22646:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22646 { flex-direction: column; } }
.component-22647 {
  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-22647:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22647 { flex-direction: column; } }
.component-22648 {
  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-22648:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22648 { flex-direction: column; } }
.component-22649 {
  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-22649:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22649 { flex-direction: column; } }
.component-22650 {
  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-22650:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22650 { flex-direction: column; } }
.component-22651 {
  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-22651:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22651 { flex-direction: column; } }
.component-22652 {
  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-22652:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22652 { flex-direction: column; } }
.component-22653 {
  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-22653:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22653 { flex-direction: column; } }
.component-22654 {
  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-22654:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22654 { flex-direction: column; } }
.component-22655 {
  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-22655:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22655 { flex-direction: column; } }
.component-22656 {
  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-22656:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22656 { flex-direction: column; } }
.component-22657 {
  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-22657:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22657 { flex-direction: column; } }
.component-22658 {
  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-22658:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22658 { flex-direction: column; } }
.component-22659 {
  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-22659:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22659 { flex-direction: column; } }
.component-22660 {
  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-22660:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22660 { flex-direction: column; } }
.component-22661 {
  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-22661:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22661 { flex-direction: column; } }
.component-22662 {
  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-22662:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22662 { flex-direction: column; } }
.component-22663 {
  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-22663:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22663 { flex-direction: column; } }
.component-22664 {
  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-22664:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22664 { flex-direction: column; } }
.component-22665 {
  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-22665:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22665 { flex-direction: column; } }
.component-22666 {
  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-22666:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22666 { flex-direction: column; } }
.component-22667 {
  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-22667:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22667 { flex-direction: column; } }
.component-22668 {
  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-22668:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22668 { flex-direction: column; } }
.component-22669 {
  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-22669:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22669 { flex-direction: column; } }
.component-22670 {
  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-22670:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22670 { flex-direction: column; } }
.component-22671 {
  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-22671:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22671 { flex-direction: column; } }
.component-22672 {
  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-22672:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22672 { flex-direction: column; } }
.component-22673 {
  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-22673:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22673 { flex-direction: column; } }
.component-22674 {
  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-22674:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22674 { flex-direction: column; } }
.component-22675 {
  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-22675:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22675 { flex-direction: column; } }
.component-22676 {
  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-22676:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22676 { flex-direction: column; } }
.component-22677 {
  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-22677:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22677 { flex-direction: column; } }
.component-22678 {
  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-22678:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22678 { flex-direction: column; } }
.component-22679 {
  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-22679:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22679 { flex-direction: column; } }
.component-22680 {
  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-22680:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22680 { flex-direction: column; } }
.component-22681 {
  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-22681:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22681 { flex-direction: column; } }
.component-22682 {
  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-22682:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22682 { flex-direction: column; } }
.component-22683 {
  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-22683:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22683 { flex-direction: column; } }
.component-22684 {
  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-22684:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22684 { flex-direction: column; } }
.component-22685 {
  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-22685:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22685 { flex-direction: column; } }
.component-22686 {
  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-22686:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22686 { flex-direction: column; } }
.component-22687 {
  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-22687:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22687 { flex-direction: column; } }
.component-22688 {
  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-22688:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22688 { flex-direction: column; } }
.component-22689 {
  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-22689:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22689 { flex-direction: column; } }
.component-22690 {
  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-22690:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22690 { flex-direction: column; } }
.component-22691 {
  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-22691:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22691 { flex-direction: column; } }
.component-22692 {
  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-22692:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22692 { flex-direction: column; } }
.component-22693 {
  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-22693:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22693 { flex-direction: column; } }
.component-22694 {
  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-22694:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22694 { flex-direction: column; } }
.component-22695 {
  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-22695:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22695 { flex-direction: column; } }
.component-22696 {
  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-22696:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22696 { flex-direction: column; } }
.component-22697 {
  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-22697:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22697 { flex-direction: column; } }
.component-22698 {
  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-22698:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22698 { flex-direction: column; } }
.component-22699 {
  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-22699:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22699 { flex-direction: column; } }
.component-22700 {
  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-22700:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22700 { flex-direction: column; } }
.component-22701 {
  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-22701:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22701 { flex-direction: column; } }
.component-22702 {
  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-22702:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22702 { flex-direction: column; } }
.component-22703 {
  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-22703:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22703 { flex-direction: column; } }
.component-22704 {
  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-22704:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22704 { flex-direction: column; } }
.component-22705 {
  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-22705:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22705 { flex-direction: column; } }
.component-22706 {
  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-22706:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22706 { flex-direction: column; } }
.component-22707 {
  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-22707:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22707 { flex-direction: column; } }
.component-22708 {
  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-22708:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22708 { flex-direction: column; } }
.component-22709 {
  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-22709:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22709 { flex-direction: column; } }
.component-22710 {
  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-22710:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22710 { flex-direction: column; } }
.component-22711 {
  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-22711:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22711 { flex-direction: column; } }
.component-22712 {
  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-22712:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22712 { flex-direction: column; } }
.component-22713 {
  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-22713:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22713 { flex-direction: column; } }
.component-22714 {
  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-22714:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22714 { flex-direction: column; } }
.component-22715 {
  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-22715:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22715 { flex-direction: column; } }
.component-22716 {
  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-22716:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22716 { flex-direction: column; } }
.component-22717 {
  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-22717:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22717 { flex-direction: column; } }
.component-22718 {
  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-22718:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22718 { flex-direction: column; } }
.component-22719 {
  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-22719:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22719 { flex-direction: column; } }
.component-22720 {
  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-22720:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22720 { flex-direction: column; } }
.component-22721 {
  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-22721:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22721 { flex-direction: column; } }
.component-22722 {
  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-22722:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22722 { flex-direction: column; } }
.component-22723 {
  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-22723:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22723 { flex-direction: column; } }
.component-22724 {
  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-22724:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22724 { flex-direction: column; } }
.component-22725 {
  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-22725:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22725 { flex-direction: column; } }
.component-22726 {
  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-22726:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22726 { flex-direction: column; } }
.component-22727 {
  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-22727:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22727 { flex-direction: column; } }
.component-22728 {
  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-22728:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22728 { flex-direction: column; } }
.component-22729 {
  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-22729:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22729 { flex-direction: column; } }
.component-22730 {
  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-22730:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22730 { flex-direction: column; } }
.component-22731 {
  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-22731:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22731 { flex-direction: column; } }
.component-22732 {
  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-22732:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22732 { flex-direction: column; } }
.component-22733 {
  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-22733:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22733 { flex-direction: column; } }
.component-22734 {
  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-22734:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22734 { flex-direction: column; } }
.component-22735 {
  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-22735:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22735 { flex-direction: column; } }
.component-22736 {
  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-22736:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22736 { flex-direction: column; } }
.component-22737 {
  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-22737:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22737 { flex-direction: column; } }
.component-22738 {
  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-22738:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22738 { flex-direction: column; } }
.component-22739 {
  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-22739:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22739 { flex-direction: column; } }
.component-22740 {
  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-22740:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22740 { flex-direction: column; } }
.component-22741 {
  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-22741:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22741 { flex-direction: column; } }
.component-22742 {
  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-22742:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22742 { flex-direction: column; } }
.component-22743 {
  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-22743:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22743 { flex-direction: column; } }
.component-22744 {
  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-22744:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22744 { flex-direction: column; } }
.component-22745 {
  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-22745:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22745 { flex-direction: column; } }
.component-22746 {
  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-22746:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22746 { flex-direction: column; } }
.component-22747 {
  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-22747:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22747 { flex-direction: column; } }
.component-22748 {
  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-22748:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22748 { flex-direction: column; } }
.component-22749 {
  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-22749:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22749 { flex-direction: column; } }
.component-22750 {
  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-22750:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22750 { flex-direction: column; } }
.component-22751 {
  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-22751:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22751 { flex-direction: column; } }
.component-22752 {
  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-22752:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22752 { flex-direction: column; } }
.component-22753 {
  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-22753:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22753 { flex-direction: column; } }
.component-22754 {
  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-22754:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22754 { flex-direction: column; } }
.component-22755 {
  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-22755:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22755 { flex-direction: column; } }
.component-22756 {
  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-22756:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22756 { flex-direction: column; } }
.component-22757 {
  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-22757:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22757 { flex-direction: column; } }
.component-22758 {
  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-22758:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22758 { flex-direction: column; } }
.component-22759 {
  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-22759:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22759 { flex-direction: column; } }
.component-22760 {
  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-22760:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22760 { flex-direction: column; } }
.component-22761 {
  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-22761:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22761 { flex-direction: column; } }
.component-22762 {
  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-22762:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22762 { flex-direction: column; } }
.component-22763 {
  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-22763:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22763 { flex-direction: column; } }
.component-22764 {
  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-22764:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22764 { flex-direction: column; } }
.component-22765 {
  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-22765:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22765 { flex-direction: column; } }
.component-22766 {
  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-22766:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22766 { flex-direction: column; } }
.component-22767 {
  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-22767:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22767 { flex-direction: column; } }
.component-22768 {
  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-22768:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22768 { flex-direction: column; } }
.component-22769 {
  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-22769:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22769 { flex-direction: column; } }
.component-22770 {
  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-22770:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22770 { flex-direction: column; } }
.component-22771 {
  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-22771:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22771 { flex-direction: column; } }
.component-22772 {
  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-22772:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22772 { flex-direction: column; } }
.component-22773 {
  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-22773:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22773 { flex-direction: column; } }
.component-22774 {
  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-22774:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22774 { flex-direction: column; } }
.component-22775 {
  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-22775:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22775 { flex-direction: column; } }
.component-22776 {
  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-22776:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22776 { flex-direction: column; } }
.component-22777 {
  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-22777:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22777 { flex-direction: column; } }
.component-22778 {
  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-22778:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22778 { flex-direction: column; } }
.component-22779 {
  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-22779:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22779 { flex-direction: column; } }
.component-22780 {
  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-22780:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22780 { flex-direction: column; } }
.component-22781 {
  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-22781:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22781 { flex-direction: column; } }
.component-22782 {
  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-22782:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22782 { flex-direction: column; } }
.component-22783 {
  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-22783:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22783 { flex-direction: column; } }
.component-22784 {
  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-22784:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22784 { flex-direction: column; } }
.component-22785 {
  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-22785:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22785 { flex-direction: column; } }
.component-22786 {
  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-22786:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22786 { flex-direction: column; } }
.component-22787 {
  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-22787:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22787 { flex-direction: column; } }
.component-22788 {
  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-22788:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22788 { flex-direction: column; } }
.component-22789 {
  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-22789:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22789 { flex-direction: column; } }
.component-22790 {
  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-22790:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22790 { flex-direction: column; } }
.component-22791 {
  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-22791:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22791 { flex-direction: column; } }
.component-22792 {
  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-22792:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22792 { flex-direction: column; } }
.component-22793 {
  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-22793:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22793 { flex-direction: column; } }
.component-22794 {
  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-22794:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22794 { flex-direction: column; } }
.component-22795 {
  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-22795:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22795 { flex-direction: column; } }
.component-22796 {
  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-22796:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22796 { flex-direction: column; } }
.component-22797 {
  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-22797:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22797 { flex-direction: column; } }
.component-22798 {
  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-22798:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22798 { flex-direction: column; } }
.component-22799 {
  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-22799:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22799 { flex-direction: column; } }
.component-22800 {
  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-22800:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22800 { flex-direction: column; } }
.component-22801 {
  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-22801:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22801 { flex-direction: column; } }
.component-22802 {
  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-22802:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22802 { flex-direction: column; } }
.component-22803 {
  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-22803:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22803 { flex-direction: column; } }
.component-22804 {
  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-22804:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22804 { flex-direction: column; } }
.component-22805 {
  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-22805:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22805 { flex-direction: column; } }
.component-22806 {
  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-22806:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22806 { flex-direction: column; } }
.component-22807 {
  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-22807:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22807 { flex-direction: column; } }
.component-22808 {
  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-22808:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22808 { flex-direction: column; } }
.component-22809 {
  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-22809:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22809 { flex-direction: column; } }
.component-22810 {
  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-22810:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22810 { flex-direction: column; } }
.component-22811 {
  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-22811:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22811 { flex-direction: column; } }
.component-22812 {
  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-22812:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22812 { flex-direction: column; } }
.component-22813 {
  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-22813:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22813 { flex-direction: column; } }
.component-22814 {
  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-22814:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22814 { flex-direction: column; } }
.component-22815 {
  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-22815:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22815 { flex-direction: column; } }
.component-22816 {
  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-22816:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22816 { flex-direction: column; } }
.component-22817 {
  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-22817:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22817 { flex-direction: column; } }
.component-22818 {
  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-22818:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22818 { flex-direction: column; } }
.component-22819 {
  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-22819:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22819 { flex-direction: column; } }
.component-22820 {
  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-22820:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22820 { flex-direction: column; } }
.component-22821 {
  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-22821:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22821 { flex-direction: column; } }
.component-22822 {
  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-22822:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22822 { flex-direction: column; } }
.component-22823 {
  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-22823:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22823 { flex-direction: column; } }
.component-22824 {
  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-22824:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22824 { flex-direction: column; } }
.component-22825 {
  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-22825:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22825 { flex-direction: column; } }
.component-22826 {
  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-22826:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22826 { flex-direction: column; } }
.component-22827 {
  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-22827:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22827 { flex-direction: column; } }
.component-22828 {
  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-22828:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22828 { flex-direction: column; } }
.component-22829 {
  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-22829:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22829 { flex-direction: column; } }
.component-22830 {
  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-22830:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22830 { flex-direction: column; } }
.component-22831 {
  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-22831:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22831 { flex-direction: column; } }
.component-22832 {
  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-22832:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22832 { flex-direction: column; } }
.component-22833 {
  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-22833:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22833 { flex-direction: column; } }
.component-22834 {
  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-22834:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22834 { flex-direction: column; } }
.component-22835 {
  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-22835:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22835 { flex-direction: column; } }
.component-22836 {
  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-22836:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22836 { flex-direction: column; } }
.component-22837 {
  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-22837:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22837 { flex-direction: column; } }
.component-22838 {
  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-22838:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22838 { flex-direction: column; } }
.component-22839 {
  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-22839:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22839 { flex-direction: column; } }
.component-22840 {
  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-22840:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22840 { flex-direction: column; } }
.component-22841 {
  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-22841:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22841 { flex-direction: column; } }
.component-22842 {
  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-22842:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22842 { flex-direction: column; } }
.component-22843 {
  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-22843:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22843 { flex-direction: column; } }
.component-22844 {
  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-22844:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22844 { flex-direction: column; } }
.component-22845 {
  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-22845:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22845 { flex-direction: column; } }
.component-22846 {
  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-22846:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22846 { flex-direction: column; } }
.component-22847 {
  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-22847:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22847 { flex-direction: column; } }
.component-22848 {
  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-22848:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22848 { flex-direction: column; } }
.component-22849 {
  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-22849:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22849 { flex-direction: column; } }
.component-22850 {
  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-22850:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22850 { flex-direction: column; } }
.component-22851 {
  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-22851:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22851 { flex-direction: column; } }
.component-22852 {
  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-22852:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22852 { flex-direction: column; } }
.component-22853 {
  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-22853:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22853 { flex-direction: column; } }
.component-22854 {
  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-22854:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22854 { flex-direction: column; } }
.component-22855 {
  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-22855:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22855 { flex-direction: column; } }
.component-22856 {
  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-22856:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22856 { flex-direction: column; } }
.component-22857 {
  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-22857:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22857 { flex-direction: column; } }
.component-22858 {
  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-22858:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22858 { flex-direction: column; } }
.component-22859 {
  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-22859:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22859 { flex-direction: column; } }
.component-22860 {
  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-22860:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22860 { flex-direction: column; } }
.component-22861 {
  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-22861:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22861 { flex-direction: column; } }
.component-22862 {
  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-22862:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22862 { flex-direction: column; } }
.component-22863 {
  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-22863:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22863 { flex-direction: column; } }
.component-22864 {
  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-22864:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22864 { flex-direction: column; } }
.component-22865 {
  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-22865:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22865 { flex-direction: column; } }
.component-22866 {
  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-22866:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22866 { flex-direction: column; } }
.component-22867 {
  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-22867:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22867 { flex-direction: column; } }
.component-22868 {
  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-22868:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22868 { flex-direction: column; } }
.component-22869 {
  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-22869:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22869 { flex-direction: column; } }
.component-22870 {
  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-22870:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22870 { flex-direction: column; } }
.component-22871 {
  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-22871:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22871 { flex-direction: column; } }
.component-22872 {
  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-22872:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22872 { flex-direction: column; } }
.component-22873 {
  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-22873:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22873 { flex-direction: column; } }
.component-22874 {
  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-22874:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22874 { flex-direction: column; } }
.component-22875 {
  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-22875:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22875 { flex-direction: column; } }
.component-22876 {
  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-22876:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22876 { flex-direction: column; } }
.component-22877 {
  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-22877:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22877 { flex-direction: column; } }
.component-22878 {
  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-22878:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22878 { flex-direction: column; } }
.component-22879 {
  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-22879:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22879 { flex-direction: column; } }
.component-22880 {
  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-22880:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22880 { flex-direction: column; } }
.component-22881 {
  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-22881:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22881 { flex-direction: column; } }
.component-22882 {
  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-22882:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22882 { flex-direction: column; } }
.component-22883 {
  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-22883:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22883 { flex-direction: column; } }
.component-22884 {
  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-22884:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22884 { flex-direction: column; } }
.component-22885 {
  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-22885:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22885 { flex-direction: column; } }
.component-22886 {
  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-22886:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22886 { flex-direction: column; } }
.component-22887 {
  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-22887:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22887 { flex-direction: column; } }
.component-22888 {
  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-22888:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22888 { flex-direction: column; } }
.component-22889 {
  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-22889:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22889 { flex-direction: column; } }
.component-22890 {
  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-22890:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22890 { flex-direction: column; } }
.component-22891 {
  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-22891:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22891 { flex-direction: column; } }
.component-22892 {
  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-22892:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22892 { flex-direction: column; } }
.component-22893 {
  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-22893:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22893 { flex-direction: column; } }
.component-22894 {
  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-22894:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22894 { flex-direction: column; } }
.component-22895 {
  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-22895:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22895 { flex-direction: column; } }
.component-22896 {
  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-22896:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22896 { flex-direction: column; } }
.component-22897 {
  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-22897:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22897 { flex-direction: column; } }
.component-22898 {
  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-22898:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22898 { flex-direction: column; } }
.component-22899 {
  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-22899:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22899 { flex-direction: column; } }
.component-22900 {
  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-22900:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22900 { flex-direction: column; } }
.component-22901 {
  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-22901:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22901 { flex-direction: column; } }
.component-22902 {
  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-22902:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22902 { flex-direction: column; } }
.component-22903 {
  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-22903:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22903 { flex-direction: column; } }
.component-22904 {
  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-22904:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22904 { flex-direction: column; } }
.component-22905 {
  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-22905:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22905 { flex-direction: column; } }
.component-22906 {
  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-22906:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22906 { flex-direction: column; } }
.component-22907 {
  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-22907:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22907 { flex-direction: column; } }
.component-22908 {
  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-22908:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22908 { flex-direction: column; } }
.component-22909 {
  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-22909:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22909 { flex-direction: column; } }
.component-22910 {
  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-22910:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22910 { flex-direction: column; } }
.component-22911 {
  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-22911:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22911 { flex-direction: column; } }
.component-22912 {
  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-22912:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22912 { flex-direction: column; } }
.component-22913 {
  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-22913:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22913 { flex-direction: column; } }
.component-22914 {
  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-22914:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22914 { flex-direction: column; } }
.component-22915 {
  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-22915:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22915 { flex-direction: column; } }
.component-22916 {
  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-22916:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22916 { flex-direction: column; } }
.component-22917 {
  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-22917:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22917 { flex-direction: column; } }
.component-22918 {
  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-22918:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22918 { flex-direction: column; } }
.component-22919 {
  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-22919:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22919 { flex-direction: column; } }
.component-22920 {
  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-22920:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22920 { flex-direction: column; } }
.component-22921 {
  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-22921:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22921 { flex-direction: column; } }
.component-22922 {
  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-22922:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22922 { flex-direction: column; } }
.component-22923 {
  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-22923:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22923 { flex-direction: column; } }
.component-22924 {
  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-22924:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22924 { flex-direction: column; } }
.component-22925 {
  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-22925:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22925 { flex-direction: column; } }
.component-22926 {
  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-22926:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22926 { flex-direction: column; } }
.component-22927 {
  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-22927:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22927 { flex-direction: column; } }
.component-22928 {
  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-22928:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22928 { flex-direction: column; } }
.component-22929 {
  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-22929:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22929 { flex-direction: column; } }
.component-22930 {
  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-22930:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22930 { flex-direction: column; } }
.component-22931 {
  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-22931:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22931 { flex-direction: column; } }
.component-22932 {
  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-22932:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22932 { flex-direction: column; } }
.component-22933 {
  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-22933:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22933 { flex-direction: column; } }
.component-22934 {
  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-22934:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22934 { flex-direction: column; } }
.component-22935 {
  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-22935:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22935 { flex-direction: column; } }
.component-22936 {
  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-22936:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22936 { flex-direction: column; } }
.component-22937 {
  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-22937:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22937 { flex-direction: column; } }
.component-22938 {
  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-22938:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22938 { flex-direction: column; } }
.component-22939 {
  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-22939:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22939 { flex-direction: column; } }
.component-22940 {
  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-22940:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22940 { flex-direction: column; } }
.component-22941 {
  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-22941:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22941 { flex-direction: column; } }
.component-22942 {
  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-22942:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22942 { flex-direction: column; } }
.component-22943 {
  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-22943:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22943 { flex-direction: column; } }
.component-22944 {
  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-22944:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22944 { flex-direction: column; } }
.component-22945 {
  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-22945:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22945 { flex-direction: column; } }
.component-22946 {
  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-22946:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22946 { flex-direction: column; } }
.component-22947 {
  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-22947:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22947 { flex-direction: column; } }
.component-22948 {
  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-22948:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22948 { flex-direction: column; } }
.component-22949 {
  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-22949:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22949 { flex-direction: column; } }
.component-22950 {
  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-22950:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22950 { flex-direction: column; } }
.component-22951 {
  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-22951:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22951 { flex-direction: column; } }
.component-22952 {
  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-22952:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22952 { flex-direction: column; } }
.component-22953 {
  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-22953:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22953 { flex-direction: column; } }
.component-22954 {
  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-22954:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22954 { flex-direction: column; } }
.component-22955 {
  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-22955:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22955 { flex-direction: column; } }
.component-22956 {
  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-22956:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22956 { flex-direction: column; } }
.component-22957 {
  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-22957:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22957 { flex-direction: column; } }
.component-22958 {
  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-22958:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22958 { flex-direction: column; } }
.component-22959 {
  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-22959:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22959 { flex-direction: column; } }
.component-22960 {
  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-22960:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22960 { flex-direction: column; } }
.component-22961 {
  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-22961:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22961 { flex-direction: column; } }
.component-22962 {
  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-22962:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22962 { flex-direction: column; } }
.component-22963 {
  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-22963:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22963 { flex-direction: column; } }
.component-22964 {
  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-22964:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22964 { flex-direction: column; } }
.component-22965 {
  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-22965:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22965 { flex-direction: column; } }
.component-22966 {
  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-22966:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22966 { flex-direction: column; } }
.component-22967 {
  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-22967:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22967 { flex-direction: column; } }
.component-22968 {
  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-22968:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22968 { flex-direction: column; } }
.component-22969 {
  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-22969:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22969 { flex-direction: column; } }
.component-22970 {
  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-22970:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22970 { flex-direction: column; } }
.component-22971 {
  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-22971:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22971 { flex-direction: column; } }
.component-22972 {
  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-22972:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22972 { flex-direction: column; } }
.component-22973 {
  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-22973:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22973 { flex-direction: column; } }
.component-22974 {
  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-22974:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22974 { flex-direction: column; } }
.component-22975 {
  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-22975:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22975 { flex-direction: column; } }
.component-22976 {
  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-22976:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22976 { flex-direction: column; } }
.component-22977 {
  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-22977:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22977 { flex-direction: column; } }
.component-22978 {
  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-22978:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22978 { flex-direction: column; } }
.component-22979 {
  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-22979:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22979 { flex-direction: column; } }
.component-22980 {
  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-22980:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22980 { flex-direction: column; } }
.component-22981 {
  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-22981:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22981 { flex-direction: column; } }
.component-22982 {
  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-22982:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22982 { flex-direction: column; } }
.component-22983 {
  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-22983:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22983 { flex-direction: column; } }
.component-22984 {
  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-22984:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22984 { flex-direction: column; } }
.component-22985 {
  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-22985:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-22985 { flex-direction: column; } }
.component-22986 {
  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-22986:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-22986 { flex-direction: column; } }
.component-22987 {
  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-22987:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-22987 { flex-direction: column; } }
.component-22988 {
  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-22988:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-22988 { flex-direction: column; } }
.component-22989 {
  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-22989:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-22989 { flex-direction: column; } }
.component-22990 {
  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-22990:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-22990 { flex-direction: column; } }
.component-22991 {
  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-22991:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-22991 { flex-direction: column; } }
.component-22992 {
  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-22992:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-22992 { flex-direction: column; } }
.component-22993 {
  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-22993:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-22993 { flex-direction: column; } }
.component-22994 {
  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-22994:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-22994 { flex-direction: column; } }
.component-22995 {
  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-22995:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-22995 { flex-direction: column; } }
.component-22996 {
  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-22996:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-22996 { flex-direction: column; } }
.component-22997 {
  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-22997:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-22997 { flex-direction: column; } }
.component-22998 {
  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-22998:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-22998 { flex-direction: column; } }
.component-22999 {
  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-22999:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-22999 { flex-direction: column; } }
.component-23000 {
  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-23000:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23000 { flex-direction: column; } }
.component-23001 {
  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-23001:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23001 { flex-direction: column; } }
.component-23002 {
  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-23002:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23002 { flex-direction: column; } }
.component-23003 {
  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-23003:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23003 { flex-direction: column; } }
.component-23004 {
  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-23004:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23004 { flex-direction: column; } }
.component-23005 {
  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-23005:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23005 { flex-direction: column; } }
.component-23006 {
  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-23006:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23006 { flex-direction: column; } }
.component-23007 {
  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-23007:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23007 { flex-direction: column; } }
.component-23008 {
  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-23008:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23008 { flex-direction: column; } }
.component-23009 {
  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-23009:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23009 { flex-direction: column; } }
.component-23010 {
  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-23010:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23010 { flex-direction: column; } }
.component-23011 {
  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-23011:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23011 { flex-direction: column; } }
.component-23012 {
  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-23012:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23012 { flex-direction: column; } }
.component-23013 {
  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-23013:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23013 { flex-direction: column; } }
.component-23014 {
  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-23014:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23014 { flex-direction: column; } }
.component-23015 {
  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-23015:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23015 { flex-direction: column; } }
.component-23016 {
  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-23016:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23016 { flex-direction: column; } }
.component-23017 {
  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-23017:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23017 { flex-direction: column; } }
.component-23018 {
  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-23018:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23018 { flex-direction: column; } }
.component-23019 {
  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-23019:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23019 { flex-direction: column; } }
.component-23020 {
  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-23020:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23020 { flex-direction: column; } }
.component-23021 {
  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-23021:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23021 { flex-direction: column; } }
.component-23022 {
  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-23022:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23022 { flex-direction: column; } }
.component-23023 {
  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-23023:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23023 { flex-direction: column; } }
.component-23024 {
  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-23024:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23024 { flex-direction: column; } }
.component-23025 {
  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-23025:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23025 { flex-direction: column; } }
.component-23026 {
  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-23026:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23026 { flex-direction: column; } }
.component-23027 {
  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-23027:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23027 { flex-direction: column; } }
.component-23028 {
  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-23028:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23028 { flex-direction: column; } }
.component-23029 {
  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-23029:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23029 { flex-direction: column; } }
.component-23030 {
  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-23030:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23030 { flex-direction: column; } }
.component-23031 {
  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-23031:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23031 { flex-direction: column; } }
.component-23032 {
  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-23032:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23032 { flex-direction: column; } }
.component-23033 {
  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-23033:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23033 { flex-direction: column; } }
.component-23034 {
  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-23034:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23034 { flex-direction: column; } }
.component-23035 {
  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-23035:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23035 { flex-direction: column; } }
.component-23036 {
  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-23036:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23036 { flex-direction: column; } }
.component-23037 {
  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-23037:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23037 { flex-direction: column; } }
.component-23038 {
  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-23038:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23038 { flex-direction: column; } }
.component-23039 {
  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-23039:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23039 { flex-direction: column; } }
.component-23040 {
  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-23040:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23040 { flex-direction: column; } }
.component-23041 {
  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-23041:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23041 { flex-direction: column; } }
.component-23042 {
  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-23042:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23042 { flex-direction: column; } }
.component-23043 {
  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-23043:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23043 { flex-direction: column; } }
.component-23044 {
  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-23044:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23044 { flex-direction: column; } }
.component-23045 {
  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-23045:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23045 { flex-direction: column; } }
.component-23046 {
  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-23046:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23046 { flex-direction: column; } }
.component-23047 {
  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-23047:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23047 { flex-direction: column; } }
.component-23048 {
  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-23048:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23048 { flex-direction: column; } }
.component-23049 {
  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-23049:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23049 { flex-direction: column; } }
.component-23050 {
  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-23050:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23050 { flex-direction: column; } }
.component-23051 {
  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-23051:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23051 { flex-direction: column; } }
.component-23052 {
  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-23052:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23052 { flex-direction: column; } }
.component-23053 {
  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-23053:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23053 { flex-direction: column; } }
.component-23054 {
  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-23054:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23054 { flex-direction: column; } }
.component-23055 {
  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-23055:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23055 { flex-direction: column; } }
.component-23056 {
  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-23056:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23056 { flex-direction: column; } }
.component-23057 {
  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-23057:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23057 { flex-direction: column; } }
.component-23058 {
  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-23058:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23058 { flex-direction: column; } }
.component-23059 {
  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-23059:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23059 { flex-direction: column; } }
.component-23060 {
  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-23060:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23060 { flex-direction: column; } }
.component-23061 {
  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-23061:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23061 { flex-direction: column; } }
.component-23062 {
  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-23062:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23062 { flex-direction: column; } }
.component-23063 {
  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-23063:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23063 { flex-direction: column; } }
.component-23064 {
  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-23064:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23064 { flex-direction: column; } }
.component-23065 {
  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-23065:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23065 { flex-direction: column; } }
.component-23066 {
  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-23066:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23066 { flex-direction: column; } }
.component-23067 {
  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-23067:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23067 { flex-direction: column; } }
.component-23068 {
  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-23068:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23068 { flex-direction: column; } }
.component-23069 {
  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-23069:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23069 { flex-direction: column; } }
.component-23070 {
  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-23070:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23070 { flex-direction: column; } }
.component-23071 {
  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-23071:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23071 { flex-direction: column; } }
.component-23072 {
  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-23072:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23072 { flex-direction: column; } }
.component-23073 {
  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-23073:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23073 { flex-direction: column; } }
.component-23074 {
  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-23074:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23074 { flex-direction: column; } }
.component-23075 {
  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-23075:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23075 { flex-direction: column; } }
.component-23076 {
  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-23076:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23076 { flex-direction: column; } }
.component-23077 {
  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-23077:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23077 { flex-direction: column; } }
.component-23078 {
  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-23078:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23078 { flex-direction: column; } }
.component-23079 {
  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-23079:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23079 { flex-direction: column; } }
.component-23080 {
  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-23080:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23080 { flex-direction: column; } }
.component-23081 {
  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-23081:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23081 { flex-direction: column; } }
.component-23082 {
  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-23082:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23082 { flex-direction: column; } }
.component-23083 {
  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-23083:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23083 { flex-direction: column; } }
.component-23084 {
  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-23084:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23084 { flex-direction: column; } }
.component-23085 {
  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-23085:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23085 { flex-direction: column; } }
.component-23086 {
  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-23086:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23086 { flex-direction: column; } }
.component-23087 {
  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-23087:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23087 { flex-direction: column; } }
.component-23088 {
  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-23088:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23088 { flex-direction: column; } }
.component-23089 {
  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-23089:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23089 { flex-direction: column; } }
.component-23090 {
  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-23090:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23090 { flex-direction: column; } }
.component-23091 {
  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-23091:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23091 { flex-direction: column; } }
.component-23092 {
  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-23092:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23092 { flex-direction: column; } }
.component-23093 {
  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-23093:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23093 { flex-direction: column; } }
.component-23094 {
  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-23094:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23094 { flex-direction: column; } }
.component-23095 {
  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-23095:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23095 { flex-direction: column; } }
.component-23096 {
  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-23096:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23096 { flex-direction: column; } }
.component-23097 {
  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-23097:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23097 { flex-direction: column; } }
.component-23098 {
  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-23098:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23098 { flex-direction: column; } }
.component-23099 {
  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-23099:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23099 { flex-direction: column; } }
.component-23100 {
  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-23100:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23100 { flex-direction: column; } }
.component-23101 {
  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-23101:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23101 { flex-direction: column; } }
.component-23102 {
  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-23102:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23102 { flex-direction: column; } }
.component-23103 {
  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-23103:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23103 { flex-direction: column; } }
.component-23104 {
  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-23104:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23104 { flex-direction: column; } }
.component-23105 {
  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-23105:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23105 { flex-direction: column; } }
.component-23106 {
  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-23106:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23106 { flex-direction: column; } }
.component-23107 {
  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-23107:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23107 { flex-direction: column; } }
.component-23108 {
  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-23108:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23108 { flex-direction: column; } }
.component-23109 {
  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-23109:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23109 { flex-direction: column; } }
.component-23110 {
  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-23110:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23110 { flex-direction: column; } }
.component-23111 {
  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-23111:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23111 { flex-direction: column; } }
.component-23112 {
  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-23112:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23112 { flex-direction: column; } }
.component-23113 {
  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-23113:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23113 { flex-direction: column; } }
.component-23114 {
  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-23114:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23114 { flex-direction: column; } }
.component-23115 {
  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-23115:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23115 { flex-direction: column; } }
.component-23116 {
  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-23116:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23116 { flex-direction: column; } }
.component-23117 {
  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-23117:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23117 { flex-direction: column; } }
.component-23118 {
  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-23118:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23118 { flex-direction: column; } }
.component-23119 {
  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-23119:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23119 { flex-direction: column; } }
.component-23120 {
  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-23120:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23120 { flex-direction: column; } }
.component-23121 {
  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-23121:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23121 { flex-direction: column; } }
.component-23122 {
  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-23122:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23122 { flex-direction: column; } }
.component-23123 {
  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-23123:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23123 { flex-direction: column; } }
.component-23124 {
  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-23124:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23124 { flex-direction: column; } }
.component-23125 {
  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-23125:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23125 { flex-direction: column; } }
.component-23126 {
  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-23126:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23126 { flex-direction: column; } }
.component-23127 {
  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-23127:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23127 { flex-direction: column; } }
.component-23128 {
  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-23128:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23128 { flex-direction: column; } }
.component-23129 {
  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-23129:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23129 { flex-direction: column; } }
.component-23130 {
  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-23130:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23130 { flex-direction: column; } }
.component-23131 {
  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-23131:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23131 { flex-direction: column; } }
.component-23132 {
  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-23132:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23132 { flex-direction: column; } }
.component-23133 {
  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-23133:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23133 { flex-direction: column; } }
.component-23134 {
  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-23134:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23134 { flex-direction: column; } }
.component-23135 {
  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-23135:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23135 { flex-direction: column; } }
.component-23136 {
  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-23136:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23136 { flex-direction: column; } }
.component-23137 {
  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-23137:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23137 { flex-direction: column; } }
.component-23138 {
  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-23138:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23138 { flex-direction: column; } }
.component-23139 {
  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-23139:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23139 { flex-direction: column; } }
.component-23140 {
  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-23140:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23140 { flex-direction: column; } }
.component-23141 {
  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-23141:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23141 { flex-direction: column; } }
.component-23142 {
  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-23142:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23142 { flex-direction: column; } }
.component-23143 {
  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-23143:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23143 { flex-direction: column; } }
.component-23144 {
  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-23144:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23144 { flex-direction: column; } }
.component-23145 {
  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-23145:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23145 { flex-direction: column; } }
.component-23146 {
  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-23146:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23146 { flex-direction: column; } }
.component-23147 {
  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-23147:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23147 { flex-direction: column; } }
.component-23148 {
  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-23148:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23148 { flex-direction: column; } }
.component-23149 {
  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-23149:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23149 { flex-direction: column; } }
.component-23150 {
  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-23150:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23150 { flex-direction: column; } }
.component-23151 {
  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-23151:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23151 { flex-direction: column; } }
.component-23152 {
  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-23152:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23152 { flex-direction: column; } }
.component-23153 {
  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-23153:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23153 { flex-direction: column; } }
.component-23154 {
  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-23154:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23154 { flex-direction: column; } }
.component-23155 {
  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-23155:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23155 { flex-direction: column; } }
.component-23156 {
  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-23156:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23156 { flex-direction: column; } }
.component-23157 {
  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-23157:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23157 { flex-direction: column; } }
.component-23158 {
  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-23158:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23158 { flex-direction: column; } }
.component-23159 {
  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-23159:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23159 { flex-direction: column; } }
.component-23160 {
  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-23160:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23160 { flex-direction: column; } }
.component-23161 {
  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-23161:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23161 { flex-direction: column; } }
.component-23162 {
  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-23162:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23162 { flex-direction: column; } }
.component-23163 {
  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-23163:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23163 { flex-direction: column; } }
.component-23164 {
  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-23164:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23164 { flex-direction: column; } }
.component-23165 {
  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-23165:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23165 { flex-direction: column; } }
.component-23166 {
  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-23166:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23166 { flex-direction: column; } }
.component-23167 {
  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-23167:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23167 { flex-direction: column; } }
.component-23168 {
  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-23168:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23168 { flex-direction: column; } }
.component-23169 {
  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-23169:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23169 { flex-direction: column; } }
.component-23170 {
  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-23170:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23170 { flex-direction: column; } }
.component-23171 {
  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-23171:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23171 { flex-direction: column; } }
.component-23172 {
  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-23172:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23172 { flex-direction: column; } }
.component-23173 {
  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-23173:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23173 { flex-direction: column; } }
.component-23174 {
  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-23174:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23174 { flex-direction: column; } }
.component-23175 {
  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-23175:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23175 { flex-direction: column; } }
.component-23176 {
  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-23176:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23176 { flex-direction: column; } }
.component-23177 {
  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-23177:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23177 { flex-direction: column; } }
.component-23178 {
  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-23178:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23178 { flex-direction: column; } }
.component-23179 {
  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-23179:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23179 { flex-direction: column; } }
.component-23180 {
  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-23180:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23180 { flex-direction: column; } }
.component-23181 {
  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-23181:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23181 { flex-direction: column; } }
.component-23182 {
  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-23182:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23182 { flex-direction: column; } }
.component-23183 {
  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-23183:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23183 { flex-direction: column; } }
.component-23184 {
  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-23184:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23184 { flex-direction: column; } }
.component-23185 {
  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-23185:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23185 { flex-direction: column; } }
.component-23186 {
  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-23186:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23186 { flex-direction: column; } }
.component-23187 {
  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-23187:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23187 { flex-direction: column; } }
.component-23188 {
  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-23188:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23188 { flex-direction: column; } }
.component-23189 {
  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-23189:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23189 { flex-direction: column; } }
.component-23190 {
  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-23190:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23190 { flex-direction: column; } }
.component-23191 {
  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-23191:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23191 { flex-direction: column; } }
.component-23192 {
  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-23192:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23192 { flex-direction: column; } }
.component-23193 {
  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-23193:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23193 { flex-direction: column; } }
.component-23194 {
  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-23194:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23194 { flex-direction: column; } }
.component-23195 {
  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-23195:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23195 { flex-direction: column; } }
.component-23196 {
  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-23196:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23196 { flex-direction: column; } }
.component-23197 {
  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-23197:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23197 { flex-direction: column; } }
.component-23198 {
  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-23198:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23198 { flex-direction: column; } }
.component-23199 {
  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-23199:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23199 { flex-direction: column; } }
.component-23200 {
  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-23200:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23200 { flex-direction: column; } }
.component-23201 {
  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-23201:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23201 { flex-direction: column; } }
.component-23202 {
  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-23202:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23202 { flex-direction: column; } }
.component-23203 {
  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-23203:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23203 { flex-direction: column; } }
.component-23204 {
  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-23204:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23204 { flex-direction: column; } }
.component-23205 {
  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-23205:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23205 { flex-direction: column; } }
.component-23206 {
  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-23206:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23206 { flex-direction: column; } }
.component-23207 {
  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-23207:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23207 { flex-direction: column; } }
.component-23208 {
  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-23208:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23208 { flex-direction: column; } }
.component-23209 {
  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-23209:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23209 { flex-direction: column; } }
.component-23210 {
  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-23210:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23210 { flex-direction: column; } }
.component-23211 {
  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-23211:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23211 { flex-direction: column; } }
.component-23212 {
  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-23212:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23212 { flex-direction: column; } }
.component-23213 {
  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-23213:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23213 { flex-direction: column; } }
.component-23214 {
  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-23214:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23214 { flex-direction: column; } }
.component-23215 {
  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-23215:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23215 { flex-direction: column; } }
.component-23216 {
  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-23216:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23216 { flex-direction: column; } }
.component-23217 {
  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-23217:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23217 { flex-direction: column; } }
.component-23218 {
  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-23218:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23218 { flex-direction: column; } }
.component-23219 {
  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-23219:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23219 { flex-direction: column; } }
.component-23220 {
  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-23220:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23220 { flex-direction: column; } }
.component-23221 {
  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-23221:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23221 { flex-direction: column; } }
.component-23222 {
  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-23222:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23222 { flex-direction: column; } }
.component-23223 {
  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-23223:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23223 { flex-direction: column; } }
.component-23224 {
  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-23224:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23224 { flex-direction: column; } }
.component-23225 {
  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-23225:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23225 { flex-direction: column; } }
.component-23226 {
  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-23226:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23226 { flex-direction: column; } }
.component-23227 {
  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-23227:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23227 { flex-direction: column; } }
.component-23228 {
  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-23228:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23228 { flex-direction: column; } }
.component-23229 {
  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-23229:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23229 { flex-direction: column; } }
.component-23230 {
  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-23230:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23230 { flex-direction: column; } }
.component-23231 {
  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-23231:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23231 { flex-direction: column; } }
.component-23232 {
  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-23232:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23232 { flex-direction: column; } }
.component-23233 {
  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-23233:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23233 { flex-direction: column; } }
.component-23234 {
  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-23234:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23234 { flex-direction: column; } }
.component-23235 {
  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-23235:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23235 { flex-direction: column; } }
.component-23236 {
  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-23236:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23236 { flex-direction: column; } }
.component-23237 {
  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-23237:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23237 { flex-direction: column; } }
.component-23238 {
  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-23238:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23238 { flex-direction: column; } }
.component-23239 {
  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-23239:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23239 { flex-direction: column; } }
.component-23240 {
  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-23240:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23240 { flex-direction: column; } }
.component-23241 {
  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-23241:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23241 { flex-direction: column; } }
.component-23242 {
  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-23242:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23242 { flex-direction: column; } }
.component-23243 {
  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-23243:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23243 { flex-direction: column; } }
.component-23244 {
  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-23244:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23244 { flex-direction: column; } }
.component-23245 {
  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-23245:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23245 { flex-direction: column; } }
.component-23246 {
  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-23246:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23246 { flex-direction: column; } }
.component-23247 {
  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-23247:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23247 { flex-direction: column; } }
.component-23248 {
  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-23248:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23248 { flex-direction: column; } }
.component-23249 {
  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-23249:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23249 { flex-direction: column; } }
.component-23250 {
  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-23250:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23250 { flex-direction: column; } }
.component-23251 {
  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-23251:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23251 { flex-direction: column; } }
.component-23252 {
  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-23252:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23252 { flex-direction: column; } }
.component-23253 {
  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-23253:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23253 { flex-direction: column; } }
.component-23254 {
  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-23254:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23254 { flex-direction: column; } }
.component-23255 {
  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-23255:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23255 { flex-direction: column; } }
.component-23256 {
  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-23256:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23256 { flex-direction: column; } }
.component-23257 {
  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-23257:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23257 { flex-direction: column; } }
.component-23258 {
  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-23258:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23258 { flex-direction: column; } }
.component-23259 {
  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-23259:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23259 { flex-direction: column; } }
.component-23260 {
  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-23260:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23260 { flex-direction: column; } }
.component-23261 {
  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-23261:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23261 { flex-direction: column; } }
.component-23262 {
  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-23262:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23262 { flex-direction: column; } }
.component-23263 {
  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-23263:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23263 { flex-direction: column; } }
.component-23264 {
  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-23264:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23264 { flex-direction: column; } }
.component-23265 {
  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-23265:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23265 { flex-direction: column; } }
.component-23266 {
  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-23266:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23266 { flex-direction: column; } }
.component-23267 {
  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-23267:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23267 { flex-direction: column; } }
.component-23268 {
  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-23268:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23268 { flex-direction: column; } }
.component-23269 {
  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-23269:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23269 { flex-direction: column; } }
.component-23270 {
  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-23270:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23270 { flex-direction: column; } }
.component-23271 {
  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-23271:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23271 { flex-direction: column; } }
.component-23272 {
  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-23272:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23272 { flex-direction: column; } }
.component-23273 {
  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-23273:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23273 { flex-direction: column; } }
.component-23274 {
  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-23274:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23274 { flex-direction: column; } }
.component-23275 {
  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-23275:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23275 { flex-direction: column; } }
.component-23276 {
  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-23276:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23276 { flex-direction: column; } }
.component-23277 {
  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-23277:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23277 { flex-direction: column; } }
.component-23278 {
  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-23278:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23278 { flex-direction: column; } }
.component-23279 {
  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-23279:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23279 { flex-direction: column; } }
.component-23280 {
  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-23280:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23280 { flex-direction: column; } }
.component-23281 {
  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-23281:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23281 { flex-direction: column; } }
.component-23282 {
  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-23282:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23282 { flex-direction: column; } }
.component-23283 {
  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-23283:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23283 { flex-direction: column; } }
.component-23284 {
  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-23284:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23284 { flex-direction: column; } }
.component-23285 {
  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-23285:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23285 { flex-direction: column; } }
.component-23286 {
  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-23286:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23286 { flex-direction: column; } }
.component-23287 {
  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-23287:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23287 { flex-direction: column; } }
.component-23288 {
  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-23288:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23288 { flex-direction: column; } }
.component-23289 {
  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-23289:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23289 { flex-direction: column; } }
.component-23290 {
  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-23290:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23290 { flex-direction: column; } }
.component-23291 {
  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-23291:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23291 { flex-direction: column; } }
.component-23292 {
  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-23292:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23292 { flex-direction: column; } }
.component-23293 {
  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-23293:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23293 { flex-direction: column; } }
.component-23294 {
  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-23294:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23294 { flex-direction: column; } }
.component-23295 {
  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-23295:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23295 { flex-direction: column; } }
.component-23296 {
  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-23296:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23296 { flex-direction: column; } }
.component-23297 {
  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-23297:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23297 { flex-direction: column; } }
.component-23298 {
  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-23298:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23298 { flex-direction: column; } }
.component-23299 {
  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-23299:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23299 { flex-direction: column; } }
.component-23300 {
  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-23300:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23300 { flex-direction: column; } }
.component-23301 {
  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-23301:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23301 { flex-direction: column; } }
.component-23302 {
  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-23302:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23302 { flex-direction: column; } }
.component-23303 {
  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-23303:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23303 { flex-direction: column; } }
.component-23304 {
  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-23304:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23304 { flex-direction: column; } }
.component-23305 {
  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-23305:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23305 { flex-direction: column; } }
.component-23306 {
  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-23306:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23306 { flex-direction: column; } }
.component-23307 {
  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-23307:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23307 { flex-direction: column; } }
.component-23308 {
  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-23308:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23308 { flex-direction: column; } }
.component-23309 {
  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-23309:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23309 { flex-direction: column; } }
.component-23310 {
  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-23310:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23310 { flex-direction: column; } }
.component-23311 {
  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-23311:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23311 { flex-direction: column; } }
.component-23312 {
  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-23312:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23312 { flex-direction: column; } }
.component-23313 {
  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-23313:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23313 { flex-direction: column; } }
.component-23314 {
  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-23314:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23314 { flex-direction: column; } }
.component-23315 {
  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-23315:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23315 { flex-direction: column; } }
.component-23316 {
  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-23316:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23316 { flex-direction: column; } }
.component-23317 {
  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-23317:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23317 { flex-direction: column; } }
.component-23318 {
  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-23318:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23318 { flex-direction: column; } }
.component-23319 {
  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-23319:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23319 { flex-direction: column; } }
.component-23320 {
  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-23320:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23320 { flex-direction: column; } }
.component-23321 {
  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-23321:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23321 { flex-direction: column; } }
.component-23322 {
  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-23322:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23322 { flex-direction: column; } }
.component-23323 {
  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-23323:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23323 { flex-direction: column; } }
.component-23324 {
  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-23324:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23324 { flex-direction: column; } }
.component-23325 {
  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-23325:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23325 { flex-direction: column; } }
.component-23326 {
  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-23326:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23326 { flex-direction: column; } }
.component-23327 {
  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-23327:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23327 { flex-direction: column; } }
.component-23328 {
  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-23328:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23328 { flex-direction: column; } }
.component-23329 {
  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-23329:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23329 { flex-direction: column; } }
.component-23330 {
  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-23330:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23330 { flex-direction: column; } }
.component-23331 {
  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-23331:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23331 { flex-direction: column; } }
.component-23332 {
  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-23332:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23332 { flex-direction: column; } }
.component-23333 {
  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-23333:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23333 { flex-direction: column; } }
.component-23334 {
  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-23334:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23334 { flex-direction: column; } }
.component-23335 {
  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-23335:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23335 { flex-direction: column; } }
.component-23336 {
  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-23336:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23336 { flex-direction: column; } }
.component-23337 {
  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-23337:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23337 { flex-direction: column; } }
.component-23338 {
  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-23338:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23338 { flex-direction: column; } }
.component-23339 {
  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-23339:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23339 { flex-direction: column; } }
.component-23340 {
  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-23340:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23340 { flex-direction: column; } }
.component-23341 {
  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-23341:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23341 { flex-direction: column; } }
.component-23342 {
  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-23342:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23342 { flex-direction: column; } }
.component-23343 {
  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-23343:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23343 { flex-direction: column; } }
.component-23344 {
  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-23344:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23344 { flex-direction: column; } }
.component-23345 {
  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-23345:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23345 { flex-direction: column; } }
.component-23346 {
  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-23346:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23346 { flex-direction: column; } }
.component-23347 {
  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-23347:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23347 { flex-direction: column; } }
.component-23348 {
  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-23348:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23348 { flex-direction: column; } }
.component-23349 {
  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-23349:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23349 { flex-direction: column; } }
.component-23350 {
  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-23350:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23350 { flex-direction: column; } }
.component-23351 {
  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-23351:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23351 { flex-direction: column; } }
.component-23352 {
  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-23352:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23352 { flex-direction: column; } }
.component-23353 {
  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-23353:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23353 { flex-direction: column; } }
.component-23354 {
  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-23354:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23354 { flex-direction: column; } }
.component-23355 {
  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-23355:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23355 { flex-direction: column; } }
.component-23356 {
  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-23356:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23356 { flex-direction: column; } }
.component-23357 {
  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-23357:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23357 { flex-direction: column; } }
.component-23358 {
  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-23358:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23358 { flex-direction: column; } }
.component-23359 {
  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-23359:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23359 { flex-direction: column; } }
.component-23360 {
  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-23360:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23360 { flex-direction: column; } }
.component-23361 {
  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-23361:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23361 { flex-direction: column; } }
.component-23362 {
  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-23362:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23362 { flex-direction: column; } }
.component-23363 {
  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-23363:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23363 { flex-direction: column; } }
.component-23364 {
  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-23364:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23364 { flex-direction: column; } }
.component-23365 {
  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-23365:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23365 { flex-direction: column; } }
.component-23366 {
  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-23366:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23366 { flex-direction: column; } }
.component-23367 {
  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-23367:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23367 { flex-direction: column; } }
.component-23368 {
  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-23368:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23368 { flex-direction: column; } }
.component-23369 {
  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-23369:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23369 { flex-direction: column; } }
.component-23370 {
  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-23370:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23370 { flex-direction: column; } }
.component-23371 {
  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-23371:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23371 { flex-direction: column; } }
.component-23372 {
  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-23372:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23372 { flex-direction: column; } }
.component-23373 {
  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-23373:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23373 { flex-direction: column; } }
.component-23374 {
  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-23374:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23374 { flex-direction: column; } }
.component-23375 {
  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-23375:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23375 { flex-direction: column; } }
.component-23376 {
  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-23376:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23376 { flex-direction: column; } }
.component-23377 {
  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-23377:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23377 { flex-direction: column; } }
.component-23378 {
  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-23378:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23378 { flex-direction: column; } }
.component-23379 {
  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-23379:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23379 { flex-direction: column; } }
.component-23380 {
  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-23380:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23380 { flex-direction: column; } }
.component-23381 {
  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-23381:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23381 { flex-direction: column; } }
.component-23382 {
  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-23382:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23382 { flex-direction: column; } }
.component-23383 {
  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-23383:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23383 { flex-direction: column; } }
.component-23384 {
  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-23384:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23384 { flex-direction: column; } }
.component-23385 {
  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-23385:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23385 { flex-direction: column; } }
.component-23386 {
  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-23386:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23386 { flex-direction: column; } }
.component-23387 {
  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-23387:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23387 { flex-direction: column; } }
.component-23388 {
  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-23388:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23388 { flex-direction: column; } }
.component-23389 {
  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-23389:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23389 { flex-direction: column; } }
.component-23390 {
  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-23390:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23390 { flex-direction: column; } }
.component-23391 {
  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-23391:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23391 { flex-direction: column; } }
.component-23392 {
  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-23392:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23392 { flex-direction: column; } }
.component-23393 {
  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-23393:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23393 { flex-direction: column; } }
.component-23394 {
  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-23394:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23394 { flex-direction: column; } }
.component-23395 {
  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-23395:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23395 { flex-direction: column; } }
.component-23396 {
  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-23396:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23396 { flex-direction: column; } }
.component-23397 {
  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-23397:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23397 { flex-direction: column; } }
.component-23398 {
  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-23398:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23398 { flex-direction: column; } }
.component-23399 {
  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-23399:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23399 { flex-direction: column; } }
.component-23400 {
  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-23400:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23400 { flex-direction: column; } }
.component-23401 {
  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-23401:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23401 { flex-direction: column; } }
.component-23402 {
  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-23402:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23402 { flex-direction: column; } }
.component-23403 {
  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-23403:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23403 { flex-direction: column; } }
.component-23404 {
  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-23404:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23404 { flex-direction: column; } }
.component-23405 {
  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-23405:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23405 { flex-direction: column; } }
.component-23406 {
  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-23406:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23406 { flex-direction: column; } }
.component-23407 {
  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-23407:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23407 { flex-direction: column; } }
.component-23408 {
  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-23408:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23408 { flex-direction: column; } }
.component-23409 {
  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-23409:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23409 { flex-direction: column; } }
.component-23410 {
  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-23410:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23410 { flex-direction: column; } }
.component-23411 {
  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-23411:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23411 { flex-direction: column; } }
.component-23412 {
  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-23412:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23412 { flex-direction: column; } }
.component-23413 {
  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-23413:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23413 { flex-direction: column; } }
.component-23414 {
  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-23414:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23414 { flex-direction: column; } }
.component-23415 {
  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-23415:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23415 { flex-direction: column; } }
.component-23416 {
  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-23416:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23416 { flex-direction: column; } }
.component-23417 {
  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-23417:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23417 { flex-direction: column; } }
.component-23418 {
  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-23418:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23418 { flex-direction: column; } }
.component-23419 {
  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-23419:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23419 { flex-direction: column; } }
.component-23420 {
  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-23420:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23420 { flex-direction: column; } }
.component-23421 {
  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-23421:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23421 { flex-direction: column; } }
.component-23422 {
  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-23422:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23422 { flex-direction: column; } }
.component-23423 {
  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-23423:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23423 { flex-direction: column; } }
.component-23424 {
  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-23424:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23424 { flex-direction: column; } }
.component-23425 {
  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-23425:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23425 { flex-direction: column; } }
.component-23426 {
  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-23426:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23426 { flex-direction: column; } }
.component-23427 {
  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-23427:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23427 { flex-direction: column; } }
.component-23428 {
  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-23428:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23428 { flex-direction: column; } }
.component-23429 {
  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-23429:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23429 { flex-direction: column; } }
.component-23430 {
  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-23430:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23430 { flex-direction: column; } }
.component-23431 {
  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-23431:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23431 { flex-direction: column; } }
.component-23432 {
  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-23432:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23432 { flex-direction: column; } }
.component-23433 {
  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-23433:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23433 { flex-direction: column; } }
.component-23434 {
  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-23434:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23434 { flex-direction: column; } }
.component-23435 {
  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-23435:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23435 { flex-direction: column; } }
.component-23436 {
  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-23436:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23436 { flex-direction: column; } }
.component-23437 {
  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-23437:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23437 { flex-direction: column; } }
.component-23438 {
  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-23438:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23438 { flex-direction: column; } }
.component-23439 {
  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-23439:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23439 { flex-direction: column; } }
.component-23440 {
  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-23440:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23440 { flex-direction: column; } }
.component-23441 {
  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-23441:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23441 { flex-direction: column; } }
.component-23442 {
  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-23442:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23442 { flex-direction: column; } }
.component-23443 {
  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-23443:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23443 { flex-direction: column; } }
.component-23444 {
  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-23444:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23444 { flex-direction: column; } }
.component-23445 {
  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-23445:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23445 { flex-direction: column; } }
.component-23446 {
  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-23446:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23446 { flex-direction: column; } }
.component-23447 {
  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-23447:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23447 { flex-direction: column; } }
.component-23448 {
  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-23448:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23448 { flex-direction: column; } }
.component-23449 {
  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-23449:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23449 { flex-direction: column; } }
.component-23450 {
  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-23450:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23450 { flex-direction: column; } }
.component-23451 {
  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-23451:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23451 { flex-direction: column; } }
.component-23452 {
  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-23452:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23452 { flex-direction: column; } }
.component-23453 {
  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-23453:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23453 { flex-direction: column; } }
.component-23454 {
  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-23454:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23454 { flex-direction: column; } }
.component-23455 {
  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-23455:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23455 { flex-direction: column; } }
.component-23456 {
  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-23456:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23456 { flex-direction: column; } }
.component-23457 {
  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-23457:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23457 { flex-direction: column; } }
.component-23458 {
  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-23458:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23458 { flex-direction: column; } }
.component-23459 {
  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-23459:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23459 { flex-direction: column; } }
.component-23460 {
  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-23460:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23460 { flex-direction: column; } }
.component-23461 {
  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-23461:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23461 { flex-direction: column; } }
.component-23462 {
  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-23462:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23462 { flex-direction: column; } }
.component-23463 {
  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-23463:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23463 { flex-direction: column; } }
.component-23464 {
  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-23464:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23464 { flex-direction: column; } }
.component-23465 {
  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-23465:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23465 { flex-direction: column; } }
.component-23466 {
  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-23466:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23466 { flex-direction: column; } }
.component-23467 {
  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-23467:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23467 { flex-direction: column; } }
.component-23468 {
  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-23468:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23468 { flex-direction: column; } }
.component-23469 {
  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-23469:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23469 { flex-direction: column; } }
.component-23470 {
  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-23470:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23470 { flex-direction: column; } }
.component-23471 {
  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-23471:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23471 { flex-direction: column; } }
.component-23472 {
  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-23472:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23472 { flex-direction: column; } }
.component-23473 {
  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-23473:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23473 { flex-direction: column; } }
.component-23474 {
  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-23474:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23474 { flex-direction: column; } }
.component-23475 {
  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-23475:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23475 { flex-direction: column; } }
.component-23476 {
  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-23476:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23476 { flex-direction: column; } }
.component-23477 {
  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-23477:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23477 { flex-direction: column; } }
.component-23478 {
  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-23478:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23478 { flex-direction: column; } }
.component-23479 {
  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-23479:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23479 { flex-direction: column; } }
.component-23480 {
  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-23480:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23480 { flex-direction: column; } }
.component-23481 {
  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-23481:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23481 { flex-direction: column; } }
.component-23482 {
  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-23482:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23482 { flex-direction: column; } }
.component-23483 {
  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-23483:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23483 { flex-direction: column; } }
.component-23484 {
  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-23484:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23484 { flex-direction: column; } }
.component-23485 {
  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-23485:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23485 { flex-direction: column; } }
.component-23486 {
  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-23486:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23486 { flex-direction: column; } }
.component-23487 {
  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-23487:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23487 { flex-direction: column; } }
.component-23488 {
  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-23488:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23488 { flex-direction: column; } }
.component-23489 {
  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-23489:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23489 { flex-direction: column; } }
.component-23490 {
  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-23490:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23490 { flex-direction: column; } }
.component-23491 {
  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-23491:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23491 { flex-direction: column; } }
.component-23492 {
  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-23492:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23492 { flex-direction: column; } }
.component-23493 {
  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-23493:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23493 { flex-direction: column; } }
.component-23494 {
  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-23494:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23494 { flex-direction: column; } }
.component-23495 {
  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-23495:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23495 { flex-direction: column; } }
.component-23496 {
  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-23496:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23496 { flex-direction: column; } }
.component-23497 {
  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-23497:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23497 { flex-direction: column; } }
.component-23498 {
  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-23498:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23498 { flex-direction: column; } }
.component-23499 {
  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-23499:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23499 { flex-direction: column; } }
.component-23500 {
  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-23500:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23500 { flex-direction: column; } }
.component-23501 {
  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-23501:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23501 { flex-direction: column; } }
.component-23502 {
  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-23502:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23502 { flex-direction: column; } }
.component-23503 {
  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-23503:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23503 { flex-direction: column; } }
.component-23504 {
  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-23504:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23504 { flex-direction: column; } }
.component-23505 {
  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-23505:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23505 { flex-direction: column; } }
.component-23506 {
  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-23506:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23506 { flex-direction: column; } }
.component-23507 {
  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-23507:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23507 { flex-direction: column; } }
.component-23508 {
  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-23508:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23508 { flex-direction: column; } }
.component-23509 {
  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-23509:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23509 { flex-direction: column; } }
.component-23510 {
  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-23510:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23510 { flex-direction: column; } }
.component-23511 {
  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-23511:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23511 { flex-direction: column; } }
.component-23512 {
  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-23512:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23512 { flex-direction: column; } }
.component-23513 {
  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-23513:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23513 { flex-direction: column; } }
.component-23514 {
  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-23514:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23514 { flex-direction: column; } }
.component-23515 {
  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-23515:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23515 { flex-direction: column; } }
.component-23516 {
  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-23516:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23516 { flex-direction: column; } }
.component-23517 {
  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-23517:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23517 { flex-direction: column; } }
.component-23518 {
  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-23518:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23518 { flex-direction: column; } }
.component-23519 {
  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-23519:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23519 { flex-direction: column; } }
.component-23520 {
  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-23520:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23520 { flex-direction: column; } }
.component-23521 {
  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-23521:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23521 { flex-direction: column; } }
.component-23522 {
  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-23522:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23522 { flex-direction: column; } }
.component-23523 {
  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-23523:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23523 { flex-direction: column; } }
.component-23524 {
  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-23524:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23524 { flex-direction: column; } }
.component-23525 {
  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-23525:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23525 { flex-direction: column; } }
.component-23526 {
  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-23526:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23526 { flex-direction: column; } }
.component-23527 {
  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-23527:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23527 { flex-direction: column; } }
.component-23528 {
  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-23528:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23528 { flex-direction: column; } }
.component-23529 {
  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-23529:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23529 { flex-direction: column; } }
.component-23530 {
  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-23530:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23530 { flex-direction: column; } }
.component-23531 {
  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-23531:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23531 { flex-direction: column; } }
.component-23532 {
  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-23532:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23532 { flex-direction: column; } }
.component-23533 {
  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-23533:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23533 { flex-direction: column; } }
.component-23534 {
  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-23534:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23534 { flex-direction: column; } }
.component-23535 {
  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-23535:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23535 { flex-direction: column; } }
.component-23536 {
  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-23536:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23536 { flex-direction: column; } }
.component-23537 {
  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-23537:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23537 { flex-direction: column; } }
.component-23538 {
  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-23538:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23538 { flex-direction: column; } }
.component-23539 {
  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-23539:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23539 { flex-direction: column; } }
.component-23540 {
  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-23540:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23540 { flex-direction: column; } }
.component-23541 {
  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-23541:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23541 { flex-direction: column; } }
.component-23542 {
  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-23542:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23542 { flex-direction: column; } }
.component-23543 {
  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-23543:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23543 { flex-direction: column; } }
.component-23544 {
  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-23544:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23544 { flex-direction: column; } }
.component-23545 {
  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-23545:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23545 { flex-direction: column; } }
.component-23546 {
  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-23546:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23546 { flex-direction: column; } }
.component-23547 {
  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-23547:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23547 { flex-direction: column; } }
.component-23548 {
  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-23548:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23548 { flex-direction: column; } }
.component-23549 {
  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-23549:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23549 { flex-direction: column; } }
.component-23550 {
  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-23550:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23550 { flex-direction: column; } }
.component-23551 {
  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-23551:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23551 { flex-direction: column; } }
.component-23552 {
  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-23552:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23552 { flex-direction: column; } }
.component-23553 {
  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-23553:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23553 { flex-direction: column; } }
.component-23554 {
  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-23554:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23554 { flex-direction: column; } }
.component-23555 {
  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-23555:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23555 { flex-direction: column; } }
.component-23556 {
  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-23556:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23556 { flex-direction: column; } }
.component-23557 {
  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-23557:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23557 { flex-direction: column; } }
.component-23558 {
  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-23558:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23558 { flex-direction: column; } }
.component-23559 {
  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-23559:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23559 { flex-direction: column; } }
.component-23560 {
  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-23560:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23560 { flex-direction: column; } }
.component-23561 {
  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-23561:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23561 { flex-direction: column; } }
.component-23562 {
  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-23562:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23562 { flex-direction: column; } }
.component-23563 {
  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-23563:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23563 { flex-direction: column; } }
.component-23564 {
  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-23564:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23564 { flex-direction: column; } }
.component-23565 {
  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-23565:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23565 { flex-direction: column; } }
.component-23566 {
  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-23566:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23566 { flex-direction: column; } }
.component-23567 {
  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-23567:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23567 { flex-direction: column; } }
.component-23568 {
  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-23568:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23568 { flex-direction: column; } }
.component-23569 {
  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-23569:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23569 { flex-direction: column; } }
.component-23570 {
  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-23570:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23570 { flex-direction: column; } }
.component-23571 {
  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-23571:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23571 { flex-direction: column; } }
.component-23572 {
  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-23572:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23572 { flex-direction: column; } }
.component-23573 {
  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-23573:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23573 { flex-direction: column; } }
.component-23574 {
  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-23574:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23574 { flex-direction: column; } }
.component-23575 {
  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-23575:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23575 { flex-direction: column; } }
.component-23576 {
  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-23576:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23576 { flex-direction: column; } }
.component-23577 {
  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-23577:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23577 { flex-direction: column; } }
.component-23578 {
  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-23578:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23578 { flex-direction: column; } }
.component-23579 {
  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-23579:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23579 { flex-direction: column; } }
.component-23580 {
  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-23580:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23580 { flex-direction: column; } }
.component-23581 {
  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-23581:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23581 { flex-direction: column; } }
.component-23582 {
  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-23582:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23582 { flex-direction: column; } }
.component-23583 {
  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-23583:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23583 { flex-direction: column; } }
.component-23584 {
  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-23584:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23584 { flex-direction: column; } }
.component-23585 {
  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-23585:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23585 { flex-direction: column; } }
.component-23586 {
  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-23586:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23586 { flex-direction: column; } }
.component-23587 {
  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-23587:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23587 { flex-direction: column; } }
.component-23588 {
  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-23588:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23588 { flex-direction: column; } }
.component-23589 {
  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-23589:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23589 { flex-direction: column; } }
.component-23590 {
  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-23590:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23590 { flex-direction: column; } }
.component-23591 {
  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-23591:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23591 { flex-direction: column; } }
.component-23592 {
  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-23592:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23592 { flex-direction: column; } }
.component-23593 {
  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-23593:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23593 { flex-direction: column; } }
.component-23594 {
  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-23594:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23594 { flex-direction: column; } }
.component-23595 {
  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-23595:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23595 { flex-direction: column; } }
.component-23596 {
  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-23596:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23596 { flex-direction: column; } }
.component-23597 {
  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-23597:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23597 { flex-direction: column; } }
.component-23598 {
  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-23598:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23598 { flex-direction: column; } }
.component-23599 {
  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-23599:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23599 { flex-direction: column; } }
.component-23600 {
  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-23600:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23600 { flex-direction: column; } }
.component-23601 {
  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-23601:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23601 { flex-direction: column; } }
.component-23602 {
  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-23602:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23602 { flex-direction: column; } }
.component-23603 {
  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-23603:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23603 { flex-direction: column; } }
.component-23604 {
  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-23604:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23604 { flex-direction: column; } }
.component-23605 {
  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-23605:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23605 { flex-direction: column; } }
.component-23606 {
  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-23606:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23606 { flex-direction: column; } }
.component-23607 {
  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-23607:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23607 { flex-direction: column; } }
.component-23608 {
  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-23608:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23608 { flex-direction: column; } }
.component-23609 {
  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-23609:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23609 { flex-direction: column; } }
.component-23610 {
  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-23610:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23610 { flex-direction: column; } }
.component-23611 {
  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-23611:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23611 { flex-direction: column; } }
.component-23612 {
  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-23612:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23612 { flex-direction: column; } }
.component-23613 {
  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-23613:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23613 { flex-direction: column; } }
.component-23614 {
  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-23614:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23614 { flex-direction: column; } }
.component-23615 {
  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-23615:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23615 { flex-direction: column; } }
.component-23616 {
  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-23616:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23616 { flex-direction: column; } }
.component-23617 {
  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-23617:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23617 { flex-direction: column; } }
.component-23618 {
  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-23618:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23618 { flex-direction: column; } }
.component-23619 {
  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-23619:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23619 { flex-direction: column; } }
.component-23620 {
  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-23620:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23620 { flex-direction: column; } }
.component-23621 {
  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-23621:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23621 { flex-direction: column; } }
.component-23622 {
  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-23622:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23622 { flex-direction: column; } }
.component-23623 {
  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-23623:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23623 { flex-direction: column; } }
.component-23624 {
  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-23624:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23624 { flex-direction: column; } }
.component-23625 {
  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-23625:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23625 { flex-direction: column; } }
.component-23626 {
  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-23626:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23626 { flex-direction: column; } }
.component-23627 {
  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-23627:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23627 { flex-direction: column; } }
.component-23628 {
  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-23628:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23628 { flex-direction: column; } }
.component-23629 {
  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-23629:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23629 { flex-direction: column; } }
.component-23630 {
  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-23630:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23630 { flex-direction: column; } }
.component-23631 {
  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-23631:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23631 { flex-direction: column; } }
.component-23632 {
  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-23632:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23632 { flex-direction: column; } }
.component-23633 {
  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-23633:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23633 { flex-direction: column; } }
.component-23634 {
  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-23634:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23634 { flex-direction: column; } }
.component-23635 {
  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-23635:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23635 { flex-direction: column; } }
.component-23636 {
  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-23636:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23636 { flex-direction: column; } }
.component-23637 {
  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-23637:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23637 { flex-direction: column; } }
.component-23638 {
  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-23638:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23638 { flex-direction: column; } }
.component-23639 {
  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-23639:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23639 { flex-direction: column; } }
.component-23640 {
  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-23640:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23640 { flex-direction: column; } }
.component-23641 {
  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-23641:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23641 { flex-direction: column; } }
.component-23642 {
  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-23642:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23642 { flex-direction: column; } }
.component-23643 {
  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-23643:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23643 { flex-direction: column; } }
.component-23644 {
  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-23644:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23644 { flex-direction: column; } }
.component-23645 {
  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-23645:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23645 { flex-direction: column; } }
.component-23646 {
  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-23646:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23646 { flex-direction: column; } }
.component-23647 {
  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-23647:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23647 { flex-direction: column; } }
.component-23648 {
  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-23648:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23648 { flex-direction: column; } }
.component-23649 {
  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-23649:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23649 { flex-direction: column; } }
.component-23650 {
  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-23650:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23650 { flex-direction: column; } }
.component-23651 {
  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-23651:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23651 { flex-direction: column; } }
.component-23652 {
  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-23652:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23652 { flex-direction: column; } }
.component-23653 {
  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-23653:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23653 { flex-direction: column; } }
.component-23654 {
  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-23654:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23654 { flex-direction: column; } }
.component-23655 {
  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-23655:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23655 { flex-direction: column; } }
.component-23656 {
  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-23656:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23656 { flex-direction: column; } }
.component-23657 {
  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-23657:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23657 { flex-direction: column; } }
.component-23658 {
  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-23658:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23658 { flex-direction: column; } }
.component-23659 {
  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-23659:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23659 { flex-direction: column; } }
.component-23660 {
  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-23660:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23660 { flex-direction: column; } }
.component-23661 {
  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-23661:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23661 { flex-direction: column; } }
.component-23662 {
  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-23662:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23662 { flex-direction: column; } }
.component-23663 {
  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-23663:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23663 { flex-direction: column; } }
.component-23664 {
  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-23664:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23664 { flex-direction: column; } }
.component-23665 {
  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-23665:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23665 { flex-direction: column; } }
.component-23666 {
  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-23666:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23666 { flex-direction: column; } }
.component-23667 {
  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-23667:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23667 { flex-direction: column; } }
.component-23668 {
  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-23668:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23668 { flex-direction: column; } }
.component-23669 {
  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-23669:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23669 { flex-direction: column; } }
.component-23670 {
  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-23670:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23670 { flex-direction: column; } }
.component-23671 {
  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-23671:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23671 { flex-direction: column; } }
.component-23672 {
  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-23672:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23672 { flex-direction: column; } }
.component-23673 {
  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-23673:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23673 { flex-direction: column; } }
.component-23674 {
  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-23674:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23674 { flex-direction: column; } }
.component-23675 {
  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-23675:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23675 { flex-direction: column; } }
.component-23676 {
  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-23676:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23676 { flex-direction: column; } }
.component-23677 {
  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-23677:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23677 { flex-direction: column; } }
.component-23678 {
  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-23678:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23678 { flex-direction: column; } }
.component-23679 {
  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-23679:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23679 { flex-direction: column; } }
.component-23680 {
  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-23680:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23680 { flex-direction: column; } }
.component-23681 {
  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-23681:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23681 { flex-direction: column; } }
.component-23682 {
  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-23682:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23682 { flex-direction: column; } }
.component-23683 {
  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-23683:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23683 { flex-direction: column; } }
.component-23684 {
  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-23684:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23684 { flex-direction: column; } }
.component-23685 {
  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-23685:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23685 { flex-direction: column; } }
.component-23686 {
  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-23686:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23686 { flex-direction: column; } }
.component-23687 {
  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-23687:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23687 { flex-direction: column; } }
.component-23688 {
  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-23688:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23688 { flex-direction: column; } }
.component-23689 {
  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-23689:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23689 { flex-direction: column; } }
.component-23690 {
  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-23690:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23690 { flex-direction: column; } }
.component-23691 {
  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-23691:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23691 { flex-direction: column; } }
.component-23692 {
  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-23692:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23692 { flex-direction: column; } }
.component-23693 {
  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-23693:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23693 { flex-direction: column; } }
.component-23694 {
  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-23694:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23694 { flex-direction: column; } }
.component-23695 {
  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-23695:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23695 { flex-direction: column; } }
.component-23696 {
  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-23696:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23696 { flex-direction: column; } }
.component-23697 {
  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-23697:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23697 { flex-direction: column; } }
.component-23698 {
  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-23698:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23698 { flex-direction: column; } }
.component-23699 {
  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-23699:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23699 { flex-direction: column; } }
.component-23700 {
  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-23700:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23700 { flex-direction: column; } }
.component-23701 {
  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-23701:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23701 { flex-direction: column; } }
.component-23702 {
  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-23702:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23702 { flex-direction: column; } }
.component-23703 {
  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-23703:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23703 { flex-direction: column; } }
.component-23704 {
  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-23704:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23704 { flex-direction: column; } }
.component-23705 {
  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-23705:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23705 { flex-direction: column; } }
.component-23706 {
  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-23706:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23706 { flex-direction: column; } }
.component-23707 {
  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-23707:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23707 { flex-direction: column; } }
.component-23708 {
  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-23708:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23708 { flex-direction: column; } }
.component-23709 {
  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-23709:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23709 { flex-direction: column; } }
.component-23710 {
  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-23710:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23710 { flex-direction: column; } }
.component-23711 {
  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-23711:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23711 { flex-direction: column; } }
.component-23712 {
  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-23712:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23712 { flex-direction: column; } }
.component-23713 {
  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-23713:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23713 { flex-direction: column; } }
.component-23714 {
  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-23714:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23714 { flex-direction: column; } }
.component-23715 {
  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-23715:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23715 { flex-direction: column; } }
.component-23716 {
  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-23716:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23716 { flex-direction: column; } }
.component-23717 {
  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-23717:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23717 { flex-direction: column; } }
.component-23718 {
  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-23718:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23718 { flex-direction: column; } }
.component-23719 {
  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-23719:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23719 { flex-direction: column; } }
.component-23720 {
  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-23720:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23720 { flex-direction: column; } }
.component-23721 {
  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-23721:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23721 { flex-direction: column; } }
.component-23722 {
  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-23722:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23722 { flex-direction: column; } }
.component-23723 {
  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-23723:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23723 { flex-direction: column; } }
.component-23724 {
  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-23724:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23724 { flex-direction: column; } }
.component-23725 {
  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-23725:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23725 { flex-direction: column; } }
.component-23726 {
  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-23726:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23726 { flex-direction: column; } }
.component-23727 {
  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-23727:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23727 { flex-direction: column; } }
.component-23728 {
  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-23728:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23728 { flex-direction: column; } }
.component-23729 {
  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-23729:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23729 { flex-direction: column; } }
.component-23730 {
  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-23730:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23730 { flex-direction: column; } }
.component-23731 {
  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-23731:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23731 { flex-direction: column; } }
.component-23732 {
  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-23732:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23732 { flex-direction: column; } }
.component-23733 {
  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-23733:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23733 { flex-direction: column; } }
.component-23734 {
  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-23734:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23734 { flex-direction: column; } }
.component-23735 {
  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-23735:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23735 { flex-direction: column; } }
.component-23736 {
  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-23736:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23736 { flex-direction: column; } }
.component-23737 {
  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-23737:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23737 { flex-direction: column; } }
.component-23738 {
  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-23738:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23738 { flex-direction: column; } }
.component-23739 {
  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-23739:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23739 { flex-direction: column; } }
.component-23740 {
  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-23740:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23740 { flex-direction: column; } }
.component-23741 {
  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-23741:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23741 { flex-direction: column; } }
.component-23742 {
  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-23742:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23742 { flex-direction: column; } }
.component-23743 {
  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-23743:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23743 { flex-direction: column; } }
.component-23744 {
  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-23744:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23744 { flex-direction: column; } }
.component-23745 {
  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-23745:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23745 { flex-direction: column; } }
.component-23746 {
  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-23746:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23746 { flex-direction: column; } }
.component-23747 {
  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-23747:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23747 { flex-direction: column; } }
.component-23748 {
  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-23748:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23748 { flex-direction: column; } }
.component-23749 {
  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-23749:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23749 { flex-direction: column; } }
.component-23750 {
  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-23750:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23750 { flex-direction: column; } }
.component-23751 {
  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-23751:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23751 { flex-direction: column; } }
.component-23752 {
  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-23752:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23752 { flex-direction: column; } }
.component-23753 {
  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-23753:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23753 { flex-direction: column; } }
.component-23754 {
  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-23754:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23754 { flex-direction: column; } }
.component-23755 {
  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-23755:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23755 { flex-direction: column; } }
.component-23756 {
  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-23756:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23756 { flex-direction: column; } }
.component-23757 {
  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-23757:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23757 { flex-direction: column; } }
.component-23758 {
  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-23758:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23758 { flex-direction: column; } }
.component-23759 {
  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-23759:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23759 { flex-direction: column; } }
.component-23760 {
  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-23760:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23760 { flex-direction: column; } }
.component-23761 {
  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-23761:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23761 { flex-direction: column; } }
.component-23762 {
  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-23762:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23762 { flex-direction: column; } }
.component-23763 {
  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-23763:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23763 { flex-direction: column; } }
.component-23764 {
  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-23764:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23764 { flex-direction: column; } }
.component-23765 {
  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-23765:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23765 { flex-direction: column; } }
.component-23766 {
  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-23766:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23766 { flex-direction: column; } }
.component-23767 {
  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-23767:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23767 { flex-direction: column; } }
.component-23768 {
  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-23768:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23768 { flex-direction: column; } }
.component-23769 {
  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-23769:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23769 { flex-direction: column; } }
.component-23770 {
  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-23770:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23770 { flex-direction: column; } }
.component-23771 {
  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-23771:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23771 { flex-direction: column; } }
.component-23772 {
  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-23772:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23772 { flex-direction: column; } }
.component-23773 {
  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-23773:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23773 { flex-direction: column; } }
.component-23774 {
  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-23774:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23774 { flex-direction: column; } }
.component-23775 {
  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-23775:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23775 { flex-direction: column; } }
.component-23776 {
  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-23776:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23776 { flex-direction: column; } }
.component-23777 {
  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-23777:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23777 { flex-direction: column; } }
.component-23778 {
  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-23778:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23778 { flex-direction: column; } }
.component-23779 {
  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-23779:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23779 { flex-direction: column; } }
.component-23780 {
  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-23780:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23780 { flex-direction: column; } }
.component-23781 {
  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-23781:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23781 { flex-direction: column; } }
.component-23782 {
  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-23782:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23782 { flex-direction: column; } }
.component-23783 {
  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-23783:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23783 { flex-direction: column; } }
.component-23784 {
  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-23784:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23784 { flex-direction: column; } }
.component-23785 {
  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-23785:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23785 { flex-direction: column; } }
.component-23786 {
  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-23786:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23786 { flex-direction: column; } }
.component-23787 {
  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-23787:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23787 { flex-direction: column; } }
.component-23788 {
  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-23788:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23788 { flex-direction: column; } }
.component-23789 {
  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-23789:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23789 { flex-direction: column; } }
.component-23790 {
  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-23790:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23790 { flex-direction: column; } }
.component-23791 {
  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-23791:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23791 { flex-direction: column; } }
.component-23792 {
  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-23792:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23792 { flex-direction: column; } }
.component-23793 {
  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-23793:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23793 { flex-direction: column; } }
.component-23794 {
  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-23794:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23794 { flex-direction: column; } }
.component-23795 {
  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-23795:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23795 { flex-direction: column; } }
.component-23796 {
  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-23796:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23796 { flex-direction: column; } }
.component-23797 {
  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-23797:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23797 { flex-direction: column; } }
.component-23798 {
  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-23798:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23798 { flex-direction: column; } }
.component-23799 {
  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-23799:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23799 { flex-direction: column; } }
.component-23800 {
  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-23800:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23800 { flex-direction: column; } }
.component-23801 {
  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-23801:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23801 { flex-direction: column; } }
.component-23802 {
  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-23802:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23802 { flex-direction: column; } }
.component-23803 {
  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-23803:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23803 { flex-direction: column; } }
.component-23804 {
  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-23804:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23804 { flex-direction: column; } }
.component-23805 {
  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-23805:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23805 { flex-direction: column; } }
.component-23806 {
  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-23806:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23806 { flex-direction: column; } }
.component-23807 {
  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-23807:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23807 { flex-direction: column; } }
.component-23808 {
  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-23808:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23808 { flex-direction: column; } }
.component-23809 {
  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-23809:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23809 { flex-direction: column; } }
.component-23810 {
  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-23810:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23810 { flex-direction: column; } }
.component-23811 {
  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-23811:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23811 { flex-direction: column; } }
.component-23812 {
  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-23812:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23812 { flex-direction: column; } }
.component-23813 {
  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-23813:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23813 { flex-direction: column; } }
.component-23814 {
  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-23814:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23814 { flex-direction: column; } }
.component-23815 {
  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-23815:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23815 { flex-direction: column; } }
.component-23816 {
  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-23816:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23816 { flex-direction: column; } }
.component-23817 {
  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-23817:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23817 { flex-direction: column; } }
.component-23818 {
  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-23818:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23818 { flex-direction: column; } }
.component-23819 {
  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-23819:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23819 { flex-direction: column; } }
.component-23820 {
  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-23820:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23820 { flex-direction: column; } }
.component-23821 {
  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-23821:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23821 { flex-direction: column; } }
.component-23822 {
  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-23822:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23822 { flex-direction: column; } }
.component-23823 {
  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-23823:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23823 { flex-direction: column; } }
.component-23824 {
  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-23824:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23824 { flex-direction: column; } }
.component-23825 {
  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-23825:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23825 { flex-direction: column; } }
.component-23826 {
  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-23826:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23826 { flex-direction: column; } }
.component-23827 {
  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-23827:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23827 { flex-direction: column; } }
.component-23828 {
  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-23828:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23828 { flex-direction: column; } }
.component-23829 {
  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-23829:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23829 { flex-direction: column; } }
.component-23830 {
  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-23830:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23830 { flex-direction: column; } }
.component-23831 {
  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-23831:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23831 { flex-direction: column; } }
.component-23832 {
  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-23832:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23832 { flex-direction: column; } }
.component-23833 {
  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-23833:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23833 { flex-direction: column; } }
.component-23834 {
  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-23834:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23834 { flex-direction: column; } }
.component-23835 {
  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-23835:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23835 { flex-direction: column; } }
.component-23836 {
  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-23836:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23836 { flex-direction: column; } }
.component-23837 {
  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-23837:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23837 { flex-direction: column; } }
.component-23838 {
  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-23838:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23838 { flex-direction: column; } }
.component-23839 {
  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-23839:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23839 { flex-direction: column; } }
.component-23840 {
  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-23840:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23840 { flex-direction: column; } }
.component-23841 {
  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-23841:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23841 { flex-direction: column; } }
.component-23842 {
  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-23842:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23842 { flex-direction: column; } }
.component-23843 {
  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-23843:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23843 { flex-direction: column; } }
.component-23844 {
  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-23844:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23844 { flex-direction: column; } }
.component-23845 {
  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-23845:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23845 { flex-direction: column; } }
.component-23846 {
  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-23846:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23846 { flex-direction: column; } }
.component-23847 {
  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-23847:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23847 { flex-direction: column; } }
.component-23848 {
  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-23848:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23848 { flex-direction: column; } }
.component-23849 {
  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-23849:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23849 { flex-direction: column; } }
.component-23850 {
  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-23850:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23850 { flex-direction: column; } }
.component-23851 {
  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-23851:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23851 { flex-direction: column; } }
.component-23852 {
  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-23852:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23852 { flex-direction: column; } }
.component-23853 {
  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-23853:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23853 { flex-direction: column; } }
.component-23854 {
  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-23854:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23854 { flex-direction: column; } }
.component-23855 {
  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-23855:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23855 { flex-direction: column; } }
.component-23856 {
  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-23856:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23856 { flex-direction: column; } }
.component-23857 {
  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-23857:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23857 { flex-direction: column; } }
.component-23858 {
  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-23858:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23858 { flex-direction: column; } }
.component-23859 {
  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-23859:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23859 { flex-direction: column; } }
.component-23860 {
  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-23860:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23860 { flex-direction: column; } }
.component-23861 {
  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-23861:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23861 { flex-direction: column; } }
.component-23862 {
  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-23862:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23862 { flex-direction: column; } }
.component-23863 {
  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-23863:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23863 { flex-direction: column; } }
.component-23864 {
  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-23864:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23864 { flex-direction: column; } }
.component-23865 {
  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-23865:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23865 { flex-direction: column; } }
.component-23866 {
  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-23866:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23866 { flex-direction: column; } }
.component-23867 {
  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-23867:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23867 { flex-direction: column; } }
.component-23868 {
  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-23868:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23868 { flex-direction: column; } }
.component-23869 {
  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-23869:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23869 { flex-direction: column; } }
.component-23870 {
  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-23870:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23870 { flex-direction: column; } }
.component-23871 {
  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-23871:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23871 { flex-direction: column; } }
.component-23872 {
  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-23872:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23872 { flex-direction: column; } }
.component-23873 {
  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-23873:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23873 { flex-direction: column; } }
.component-23874 {
  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-23874:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23874 { flex-direction: column; } }
.component-23875 {
  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-23875:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23875 { flex-direction: column; } }
.component-23876 {
  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-23876:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23876 { flex-direction: column; } }
.component-23877 {
  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-23877:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23877 { flex-direction: column; } }
.component-23878 {
  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-23878:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23878 { flex-direction: column; } }
.component-23879 {
  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-23879:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23879 { flex-direction: column; } }
.component-23880 {
  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-23880:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23880 { flex-direction: column; } }
.component-23881 {
  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-23881:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23881 { flex-direction: column; } }
.component-23882 {
  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-23882:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23882 { flex-direction: column; } }
.component-23883 {
  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-23883:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23883 { flex-direction: column; } }
.component-23884 {
  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-23884:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23884 { flex-direction: column; } }
.component-23885 {
  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-23885:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23885 { flex-direction: column; } }
.component-23886 {
  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-23886:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23886 { flex-direction: column; } }
.component-23887 {
  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-23887:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23887 { flex-direction: column; } }
.component-23888 {
  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-23888:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23888 { flex-direction: column; } }
.component-23889 {
  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-23889:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23889 { flex-direction: column; } }
.component-23890 {
  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-23890:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23890 { flex-direction: column; } }
.component-23891 {
  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-23891:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23891 { flex-direction: column; } }
.component-23892 {
  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-23892:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23892 { flex-direction: column; } }
.component-23893 {
  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-23893:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23893 { flex-direction: column; } }
.component-23894 {
  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-23894:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23894 { flex-direction: column; } }
.component-23895 {
  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-23895:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23895 { flex-direction: column; } }
.component-23896 {
  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-23896:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23896 { flex-direction: column; } }
.component-23897 {
  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-23897:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23897 { flex-direction: column; } }
.component-23898 {
  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-23898:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23898 { flex-direction: column; } }
.component-23899 {
  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-23899:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23899 { flex-direction: column; } }
.component-23900 {
  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-23900:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23900 { flex-direction: column; } }
.component-23901 {
  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-23901:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23901 { flex-direction: column; } }
.component-23902 {
  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-23902:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23902 { flex-direction: column; } }
.component-23903 {
  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-23903:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23903 { flex-direction: column; } }
.component-23904 {
  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-23904:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23904 { flex-direction: column; } }
.component-23905 {
  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-23905:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23905 { flex-direction: column; } }
.component-23906 {
  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-23906:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23906 { flex-direction: column; } }
.component-23907 {
  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-23907:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23907 { flex-direction: column; } }
.component-23908 {
  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-23908:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23908 { flex-direction: column; } }
.component-23909 {
  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-23909:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23909 { flex-direction: column; } }
.component-23910 {
  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-23910:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23910 { flex-direction: column; } }
.component-23911 {
  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-23911:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23911 { flex-direction: column; } }
.component-23912 {
  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-23912:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23912 { flex-direction: column; } }
.component-23913 {
  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-23913:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23913 { flex-direction: column; } }
.component-23914 {
  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-23914:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23914 { flex-direction: column; } }
.component-23915 {
  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-23915:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23915 { flex-direction: column; } }
.component-23916 {
  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-23916:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23916 { flex-direction: column; } }
.component-23917 {
  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-23917:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23917 { flex-direction: column; } }
.component-23918 {
  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-23918:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23918 { flex-direction: column; } }
.component-23919 {
  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-23919:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23919 { flex-direction: column; } }
.component-23920 {
  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-23920:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23920 { flex-direction: column; } }
.component-23921 {
  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-23921:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23921 { flex-direction: column; } }
.component-23922 {
  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-23922:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23922 { flex-direction: column; } }
.component-23923 {
  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-23923:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23923 { flex-direction: column; } }
.component-23924 {
  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-23924:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23924 { flex-direction: column; } }
.component-23925 {
  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-23925:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23925 { flex-direction: column; } }
.component-23926 {
  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-23926:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23926 { flex-direction: column; } }
.component-23927 {
  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-23927:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23927 { flex-direction: column; } }
.component-23928 {
  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-23928:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23928 { flex-direction: column; } }
.component-23929 {
  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-23929:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23929 { flex-direction: column; } }
.component-23930 {
  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-23930:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23930 { flex-direction: column; } }
.component-23931 {
  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-23931:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23931 { flex-direction: column; } }
.component-23932 {
  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-23932:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23932 { flex-direction: column; } }
.component-23933 {
  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-23933:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23933 { flex-direction: column; } }
.component-23934 {
  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-23934:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23934 { flex-direction: column; } }
.component-23935 {
  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-23935:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23935 { flex-direction: column; } }
.component-23936 {
  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-23936:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23936 { flex-direction: column; } }
.component-23937 {
  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-23937:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23937 { flex-direction: column; } }
.component-23938 {
  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-23938:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23938 { flex-direction: column; } }
.component-23939 {
  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-23939:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23939 { flex-direction: column; } }
.component-23940 {
  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-23940:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23940 { flex-direction: column; } }
.component-23941 {
  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-23941:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23941 { flex-direction: column; } }
.component-23942 {
  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-23942:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23942 { flex-direction: column; } }
.component-23943 {
  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-23943:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23943 { flex-direction: column; } }
.component-23944 {
  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-23944:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23944 { flex-direction: column; } }
.component-23945 {
  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-23945:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23945 { flex-direction: column; } }
.component-23946 {
  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-23946:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23946 { flex-direction: column; } }
.component-23947 {
  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-23947:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23947 { flex-direction: column; } }
.component-23948 {
  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-23948:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23948 { flex-direction: column; } }
.component-23949 {
  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-23949:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23949 { flex-direction: column; } }
.component-23950 {
  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-23950:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23950 { flex-direction: column; } }
.component-23951 {
  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-23951:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23951 { flex-direction: column; } }
.component-23952 {
  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-23952:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23952 { flex-direction: column; } }
.component-23953 {
  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-23953:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23953 { flex-direction: column; } }
.component-23954 {
  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-23954:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23954 { flex-direction: column; } }
.component-23955 {
  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-23955:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23955 { flex-direction: column; } }
.component-23956 {
  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-23956:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23956 { flex-direction: column; } }
.component-23957 {
  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-23957:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23957 { flex-direction: column; } }
.component-23958 {
  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-23958:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23958 { flex-direction: column; } }
.component-23959 {
  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-23959:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23959 { flex-direction: column; } }
.component-23960 {
  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-23960:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23960 { flex-direction: column; } }
.component-23961 {
  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-23961:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23961 { flex-direction: column; } }
.component-23962 {
  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-23962:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23962 { flex-direction: column; } }
.component-23963 {
  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-23963:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23963 { flex-direction: column; } }
.component-23964 {
  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-23964:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23964 { flex-direction: column; } }
.component-23965 {
  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-23965:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23965 { flex-direction: column; } }
.component-23966 {
  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-23966:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23966 { flex-direction: column; } }
.component-23967 {
  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-23967:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23967 { flex-direction: column; } }
.component-23968 {
  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-23968:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23968 { flex-direction: column; } }
.component-23969 {
  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-23969:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23969 { flex-direction: column; } }
.component-23970 {
  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-23970:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23970 { flex-direction: column; } }
.component-23971 {
  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-23971:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23971 { flex-direction: column; } }
.component-23972 {
  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-23972:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23972 { flex-direction: column; } }
.component-23973 {
  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-23973:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23973 { flex-direction: column; } }
.component-23974 {
  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-23974:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23974 { flex-direction: column; } }
.component-23975 {
  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-23975:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23975 { flex-direction: column; } }
.component-23976 {
  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-23976:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23976 { flex-direction: column; } }
.component-23977 {
  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-23977:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23977 { flex-direction: column; } }
.component-23978 {
  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-23978:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23978 { flex-direction: column; } }
.component-23979 {
  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-23979:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23979 { flex-direction: column; } }
.component-23980 {
  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-23980:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23980 { flex-direction: column; } }
.component-23981 {
  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-23981:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23981 { flex-direction: column; } }
.component-23982 {
  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-23982:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23982 { flex-direction: column; } }
.component-23983 {
  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-23983:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23983 { flex-direction: column; } }
.component-23984 {
  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-23984:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23984 { flex-direction: column; } }
.component-23985 {
  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-23985:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-23985 { flex-direction: column; } }
.component-23986 {
  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-23986:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-23986 { flex-direction: column; } }
.component-23987 {
  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-23987:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-23987 { flex-direction: column; } }
.component-23988 {
  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-23988:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-23988 { flex-direction: column; } }
.component-23989 {
  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-23989:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-23989 { flex-direction: column; } }
.component-23990 {
  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-23990:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-23990 { flex-direction: column; } }
.component-23991 {
  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-23991:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-23991 { flex-direction: column; } }
.component-23992 {
  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-23992:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-23992 { flex-direction: column; } }
.component-23993 {
  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-23993:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-23993 { flex-direction: column; } }
.component-23994 {
  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-23994:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-23994 { flex-direction: column; } }
.component-23995 {
  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-23995:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-23995 { flex-direction: column; } }
.component-23996 {
  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-23996:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-23996 { flex-direction: column; } }
.component-23997 {
  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-23997:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-23997 { flex-direction: column; } }
.component-23998 {
  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-23998:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-23998 { flex-direction: column; } }
.component-23999 {
  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-23999:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-23999 { flex-direction: column; } }
.component-24000 {
  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-24000:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24000 { flex-direction: column; } }
.component-24001 {
  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-24001:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24001 { flex-direction: column; } }
.component-24002 {
  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-24002:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24002 { flex-direction: column; } }
.component-24003 {
  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-24003:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24003 { flex-direction: column; } }
.component-24004 {
  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-24004:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24004 { flex-direction: column; } }
.component-24005 {
  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-24005:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24005 { flex-direction: column; } }
.component-24006 {
  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-24006:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24006 { flex-direction: column; } }
.component-24007 {
  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-24007:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24007 { flex-direction: column; } }
.component-24008 {
  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-24008:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24008 { flex-direction: column; } }
.component-24009 {
  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-24009:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24009 { flex-direction: column; } }
.component-24010 {
  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-24010:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24010 { flex-direction: column; } }
.component-24011 {
  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-24011:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24011 { flex-direction: column; } }
.component-24012 {
  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-24012:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24012 { flex-direction: column; } }
.component-24013 {
  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-24013:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24013 { flex-direction: column; } }
.component-24014 {
  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-24014:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24014 { flex-direction: column; } }
.component-24015 {
  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-24015:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24015 { flex-direction: column; } }
.component-24016 {
  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-24016:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24016 { flex-direction: column; } }
.component-24017 {
  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-24017:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24017 { flex-direction: column; } }
.component-24018 {
  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-24018:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24018 { flex-direction: column; } }
.component-24019 {
  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-24019:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24019 { flex-direction: column; } }
.component-24020 {
  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-24020:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24020 { flex-direction: column; } }
.component-24021 {
  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-24021:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24021 { flex-direction: column; } }
.component-24022 {
  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-24022:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24022 { flex-direction: column; } }
.component-24023 {
  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-24023:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24023 { flex-direction: column; } }
.component-24024 {
  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-24024:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24024 { flex-direction: column; } }
.component-24025 {
  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-24025:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24025 { flex-direction: column; } }
.component-24026 {
  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-24026:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24026 { flex-direction: column; } }
.component-24027 {
  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-24027:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24027 { flex-direction: column; } }
.component-24028 {
  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-24028:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24028 { flex-direction: column; } }
.component-24029 {
  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-24029:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24029 { flex-direction: column; } }
.component-24030 {
  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-24030:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24030 { flex-direction: column; } }
.component-24031 {
  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-24031:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24031 { flex-direction: column; } }
.component-24032 {
  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-24032:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24032 { flex-direction: column; } }
.component-24033 {
  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-24033:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24033 { flex-direction: column; } }
.component-24034 {
  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-24034:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24034 { flex-direction: column; } }
.component-24035 {
  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-24035:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24035 { flex-direction: column; } }
.component-24036 {
  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-24036:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24036 { flex-direction: column; } }
.component-24037 {
  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-24037:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24037 { flex-direction: column; } }
.component-24038 {
  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-24038:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24038 { flex-direction: column; } }
.component-24039 {
  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-24039:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24039 { flex-direction: column; } }
.component-24040 {
  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-24040:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24040 { flex-direction: column; } }
.component-24041 {
  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-24041:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24041 { flex-direction: column; } }
.component-24042 {
  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-24042:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24042 { flex-direction: column; } }
.component-24043 {
  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-24043:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24043 { flex-direction: column; } }
.component-24044 {
  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-24044:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24044 { flex-direction: column; } }
.component-24045 {
  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-24045:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24045 { flex-direction: column; } }
.component-24046 {
  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-24046:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24046 { flex-direction: column; } }
.component-24047 {
  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-24047:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24047 { flex-direction: column; } }
.component-24048 {
  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-24048:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24048 { flex-direction: column; } }
.component-24049 {
  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-24049:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24049 { flex-direction: column; } }
.component-24050 {
  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-24050:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24050 { flex-direction: column; } }
.component-24051 {
  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-24051:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24051 { flex-direction: column; } }
.component-24052 {
  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-24052:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24052 { flex-direction: column; } }
.component-24053 {
  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-24053:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24053 { flex-direction: column; } }
.component-24054 {
  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-24054:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24054 { flex-direction: column; } }
.component-24055 {
  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-24055:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24055 { flex-direction: column; } }
.component-24056 {
  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-24056:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24056 { flex-direction: column; } }
.component-24057 {
  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-24057:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24057 { flex-direction: column; } }
.component-24058 {
  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-24058:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24058 { flex-direction: column; } }
.component-24059 {
  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-24059:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24059 { flex-direction: column; } }
.component-24060 {
  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-24060:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24060 { flex-direction: column; } }
.component-24061 {
  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-24061:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24061 { flex-direction: column; } }
.component-24062 {
  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-24062:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24062 { flex-direction: column; } }
.component-24063 {
  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-24063:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24063 { flex-direction: column; } }
.component-24064 {
  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-24064:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24064 { flex-direction: column; } }
.component-24065 {
  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-24065:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24065 { flex-direction: column; } }
.component-24066 {
  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-24066:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24066 { flex-direction: column; } }
.component-24067 {
  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-24067:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24067 { flex-direction: column; } }
.component-24068 {
  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-24068:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24068 { flex-direction: column; } }
.component-24069 {
  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-24069:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24069 { flex-direction: column; } }
.component-24070 {
  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-24070:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24070 { flex-direction: column; } }
.component-24071 {
  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-24071:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24071 { flex-direction: column; } }
.component-24072 {
  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-24072:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24072 { flex-direction: column; } }
.component-24073 {
  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-24073:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24073 { flex-direction: column; } }
.component-24074 {
  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-24074:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24074 { flex-direction: column; } }
.component-24075 {
  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-24075:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24075 { flex-direction: column; } }
.component-24076 {
  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-24076:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24076 { flex-direction: column; } }
.component-24077 {
  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-24077:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24077 { flex-direction: column; } }
.component-24078 {
  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-24078:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24078 { flex-direction: column; } }
.component-24079 {
  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-24079:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24079 { flex-direction: column; } }
.component-24080 {
  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-24080:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24080 { flex-direction: column; } }
.component-24081 {
  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-24081:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24081 { flex-direction: column; } }
.component-24082 {
  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-24082:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24082 { flex-direction: column; } }
.component-24083 {
  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-24083:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24083 { flex-direction: column; } }
.component-24084 {
  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-24084:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24084 { flex-direction: column; } }
.component-24085 {
  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-24085:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24085 { flex-direction: column; } }
.component-24086 {
  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-24086:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24086 { flex-direction: column; } }
.component-24087 {
  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-24087:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24087 { flex-direction: column; } }
.component-24088 {
  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-24088:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24088 { flex-direction: column; } }
.component-24089 {
  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-24089:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24089 { flex-direction: column; } }
.component-24090 {
  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-24090:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24090 { flex-direction: column; } }
.component-24091 {
  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-24091:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24091 { flex-direction: column; } }
.component-24092 {
  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-24092:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24092 { flex-direction: column; } }
.component-24093 {
  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-24093:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24093 { flex-direction: column; } }
.component-24094 {
  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-24094:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24094 { flex-direction: column; } }
.component-24095 {
  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-24095:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24095 { flex-direction: column; } }
.component-24096 {
  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-24096:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24096 { flex-direction: column; } }
.component-24097 {
  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-24097:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24097 { flex-direction: column; } }
.component-24098 {
  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-24098:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24098 { flex-direction: column; } }
.component-24099 {
  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-24099:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24099 { flex-direction: column; } }
.component-24100 {
  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-24100:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24100 { flex-direction: column; } }
.component-24101 {
  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-24101:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24101 { flex-direction: column; } }
.component-24102 {
  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-24102:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24102 { flex-direction: column; } }
.component-24103 {
  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-24103:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24103 { flex-direction: column; } }
.component-24104 {
  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-24104:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24104 { flex-direction: column; } }
.component-24105 {
  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-24105:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24105 { flex-direction: column; } }
.component-24106 {
  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-24106:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24106 { flex-direction: column; } }
.component-24107 {
  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-24107:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24107 { flex-direction: column; } }
.component-24108 {
  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-24108:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24108 { flex-direction: column; } }
.component-24109 {
  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-24109:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24109 { flex-direction: column; } }
.component-24110 {
  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-24110:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24110 { flex-direction: column; } }
.component-24111 {
  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-24111:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24111 { flex-direction: column; } }
.component-24112 {
  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-24112:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24112 { flex-direction: column; } }
.component-24113 {
  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-24113:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24113 { flex-direction: column; } }
.component-24114 {
  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-24114:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24114 { flex-direction: column; } }
.component-24115 {
  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-24115:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24115 { flex-direction: column; } }
.component-24116 {
  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-24116:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24116 { flex-direction: column; } }
.component-24117 {
  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-24117:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24117 { flex-direction: column; } }
.component-24118 {
  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-24118:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24118 { flex-direction: column; } }
.component-24119 {
  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-24119:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24119 { flex-direction: column; } }
.component-24120 {
  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-24120:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24120 { flex-direction: column; } }
.component-24121 {
  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-24121:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24121 { flex-direction: column; } }
.component-24122 {
  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-24122:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24122 { flex-direction: column; } }
.component-24123 {
  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-24123:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24123 { flex-direction: column; } }
.component-24124 {
  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-24124:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24124 { flex-direction: column; } }
.component-24125 {
  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-24125:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24125 { flex-direction: column; } }
.component-24126 {
  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-24126:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24126 { flex-direction: column; } }
.component-24127 {
  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-24127:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24127 { flex-direction: column; } }
.component-24128 {
  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-24128:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24128 { flex-direction: column; } }
.component-24129 {
  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-24129:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24129 { flex-direction: column; } }
.component-24130 {
  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-24130:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24130 { flex-direction: column; } }
.component-24131 {
  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-24131:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24131 { flex-direction: column; } }
.component-24132 {
  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-24132:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24132 { flex-direction: column; } }
.component-24133 {
  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-24133:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24133 { flex-direction: column; } }
.component-24134 {
  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-24134:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24134 { flex-direction: column; } }
.component-24135 {
  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-24135:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24135 { flex-direction: column; } }
.component-24136 {
  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-24136:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24136 { flex-direction: column; } }
.component-24137 {
  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-24137:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24137 { flex-direction: column; } }
.component-24138 {
  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-24138:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24138 { flex-direction: column; } }
.component-24139 {
  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-24139:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24139 { flex-direction: column; } }
.component-24140 {
  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-24140:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24140 { flex-direction: column; } }
.component-24141 {
  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-24141:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24141 { flex-direction: column; } }
.component-24142 {
  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-24142:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24142 { flex-direction: column; } }
.component-24143 {
  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-24143:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24143 { flex-direction: column; } }
.component-24144 {
  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-24144:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24144 { flex-direction: column; } }
.component-24145 {
  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-24145:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24145 { flex-direction: column; } }
.component-24146 {
  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-24146:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24146 { flex-direction: column; } }
.component-24147 {
  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-24147:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24147 { flex-direction: column; } }
.component-24148 {
  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-24148:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24148 { flex-direction: column; } }
.component-24149 {
  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-24149:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24149 { flex-direction: column; } }
.component-24150 {
  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-24150:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24150 { flex-direction: column; } }
.component-24151 {
  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-24151:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24151 { flex-direction: column; } }
.component-24152 {
  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-24152:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24152 { flex-direction: column; } }
.component-24153 {
  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-24153:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24153 { flex-direction: column; } }
.component-24154 {
  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-24154:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24154 { flex-direction: column; } }
.component-24155 {
  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-24155:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24155 { flex-direction: column; } }
.component-24156 {
  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-24156:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24156 { flex-direction: column; } }
.component-24157 {
  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-24157:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24157 { flex-direction: column; } }
.component-24158 {
  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-24158:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24158 { flex-direction: column; } }
.component-24159 {
  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-24159:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24159 { flex-direction: column; } }
.component-24160 {
  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-24160:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24160 { flex-direction: column; } }
.component-24161 {
  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-24161:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24161 { flex-direction: column; } }
.component-24162 {
  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-24162:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24162 { flex-direction: column; } }
.component-24163 {
  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-24163:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24163 { flex-direction: column; } }
.component-24164 {
  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-24164:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24164 { flex-direction: column; } }
.component-24165 {
  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-24165:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24165 { flex-direction: column; } }
.component-24166 {
  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-24166:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24166 { flex-direction: column; } }
.component-24167 {
  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-24167:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24167 { flex-direction: column; } }
.component-24168 {
  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-24168:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24168 { flex-direction: column; } }
.component-24169 {
  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-24169:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24169 { flex-direction: column; } }
.component-24170 {
  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-24170:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24170 { flex-direction: column; } }
.component-24171 {
  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-24171:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24171 { flex-direction: column; } }
.component-24172 {
  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-24172:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24172 { flex-direction: column; } }
.component-24173 {
  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-24173:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24173 { flex-direction: column; } }
.component-24174 {
  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-24174:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24174 { flex-direction: column; } }
.component-24175 {
  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-24175:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24175 { flex-direction: column; } }
.component-24176 {
  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-24176:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24176 { flex-direction: column; } }
.component-24177 {
  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-24177:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24177 { flex-direction: column; } }
.component-24178 {
  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-24178:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24178 { flex-direction: column; } }
.component-24179 {
  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-24179:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24179 { flex-direction: column; } }
.component-24180 {
  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-24180:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24180 { flex-direction: column; } }
.component-24181 {
  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-24181:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24181 { flex-direction: column; } }
.component-24182 {
  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-24182:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24182 { flex-direction: column; } }
.component-24183 {
  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-24183:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24183 { flex-direction: column; } }
.component-24184 {
  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-24184:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24184 { flex-direction: column; } }
.component-24185 {
  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-24185:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24185 { flex-direction: column; } }
.component-24186 {
  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-24186:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24186 { flex-direction: column; } }
.component-24187 {
  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-24187:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24187 { flex-direction: column; } }
.component-24188 {
  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-24188:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24188 { flex-direction: column; } }
.component-24189 {
  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-24189:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24189 { flex-direction: column; } }
.component-24190 {
  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-24190:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24190 { flex-direction: column; } }
.component-24191 {
  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-24191:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24191 { flex-direction: column; } }
.component-24192 {
  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-24192:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24192 { flex-direction: column; } }
.component-24193 {
  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-24193:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24193 { flex-direction: column; } }
.component-24194 {
  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-24194:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24194 { flex-direction: column; } }
.component-24195 {
  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-24195:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24195 { flex-direction: column; } }
.component-24196 {
  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-24196:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24196 { flex-direction: column; } }
.component-24197 {
  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-24197:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24197 { flex-direction: column; } }
.component-24198 {
  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-24198:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24198 { flex-direction: column; } }
.component-24199 {
  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-24199:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24199 { flex-direction: column; } }
.component-24200 {
  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-24200:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24200 { flex-direction: column; } }
.component-24201 {
  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-24201:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24201 { flex-direction: column; } }
.component-24202 {
  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-24202:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24202 { flex-direction: column; } }
.component-24203 {
  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-24203:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24203 { flex-direction: column; } }
.component-24204 {
  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-24204:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24204 { flex-direction: column; } }
.component-24205 {
  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-24205:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24205 { flex-direction: column; } }
.component-24206 {
  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-24206:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24206 { flex-direction: column; } }
.component-24207 {
  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-24207:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24207 { flex-direction: column; } }
.component-24208 {
  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-24208:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24208 { flex-direction: column; } }
.component-24209 {
  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-24209:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24209 { flex-direction: column; } }
.component-24210 {
  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-24210:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24210 { flex-direction: column; } }
.component-24211 {
  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-24211:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24211 { flex-direction: column; } }
.component-24212 {
  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-24212:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24212 { flex-direction: column; } }
.component-24213 {
  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-24213:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24213 { flex-direction: column; } }
.component-24214 {
  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-24214:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24214 { flex-direction: column; } }
.component-24215 {
  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-24215:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24215 { flex-direction: column; } }
.component-24216 {
  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-24216:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24216 { flex-direction: column; } }
.component-24217 {
  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-24217:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24217 { flex-direction: column; } }
.component-24218 {
  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-24218:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24218 { flex-direction: column; } }
.component-24219 {
  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-24219:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24219 { flex-direction: column; } }
.component-24220 {
  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-24220:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24220 { flex-direction: column; } }
.component-24221 {
  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-24221:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24221 { flex-direction: column; } }
.component-24222 {
  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-24222:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24222 { flex-direction: column; } }
.component-24223 {
  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-24223:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24223 { flex-direction: column; } }
.component-24224 {
  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-24224:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24224 { flex-direction: column; } }
.component-24225 {
  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-24225:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24225 { flex-direction: column; } }
.component-24226 {
  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-24226:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24226 { flex-direction: column; } }
.component-24227 {
  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-24227:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24227 { flex-direction: column; } }
.component-24228 {
  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-24228:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24228 { flex-direction: column; } }
.component-24229 {
  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-24229:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24229 { flex-direction: column; } }
.component-24230 {
  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-24230:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24230 { flex-direction: column; } }
.component-24231 {
  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-24231:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24231 { flex-direction: column; } }
.component-24232 {
  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-24232:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24232 { flex-direction: column; } }
.component-24233 {
  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-24233:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24233 { flex-direction: column; } }
.component-24234 {
  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-24234:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24234 { flex-direction: column; } }
.component-24235 {
  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-24235:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24235 { flex-direction: column; } }
.component-24236 {
  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-24236:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24236 { flex-direction: column; } }
.component-24237 {
  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-24237:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24237 { flex-direction: column; } }
.component-24238 {
  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-24238:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24238 { flex-direction: column; } }
.component-24239 {
  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-24239:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24239 { flex-direction: column; } }
.component-24240 {
  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-24240:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24240 { flex-direction: column; } }
.component-24241 {
  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-24241:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24241 { flex-direction: column; } }
.component-24242 {
  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-24242:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24242 { flex-direction: column; } }
.component-24243 {
  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-24243:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24243 { flex-direction: column; } }
.component-24244 {
  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-24244:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24244 { flex-direction: column; } }
.component-24245 {
  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-24245:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24245 { flex-direction: column; } }
.component-24246 {
  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-24246:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24246 { flex-direction: column; } }
.component-24247 {
  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-24247:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24247 { flex-direction: column; } }
.component-24248 {
  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-24248:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24248 { flex-direction: column; } }
.component-24249 {
  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-24249:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24249 { flex-direction: column; } }
.component-24250 {
  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-24250:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24250 { flex-direction: column; } }
.component-24251 {
  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-24251:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24251 { flex-direction: column; } }
.component-24252 {
  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-24252:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24252 { flex-direction: column; } }
.component-24253 {
  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-24253:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24253 { flex-direction: column; } }
.component-24254 {
  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-24254:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24254 { flex-direction: column; } }
.component-24255 {
  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-24255:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24255 { flex-direction: column; } }
.component-24256 {
  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-24256:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24256 { flex-direction: column; } }
.component-24257 {
  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-24257:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24257 { flex-direction: column; } }
.component-24258 {
  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-24258:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24258 { flex-direction: column; } }
.component-24259 {
  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-24259:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24259 { flex-direction: column; } }
.component-24260 {
  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-24260:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24260 { flex-direction: column; } }
.component-24261 {
  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-24261:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24261 { flex-direction: column; } }
.component-24262 {
  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-24262:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24262 { flex-direction: column; } }
.component-24263 {
  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-24263:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24263 { flex-direction: column; } }
.component-24264 {
  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-24264:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24264 { flex-direction: column; } }
.component-24265 {
  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-24265:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24265 { flex-direction: column; } }
.component-24266 {
  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-24266:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24266 { flex-direction: column; } }
.component-24267 {
  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-24267:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24267 { flex-direction: column; } }
.component-24268 {
  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-24268:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24268 { flex-direction: column; } }
.component-24269 {
  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-24269:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24269 { flex-direction: column; } }
.component-24270 {
  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-24270:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24270 { flex-direction: column; } }
.component-24271 {
  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-24271:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24271 { flex-direction: column; } }
.component-24272 {
  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-24272:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24272 { flex-direction: column; } }
.component-24273 {
  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-24273:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24273 { flex-direction: column; } }
.component-24274 {
  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-24274:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24274 { flex-direction: column; } }
.component-24275 {
  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-24275:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24275 { flex-direction: column; } }
.component-24276 {
  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-24276:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24276 { flex-direction: column; } }
.component-24277 {
  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-24277:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24277 { flex-direction: column; } }
.component-24278 {
  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-24278:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24278 { flex-direction: column; } }
.component-24279 {
  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-24279:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24279 { flex-direction: column; } }
.component-24280 {
  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-24280:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24280 { flex-direction: column; } }
.component-24281 {
  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-24281:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24281 { flex-direction: column; } }
.component-24282 {
  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-24282:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24282 { flex-direction: column; } }
.component-24283 {
  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-24283:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24283 { flex-direction: column; } }
.component-24284 {
  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-24284:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24284 { flex-direction: column; } }
.component-24285 {
  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-24285:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24285 { flex-direction: column; } }
.component-24286 {
  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-24286:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24286 { flex-direction: column; } }
.component-24287 {
  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-24287:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24287 { flex-direction: column; } }
.component-24288 {
  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-24288:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24288 { flex-direction: column; } }
.component-24289 {
  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-24289:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24289 { flex-direction: column; } }
.component-24290 {
  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-24290:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24290 { flex-direction: column; } }
.component-24291 {
  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-24291:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24291 { flex-direction: column; } }
.component-24292 {
  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-24292:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24292 { flex-direction: column; } }
.component-24293 {
  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-24293:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24293 { flex-direction: column; } }
.component-24294 {
  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-24294:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24294 { flex-direction: column; } }
.component-24295 {
  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-24295:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24295 { flex-direction: column; } }
.component-24296 {
  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-24296:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24296 { flex-direction: column; } }
.component-24297 {
  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-24297:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24297 { flex-direction: column; } }
.component-24298 {
  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-24298:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24298 { flex-direction: column; } }
.component-24299 {
  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-24299:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24299 { flex-direction: column; } }
.component-24300 {
  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-24300:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24300 { flex-direction: column; } }
.component-24301 {
  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-24301:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24301 { flex-direction: column; } }
.component-24302 {
  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-24302:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24302 { flex-direction: column; } }
.component-24303 {
  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-24303:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24303 { flex-direction: column; } }
.component-24304 {
  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-24304:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24304 { flex-direction: column; } }
.component-24305 {
  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-24305:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24305 { flex-direction: column; } }
.component-24306 {
  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-24306:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24306 { flex-direction: column; } }
.component-24307 {
  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-24307:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24307 { flex-direction: column; } }
.component-24308 {
  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-24308:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24308 { flex-direction: column; } }
.component-24309 {
  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-24309:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24309 { flex-direction: column; } }
.component-24310 {
  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-24310:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24310 { flex-direction: column; } }
.component-24311 {
  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-24311:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24311 { flex-direction: column; } }
.component-24312 {
  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-24312:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24312 { flex-direction: column; } }
.component-24313 {
  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-24313:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24313 { flex-direction: column; } }
.component-24314 {
  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-24314:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24314 { flex-direction: column; } }
.component-24315 {
  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-24315:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24315 { flex-direction: column; } }
.component-24316 {
  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-24316:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24316 { flex-direction: column; } }
.component-24317 {
  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-24317:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24317 { flex-direction: column; } }
.component-24318 {
  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-24318:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24318 { flex-direction: column; } }
.component-24319 {
  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-24319:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24319 { flex-direction: column; } }
.component-24320 {
  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-24320:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24320 { flex-direction: column; } }
.component-24321 {
  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-24321:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24321 { flex-direction: column; } }
.component-24322 {
  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-24322:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24322 { flex-direction: column; } }
.component-24323 {
  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-24323:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24323 { flex-direction: column; } }
.component-24324 {
  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-24324:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24324 { flex-direction: column; } }
.component-24325 {
  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-24325:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24325 { flex-direction: column; } }
.component-24326 {
  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-24326:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24326 { flex-direction: column; } }
.component-24327 {
  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-24327:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24327 { flex-direction: column; } }
.component-24328 {
  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-24328:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24328 { flex-direction: column; } }
.component-24329 {
  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-24329:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24329 { flex-direction: column; } }
.component-24330 {
  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-24330:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24330 { flex-direction: column; } }
.component-24331 {
  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-24331:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24331 { flex-direction: column; } }
.component-24332 {
  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-24332:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24332 { flex-direction: column; } }
.component-24333 {
  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-24333:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24333 { flex-direction: column; } }
.component-24334 {
  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-24334:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24334 { flex-direction: column; } }
.component-24335 {
  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-24335:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24335 { flex-direction: column; } }
.component-24336 {
  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-24336:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24336 { flex-direction: column; } }
.component-24337 {
  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-24337:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24337 { flex-direction: column; } }
.component-24338 {
  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-24338:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24338 { flex-direction: column; } }
.component-24339 {
  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-24339:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24339 { flex-direction: column; } }
.component-24340 {
  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-24340:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24340 { flex-direction: column; } }
.component-24341 {
  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-24341:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24341 { flex-direction: column; } }
.component-24342 {
  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-24342:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24342 { flex-direction: column; } }
.component-24343 {
  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-24343:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24343 { flex-direction: column; } }
.component-24344 {
  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-24344:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24344 { flex-direction: column; } }
.component-24345 {
  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-24345:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24345 { flex-direction: column; } }
.component-24346 {
  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-24346:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24346 { flex-direction: column; } }
.component-24347 {
  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-24347:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24347 { flex-direction: column; } }
.component-24348 {
  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-24348:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24348 { flex-direction: column; } }
.component-24349 {
  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-24349:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24349 { flex-direction: column; } }
.component-24350 {
  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-24350:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24350 { flex-direction: column; } }
.component-24351 {
  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-24351:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24351 { flex-direction: column; } }
.component-24352 {
  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-24352:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24352 { flex-direction: column; } }
.component-24353 {
  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-24353:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24353 { flex-direction: column; } }
.component-24354 {
  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-24354:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24354 { flex-direction: column; } }
.component-24355 {
  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-24355:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24355 { flex-direction: column; } }
.component-24356 {
  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-24356:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24356 { flex-direction: column; } }
.component-24357 {
  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-24357:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24357 { flex-direction: column; } }
.component-24358 {
  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-24358:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24358 { flex-direction: column; } }
.component-24359 {
  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-24359:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24359 { flex-direction: column; } }
.component-24360 {
  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-24360:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24360 { flex-direction: column; } }
.component-24361 {
  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-24361:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24361 { flex-direction: column; } }
.component-24362 {
  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-24362:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24362 { flex-direction: column; } }
.component-24363 {
  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-24363:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24363 { flex-direction: column; } }
.component-24364 {
  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-24364:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24364 { flex-direction: column; } }
.component-24365 {
  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-24365:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24365 { flex-direction: column; } }
.component-24366 {
  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-24366:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24366 { flex-direction: column; } }
.component-24367 {
  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-24367:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24367 { flex-direction: column; } }
.component-24368 {
  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-24368:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24368 { flex-direction: column; } }
.component-24369 {
  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-24369:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24369 { flex-direction: column; } }
.component-24370 {
  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-24370:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24370 { flex-direction: column; } }
.component-24371 {
  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-24371:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24371 { flex-direction: column; } }
.component-24372 {
  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-24372:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24372 { flex-direction: column; } }
.component-24373 {
  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-24373:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24373 { flex-direction: column; } }
.component-24374 {
  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-24374:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24374 { flex-direction: column; } }
.component-24375 {
  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-24375:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24375 { flex-direction: column; } }
.component-24376 {
  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-24376:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24376 { flex-direction: column; } }
.component-24377 {
  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-24377:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24377 { flex-direction: column; } }
.component-24378 {
  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-24378:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24378 { flex-direction: column; } }
.component-24379 {
  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-24379:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24379 { flex-direction: column; } }
.component-24380 {
  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-24380:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24380 { flex-direction: column; } }
.component-24381 {
  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-24381:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24381 { flex-direction: column; } }
.component-24382 {
  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-24382:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24382 { flex-direction: column; } }
.component-24383 {
  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-24383:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24383 { flex-direction: column; } }
.component-24384 {
  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-24384:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24384 { flex-direction: column; } }
.component-24385 {
  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-24385:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24385 { flex-direction: column; } }
.component-24386 {
  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-24386:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24386 { flex-direction: column; } }
.component-24387 {
  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-24387:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24387 { flex-direction: column; } }
.component-24388 {
  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-24388:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24388 { flex-direction: column; } }
.component-24389 {
  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-24389:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24389 { flex-direction: column; } }
.component-24390 {
  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-24390:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24390 { flex-direction: column; } }
.component-24391 {
  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-24391:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24391 { flex-direction: column; } }
.component-24392 {
  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-24392:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24392 { flex-direction: column; } }
.component-24393 {
  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-24393:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24393 { flex-direction: column; } }
.component-24394 {
  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-24394:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24394 { flex-direction: column; } }
.component-24395 {
  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-24395:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24395 { flex-direction: column; } }
.component-24396 {
  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-24396:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24396 { flex-direction: column; } }
.component-24397 {
  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-24397:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24397 { flex-direction: column; } }
.component-24398 {
  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-24398:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24398 { flex-direction: column; } }
.component-24399 {
  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-24399:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24399 { flex-direction: column; } }
.component-24400 {
  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-24400:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24400 { flex-direction: column; } }
.component-24401 {
  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-24401:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24401 { flex-direction: column; } }
.component-24402 {
  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-24402:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24402 { flex-direction: column; } }
.component-24403 {
  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-24403:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24403 { flex-direction: column; } }
.component-24404 {
  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-24404:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24404 { flex-direction: column; } }
.component-24405 {
  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-24405:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24405 { flex-direction: column; } }
.component-24406 {
  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-24406:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24406 { flex-direction: column; } }
.component-24407 {
  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-24407:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24407 { flex-direction: column; } }
.component-24408 {
  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-24408:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24408 { flex-direction: column; } }
.component-24409 {
  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-24409:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24409 { flex-direction: column; } }
.component-24410 {
  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-24410:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24410 { flex-direction: column; } }
.component-24411 {
  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-24411:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24411 { flex-direction: column; } }
.component-24412 {
  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-24412:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24412 { flex-direction: column; } }
.component-24413 {
  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-24413:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24413 { flex-direction: column; } }
.component-24414 {
  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-24414:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24414 { flex-direction: column; } }
.component-24415 {
  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-24415:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24415 { flex-direction: column; } }
.component-24416 {
  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-24416:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24416 { flex-direction: column; } }
.component-24417 {
  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-24417:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24417 { flex-direction: column; } }
.component-24418 {
  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-24418:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24418 { flex-direction: column; } }
.component-24419 {
  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-24419:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24419 { flex-direction: column; } }
.component-24420 {
  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-24420:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24420 { flex-direction: column; } }
.component-24421 {
  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-24421:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24421 { flex-direction: column; } }
.component-24422 {
  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-24422:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24422 { flex-direction: column; } }
.component-24423 {
  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-24423:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24423 { flex-direction: column; } }
.component-24424 {
  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-24424:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24424 { flex-direction: column; } }
.component-24425 {
  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-24425:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24425 { flex-direction: column; } }
.component-24426 {
  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-24426:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24426 { flex-direction: column; } }
.component-24427 {
  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-24427:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24427 { flex-direction: column; } }
.component-24428 {
  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-24428:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24428 { flex-direction: column; } }
.component-24429 {
  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-24429:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24429 { flex-direction: column; } }
.component-24430 {
  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-24430:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24430 { flex-direction: column; } }
.component-24431 {
  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-24431:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24431 { flex-direction: column; } }
.component-24432 {
  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-24432:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24432 { flex-direction: column; } }
.component-24433 {
  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-24433:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24433 { flex-direction: column; } }
.component-24434 {
  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-24434:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24434 { flex-direction: column; } }
.component-24435 {
  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-24435:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24435 { flex-direction: column; } }
.component-24436 {
  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-24436:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24436 { flex-direction: column; } }
.component-24437 {
  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-24437:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24437 { flex-direction: column; } }
.component-24438 {
  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-24438:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24438 { flex-direction: column; } }
.component-24439 {
  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-24439:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24439 { flex-direction: column; } }
.component-24440 {
  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-24440:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24440 { flex-direction: column; } }
.component-24441 {
  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-24441:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24441 { flex-direction: column; } }
.component-24442 {
  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-24442:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24442 { flex-direction: column; } }
.component-24443 {
  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-24443:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24443 { flex-direction: column; } }
.component-24444 {
  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-24444:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24444 { flex-direction: column; } }
.component-24445 {
  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-24445:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24445 { flex-direction: column; } }
.component-24446 {
  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-24446:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24446 { flex-direction: column; } }
.component-24447 {
  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-24447:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24447 { flex-direction: column; } }
.component-24448 {
  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-24448:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24448 { flex-direction: column; } }
.component-24449 {
  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-24449:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24449 { flex-direction: column; } }
.component-24450 {
  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-24450:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24450 { flex-direction: column; } }
.component-24451 {
  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-24451:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24451 { flex-direction: column; } }
.component-24452 {
  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-24452:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24452 { flex-direction: column; } }
.component-24453 {
  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-24453:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24453 { flex-direction: column; } }
.component-24454 {
  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-24454:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24454 { flex-direction: column; } }
.component-24455 {
  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-24455:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24455 { flex-direction: column; } }
.component-24456 {
  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-24456:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24456 { flex-direction: column; } }
.component-24457 {
  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-24457:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24457 { flex-direction: column; } }
.component-24458 {
  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-24458:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24458 { flex-direction: column; } }
.component-24459 {
  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-24459:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24459 { flex-direction: column; } }
.component-24460 {
  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-24460:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24460 { flex-direction: column; } }
.component-24461 {
  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-24461:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24461 { flex-direction: column; } }
.component-24462 {
  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-24462:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24462 { flex-direction: column; } }
.component-24463 {
  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-24463:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24463 { flex-direction: column; } }
.component-24464 {
  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-24464:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24464 { flex-direction: column; } }
.component-24465 {
  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-24465:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24465 { flex-direction: column; } }
.component-24466 {
  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-24466:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24466 { flex-direction: column; } }
.component-24467 {
  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-24467:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24467 { flex-direction: column; } }
.component-24468 {
  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-24468:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24468 { flex-direction: column; } }
.component-24469 {
  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-24469:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24469 { flex-direction: column; } }
.component-24470 {
  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-24470:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24470 { flex-direction: column; } }
.component-24471 {
  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-24471:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24471 { flex-direction: column; } }
.component-24472 {
  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-24472:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24472 { flex-direction: column; } }
.component-24473 {
  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-24473:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24473 { flex-direction: column; } }
.component-24474 {
  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-24474:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24474 { flex-direction: column; } }
.component-24475 {
  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-24475:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24475 { flex-direction: column; } }
.component-24476 {
  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-24476:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24476 { flex-direction: column; } }
.component-24477 {
  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-24477:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24477 { flex-direction: column; } }
.component-24478 {
  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-24478:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24478 { flex-direction: column; } }
.component-24479 {
  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-24479:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24479 { flex-direction: column; } }
.component-24480 {
  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-24480:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24480 { flex-direction: column; } }
.component-24481 {
  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-24481:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24481 { flex-direction: column; } }
.component-24482 {
  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-24482:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24482 { flex-direction: column; } }
.component-24483 {
  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-24483:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24483 { flex-direction: column; } }
.component-24484 {
  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-24484:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24484 { flex-direction: column; } }
.component-24485 {
  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-24485:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24485 { flex-direction: column; } }
.component-24486 {
  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-24486:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24486 { flex-direction: column; } }
.component-24487 {
  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-24487:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24487 { flex-direction: column; } }
.component-24488 {
  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-24488:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24488 { flex-direction: column; } }
.component-24489 {
  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-24489:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24489 { flex-direction: column; } }
.component-24490 {
  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-24490:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24490 { flex-direction: column; } }
.component-24491 {
  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-24491:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24491 { flex-direction: column; } }
.component-24492 {
  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-24492:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24492 { flex-direction: column; } }
.component-24493 {
  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-24493:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24493 { flex-direction: column; } }
.component-24494 {
  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-24494:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24494 { flex-direction: column; } }
.component-24495 {
  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-24495:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24495 { flex-direction: column; } }
.component-24496 {
  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-24496:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24496 { flex-direction: column; } }
.component-24497 {
  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-24497:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24497 { flex-direction: column; } }
.component-24498 {
  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-24498:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24498 { flex-direction: column; } }
.component-24499 {
  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-24499:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24499 { flex-direction: column; } }
.component-24500 {
  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-24500:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24500 { flex-direction: column; } }
.component-24501 {
  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-24501:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24501 { flex-direction: column; } }
.component-24502 {
  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-24502:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24502 { flex-direction: column; } }
.component-24503 {
  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-24503:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24503 { flex-direction: column; } }
.component-24504 {
  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-24504:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24504 { flex-direction: column; } }
.component-24505 {
  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-24505:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24505 { flex-direction: column; } }
.component-24506 {
  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-24506:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24506 { flex-direction: column; } }
.component-24507 {
  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-24507:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24507 { flex-direction: column; } }
.component-24508 {
  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-24508:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24508 { flex-direction: column; } }
.component-24509 {
  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-24509:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24509 { flex-direction: column; } }
.component-24510 {
  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-24510:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24510 { flex-direction: column; } }
.component-24511 {
  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-24511:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24511 { flex-direction: column; } }
.component-24512 {
  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-24512:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24512 { flex-direction: column; } }
.component-24513 {
  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-24513:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24513 { flex-direction: column; } }
.component-24514 {
  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-24514:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24514 { flex-direction: column; } }
.component-24515 {
  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-24515:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24515 { flex-direction: column; } }
.component-24516 {
  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-24516:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24516 { flex-direction: column; } }
.component-24517 {
  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-24517:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24517 { flex-direction: column; } }
.component-24518 {
  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-24518:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24518 { flex-direction: column; } }
.component-24519 {
  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-24519:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24519 { flex-direction: column; } }
.component-24520 {
  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-24520:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24520 { flex-direction: column; } }
.component-24521 {
  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-24521:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24521 { flex-direction: column; } }
.component-24522 {
  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-24522:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24522 { flex-direction: column; } }
.component-24523 {
  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-24523:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24523 { flex-direction: column; } }
.component-24524 {
  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-24524:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24524 { flex-direction: column; } }
.component-24525 {
  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-24525:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24525 { flex-direction: column; } }
.component-24526 {
  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-24526:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24526 { flex-direction: column; } }
.component-24527 {
  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-24527:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24527 { flex-direction: column; } }
.component-24528 {
  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-24528:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24528 { flex-direction: column; } }
.component-24529 {
  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-24529:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24529 { flex-direction: column; } }
.component-24530 {
  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-24530:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24530 { flex-direction: column; } }
.component-24531 {
  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-24531:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24531 { flex-direction: column; } }
.component-24532 {
  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-24532:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24532 { flex-direction: column; } }
.component-24533 {
  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-24533:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24533 { flex-direction: column; } }
.component-24534 {
  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-24534:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24534 { flex-direction: column; } }
.component-24535 {
  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-24535:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24535 { flex-direction: column; } }
.component-24536 {
  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-24536:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24536 { flex-direction: column; } }
.component-24537 {
  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-24537:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24537 { flex-direction: column; } }
.component-24538 {
  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-24538:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24538 { flex-direction: column; } }
.component-24539 {
  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-24539:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24539 { flex-direction: column; } }
.component-24540 {
  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-24540:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24540 { flex-direction: column; } }
.component-24541 {
  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-24541:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24541 { flex-direction: column; } }
.component-24542 {
  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-24542:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24542 { flex-direction: column; } }
.component-24543 {
  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-24543:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24543 { flex-direction: column; } }
.component-24544 {
  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-24544:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24544 { flex-direction: column; } }
.component-24545 {
  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-24545:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24545 { flex-direction: column; } }
.component-24546 {
  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-24546:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24546 { flex-direction: column; } }
.component-24547 {
  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-24547:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24547 { flex-direction: column; } }
.component-24548 {
  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-24548:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24548 { flex-direction: column; } }
.component-24549 {
  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-24549:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24549 { flex-direction: column; } }
.component-24550 {
  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-24550:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24550 { flex-direction: column; } }
.component-24551 {
  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-24551:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24551 { flex-direction: column; } }
.component-24552 {
  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-24552:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24552 { flex-direction: column; } }
.component-24553 {
  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-24553:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24553 { flex-direction: column; } }
.component-24554 {
  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-24554:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24554 { flex-direction: column; } }
.component-24555 {
  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-24555:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24555 { flex-direction: column; } }
.component-24556 {
  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-24556:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24556 { flex-direction: column; } }
.component-24557 {
  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-24557:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24557 { flex-direction: column; } }
.component-24558 {
  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-24558:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24558 { flex-direction: column; } }
.component-24559 {
  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-24559:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24559 { flex-direction: column; } }
.component-24560 {
  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-24560:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24560 { flex-direction: column; } }
.component-24561 {
  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-24561:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24561 { flex-direction: column; } }
.component-24562 {
  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-24562:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24562 { flex-direction: column; } }
.component-24563 {
  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-24563:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24563 { flex-direction: column; } }
.component-24564 {
  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-24564:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24564 { flex-direction: column; } }
.component-24565 {
  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-24565:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24565 { flex-direction: column; } }
.component-24566 {
  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-24566:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24566 { flex-direction: column; } }
.component-24567 {
  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-24567:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24567 { flex-direction: column; } }
.component-24568 {
  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-24568:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24568 { flex-direction: column; } }
.component-24569 {
  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-24569:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24569 { flex-direction: column; } }
.component-24570 {
  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-24570:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24570 { flex-direction: column; } }
.component-24571 {
  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-24571:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24571 { flex-direction: column; } }
.component-24572 {
  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-24572:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24572 { flex-direction: column; } }
.component-24573 {
  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-24573:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24573 { flex-direction: column; } }
.component-24574 {
  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-24574:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24574 { flex-direction: column; } }
.component-24575 {
  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-24575:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24575 { flex-direction: column; } }
.component-24576 {
  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-24576:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24576 { flex-direction: column; } }
.component-24577 {
  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-24577:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24577 { flex-direction: column; } }
.component-24578 {
  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-24578:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24578 { flex-direction: column; } }
.component-24579 {
  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-24579:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24579 { flex-direction: column; } }
.component-24580 {
  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-24580:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24580 { flex-direction: column; } }
.component-24581 {
  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-24581:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24581 { flex-direction: column; } }
.component-24582 {
  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-24582:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24582 { flex-direction: column; } }
.component-24583 {
  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-24583:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24583 { flex-direction: column; } }
.component-24584 {
  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-24584:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24584 { flex-direction: column; } }
.component-24585 {
  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-24585:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24585 { flex-direction: column; } }
.component-24586 {
  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-24586:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24586 { flex-direction: column; } }
.component-24587 {
  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-24587:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24587 { flex-direction: column; } }
.component-24588 {
  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-24588:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24588 { flex-direction: column; } }
.component-24589 {
  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-24589:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24589 { flex-direction: column; } }
.component-24590 {
  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-24590:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24590 { flex-direction: column; } }
.component-24591 {
  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-24591:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24591 { flex-direction: column; } }
.component-24592 {
  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-24592:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24592 { flex-direction: column; } }
.component-24593 {
  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-24593:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24593 { flex-direction: column; } }
.component-24594 {
  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-24594:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24594 { flex-direction: column; } }
.component-24595 {
  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-24595:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24595 { flex-direction: column; } }
.component-24596 {
  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-24596:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24596 { flex-direction: column; } }
.component-24597 {
  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-24597:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24597 { flex-direction: column; } }
.component-24598 {
  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-24598:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24598 { flex-direction: column; } }
.component-24599 {
  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-24599:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24599 { flex-direction: column; } }
.component-24600 {
  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-24600:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24600 { flex-direction: column; } }
.component-24601 {
  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-24601:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24601 { flex-direction: column; } }
.component-24602 {
  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-24602:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24602 { flex-direction: column; } }
.component-24603 {
  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-24603:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24603 { flex-direction: column; } }
.component-24604 {
  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-24604:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24604 { flex-direction: column; } }
.component-24605 {
  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-24605:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24605 { flex-direction: column; } }
.component-24606 {
  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-24606:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24606 { flex-direction: column; } }
.component-24607 {
  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-24607:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24607 { flex-direction: column; } }
.component-24608 {
  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-24608:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24608 { flex-direction: column; } }
.component-24609 {
  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-24609:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24609 { flex-direction: column; } }
.component-24610 {
  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-24610:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24610 { flex-direction: column; } }
.component-24611 {
  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-24611:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24611 { flex-direction: column; } }
.component-24612 {
  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-24612:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24612 { flex-direction: column; } }
.component-24613 {
  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-24613:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24613 { flex-direction: column; } }
.component-24614 {
  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-24614:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24614 { flex-direction: column; } }
.component-24615 {
  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-24615:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24615 { flex-direction: column; } }
.component-24616 {
  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-24616:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24616 { flex-direction: column; } }
.component-24617 {
  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-24617:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24617 { flex-direction: column; } }
.component-24618 {
  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-24618:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24618 { flex-direction: column; } }
.component-24619 {
  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-24619:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24619 { flex-direction: column; } }
.component-24620 {
  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-24620:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24620 { flex-direction: column; } }
.component-24621 {
  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-24621:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24621 { flex-direction: column; } }
.component-24622 {
  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-24622:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24622 { flex-direction: column; } }
.component-24623 {
  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-24623:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24623 { flex-direction: column; } }
.component-24624 {
  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-24624:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24624 { flex-direction: column; } }
.component-24625 {
  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-24625:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24625 { flex-direction: column; } }
.component-24626 {
  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-24626:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24626 { flex-direction: column; } }
.component-24627 {
  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-24627:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24627 { flex-direction: column; } }
.component-24628 {
  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-24628:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24628 { flex-direction: column; } }
.component-24629 {
  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-24629:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24629 { flex-direction: column; } }
.component-24630 {
  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-24630:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24630 { flex-direction: column; } }
.component-24631 {
  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-24631:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24631 { flex-direction: column; } }
.component-24632 {
  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-24632:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24632 { flex-direction: column; } }
.component-24633 {
  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-24633:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24633 { flex-direction: column; } }
.component-24634 {
  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-24634:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24634 { flex-direction: column; } }
.component-24635 {
  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-24635:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24635 { flex-direction: column; } }
.component-24636 {
  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-24636:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24636 { flex-direction: column; } }
.component-24637 {
  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-24637:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24637 { flex-direction: column; } }
.component-24638 {
  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-24638:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24638 { flex-direction: column; } }
.component-24639 {
  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-24639:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24639 { flex-direction: column; } }
.component-24640 {
  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-24640:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24640 { flex-direction: column; } }
.component-24641 {
  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-24641:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24641 { flex-direction: column; } }
.component-24642 {
  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-24642:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24642 { flex-direction: column; } }
.component-24643 {
  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-24643:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24643 { flex-direction: column; } }
.component-24644 {
  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-24644:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24644 { flex-direction: column; } }
.component-24645 {
  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-24645:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24645 { flex-direction: column; } }
.component-24646 {
  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-24646:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24646 { flex-direction: column; } }
.component-24647 {
  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-24647:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24647 { flex-direction: column; } }
.component-24648 {
  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-24648:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24648 { flex-direction: column; } }
.component-24649 {
  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-24649:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24649 { flex-direction: column; } }
.component-24650 {
  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-24650:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24650 { flex-direction: column; } }
.component-24651 {
  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-24651:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24651 { flex-direction: column; } }
.component-24652 {
  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-24652:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24652 { flex-direction: column; } }
.component-24653 {
  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-24653:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24653 { flex-direction: column; } }
.component-24654 {
  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-24654:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24654 { flex-direction: column; } }
.component-24655 {
  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-24655:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24655 { flex-direction: column; } }
.component-24656 {
  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-24656:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24656 { flex-direction: column; } }
.component-24657 {
  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-24657:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24657 { flex-direction: column; } }
.component-24658 {
  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-24658:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24658 { flex-direction: column; } }
.component-24659 {
  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-24659:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24659 { flex-direction: column; } }
.component-24660 {
  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-24660:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24660 { flex-direction: column; } }
.component-24661 {
  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-24661:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24661 { flex-direction: column; } }
.component-24662 {
  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-24662:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24662 { flex-direction: column; } }
.component-24663 {
  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-24663:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24663 { flex-direction: column; } }
.component-24664 {
  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-24664:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24664 { flex-direction: column; } }
.component-24665 {
  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-24665:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24665 { flex-direction: column; } }
.component-24666 {
  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-24666:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24666 { flex-direction: column; } }
.component-24667 {
  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-24667:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24667 { flex-direction: column; } }
.component-24668 {
  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-24668:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24668 { flex-direction: column; } }
.component-24669 {
  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-24669:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24669 { flex-direction: column; } }
.component-24670 {
  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-24670:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24670 { flex-direction: column; } }
.component-24671 {
  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-24671:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24671 { flex-direction: column; } }
.component-24672 {
  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-24672:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24672 { flex-direction: column; } }
.component-24673 {
  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-24673:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24673 { flex-direction: column; } }
.component-24674 {
  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-24674:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24674 { flex-direction: column; } }
.component-24675 {
  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-24675:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24675 { flex-direction: column; } }
.component-24676 {
  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-24676:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24676 { flex-direction: column; } }
.component-24677 {
  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-24677:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24677 { flex-direction: column; } }
.component-24678 {
  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-24678:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24678 { flex-direction: column; } }
.component-24679 {
  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-24679:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24679 { flex-direction: column; } }
.component-24680 {
  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-24680:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24680 { flex-direction: column; } }
.component-24681 {
  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-24681:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24681 { flex-direction: column; } }
.component-24682 {
  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-24682:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24682 { flex-direction: column; } }
.component-24683 {
  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-24683:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24683 { flex-direction: column; } }
.component-24684 {
  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-24684:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24684 { flex-direction: column; } }
.component-24685 {
  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-24685:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24685 { flex-direction: column; } }
.component-24686 {
  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-24686:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24686 { flex-direction: column; } }
.component-24687 {
  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-24687:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24687 { flex-direction: column; } }
.component-24688 {
  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-24688:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24688 { flex-direction: column; } }
.component-24689 {
  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-24689:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24689 { flex-direction: column; } }
.component-24690 {
  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-24690:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24690 { flex-direction: column; } }
.component-24691 {
  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-24691:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24691 { flex-direction: column; } }
.component-24692 {
  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-24692:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24692 { flex-direction: column; } }
.component-24693 {
  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-24693:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24693 { flex-direction: column; } }
.component-24694 {
  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-24694:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24694 { flex-direction: column; } }
.component-24695 {
  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-24695:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24695 { flex-direction: column; } }
.component-24696 {
  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-24696:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24696 { flex-direction: column; } }
.component-24697 {
  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-24697:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24697 { flex-direction: column; } }
.component-24698 {
  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-24698:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24698 { flex-direction: column; } }
.component-24699 {
  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-24699:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24699 { flex-direction: column; } }
.component-24700 {
  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-24700:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24700 { flex-direction: column; } }
.component-24701 {
  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-24701:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24701 { flex-direction: column; } }
.component-24702 {
  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-24702:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24702 { flex-direction: column; } }
.component-24703 {
  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-24703:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24703 { flex-direction: column; } }
.component-24704 {
  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-24704:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24704 { flex-direction: column; } }
.component-24705 {
  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-24705:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24705 { flex-direction: column; } }
.component-24706 {
  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-24706:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24706 { flex-direction: column; } }
.component-24707 {
  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-24707:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24707 { flex-direction: column; } }
.component-24708 {
  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-24708:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24708 { flex-direction: column; } }
.component-24709 {
  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-24709:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24709 { flex-direction: column; } }
.component-24710 {
  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-24710:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24710 { flex-direction: column; } }
.component-24711 {
  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-24711:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24711 { flex-direction: column; } }
.component-24712 {
  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-24712:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24712 { flex-direction: column; } }
.component-24713 {
  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-24713:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24713 { flex-direction: column; } }
.component-24714 {
  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-24714:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24714 { flex-direction: column; } }
.component-24715 {
  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-24715:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24715 { flex-direction: column; } }
.component-24716 {
  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-24716:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24716 { flex-direction: column; } }
.component-24717 {
  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-24717:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24717 { flex-direction: column; } }
.component-24718 {
  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-24718:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24718 { flex-direction: column; } }
.component-24719 {
  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-24719:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24719 { flex-direction: column; } }
.component-24720 {
  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-24720:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24720 { flex-direction: column; } }
.component-24721 {
  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-24721:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24721 { flex-direction: column; } }
.component-24722 {
  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-24722:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24722 { flex-direction: column; } }
.component-24723 {
  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-24723:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24723 { flex-direction: column; } }
.component-24724 {
  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-24724:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24724 { flex-direction: column; } }
.component-24725 {
  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-24725:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24725 { flex-direction: column; } }
.component-24726 {
  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-24726:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24726 { flex-direction: column; } }
.component-24727 {
  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-24727:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24727 { flex-direction: column; } }
.component-24728 {
  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-24728:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24728 { flex-direction: column; } }
.component-24729 {
  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-24729:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24729 { flex-direction: column; } }
.component-24730 {
  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-24730:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24730 { flex-direction: column; } }
.component-24731 {
  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-24731:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24731 { flex-direction: column; } }
.component-24732 {
  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-24732:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24732 { flex-direction: column; } }
.component-24733 {
  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-24733:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24733 { flex-direction: column; } }
.component-24734 {
  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-24734:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24734 { flex-direction: column; } }
.component-24735 {
  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-24735:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24735 { flex-direction: column; } }
.component-24736 {
  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-24736:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24736 { flex-direction: column; } }
.component-24737 {
  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-24737:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24737 { flex-direction: column; } }
.component-24738 {
  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-24738:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24738 { flex-direction: column; } }
.component-24739 {
  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-24739:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24739 { flex-direction: column; } }
.component-24740 {
  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-24740:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24740 { flex-direction: column; } }
.component-24741 {
  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-24741:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24741 { flex-direction: column; } }
.component-24742 {
  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-24742:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24742 { flex-direction: column; } }
.component-24743 {
  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-24743:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24743 { flex-direction: column; } }
.component-24744 {
  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-24744:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24744 { flex-direction: column; } }
.component-24745 {
  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-24745:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24745 { flex-direction: column; } }
.component-24746 {
  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-24746:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24746 { flex-direction: column; } }
.component-24747 {
  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-24747:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24747 { flex-direction: column; } }
.component-24748 {
  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-24748:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24748 { flex-direction: column; } }
.component-24749 {
  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-24749:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24749 { flex-direction: column; } }
.component-24750 {
  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-24750:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24750 { flex-direction: column; } }
.component-24751 {
  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-24751:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24751 { flex-direction: column; } }
.component-24752 {
  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-24752:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24752 { flex-direction: column; } }
.component-24753 {
  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-24753:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24753 { flex-direction: column; } }
.component-24754 {
  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-24754:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24754 { flex-direction: column; } }
.component-24755 {
  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-24755:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24755 { flex-direction: column; } }
.component-24756 {
  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-24756:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24756 { flex-direction: column; } }
.component-24757 {
  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-24757:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24757 { flex-direction: column; } }
.component-24758 {
  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-24758:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24758 { flex-direction: column; } }
.component-24759 {
  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-24759:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24759 { flex-direction: column; } }
.component-24760 {
  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-24760:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24760 { flex-direction: column; } }
.component-24761 {
  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-24761:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24761 { flex-direction: column; } }
.component-24762 {
  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-24762:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24762 { flex-direction: column; } }
.component-24763 {
  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-24763:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24763 { flex-direction: column; } }
.component-24764 {
  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-24764:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24764 { flex-direction: column; } }
.component-24765 {
  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-24765:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24765 { flex-direction: column; } }
.component-24766 {
  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-24766:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24766 { flex-direction: column; } }
.component-24767 {
  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-24767:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24767 { flex-direction: column; } }
.component-24768 {
  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-24768:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24768 { flex-direction: column; } }
.component-24769 {
  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-24769:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24769 { flex-direction: column; } }
.component-24770 {
  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-24770:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24770 { flex-direction: column; } }
.component-24771 {
  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-24771:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24771 { flex-direction: column; } }
.component-24772 {
  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-24772:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24772 { flex-direction: column; } }
.component-24773 {
  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-24773:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24773 { flex-direction: column; } }
.component-24774 {
  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-24774:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24774 { flex-direction: column; } }
.component-24775 {
  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-24775:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24775 { flex-direction: column; } }
.component-24776 {
  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-24776:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24776 { flex-direction: column; } }
.component-24777 {
  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-24777:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24777 { flex-direction: column; } }
.component-24778 {
  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-24778:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24778 { flex-direction: column; } }
.component-24779 {
  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-24779:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24779 { flex-direction: column; } }
.component-24780 {
  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-24780:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24780 { flex-direction: column; } }
.component-24781 {
  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-24781:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24781 { flex-direction: column; } }
.component-24782 {
  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-24782:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24782 { flex-direction: column; } }
.component-24783 {
  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-24783:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24783 { flex-direction: column; } }
.component-24784 {
  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-24784:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24784 { flex-direction: column; } }
.component-24785 {
  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-24785:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24785 { flex-direction: column; } }
.component-24786 {
  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-24786:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24786 { flex-direction: column; } }
.component-24787 {
  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-24787:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24787 { flex-direction: column; } }
.component-24788 {
  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-24788:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24788 { flex-direction: column; } }
.component-24789 {
  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-24789:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24789 { flex-direction: column; } }
.component-24790 {
  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-24790:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24790 { flex-direction: column; } }
.component-24791 {
  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-24791:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24791 { flex-direction: column; } }
.component-24792 {
  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-24792:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24792 { flex-direction: column; } }
.component-24793 {
  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-24793:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24793 { flex-direction: column; } }
.component-24794 {
  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-24794:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24794 { flex-direction: column; } }
.component-24795 {
  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-24795:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24795 { flex-direction: column; } }
.component-24796 {
  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-24796:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24796 { flex-direction: column; } }
.component-24797 {
  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-24797:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24797 { flex-direction: column; } }
.component-24798 {
  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-24798:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24798 { flex-direction: column; } }
.component-24799 {
  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-24799:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24799 { flex-direction: column; } }
.component-24800 {
  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-24800:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24800 { flex-direction: column; } }
.component-24801 {
  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-24801:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24801 { flex-direction: column; } }
.component-24802 {
  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-24802:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24802 { flex-direction: column; } }
.component-24803 {
  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-24803:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24803 { flex-direction: column; } }
.component-24804 {
  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-24804:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24804 { flex-direction: column; } }
.component-24805 {
  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-24805:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24805 { flex-direction: column; } }
.component-24806 {
  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-24806:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24806 { flex-direction: column; } }
.component-24807 {
  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-24807:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24807 { flex-direction: column; } }
.component-24808 {
  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-24808:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24808 { flex-direction: column; } }
.component-24809 {
  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-24809:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24809 { flex-direction: column; } }
.component-24810 {
  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-24810:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24810 { flex-direction: column; } }
.component-24811 {
  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-24811:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24811 { flex-direction: column; } }
.component-24812 {
  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-24812:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24812 { flex-direction: column; } }
.component-24813 {
  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-24813:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24813 { flex-direction: column; } }
.component-24814 {
  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-24814:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24814 { flex-direction: column; } }
.component-24815 {
  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-24815:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24815 { flex-direction: column; } }
.component-24816 {
  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-24816:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24816 { flex-direction: column; } }
.component-24817 {
  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-24817:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24817 { flex-direction: column; } }
.component-24818 {
  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-24818:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24818 { flex-direction: column; } }
.component-24819 {
  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-24819:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24819 { flex-direction: column; } }
.component-24820 {
  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-24820:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24820 { flex-direction: column; } }
.component-24821 {
  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-24821:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24821 { flex-direction: column; } }
.component-24822 {
  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-24822:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24822 { flex-direction: column; } }
.component-24823 {
  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-24823:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24823 { flex-direction: column; } }
.component-24824 {
  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-24824:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24824 { flex-direction: column; } }
.component-24825 {
  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-24825:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24825 { flex-direction: column; } }
.component-24826 {
  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-24826:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24826 { flex-direction: column; } }
.component-24827 {
  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-24827:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24827 { flex-direction: column; } }
.component-24828 {
  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-24828:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24828 { flex-direction: column; } }
.component-24829 {
  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-24829:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24829 { flex-direction: column; } }
.component-24830 {
  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-24830:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24830 { flex-direction: column; } }
.component-24831 {
  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-24831:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24831 { flex-direction: column; } }
.component-24832 {
  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-24832:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24832 { flex-direction: column; } }
.component-24833 {
  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-24833:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24833 { flex-direction: column; } }
.component-24834 {
  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-24834:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24834 { flex-direction: column; } }
.component-24835 {
  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-24835:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24835 { flex-direction: column; } }
.component-24836 {
  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-24836:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24836 { flex-direction: column; } }
.component-24837 {
  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-24837:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24837 { flex-direction: column; } }
.component-24838 {
  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-24838:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24838 { flex-direction: column; } }
.component-24839 {
  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-24839:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24839 { flex-direction: column; } }
.component-24840 {
  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-24840:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24840 { flex-direction: column; } }
.component-24841 {
  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-24841:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24841 { flex-direction: column; } }
.component-24842 {
  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-24842:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24842 { flex-direction: column; } }
.component-24843 {
  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-24843:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24843 { flex-direction: column; } }
.component-24844 {
  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-24844:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24844 { flex-direction: column; } }
.component-24845 {
  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-24845:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24845 { flex-direction: column; } }
.component-24846 {
  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-24846:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24846 { flex-direction: column; } }
.component-24847 {
  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-24847:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24847 { flex-direction: column; } }
.component-24848 {
  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-24848:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24848 { flex-direction: column; } }
.component-24849 {
  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-24849:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24849 { flex-direction: column; } }
.component-24850 {
  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-24850:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24850 { flex-direction: column; } }
.component-24851 {
  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-24851:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24851 { flex-direction: column; } }
.component-24852 {
  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-24852:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24852 { flex-direction: column; } }
.component-24853 {
  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-24853:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24853 { flex-direction: column; } }
.component-24854 {
  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-24854:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24854 { flex-direction: column; } }
.component-24855 {
  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-24855:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24855 { flex-direction: column; } }
.component-24856 {
  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-24856:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24856 { flex-direction: column; } }
.component-24857 {
  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-24857:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24857 { flex-direction: column; } }
.component-24858 {
  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-24858:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24858 { flex-direction: column; } }
.component-24859 {
  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-24859:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24859 { flex-direction: column; } }
.component-24860 {
  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-24860:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24860 { flex-direction: column; } }
.component-24861 {
  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-24861:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24861 { flex-direction: column; } }
.component-24862 {
  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-24862:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24862 { flex-direction: column; } }
.component-24863 {
  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-24863:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24863 { flex-direction: column; } }
.component-24864 {
  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-24864:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24864 { flex-direction: column; } }
.component-24865 {
  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-24865:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24865 { flex-direction: column; } }
.component-24866 {
  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-24866:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24866 { flex-direction: column; } }
.component-24867 {
  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-24867:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24867 { flex-direction: column; } }
.component-24868 {
  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-24868:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24868 { flex-direction: column; } }
.component-24869 {
  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-24869:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24869 { flex-direction: column; } }
.component-24870 {
  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-24870:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24870 { flex-direction: column; } }
.component-24871 {
  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-24871:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24871 { flex-direction: column; } }
.component-24872 {
  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-24872:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24872 { flex-direction: column; } }
.component-24873 {
  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-24873:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24873 { flex-direction: column; } }
.component-24874 {
  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-24874:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24874 { flex-direction: column; } }
.component-24875 {
  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-24875:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24875 { flex-direction: column; } }
.component-24876 {
  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-24876:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24876 { flex-direction: column; } }
.component-24877 {
  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-24877:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24877 { flex-direction: column; } }
.component-24878 {
  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-24878:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24878 { flex-direction: column; } }
.component-24879 {
  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-24879:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24879 { flex-direction: column; } }
.component-24880 {
  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-24880:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24880 { flex-direction: column; } }
.component-24881 {
  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-24881:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24881 { flex-direction: column; } }
.component-24882 {
  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-24882:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24882 { flex-direction: column; } }
.component-24883 {
  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-24883:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24883 { flex-direction: column; } }
.component-24884 {
  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-24884:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24884 { flex-direction: column; } }
.component-24885 {
  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-24885:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24885 { flex-direction: column; } }
.component-24886 {
  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-24886:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24886 { flex-direction: column; } }
.component-24887 {
  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-24887:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24887 { flex-direction: column; } }
.component-24888 {
  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-24888:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24888 { flex-direction: column; } }
.component-24889 {
  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-24889:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24889 { flex-direction: column; } }
.component-24890 {
  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-24890:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24890 { flex-direction: column; } }
.component-24891 {
  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-24891:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24891 { flex-direction: column; } }
.component-24892 {
  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-24892:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24892 { flex-direction: column; } }
.component-24893 {
  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-24893:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24893 { flex-direction: column; } }
.component-24894 {
  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-24894:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24894 { flex-direction: column; } }
.component-24895 {
  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-24895:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24895 { flex-direction: column; } }
.component-24896 {
  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-24896:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24896 { flex-direction: column; } }
.component-24897 {
  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-24897:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24897 { flex-direction: column; } }
.component-24898 {
  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-24898:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24898 { flex-direction: column; } }
.component-24899 {
  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-24899:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24899 { flex-direction: column; } }
.component-24900 {
  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-24900:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24900 { flex-direction: column; } }
.component-24901 {
  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-24901:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24901 { flex-direction: column; } }
.component-24902 {
  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-24902:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24902 { flex-direction: column; } }
.component-24903 {
  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-24903:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24903 { flex-direction: column; } }
.component-24904 {
  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-24904:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24904 { flex-direction: column; } }
.component-24905 {
  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-24905:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24905 { flex-direction: column; } }
.component-24906 {
  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-24906:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24906 { flex-direction: column; } }
.component-24907 {
  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-24907:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24907 { flex-direction: column; } }
.component-24908 {
  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-24908:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24908 { flex-direction: column; } }
.component-24909 {
  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-24909:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24909 { flex-direction: column; } }
.component-24910 {
  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-24910:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24910 { flex-direction: column; } }
.component-24911 {
  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-24911:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24911 { flex-direction: column; } }
.component-24912 {
  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-24912:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24912 { flex-direction: column; } }
.component-24913 {
  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-24913:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24913 { flex-direction: column; } }
.component-24914 {
  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-24914:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24914 { flex-direction: column; } }
.component-24915 {
  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-24915:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24915 { flex-direction: column; } }
.component-24916 {
  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-24916:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24916 { flex-direction: column; } }
.component-24917 {
  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-24917:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24917 { flex-direction: column; } }
.component-24918 {
  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-24918:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24918 { flex-direction: column; } }
.component-24919 {
  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-24919:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24919 { flex-direction: column; } }
.component-24920 {
  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-24920:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24920 { flex-direction: column; } }
.component-24921 {
  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-24921:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24921 { flex-direction: column; } }
.component-24922 {
  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-24922:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24922 { flex-direction: column; } }
.component-24923 {
  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-24923:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24923 { flex-direction: column; } }
.component-24924 {
  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-24924:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24924 { flex-direction: column; } }
.component-24925 {
  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-24925:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24925 { flex-direction: column; } }
.component-24926 {
  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-24926:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24926 { flex-direction: column; } }
.component-24927 {
  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-24927:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24927 { flex-direction: column; } }
.component-24928 {
  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-24928:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24928 { flex-direction: column; } }
.component-24929 {
  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-24929:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24929 { flex-direction: column; } }
.component-24930 {
  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-24930:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24930 { flex-direction: column; } }
.component-24931 {
  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-24931:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24931 { flex-direction: column; } }
.component-24932 {
  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-24932:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24932 { flex-direction: column; } }
.component-24933 {
  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-24933:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24933 { flex-direction: column; } }
.component-24934 {
  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-24934:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24934 { flex-direction: column; } }
.component-24935 {
  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-24935:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24935 { flex-direction: column; } }
.component-24936 {
  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-24936:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24936 { flex-direction: column; } }
.component-24937 {
  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-24937:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24937 { flex-direction: column; } }
.component-24938 {
  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-24938:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24938 { flex-direction: column; } }
.component-24939 {
  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-24939:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24939 { flex-direction: column; } }
.component-24940 {
  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-24940:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24940 { flex-direction: column; } }
.component-24941 {
  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-24941:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24941 { flex-direction: column; } }
.component-24942 {
  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-24942:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24942 { flex-direction: column; } }
.component-24943 {
  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-24943:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24943 { flex-direction: column; } }
.component-24944 {
  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-24944:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24944 { flex-direction: column; } }
.component-24945 {
  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-24945:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24945 { flex-direction: column; } }
.component-24946 {
  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-24946:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24946 { flex-direction: column; } }
.component-24947 {
  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-24947:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24947 { flex-direction: column; } }
.component-24948 {
  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-24948:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24948 { flex-direction: column; } }
.component-24949 {
  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-24949:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24949 { flex-direction: column; } }
.component-24950 {
  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-24950:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24950 { flex-direction: column; } }
.component-24951 {
  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-24951:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24951 { flex-direction: column; } }
.component-24952 {
  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-24952:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24952 { flex-direction: column; } }
.component-24953 {
  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-24953:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24953 { flex-direction: column; } }
.component-24954 {
  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-24954:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24954 { flex-direction: column; } }
.component-24955 {
  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-24955:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24955 { flex-direction: column; } }
.component-24956 {
  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-24956:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24956 { flex-direction: column; } }
.component-24957 {
  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-24957:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24957 { flex-direction: column; } }
.component-24958 {
  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-24958:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24958 { flex-direction: column; } }
.component-24959 {
  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-24959:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24959 { flex-direction: column; } }
.component-24960 {
  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-24960:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24960 { flex-direction: column; } }
.component-24961 {
  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-24961:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24961 { flex-direction: column; } }
.component-24962 {
  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-24962:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24962 { flex-direction: column; } }
.component-24963 {
  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-24963:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24963 { flex-direction: column; } }
.component-24964 {
  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-24964:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24964 { flex-direction: column; } }
.component-24965 {
  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-24965:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24965 { flex-direction: column; } }
.component-24966 {
  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-24966:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24966 { flex-direction: column; } }
.component-24967 {
  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-24967:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24967 { flex-direction: column; } }
.component-24968 {
  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-24968:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24968 { flex-direction: column; } }
.component-24969 {
  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-24969:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24969 { flex-direction: column; } }
.component-24970 {
  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-24970:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24970 { flex-direction: column; } }
.component-24971 {
  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-24971:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24971 { flex-direction: column; } }
.component-24972 {
  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-24972:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24972 { flex-direction: column; } }
.component-24973 {
  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-24973:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24973 { flex-direction: column; } }
.component-24974 {
  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-24974:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24974 { flex-direction: column; } }
.component-24975 {
  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-24975:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24975 { flex-direction: column; } }
.component-24976 {
  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-24976:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24976 { flex-direction: column; } }
.component-24977 {
  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-24977:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24977 { flex-direction: column; } }
.component-24978 {
  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-24978:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24978 { flex-direction: column; } }
.component-24979 {
  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-24979:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24979 { flex-direction: column; } }
.component-24980 {
  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-24980:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24980 { flex-direction: column; } }
.component-24981 {
  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-24981:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24981 { flex-direction: column; } }
.component-24982 {
  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-24982:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24982 { flex-direction: column; } }
.component-24983 {
  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-24983:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24983 { flex-direction: column; } }
.component-24984 {
  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-24984:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24984 { flex-direction: column; } }
.component-24985 {
  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-24985:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-24985 { flex-direction: column; } }
.component-24986 {
  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-24986:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-24986 { flex-direction: column; } }
.component-24987 {
  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-24987:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-24987 { flex-direction: column; } }
.component-24988 {
  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-24988:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-24988 { flex-direction: column; } }
.component-24989 {
  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-24989:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-24989 { flex-direction: column; } }
.component-24990 {
  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-24990:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-24990 { flex-direction: column; } }
.component-24991 {
  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-24991:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-24991 { flex-direction: column; } }
.component-24992 {
  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-24992:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-24992 { flex-direction: column; } }
.component-24993 {
  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-24993:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-24993 { flex-direction: column; } }
.component-24994 {
  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-24994:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-24994 { flex-direction: column; } }
.component-24995 {
  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-24995:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-24995 { flex-direction: column; } }
.component-24996 {
  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-24996:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-24996 { flex-direction: column; } }
.component-24997 {
  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-24997:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-24997 { flex-direction: column; } }
.component-24998 {
  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-24998:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-24998 { flex-direction: column; } }
.component-24999 {
  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-24999:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-24999 { flex-direction: column; } }
.component-25000 {
  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-25000:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25000 { flex-direction: column; } }
.component-25001 {
  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-25001:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25001 { flex-direction: column; } }
.component-25002 {
  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-25002:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25002 { flex-direction: column; } }
.component-25003 {
  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-25003:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25003 { flex-direction: column; } }
.component-25004 {
  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-25004:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25004 { flex-direction: column; } }
.component-25005 {
  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-25005:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25005 { flex-direction: column; } }
.component-25006 {
  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-25006:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25006 { flex-direction: column; } }
.component-25007 {
  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-25007:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25007 { flex-direction: column; } }
.component-25008 {
  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-25008:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25008 { flex-direction: column; } }
.component-25009 {
  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-25009:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25009 { flex-direction: column; } }
.component-25010 {
  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-25010:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25010 { flex-direction: column; } }
.component-25011 {
  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-25011:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25011 { flex-direction: column; } }
.component-25012 {
  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-25012:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25012 { flex-direction: column; } }
.component-25013 {
  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-25013:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25013 { flex-direction: column; } }
.component-25014 {
  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-25014:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25014 { flex-direction: column; } }
.component-25015 {
  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-25015:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25015 { flex-direction: column; } }
.component-25016 {
  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-25016:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25016 { flex-direction: column; } }
.component-25017 {
  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-25017:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25017 { flex-direction: column; } }
.component-25018 {
  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-25018:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25018 { flex-direction: column; } }
.component-25019 {
  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-25019:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25019 { flex-direction: column; } }
.component-25020 {
  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-25020:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25020 { flex-direction: column; } }
.component-25021 {
  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-25021:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25021 { flex-direction: column; } }
.component-25022 {
  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-25022:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25022 { flex-direction: column; } }
.component-25023 {
  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-25023:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25023 { flex-direction: column; } }
.component-25024 {
  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-25024:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25024 { flex-direction: column; } }
.component-25025 {
  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-25025:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25025 { flex-direction: column; } }
.component-25026 {
  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-25026:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25026 { flex-direction: column; } }
.component-25027 {
  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-25027:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25027 { flex-direction: column; } }
.component-25028 {
  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-25028:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25028 { flex-direction: column; } }
.component-25029 {
  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-25029:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25029 { flex-direction: column; } }
.component-25030 {
  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-25030:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25030 { flex-direction: column; } }
.component-25031 {
  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-25031:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25031 { flex-direction: column; } }
.component-25032 {
  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-25032:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25032 { flex-direction: column; } }
.component-25033 {
  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-25033:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25033 { flex-direction: column; } }
.component-25034 {
  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-25034:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25034 { flex-direction: column; } }
.component-25035 {
  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-25035:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25035 { flex-direction: column; } }
.component-25036 {
  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-25036:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25036 { flex-direction: column; } }
.component-25037 {
  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-25037:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25037 { flex-direction: column; } }
.component-25038 {
  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-25038:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25038 { flex-direction: column; } }
.component-25039 {
  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-25039:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25039 { flex-direction: column; } }
.component-25040 {
  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-25040:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25040 { flex-direction: column; } }
.component-25041 {
  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-25041:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25041 { flex-direction: column; } }
.component-25042 {
  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-25042:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25042 { flex-direction: column; } }
.component-25043 {
  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-25043:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25043 { flex-direction: column; } }
.component-25044 {
  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-25044:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25044 { flex-direction: column; } }
.component-25045 {
  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-25045:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25045 { flex-direction: column; } }
.component-25046 {
  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-25046:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25046 { flex-direction: column; } }
.component-25047 {
  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-25047:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25047 { flex-direction: column; } }
.component-25048 {
  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-25048:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25048 { flex-direction: column; } }
.component-25049 {
  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-25049:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25049 { flex-direction: column; } }
.component-25050 {
  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-25050:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25050 { flex-direction: column; } }
.component-25051 {
  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-25051:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25051 { flex-direction: column; } }
.component-25052 {
  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-25052:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25052 { flex-direction: column; } }
.component-25053 {
  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-25053:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25053 { flex-direction: column; } }
.component-25054 {
  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-25054:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25054 { flex-direction: column; } }
.component-25055 {
  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-25055:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25055 { flex-direction: column; } }
.component-25056 {
  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-25056:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25056 { flex-direction: column; } }
.component-25057 {
  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-25057:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25057 { flex-direction: column; } }
.component-25058 {
  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-25058:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25058 { flex-direction: column; } }
.component-25059 {
  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-25059:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25059 { flex-direction: column; } }
.component-25060 {
  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-25060:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25060 { flex-direction: column; } }
.component-25061 {
  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-25061:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25061 { flex-direction: column; } }
.component-25062 {
  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-25062:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25062 { flex-direction: column; } }
.component-25063 {
  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-25063:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25063 { flex-direction: column; } }
.component-25064 {
  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-25064:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25064 { flex-direction: column; } }
.component-25065 {
  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-25065:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25065 { flex-direction: column; } }
.component-25066 {
  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-25066:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25066 { flex-direction: column; } }
.component-25067 {
  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-25067:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25067 { flex-direction: column; } }
.component-25068 {
  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-25068:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25068 { flex-direction: column; } }
.component-25069 {
  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-25069:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25069 { flex-direction: column; } }
.component-25070 {
  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-25070:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25070 { flex-direction: column; } }
.component-25071 {
  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-25071:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25071 { flex-direction: column; } }
.component-25072 {
  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-25072:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25072 { flex-direction: column; } }
.component-25073 {
  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-25073:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25073 { flex-direction: column; } }
.component-25074 {
  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-25074:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25074 { flex-direction: column; } }
.component-25075 {
  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-25075:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25075 { flex-direction: column; } }
.component-25076 {
  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-25076:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25076 { flex-direction: column; } }
.component-25077 {
  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-25077:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25077 { flex-direction: column; } }
.component-25078 {
  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-25078:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25078 { flex-direction: column; } }
.component-25079 {
  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-25079:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25079 { flex-direction: column; } }
.component-25080 {
  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-25080:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25080 { flex-direction: column; } }
.component-25081 {
  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-25081:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25081 { flex-direction: column; } }
.component-25082 {
  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-25082:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25082 { flex-direction: column; } }
.component-25083 {
  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-25083:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25083 { flex-direction: column; } }
.component-25084 {
  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-25084:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25084 { flex-direction: column; } }
.component-25085 {
  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-25085:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25085 { flex-direction: column; } }
.component-25086 {
  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-25086:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25086 { flex-direction: column; } }
.component-25087 {
  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-25087:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25087 { flex-direction: column; } }
.component-25088 {
  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-25088:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25088 { flex-direction: column; } }
.component-25089 {
  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-25089:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25089 { flex-direction: column; } }
.component-25090 {
  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-25090:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25090 { flex-direction: column; } }
.component-25091 {
  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-25091:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25091 { flex-direction: column; } }
.component-25092 {
  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-25092:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25092 { flex-direction: column; } }
.component-25093 {
  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-25093:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25093 { flex-direction: column; } }
.component-25094 {
  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-25094:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25094 { flex-direction: column; } }
.component-25095 {
  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-25095:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25095 { flex-direction: column; } }
.component-25096 {
  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-25096:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25096 { flex-direction: column; } }
.component-25097 {
  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-25097:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25097 { flex-direction: column; } }
.component-25098 {
  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-25098:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25098 { flex-direction: column; } }
.component-25099 {
  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-25099:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25099 { flex-direction: column; } }
.component-25100 {
  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-25100:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25100 { flex-direction: column; } }
.component-25101 {
  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-25101:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25101 { flex-direction: column; } }
.component-25102 {
  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-25102:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25102 { flex-direction: column; } }
.component-25103 {
  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-25103:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25103 { flex-direction: column; } }
.component-25104 {
  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-25104:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25104 { flex-direction: column; } }
.component-25105 {
  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-25105:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25105 { flex-direction: column; } }
.component-25106 {
  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-25106:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25106 { flex-direction: column; } }
.component-25107 {
  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-25107:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25107 { flex-direction: column; } }
.component-25108 {
  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-25108:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25108 { flex-direction: column; } }
.component-25109 {
  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-25109:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25109 { flex-direction: column; } }
.component-25110 {
  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-25110:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25110 { flex-direction: column; } }
.component-25111 {
  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-25111:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25111 { flex-direction: column; } }
.component-25112 {
  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-25112:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25112 { flex-direction: column; } }
.component-25113 {
  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-25113:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25113 { flex-direction: column; } }
.component-25114 {
  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-25114:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25114 { flex-direction: column; } }
.component-25115 {
  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-25115:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25115 { flex-direction: column; } }
.component-25116 {
  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-25116:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25116 { flex-direction: column; } }
.component-25117 {
  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-25117:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25117 { flex-direction: column; } }
.component-25118 {
  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-25118:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25118 { flex-direction: column; } }
.component-25119 {
  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-25119:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25119 { flex-direction: column; } }
.component-25120 {
  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-25120:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25120 { flex-direction: column; } }
.component-25121 {
  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-25121:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25121 { flex-direction: column; } }
.component-25122 {
  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-25122:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25122 { flex-direction: column; } }
.component-25123 {
  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-25123:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25123 { flex-direction: column; } }
.component-25124 {
  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-25124:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25124 { flex-direction: column; } }
.component-25125 {
  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-25125:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25125 { flex-direction: column; } }
.component-25126 {
  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-25126:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25126 { flex-direction: column; } }
.component-25127 {
  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-25127:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25127 { flex-direction: column; } }
.component-25128 {
  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-25128:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25128 { flex-direction: column; } }
.component-25129 {
  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-25129:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25129 { flex-direction: column; } }
.component-25130 {
  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-25130:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25130 { flex-direction: column; } }
.component-25131 {
  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-25131:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25131 { flex-direction: column; } }
.component-25132 {
  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-25132:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25132 { flex-direction: column; } }
.component-25133 {
  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-25133:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25133 { flex-direction: column; } }
.component-25134 {
  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-25134:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25134 { flex-direction: column; } }
.component-25135 {
  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-25135:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25135 { flex-direction: column; } }
.component-25136 {
  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-25136:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25136 { flex-direction: column; } }
.component-25137 {
  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-25137:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25137 { flex-direction: column; } }
.component-25138 {
  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-25138:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25138 { flex-direction: column; } }
.component-25139 {
  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-25139:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25139 { flex-direction: column; } }
.component-25140 {
  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-25140:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25140 { flex-direction: column; } }
.component-25141 {
  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-25141:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25141 { flex-direction: column; } }
.component-25142 {
  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-25142:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25142 { flex-direction: column; } }
.component-25143 {
  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-25143:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25143 { flex-direction: column; } }
.component-25144 {
  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-25144:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25144 { flex-direction: column; } }
.component-25145 {
  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-25145:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25145 { flex-direction: column; } }
.component-25146 {
  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-25146:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25146 { flex-direction: column; } }
.component-25147 {
  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-25147:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25147 { flex-direction: column; } }
.component-25148 {
  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-25148:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25148 { flex-direction: column; } }
.component-25149 {
  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-25149:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25149 { flex-direction: column; } }
.component-25150 {
  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-25150:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25150 { flex-direction: column; } }
.component-25151 {
  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-25151:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25151 { flex-direction: column; } }
.component-25152 {
  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-25152:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25152 { flex-direction: column; } }
.component-25153 {
  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-25153:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25153 { flex-direction: column; } }
.component-25154 {
  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-25154:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25154 { flex-direction: column; } }
.component-25155 {
  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-25155:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25155 { flex-direction: column; } }
.component-25156 {
  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-25156:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25156 { flex-direction: column; } }
.component-25157 {
  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-25157:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25157 { flex-direction: column; } }
.component-25158 {
  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-25158:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25158 { flex-direction: column; } }
.component-25159 {
  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-25159:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25159 { flex-direction: column; } }
.component-25160 {
  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-25160:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25160 { flex-direction: column; } }
.component-25161 {
  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-25161:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25161 { flex-direction: column; } }
.component-25162 {
  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-25162:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25162 { flex-direction: column; } }
.component-25163 {
  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-25163:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25163 { flex-direction: column; } }
.component-25164 {
  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-25164:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25164 { flex-direction: column; } }
.component-25165 {
  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-25165:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25165 { flex-direction: column; } }
.component-25166 {
  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-25166:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25166 { flex-direction: column; } }
.component-25167 {
  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-25167:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25167 { flex-direction: column; } }
.component-25168 {
  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-25168:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25168 { flex-direction: column; } }
.component-25169 {
  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-25169:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25169 { flex-direction: column; } }
.component-25170 {
  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-25170:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25170 { flex-direction: column; } }
.component-25171 {
  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-25171:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25171 { flex-direction: column; } }
.component-25172 {
  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-25172:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25172 { flex-direction: column; } }
.component-25173 {
  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-25173:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25173 { flex-direction: column; } }
.component-25174 {
  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-25174:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25174 { flex-direction: column; } }
.component-25175 {
  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-25175:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25175 { flex-direction: column; } }
.component-25176 {
  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-25176:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25176 { flex-direction: column; } }
.component-25177 {
  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-25177:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25177 { flex-direction: column; } }
.component-25178 {
  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-25178:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25178 { flex-direction: column; } }
.component-25179 {
  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-25179:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25179 { flex-direction: column; } }
.component-25180 {
  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-25180:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25180 { flex-direction: column; } }
.component-25181 {
  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-25181:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25181 { flex-direction: column; } }
.component-25182 {
  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-25182:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25182 { flex-direction: column; } }
.component-25183 {
  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-25183:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25183 { flex-direction: column; } }
.component-25184 {
  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-25184:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25184 { flex-direction: column; } }
.component-25185 {
  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-25185:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25185 { flex-direction: column; } }
.component-25186 {
  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-25186:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25186 { flex-direction: column; } }
.component-25187 {
  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-25187:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25187 { flex-direction: column; } }
.component-25188 {
  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-25188:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25188 { flex-direction: column; } }
.component-25189 {
  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-25189:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25189 { flex-direction: column; } }
.component-25190 {
  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-25190:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25190 { flex-direction: column; } }
.component-25191 {
  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-25191:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25191 { flex-direction: column; } }
.component-25192 {
  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-25192:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25192 { flex-direction: column; } }
.component-25193 {
  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-25193:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25193 { flex-direction: column; } }
.component-25194 {
  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-25194:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25194 { flex-direction: column; } }
.component-25195 {
  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-25195:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25195 { flex-direction: column; } }
.component-25196 {
  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-25196:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25196 { flex-direction: column; } }
.component-25197 {
  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-25197:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25197 { flex-direction: column; } }
.component-25198 {
  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-25198:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25198 { flex-direction: column; } }
.component-25199 {
  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-25199:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25199 { flex-direction: column; } }
.component-25200 {
  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-25200:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25200 { flex-direction: column; } }
.component-25201 {
  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-25201:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25201 { flex-direction: column; } }
.component-25202 {
  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-25202:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25202 { flex-direction: column; } }
.component-25203 {
  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-25203:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25203 { flex-direction: column; } }
.component-25204 {
  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-25204:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25204 { flex-direction: column; } }
.component-25205 {
  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-25205:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25205 { flex-direction: column; } }
.component-25206 {
  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-25206:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25206 { flex-direction: column; } }
.component-25207 {
  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-25207:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25207 { flex-direction: column; } }
.component-25208 {
  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-25208:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25208 { flex-direction: column; } }
.component-25209 {
  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-25209:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25209 { flex-direction: column; } }
.component-25210 {
  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-25210:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25210 { flex-direction: column; } }
.component-25211 {
  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-25211:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25211 { flex-direction: column; } }
.component-25212 {
  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-25212:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25212 { flex-direction: column; } }
.component-25213 {
  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-25213:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25213 { flex-direction: column; } }
.component-25214 {
  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-25214:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25214 { flex-direction: column; } }
.component-25215 {
  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-25215:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25215 { flex-direction: column; } }
.component-25216 {
  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-25216:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25216 { flex-direction: column; } }
.component-25217 {
  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-25217:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25217 { flex-direction: column; } }
.component-25218 {
  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-25218:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25218 { flex-direction: column; } }
.component-25219 {
  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-25219:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25219 { flex-direction: column; } }
.component-25220 {
  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-25220:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25220 { flex-direction: column; } }
.component-25221 {
  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-25221:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25221 { flex-direction: column; } }
.component-25222 {
  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-25222:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25222 { flex-direction: column; } }
.component-25223 {
  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-25223:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25223 { flex-direction: column; } }
.component-25224 {
  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-25224:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25224 { flex-direction: column; } }
.component-25225 {
  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-25225:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25225 { flex-direction: column; } }
.component-25226 {
  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-25226:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25226 { flex-direction: column; } }
.component-25227 {
  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-25227:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25227 { flex-direction: column; } }
.component-25228 {
  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-25228:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25228 { flex-direction: column; } }
.component-25229 {
  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-25229:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25229 { flex-direction: column; } }
.component-25230 {
  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-25230:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25230 { flex-direction: column; } }
.component-25231 {
  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-25231:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25231 { flex-direction: column; } }
.component-25232 {
  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-25232:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25232 { flex-direction: column; } }
.component-25233 {
  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-25233:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25233 { flex-direction: column; } }
.component-25234 {
  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-25234:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25234 { flex-direction: column; } }
.component-25235 {
  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-25235:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25235 { flex-direction: column; } }
.component-25236 {
  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-25236:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25236 { flex-direction: column; } }
.component-25237 {
  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-25237:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25237 { flex-direction: column; } }
.component-25238 {
  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-25238:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25238 { flex-direction: column; } }
.component-25239 {
  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-25239:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25239 { flex-direction: column; } }
.component-25240 {
  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-25240:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25240 { flex-direction: column; } }
.component-25241 {
  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-25241:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25241 { flex-direction: column; } }
.component-25242 {
  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-25242:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25242 { flex-direction: column; } }
.component-25243 {
  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-25243:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25243 { flex-direction: column; } }
.component-25244 {
  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-25244:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25244 { flex-direction: column; } }
.component-25245 {
  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-25245:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25245 { flex-direction: column; } }
.component-25246 {
  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-25246:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25246 { flex-direction: column; } }
.component-25247 {
  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-25247:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25247 { flex-direction: column; } }
.component-25248 {
  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-25248:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25248 { flex-direction: column; } }
.component-25249 {
  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-25249:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25249 { flex-direction: column; } }
.component-25250 {
  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-25250:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25250 { flex-direction: column; } }
.component-25251 {
  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-25251:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25251 { flex-direction: column; } }
.component-25252 {
  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-25252:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25252 { flex-direction: column; } }
.component-25253 {
  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-25253:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25253 { flex-direction: column; } }
.component-25254 {
  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-25254:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25254 { flex-direction: column; } }
.component-25255 {
  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-25255:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25255 { flex-direction: column; } }
.component-25256 {
  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-25256:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25256 { flex-direction: column; } }
.component-25257 {
  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-25257:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25257 { flex-direction: column; } }
.component-25258 {
  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-25258:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25258 { flex-direction: column; } }
.component-25259 {
  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-25259:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25259 { flex-direction: column; } }
.component-25260 {
  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-25260:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25260 { flex-direction: column; } }
.component-25261 {
  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-25261:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25261 { flex-direction: column; } }
.component-25262 {
  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-25262:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25262 { flex-direction: column; } }
.component-25263 {
  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-25263:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25263 { flex-direction: column; } }
.component-25264 {
  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-25264:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25264 { flex-direction: column; } }
.component-25265 {
  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-25265:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25265 { flex-direction: column; } }
.component-25266 {
  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-25266:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25266 { flex-direction: column; } }
.component-25267 {
  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-25267:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25267 { flex-direction: column; } }
.component-25268 {
  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-25268:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25268 { flex-direction: column; } }
.component-25269 {
  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-25269:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25269 { flex-direction: column; } }
.component-25270 {
  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-25270:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25270 { flex-direction: column; } }
.component-25271 {
  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-25271:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25271 { flex-direction: column; } }
.component-25272 {
  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-25272:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25272 { flex-direction: column; } }
.component-25273 {
  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-25273:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25273 { flex-direction: column; } }
.component-25274 {
  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-25274:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25274 { flex-direction: column; } }
.component-25275 {
  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-25275:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25275 { flex-direction: column; } }
.component-25276 {
  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-25276:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25276 { flex-direction: column; } }
.component-25277 {
  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-25277:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25277 { flex-direction: column; } }
.component-25278 {
  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-25278:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25278 { flex-direction: column; } }
.component-25279 {
  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-25279:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25279 { flex-direction: column; } }
.component-25280 {
  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-25280:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25280 { flex-direction: column; } }
.component-25281 {
  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-25281:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25281 { flex-direction: column; } }
.component-25282 {
  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-25282:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25282 { flex-direction: column; } }
.component-25283 {
  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-25283:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25283 { flex-direction: column; } }
.component-25284 {
  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-25284:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25284 { flex-direction: column; } }
.component-25285 {
  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-25285:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25285 { flex-direction: column; } }
.component-25286 {
  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-25286:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25286 { flex-direction: column; } }
.component-25287 {
  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-25287:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25287 { flex-direction: column; } }
.component-25288 {
  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-25288:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25288 { flex-direction: column; } }
.component-25289 {
  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-25289:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25289 { flex-direction: column; } }
.component-25290 {
  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-25290:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25290 { flex-direction: column; } }
.component-25291 {
  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-25291:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25291 { flex-direction: column; } }
.component-25292 {
  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-25292:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25292 { flex-direction: column; } }
.component-25293 {
  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-25293:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25293 { flex-direction: column; } }
.component-25294 {
  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-25294:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25294 { flex-direction: column; } }
.component-25295 {
  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-25295:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25295 { flex-direction: column; } }
.component-25296 {
  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-25296:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25296 { flex-direction: column; } }
.component-25297 {
  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-25297:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25297 { flex-direction: column; } }
.component-25298 {
  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-25298:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25298 { flex-direction: column; } }
.component-25299 {
  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-25299:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25299 { flex-direction: column; } }
.component-25300 {
  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-25300:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25300 { flex-direction: column; } }
.component-25301 {
  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-25301:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25301 { flex-direction: column; } }
.component-25302 {
  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-25302:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25302 { flex-direction: column; } }
.component-25303 {
  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-25303:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25303 { flex-direction: column; } }
.component-25304 {
  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-25304:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25304 { flex-direction: column; } }
.component-25305 {
  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-25305:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25305 { flex-direction: column; } }
.component-25306 {
  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-25306:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25306 { flex-direction: column; } }
.component-25307 {
  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-25307:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25307 { flex-direction: column; } }
.component-25308 {
  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-25308:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25308 { flex-direction: column; } }
.component-25309 {
  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-25309:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25309 { flex-direction: column; } }
.component-25310 {
  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-25310:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25310 { flex-direction: column; } }
.component-25311 {
  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-25311:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25311 { flex-direction: column; } }
.component-25312 {
  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-25312:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25312 { flex-direction: column; } }
.component-25313 {
  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-25313:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25313 { flex-direction: column; } }
.component-25314 {
  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-25314:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25314 { flex-direction: column; } }
.component-25315 {
  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-25315:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25315 { flex-direction: column; } }
.component-25316 {
  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-25316:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25316 { flex-direction: column; } }
.component-25317 {
  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-25317:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25317 { flex-direction: column; } }
.component-25318 {
  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-25318:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25318 { flex-direction: column; } }
.component-25319 {
  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-25319:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25319 { flex-direction: column; } }
.component-25320 {
  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-25320:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25320 { flex-direction: column; } }
.component-25321 {
  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-25321:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25321 { flex-direction: column; } }
.component-25322 {
  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-25322:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25322 { flex-direction: column; } }
.component-25323 {
  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-25323:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25323 { flex-direction: column; } }
.component-25324 {
  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-25324:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25324 { flex-direction: column; } }
.component-25325 {
  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-25325:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25325 { flex-direction: column; } }
.component-25326 {
  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-25326:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25326 { flex-direction: column; } }
.component-25327 {
  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-25327:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25327 { flex-direction: column; } }
.component-25328 {
  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-25328:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25328 { flex-direction: column; } }
.component-25329 {
  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-25329:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25329 { flex-direction: column; } }
.component-25330 {
  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-25330:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25330 { flex-direction: column; } }
.component-25331 {
  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-25331:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25331 { flex-direction: column; } }
.component-25332 {
  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-25332:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25332 { flex-direction: column; } }
.component-25333 {
  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-25333:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25333 { flex-direction: column; } }
.component-25334 {
  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-25334:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25334 { flex-direction: column; } }
.component-25335 {
  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-25335:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25335 { flex-direction: column; } }
.component-25336 {
  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-25336:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25336 { flex-direction: column; } }
.component-25337 {
  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-25337:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25337 { flex-direction: column; } }
.component-25338 {
  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-25338:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25338 { flex-direction: column; } }
.component-25339 {
  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-25339:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25339 { flex-direction: column; } }
.component-25340 {
  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-25340:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25340 { flex-direction: column; } }
.component-25341 {
  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-25341:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25341 { flex-direction: column; } }
.component-25342 {
  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-25342:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25342 { flex-direction: column; } }
.component-25343 {
  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-25343:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25343 { flex-direction: column; } }
.component-25344 {
  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-25344:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25344 { flex-direction: column; } }
.component-25345 {
  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-25345:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25345 { flex-direction: column; } }
.component-25346 {
  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-25346:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25346 { flex-direction: column; } }
.component-25347 {
  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-25347:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25347 { flex-direction: column; } }
.component-25348 {
  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-25348:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25348 { flex-direction: column; } }
.component-25349 {
  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-25349:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25349 { flex-direction: column; } }
.component-25350 {
  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-25350:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25350 { flex-direction: column; } }
.component-25351 {
  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-25351:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25351 { flex-direction: column; } }
.component-25352 {
  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-25352:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25352 { flex-direction: column; } }
.component-25353 {
  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-25353:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25353 { flex-direction: column; } }
.component-25354 {
  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-25354:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25354 { flex-direction: column; } }
.component-25355 {
  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-25355:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25355 { flex-direction: column; } }
.component-25356 {
  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-25356:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25356 { flex-direction: column; } }
.component-25357 {
  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-25357:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25357 { flex-direction: column; } }
.component-25358 {
  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-25358:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25358 { flex-direction: column; } }
.component-25359 {
  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-25359:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25359 { flex-direction: column; } }
.component-25360 {
  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-25360:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25360 { flex-direction: column; } }
.component-25361 {
  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-25361:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25361 { flex-direction: column; } }
.component-25362 {
  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-25362:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25362 { flex-direction: column; } }
.component-25363 {
  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-25363:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25363 { flex-direction: column; } }
.component-25364 {
  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-25364:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25364 { flex-direction: column; } }
.component-25365 {
  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-25365:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25365 { flex-direction: column; } }
.component-25366 {
  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-25366:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25366 { flex-direction: column; } }
.component-25367 {
  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-25367:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25367 { flex-direction: column; } }
.component-25368 {
  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-25368:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25368 { flex-direction: column; } }
.component-25369 {
  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-25369:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25369 { flex-direction: column; } }
.component-25370 {
  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-25370:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25370 { flex-direction: column; } }
.component-25371 {
  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-25371:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25371 { flex-direction: column; } }
.component-25372 {
  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-25372:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25372 { flex-direction: column; } }
.component-25373 {
  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-25373:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25373 { flex-direction: column; } }
.component-25374 {
  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-25374:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25374 { flex-direction: column; } }
.component-25375 {
  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-25375:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25375 { flex-direction: column; } }
.component-25376 {
  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-25376:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25376 { flex-direction: column; } }
.component-25377 {
  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-25377:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25377 { flex-direction: column; } }
.component-25378 {
  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-25378:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25378 { flex-direction: column; } }
.component-25379 {
  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-25379:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25379 { flex-direction: column; } }
.component-25380 {
  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-25380:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25380 { flex-direction: column; } }
.component-25381 {
  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-25381:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25381 { flex-direction: column; } }
.component-25382 {
  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-25382:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25382 { flex-direction: column; } }
.component-25383 {
  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-25383:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25383 { flex-direction: column; } }
.component-25384 {
  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-25384:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25384 { flex-direction: column; } }
.component-25385 {
  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-25385:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25385 { flex-direction: column; } }
.component-25386 {
  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-25386:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25386 { flex-direction: column; } }
.component-25387 {
  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-25387:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25387 { flex-direction: column; } }
.component-25388 {
  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-25388:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25388 { flex-direction: column; } }
.component-25389 {
  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-25389:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25389 { flex-direction: column; } }
.component-25390 {
  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-25390:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25390 { flex-direction: column; } }
.component-25391 {
  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-25391:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25391 { flex-direction: column; } }
.component-25392 {
  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-25392:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25392 { flex-direction: column; } }
.component-25393 {
  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-25393:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25393 { flex-direction: column; } }
.component-25394 {
  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-25394:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25394 { flex-direction: column; } }
.component-25395 {
  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-25395:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25395 { flex-direction: column; } }
.component-25396 {
  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-25396:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25396 { flex-direction: column; } }
.component-25397 {
  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-25397:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25397 { flex-direction: column; } }
.component-25398 {
  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-25398:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25398 { flex-direction: column; } }
.component-25399 {
  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-25399:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25399 { flex-direction: column; } }
.component-25400 {
  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-25400:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25400 { flex-direction: column; } }
.component-25401 {
  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-25401:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25401 { flex-direction: column; } }
.component-25402 {
  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-25402:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25402 { flex-direction: column; } }
.component-25403 {
  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-25403:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25403 { flex-direction: column; } }
.component-25404 {
  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-25404:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25404 { flex-direction: column; } }
.component-25405 {
  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-25405:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25405 { flex-direction: column; } }
.component-25406 {
  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-25406:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25406 { flex-direction: column; } }
.component-25407 {
  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-25407:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25407 { flex-direction: column; } }
.component-25408 {
  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-25408:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25408 { flex-direction: column; } }
.component-25409 {
  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-25409:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25409 { flex-direction: column; } }
.component-25410 {
  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-25410:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25410 { flex-direction: column; } }
.component-25411 {
  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-25411:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25411 { flex-direction: column; } }
.component-25412 {
  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-25412:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25412 { flex-direction: column; } }
.component-25413 {
  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-25413:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25413 { flex-direction: column; } }
.component-25414 {
  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-25414:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25414 { flex-direction: column; } }
.component-25415 {
  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-25415:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25415 { flex-direction: column; } }
.component-25416 {
  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-25416:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25416 { flex-direction: column; } }
.component-25417 {
  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-25417:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25417 { flex-direction: column; } }
.component-25418 {
  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-25418:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25418 { flex-direction: column; } }
.component-25419 {
  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-25419:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25419 { flex-direction: column; } }
.component-25420 {
  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-25420:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25420 { flex-direction: column; } }
.component-25421 {
  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-25421:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25421 { flex-direction: column; } }
.component-25422 {
  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-25422:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25422 { flex-direction: column; } }
.component-25423 {
  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-25423:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25423 { flex-direction: column; } }
.component-25424 {
  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-25424:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25424 { flex-direction: column; } }
.component-25425 {
  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-25425:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25425 { flex-direction: column; } }
.component-25426 {
  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-25426:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25426 { flex-direction: column; } }
.component-25427 {
  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-25427:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25427 { flex-direction: column; } }
.component-25428 {
  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-25428:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25428 { flex-direction: column; } }
.component-25429 {
  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-25429:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25429 { flex-direction: column; } }
.component-25430 {
  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-25430:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25430 { flex-direction: column; } }
.component-25431 {
  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-25431:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25431 { flex-direction: column; } }
.component-25432 {
  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-25432:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25432 { flex-direction: column; } }
.component-25433 {
  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-25433:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25433 { flex-direction: column; } }
.component-25434 {
  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-25434:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25434 { flex-direction: column; } }
.component-25435 {
  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-25435:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25435 { flex-direction: column; } }
.component-25436 {
  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-25436:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25436 { flex-direction: column; } }
.component-25437 {
  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-25437:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25437 { flex-direction: column; } }
.component-25438 {
  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-25438:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25438 { flex-direction: column; } }
.component-25439 {
  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-25439:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25439 { flex-direction: column; } }
.component-25440 {
  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-25440:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25440 { flex-direction: column; } }
.component-25441 {
  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-25441:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25441 { flex-direction: column; } }
.component-25442 {
  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-25442:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25442 { flex-direction: column; } }
.component-25443 {
  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-25443:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25443 { flex-direction: column; } }
.component-25444 {
  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-25444:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25444 { flex-direction: column; } }
.component-25445 {
  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-25445:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25445 { flex-direction: column; } }
.component-25446 {
  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-25446:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25446 { flex-direction: column; } }
.component-25447 {
  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-25447:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25447 { flex-direction: column; } }
.component-25448 {
  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-25448:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25448 { flex-direction: column; } }
.component-25449 {
  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-25449:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25449 { flex-direction: column; } }
.component-25450 {
  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-25450:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25450 { flex-direction: column; } }
.component-25451 {
  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-25451:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25451 { flex-direction: column; } }
.component-25452 {
  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-25452:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25452 { flex-direction: column; } }
.component-25453 {
  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-25453:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25453 { flex-direction: column; } }
.component-25454 {
  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-25454:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25454 { flex-direction: column; } }
.component-25455 {
  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-25455:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25455 { flex-direction: column; } }
.component-25456 {
  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-25456:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25456 { flex-direction: column; } }
.component-25457 {
  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-25457:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25457 { flex-direction: column; } }
.component-25458 {
  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-25458:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25458 { flex-direction: column; } }
.component-25459 {
  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-25459:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25459 { flex-direction: column; } }
.component-25460 {
  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-25460:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25460 { flex-direction: column; } }
.component-25461 {
  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-25461:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25461 { flex-direction: column; } }
.component-25462 {
  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-25462:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25462 { flex-direction: column; } }
.component-25463 {
  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-25463:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25463 { flex-direction: column; } }
.component-25464 {
  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-25464:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25464 { flex-direction: column; } }
.component-25465 {
  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-25465:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25465 { flex-direction: column; } }
.component-25466 {
  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-25466:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25466 { flex-direction: column; } }
.component-25467 {
  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-25467:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25467 { flex-direction: column; } }
.component-25468 {
  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-25468:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25468 { flex-direction: column; } }
.component-25469 {
  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-25469:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25469 { flex-direction: column; } }
.component-25470 {
  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-25470:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25470 { flex-direction: column; } }
.component-25471 {
  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-25471:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25471 { flex-direction: column; } }
.component-25472 {
  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-25472:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25472 { flex-direction: column; } }
.component-25473 {
  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-25473:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25473 { flex-direction: column; } }
.component-25474 {
  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-25474:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25474 { flex-direction: column; } }
.component-25475 {
  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-25475:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25475 { flex-direction: column; } }
.component-25476 {
  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-25476:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25476 { flex-direction: column; } }
.component-25477 {
  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-25477:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25477 { flex-direction: column; } }
.component-25478 {
  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-25478:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25478 { flex-direction: column; } }
.component-25479 {
  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-25479:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25479 { flex-direction: column; } }
.component-25480 {
  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-25480:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25480 { flex-direction: column; } }
.component-25481 {
  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-25481:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25481 { flex-direction: column; } }
.component-25482 {
  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-25482:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25482 { flex-direction: column; } }
.component-25483 {
  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-25483:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25483 { flex-direction: column; } }
.component-25484 {
  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-25484:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25484 { flex-direction: column; } }
.component-25485 {
  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-25485:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25485 { flex-direction: column; } }
.component-25486 {
  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-25486:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25486 { flex-direction: column; } }
.component-25487 {
  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-25487:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25487 { flex-direction: column; } }
.component-25488 {
  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-25488:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25488 { flex-direction: column; } }
.component-25489 {
  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-25489:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25489 { flex-direction: column; } }
.component-25490 {
  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-25490:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25490 { flex-direction: column; } }
.component-25491 {
  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-25491:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25491 { flex-direction: column; } }
.component-25492 {
  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-25492:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25492 { flex-direction: column; } }
.component-25493 {
  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-25493:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25493 { flex-direction: column; } }
.component-25494 {
  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-25494:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25494 { flex-direction: column; } }
.component-25495 {
  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-25495:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25495 { flex-direction: column; } }
.component-25496 {
  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-25496:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25496 { flex-direction: column; } }
.component-25497 {
  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-25497:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25497 { flex-direction: column; } }
.component-25498 {
  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-25498:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25498 { flex-direction: column; } }
.component-25499 {
  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-25499:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25499 { flex-direction: column; } }
.component-25500 {
  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-25500:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25500 { flex-direction: column; } }
.component-25501 {
  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-25501:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25501 { flex-direction: column; } }
.component-25502 {
  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-25502:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25502 { flex-direction: column; } }
.component-25503 {
  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-25503:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25503 { flex-direction: column; } }
.component-25504 {
  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-25504:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25504 { flex-direction: column; } }
.component-25505 {
  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-25505:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25505 { flex-direction: column; } }
.component-25506 {
  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-25506:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25506 { flex-direction: column; } }
.component-25507 {
  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-25507:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25507 { flex-direction: column; } }
.component-25508 {
  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-25508:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25508 { flex-direction: column; } }
.component-25509 {
  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-25509:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25509 { flex-direction: column; } }
.component-25510 {
  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-25510:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25510 { flex-direction: column; } }
.component-25511 {
  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-25511:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25511 { flex-direction: column; } }
.component-25512 {
  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-25512:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25512 { flex-direction: column; } }
.component-25513 {
  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-25513:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25513 { flex-direction: column; } }
.component-25514 {
  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-25514:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25514 { flex-direction: column; } }
.component-25515 {
  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-25515:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25515 { flex-direction: column; } }
.component-25516 {
  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-25516:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25516 { flex-direction: column; } }
.component-25517 {
  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-25517:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25517 { flex-direction: column; } }
.component-25518 {
  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-25518:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25518 { flex-direction: column; } }
.component-25519 {
  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-25519:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25519 { flex-direction: column; } }
.component-25520 {
  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-25520:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25520 { flex-direction: column; } }
.component-25521 {
  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-25521:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25521 { flex-direction: column; } }
.component-25522 {
  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-25522:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25522 { flex-direction: column; } }
.component-25523 {
  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-25523:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25523 { flex-direction: column; } }
.component-25524 {
  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-25524:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25524 { flex-direction: column; } }
.component-25525 {
  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-25525:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25525 { flex-direction: column; } }
.component-25526 {
  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-25526:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25526 { flex-direction: column; } }
.component-25527 {
  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-25527:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25527 { flex-direction: column; } }
.component-25528 {
  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-25528:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25528 { flex-direction: column; } }
.component-25529 {
  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-25529:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25529 { flex-direction: column; } }
.component-25530 {
  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-25530:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25530 { flex-direction: column; } }
.component-25531 {
  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-25531:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25531 { flex-direction: column; } }
.component-25532 {
  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-25532:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25532 { flex-direction: column; } }
.component-25533 {
  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-25533:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25533 { flex-direction: column; } }
.component-25534 {
  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-25534:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25534 { flex-direction: column; } }
.component-25535 {
  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-25535:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25535 { flex-direction: column; } }
.component-25536 {
  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-25536:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25536 { flex-direction: column; } }
.component-25537 {
  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-25537:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25537 { flex-direction: column; } }
.component-25538 {
  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-25538:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25538 { flex-direction: column; } }
.component-25539 {
  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-25539:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25539 { flex-direction: column; } }
.component-25540 {
  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-25540:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25540 { flex-direction: column; } }
.component-25541 {
  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-25541:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25541 { flex-direction: column; } }
.component-25542 {
  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-25542:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25542 { flex-direction: column; } }
.component-25543 {
  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-25543:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25543 { flex-direction: column; } }
.component-25544 {
  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-25544:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25544 { flex-direction: column; } }
.component-25545 {
  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-25545:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25545 { flex-direction: column; } }
.component-25546 {
  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-25546:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25546 { flex-direction: column; } }
.component-25547 {
  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-25547:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25547 { flex-direction: column; } }
.component-25548 {
  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-25548:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25548 { flex-direction: column; } }
.component-25549 {
  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-25549:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25549 { flex-direction: column; } }
.component-25550 {
  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-25550:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25550 { flex-direction: column; } }
.component-25551 {
  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-25551:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25551 { flex-direction: column; } }
.component-25552 {
  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-25552:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25552 { flex-direction: column; } }
.component-25553 {
  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-25553:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25553 { flex-direction: column; } }
.component-25554 {
  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-25554:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25554 { flex-direction: column; } }
.component-25555 {
  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-25555:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25555 { flex-direction: column; } }
.component-25556 {
  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-25556:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25556 { flex-direction: column; } }
.component-25557 {
  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-25557:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25557 { flex-direction: column; } }
.component-25558 {
  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-25558:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25558 { flex-direction: column; } }
.component-25559 {
  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-25559:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25559 { flex-direction: column; } }
.component-25560 {
  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-25560:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25560 { flex-direction: column; } }
.component-25561 {
  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-25561:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25561 { flex-direction: column; } }
.component-25562 {
  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-25562:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25562 { flex-direction: column; } }
.component-25563 {
  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-25563:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25563 { flex-direction: column; } }
.component-25564 {
  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-25564:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25564 { flex-direction: column; } }
.component-25565 {
  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-25565:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25565 { flex-direction: column; } }
.component-25566 {
  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-25566:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25566 { flex-direction: column; } }
.component-25567 {
  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-25567:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25567 { flex-direction: column; } }
.component-25568 {
  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-25568:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25568 { flex-direction: column; } }
.component-25569 {
  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-25569:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25569 { flex-direction: column; } }
.component-25570 {
  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-25570:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25570 { flex-direction: column; } }
.component-25571 {
  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-25571:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25571 { flex-direction: column; } }
.component-25572 {
  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-25572:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25572 { flex-direction: column; } }
.component-25573 {
  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-25573:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25573 { flex-direction: column; } }
.component-25574 {
  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-25574:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25574 { flex-direction: column; } }
.component-25575 {
  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-25575:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25575 { flex-direction: column; } }
.component-25576 {
  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-25576:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25576 { flex-direction: column; } }
.component-25577 {
  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-25577:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25577 { flex-direction: column; } }
.component-25578 {
  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-25578:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25578 { flex-direction: column; } }
.component-25579 {
  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-25579:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25579 { flex-direction: column; } }
.component-25580 {
  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-25580:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25580 { flex-direction: column; } }
.component-25581 {
  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-25581:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25581 { flex-direction: column; } }
.component-25582 {
  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-25582:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25582 { flex-direction: column; } }
.component-25583 {
  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-25583:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25583 { flex-direction: column; } }
.component-25584 {
  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-25584:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25584 { flex-direction: column; } }
.component-25585 {
  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-25585:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25585 { flex-direction: column; } }
.component-25586 {
  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-25586:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25586 { flex-direction: column; } }
.component-25587 {
  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-25587:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25587 { flex-direction: column; } }
.component-25588 {
  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-25588:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25588 { flex-direction: column; } }
.component-25589 {
  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-25589:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25589 { flex-direction: column; } }
.component-25590 {
  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-25590:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25590 { flex-direction: column; } }
.component-25591 {
  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-25591:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25591 { flex-direction: column; } }
.component-25592 {
  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-25592:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25592 { flex-direction: column; } }
.component-25593 {
  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-25593:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25593 { flex-direction: column; } }
.component-25594 {
  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-25594:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25594 { flex-direction: column; } }
.component-25595 {
  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-25595:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25595 { flex-direction: column; } }
.component-25596 {
  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-25596:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25596 { flex-direction: column; } }
.component-25597 {
  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-25597:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25597 { flex-direction: column; } }
.component-25598 {
  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-25598:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25598 { flex-direction: column; } }
.component-25599 {
  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-25599:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25599 { flex-direction: column; } }
.component-25600 {
  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-25600:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25600 { flex-direction: column; } }
.component-25601 {
  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-25601:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25601 { flex-direction: column; } }
.component-25602 {
  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-25602:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25602 { flex-direction: column; } }
.component-25603 {
  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-25603:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25603 { flex-direction: column; } }
.component-25604 {
  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-25604:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25604 { flex-direction: column; } }
.component-25605 {
  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-25605:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25605 { flex-direction: column; } }
.component-25606 {
  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-25606:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25606 { flex-direction: column; } }
.component-25607 {
  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-25607:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25607 { flex-direction: column; } }
.component-25608 {
  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-25608:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25608 { flex-direction: column; } }
.component-25609 {
  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-25609:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25609 { flex-direction: column; } }
.component-25610 {
  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-25610:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25610 { flex-direction: column; } }
.component-25611 {
  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-25611:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25611 { flex-direction: column; } }
.component-25612 {
  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-25612:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25612 { flex-direction: column; } }
.component-25613 {
  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-25613:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25613 { flex-direction: column; } }
.component-25614 {
  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-25614:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25614 { flex-direction: column; } }
.component-25615 {
  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-25615:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25615 { flex-direction: column; } }
.component-25616 {
  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-25616:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25616 { flex-direction: column; } }
.component-25617 {
  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-25617:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25617 { flex-direction: column; } }
.component-25618 {
  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-25618:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25618 { flex-direction: column; } }
.component-25619 {
  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-25619:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25619 { flex-direction: column; } }
.component-25620 {
  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-25620:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25620 { flex-direction: column; } }
.component-25621 {
  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-25621:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25621 { flex-direction: column; } }
.component-25622 {
  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-25622:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25622 { flex-direction: column; } }
.component-25623 {
  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-25623:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25623 { flex-direction: column; } }
.component-25624 {
  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-25624:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25624 { flex-direction: column; } }
.component-25625 {
  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-25625:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25625 { flex-direction: column; } }
.component-25626 {
  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-25626:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25626 { flex-direction: column; } }
.component-25627 {
  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-25627:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25627 { flex-direction: column; } }
.component-25628 {
  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-25628:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25628 { flex-direction: column; } }
.component-25629 {
  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-25629:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25629 { flex-direction: column; } }
.component-25630 {
  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-25630:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25630 { flex-direction: column; } }
.component-25631 {
  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-25631:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25631 { flex-direction: column; } }
.component-25632 {
  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-25632:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25632 { flex-direction: column; } }
.component-25633 {
  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-25633:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25633 { flex-direction: column; } }
.component-25634 {
  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-25634:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25634 { flex-direction: column; } }
.component-25635 {
  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-25635:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25635 { flex-direction: column; } }
.component-25636 {
  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-25636:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25636 { flex-direction: column; } }
.component-25637 {
  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-25637:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25637 { flex-direction: column; } }
.component-25638 {
  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-25638:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25638 { flex-direction: column; } }
.component-25639 {
  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-25639:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25639 { flex-direction: column; } }
.component-25640 {
  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-25640:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25640 { flex-direction: column; } }
.component-25641 {
  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-25641:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25641 { flex-direction: column; } }
.component-25642 {
  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-25642:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25642 { flex-direction: column; } }
.component-25643 {
  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-25643:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25643 { flex-direction: column; } }
.component-25644 {
  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-25644:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25644 { flex-direction: column; } }
.component-25645 {
  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-25645:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25645 { flex-direction: column; } }
.component-25646 {
  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-25646:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25646 { flex-direction: column; } }
.component-25647 {
  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-25647:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25647 { flex-direction: column; } }
.component-25648 {
  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-25648:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25648 { flex-direction: column; } }
.component-25649 {
  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-25649:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25649 { flex-direction: column; } }
.component-25650 {
  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-25650:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25650 { flex-direction: column; } }
.component-25651 {
  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-25651:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25651 { flex-direction: column; } }
.component-25652 {
  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-25652:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25652 { flex-direction: column; } }
.component-25653 {
  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-25653:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25653 { flex-direction: column; } }
.component-25654 {
  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-25654:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25654 { flex-direction: column; } }
.component-25655 {
  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-25655:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25655 { flex-direction: column; } }
.component-25656 {
  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-25656:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25656 { flex-direction: column; } }
.component-25657 {
  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-25657:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25657 { flex-direction: column; } }
.component-25658 {
  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-25658:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25658 { flex-direction: column; } }
.component-25659 {
  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-25659:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25659 { flex-direction: column; } }
.component-25660 {
  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-25660:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25660 { flex-direction: column; } }
.component-25661 {
  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-25661:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25661 { flex-direction: column; } }
.component-25662 {
  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-25662:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25662 { flex-direction: column; } }
.component-25663 {
  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-25663:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25663 { flex-direction: column; } }
.component-25664 {
  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-25664:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25664 { flex-direction: column; } }
.component-25665 {
  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-25665:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25665 { flex-direction: column; } }
.component-25666 {
  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-25666:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25666 { flex-direction: column; } }
.component-25667 {
  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-25667:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25667 { flex-direction: column; } }
.component-25668 {
  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-25668:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25668 { flex-direction: column; } }
.component-25669 {
  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-25669:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25669 { flex-direction: column; } }
.component-25670 {
  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-25670:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25670 { flex-direction: column; } }
.component-25671 {
  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-25671:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25671 { flex-direction: column; } }
.component-25672 {
  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-25672:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25672 { flex-direction: column; } }
.component-25673 {
  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-25673:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25673 { flex-direction: column; } }
.component-25674 {
  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-25674:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25674 { flex-direction: column; } }
.component-25675 {
  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-25675:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25675 { flex-direction: column; } }
.component-25676 {
  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-25676:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25676 { flex-direction: column; } }
.component-25677 {
  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-25677:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25677 { flex-direction: column; } }
.component-25678 {
  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-25678:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25678 { flex-direction: column; } }
.component-25679 {
  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-25679:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25679 { flex-direction: column; } }
.component-25680 {
  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-25680:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25680 { flex-direction: column; } }
.component-25681 {
  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-25681:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25681 { flex-direction: column; } }
.component-25682 {
  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-25682:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25682 { flex-direction: column; } }
.component-25683 {
  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-25683:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25683 { flex-direction: column; } }
.component-25684 {
  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-25684:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25684 { flex-direction: column; } }
.component-25685 {
  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-25685:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25685 { flex-direction: column; } }
.component-25686 {
  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-25686:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25686 { flex-direction: column; } }
.component-25687 {
  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-25687:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25687 { flex-direction: column; } }
.component-25688 {
  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-25688:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25688 { flex-direction: column; } }
.component-25689 {
  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-25689:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25689 { flex-direction: column; } }
.component-25690 {
  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-25690:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25690 { flex-direction: column; } }
.component-25691 {
  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-25691:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25691 { flex-direction: column; } }
.component-25692 {
  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-25692:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25692 { flex-direction: column; } }
.component-25693 {
  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-25693:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25693 { flex-direction: column; } }
.component-25694 {
  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-25694:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25694 { flex-direction: column; } }
.component-25695 {
  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-25695:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25695 { flex-direction: column; } }
.component-25696 {
  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-25696:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25696 { flex-direction: column; } }
.component-25697 {
  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-25697:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25697 { flex-direction: column; } }
.component-25698 {
  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-25698:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25698 { flex-direction: column; } }
.component-25699 {
  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-25699:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25699 { flex-direction: column; } }
.component-25700 {
  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-25700:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25700 { flex-direction: column; } }
.component-25701 {
  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-25701:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25701 { flex-direction: column; } }
.component-25702 {
  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-25702:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25702 { flex-direction: column; } }
.component-25703 {
  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-25703:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25703 { flex-direction: column; } }
.component-25704 {
  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-25704:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25704 { flex-direction: column; } }
.component-25705 {
  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-25705:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25705 { flex-direction: column; } }
.component-25706 {
  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-25706:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25706 { flex-direction: column; } }
.component-25707 {
  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-25707:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25707 { flex-direction: column; } }
.component-25708 {
  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-25708:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25708 { flex-direction: column; } }
.component-25709 {
  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-25709:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25709 { flex-direction: column; } }
.component-25710 {
  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-25710:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25710 { flex-direction: column; } }
.component-25711 {
  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-25711:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25711 { flex-direction: column; } }
.component-25712 {
  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-25712:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25712 { flex-direction: column; } }
.component-25713 {
  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-25713:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25713 { flex-direction: column; } }
.component-25714 {
  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-25714:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25714 { flex-direction: column; } }
.component-25715 {
  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-25715:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25715 { flex-direction: column; } }
.component-25716 {
  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-25716:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25716 { flex-direction: column; } }
.component-25717 {
  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-25717:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25717 { flex-direction: column; } }
.component-25718 {
  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-25718:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25718 { flex-direction: column; } }
.component-25719 {
  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-25719:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25719 { flex-direction: column; } }
.component-25720 {
  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-25720:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25720 { flex-direction: column; } }
.component-25721 {
  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-25721:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25721 { flex-direction: column; } }
.component-25722 {
  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-25722:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25722 { flex-direction: column; } }
.component-25723 {
  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-25723:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25723 { flex-direction: column; } }
.component-25724 {
  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-25724:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25724 { flex-direction: column; } }
.component-25725 {
  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-25725:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25725 { flex-direction: column; } }
.component-25726 {
  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-25726:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25726 { flex-direction: column; } }
.component-25727 {
  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-25727:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25727 { flex-direction: column; } }
.component-25728 {
  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-25728:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25728 { flex-direction: column; } }
.component-25729 {
  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-25729:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25729 { flex-direction: column; } }
.component-25730 {
  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-25730:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25730 { flex-direction: column; } }
.component-25731 {
  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-25731:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25731 { flex-direction: column; } }
.component-25732 {
  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-25732:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25732 { flex-direction: column; } }
.component-25733 {
  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-25733:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25733 { flex-direction: column; } }
.component-25734 {
  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-25734:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25734 { flex-direction: column; } }
.component-25735 {
  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-25735:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25735 { flex-direction: column; } }
.component-25736 {
  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-25736:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25736 { flex-direction: column; } }
.component-25737 {
  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-25737:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25737 { flex-direction: column; } }
.component-25738 {
  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-25738:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25738 { flex-direction: column; } }
.component-25739 {
  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-25739:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25739 { flex-direction: column; } }
.component-25740 {
  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-25740:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25740 { flex-direction: column; } }
.component-25741 {
  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-25741:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25741 { flex-direction: column; } }
.component-25742 {
  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-25742:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25742 { flex-direction: column; } }
.component-25743 {
  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-25743:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25743 { flex-direction: column; } }
.component-25744 {
  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-25744:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25744 { flex-direction: column; } }
.component-25745 {
  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-25745:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25745 { flex-direction: column; } }
.component-25746 {
  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-25746:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25746 { flex-direction: column; } }
.component-25747 {
  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-25747:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25747 { flex-direction: column; } }
.component-25748 {
  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-25748:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25748 { flex-direction: column; } }
.component-25749 {
  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-25749:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25749 { flex-direction: column; } }
.component-25750 {
  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-25750:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25750 { flex-direction: column; } }
.component-25751 {
  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-25751:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25751 { flex-direction: column; } }
.component-25752 {
  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-25752:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25752 { flex-direction: column; } }
.component-25753 {
  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-25753:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25753 { flex-direction: column; } }
.component-25754 {
  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-25754:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25754 { flex-direction: column; } }
.component-25755 {
  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-25755:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25755 { flex-direction: column; } }
.component-25756 {
  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-25756:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25756 { flex-direction: column; } }
.component-25757 {
  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-25757:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25757 { flex-direction: column; } }
.component-25758 {
  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-25758:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25758 { flex-direction: column; } }
.component-25759 {
  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-25759:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25759 { flex-direction: column; } }
.component-25760 {
  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-25760:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25760 { flex-direction: column; } }
.component-25761 {
  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-25761:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25761 { flex-direction: column; } }
.component-25762 {
  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-25762:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25762 { flex-direction: column; } }
.component-25763 {
  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-25763:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25763 { flex-direction: column; } }
.component-25764 {
  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-25764:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25764 { flex-direction: column; } }
.component-25765 {
  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-25765:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25765 { flex-direction: column; } }
.component-25766 {
  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-25766:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25766 { flex-direction: column; } }
.component-25767 {
  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-25767:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25767 { flex-direction: column; } }
.component-25768 {
  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-25768:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25768 { flex-direction: column; } }
.component-25769 {
  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-25769:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25769 { flex-direction: column; } }
.component-25770 {
  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-25770:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25770 { flex-direction: column; } }
.component-25771 {
  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-25771:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25771 { flex-direction: column; } }
.component-25772 {
  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-25772:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25772 { flex-direction: column; } }
.component-25773 {
  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-25773:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25773 { flex-direction: column; } }
.component-25774 {
  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-25774:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25774 { flex-direction: column; } }
.component-25775 {
  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-25775:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25775 { flex-direction: column; } }
.component-25776 {
  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-25776:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25776 { flex-direction: column; } }
.component-25777 {
  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-25777:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25777 { flex-direction: column; } }
.component-25778 {
  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-25778:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25778 { flex-direction: column; } }
.component-25779 {
  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-25779:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25779 { flex-direction: column; } }
.component-25780 {
  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-25780:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25780 { flex-direction: column; } }
.component-25781 {
  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-25781:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25781 { flex-direction: column; } }
.component-25782 {
  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-25782:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25782 { flex-direction: column; } }
.component-25783 {
  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-25783:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25783 { flex-direction: column; } }
.component-25784 {
  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-25784:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25784 { flex-direction: column; } }
.component-25785 {
  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-25785:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25785 { flex-direction: column; } }
.component-25786 {
  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-25786:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25786 { flex-direction: column; } }
.component-25787 {
  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-25787:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25787 { flex-direction: column; } }
.component-25788 {
  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-25788:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25788 { flex-direction: column; } }
.component-25789 {
  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-25789:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25789 { flex-direction: column; } }
.component-25790 {
  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-25790:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25790 { flex-direction: column; } }
.component-25791 {
  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-25791:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25791 { flex-direction: column; } }
.component-25792 {
  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-25792:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25792 { flex-direction: column; } }
.component-25793 {
  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-25793:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25793 { flex-direction: column; } }
.component-25794 {
  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-25794:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25794 { flex-direction: column; } }
.component-25795 {
  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-25795:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25795 { flex-direction: column; } }
.component-25796 {
  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-25796:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25796 { flex-direction: column; } }
.component-25797 {
  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-25797:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25797 { flex-direction: column; } }
.component-25798 {
  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-25798:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25798 { flex-direction: column; } }
.component-25799 {
  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-25799:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25799 { flex-direction: column; } }
.component-25800 {
  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-25800:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25800 { flex-direction: column; } }
.component-25801 {
  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-25801:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25801 { flex-direction: column; } }
.component-25802 {
  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-25802:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25802 { flex-direction: column; } }
.component-25803 {
  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-25803:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25803 { flex-direction: column; } }
.component-25804 {
  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-25804:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25804 { flex-direction: column; } }
.component-25805 {
  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-25805:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25805 { flex-direction: column; } }
.component-25806 {
  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-25806:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25806 { flex-direction: column; } }
.component-25807 {
  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-25807:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25807 { flex-direction: column; } }
.component-25808 {
  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-25808:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25808 { flex-direction: column; } }
.component-25809 {
  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-25809:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25809 { flex-direction: column; } }
.component-25810 {
  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-25810:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25810 { flex-direction: column; } }
.component-25811 {
  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-25811:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25811 { flex-direction: column; } }
.component-25812 {
  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-25812:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25812 { flex-direction: column; } }
.component-25813 {
  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-25813:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25813 { flex-direction: column; } }
.component-25814 {
  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-25814:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25814 { flex-direction: column; } }
.component-25815 {
  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-25815:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25815 { flex-direction: column; } }
.component-25816 {
  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-25816:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25816 { flex-direction: column; } }
.component-25817 {
  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-25817:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25817 { flex-direction: column; } }
.component-25818 {
  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-25818:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25818 { flex-direction: column; } }
.component-25819 {
  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-25819:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25819 { flex-direction: column; } }
.component-25820 {
  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-25820:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25820 { flex-direction: column; } }
.component-25821 {
  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-25821:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25821 { flex-direction: column; } }
.component-25822 {
  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-25822:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25822 { flex-direction: column; } }
.component-25823 {
  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-25823:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25823 { flex-direction: column; } }
.component-25824 {
  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-25824:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25824 { flex-direction: column; } }
.component-25825 {
  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-25825:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25825 { flex-direction: column; } }
.component-25826 {
  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-25826:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25826 { flex-direction: column; } }
.component-25827 {
  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-25827:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25827 { flex-direction: column; } }
.component-25828 {
  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-25828:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25828 { flex-direction: column; } }
.component-25829 {
  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-25829:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25829 { flex-direction: column; } }
.component-25830 {
  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-25830:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25830 { flex-direction: column; } }
.component-25831 {
  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-25831:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25831 { flex-direction: column; } }
.component-25832 {
  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-25832:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25832 { flex-direction: column; } }
.component-25833 {
  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-25833:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25833 { flex-direction: column; } }
.component-25834 {
  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-25834:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25834 { flex-direction: column; } }
.component-25835 {
  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-25835:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25835 { flex-direction: column; } }
.component-25836 {
  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-25836:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25836 { flex-direction: column; } }
.component-25837 {
  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-25837:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25837 { flex-direction: column; } }
.component-25838 {
  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-25838:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25838 { flex-direction: column; } }
.component-25839 {
  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-25839:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25839 { flex-direction: column; } }
.component-25840 {
  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-25840:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25840 { flex-direction: column; } }
.component-25841 {
  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-25841:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25841 { flex-direction: column; } }
.component-25842 {
  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-25842:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25842 { flex-direction: column; } }
.component-25843 {
  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-25843:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25843 { flex-direction: column; } }
.component-25844 {
  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-25844:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25844 { flex-direction: column; } }
.component-25845 {
  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-25845:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25845 { flex-direction: column; } }
.component-25846 {
  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-25846:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25846 { flex-direction: column; } }
.component-25847 {
  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-25847:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25847 { flex-direction: column; } }
.component-25848 {
  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-25848:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25848 { flex-direction: column; } }
.component-25849 {
  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-25849:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25849 { flex-direction: column; } }
.component-25850 {
  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-25850:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25850 { flex-direction: column; } }
.component-25851 {
  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-25851:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25851 { flex-direction: column; } }
.component-25852 {
  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-25852:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25852 { flex-direction: column; } }
.component-25853 {
  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-25853:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25853 { flex-direction: column; } }
.component-25854 {
  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-25854:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25854 { flex-direction: column; } }
.component-25855 {
  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-25855:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25855 { flex-direction: column; } }
.component-25856 {
  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-25856:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25856 { flex-direction: column; } }
.component-25857 {
  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-25857:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25857 { flex-direction: column; } }
.component-25858 {
  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-25858:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25858 { flex-direction: column; } }
.component-25859 {
  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-25859:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25859 { flex-direction: column; } }
.component-25860 {
  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-25860:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25860 { flex-direction: column; } }
.component-25861 {
  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-25861:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25861 { flex-direction: column; } }
.component-25862 {
  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-25862:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25862 { flex-direction: column; } }
.component-25863 {
  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-25863:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25863 { flex-direction: column; } }
.component-25864 {
  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-25864:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25864 { flex-direction: column; } }
.component-25865 {
  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-25865:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25865 { flex-direction: column; } }
.component-25866 {
  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-25866:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25866 { flex-direction: column; } }
.component-25867 {
  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-25867:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25867 { flex-direction: column; } }
.component-25868 {
  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-25868:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25868 { flex-direction: column; } }
.component-25869 {
  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-25869:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25869 { flex-direction: column; } }
.component-25870 {
  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-25870:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25870 { flex-direction: column; } }
.component-25871 {
  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-25871:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25871 { flex-direction: column; } }
.component-25872 {
  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-25872:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25872 { flex-direction: column; } }
.component-25873 {
  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-25873:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25873 { flex-direction: column; } }
.component-25874 {
  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-25874:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25874 { flex-direction: column; } }
.component-25875 {
  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-25875:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25875 { flex-direction: column; } }
.component-25876 {
  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-25876:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25876 { flex-direction: column; } }
.component-25877 {
  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-25877:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25877 { flex-direction: column; } }
.component-25878 {
  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-25878:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25878 { flex-direction: column; } }
.component-25879 {
  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-25879:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25879 { flex-direction: column; } }
.component-25880 {
  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-25880:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25880 { flex-direction: column; } }
.component-25881 {
  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-25881:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25881 { flex-direction: column; } }
.component-25882 {
  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-25882:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25882 { flex-direction: column; } }
.component-25883 {
  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-25883:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25883 { flex-direction: column; } }
.component-25884 {
  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-25884:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25884 { flex-direction: column; } }
.component-25885 {
  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-25885:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25885 { flex-direction: column; } }
.component-25886 {
  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-25886:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25886 { flex-direction: column; } }
.component-25887 {
  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-25887:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25887 { flex-direction: column; } }
.component-25888 {
  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-25888:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25888 { flex-direction: column; } }
.component-25889 {
  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-25889:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25889 { flex-direction: column; } }
.component-25890 {
  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-25890:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25890 { flex-direction: column; } }
.component-25891 {
  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-25891:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25891 { flex-direction: column; } }
.component-25892 {
  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-25892:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25892 { flex-direction: column; } }
.component-25893 {
  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-25893:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25893 { flex-direction: column; } }
.component-25894 {
  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-25894:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25894 { flex-direction: column; } }
.component-25895 {
  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-25895:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25895 { flex-direction: column; } }
.component-25896 {
  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-25896:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25896 { flex-direction: column; } }
.component-25897 {
  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-25897:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25897 { flex-direction: column; } }
.component-25898 {
  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-25898:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25898 { flex-direction: column; } }
.component-25899 {
  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-25899:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25899 { flex-direction: column; } }
.component-25900 {
  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-25900:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25900 { flex-direction: column; } }
.component-25901 {
  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-25901:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25901 { flex-direction: column; } }
.component-25902 {
  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-25902:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25902 { flex-direction: column; } }
.component-25903 {
  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-25903:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25903 { flex-direction: column; } }
.component-25904 {
  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-25904:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25904 { flex-direction: column; } }
.component-25905 {
  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-25905:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25905 { flex-direction: column; } }
.component-25906 {
  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-25906:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25906 { flex-direction: column; } }
.component-25907 {
  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-25907:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25907 { flex-direction: column; } }
.component-25908 {
  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-25908:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25908 { flex-direction: column; } }
.component-25909 {
  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-25909:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25909 { flex-direction: column; } }
.component-25910 {
  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-25910:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25910 { flex-direction: column; } }
.component-25911 {
  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-25911:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25911 { flex-direction: column; } }
.component-25912 {
  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-25912:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25912 { flex-direction: column; } }
.component-25913 {
  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-25913:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25913 { flex-direction: column; } }
.component-25914 {
  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-25914:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25914 { flex-direction: column; } }
.component-25915 {
  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-25915:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25915 { flex-direction: column; } }
.component-25916 {
  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-25916:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25916 { flex-direction: column; } }
.component-25917 {
  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-25917:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25917 { flex-direction: column; } }
.component-25918 {
  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-25918:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25918 { flex-direction: column; } }
.component-25919 {
  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-25919:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25919 { flex-direction: column; } }
.component-25920 {
  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-25920:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25920 { flex-direction: column; } }
.component-25921 {
  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-25921:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25921 { flex-direction: column; } }
.component-25922 {
  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-25922:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25922 { flex-direction: column; } }
.component-25923 {
  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-25923:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25923 { flex-direction: column; } }
.component-25924 {
  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-25924:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25924 { flex-direction: column; } }
.component-25925 {
  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-25925:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25925 { flex-direction: column; } }
.component-25926 {
  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-25926:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25926 { flex-direction: column; } }
.component-25927 {
  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-25927:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25927 { flex-direction: column; } }
.component-25928 {
  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-25928:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25928 { flex-direction: column; } }
.component-25929 {
  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-25929:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25929 { flex-direction: column; } }
.component-25930 {
  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-25930:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25930 { flex-direction: column; } }
.component-25931 {
  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-25931:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25931 { flex-direction: column; } }
.component-25932 {
  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-25932:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25932 { flex-direction: column; } }
.component-25933 {
  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-25933:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25933 { flex-direction: column; } }
.component-25934 {
  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-25934:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25934 { flex-direction: column; } }
.component-25935 {
  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-25935:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25935 { flex-direction: column; } }
.component-25936 {
  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-25936:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25936 { flex-direction: column; } }
.component-25937 {
  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-25937:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25937 { flex-direction: column; } }
.component-25938 {
  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-25938:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25938 { flex-direction: column; } }
.component-25939 {
  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-25939:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25939 { flex-direction: column; } }
.component-25940 {
  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-25940:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25940 { flex-direction: column; } }
.component-25941 {
  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-25941:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25941 { flex-direction: column; } }
.component-25942 {
  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-25942:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25942 { flex-direction: column; } }
.component-25943 {
  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-25943:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25943 { flex-direction: column; } }
.component-25944 {
  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-25944:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25944 { flex-direction: column; } }
.component-25945 {
  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-25945:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25945 { flex-direction: column; } }
.component-25946 {
  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-25946:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25946 { flex-direction: column; } }
.component-25947 {
  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-25947:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25947 { flex-direction: column; } }
.component-25948 {
  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-25948:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25948 { flex-direction: column; } }
.component-25949 {
  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-25949:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25949 { flex-direction: column; } }
.component-25950 {
  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-25950:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25950 { flex-direction: column; } }
.component-25951 {
  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-25951:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25951 { flex-direction: column; } }
.component-25952 {
  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-25952:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25952 { flex-direction: column; } }
.component-25953 {
  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-25953:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25953 { flex-direction: column; } }
.component-25954 {
  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-25954:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25954 { flex-direction: column; } }
.component-25955 {
  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-25955:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25955 { flex-direction: column; } }
.component-25956 {
  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-25956:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25956 { flex-direction: column; } }
.component-25957 {
  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-25957:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25957 { flex-direction: column; } }
.component-25958 {
  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-25958:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25958 { flex-direction: column; } }
.component-25959 {
  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-25959:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25959 { flex-direction: column; } }
.component-25960 {
  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-25960:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25960 { flex-direction: column; } }
.component-25961 {
  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-25961:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25961 { flex-direction: column; } }
.component-25962 {
  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-25962:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25962 { flex-direction: column; } }
.component-25963 {
  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-25963:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25963 { flex-direction: column; } }
.component-25964 {
  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-25964:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25964 { flex-direction: column; } }
.component-25965 {
  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-25965:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25965 { flex-direction: column; } }
.component-25966 {
  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-25966:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25966 { flex-direction: column; } }
.component-25967 {
  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-25967:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25967 { flex-direction: column; } }
.component-25968 {
  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-25968:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25968 { flex-direction: column; } }
.component-25969 {
  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-25969:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25969 { flex-direction: column; } }
.component-25970 {
  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-25970:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25970 { flex-direction: column; } }
.component-25971 {
  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-25971:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25971 { flex-direction: column; } }
.component-25972 {
  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-25972:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25972 { flex-direction: column; } }
.component-25973 {
  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-25973:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25973 { flex-direction: column; } }
.component-25974 {
  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-25974:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25974 { flex-direction: column; } }
.component-25975 {
  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-25975:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25975 { flex-direction: column; } }
.component-25976 {
  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-25976:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25976 { flex-direction: column; } }
.component-25977 {
  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-25977:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25977 { flex-direction: column; } }
.component-25978 {
  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-25978:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25978 { flex-direction: column; } }
.component-25979 {
  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-25979:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25979 { flex-direction: column; } }
.component-25980 {
  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-25980:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25980 { flex-direction: column; } }
.component-25981 {
  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-25981:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25981 { flex-direction: column; } }
.component-25982 {
  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-25982:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25982 { flex-direction: column; } }
.component-25983 {
  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-25983:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25983 { flex-direction: column; } }
.component-25984 {
  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-25984:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25984 { flex-direction: column; } }
.component-25985 {
  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-25985:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-25985 { flex-direction: column; } }
.component-25986 {
  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-25986:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-25986 { flex-direction: column; } }
.component-25987 {
  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-25987:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-25987 { flex-direction: column; } }
.component-25988 {
  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-25988:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-25988 { flex-direction: column; } }
.component-25989 {
  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-25989:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-25989 { flex-direction: column; } }
.component-25990 {
  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-25990:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-25990 { flex-direction: column; } }
.component-25991 {
  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-25991:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-25991 { flex-direction: column; } }
.component-25992 {
  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-25992:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-25992 { flex-direction: column; } }
.component-25993 {
  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-25993:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-25993 { flex-direction: column; } }
.component-25994 {
  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-25994:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-25994 { flex-direction: column; } }
.component-25995 {
  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-25995:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-25995 { flex-direction: column; } }
.component-25996 {
  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-25996:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-25996 { flex-direction: column; } }
.component-25997 {
  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-25997:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-25997 { flex-direction: column; } }
.component-25998 {
  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-25998:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-25998 { flex-direction: column; } }
.component-25999 {
  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-25999:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-25999 { flex-direction: column; } }
.component-26000 {
  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-26000:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26000 { flex-direction: column; } }
.component-26001 {
  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-26001:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26001 { flex-direction: column; } }
.component-26002 {
  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-26002:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26002 { flex-direction: column; } }
.component-26003 {
  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-26003:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26003 { flex-direction: column; } }
.component-26004 {
  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-26004:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26004 { flex-direction: column; } }
.component-26005 {
  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-26005:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26005 { flex-direction: column; } }
.component-26006 {
  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-26006:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26006 { flex-direction: column; } }
.component-26007 {
  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-26007:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26007 { flex-direction: column; } }
.component-26008 {
  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-26008:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26008 { flex-direction: column; } }
.component-26009 {
  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-26009:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26009 { flex-direction: column; } }
.component-26010 {
  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-26010:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26010 { flex-direction: column; } }
.component-26011 {
  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-26011:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26011 { flex-direction: column; } }
.component-26012 {
  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-26012:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26012 { flex-direction: column; } }
.component-26013 {
  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-26013:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26013 { flex-direction: column; } }
.component-26014 {
  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-26014:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26014 { flex-direction: column; } }
.component-26015 {
  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-26015:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26015 { flex-direction: column; } }
.component-26016 {
  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-26016:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26016 { flex-direction: column; } }
.component-26017 {
  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-26017:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26017 { flex-direction: column; } }
.component-26018 {
  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-26018:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26018 { flex-direction: column; } }
.component-26019 {
  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-26019:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26019 { flex-direction: column; } }
.component-26020 {
  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-26020:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26020 { flex-direction: column; } }
.component-26021 {
  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-26021:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26021 { flex-direction: column; } }
.component-26022 {
  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-26022:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26022 { flex-direction: column; } }
.component-26023 {
  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-26023:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26023 { flex-direction: column; } }
.component-26024 {
  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-26024:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26024 { flex-direction: column; } }
.component-26025 {
  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-26025:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26025 { flex-direction: column; } }
.component-26026 {
  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-26026:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26026 { flex-direction: column; } }
.component-26027 {
  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-26027:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26027 { flex-direction: column; } }
.component-26028 {
  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-26028:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26028 { flex-direction: column; } }
.component-26029 {
  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-26029:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26029 { flex-direction: column; } }
.component-26030 {
  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-26030:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26030 { flex-direction: column; } }
.component-26031 {
  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-26031:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26031 { flex-direction: column; } }
.component-26032 {
  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-26032:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26032 { flex-direction: column; } }
.component-26033 {
  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-26033:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26033 { flex-direction: column; } }
.component-26034 {
  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-26034:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26034 { flex-direction: column; } }
.component-26035 {
  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-26035:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26035 { flex-direction: column; } }
.component-26036 {
  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-26036:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26036 { flex-direction: column; } }
.component-26037 {
  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-26037:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26037 { flex-direction: column; } }
.component-26038 {
  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-26038:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26038 { flex-direction: column; } }
.component-26039 {
  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-26039:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26039 { flex-direction: column; } }
.component-26040 {
  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-26040:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26040 { flex-direction: column; } }
.component-26041 {
  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-26041:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26041 { flex-direction: column; } }
.component-26042 {
  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-26042:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26042 { flex-direction: column; } }
.component-26043 {
  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-26043:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26043 { flex-direction: column; } }
.component-26044 {
  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-26044:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26044 { flex-direction: column; } }
.component-26045 {
  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-26045:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26045 { flex-direction: column; } }
.component-26046 {
  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-26046:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26046 { flex-direction: column; } }
.component-26047 {
  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-26047:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26047 { flex-direction: column; } }
.component-26048 {
  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-26048:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26048 { flex-direction: column; } }
.component-26049 {
  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-26049:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26049 { flex-direction: column; } }
.component-26050 {
  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-26050:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26050 { flex-direction: column; } }
.component-26051 {
  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-26051:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26051 { flex-direction: column; } }
.component-26052 {
  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-26052:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26052 { flex-direction: column; } }
.component-26053 {
  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-26053:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26053 { flex-direction: column; } }
.component-26054 {
  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-26054:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26054 { flex-direction: column; } }
.component-26055 {
  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-26055:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26055 { flex-direction: column; } }
.component-26056 {
  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-26056:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26056 { flex-direction: column; } }
.component-26057 {
  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-26057:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26057 { flex-direction: column; } }
.component-26058 {
  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-26058:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26058 { flex-direction: column; } }
.component-26059 {
  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-26059:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26059 { flex-direction: column; } }
.component-26060 {
  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-26060:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26060 { flex-direction: column; } }
.component-26061 {
  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-26061:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26061 { flex-direction: column; } }
.component-26062 {
  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-26062:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26062 { flex-direction: column; } }
.component-26063 {
  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-26063:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26063 { flex-direction: column; } }
.component-26064 {
  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-26064:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26064 { flex-direction: column; } }
.component-26065 {
  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-26065:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26065 { flex-direction: column; } }
.component-26066 {
  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-26066:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26066 { flex-direction: column; } }
.component-26067 {
  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-26067:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26067 { flex-direction: column; } }
.component-26068 {
  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-26068:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26068 { flex-direction: column; } }
.component-26069 {
  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-26069:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26069 { flex-direction: column; } }
.component-26070 {
  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-26070:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26070 { flex-direction: column; } }
.component-26071 {
  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-26071:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26071 { flex-direction: column; } }
.component-26072 {
  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-26072:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26072 { flex-direction: column; } }
.component-26073 {
  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-26073:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26073 { flex-direction: column; } }
.component-26074 {
  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-26074:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26074 { flex-direction: column; } }
.component-26075 {
  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-26075:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26075 { flex-direction: column; } }
.component-26076 {
  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-26076:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26076 { flex-direction: column; } }
.component-26077 {
  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-26077:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26077 { flex-direction: column; } }
.component-26078 {
  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-26078:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26078 { flex-direction: column; } }
.component-26079 {
  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-26079:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26079 { flex-direction: column; } }
.component-26080 {
  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-26080:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26080 { flex-direction: column; } }
.component-26081 {
  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-26081:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26081 { flex-direction: column; } }
.component-26082 {
  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-26082:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26082 { flex-direction: column; } }
.component-26083 {
  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-26083:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26083 { flex-direction: column; } }
.component-26084 {
  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-26084:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26084 { flex-direction: column; } }
.component-26085 {
  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-26085:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26085 { flex-direction: column; } }
.component-26086 {
  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-26086:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26086 { flex-direction: column; } }
.component-26087 {
  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-26087:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26087 { flex-direction: column; } }
.component-26088 {
  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-26088:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26088 { flex-direction: column; } }
.component-26089 {
  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-26089:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26089 { flex-direction: column; } }
.component-26090 {
  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-26090:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26090 { flex-direction: column; } }
.component-26091 {
  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-26091:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26091 { flex-direction: column; } }
.component-26092 {
  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-26092:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26092 { flex-direction: column; } }
.component-26093 {
  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-26093:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26093 { flex-direction: column; } }
.component-26094 {
  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-26094:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26094 { flex-direction: column; } }
.component-26095 {
  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-26095:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26095 { flex-direction: column; } }
.component-26096 {
  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-26096:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26096 { flex-direction: column; } }
.component-26097 {
  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-26097:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26097 { flex-direction: column; } }
.component-26098 {
  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-26098:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26098 { flex-direction: column; } }
.component-26099 {
  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-26099:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26099 { flex-direction: column; } }
.component-26100 {
  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-26100:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26100 { flex-direction: column; } }
.component-26101 {
  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-26101:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26101 { flex-direction: column; } }
.component-26102 {
  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-26102:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26102 { flex-direction: column; } }
.component-26103 {
  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-26103:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26103 { flex-direction: column; } }
.component-26104 {
  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-26104:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26104 { flex-direction: column; } }
.component-26105 {
  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-26105:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26105 { flex-direction: column; } }
.component-26106 {
  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-26106:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26106 { flex-direction: column; } }
.component-26107 {
  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-26107:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26107 { flex-direction: column; } }
.component-26108 {
  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-26108:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26108 { flex-direction: column; } }
.component-26109 {
  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-26109:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26109 { flex-direction: column; } }
.component-26110 {
  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-26110:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26110 { flex-direction: column; } }
.component-26111 {
  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-26111:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26111 { flex-direction: column; } }
.component-26112 {
  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-26112:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26112 { flex-direction: column; } }
.component-26113 {
  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-26113:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26113 { flex-direction: column; } }
.component-26114 {
  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-26114:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26114 { flex-direction: column; } }
.component-26115 {
  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-26115:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26115 { flex-direction: column; } }
.component-26116 {
  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-26116:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26116 { flex-direction: column; } }
.component-26117 {
  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-26117:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26117 { flex-direction: column; } }
.component-26118 {
  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-26118:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26118 { flex-direction: column; } }
.component-26119 {
  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-26119:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26119 { flex-direction: column; } }
.component-26120 {
  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-26120:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26120 { flex-direction: column; } }
.component-26121 {
  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-26121:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26121 { flex-direction: column; } }
.component-26122 {
  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-26122:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26122 { flex-direction: column; } }
.component-26123 {
  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-26123:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26123 { flex-direction: column; } }
.component-26124 {
  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-26124:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26124 { flex-direction: column; } }
.component-26125 {
  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-26125:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26125 { flex-direction: column; } }
.component-26126 {
  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-26126:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26126 { flex-direction: column; } }
.component-26127 {
  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-26127:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26127 { flex-direction: column; } }
.component-26128 {
  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-26128:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26128 { flex-direction: column; } }
.component-26129 {
  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-26129:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26129 { flex-direction: column; } }
.component-26130 {
  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-26130:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26130 { flex-direction: column; } }
.component-26131 {
  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-26131:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26131 { flex-direction: column; } }
.component-26132 {
  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-26132:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26132 { flex-direction: column; } }
.component-26133 {
  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-26133:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26133 { flex-direction: column; } }
.component-26134 {
  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-26134:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26134 { flex-direction: column; } }
.component-26135 {
  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-26135:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26135 { flex-direction: column; } }
.component-26136 {
  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-26136:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26136 { flex-direction: column; } }
.component-26137 {
  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-26137:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26137 { flex-direction: column; } }
.component-26138 {
  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-26138:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26138 { flex-direction: column; } }
.component-26139 {
  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-26139:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26139 { flex-direction: column; } }
.component-26140 {
  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-26140:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26140 { flex-direction: column; } }
.component-26141 {
  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-26141:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26141 { flex-direction: column; } }
.component-26142 {
  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-26142:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26142 { flex-direction: column; } }
.component-26143 {
  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-26143:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26143 { flex-direction: column; } }
.component-26144 {
  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-26144:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26144 { flex-direction: column; } }
.component-26145 {
  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-26145:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26145 { flex-direction: column; } }
.component-26146 {
  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-26146:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26146 { flex-direction: column; } }
.component-26147 {
  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-26147:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26147 { flex-direction: column; } }
.component-26148 {
  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-26148:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26148 { flex-direction: column; } }
.component-26149 {
  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-26149:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26149 { flex-direction: column; } }
.component-26150 {
  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-26150:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26150 { flex-direction: column; } }
.component-26151 {
  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-26151:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26151 { flex-direction: column; } }
.component-26152 {
  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-26152:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26152 { flex-direction: column; } }
.component-26153 {
  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-26153:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26153 { flex-direction: column; } }
.component-26154 {
  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-26154:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26154 { flex-direction: column; } }
.component-26155 {
  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-26155:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26155 { flex-direction: column; } }
.component-26156 {
  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-26156:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26156 { flex-direction: column; } }
.component-26157 {
  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-26157:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26157 { flex-direction: column; } }
.component-26158 {
  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-26158:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26158 { flex-direction: column; } }
.component-26159 {
  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-26159:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26159 { flex-direction: column; } }
.component-26160 {
  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-26160:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26160 { flex-direction: column; } }
.component-26161 {
  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-26161:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26161 { flex-direction: column; } }
.component-26162 {
  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-26162:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26162 { flex-direction: column; } }
.component-26163 {
  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-26163:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26163 { flex-direction: column; } }
.component-26164 {
  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-26164:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26164 { flex-direction: column; } }
.component-26165 {
  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-26165:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26165 { flex-direction: column; } }
.component-26166 {
  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-26166:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26166 { flex-direction: column; } }
.component-26167 {
  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-26167:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26167 { flex-direction: column; } }
.component-26168 {
  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-26168:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26168 { flex-direction: column; } }
.component-26169 {
  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-26169:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26169 { flex-direction: column; } }
.component-26170 {
  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-26170:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26170 { flex-direction: column; } }
.component-26171 {
  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-26171:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26171 { flex-direction: column; } }
.component-26172 {
  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-26172:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26172 { flex-direction: column; } }
.component-26173 {
  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-26173:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26173 { flex-direction: column; } }
.component-26174 {
  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-26174:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26174 { flex-direction: column; } }
.component-26175 {
  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-26175:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26175 { flex-direction: column; } }
.component-26176 {
  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-26176:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26176 { flex-direction: column; } }
.component-26177 {
  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-26177:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26177 { flex-direction: column; } }
.component-26178 {
  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-26178:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26178 { flex-direction: column; } }
.component-26179 {
  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-26179:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26179 { flex-direction: column; } }
.component-26180 {
  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-26180:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26180 { flex-direction: column; } }
.component-26181 {
  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-26181:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26181 { flex-direction: column; } }
.component-26182 {
  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-26182:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26182 { flex-direction: column; } }
.component-26183 {
  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-26183:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26183 { flex-direction: column; } }
.component-26184 {
  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-26184:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26184 { flex-direction: column; } }
.component-26185 {
  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-26185:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26185 { flex-direction: column; } }
.component-26186 {
  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-26186:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26186 { flex-direction: column; } }
.component-26187 {
  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-26187:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26187 { flex-direction: column; } }
.component-26188 {
  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-26188:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26188 { flex-direction: column; } }
.component-26189 {
  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-26189:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26189 { flex-direction: column; } }
.component-26190 {
  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-26190:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26190 { flex-direction: column; } }
.component-26191 {
  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-26191:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26191 { flex-direction: column; } }
.component-26192 {
  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-26192:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26192 { flex-direction: column; } }
.component-26193 {
  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-26193:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26193 { flex-direction: column; } }
.component-26194 {
  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-26194:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26194 { flex-direction: column; } }
.component-26195 {
  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-26195:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26195 { flex-direction: column; } }
.component-26196 {
  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-26196:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26196 { flex-direction: column; } }
.component-26197 {
  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-26197:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26197 { flex-direction: column; } }
.component-26198 {
  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-26198:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26198 { flex-direction: column; } }
.component-26199 {
  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-26199:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26199 { flex-direction: column; } }
.component-26200 {
  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-26200:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26200 { flex-direction: column; } }
.component-26201 {
  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-26201:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26201 { flex-direction: column; } }
.component-26202 {
  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-26202:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26202 { flex-direction: column; } }
.component-26203 {
  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-26203:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26203 { flex-direction: column; } }
.component-26204 {
  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-26204:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26204 { flex-direction: column; } }
.component-26205 {
  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-26205:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26205 { flex-direction: column; } }
.component-26206 {
  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-26206:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26206 { flex-direction: column; } }
.component-26207 {
  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-26207:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26207 { flex-direction: column; } }
.component-26208 {
  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-26208:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26208 { flex-direction: column; } }
.component-26209 {
  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-26209:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26209 { flex-direction: column; } }
.component-26210 {
  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-26210:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26210 { flex-direction: column; } }
.component-26211 {
  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-26211:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26211 { flex-direction: column; } }
.component-26212 {
  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-26212:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26212 { flex-direction: column; } }
.component-26213 {
  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-26213:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26213 { flex-direction: column; } }
.component-26214 {
  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-26214:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26214 { flex-direction: column; } }
.component-26215 {
  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-26215:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26215 { flex-direction: column; } }
.component-26216 {
  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-26216:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26216 { flex-direction: column; } }
.component-26217 {
  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-26217:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26217 { flex-direction: column; } }
.component-26218 {
  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-26218:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26218 { flex-direction: column; } }
.component-26219 {
  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-26219:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26219 { flex-direction: column; } }
.component-26220 {
  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-26220:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26220 { flex-direction: column; } }
.component-26221 {
  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-26221:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26221 { flex-direction: column; } }
.component-26222 {
  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-26222:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26222 { flex-direction: column; } }
.component-26223 {
  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-26223:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26223 { flex-direction: column; } }
.component-26224 {
  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-26224:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26224 { flex-direction: column; } }
.component-26225 {
  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-26225:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26225 { flex-direction: column; } }
.component-26226 {
  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-26226:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26226 { flex-direction: column; } }
.component-26227 {
  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-26227:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26227 { flex-direction: column; } }
.component-26228 {
  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-26228:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26228 { flex-direction: column; } }
.component-26229 {
  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-26229:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26229 { flex-direction: column; } }
.component-26230 {
  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-26230:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26230 { flex-direction: column; } }
.component-26231 {
  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-26231:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26231 { flex-direction: column; } }
.component-26232 {
  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-26232:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26232 { flex-direction: column; } }
.component-26233 {
  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-26233:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26233 { flex-direction: column; } }
.component-26234 {
  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-26234:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26234 { flex-direction: column; } }
.component-26235 {
  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-26235:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26235 { flex-direction: column; } }
.component-26236 {
  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-26236:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26236 { flex-direction: column; } }
.component-26237 {
  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-26237:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26237 { flex-direction: column; } }
.component-26238 {
  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-26238:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26238 { flex-direction: column; } }
.component-26239 {
  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-26239:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26239 { flex-direction: column; } }
.component-26240 {
  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-26240:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26240 { flex-direction: column; } }
.component-26241 {
  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-26241:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26241 { flex-direction: column; } }
.component-26242 {
  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-26242:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26242 { flex-direction: column; } }
.component-26243 {
  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-26243:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26243 { flex-direction: column; } }
.component-26244 {
  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-26244:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26244 { flex-direction: column; } }
.component-26245 {
  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-26245:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26245 { flex-direction: column; } }
.component-26246 {
  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-26246:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26246 { flex-direction: column; } }
.component-26247 {
  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-26247:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26247 { flex-direction: column; } }
.component-26248 {
  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-26248:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26248 { flex-direction: column; } }
.component-26249 {
  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-26249:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26249 { flex-direction: column; } }
.component-26250 {
  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-26250:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26250 { flex-direction: column; } }
.component-26251 {
  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-26251:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26251 { flex-direction: column; } }
.component-26252 {
  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-26252:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26252 { flex-direction: column; } }
.component-26253 {
  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-26253:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26253 { flex-direction: column; } }
.component-26254 {
  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-26254:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26254 { flex-direction: column; } }
.component-26255 {
  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-26255:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26255 { flex-direction: column; } }
.component-26256 {
  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-26256:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26256 { flex-direction: column; } }
.component-26257 {
  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-26257:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26257 { flex-direction: column; } }
.component-26258 {
  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-26258:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26258 { flex-direction: column; } }
.component-26259 {
  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-26259:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26259 { flex-direction: column; } }
.component-26260 {
  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-26260:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26260 { flex-direction: column; } }
.component-26261 {
  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-26261:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26261 { flex-direction: column; } }
.component-26262 {
  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-26262:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26262 { flex-direction: column; } }
.component-26263 {
  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-26263:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26263 { flex-direction: column; } }
.component-26264 {
  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-26264:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26264 { flex-direction: column; } }
.component-26265 {
  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-26265:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26265 { flex-direction: column; } }
.component-26266 {
  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-26266:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26266 { flex-direction: column; } }
.component-26267 {
  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-26267:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26267 { flex-direction: column; } }
.component-26268 {
  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-26268:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26268 { flex-direction: column; } }
.component-26269 {
  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-26269:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26269 { flex-direction: column; } }
.component-26270 {
  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-26270:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26270 { flex-direction: column; } }
.component-26271 {
  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-26271:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26271 { flex-direction: column; } }
.component-26272 {
  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-26272:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26272 { flex-direction: column; } }
.component-26273 {
  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-26273:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26273 { flex-direction: column; } }
.component-26274 {
  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-26274:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26274 { flex-direction: column; } }
.component-26275 {
  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-26275:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26275 { flex-direction: column; } }
.component-26276 {
  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-26276:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26276 { flex-direction: column; } }
.component-26277 {
  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-26277:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26277 { flex-direction: column; } }
.component-26278 {
  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-26278:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26278 { flex-direction: column; } }
.component-26279 {
  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-26279:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26279 { flex-direction: column; } }
.component-26280 {
  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-26280:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26280 { flex-direction: column; } }
.component-26281 {
  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-26281:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26281 { flex-direction: column; } }
.component-26282 {
  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-26282:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26282 { flex-direction: column; } }
.component-26283 {
  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-26283:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26283 { flex-direction: column; } }
.component-26284 {
  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-26284:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26284 { flex-direction: column; } }
.component-26285 {
  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-26285:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26285 { flex-direction: column; } }
.component-26286 {
  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-26286:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26286 { flex-direction: column; } }
.component-26287 {
  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-26287:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26287 { flex-direction: column; } }
.component-26288 {
  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-26288:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26288 { flex-direction: column; } }
.component-26289 {
  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-26289:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26289 { flex-direction: column; } }
.component-26290 {
  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-26290:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26290 { flex-direction: column; } }
.component-26291 {
  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-26291:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26291 { flex-direction: column; } }
.component-26292 {
  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-26292:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26292 { flex-direction: column; } }
.component-26293 {
  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-26293:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26293 { flex-direction: column; } }
.component-26294 {
  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-26294:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26294 { flex-direction: column; } }
.component-26295 {
  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-26295:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26295 { flex-direction: column; } }
.component-26296 {
  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-26296:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26296 { flex-direction: column; } }
.component-26297 {
  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-26297:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26297 { flex-direction: column; } }
.component-26298 {
  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-26298:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26298 { flex-direction: column; } }
.component-26299 {
  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-26299:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26299 { flex-direction: column; } }
.component-26300 {
  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-26300:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26300 { flex-direction: column; } }
.component-26301 {
  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-26301:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26301 { flex-direction: column; } }
.component-26302 {
  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-26302:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26302 { flex-direction: column; } }
.component-26303 {
  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-26303:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26303 { flex-direction: column; } }
.component-26304 {
  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-26304:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26304 { flex-direction: column; } }
.component-26305 {
  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-26305:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26305 { flex-direction: column; } }
.component-26306 {
  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-26306:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26306 { flex-direction: column; } }
.component-26307 {
  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-26307:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26307 { flex-direction: column; } }
.component-26308 {
  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-26308:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26308 { flex-direction: column; } }
.component-26309 {
  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-26309:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26309 { flex-direction: column; } }
.component-26310 {
  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-26310:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26310 { flex-direction: column; } }
.component-26311 {
  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-26311:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26311 { flex-direction: column; } }
.component-26312 {
  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-26312:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26312 { flex-direction: column; } }
.component-26313 {
  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-26313:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26313 { flex-direction: column; } }
.component-26314 {
  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-26314:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26314 { flex-direction: column; } }
.component-26315 {
  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-26315:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26315 { flex-direction: column; } }
.component-26316 {
  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-26316:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26316 { flex-direction: column; } }
.component-26317 {
  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-26317:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26317 { flex-direction: column; } }
.component-26318 {
  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-26318:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26318 { flex-direction: column; } }
.component-26319 {
  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-26319:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26319 { flex-direction: column; } }
.component-26320 {
  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-26320:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26320 { flex-direction: column; } }
.component-26321 {
  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-26321:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26321 { flex-direction: column; } }
.component-26322 {
  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-26322:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26322 { flex-direction: column; } }
.component-26323 {
  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-26323:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26323 { flex-direction: column; } }
.component-26324 {
  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-26324:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26324 { flex-direction: column; } }
.component-26325 {
  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-26325:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26325 { flex-direction: column; } }
.component-26326 {
  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-26326:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26326 { flex-direction: column; } }
.component-26327 {
  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-26327:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26327 { flex-direction: column; } }
.component-26328 {
  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-26328:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26328 { flex-direction: column; } }
.component-26329 {
  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-26329:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26329 { flex-direction: column; } }
.component-26330 {
  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-26330:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26330 { flex-direction: column; } }
.component-26331 {
  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-26331:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26331 { flex-direction: column; } }
.component-26332 {
  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-26332:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26332 { flex-direction: column; } }
.component-26333 {
  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-26333:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26333 { flex-direction: column; } }
.component-26334 {
  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-26334:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26334 { flex-direction: column; } }
.component-26335 {
  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-26335:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26335 { flex-direction: column; } }
.component-26336 {
  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-26336:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26336 { flex-direction: column; } }
.component-26337 {
  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-26337:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26337 { flex-direction: column; } }
.component-26338 {
  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-26338:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26338 { flex-direction: column; } }
.component-26339 {
  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-26339:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26339 { flex-direction: column; } }
.component-26340 {
  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-26340:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26340 { flex-direction: column; } }
.component-26341 {
  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-26341:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26341 { flex-direction: column; } }
.component-26342 {
  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-26342:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26342 { flex-direction: column; } }
.component-26343 {
  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-26343:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26343 { flex-direction: column; } }
.component-26344 {
  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-26344:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26344 { flex-direction: column; } }
.component-26345 {
  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-26345:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26345 { flex-direction: column; } }
.component-26346 {
  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-26346:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26346 { flex-direction: column; } }
.component-26347 {
  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-26347:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26347 { flex-direction: column; } }
.component-26348 {
  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-26348:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26348 { flex-direction: column; } }
.component-26349 {
  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-26349:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26349 { flex-direction: column; } }
.component-26350 {
  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-26350:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26350 { flex-direction: column; } }
.component-26351 {
  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-26351:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26351 { flex-direction: column; } }
.component-26352 {
  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-26352:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26352 { flex-direction: column; } }
.component-26353 {
  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-26353:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26353 { flex-direction: column; } }
.component-26354 {
  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-26354:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26354 { flex-direction: column; } }
.component-26355 {
  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-26355:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26355 { flex-direction: column; } }
.component-26356 {
  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-26356:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26356 { flex-direction: column; } }
.component-26357 {
  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-26357:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26357 { flex-direction: column; } }
.component-26358 {
  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-26358:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26358 { flex-direction: column; } }
.component-26359 {
  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-26359:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26359 { flex-direction: column; } }
.component-26360 {
  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-26360:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26360 { flex-direction: column; } }
.component-26361 {
  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-26361:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26361 { flex-direction: column; } }
.component-26362 {
  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-26362:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26362 { flex-direction: column; } }
.component-26363 {
  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-26363:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26363 { flex-direction: column; } }
.component-26364 {
  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-26364:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26364 { flex-direction: column; } }
.component-26365 {
  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-26365:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26365 { flex-direction: column; } }
.component-26366 {
  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-26366:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26366 { flex-direction: column; } }
.component-26367 {
  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-26367:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26367 { flex-direction: column; } }
.component-26368 {
  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-26368:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26368 { flex-direction: column; } }
.component-26369 {
  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-26369:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26369 { flex-direction: column; } }
.component-26370 {
  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-26370:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26370 { flex-direction: column; } }
.component-26371 {
  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-26371:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26371 { flex-direction: column; } }
.component-26372 {
  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-26372:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26372 { flex-direction: column; } }
.component-26373 {
  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-26373:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26373 { flex-direction: column; } }
.component-26374 {
  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-26374:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26374 { flex-direction: column; } }
.component-26375 {
  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-26375:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26375 { flex-direction: column; } }
.component-26376 {
  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-26376:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26376 { flex-direction: column; } }
.component-26377 {
  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-26377:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26377 { flex-direction: column; } }
.component-26378 {
  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-26378:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26378 { flex-direction: column; } }
.component-26379 {
  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-26379:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26379 { flex-direction: column; } }
.component-26380 {
  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-26380:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26380 { flex-direction: column; } }
.component-26381 {
  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-26381:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26381 { flex-direction: column; } }
.component-26382 {
  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-26382:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26382 { flex-direction: column; } }
.component-26383 {
  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-26383:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26383 { flex-direction: column; } }
.component-26384 {
  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-26384:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26384 { flex-direction: column; } }
.component-26385 {
  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-26385:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26385 { flex-direction: column; } }
.component-26386 {
  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-26386:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26386 { flex-direction: column; } }
.component-26387 {
  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-26387:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26387 { flex-direction: column; } }
.component-26388 {
  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-26388:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26388 { flex-direction: column; } }
.component-26389 {
  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-26389:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26389 { flex-direction: column; } }
.component-26390 {
  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-26390:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26390 { flex-direction: column; } }
.component-26391 {
  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-26391:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26391 { flex-direction: column; } }
.component-26392 {
  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-26392:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26392 { flex-direction: column; } }
.component-26393 {
  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-26393:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26393 { flex-direction: column; } }
.component-26394 {
  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-26394:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26394 { flex-direction: column; } }
.component-26395 {
  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-26395:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26395 { flex-direction: column; } }
.component-26396 {
  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-26396:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26396 { flex-direction: column; } }
.component-26397 {
  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-26397:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26397 { flex-direction: column; } }
.component-26398 {
  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-26398:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26398 { flex-direction: column; } }
.component-26399 {
  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-26399:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26399 { flex-direction: column; } }
.component-26400 {
  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-26400:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26400 { flex-direction: column; } }
.component-26401 {
  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-26401:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26401 { flex-direction: column; } }
.component-26402 {
  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-26402:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26402 { flex-direction: column; } }
.component-26403 {
  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-26403:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26403 { flex-direction: column; } }
.component-26404 {
  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-26404:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26404 { flex-direction: column; } }
.component-26405 {
  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-26405:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26405 { flex-direction: column; } }
.component-26406 {
  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-26406:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26406 { flex-direction: column; } }
.component-26407 {
  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-26407:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26407 { flex-direction: column; } }
.component-26408 {
  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-26408:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26408 { flex-direction: column; } }
.component-26409 {
  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-26409:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26409 { flex-direction: column; } }
.component-26410 {
  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-26410:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26410 { flex-direction: column; } }
.component-26411 {
  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-26411:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26411 { flex-direction: column; } }
.component-26412 {
  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-26412:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26412 { flex-direction: column; } }
.component-26413 {
  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-26413:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26413 { flex-direction: column; } }
.component-26414 {
  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-26414:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26414 { flex-direction: column; } }
.component-26415 {
  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-26415:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26415 { flex-direction: column; } }
.component-26416 {
  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-26416:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26416 { flex-direction: column; } }
.component-26417 {
  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-26417:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26417 { flex-direction: column; } }
.component-26418 {
  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-26418:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26418 { flex-direction: column; } }
.component-26419 {
  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-26419:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26419 { flex-direction: column; } }
.component-26420 {
  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-26420:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26420 { flex-direction: column; } }
.component-26421 {
  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-26421:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26421 { flex-direction: column; } }
.component-26422 {
  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-26422:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26422 { flex-direction: column; } }
.component-26423 {
  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-26423:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26423 { flex-direction: column; } }
.component-26424 {
  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-26424:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26424 { flex-direction: column; } }
.component-26425 {
  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-26425:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26425 { flex-direction: column; } }
.component-26426 {
  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-26426:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26426 { flex-direction: column; } }
.component-26427 {
  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-26427:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26427 { flex-direction: column; } }
.component-26428 {
  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-26428:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26428 { flex-direction: column; } }
.component-26429 {
  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-26429:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26429 { flex-direction: column; } }
.component-26430 {
  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-26430:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26430 { flex-direction: column; } }
.component-26431 {
  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-26431:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26431 { flex-direction: column; } }
.component-26432 {
  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-26432:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26432 { flex-direction: column; } }
.component-26433 {
  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-26433:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26433 { flex-direction: column; } }
.component-26434 {
  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-26434:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26434 { flex-direction: column; } }
.component-26435 {
  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-26435:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26435 { flex-direction: column; } }
.component-26436 {
  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-26436:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26436 { flex-direction: column; } }
.component-26437 {
  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-26437:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26437 { flex-direction: column; } }
.component-26438 {
  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-26438:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26438 { flex-direction: column; } }
.component-26439 {
  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-26439:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26439 { flex-direction: column; } }
.component-26440 {
  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-26440:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26440 { flex-direction: column; } }
.component-26441 {
  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-26441:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26441 { flex-direction: column; } }
.component-26442 {
  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-26442:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26442 { flex-direction: column; } }
.component-26443 {
  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-26443:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26443 { flex-direction: column; } }
.component-26444 {
  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-26444:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26444 { flex-direction: column; } }
.component-26445 {
  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-26445:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26445 { flex-direction: column; } }
.component-26446 {
  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-26446:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26446 { flex-direction: column; } }
.component-26447 {
  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-26447:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26447 { flex-direction: column; } }
.component-26448 {
  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-26448:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26448 { flex-direction: column; } }
.component-26449 {
  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-26449:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26449 { flex-direction: column; } }
.component-26450 {
  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-26450:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26450 { flex-direction: column; } }
.component-26451 {
  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-26451:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26451 { flex-direction: column; } }
.component-26452 {
  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-26452:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26452 { flex-direction: column; } }
.component-26453 {
  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-26453:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26453 { flex-direction: column; } }
.component-26454 {
  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-26454:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26454 { flex-direction: column; } }
.component-26455 {
  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-26455:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26455 { flex-direction: column; } }
.component-26456 {
  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-26456:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26456 { flex-direction: column; } }
.component-26457 {
  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-26457:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26457 { flex-direction: column; } }
.component-26458 {
  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-26458:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26458 { flex-direction: column; } }
.component-26459 {
  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-26459:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26459 { flex-direction: column; } }
.component-26460 {
  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-26460:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26460 { flex-direction: column; } }
.component-26461 {
  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-26461:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26461 { flex-direction: column; } }
.component-26462 {
  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-26462:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26462 { flex-direction: column; } }
.component-26463 {
  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-26463:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26463 { flex-direction: column; } }
.component-26464 {
  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-26464:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26464 { flex-direction: column; } }
.component-26465 {
  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-26465:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26465 { flex-direction: column; } }
.component-26466 {
  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-26466:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26466 { flex-direction: column; } }
.component-26467 {
  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-26467:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26467 { flex-direction: column; } }
.component-26468 {
  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-26468:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26468 { flex-direction: column; } }
.component-26469 {
  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-26469:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26469 { flex-direction: column; } }
.component-26470 {
  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-26470:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26470 { flex-direction: column; } }
.component-26471 {
  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-26471:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26471 { flex-direction: column; } }
.component-26472 {
  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-26472:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26472 { flex-direction: column; } }
.component-26473 {
  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-26473:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26473 { flex-direction: column; } }
.component-26474 {
  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-26474:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26474 { flex-direction: column; } }
.component-26475 {
  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-26475:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26475 { flex-direction: column; } }
.component-26476 {
  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-26476:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26476 { flex-direction: column; } }
.component-26477 {
  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-26477:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26477 { flex-direction: column; } }
.component-26478 {
  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-26478:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26478 { flex-direction: column; } }
.component-26479 {
  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-26479:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26479 { flex-direction: column; } }
.component-26480 {
  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-26480:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26480 { flex-direction: column; } }
.component-26481 {
  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-26481:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26481 { flex-direction: column; } }
.component-26482 {
  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-26482:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26482 { flex-direction: column; } }
.component-26483 {
  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-26483:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26483 { flex-direction: column; } }
.component-26484 {
  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-26484:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26484 { flex-direction: column; } }
.component-26485 {
  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-26485:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26485 { flex-direction: column; } }
.component-26486 {
  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-26486:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26486 { flex-direction: column; } }
.component-26487 {
  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-26487:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26487 { flex-direction: column; } }
.component-26488 {
  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-26488:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26488 { flex-direction: column; } }
.component-26489 {
  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-26489:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26489 { flex-direction: column; } }
.component-26490 {
  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-26490:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26490 { flex-direction: column; } }
.component-26491 {
  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-26491:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26491 { flex-direction: column; } }
.component-26492 {
  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-26492:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26492 { flex-direction: column; } }
.component-26493 {
  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-26493:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26493 { flex-direction: column; } }
.component-26494 {
  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-26494:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26494 { flex-direction: column; } }
.component-26495 {
  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-26495:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26495 { flex-direction: column; } }
.component-26496 {
  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-26496:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26496 { flex-direction: column; } }
.component-26497 {
  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-26497:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26497 { flex-direction: column; } }
.component-26498 {
  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-26498:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26498 { flex-direction: column; } }
.component-26499 {
  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-26499:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26499 { flex-direction: column; } }
.component-26500 {
  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-26500:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26500 { flex-direction: column; } }
.component-26501 {
  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-26501:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26501 { flex-direction: column; } }
.component-26502 {
  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-26502:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26502 { flex-direction: column; } }
.component-26503 {
  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-26503:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26503 { flex-direction: column; } }
.component-26504 {
  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-26504:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26504 { flex-direction: column; } }
.component-26505 {
  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-26505:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26505 { flex-direction: column; } }
.component-26506 {
  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-26506:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26506 { flex-direction: column; } }
.component-26507 {
  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-26507:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26507 { flex-direction: column; } }
.component-26508 {
  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-26508:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26508 { flex-direction: column; } }
.component-26509 {
  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-26509:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26509 { flex-direction: column; } }
.component-26510 {
  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-26510:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26510 { flex-direction: column; } }
.component-26511 {
  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-26511:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26511 { flex-direction: column; } }
.component-26512 {
  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-26512:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26512 { flex-direction: column; } }
.component-26513 {
  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-26513:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26513 { flex-direction: column; } }
.component-26514 {
  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-26514:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26514 { flex-direction: column; } }
.component-26515 {
  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-26515:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26515 { flex-direction: column; } }
.component-26516 {
  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-26516:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26516 { flex-direction: column; } }
.component-26517 {
  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-26517:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26517 { flex-direction: column; } }
.component-26518 {
  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-26518:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26518 { flex-direction: column; } }
.component-26519 {
  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-26519:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26519 { flex-direction: column; } }
.component-26520 {
  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-26520:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26520 { flex-direction: column; } }
.component-26521 {
  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-26521:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26521 { flex-direction: column; } }
.component-26522 {
  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-26522:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26522 { flex-direction: column; } }
.component-26523 {
  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-26523:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26523 { flex-direction: column; } }
.component-26524 {
  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-26524:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26524 { flex-direction: column; } }
.component-26525 {
  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-26525:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26525 { flex-direction: column; } }
.component-26526 {
  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-26526:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26526 { flex-direction: column; } }
.component-26527 {
  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-26527:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26527 { flex-direction: column; } }
.component-26528 {
  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-26528:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26528 { flex-direction: column; } }
.component-26529 {
  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-26529:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26529 { flex-direction: column; } }
.component-26530 {
  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-26530:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26530 { flex-direction: column; } }
.component-26531 {
  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-26531:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26531 { flex-direction: column; } }
.component-26532 {
  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-26532:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26532 { flex-direction: column; } }
.component-26533 {
  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-26533:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26533 { flex-direction: column; } }
.component-26534 {
  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-26534:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26534 { flex-direction: column; } }
.component-26535 {
  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-26535:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26535 { flex-direction: column; } }
.component-26536 {
  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-26536:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26536 { flex-direction: column; } }
.component-26537 {
  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-26537:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26537 { flex-direction: column; } }
.component-26538 {
  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-26538:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26538 { flex-direction: column; } }
.component-26539 {
  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-26539:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26539 { flex-direction: column; } }
.component-26540 {
  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-26540:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26540 { flex-direction: column; } }
.component-26541 {
  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-26541:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26541 { flex-direction: column; } }
.component-26542 {
  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-26542:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26542 { flex-direction: column; } }
.component-26543 {
  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-26543:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26543 { flex-direction: column; } }
.component-26544 {
  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-26544:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26544 { flex-direction: column; } }
.component-26545 {
  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-26545:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26545 { flex-direction: column; } }
.component-26546 {
  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-26546:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26546 { flex-direction: column; } }
.component-26547 {
  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-26547:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26547 { flex-direction: column; } }
.component-26548 {
  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-26548:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26548 { flex-direction: column; } }
.component-26549 {
  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-26549:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26549 { flex-direction: column; } }
.component-26550 {
  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-26550:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26550 { flex-direction: column; } }
.component-26551 {
  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-26551:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26551 { flex-direction: column; } }
.component-26552 {
  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-26552:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26552 { flex-direction: column; } }
.component-26553 {
  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-26553:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26553 { flex-direction: column; } }
.component-26554 {
  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-26554:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26554 { flex-direction: column; } }
.component-26555 {
  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-26555:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26555 { flex-direction: column; } }
.component-26556 {
  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-26556:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26556 { flex-direction: column; } }
.component-26557 {
  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-26557:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26557 { flex-direction: column; } }
.component-26558 {
  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-26558:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26558 { flex-direction: column; } }
.component-26559 {
  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-26559:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26559 { flex-direction: column; } }
.component-26560 {
  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-26560:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26560 { flex-direction: column; } }
.component-26561 {
  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-26561:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26561 { flex-direction: column; } }
.component-26562 {
  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-26562:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26562 { flex-direction: column; } }
.component-26563 {
  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-26563:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26563 { flex-direction: column; } }
.component-26564 {
  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-26564:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26564 { flex-direction: column; } }
.component-26565 {
  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-26565:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26565 { flex-direction: column; } }
.component-26566 {
  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-26566:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26566 { flex-direction: column; } }
.component-26567 {
  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-26567:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26567 { flex-direction: column; } }
.component-26568 {
  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-26568:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26568 { flex-direction: column; } }
.component-26569 {
  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-26569:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26569 { flex-direction: column; } }
.component-26570 {
  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-26570:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26570 { flex-direction: column; } }
.component-26571 {
  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-26571:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26571 { flex-direction: column; } }
.component-26572 {
  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-26572:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26572 { flex-direction: column; } }
.component-26573 {
  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-26573:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26573 { flex-direction: column; } }
.component-26574 {
  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-26574:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26574 { flex-direction: column; } }
.component-26575 {
  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-26575:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26575 { flex-direction: column; } }
.component-26576 {
  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-26576:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26576 { flex-direction: column; } }
.component-26577 {
  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-26577:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26577 { flex-direction: column; } }
.component-26578 {
  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-26578:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26578 { flex-direction: column; } }
.component-26579 {
  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-26579:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26579 { flex-direction: column; } }
.component-26580 {
  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-26580:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26580 { flex-direction: column; } }
.component-26581 {
  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-26581:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26581 { flex-direction: column; } }
.component-26582 {
  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-26582:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26582 { flex-direction: column; } }
.component-26583 {
  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-26583:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26583 { flex-direction: column; } }
.component-26584 {
  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-26584:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26584 { flex-direction: column; } }
.component-26585 {
  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-26585:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26585 { flex-direction: column; } }
.component-26586 {
  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-26586:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26586 { flex-direction: column; } }
.component-26587 {
  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-26587:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26587 { flex-direction: column; } }
.component-26588 {
  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-26588:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26588 { flex-direction: column; } }
.component-26589 {
  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-26589:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26589 { flex-direction: column; } }
.component-26590 {
  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-26590:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26590 { flex-direction: column; } }
.component-26591 {
  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-26591:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26591 { flex-direction: column; } }
.component-26592 {
  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-26592:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26592 { flex-direction: column; } }
.component-26593 {
  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-26593:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26593 { flex-direction: column; } }
.component-26594 {
  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-26594:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26594 { flex-direction: column; } }
.component-26595 {
  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-26595:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26595 { flex-direction: column; } }
.component-26596 {
  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-26596:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26596 { flex-direction: column; } }
.component-26597 {
  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-26597:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26597 { flex-direction: column; } }
.component-26598 {
  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-26598:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26598 { flex-direction: column; } }
.component-26599 {
  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-26599:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26599 { flex-direction: column; } }
.component-26600 {
  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-26600:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26600 { flex-direction: column; } }
.component-26601 {
  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-26601:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26601 { flex-direction: column; } }
.component-26602 {
  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-26602:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26602 { flex-direction: column; } }
.component-26603 {
  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-26603:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26603 { flex-direction: column; } }
.component-26604 {
  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-26604:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26604 { flex-direction: column; } }
.component-26605 {
  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-26605:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26605 { flex-direction: column; } }
.component-26606 {
  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-26606:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26606 { flex-direction: column; } }
.component-26607 {
  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-26607:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26607 { flex-direction: column; } }
.component-26608 {
  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-26608:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26608 { flex-direction: column; } }
.component-26609 {
  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-26609:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26609 { flex-direction: column; } }
.component-26610 {
  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-26610:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26610 { flex-direction: column; } }
.component-26611 {
  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-26611:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26611 { flex-direction: column; } }
.component-26612 {
  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-26612:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26612 { flex-direction: column; } }
.component-26613 {
  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-26613:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26613 { flex-direction: column; } }
.component-26614 {
  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-26614:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26614 { flex-direction: column; } }
.component-26615 {
  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-26615:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26615 { flex-direction: column; } }
.component-26616 {
  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-26616:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26616 { flex-direction: column; } }
.component-26617 {
  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-26617:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26617 { flex-direction: column; } }
.component-26618 {
  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-26618:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26618 { flex-direction: column; } }
.component-26619 {
  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-26619:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26619 { flex-direction: column; } }
.component-26620 {
  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-26620:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26620 { flex-direction: column; } }
.component-26621 {
  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-26621:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26621 { flex-direction: column; } }
.component-26622 {
  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-26622:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26622 { flex-direction: column; } }
.component-26623 {
  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-26623:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26623 { flex-direction: column; } }
.component-26624 {
  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-26624:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26624 { flex-direction: column; } }
.component-26625 {
  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-26625:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26625 { flex-direction: column; } }
.component-26626 {
  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-26626:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26626 { flex-direction: column; } }
.component-26627 {
  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-26627:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26627 { flex-direction: column; } }
.component-26628 {
  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-26628:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26628 { flex-direction: column; } }
.component-26629 {
  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-26629:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26629 { flex-direction: column; } }
.component-26630 {
  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-26630:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26630 { flex-direction: column; } }
.component-26631 {
  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-26631:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26631 { flex-direction: column; } }
.component-26632 {
  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-26632:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26632 { flex-direction: column; } }
.component-26633 {
  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-26633:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26633 { flex-direction: column; } }
.component-26634 {
  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-26634:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26634 { flex-direction: column; } }
.component-26635 {
  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-26635:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26635 { flex-direction: column; } }
.component-26636 {
  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-26636:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26636 { flex-direction: column; } }
.component-26637 {
  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-26637:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26637 { flex-direction: column; } }
.component-26638 {
  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-26638:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26638 { flex-direction: column; } }
.component-26639 {
  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-26639:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26639 { flex-direction: column; } }
.component-26640 {
  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-26640:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26640 { flex-direction: column; } }
.component-26641 {
  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-26641:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26641 { flex-direction: column; } }
.component-26642 {
  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-26642:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26642 { flex-direction: column; } }
.component-26643 {
  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-26643:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26643 { flex-direction: column; } }
.component-26644 {
  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-26644:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26644 { flex-direction: column; } }
.component-26645 {
  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-26645:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26645 { flex-direction: column; } }
.component-26646 {
  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-26646:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26646 { flex-direction: column; } }
.component-26647 {
  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-26647:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26647 { flex-direction: column; } }
.component-26648 {
  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-26648:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26648 { flex-direction: column; } }
.component-26649 {
  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-26649:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26649 { flex-direction: column; } }
.component-26650 {
  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-26650:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26650 { flex-direction: column; } }
.component-26651 {
  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-26651:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26651 { flex-direction: column; } }
.component-26652 {
  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-26652:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26652 { flex-direction: column; } }
.component-26653 {
  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-26653:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26653 { flex-direction: column; } }
.component-26654 {
  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-26654:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26654 { flex-direction: column; } }
.component-26655 {
  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-26655:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26655 { flex-direction: column; } }
.component-26656 {
  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-26656:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26656 { flex-direction: column; } }
.component-26657 {
  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-26657:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26657 { flex-direction: column; } }
.component-26658 {
  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-26658:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26658 { flex-direction: column; } }
.component-26659 {
  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-26659:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26659 { flex-direction: column; } }
.component-26660 {
  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-26660:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26660 { flex-direction: column; } }
.component-26661 {
  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-26661:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26661 { flex-direction: column; } }
.component-26662 {
  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-26662:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26662 { flex-direction: column; } }
.component-26663 {
  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-26663:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26663 { flex-direction: column; } }
.component-26664 {
  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-26664:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26664 { flex-direction: column; } }
.component-26665 {
  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-26665:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26665 { flex-direction: column; } }
.component-26666 {
  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-26666:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26666 { flex-direction: column; } }
.component-26667 {
  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-26667:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26667 { flex-direction: column; } }
.component-26668 {
  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-26668:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26668 { flex-direction: column; } }
.component-26669 {
  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-26669:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26669 { flex-direction: column; } }
.component-26670 {
  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-26670:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26670 { flex-direction: column; } }
.component-26671 {
  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-26671:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26671 { flex-direction: column; } }
.component-26672 {
  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-26672:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26672 { flex-direction: column; } }
.component-26673 {
  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-26673:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26673 { flex-direction: column; } }
.component-26674 {
  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-26674:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26674 { flex-direction: column; } }
.component-26675 {
  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-26675:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26675 { flex-direction: column; } }
.component-26676 {
  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-26676:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26676 { flex-direction: column; } }
.component-26677 {
  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-26677:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26677 { flex-direction: column; } }
.component-26678 {
  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-26678:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26678 { flex-direction: column; } }
.component-26679 {
  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-26679:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26679 { flex-direction: column; } }
.component-26680 {
  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-26680:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26680 { flex-direction: column; } }
.component-26681 {
  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-26681:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26681 { flex-direction: column; } }
.component-26682 {
  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-26682:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26682 { flex-direction: column; } }
.component-26683 {
  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-26683:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26683 { flex-direction: column; } }
.component-26684 {
  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-26684:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26684 { flex-direction: column; } }
.component-26685 {
  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-26685:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26685 { flex-direction: column; } }
.component-26686 {
  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-26686:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26686 { flex-direction: column; } }
.component-26687 {
  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-26687:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26687 { flex-direction: column; } }
.component-26688 {
  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-26688:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26688 { flex-direction: column; } }
.component-26689 {
  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-26689:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26689 { flex-direction: column; } }
.component-26690 {
  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-26690:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26690 { flex-direction: column; } }
.component-26691 {
  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-26691:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26691 { flex-direction: column; } }
.component-26692 {
  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-26692:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26692 { flex-direction: column; } }
.component-26693 {
  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-26693:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26693 { flex-direction: column; } }
.component-26694 {
  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-26694:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26694 { flex-direction: column; } }
.component-26695 {
  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-26695:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26695 { flex-direction: column; } }
.component-26696 {
  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-26696:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26696 { flex-direction: column; } }
.component-26697 {
  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-26697:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26697 { flex-direction: column; } }
.component-26698 {
  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-26698:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26698 { flex-direction: column; } }
.component-26699 {
  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-26699:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26699 { flex-direction: column; } }
.component-26700 {
  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-26700:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26700 { flex-direction: column; } }
.component-26701 {
  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-26701:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26701 { flex-direction: column; } }
.component-26702 {
  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-26702:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26702 { flex-direction: column; } }
.component-26703 {
  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-26703:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26703 { flex-direction: column; } }
.component-26704 {
  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-26704:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26704 { flex-direction: column; } }
.component-26705 {
  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-26705:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26705 { flex-direction: column; } }
.component-26706 {
  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-26706:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26706 { flex-direction: column; } }
.component-26707 {
  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-26707:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26707 { flex-direction: column; } }
.component-26708 {
  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-26708:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26708 { flex-direction: column; } }
.component-26709 {
  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-26709:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26709 { flex-direction: column; } }
.component-26710 {
  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-26710:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26710 { flex-direction: column; } }
.component-26711 {
  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-26711:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26711 { flex-direction: column; } }
.component-26712 {
  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-26712:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26712 { flex-direction: column; } }
.component-26713 {
  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-26713:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26713 { flex-direction: column; } }
.component-26714 {
  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-26714:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26714 { flex-direction: column; } }
.component-26715 {
  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-26715:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26715 { flex-direction: column; } }
.component-26716 {
  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-26716:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26716 { flex-direction: column; } }
.component-26717 {
  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-26717:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26717 { flex-direction: column; } }
.component-26718 {
  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-26718:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26718 { flex-direction: column; } }
.component-26719 {
  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-26719:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26719 { flex-direction: column; } }
.component-26720 {
  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-26720:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26720 { flex-direction: column; } }
.component-26721 {
  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-26721:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26721 { flex-direction: column; } }
.component-26722 {
  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-26722:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26722 { flex-direction: column; } }
.component-26723 {
  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-26723:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26723 { flex-direction: column; } }
.component-26724 {
  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-26724:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26724 { flex-direction: column; } }
.component-26725 {
  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-26725:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26725 { flex-direction: column; } }
.component-26726 {
  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-26726:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26726 { flex-direction: column; } }
.component-26727 {
  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-26727:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26727 { flex-direction: column; } }
.component-26728 {
  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-26728:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26728 { flex-direction: column; } }
.component-26729 {
  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-26729:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26729 { flex-direction: column; } }
.component-26730 {
  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-26730:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26730 { flex-direction: column; } }
.component-26731 {
  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-26731:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26731 { flex-direction: column; } }
.component-26732 {
  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-26732:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26732 { flex-direction: column; } }
.component-26733 {
  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-26733:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26733 { flex-direction: column; } }
.component-26734 {
  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-26734:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26734 { flex-direction: column; } }
.component-26735 {
  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-26735:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26735 { flex-direction: column; } }
.component-26736 {
  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-26736:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26736 { flex-direction: column; } }
.component-26737 {
  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-26737:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26737 { flex-direction: column; } }
.component-26738 {
  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-26738:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26738 { flex-direction: column; } }
.component-26739 {
  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-26739:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26739 { flex-direction: column; } }
.component-26740 {
  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-26740:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26740 { flex-direction: column; } }
.component-26741 {
  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-26741:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26741 { flex-direction: column; } }
.component-26742 {
  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-26742:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26742 { flex-direction: column; } }
.component-26743 {
  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-26743:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26743 { flex-direction: column; } }
.component-26744 {
  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-26744:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26744 { flex-direction: column; } }
.component-26745 {
  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-26745:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26745 { flex-direction: column; } }
.component-26746 {
  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-26746:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26746 { flex-direction: column; } }
.component-26747 {
  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-26747:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26747 { flex-direction: column; } }
.component-26748 {
  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-26748:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26748 { flex-direction: column; } }
.component-26749 {
  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-26749:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26749 { flex-direction: column; } }
.component-26750 {
  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-26750:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26750 { flex-direction: column; } }
.component-26751 {
  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-26751:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26751 { flex-direction: column; } }
.component-26752 {
  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-26752:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26752 { flex-direction: column; } }
.component-26753 {
  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-26753:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26753 { flex-direction: column; } }
.component-26754 {
  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-26754:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26754 { flex-direction: column; } }
.component-26755 {
  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-26755:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26755 { flex-direction: column; } }
.component-26756 {
  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-26756:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26756 { flex-direction: column; } }
.component-26757 {
  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-26757:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26757 { flex-direction: column; } }
.component-26758 {
  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-26758:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26758 { flex-direction: column; } }
.component-26759 {
  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-26759:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26759 { flex-direction: column; } }
.component-26760 {
  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-26760:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26760 { flex-direction: column; } }
.component-26761 {
  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-26761:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26761 { flex-direction: column; } }
.component-26762 {
  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-26762:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26762 { flex-direction: column; } }
.component-26763 {
  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-26763:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26763 { flex-direction: column; } }
.component-26764 {
  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-26764:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26764 { flex-direction: column; } }
.component-26765 {
  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-26765:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26765 { flex-direction: column; } }
.component-26766 {
  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-26766:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26766 { flex-direction: column; } }
.component-26767 {
  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-26767:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26767 { flex-direction: column; } }
.component-26768 {
  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-26768:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26768 { flex-direction: column; } }
.component-26769 {
  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-26769:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26769 { flex-direction: column; } }
.component-26770 {
  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-26770:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26770 { flex-direction: column; } }
.component-26771 {
  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-26771:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26771 { flex-direction: column; } }
.component-26772 {
  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-26772:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26772 { flex-direction: column; } }
.component-26773 {
  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-26773:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26773 { flex-direction: column; } }
.component-26774 {
  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-26774:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26774 { flex-direction: column; } }
.component-26775 {
  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-26775:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26775 { flex-direction: column; } }
.component-26776 {
  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-26776:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26776 { flex-direction: column; } }
.component-26777 {
  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-26777:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26777 { flex-direction: column; } }
.component-26778 {
  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-26778:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26778 { flex-direction: column; } }
.component-26779 {
  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-26779:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26779 { flex-direction: column; } }
.component-26780 {
  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-26780:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26780 { flex-direction: column; } }
.component-26781 {
  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-26781:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26781 { flex-direction: column; } }
.component-26782 {
  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-26782:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26782 { flex-direction: column; } }
.component-26783 {
  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-26783:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26783 { flex-direction: column; } }
.component-26784 {
  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-26784:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26784 { flex-direction: column; } }
.component-26785 {
  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-26785:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26785 { flex-direction: column; } }
.component-26786 {
  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-26786:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26786 { flex-direction: column; } }
.component-26787 {
  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-26787:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26787 { flex-direction: column; } }
.component-26788 {
  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-26788:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26788 { flex-direction: column; } }
.component-26789 {
  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-26789:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26789 { flex-direction: column; } }
.component-26790 {
  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-26790:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26790 { flex-direction: column; } }
.component-26791 {
  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-26791:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26791 { flex-direction: column; } }
.component-26792 {
  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-26792:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26792 { flex-direction: column; } }
.component-26793 {
  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-26793:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26793 { flex-direction: column; } }
.component-26794 {
  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-26794:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26794 { flex-direction: column; } }
.component-26795 {
  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-26795:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26795 { flex-direction: column; } }
.component-26796 {
  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-26796:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26796 { flex-direction: column; } }
.component-26797 {
  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-26797:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26797 { flex-direction: column; } }
.component-26798 {
  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-26798:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26798 { flex-direction: column; } }
.component-26799 {
  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-26799:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26799 { flex-direction: column; } }
.component-26800 {
  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-26800:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26800 { flex-direction: column; } }
.component-26801 {
  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-26801:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26801 { flex-direction: column; } }
.component-26802 {
  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-26802:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26802 { flex-direction: column; } }
.component-26803 {
  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-26803:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26803 { flex-direction: column; } }
.component-26804 {
  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-26804:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26804 { flex-direction: column; } }
.component-26805 {
  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-26805:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26805 { flex-direction: column; } }
.component-26806 {
  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-26806:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26806 { flex-direction: column; } }
.component-26807 {
  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-26807:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26807 { flex-direction: column; } }
.component-26808 {
  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-26808:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26808 { flex-direction: column; } }
.component-26809 {
  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-26809:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26809 { flex-direction: column; } }
.component-26810 {
  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-26810:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26810 { flex-direction: column; } }
.component-26811 {
  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-26811:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26811 { flex-direction: column; } }
.component-26812 {
  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-26812:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26812 { flex-direction: column; } }
.component-26813 {
  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-26813:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26813 { flex-direction: column; } }
.component-26814 {
  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-26814:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26814 { flex-direction: column; } }
.component-26815 {
  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-26815:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26815 { flex-direction: column; } }
.component-26816 {
  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-26816:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26816 { flex-direction: column; } }
.component-26817 {
  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-26817:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26817 { flex-direction: column; } }
.component-26818 {
  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-26818:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26818 { flex-direction: column; } }
.component-26819 {
  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-26819:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26819 { flex-direction: column; } }
.component-26820 {
  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-26820:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26820 { flex-direction: column; } }
.component-26821 {
  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-26821:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26821 { flex-direction: column; } }
.component-26822 {
  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-26822:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26822 { flex-direction: column; } }
.component-26823 {
  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-26823:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26823 { flex-direction: column; } }
.component-26824 {
  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-26824:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26824 { flex-direction: column; } }
.component-26825 {
  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-26825:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26825 { flex-direction: column; } }
.component-26826 {
  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-26826:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26826 { flex-direction: column; } }
.component-26827 {
  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-26827:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26827 { flex-direction: column; } }
.component-26828 {
  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-26828:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26828 { flex-direction: column; } }
.component-26829 {
  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-26829:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26829 { flex-direction: column; } }
.component-26830 {
  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-26830:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26830 { flex-direction: column; } }
.component-26831 {
  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-26831:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26831 { flex-direction: column; } }
.component-26832 {
  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-26832:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26832 { flex-direction: column; } }
.component-26833 {
  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-26833:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26833 { flex-direction: column; } }
.component-26834 {
  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-26834:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26834 { flex-direction: column; } }
.component-26835 {
  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-26835:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26835 { flex-direction: column; } }
.component-26836 {
  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-26836:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26836 { flex-direction: column; } }
.component-26837 {
  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-26837:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26837 { flex-direction: column; } }
.component-26838 {
  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-26838:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26838 { flex-direction: column; } }
.component-26839 {
  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-26839:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26839 { flex-direction: column; } }
.component-26840 {
  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-26840:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26840 { flex-direction: column; } }
.component-26841 {
  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-26841:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26841 { flex-direction: column; } }
.component-26842 {
  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-26842:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26842 { flex-direction: column; } }
.component-26843 {
  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-26843:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26843 { flex-direction: column; } }
.component-26844 {
  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-26844:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26844 { flex-direction: column; } }
.component-26845 {
  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-26845:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26845 { flex-direction: column; } }
.component-26846 {
  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-26846:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26846 { flex-direction: column; } }
.component-26847 {
  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-26847:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26847 { flex-direction: column; } }
.component-26848 {
  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-26848:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26848 { flex-direction: column; } }
.component-26849 {
  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-26849:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26849 { flex-direction: column; } }
.component-26850 {
  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-26850:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26850 { flex-direction: column; } }
.component-26851 {
  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-26851:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26851 { flex-direction: column; } }
.component-26852 {
  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-26852:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26852 { flex-direction: column; } }
.component-26853 {
  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-26853:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26853 { flex-direction: column; } }
.component-26854 {
  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-26854:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26854 { flex-direction: column; } }
.component-26855 {
  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-26855:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26855 { flex-direction: column; } }
.component-26856 {
  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-26856:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26856 { flex-direction: column; } }
.component-26857 {
  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-26857:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26857 { flex-direction: column; } }
.component-26858 {
  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-26858:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26858 { flex-direction: column; } }
.component-26859 {
  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-26859:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26859 { flex-direction: column; } }
.component-26860 {
  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-26860:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26860 { flex-direction: column; } }
.component-26861 {
  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-26861:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26861 { flex-direction: column; } }
.component-26862 {
  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-26862:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26862 { flex-direction: column; } }
.component-26863 {
  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-26863:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26863 { flex-direction: column; } }
.component-26864 {
  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-26864:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26864 { flex-direction: column; } }
.component-26865 {
  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-26865:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26865 { flex-direction: column; } }
.component-26866 {
  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-26866:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26866 { flex-direction: column; } }
.component-26867 {
  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-26867:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26867 { flex-direction: column; } }
.component-26868 {
  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-26868:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26868 { flex-direction: column; } }
.component-26869 {
  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-26869:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26869 { flex-direction: column; } }
.component-26870 {
  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-26870:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26870 { flex-direction: column; } }
.component-26871 {
  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-26871:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26871 { flex-direction: column; } }
.component-26872 {
  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-26872:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26872 { flex-direction: column; } }
.component-26873 {
  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-26873:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26873 { flex-direction: column; } }
.component-26874 {
  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-26874:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26874 { flex-direction: column; } }
.component-26875 {
  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-26875:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26875 { flex-direction: column; } }
.component-26876 {
  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-26876:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26876 { flex-direction: column; } }
.component-26877 {
  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-26877:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26877 { flex-direction: column; } }
.component-26878 {
  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-26878:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26878 { flex-direction: column; } }
.component-26879 {
  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-26879:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26879 { flex-direction: column; } }
.component-26880 {
  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-26880:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26880 { flex-direction: column; } }
.component-26881 {
  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-26881:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26881 { flex-direction: column; } }
.component-26882 {
  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-26882:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26882 { flex-direction: column; } }
.component-26883 {
  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-26883:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26883 { flex-direction: column; } }
.component-26884 {
  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-26884:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26884 { flex-direction: column; } }
.component-26885 {
  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-26885:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26885 { flex-direction: column; } }
.component-26886 {
  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-26886:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26886 { flex-direction: column; } }
.component-26887 {
  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-26887:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26887 { flex-direction: column; } }
.component-26888 {
  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-26888:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26888 { flex-direction: column; } }
.component-26889 {
  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-26889:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26889 { flex-direction: column; } }
.component-26890 {
  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-26890:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26890 { flex-direction: column; } }
.component-26891 {
  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-26891:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26891 { flex-direction: column; } }
.component-26892 {
  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-26892:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26892 { flex-direction: column; } }
.component-26893 {
  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-26893:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26893 { flex-direction: column; } }
.component-26894 {
  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-26894:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26894 { flex-direction: column; } }
.component-26895 {
  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-26895:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26895 { flex-direction: column; } }
.component-26896 {
  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-26896:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26896 { flex-direction: column; } }
.component-26897 {
  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-26897:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26897 { flex-direction: column; } }
.component-26898 {
  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-26898:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26898 { flex-direction: column; } }
.component-26899 {
  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-26899:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26899 { flex-direction: column; } }
.component-26900 {
  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-26900:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26900 { flex-direction: column; } }
.component-26901 {
  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-26901:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26901 { flex-direction: column; } }
.component-26902 {
  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-26902:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26902 { flex-direction: column; } }
.component-26903 {
  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-26903:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26903 { flex-direction: column; } }
.component-26904 {
  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-26904:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26904 { flex-direction: column; } }
.component-26905 {
  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-26905:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26905 { flex-direction: column; } }
.component-26906 {
  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-26906:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26906 { flex-direction: column; } }
.component-26907 {
  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-26907:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26907 { flex-direction: column; } }
.component-26908 {
  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-26908:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26908 { flex-direction: column; } }
.component-26909 {
  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-26909:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26909 { flex-direction: column; } }
.component-26910 {
  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-26910:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26910 { flex-direction: column; } }
.component-26911 {
  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-26911:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26911 { flex-direction: column; } }
.component-26912 {
  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-26912:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26912 { flex-direction: column; } }
.component-26913 {
  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-26913:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26913 { flex-direction: column; } }
.component-26914 {
  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-26914:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26914 { flex-direction: column; } }
.component-26915 {
  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-26915:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26915 { flex-direction: column; } }
.component-26916 {
  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-26916:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26916 { flex-direction: column; } }
.component-26917 {
  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-26917:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26917 { flex-direction: column; } }
.component-26918 {
  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-26918:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26918 { flex-direction: column; } }
.component-26919 {
  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-26919:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26919 { flex-direction: column; } }
.component-26920 {
  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-26920:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26920 { flex-direction: column; } }
.component-26921 {
  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-26921:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26921 { flex-direction: column; } }
.component-26922 {
  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-26922:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26922 { flex-direction: column; } }
.component-26923 {
  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-26923:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26923 { flex-direction: column; } }
.component-26924 {
  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-26924:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26924 { flex-direction: column; } }
.component-26925 {
  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-26925:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26925 { flex-direction: column; } }
.component-26926 {
  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-26926:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26926 { flex-direction: column; } }
.component-26927 {
  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-26927:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26927 { flex-direction: column; } }
.component-26928 {
  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-26928:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26928 { flex-direction: column; } }
.component-26929 {
  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-26929:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26929 { flex-direction: column; } }
.component-26930 {
  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-26930:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26930 { flex-direction: column; } }
.component-26931 {
  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-26931:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26931 { flex-direction: column; } }
.component-26932 {
  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-26932:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26932 { flex-direction: column; } }
.component-26933 {
  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-26933:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26933 { flex-direction: column; } }
.component-26934 {
  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-26934:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26934 { flex-direction: column; } }
.component-26935 {
  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-26935:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26935 { flex-direction: column; } }
.component-26936 {
  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-26936:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26936 { flex-direction: column; } }
.component-26937 {
  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-26937:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26937 { flex-direction: column; } }
.component-26938 {
  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-26938:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26938 { flex-direction: column; } }
.component-26939 {
  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-26939:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26939 { flex-direction: column; } }
.component-26940 {
  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-26940:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26940 { flex-direction: column; } }
.component-26941 {
  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-26941:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26941 { flex-direction: column; } }
.component-26942 {
  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-26942:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26942 { flex-direction: column; } }
.component-26943 {
  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-26943:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26943 { flex-direction: column; } }
.component-26944 {
  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-26944:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26944 { flex-direction: column; } }
.component-26945 {
  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-26945:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26945 { flex-direction: column; } }
.component-26946 {
  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-26946:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26946 { flex-direction: column; } }
.component-26947 {
  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-26947:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26947 { flex-direction: column; } }
.component-26948 {
  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-26948:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26948 { flex-direction: column; } }
.component-26949 {
  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-26949:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26949 { flex-direction: column; } }
.component-26950 {
  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-26950:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26950 { flex-direction: column; } }
.component-26951 {
  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-26951:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26951 { flex-direction: column; } }
.component-26952 {
  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-26952:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26952 { flex-direction: column; } }
.component-26953 {
  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-26953:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26953 { flex-direction: column; } }
.component-26954 {
  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-26954:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26954 { flex-direction: column; } }
.component-26955 {
  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-26955:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26955 { flex-direction: column; } }
.component-26956 {
  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-26956:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26956 { flex-direction: column; } }
.component-26957 {
  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-26957:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26957 { flex-direction: column; } }
.component-26958 {
  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-26958:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26958 { flex-direction: column; } }
.component-26959 {
  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-26959:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26959 { flex-direction: column; } }
.component-26960 {
  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-26960:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26960 { flex-direction: column; } }
.component-26961 {
  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-26961:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26961 { flex-direction: column; } }
.component-26962 {
  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-26962:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26962 { flex-direction: column; } }
.component-26963 {
  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-26963:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26963 { flex-direction: column; } }
.component-26964 {
  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-26964:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26964 { flex-direction: column; } }
.component-26965 {
  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-26965:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26965 { flex-direction: column; } }
.component-26966 {
  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-26966:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26966 { flex-direction: column; } }
.component-26967 {
  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-26967:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26967 { flex-direction: column; } }
.component-26968 {
  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-26968:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26968 { flex-direction: column; } }
.component-26969 {
  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-26969:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26969 { flex-direction: column; } }
.component-26970 {
  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-26970:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26970 { flex-direction: column; } }
.component-26971 {
  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-26971:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26971 { flex-direction: column; } }
.component-26972 {
  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-26972:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26972 { flex-direction: column; } }
.component-26973 {
  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-26973:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26973 { flex-direction: column; } }
.component-26974 {
  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-26974:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26974 { flex-direction: column; } }
.component-26975 {
  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-26975:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26975 { flex-direction: column; } }
.component-26976 {
  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-26976:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26976 { flex-direction: column; } }
.component-26977 {
  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-26977:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26977 { flex-direction: column; } }
.component-26978 {
  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-26978:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26978 { flex-direction: column; } }
.component-26979 {
  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-26979:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26979 { flex-direction: column; } }
.component-26980 {
  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-26980:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26980 { flex-direction: column; } }
.component-26981 {
  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-26981:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26981 { flex-direction: column; } }
.component-26982 {
  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-26982:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26982 { flex-direction: column; } }
.component-26983 {
  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-26983:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26983 { flex-direction: column; } }
.component-26984 {
  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-26984:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26984 { flex-direction: column; } }
.component-26985 {
  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-26985:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-26985 { flex-direction: column; } }
.component-26986 {
  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-26986:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-26986 { flex-direction: column; } }
.component-26987 {
  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-26987:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-26987 { flex-direction: column; } }
.component-26988 {
  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-26988:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-26988 { flex-direction: column; } }
.component-26989 {
  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-26989:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-26989 { flex-direction: column; } }
.component-26990 {
  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-26990:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-26990 { flex-direction: column; } }
.component-26991 {
  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-26991:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-26991 { flex-direction: column; } }
.component-26992 {
  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-26992:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-26992 { flex-direction: column; } }
.component-26993 {
  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-26993:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-26993 { flex-direction: column; } }
.component-26994 {
  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-26994:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-26994 { flex-direction: column; } }
.component-26995 {
  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-26995:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-26995 { flex-direction: column; } }
.component-26996 {
  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-26996:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-26996 { flex-direction: column; } }
.component-26997 {
  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-26997:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-26997 { flex-direction: column; } }
.component-26998 {
  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-26998:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-26998 { flex-direction: column; } }
.component-26999 {
  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-26999:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-26999 { flex-direction: column; } }
.component-27000 {
  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-27000:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27000 { flex-direction: column; } }
.component-27001 {
  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-27001:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27001 { flex-direction: column; } }
.component-27002 {
  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-27002:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27002 { flex-direction: column; } }
.component-27003 {
  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-27003:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27003 { flex-direction: column; } }
.component-27004 {
  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-27004:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27004 { flex-direction: column; } }
.component-27005 {
  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-27005:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27005 { flex-direction: column; } }
.component-27006 {
  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-27006:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27006 { flex-direction: column; } }
.component-27007 {
  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-27007:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27007 { flex-direction: column; } }
.component-27008 {
  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-27008:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27008 { flex-direction: column; } }
.component-27009 {
  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-27009:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27009 { flex-direction: column; } }
.component-27010 {
  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-27010:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27010 { flex-direction: column; } }
.component-27011 {
  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-27011:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27011 { flex-direction: column; } }
.component-27012 {
  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-27012:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27012 { flex-direction: column; } }
.component-27013 {
  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-27013:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27013 { flex-direction: column; } }
.component-27014 {
  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-27014:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27014 { flex-direction: column; } }
.component-27015 {
  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-27015:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27015 { flex-direction: column; } }
.component-27016 {
  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-27016:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27016 { flex-direction: column; } }
.component-27017 {
  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-27017:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27017 { flex-direction: column; } }
.component-27018 {
  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-27018:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27018 { flex-direction: column; } }
.component-27019 {
  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-27019:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27019 { flex-direction: column; } }
.component-27020 {
  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-27020:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27020 { flex-direction: column; } }
.component-27021 {
  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-27021:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27021 { flex-direction: column; } }
.component-27022 {
  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-27022:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27022 { flex-direction: column; } }
.component-27023 {
  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-27023:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27023 { flex-direction: column; } }
.component-27024 {
  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-27024:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27024 { flex-direction: column; } }
.component-27025 {
  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-27025:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27025 { flex-direction: column; } }
.component-27026 {
  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-27026:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27026 { flex-direction: column; } }
.component-27027 {
  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-27027:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27027 { flex-direction: column; } }
.component-27028 {
  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-27028:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27028 { flex-direction: column; } }
.component-27029 {
  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-27029:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27029 { flex-direction: column; } }
.component-27030 {
  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-27030:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27030 { flex-direction: column; } }
.component-27031 {
  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-27031:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27031 { flex-direction: column; } }
.component-27032 {
  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-27032:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27032 { flex-direction: column; } }
.component-27033 {
  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-27033:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27033 { flex-direction: column; } }
.component-27034 {
  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-27034:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27034 { flex-direction: column; } }
.component-27035 {
  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-27035:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27035 { flex-direction: column; } }
.component-27036 {
  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-27036:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27036 { flex-direction: column; } }
.component-27037 {
  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-27037:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27037 { flex-direction: column; } }
.component-27038 {
  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-27038:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27038 { flex-direction: column; } }
.component-27039 {
  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-27039:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27039 { flex-direction: column; } }
.component-27040 {
  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-27040:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27040 { flex-direction: column; } }
.component-27041 {
  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-27041:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27041 { flex-direction: column; } }
.component-27042 {
  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-27042:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27042 { flex-direction: column; } }
.component-27043 {
  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-27043:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27043 { flex-direction: column; } }
.component-27044 {
  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-27044:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27044 { flex-direction: column; } }
.component-27045 {
  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-27045:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27045 { flex-direction: column; } }
.component-27046 {
  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-27046:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27046 { flex-direction: column; } }
.component-27047 {
  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-27047:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27047 { flex-direction: column; } }
.component-27048 {
  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-27048:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27048 { flex-direction: column; } }
.component-27049 {
  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-27049:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27049 { flex-direction: column; } }
.component-27050 {
  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-27050:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27050 { flex-direction: column; } }
.component-27051 {
  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-27051:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27051 { flex-direction: column; } }
.component-27052 {
  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-27052:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27052 { flex-direction: column; } }
.component-27053 {
  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-27053:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27053 { flex-direction: column; } }
.component-27054 {
  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-27054:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27054 { flex-direction: column; } }
.component-27055 {
  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-27055:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27055 { flex-direction: column; } }
.component-27056 {
  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-27056:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27056 { flex-direction: column; } }
.component-27057 {
  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-27057:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27057 { flex-direction: column; } }
.component-27058 {
  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-27058:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27058 { flex-direction: column; } }
.component-27059 {
  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-27059:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27059 { flex-direction: column; } }
.component-27060 {
  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-27060:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27060 { flex-direction: column; } }
.component-27061 {
  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-27061:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27061 { flex-direction: column; } }
.component-27062 {
  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-27062:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27062 { flex-direction: column; } }
.component-27063 {
  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-27063:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27063 { flex-direction: column; } }
.component-27064 {
  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-27064:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27064 { flex-direction: column; } }
.component-27065 {
  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-27065:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27065 { flex-direction: column; } }
.component-27066 {
  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-27066:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27066 { flex-direction: column; } }
.component-27067 {
  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-27067:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27067 { flex-direction: column; } }
.component-27068 {
  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-27068:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27068 { flex-direction: column; } }
.component-27069 {
  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-27069:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27069 { flex-direction: column; } }
.component-27070 {
  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-27070:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27070 { flex-direction: column; } }
.component-27071 {
  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-27071:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27071 { flex-direction: column; } }
.component-27072 {
  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-27072:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27072 { flex-direction: column; } }
.component-27073 {
  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-27073:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27073 { flex-direction: column; } }
.component-27074 {
  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-27074:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27074 { flex-direction: column; } }
.component-27075 {
  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-27075:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27075 { flex-direction: column; } }
.component-27076 {
  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-27076:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27076 { flex-direction: column; } }
.component-27077 {
  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-27077:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27077 { flex-direction: column; } }
.component-27078 {
  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-27078:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27078 { flex-direction: column; } }
.component-27079 {
  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-27079:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27079 { flex-direction: column; } }
.component-27080 {
  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-27080:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27080 { flex-direction: column; } }
.component-27081 {
  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-27081:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27081 { flex-direction: column; } }
.component-27082 {
  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-27082:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27082 { flex-direction: column; } }
.component-27083 {
  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-27083:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27083 { flex-direction: column; } }
.component-27084 {
  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-27084:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27084 { flex-direction: column; } }
.component-27085 {
  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-27085:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27085 { flex-direction: column; } }
.component-27086 {
  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-27086:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27086 { flex-direction: column; } }
.component-27087 {
  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-27087:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27087 { flex-direction: column; } }
.component-27088 {
  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-27088:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27088 { flex-direction: column; } }
.component-27089 {
  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-27089:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27089 { flex-direction: column; } }
.component-27090 {
  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-27090:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27090 { flex-direction: column; } }
.component-27091 {
  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-27091:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27091 { flex-direction: column; } }
.component-27092 {
  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-27092:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27092 { flex-direction: column; } }
.component-27093 {
  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-27093:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27093 { flex-direction: column; } }
.component-27094 {
  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-27094:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27094 { flex-direction: column; } }
.component-27095 {
  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-27095:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27095 { flex-direction: column; } }
.component-27096 {
  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-27096:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27096 { flex-direction: column; } }
.component-27097 {
  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-27097:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27097 { flex-direction: column; } }
.component-27098 {
  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-27098:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27098 { flex-direction: column; } }
.component-27099 {
  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-27099:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27099 { flex-direction: column; } }
.component-27100 {
  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-27100:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27100 { flex-direction: column; } }
.component-27101 {
  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-27101:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27101 { flex-direction: column; } }
.component-27102 {
  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-27102:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27102 { flex-direction: column; } }
.component-27103 {
  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-27103:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27103 { flex-direction: column; } }
.component-27104 {
  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-27104:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27104 { flex-direction: column; } }
.component-27105 {
  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-27105:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27105 { flex-direction: column; } }
.component-27106 {
  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-27106:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27106 { flex-direction: column; } }
.component-27107 {
  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-27107:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27107 { flex-direction: column; } }
.component-27108 {
  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-27108:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27108 { flex-direction: column; } }
.component-27109 {
  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-27109:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27109 { flex-direction: column; } }
.component-27110 {
  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-27110:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27110 { flex-direction: column; } }
.component-27111 {
  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-27111:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27111 { flex-direction: column; } }
.component-27112 {
  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-27112:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27112 { flex-direction: column; } }
.component-27113 {
  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-27113:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27113 { flex-direction: column; } }
.component-27114 {
  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-27114:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27114 { flex-direction: column; } }
.component-27115 {
  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-27115:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27115 { flex-direction: column; } }
.component-27116 {
  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-27116:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27116 { flex-direction: column; } }
.component-27117 {
  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-27117:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27117 { flex-direction: column; } }
.component-27118 {
  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-27118:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27118 { flex-direction: column; } }
.component-27119 {
  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-27119:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27119 { flex-direction: column; } }
.component-27120 {
  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-27120:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27120 { flex-direction: column; } }
.component-27121 {
  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-27121:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27121 { flex-direction: column; } }
.component-27122 {
  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-27122:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27122 { flex-direction: column; } }
.component-27123 {
  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-27123:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27123 { flex-direction: column; } }
.component-27124 {
  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-27124:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27124 { flex-direction: column; } }
.component-27125 {
  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-27125:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27125 { flex-direction: column; } }
.component-27126 {
  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-27126:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27126 { flex-direction: column; } }
.component-27127 {
  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-27127:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27127 { flex-direction: column; } }
.component-27128 {
  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-27128:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27128 { flex-direction: column; } }
.component-27129 {
  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-27129:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27129 { flex-direction: column; } }
.component-27130 {
  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-27130:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27130 { flex-direction: column; } }
.component-27131 {
  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-27131:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27131 { flex-direction: column; } }
.component-27132 {
  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-27132:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27132 { flex-direction: column; } }
.component-27133 {
  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-27133:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27133 { flex-direction: column; } }
.component-27134 {
  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-27134:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27134 { flex-direction: column; } }
.component-27135 {
  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-27135:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27135 { flex-direction: column; } }
.component-27136 {
  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-27136:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27136 { flex-direction: column; } }
.component-27137 {
  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-27137:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27137 { flex-direction: column; } }
.component-27138 {
  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-27138:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27138 { flex-direction: column; } }
.component-27139 {
  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-27139:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27139 { flex-direction: column; } }
.component-27140 {
  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-27140:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27140 { flex-direction: column; } }
.component-27141 {
  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-27141:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27141 { flex-direction: column; } }
.component-27142 {
  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-27142:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27142 { flex-direction: column; } }
.component-27143 {
  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-27143:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27143 { flex-direction: column; } }
.component-27144 {
  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-27144:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27144 { flex-direction: column; } }
.component-27145 {
  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-27145:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27145 { flex-direction: column; } }
.component-27146 {
  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-27146:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27146 { flex-direction: column; } }
.component-27147 {
  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-27147:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27147 { flex-direction: column; } }
.component-27148 {
  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-27148:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27148 { flex-direction: column; } }
.component-27149 {
  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-27149:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27149 { flex-direction: column; } }
.component-27150 {
  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-27150:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27150 { flex-direction: column; } }
.component-27151 {
  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-27151:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27151 { flex-direction: column; } }
.component-27152 {
  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-27152:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27152 { flex-direction: column; } }
.component-27153 {
  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-27153:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27153 { flex-direction: column; } }
.component-27154 {
  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-27154:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27154 { flex-direction: column; } }
.component-27155 {
  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-27155:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27155 { flex-direction: column; } }
.component-27156 {
  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-27156:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27156 { flex-direction: column; } }
.component-27157 {
  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-27157:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27157 { flex-direction: column; } }
.component-27158 {
  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-27158:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27158 { flex-direction: column; } }
.component-27159 {
  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-27159:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27159 { flex-direction: column; } }
.component-27160 {
  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-27160:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27160 { flex-direction: column; } }
.component-27161 {
  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-27161:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27161 { flex-direction: column; } }
.component-27162 {
  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-27162:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27162 { flex-direction: column; } }
.component-27163 {
  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-27163:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27163 { flex-direction: column; } }
.component-27164 {
  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-27164:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27164 { flex-direction: column; } }
.component-27165 {
  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-27165:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27165 { flex-direction: column; } }
.component-27166 {
  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-27166:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27166 { flex-direction: column; } }
.component-27167 {
  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-27167:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27167 { flex-direction: column; } }
.component-27168 {
  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-27168:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27168 { flex-direction: column; } }
.component-27169 {
  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-27169:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27169 { flex-direction: column; } }
.component-27170 {
  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-27170:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27170 { flex-direction: column; } }
.component-27171 {
  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-27171:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27171 { flex-direction: column; } }
.component-27172 {
  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-27172:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27172 { flex-direction: column; } }
.component-27173 {
  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-27173:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27173 { flex-direction: column; } }
.component-27174 {
  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-27174:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27174 { flex-direction: column; } }
.component-27175 {
  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-27175:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27175 { flex-direction: column; } }
.component-27176 {
  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-27176:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27176 { flex-direction: column; } }
.component-27177 {
  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-27177:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27177 { flex-direction: column; } }
.component-27178 {
  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-27178:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27178 { flex-direction: column; } }
.component-27179 {
  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-27179:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27179 { flex-direction: column; } }
.component-27180 {
  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-27180:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27180 { flex-direction: column; } }
.component-27181 {
  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-27181:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27181 { flex-direction: column; } }
.component-27182 {
  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-27182:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27182 { flex-direction: column; } }
.component-27183 {
  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-27183:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27183 { flex-direction: column; } }
.component-27184 {
  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-27184:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27184 { flex-direction: column; } }
.component-27185 {
  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-27185:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27185 { flex-direction: column; } }
.component-27186 {
  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-27186:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27186 { flex-direction: column; } }
.component-27187 {
  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-27187:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27187 { flex-direction: column; } }
.component-27188 {
  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-27188:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27188 { flex-direction: column; } }
.component-27189 {
  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-27189:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27189 { flex-direction: column; } }
.component-27190 {
  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-27190:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27190 { flex-direction: column; } }
.component-27191 {
  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-27191:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27191 { flex-direction: column; } }
.component-27192 {
  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-27192:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27192 { flex-direction: column; } }
.component-27193 {
  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-27193:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27193 { flex-direction: column; } }
.component-27194 {
  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-27194:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27194 { flex-direction: column; } }
.component-27195 {
  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-27195:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27195 { flex-direction: column; } }
.component-27196 {
  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-27196:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27196 { flex-direction: column; } }
.component-27197 {
  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-27197:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27197 { flex-direction: column; } }
.component-27198 {
  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-27198:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27198 { flex-direction: column; } }
.component-27199 {
  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-27199:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27199 { flex-direction: column; } }
.component-27200 {
  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-27200:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27200 { flex-direction: column; } }
.component-27201 {
  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-27201:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27201 { flex-direction: column; } }
.component-27202 {
  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-27202:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27202 { flex-direction: column; } }
.component-27203 {
  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-27203:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27203 { flex-direction: column; } }
.component-27204 {
  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-27204:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27204 { flex-direction: column; } }
.component-27205 {
  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-27205:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27205 { flex-direction: column; } }
.component-27206 {
  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-27206:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27206 { flex-direction: column; } }
.component-27207 {
  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-27207:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27207 { flex-direction: column; } }
.component-27208 {
  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-27208:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27208 { flex-direction: column; } }
.component-27209 {
  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-27209:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27209 { flex-direction: column; } }
.component-27210 {
  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-27210:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27210 { flex-direction: column; } }
.component-27211 {
  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-27211:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27211 { flex-direction: column; } }
.component-27212 {
  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-27212:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27212 { flex-direction: column; } }
.component-27213 {
  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-27213:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27213 { flex-direction: column; } }
.component-27214 {
  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-27214:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27214 { flex-direction: column; } }
.component-27215 {
  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-27215:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27215 { flex-direction: column; } }
.component-27216 {
  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-27216:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27216 { flex-direction: column; } }
.component-27217 {
  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-27217:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27217 { flex-direction: column; } }
.component-27218 {
  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-27218:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27218 { flex-direction: column; } }
.component-27219 {
  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-27219:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27219 { flex-direction: column; } }
.component-27220 {
  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-27220:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27220 { flex-direction: column; } }
.component-27221 {
  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-27221:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27221 { flex-direction: column; } }
.component-27222 {
  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-27222:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27222 { flex-direction: column; } }
.component-27223 {
  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-27223:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27223 { flex-direction: column; } }
.component-27224 {
  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-27224:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27224 { flex-direction: column; } }
.component-27225 {
  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-27225:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27225 { flex-direction: column; } }
.component-27226 {
  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-27226:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27226 { flex-direction: column; } }
.component-27227 {
  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-27227:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27227 { flex-direction: column; } }
.component-27228 {
  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-27228:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27228 { flex-direction: column; } }
.component-27229 {
  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-27229:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27229 { flex-direction: column; } }
.component-27230 {
  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-27230:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27230 { flex-direction: column; } }
.component-27231 {
  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-27231:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27231 { flex-direction: column; } }
.component-27232 {
  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-27232:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27232 { flex-direction: column; } }
.component-27233 {
  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-27233:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27233 { flex-direction: column; } }
.component-27234 {
  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-27234:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27234 { flex-direction: column; } }
.component-27235 {
  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-27235:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27235 { flex-direction: column; } }
.component-27236 {
  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-27236:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27236 { flex-direction: column; } }
.component-27237 {
  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-27237:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27237 { flex-direction: column; } }
.component-27238 {
  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-27238:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27238 { flex-direction: column; } }
.component-27239 {
  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-27239:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27239 { flex-direction: column; } }
.component-27240 {
  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-27240:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27240 { flex-direction: column; } }
.component-27241 {
  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-27241:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27241 { flex-direction: column; } }
.component-27242 {
  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-27242:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27242 { flex-direction: column; } }
.component-27243 {
  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-27243:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27243 { flex-direction: column; } }
.component-27244 {
  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-27244:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27244 { flex-direction: column; } }
.component-27245 {
  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-27245:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27245 { flex-direction: column; } }
.component-27246 {
  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-27246:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27246 { flex-direction: column; } }
.component-27247 {
  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-27247:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27247 { flex-direction: column; } }
.component-27248 {
  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-27248:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27248 { flex-direction: column; } }
.component-27249 {
  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-27249:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27249 { flex-direction: column; } }
.component-27250 {
  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-27250:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27250 { flex-direction: column; } }
.component-27251 {
  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-27251:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27251 { flex-direction: column; } }
.component-27252 {
  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-27252:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27252 { flex-direction: column; } }
.component-27253 {
  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-27253:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27253 { flex-direction: column; } }
.component-27254 {
  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-27254:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27254 { flex-direction: column; } }
.component-27255 {
  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-27255:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27255 { flex-direction: column; } }
.component-27256 {
  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-27256:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27256 { flex-direction: column; } }
.component-27257 {
  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-27257:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27257 { flex-direction: column; } }
.component-27258 {
  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-27258:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27258 { flex-direction: column; } }
.component-27259 {
  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-27259:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27259 { flex-direction: column; } }
.component-27260 {
  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-27260:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27260 { flex-direction: column; } }
.component-27261 {
  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-27261:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27261 { flex-direction: column; } }
.component-27262 {
  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-27262:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27262 { flex-direction: column; } }
.component-27263 {
  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-27263:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27263 { flex-direction: column; } }
.component-27264 {
  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-27264:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27264 { flex-direction: column; } }
.component-27265 {
  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-27265:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27265 { flex-direction: column; } }
.component-27266 {
  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-27266:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27266 { flex-direction: column; } }
.component-27267 {
  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-27267:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27267 { flex-direction: column; } }
.component-27268 {
  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-27268:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27268 { flex-direction: column; } }
.component-27269 {
  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-27269:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27269 { flex-direction: column; } }
.component-27270 {
  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-27270:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27270 { flex-direction: column; } }
.component-27271 {
  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-27271:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27271 { flex-direction: column; } }
.component-27272 {
  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-27272:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27272 { flex-direction: column; } }
.component-27273 {
  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-27273:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27273 { flex-direction: column; } }
.component-27274 {
  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-27274:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27274 { flex-direction: column; } }
.component-27275 {
  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-27275:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27275 { flex-direction: column; } }
.component-27276 {
  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-27276:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27276 { flex-direction: column; } }
.component-27277 {
  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-27277:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27277 { flex-direction: column; } }
.component-27278 {
  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-27278:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27278 { flex-direction: column; } }
.component-27279 {
  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-27279:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27279 { flex-direction: column; } }
.component-27280 {
  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-27280:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27280 { flex-direction: column; } }
.component-27281 {
  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-27281:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27281 { flex-direction: column; } }
.component-27282 {
  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-27282:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27282 { flex-direction: column; } }
.component-27283 {
  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-27283:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27283 { flex-direction: column; } }
.component-27284 {
  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-27284:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27284 { flex-direction: column; } }
.component-27285 {
  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-27285:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27285 { flex-direction: column; } }
.component-27286 {
  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-27286:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27286 { flex-direction: column; } }
.component-27287 {
  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-27287:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27287 { flex-direction: column; } }
.component-27288 {
  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-27288:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27288 { flex-direction: column; } }
.component-27289 {
  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-27289:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27289 { flex-direction: column; } }
.component-27290 {
  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-27290:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27290 { flex-direction: column; } }
.component-27291 {
  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-27291:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27291 { flex-direction: column; } }
.component-27292 {
  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-27292:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27292 { flex-direction: column; } }
.component-27293 {
  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-27293:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27293 { flex-direction: column; } }
.component-27294 {
  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-27294:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27294 { flex-direction: column; } }
.component-27295 {
  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-27295:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27295 { flex-direction: column; } }
.component-27296 {
  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-27296:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27296 { flex-direction: column; } }
.component-27297 {
  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-27297:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27297 { flex-direction: column; } }
.component-27298 {
  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-27298:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27298 { flex-direction: column; } }
.component-27299 {
  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-27299:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27299 { flex-direction: column; } }
.component-27300 {
  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-27300:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27300 { flex-direction: column; } }
.component-27301 {
  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-27301:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27301 { flex-direction: column; } }
.component-27302 {
  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-27302:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27302 { flex-direction: column; } }
.component-27303 {
  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-27303:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27303 { flex-direction: column; } }
.component-27304 {
  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-27304:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27304 { flex-direction: column; } }
.component-27305 {
  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-27305:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27305 { flex-direction: column; } }
.component-27306 {
  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-27306:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27306 { flex-direction: column; } }
.component-27307 {
  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-27307:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27307 { flex-direction: column; } }
.component-27308 {
  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-27308:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27308 { flex-direction: column; } }
.component-27309 {
  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-27309:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27309 { flex-direction: column; } }
.component-27310 {
  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-27310:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27310 { flex-direction: column; } }
.component-27311 {
  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-27311:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27311 { flex-direction: column; } }
.component-27312 {
  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-27312:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27312 { flex-direction: column; } }
.component-27313 {
  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-27313:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27313 { flex-direction: column; } }
.component-27314 {
  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-27314:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27314 { flex-direction: column; } }
.component-27315 {
  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-27315:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27315 { flex-direction: column; } }
.component-27316 {
  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-27316:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27316 { flex-direction: column; } }
.component-27317 {
  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-27317:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27317 { flex-direction: column; } }
.component-27318 {
  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-27318:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27318 { flex-direction: column; } }
.component-27319 {
  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-27319:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27319 { flex-direction: column; } }
.component-27320 {
  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-27320:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27320 { flex-direction: column; } }
.component-27321 {
  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-27321:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27321 { flex-direction: column; } }
.component-27322 {
  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-27322:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27322 { flex-direction: column; } }
.component-27323 {
  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-27323:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27323 { flex-direction: column; } }
.component-27324 {
  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-27324:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27324 { flex-direction: column; } }
.component-27325 {
  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-27325:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27325 { flex-direction: column; } }
.component-27326 {
  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-27326:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27326 { flex-direction: column; } }
.component-27327 {
  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-27327:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27327 { flex-direction: column; } }
.component-27328 {
  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-27328:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27328 { flex-direction: column; } }
.component-27329 {
  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-27329:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27329 { flex-direction: column; } }
.component-27330 {
  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-27330:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27330 { flex-direction: column; } }
.component-27331 {
  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-27331:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27331 { flex-direction: column; } }
.component-27332 {
  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-27332:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27332 { flex-direction: column; } }
.component-27333 {
  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-27333:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27333 { flex-direction: column; } }
.component-27334 {
  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-27334:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27334 { flex-direction: column; } }
.component-27335 {
  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-27335:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27335 { flex-direction: column; } }
.component-27336 {
  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-27336:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27336 { flex-direction: column; } }
.component-27337 {
  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-27337:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27337 { flex-direction: column; } }
.component-27338 {
  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-27338:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27338 { flex-direction: column; } }
.component-27339 {
  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-27339:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27339 { flex-direction: column; } }
.component-27340 {
  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-27340:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27340 { flex-direction: column; } }
.component-27341 {
  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-27341:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27341 { flex-direction: column; } }
.component-27342 {
  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-27342:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27342 { flex-direction: column; } }
.component-27343 {
  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-27343:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27343 { flex-direction: column; } }
.component-27344 {
  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-27344:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27344 { flex-direction: column; } }
.component-27345 {
  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-27345:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27345 { flex-direction: column; } }
.component-27346 {
  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-27346:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27346 { flex-direction: column; } }
.component-27347 {
  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-27347:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27347 { flex-direction: column; } }
.component-27348 {
  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-27348:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27348 { flex-direction: column; } }
.component-27349 {
  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-27349:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27349 { flex-direction: column; } }
.component-27350 {
  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-27350:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27350 { flex-direction: column; } }
.component-27351 {
  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-27351:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27351 { flex-direction: column; } }
.component-27352 {
  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-27352:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27352 { flex-direction: column; } }
.component-27353 {
  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-27353:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27353 { flex-direction: column; } }
.component-27354 {
  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-27354:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27354 { flex-direction: column; } }
.component-27355 {
  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-27355:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27355 { flex-direction: column; } }
.component-27356 {
  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-27356:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27356 { flex-direction: column; } }
.component-27357 {
  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-27357:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27357 { flex-direction: column; } }
.component-27358 {
  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-27358:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27358 { flex-direction: column; } }
.component-27359 {
  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-27359:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27359 { flex-direction: column; } }
.component-27360 {
  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-27360:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27360 { flex-direction: column; } }
.component-27361 {
  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-27361:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27361 { flex-direction: column; } }
.component-27362 {
  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-27362:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27362 { flex-direction: column; } }
.component-27363 {
  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-27363:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27363 { flex-direction: column; } }
.component-27364 {
  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-27364:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27364 { flex-direction: column; } }
.component-27365 {
  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-27365:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27365 { flex-direction: column; } }
.component-27366 {
  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-27366:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27366 { flex-direction: column; } }
.component-27367 {
  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-27367:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27367 { flex-direction: column; } }
.component-27368 {
  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-27368:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27368 { flex-direction: column; } }
.component-27369 {
  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-27369:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27369 { flex-direction: column; } }
.component-27370 {
  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-27370:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27370 { flex-direction: column; } }
.component-27371 {
  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-27371:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27371 { flex-direction: column; } }
.component-27372 {
  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-27372:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27372 { flex-direction: column; } }
.component-27373 {
  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-27373:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27373 { flex-direction: column; } }
.component-27374 {
  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-27374:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27374 { flex-direction: column; } }
.component-27375 {
  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-27375:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27375 { flex-direction: column; } }
.component-27376 {
  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-27376:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27376 { flex-direction: column; } }
.component-27377 {
  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-27377:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27377 { flex-direction: column; } }
.component-27378 {
  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-27378:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27378 { flex-direction: column; } }
.component-27379 {
  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-27379:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27379 { flex-direction: column; } }
.component-27380 {
  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-27380:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27380 { flex-direction: column; } }
.component-27381 {
  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-27381:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27381 { flex-direction: column; } }
.component-27382 {
  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-27382:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27382 { flex-direction: column; } }
.component-27383 {
  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-27383:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27383 { flex-direction: column; } }
.component-27384 {
  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-27384:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27384 { flex-direction: column; } }
.component-27385 {
  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-27385:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27385 { flex-direction: column; } }
.component-27386 {
  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-27386:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27386 { flex-direction: column; } }
.component-27387 {
  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-27387:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27387 { flex-direction: column; } }
.component-27388 {
  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-27388:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27388 { flex-direction: column; } }
.component-27389 {
  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-27389:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27389 { flex-direction: column; } }
.component-27390 {
  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-27390:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27390 { flex-direction: column; } }
.component-27391 {
  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-27391:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27391 { flex-direction: column; } }
.component-27392 {
  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-27392:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27392 { flex-direction: column; } }
.component-27393 {
  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-27393:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27393 { flex-direction: column; } }
.component-27394 {
  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-27394:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27394 { flex-direction: column; } }
.component-27395 {
  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-27395:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27395 { flex-direction: column; } }
.component-27396 {
  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-27396:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27396 { flex-direction: column; } }
.component-27397 {
  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-27397:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27397 { flex-direction: column; } }
.component-27398 {
  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-27398:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27398 { flex-direction: column; } }
.component-27399 {
  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-27399:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27399 { flex-direction: column; } }
.component-27400 {
  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-27400:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27400 { flex-direction: column; } }
.component-27401 {
  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-27401:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27401 { flex-direction: column; } }
.component-27402 {
  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-27402:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27402 { flex-direction: column; } }
.component-27403 {
  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-27403:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27403 { flex-direction: column; } }
.component-27404 {
  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-27404:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27404 { flex-direction: column; } }
.component-27405 {
  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-27405:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27405 { flex-direction: column; } }
.component-27406 {
  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-27406:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27406 { flex-direction: column; } }
.component-27407 {
  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-27407:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27407 { flex-direction: column; } }
.component-27408 {
  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-27408:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27408 { flex-direction: column; } }
.component-27409 {
  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-27409:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27409 { flex-direction: column; } }
.component-27410 {
  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-27410:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27410 { flex-direction: column; } }
.component-27411 {
  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-27411:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27411 { flex-direction: column; } }
.component-27412 {
  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-27412:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27412 { flex-direction: column; } }
.component-27413 {
  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-27413:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27413 { flex-direction: column; } }
.component-27414 {
  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-27414:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27414 { flex-direction: column; } }
.component-27415 {
  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-27415:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27415 { flex-direction: column; } }
.component-27416 {
  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-27416:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27416 { flex-direction: column; } }
.component-27417 {
  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-27417:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27417 { flex-direction: column; } }
.component-27418 {
  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-27418:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27418 { flex-direction: column; } }
.component-27419 {
  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-27419:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27419 { flex-direction: column; } }
.component-27420 {
  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-27420:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27420 { flex-direction: column; } }
.component-27421 {
  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-27421:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27421 { flex-direction: column; } }
.component-27422 {
  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-27422:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27422 { flex-direction: column; } }
.component-27423 {
  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-27423:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27423 { flex-direction: column; } }
.component-27424 {
  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-27424:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27424 { flex-direction: column; } }
.component-27425 {
  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-27425:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27425 { flex-direction: column; } }
.component-27426 {
  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-27426:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27426 { flex-direction: column; } }
.component-27427 {
  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-27427:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27427 { flex-direction: column; } }
.component-27428 {
  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-27428:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27428 { flex-direction: column; } }
.component-27429 {
  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-27429:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27429 { flex-direction: column; } }
.component-27430 {
  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-27430:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27430 { flex-direction: column; } }
.component-27431 {
  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-27431:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27431 { flex-direction: column; } }
.component-27432 {
  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-27432:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27432 { flex-direction: column; } }
.component-27433 {
  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-27433:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27433 { flex-direction: column; } }
.component-27434 {
  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-27434:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27434 { flex-direction: column; } }
.component-27435 {
  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-27435:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27435 { flex-direction: column; } }
.component-27436 {
  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-27436:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27436 { flex-direction: column; } }
.component-27437 {
  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-27437:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27437 { flex-direction: column; } }
.component-27438 {
  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-27438:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27438 { flex-direction: column; } }
.component-27439 {
  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-27439:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27439 { flex-direction: column; } }
.component-27440 {
  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-27440:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27440 { flex-direction: column; } }
.component-27441 {
  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-27441:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27441 { flex-direction: column; } }
.component-27442 {
  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-27442:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27442 { flex-direction: column; } }
.component-27443 {
  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-27443:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27443 { flex-direction: column; } }
.component-27444 {
  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-27444:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27444 { flex-direction: column; } }
.component-27445 {
  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-27445:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27445 { flex-direction: column; } }
.component-27446 {
  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-27446:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27446 { flex-direction: column; } }
.component-27447 {
  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-27447:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27447 { flex-direction: column; } }
.component-27448 {
  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-27448:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27448 { flex-direction: column; } }
.component-27449 {
  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-27449:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27449 { flex-direction: column; } }
.component-27450 {
  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-27450:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27450 { flex-direction: column; } }
.component-27451 {
  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-27451:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27451 { flex-direction: column; } }
.component-27452 {
  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-27452:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27452 { flex-direction: column; } }
.component-27453 {
  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-27453:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27453 { flex-direction: column; } }
.component-27454 {
  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-27454:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27454 { flex-direction: column; } }
.component-27455 {
  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-27455:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27455 { flex-direction: column; } }
.component-27456 {
  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-27456:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27456 { flex-direction: column; } }
.component-27457 {
  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-27457:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27457 { flex-direction: column; } }
.component-27458 {
  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-27458:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27458 { flex-direction: column; } }
.component-27459 {
  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-27459:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27459 { flex-direction: column; } }
.component-27460 {
  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-27460:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27460 { flex-direction: column; } }
.component-27461 {
  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-27461:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27461 { flex-direction: column; } }
.component-27462 {
  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-27462:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27462 { flex-direction: column; } }
.component-27463 {
  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-27463:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27463 { flex-direction: column; } }
.component-27464 {
  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-27464:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27464 { flex-direction: column; } }
.component-27465 {
  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-27465:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27465 { flex-direction: column; } }
.component-27466 {
  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-27466:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27466 { flex-direction: column; } }
.component-27467 {
  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-27467:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27467 { flex-direction: column; } }
.component-27468 {
  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-27468:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27468 { flex-direction: column; } }
.component-27469 {
  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-27469:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27469 { flex-direction: column; } }
.component-27470 {
  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-27470:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27470 { flex-direction: column; } }
.component-27471 {
  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-27471:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27471 { flex-direction: column; } }
.component-27472 {
  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-27472:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27472 { flex-direction: column; } }
.component-27473 {
  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-27473:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27473 { flex-direction: column; } }
.component-27474 {
  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-27474:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27474 { flex-direction: column; } }
.component-27475 {
  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-27475:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27475 { flex-direction: column; } }
.component-27476 {
  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-27476:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27476 { flex-direction: column; } }
.component-27477 {
  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-27477:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27477 { flex-direction: column; } }
.component-27478 {
  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-27478:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27478 { flex-direction: column; } }
.component-27479 {
  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-27479:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27479 { flex-direction: column; } }
.component-27480 {
  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-27480:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27480 { flex-direction: column; } }
.component-27481 {
  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-27481:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27481 { flex-direction: column; } }
.component-27482 {
  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-27482:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27482 { flex-direction: column; } }
.component-27483 {
  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-27483:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27483 { flex-direction: column; } }
.component-27484 {
  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-27484:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27484 { flex-direction: column; } }
.component-27485 {
  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-27485:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27485 { flex-direction: column; } }
.component-27486 {
  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-27486:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27486 { flex-direction: column; } }
.component-27487 {
  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-27487:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27487 { flex-direction: column; } }
.component-27488 {
  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-27488:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27488 { flex-direction: column; } }
.component-27489 {
  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-27489:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27489 { flex-direction: column; } }
.component-27490 {
  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-27490:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27490 { flex-direction: column; } }
.component-27491 {
  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-27491:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27491 { flex-direction: column; } }
.component-27492 {
  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-27492:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27492 { flex-direction: column; } }
.component-27493 {
  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-27493:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27493 { flex-direction: column; } }
.component-27494 {
  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-27494:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27494 { flex-direction: column; } }
.component-27495 {
  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-27495:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27495 { flex-direction: column; } }
.component-27496 {
  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-27496:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27496 { flex-direction: column; } }
.component-27497 {
  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-27497:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27497 { flex-direction: column; } }
.component-27498 {
  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-27498:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27498 { flex-direction: column; } }
.component-27499 {
  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-27499:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27499 { flex-direction: column; } }
.component-27500 {
  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-27500:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27500 { flex-direction: column; } }
.component-27501 {
  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-27501:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27501 { flex-direction: column; } }
.component-27502 {
  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-27502:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27502 { flex-direction: column; } }
.component-27503 {
  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-27503:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27503 { flex-direction: column; } }
.component-27504 {
  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-27504:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27504 { flex-direction: column; } }
.component-27505 {
  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-27505:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27505 { flex-direction: column; } }
.component-27506 {
  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-27506:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27506 { flex-direction: column; } }
.component-27507 {
  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-27507:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27507 { flex-direction: column; } }
.component-27508 {
  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-27508:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27508 { flex-direction: column; } }
.component-27509 {
  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-27509:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27509 { flex-direction: column; } }
.component-27510 {
  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-27510:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27510 { flex-direction: column; } }
.component-27511 {
  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-27511:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27511 { flex-direction: column; } }
.component-27512 {
  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-27512:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27512 { flex-direction: column; } }
.component-27513 {
  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-27513:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27513 { flex-direction: column; } }
.component-27514 {
  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-27514:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27514 { flex-direction: column; } }
.component-27515 {
  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-27515:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27515 { flex-direction: column; } }
.component-27516 {
  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-27516:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27516 { flex-direction: column; } }
.component-27517 {
  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-27517:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27517 { flex-direction: column; } }
.component-27518 {
  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-27518:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27518 { flex-direction: column; } }
.component-27519 {
  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-27519:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27519 { flex-direction: column; } }
.component-27520 {
  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-27520:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27520 { flex-direction: column; } }
.component-27521 {
  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-27521:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27521 { flex-direction: column; } }
.component-27522 {
  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-27522:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27522 { flex-direction: column; } }
.component-27523 {
  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-27523:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27523 { flex-direction: column; } }
.component-27524 {
  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-27524:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27524 { flex-direction: column; } }
.component-27525 {
  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-27525:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27525 { flex-direction: column; } }
.component-27526 {
  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-27526:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27526 { flex-direction: column; } }
.component-27527 {
  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-27527:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27527 { flex-direction: column; } }
.component-27528 {
  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-27528:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27528 { flex-direction: column; } }
.component-27529 {
  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-27529:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27529 { flex-direction: column; } }
.component-27530 {
  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-27530:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27530 { flex-direction: column; } }
.component-27531 {
  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-27531:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27531 { flex-direction: column; } }
.component-27532 {
  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-27532:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27532 { flex-direction: column; } }
.component-27533 {
  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-27533:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27533 { flex-direction: column; } }
.component-27534 {
  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-27534:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27534 { flex-direction: column; } }
.component-27535 {
  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-27535:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27535 { flex-direction: column; } }
.component-27536 {
  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-27536:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27536 { flex-direction: column; } }
.component-27537 {
  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-27537:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27537 { flex-direction: column; } }
.component-27538 {
  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-27538:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27538 { flex-direction: column; } }
.component-27539 {
  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-27539:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27539 { flex-direction: column; } }
.component-27540 {
  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-27540:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27540 { flex-direction: column; } }
.component-27541 {
  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-27541:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27541 { flex-direction: column; } }
.component-27542 {
  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-27542:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27542 { flex-direction: column; } }
.component-27543 {
  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-27543:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27543 { flex-direction: column; } }
.component-27544 {
  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-27544:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27544 { flex-direction: column; } }
.component-27545 {
  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-27545:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27545 { flex-direction: column; } }
.component-27546 {
  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-27546:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27546 { flex-direction: column; } }
.component-27547 {
  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-27547:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27547 { flex-direction: column; } }
.component-27548 {
  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-27548:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27548 { flex-direction: column; } }
.component-27549 {
  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-27549:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27549 { flex-direction: column; } }
.component-27550 {
  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-27550:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27550 { flex-direction: column; } }
.component-27551 {
  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-27551:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27551 { flex-direction: column; } }
.component-27552 {
  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-27552:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27552 { flex-direction: column; } }
.component-27553 {
  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-27553:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27553 { flex-direction: column; } }
.component-27554 {
  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-27554:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27554 { flex-direction: column; } }
.component-27555 {
  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-27555:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27555 { flex-direction: column; } }
.component-27556 {
  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-27556:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27556 { flex-direction: column; } }
.component-27557 {
  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-27557:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27557 { flex-direction: column; } }
.component-27558 {
  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-27558:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27558 { flex-direction: column; } }
.component-27559 {
  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-27559:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27559 { flex-direction: column; } }
.component-27560 {
  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-27560:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27560 { flex-direction: column; } }
.component-27561 {
  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-27561:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27561 { flex-direction: column; } }
.component-27562 {
  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-27562:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27562 { flex-direction: column; } }
.component-27563 {
  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-27563:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27563 { flex-direction: column; } }
.component-27564 {
  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-27564:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27564 { flex-direction: column; } }
.component-27565 {
  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-27565:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27565 { flex-direction: column; } }
.component-27566 {
  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-27566:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27566 { flex-direction: column; } }
.component-27567 {
  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-27567:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27567 { flex-direction: column; } }
.component-27568 {
  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-27568:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27568 { flex-direction: column; } }
.component-27569 {
  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-27569:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27569 { flex-direction: column; } }
.component-27570 {
  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-27570:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27570 { flex-direction: column; } }
.component-27571 {
  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-27571:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27571 { flex-direction: column; } }
.component-27572 {
  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-27572:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27572 { flex-direction: column; } }
.component-27573 {
  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-27573:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27573 { flex-direction: column; } }
.component-27574 {
  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-27574:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27574 { flex-direction: column; } }
.component-27575 {
  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-27575:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27575 { flex-direction: column; } }
.component-27576 {
  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-27576:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27576 { flex-direction: column; } }
.component-27577 {
  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-27577:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27577 { flex-direction: column; } }
.component-27578 {
  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-27578:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27578 { flex-direction: column; } }
.component-27579 {
  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-27579:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27579 { flex-direction: column; } }
.component-27580 {
  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-27580:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27580 { flex-direction: column; } }
.component-27581 {
  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-27581:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27581 { flex-direction: column; } }
.component-27582 {
  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-27582:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27582 { flex-direction: column; } }
.component-27583 {
  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-27583:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27583 { flex-direction: column; } }
.component-27584 {
  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-27584:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27584 { flex-direction: column; } }
.component-27585 {
  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-27585:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27585 { flex-direction: column; } }
.component-27586 {
  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-27586:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27586 { flex-direction: column; } }
.component-27587 {
  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-27587:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27587 { flex-direction: column; } }
.component-27588 {
  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-27588:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27588 { flex-direction: column; } }
.component-27589 {
  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-27589:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27589 { flex-direction: column; } }
.component-27590 {
  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-27590:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27590 { flex-direction: column; } }
.component-27591 {
  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-27591:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27591 { flex-direction: column; } }
.component-27592 {
  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-27592:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27592 { flex-direction: column; } }
.component-27593 {
  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-27593:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27593 { flex-direction: column; } }
.component-27594 {
  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-27594:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27594 { flex-direction: column; } }
.component-27595 {
  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-27595:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27595 { flex-direction: column; } }
.component-27596 {
  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-27596:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27596 { flex-direction: column; } }
.component-27597 {
  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-27597:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27597 { flex-direction: column; } }
.component-27598 {
  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-27598:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27598 { flex-direction: column; } }
.component-27599 {
  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-27599:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27599 { flex-direction: column; } }
.component-27600 {
  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-27600:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27600 { flex-direction: column; } }
.component-27601 {
  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-27601:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27601 { flex-direction: column; } }
.component-27602 {
  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-27602:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27602 { flex-direction: column; } }
.component-27603 {
  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-27603:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27603 { flex-direction: column; } }
.component-27604 {
  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-27604:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27604 { flex-direction: column; } }
.component-27605 {
  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-27605:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27605 { flex-direction: column; } }
.component-27606 {
  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-27606:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27606 { flex-direction: column; } }
.component-27607 {
  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-27607:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27607 { flex-direction: column; } }
.component-27608 {
  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-27608:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27608 { flex-direction: column; } }
.component-27609 {
  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-27609:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27609 { flex-direction: column; } }
.component-27610 {
  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-27610:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27610 { flex-direction: column; } }
.component-27611 {
  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-27611:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27611 { flex-direction: column; } }
.component-27612 {
  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-27612:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27612 { flex-direction: column; } }
.component-27613 {
  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-27613:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27613 { flex-direction: column; } }
.component-27614 {
  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-27614:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27614 { flex-direction: column; } }
.component-27615 {
  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-27615:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27615 { flex-direction: column; } }
.component-27616 {
  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-27616:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27616 { flex-direction: column; } }
.component-27617 {
  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-27617:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27617 { flex-direction: column; } }
.component-27618 {
  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-27618:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27618 { flex-direction: column; } }
.component-27619 {
  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-27619:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27619 { flex-direction: column; } }
.component-27620 {
  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-27620:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27620 { flex-direction: column; } }
.component-27621 {
  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-27621:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27621 { flex-direction: column; } }
.component-27622 {
  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-27622:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27622 { flex-direction: column; } }
.component-27623 {
  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-27623:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27623 { flex-direction: column; } }
.component-27624 {
  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-27624:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27624 { flex-direction: column; } }
.component-27625 {
  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-27625:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27625 { flex-direction: column; } }
.component-27626 {
  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-27626:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27626 { flex-direction: column; } }
.component-27627 {
  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-27627:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27627 { flex-direction: column; } }
.component-27628 {
  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-27628:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27628 { flex-direction: column; } }
.component-27629 {
  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-27629:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27629 { flex-direction: column; } }
.component-27630 {
  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-27630:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27630 { flex-direction: column; } }
.component-27631 {
  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-27631:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27631 { flex-direction: column; } }
.component-27632 {
  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-27632:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27632 { flex-direction: column; } }
.component-27633 {
  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-27633:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27633 { flex-direction: column; } }
.component-27634 {
  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-27634:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27634 { flex-direction: column; } }
.component-27635 {
  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-27635:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27635 { flex-direction: column; } }
.component-27636 {
  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-27636:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27636 { flex-direction: column; } }
.component-27637 {
  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-27637:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27637 { flex-direction: column; } }
.component-27638 {
  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-27638:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27638 { flex-direction: column; } }
.component-27639 {
  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-27639:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27639 { flex-direction: column; } }
.component-27640 {
  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-27640:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27640 { flex-direction: column; } }
.component-27641 {
  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-27641:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27641 { flex-direction: column; } }
.component-27642 {
  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-27642:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27642 { flex-direction: column; } }
.component-27643 {
  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-27643:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27643 { flex-direction: column; } }
.component-27644 {
  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-27644:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27644 { flex-direction: column; } }
.component-27645 {
  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-27645:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27645 { flex-direction: column; } }
.component-27646 {
  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-27646:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27646 { flex-direction: column; } }
.component-27647 {
  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-27647:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27647 { flex-direction: column; } }
.component-27648 {
  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-27648:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27648 { flex-direction: column; } }
.component-27649 {
  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-27649:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27649 { flex-direction: column; } }
.component-27650 {
  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-27650:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27650 { flex-direction: column; } }
.component-27651 {
  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-27651:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27651 { flex-direction: column; } }
.component-27652 {
  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-27652:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27652 { flex-direction: column; } }
.component-27653 {
  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-27653:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27653 { flex-direction: column; } }
.component-27654 {
  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-27654:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27654 { flex-direction: column; } }
.component-27655 {
  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-27655:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27655 { flex-direction: column; } }
.component-27656 {
  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-27656:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27656 { flex-direction: column; } }
.component-27657 {
  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-27657:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27657 { flex-direction: column; } }
.component-27658 {
  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-27658:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27658 { flex-direction: column; } }
.component-27659 {
  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-27659:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27659 { flex-direction: column; } }
.component-27660 {
  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-27660:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27660 { flex-direction: column; } }
.component-27661 {
  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-27661:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27661 { flex-direction: column; } }
.component-27662 {
  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-27662:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27662 { flex-direction: column; } }
.component-27663 {
  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-27663:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27663 { flex-direction: column; } }
.component-27664 {
  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-27664:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27664 { flex-direction: column; } }
.component-27665 {
  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-27665:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27665 { flex-direction: column; } }
.component-27666 {
  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-27666:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27666 { flex-direction: column; } }
.component-27667 {
  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-27667:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27667 { flex-direction: column; } }
.component-27668 {
  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-27668:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27668 { flex-direction: column; } }
.component-27669 {
  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-27669:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27669 { flex-direction: column; } }
.component-27670 {
  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-27670:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27670 { flex-direction: column; } }
.component-27671 {
  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-27671:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27671 { flex-direction: column; } }
.component-27672 {
  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-27672:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27672 { flex-direction: column; } }
.component-27673 {
  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-27673:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27673 { flex-direction: column; } }
.component-27674 {
  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-27674:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27674 { flex-direction: column; } }
.component-27675 {
  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-27675:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27675 { flex-direction: column; } }
.component-27676 {
  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-27676:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27676 { flex-direction: column; } }
.component-27677 {
  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-27677:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27677 { flex-direction: column; } }
.component-27678 {
  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-27678:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27678 { flex-direction: column; } }
.component-27679 {
  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-27679:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27679 { flex-direction: column; } }
.component-27680 {
  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-27680:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27680 { flex-direction: column; } }
.component-27681 {
  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-27681:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27681 { flex-direction: column; } }
.component-27682 {
  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-27682:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27682 { flex-direction: column; } }
.component-27683 {
  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-27683:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27683 { flex-direction: column; } }
.component-27684 {
  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-27684:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27684 { flex-direction: column; } }
.component-27685 {
  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-27685:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27685 { flex-direction: column; } }
.component-27686 {
  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-27686:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27686 { flex-direction: column; } }
.component-27687 {
  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-27687:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27687 { flex-direction: column; } }
.component-27688 {
  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-27688:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27688 { flex-direction: column; } }
.component-27689 {
  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-27689:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27689 { flex-direction: column; } }
.component-27690 {
  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-27690:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27690 { flex-direction: column; } }
.component-27691 {
  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-27691:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27691 { flex-direction: column; } }
.component-27692 {
  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-27692:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27692 { flex-direction: column; } }
.component-27693 {
  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-27693:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27693 { flex-direction: column; } }
.component-27694 {
  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-27694:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27694 { flex-direction: column; } }
.component-27695 {
  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-27695:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27695 { flex-direction: column; } }
.component-27696 {
  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-27696:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27696 { flex-direction: column; } }
.component-27697 {
  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-27697:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27697 { flex-direction: column; } }
.component-27698 {
  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-27698:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27698 { flex-direction: column; } }
.component-27699 {
  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-27699:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27699 { flex-direction: column; } }
.component-27700 {
  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-27700:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27700 { flex-direction: column; } }
.component-27701 {
  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-27701:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27701 { flex-direction: column; } }
.component-27702 {
  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-27702:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27702 { flex-direction: column; } }
.component-27703 {
  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-27703:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27703 { flex-direction: column; } }
.component-27704 {
  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-27704:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27704 { flex-direction: column; } }
.component-27705 {
  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-27705:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27705 { flex-direction: column; } }
.component-27706 {
  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-27706:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27706 { flex-direction: column; } }
.component-27707 {
  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-27707:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27707 { flex-direction: column; } }
.component-27708 {
  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-27708:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27708 { flex-direction: column; } }
.component-27709 {
  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-27709:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27709 { flex-direction: column; } }
.component-27710 {
  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-27710:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27710 { flex-direction: column; } }
.component-27711 {
  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-27711:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27711 { flex-direction: column; } }
.component-27712 {
  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-27712:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27712 { flex-direction: column; } }
.component-27713 {
  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-27713:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27713 { flex-direction: column; } }
.component-27714 {
  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-27714:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27714 { flex-direction: column; } }
.component-27715 {
  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-27715:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27715 { flex-direction: column; } }
.component-27716 {
  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-27716:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27716 { flex-direction: column; } }
.component-27717 {
  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-27717:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27717 { flex-direction: column; } }
.component-27718 {
  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-27718:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27718 { flex-direction: column; } }
.component-27719 {
  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-27719:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27719 { flex-direction: column; } }
.component-27720 {
  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-27720:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27720 { flex-direction: column; } }
.component-27721 {
  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-27721:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27721 { flex-direction: column; } }
.component-27722 {
  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-27722:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27722 { flex-direction: column; } }
.component-27723 {
  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-27723:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27723 { flex-direction: column; } }
.component-27724 {
  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-27724:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27724 { flex-direction: column; } }
.component-27725 {
  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-27725:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27725 { flex-direction: column; } }
.component-27726 {
  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-27726:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27726 { flex-direction: column; } }
.component-27727 {
  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-27727:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27727 { flex-direction: column; } }
.component-27728 {
  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-27728:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27728 { flex-direction: column; } }
.component-27729 {
  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-27729:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27729 { flex-direction: column; } }
.component-27730 {
  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-27730:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27730 { flex-direction: column; } }
.component-27731 {
  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-27731:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27731 { flex-direction: column; } }
.component-27732 {
  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-27732:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27732 { flex-direction: column; } }
.component-27733 {
  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-27733:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27733 { flex-direction: column; } }
.component-27734 {
  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-27734:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27734 { flex-direction: column; } }
.component-27735 {
  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-27735:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27735 { flex-direction: column; } }
.component-27736 {
  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-27736:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27736 { flex-direction: column; } }
.component-27737 {
  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-27737:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27737 { flex-direction: column; } }
.component-27738 {
  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-27738:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27738 { flex-direction: column; } }
.component-27739 {
  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-27739:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27739 { flex-direction: column; } }
.component-27740 {
  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-27740:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27740 { flex-direction: column; } }
.component-27741 {
  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-27741:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27741 { flex-direction: column; } }
.component-27742 {
  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-27742:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27742 { flex-direction: column; } }
.component-27743 {
  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-27743:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27743 { flex-direction: column; } }
.component-27744 {
  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-27744:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27744 { flex-direction: column; } }
.component-27745 {
  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-27745:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27745 { flex-direction: column; } }
.component-27746 {
  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-27746:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27746 { flex-direction: column; } }
.component-27747 {
  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-27747:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27747 { flex-direction: column; } }
.component-27748 {
  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-27748:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27748 { flex-direction: column; } }
.component-27749 {
  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-27749:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27749 { flex-direction: column; } }
.component-27750 {
  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-27750:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27750 { flex-direction: column; } }
.component-27751 {
  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-27751:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27751 { flex-direction: column; } }
.component-27752 {
  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-27752:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27752 { flex-direction: column; } }
.component-27753 {
  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-27753:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27753 { flex-direction: column; } }
.component-27754 {
  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-27754:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27754 { flex-direction: column; } }
.component-27755 {
  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-27755:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27755 { flex-direction: column; } }
.component-27756 {
  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-27756:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27756 { flex-direction: column; } }
.component-27757 {
  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-27757:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27757 { flex-direction: column; } }
.component-27758 {
  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-27758:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27758 { flex-direction: column; } }
.component-27759 {
  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-27759:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27759 { flex-direction: column; } }
.component-27760 {
  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-27760:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27760 { flex-direction: column; } }
.component-27761 {
  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-27761:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27761 { flex-direction: column; } }
.component-27762 {
  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-27762:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27762 { flex-direction: column; } }
.component-27763 {
  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-27763:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27763 { flex-direction: column; } }
.component-27764 {
  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-27764:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27764 { flex-direction: column; } }
.component-27765 {
  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-27765:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27765 { flex-direction: column; } }
.component-27766 {
  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-27766:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27766 { flex-direction: column; } }
.component-27767 {
  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-27767:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27767 { flex-direction: column; } }
.component-27768 {
  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-27768:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27768 { flex-direction: column; } }
.component-27769 {
  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-27769:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27769 { flex-direction: column; } }
.component-27770 {
  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-27770:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27770 { flex-direction: column; } }
.component-27771 {
  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-27771:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27771 { flex-direction: column; } }
.component-27772 {
  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-27772:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27772 { flex-direction: column; } }
.component-27773 {
  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-27773:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27773 { flex-direction: column; } }
.component-27774 {
  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-27774:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27774 { flex-direction: column; } }
.component-27775 {
  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-27775:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27775 { flex-direction: column; } }
.component-27776 {
  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-27776:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27776 { flex-direction: column; } }
.component-27777 {
  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-27777:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27777 { flex-direction: column; } }
.component-27778 {
  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-27778:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27778 { flex-direction: column; } }
.component-27779 {
  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-27779:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27779 { flex-direction: column; } }
.component-27780 {
  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-27780:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27780 { flex-direction: column; } }
.component-27781 {
  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-27781:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27781 { flex-direction: column; } }
.component-27782 {
  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-27782:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27782 { flex-direction: column; } }
.component-27783 {
  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-27783:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27783 { flex-direction: column; } }
.component-27784 {
  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-27784:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27784 { flex-direction: column; } }
.component-27785 {
  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-27785:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27785 { flex-direction: column; } }
.component-27786 {
  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-27786:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27786 { flex-direction: column; } }
.component-27787 {
  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-27787:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27787 { flex-direction: column; } }
.component-27788 {
  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-27788:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27788 { flex-direction: column; } }
.component-27789 {
  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-27789:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27789 { flex-direction: column; } }
.component-27790 {
  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-27790:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27790 { flex-direction: column; } }
.component-27791 {
  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-27791:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27791 { flex-direction: column; } }
.component-27792 {
  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-27792:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27792 { flex-direction: column; } }
.component-27793 {
  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-27793:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27793 { flex-direction: column; } }
.component-27794 {
  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-27794:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27794 { flex-direction: column; } }
.component-27795 {
  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-27795:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27795 { flex-direction: column; } }
.component-27796 {
  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-27796:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27796 { flex-direction: column; } }
.component-27797 {
  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-27797:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27797 { flex-direction: column; } }
.component-27798 {
  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-27798:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27798 { flex-direction: column; } }
.component-27799 {
  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-27799:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27799 { flex-direction: column; } }
.component-27800 {
  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-27800:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27800 { flex-direction: column; } }
.component-27801 {
  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-27801:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27801 { flex-direction: column; } }
.component-27802 {
  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-27802:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27802 { flex-direction: column; } }
.component-27803 {
  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-27803:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27803 { flex-direction: column; } }
.component-27804 {
  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-27804:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27804 { flex-direction: column; } }
.component-27805 {
  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-27805:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27805 { flex-direction: column; } }
.component-27806 {
  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-27806:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27806 { flex-direction: column; } }
.component-27807 {
  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-27807:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27807 { flex-direction: column; } }
.component-27808 {
  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-27808:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27808 { flex-direction: column; } }
.component-27809 {
  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-27809:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27809 { flex-direction: column; } }
.component-27810 {
  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-27810:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27810 { flex-direction: column; } }
.component-27811 {
  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-27811:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27811 { flex-direction: column; } }
.component-27812 {
  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-27812:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27812 { flex-direction: column; } }
.component-27813 {
  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-27813:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27813 { flex-direction: column; } }
.component-27814 {
  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-27814:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27814 { flex-direction: column; } }
.component-27815 {
  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-27815:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27815 { flex-direction: column; } }
.component-27816 {
  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-27816:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27816 { flex-direction: column; } }
.component-27817 {
  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-27817:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27817 { flex-direction: column; } }
.component-27818 {
  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-27818:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27818 { flex-direction: column; } }
.component-27819 {
  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-27819:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27819 { flex-direction: column; } }
.component-27820 {
  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-27820:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27820 { flex-direction: column; } }
.component-27821 {
  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-27821:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27821 { flex-direction: column; } }
.component-27822 {
  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-27822:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27822 { flex-direction: column; } }
.component-27823 {
  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-27823:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27823 { flex-direction: column; } }
.component-27824 {
  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-27824:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27824 { flex-direction: column; } }
.component-27825 {
  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-27825:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27825 { flex-direction: column; } }
.component-27826 {
  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-27826:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27826 { flex-direction: column; } }
.component-27827 {
  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-27827:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27827 { flex-direction: column; } }
.component-27828 {
  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-27828:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27828 { flex-direction: column; } }
.component-27829 {
  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-27829:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27829 { flex-direction: column; } }
.component-27830 {
  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-27830:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27830 { flex-direction: column; } }
.component-27831 {
  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-27831:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27831 { flex-direction: column; } }
.component-27832 {
  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-27832:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27832 { flex-direction: column; } }
.component-27833 {
  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-27833:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27833 { flex-direction: column; } }
.component-27834 {
  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-27834:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27834 { flex-direction: column; } }
.component-27835 {
  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-27835:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27835 { flex-direction: column; } }
.component-27836 {
  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-27836:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27836 { flex-direction: column; } }
.component-27837 {
  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-27837:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27837 { flex-direction: column; } }
.component-27838 {
  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-27838:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27838 { flex-direction: column; } }
.component-27839 {
  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-27839:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27839 { flex-direction: column; } }
.component-27840 {
  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-27840:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27840 { flex-direction: column; } }
.component-27841 {
  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-27841:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27841 { flex-direction: column; } }
.component-27842 {
  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-27842:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27842 { flex-direction: column; } }
.component-27843 {
  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-27843:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27843 { flex-direction: column; } }
.component-27844 {
  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-27844:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27844 { flex-direction: column; } }
.component-27845 {
  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-27845:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27845 { flex-direction: column; } }
.component-27846 {
  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-27846:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27846 { flex-direction: column; } }
.component-27847 {
  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-27847:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27847 { flex-direction: column; } }
.component-27848 {
  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-27848:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27848 { flex-direction: column; } }
.component-27849 {
  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-27849:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27849 { flex-direction: column; } }
.component-27850 {
  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-27850:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27850 { flex-direction: column; } }
.component-27851 {
  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-27851:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27851 { flex-direction: column; } }
.component-27852 {
  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-27852:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27852 { flex-direction: column; } }
.component-27853 {
  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-27853:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27853 { flex-direction: column; } }
.component-27854 {
  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-27854:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27854 { flex-direction: column; } }
.component-27855 {
  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-27855:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27855 { flex-direction: column; } }
.component-27856 {
  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-27856:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27856 { flex-direction: column; } }
.component-27857 {
  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-27857:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27857 { flex-direction: column; } }
.component-27858 {
  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-27858:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27858 { flex-direction: column; } }
.component-27859 {
  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-27859:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27859 { flex-direction: column; } }
.component-27860 {
  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-27860:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27860 { flex-direction: column; } }
.component-27861 {
  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-27861:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27861 { flex-direction: column; } }
.component-27862 {
  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-27862:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27862 { flex-direction: column; } }
.component-27863 {
  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-27863:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27863 { flex-direction: column; } }
.component-27864 {
  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-27864:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27864 { flex-direction: column; } }
.component-27865 {
  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-27865:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27865 { flex-direction: column; } }
.component-27866 {
  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-27866:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27866 { flex-direction: column; } }
.component-27867 {
  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-27867:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27867 { flex-direction: column; } }
.component-27868 {
  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-27868:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27868 { flex-direction: column; } }
.component-27869 {
  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-27869:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27869 { flex-direction: column; } }
.component-27870 {
  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-27870:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27870 { flex-direction: column; } }
.component-27871 {
  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-27871:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27871 { flex-direction: column; } }
.component-27872 {
  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-27872:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27872 { flex-direction: column; } }
.component-27873 {
  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-27873:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27873 { flex-direction: column; } }
.component-27874 {
  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-27874:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27874 { flex-direction: column; } }
.component-27875 {
  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-27875:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27875 { flex-direction: column; } }
.component-27876 {
  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-27876:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27876 { flex-direction: column; } }
.component-27877 {
  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-27877:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27877 { flex-direction: column; } }
.component-27878 {
  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-27878:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27878 { flex-direction: column; } }
.component-27879 {
  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-27879:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27879 { flex-direction: column; } }
.component-27880 {
  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-27880:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27880 { flex-direction: column; } }
.component-27881 {
  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-27881:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27881 { flex-direction: column; } }
.component-27882 {
  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-27882:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27882 { flex-direction: column; } }
.component-27883 {
  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-27883:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27883 { flex-direction: column; } }
.component-27884 {
  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-27884:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27884 { flex-direction: column; } }
.component-27885 {
  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-27885:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27885 { flex-direction: column; } }
.component-27886 {
  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-27886:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27886 { flex-direction: column; } }
.component-27887 {
  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-27887:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27887 { flex-direction: column; } }
.component-27888 {
  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-27888:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27888 { flex-direction: column; } }
.component-27889 {
  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-27889:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27889 { flex-direction: column; } }
.component-27890 {
  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-27890:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27890 { flex-direction: column; } }
.component-27891 {
  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-27891:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27891 { flex-direction: column; } }
.component-27892 {
  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-27892:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27892 { flex-direction: column; } }
.component-27893 {
  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-27893:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27893 { flex-direction: column; } }
.component-27894 {
  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-27894:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27894 { flex-direction: column; } }
.component-27895 {
  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-27895:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27895 { flex-direction: column; } }
.component-27896 {
  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-27896:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27896 { flex-direction: column; } }
.component-27897 {
  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-27897:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27897 { flex-direction: column; } }
.component-27898 {
  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-27898:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27898 { flex-direction: column; } }
.component-27899 {
  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-27899:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27899 { flex-direction: column; } }
.component-27900 {
  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-27900:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27900 { flex-direction: column; } }
.component-27901 {
  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-27901:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27901 { flex-direction: column; } }
.component-27902 {
  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-27902:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27902 { flex-direction: column; } }
.component-27903 {
  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-27903:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27903 { flex-direction: column; } }
.component-27904 {
  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-27904:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27904 { flex-direction: column; } }
.component-27905 {
  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-27905:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27905 { flex-direction: column; } }
.component-27906 {
  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-27906:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27906 { flex-direction: column; } }
.component-27907 {
  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-27907:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27907 { flex-direction: column; } }
.component-27908 {
  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-27908:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27908 { flex-direction: column; } }
.component-27909 {
  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-27909:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27909 { flex-direction: column; } }
.component-27910 {
  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-27910:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27910 { flex-direction: column; } }
.component-27911 {
  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-27911:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27911 { flex-direction: column; } }
.component-27912 {
  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-27912:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27912 { flex-direction: column; } }
.component-27913 {
  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-27913:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27913 { flex-direction: column; } }
.component-27914 {
  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-27914:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27914 { flex-direction: column; } }
.component-27915 {
  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-27915:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27915 { flex-direction: column; } }
.component-27916 {
  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-27916:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27916 { flex-direction: column; } }
.component-27917 {
  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-27917:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27917 { flex-direction: column; } }
.component-27918 {
  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-27918:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27918 { flex-direction: column; } }
.component-27919 {
  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-27919:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27919 { flex-direction: column; } }
.component-27920 {
  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-27920:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27920 { flex-direction: column; } }
.component-27921 {
  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-27921:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27921 { flex-direction: column; } }
.component-27922 {
  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-27922:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27922 { flex-direction: column; } }
.component-27923 {
  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-27923:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27923 { flex-direction: column; } }
.component-27924 {
  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-27924:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27924 { flex-direction: column; } }
.component-27925 {
  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-27925:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27925 { flex-direction: column; } }
.component-27926 {
  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-27926:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27926 { flex-direction: column; } }
.component-27927 {
  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-27927:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27927 { flex-direction: column; } }
.component-27928 {
  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-27928:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27928 { flex-direction: column; } }
.component-27929 {
  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-27929:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27929 { flex-direction: column; } }
.component-27930 {
  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-27930:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27930 { flex-direction: column; } }
.component-27931 {
  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-27931:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27931 { flex-direction: column; } }
.component-27932 {
  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-27932:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27932 { flex-direction: column; } }
.component-27933 {
  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-27933:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27933 { flex-direction: column; } }
.component-27934 {
  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-27934:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27934 { flex-direction: column; } }
.component-27935 {
  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-27935:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27935 { flex-direction: column; } }
.component-27936 {
  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-27936:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27936 { flex-direction: column; } }
.component-27937 {
  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-27937:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27937 { flex-direction: column; } }
.component-27938 {
  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-27938:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27938 { flex-direction: column; } }
.component-27939 {
  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-27939:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27939 { flex-direction: column; } }
.component-27940 {
  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-27940:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27940 { flex-direction: column; } }
.component-27941 {
  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-27941:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27941 { flex-direction: column; } }
.component-27942 {
  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-27942:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27942 { flex-direction: column; } }
.component-27943 {
  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-27943:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27943 { flex-direction: column; } }
.component-27944 {
  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-27944:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27944 { flex-direction: column; } }
.component-27945 {
  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-27945:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27945 { flex-direction: column; } }
.component-27946 {
  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-27946:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27946 { flex-direction: column; } }
.component-27947 {
  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-27947:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27947 { flex-direction: column; } }
.component-27948 {
  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-27948:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27948 { flex-direction: column; } }
.component-27949 {
  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-27949:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27949 { flex-direction: column; } }
.component-27950 {
  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-27950:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27950 { flex-direction: column; } }
.component-27951 {
  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-27951:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27951 { flex-direction: column; } }
.component-27952 {
  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-27952:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27952 { flex-direction: column; } }
.component-27953 {
  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-27953:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27953 { flex-direction: column; } }
.component-27954 {
  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-27954:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27954 { flex-direction: column; } }
.component-27955 {
  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-27955:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27955 { flex-direction: column; } }
.component-27956 {
  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-27956:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27956 { flex-direction: column; } }
.component-27957 {
  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-27957:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27957 { flex-direction: column; } }
.component-27958 {
  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-27958:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27958 { flex-direction: column; } }
.component-27959 {
  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-27959:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27959 { flex-direction: column; } }
.component-27960 {
  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-27960:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27960 { flex-direction: column; } }
.component-27961 {
  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-27961:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27961 { flex-direction: column; } }
.component-27962 {
  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-27962:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27962 { flex-direction: column; } }
.component-27963 {
  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-27963:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27963 { flex-direction: column; } }
.component-27964 {
  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-27964:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27964 { flex-direction: column; } }
.component-27965 {
  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-27965:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27965 { flex-direction: column; } }
.component-27966 {
  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-27966:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27966 { flex-direction: column; } }
.component-27967 {
  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-27967:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27967 { flex-direction: column; } }
.component-27968 {
  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-27968:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27968 { flex-direction: column; } }
.component-27969 {
  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-27969:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27969 { flex-direction: column; } }
.component-27970 {
  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-27970:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27970 { flex-direction: column; } }
.component-27971 {
  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-27971:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27971 { flex-direction: column; } }
.component-27972 {
  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-27972:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27972 { flex-direction: column; } }
.component-27973 {
  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-27973:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27973 { flex-direction: column; } }
.component-27974 {
  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-27974:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27974 { flex-direction: column; } }
.component-27975 {
  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-27975:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27975 { flex-direction: column; } }
.component-27976 {
  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-27976:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27976 { flex-direction: column; } }
.component-27977 {
  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-27977:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27977 { flex-direction: column; } }
.component-27978 {
  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-27978:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27978 { flex-direction: column; } }
.component-27979 {
  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-27979:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27979 { flex-direction: column; } }
.component-27980 {
  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-27980:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27980 { flex-direction: column; } }
.component-27981 {
  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-27981:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27981 { flex-direction: column; } }
.component-27982 {
  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-27982:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27982 { flex-direction: column; } }
.component-27983 {
  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-27983:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27983 { flex-direction: column; } }
.component-27984 {
  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-27984:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27984 { flex-direction: column; } }
.component-27985 {
  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-27985:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-27985 { flex-direction: column; } }
.component-27986 {
  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-27986:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-27986 { flex-direction: column; } }
.component-27987 {
  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-27987:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-27987 { flex-direction: column; } }
.component-27988 {
  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-27988:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-27988 { flex-direction: column; } }
.component-27989 {
  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-27989:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-27989 { flex-direction: column; } }
.component-27990 {
  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-27990:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-27990 { flex-direction: column; } }
.component-27991 {
  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-27991:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-27991 { flex-direction: column; } }
.component-27992 {
  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-27992:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-27992 { flex-direction: column; } }
.component-27993 {
  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-27993:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-27993 { flex-direction: column; } }
.component-27994 {
  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-27994:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-27994 { flex-direction: column; } }
.component-27995 {
  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-27995:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-27995 { flex-direction: column; } }
.component-27996 {
  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-27996:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-27996 { flex-direction: column; } }
.component-27997 {
  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-27997:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-27997 { flex-direction: column; } }
.component-27998 {
  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-27998:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-27998 { flex-direction: column; } }
.component-27999 {
  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-27999:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-27999 { flex-direction: column; } }
.component-28000 {
  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-28000:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28000 { flex-direction: column; } }
.component-28001 {
  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-28001:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28001 { flex-direction: column; } }
.component-28002 {
  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-28002:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28002 { flex-direction: column; } }
.component-28003 {
  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-28003:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28003 { flex-direction: column; } }
.component-28004 {
  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-28004:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28004 { flex-direction: column; } }
.component-28005 {
  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-28005:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28005 { flex-direction: column; } }
.component-28006 {
  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-28006:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28006 { flex-direction: column; } }
.component-28007 {
  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-28007:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28007 { flex-direction: column; } }
.component-28008 {
  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-28008:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28008 { flex-direction: column; } }
.component-28009 {
  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-28009:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28009 { flex-direction: column; } }
.component-28010 {
  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-28010:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28010 { flex-direction: column; } }
.component-28011 {
  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-28011:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28011 { flex-direction: column; } }
.component-28012 {
  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-28012:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28012 { flex-direction: column; } }
.component-28013 {
  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-28013:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28013 { flex-direction: column; } }
.component-28014 {
  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-28014:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28014 { flex-direction: column; } }
.component-28015 {
  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-28015:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28015 { flex-direction: column; } }
.component-28016 {
  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-28016:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28016 { flex-direction: column; } }
.component-28017 {
  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-28017:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28017 { flex-direction: column; } }
.component-28018 {
  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-28018:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28018 { flex-direction: column; } }
.component-28019 {
  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-28019:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28019 { flex-direction: column; } }
.component-28020 {
  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-28020:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28020 { flex-direction: column; } }
.component-28021 {
  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-28021:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28021 { flex-direction: column; } }
.component-28022 {
  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-28022:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28022 { flex-direction: column; } }
.component-28023 {
  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-28023:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28023 { flex-direction: column; } }
.component-28024 {
  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-28024:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28024 { flex-direction: column; } }
.component-28025 {
  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-28025:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28025 { flex-direction: column; } }
.component-28026 {
  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-28026:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28026 { flex-direction: column; } }
.component-28027 {
  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-28027:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28027 { flex-direction: column; } }
.component-28028 {
  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-28028:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28028 { flex-direction: column; } }
.component-28029 {
  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-28029:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28029 { flex-direction: column; } }
.component-28030 {
  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-28030:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28030 { flex-direction: column; } }
.component-28031 {
  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-28031:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28031 { flex-direction: column; } }
.component-28032 {
  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-28032:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28032 { flex-direction: column; } }
.component-28033 {
  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-28033:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28033 { flex-direction: column; } }
.component-28034 {
  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-28034:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28034 { flex-direction: column; } }
.component-28035 {
  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-28035:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28035 { flex-direction: column; } }
.component-28036 {
  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-28036:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28036 { flex-direction: column; } }
.component-28037 {
  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-28037:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28037 { flex-direction: column; } }
.component-28038 {
  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-28038:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28038 { flex-direction: column; } }
.component-28039 {
  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-28039:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28039 { flex-direction: column; } }
.component-28040 {
  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-28040:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28040 { flex-direction: column; } }
.component-28041 {
  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-28041:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28041 { flex-direction: column; } }
.component-28042 {
  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-28042:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28042 { flex-direction: column; } }
.component-28043 {
  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-28043:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28043 { flex-direction: column; } }
.component-28044 {
  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-28044:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28044 { flex-direction: column; } }
.component-28045 {
  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-28045:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28045 { flex-direction: column; } }
.component-28046 {
  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-28046:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28046 { flex-direction: column; } }
.component-28047 {
  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-28047:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28047 { flex-direction: column; } }
.component-28048 {
  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-28048:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28048 { flex-direction: column; } }
.component-28049 {
  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-28049:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28049 { flex-direction: column; } }
.component-28050 {
  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-28050:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28050 { flex-direction: column; } }
.component-28051 {
  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-28051:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28051 { flex-direction: column; } }
.component-28052 {
  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-28052:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28052 { flex-direction: column; } }
.component-28053 {
  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-28053:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28053 { flex-direction: column; } }
.component-28054 {
  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-28054:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28054 { flex-direction: column; } }
.component-28055 {
  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-28055:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28055 { flex-direction: column; } }
.component-28056 {
  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-28056:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28056 { flex-direction: column; } }
.component-28057 {
  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-28057:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28057 { flex-direction: column; } }
.component-28058 {
  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-28058:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28058 { flex-direction: column; } }
.component-28059 {
  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-28059:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28059 { flex-direction: column; } }
.component-28060 {
  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-28060:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28060 { flex-direction: column; } }
.component-28061 {
  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-28061:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28061 { flex-direction: column; } }
.component-28062 {
  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-28062:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28062 { flex-direction: column; } }
.component-28063 {
  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-28063:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28063 { flex-direction: column; } }
.component-28064 {
  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-28064:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28064 { flex-direction: column; } }
.component-28065 {
  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-28065:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28065 { flex-direction: column; } }
.component-28066 {
  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-28066:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28066 { flex-direction: column; } }
.component-28067 {
  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-28067:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28067 { flex-direction: column; } }
.component-28068 {
  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-28068:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28068 { flex-direction: column; } }
.component-28069 {
  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-28069:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28069 { flex-direction: column; } }
.component-28070 {
  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-28070:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28070 { flex-direction: column; } }
.component-28071 {
  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-28071:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28071 { flex-direction: column; } }
.component-28072 {
  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-28072:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28072 { flex-direction: column; } }
.component-28073 {
  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-28073:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28073 { flex-direction: column; } }
.component-28074 {
  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-28074:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28074 { flex-direction: column; } }
.component-28075 {
  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-28075:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28075 { flex-direction: column; } }
.component-28076 {
  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-28076:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28076 { flex-direction: column; } }
.component-28077 {
  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-28077:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28077 { flex-direction: column; } }
.component-28078 {
  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-28078:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28078 { flex-direction: column; } }
.component-28079 {
  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-28079:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28079 { flex-direction: column; } }
.component-28080 {
  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-28080:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28080 { flex-direction: column; } }
.component-28081 {
  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-28081:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28081 { flex-direction: column; } }
.component-28082 {
  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-28082:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28082 { flex-direction: column; } }
.component-28083 {
  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-28083:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28083 { flex-direction: column; } }
.component-28084 {
  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-28084:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28084 { flex-direction: column; } }
.component-28085 {
  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-28085:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28085 { flex-direction: column; } }
.component-28086 {
  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-28086:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28086 { flex-direction: column; } }
.component-28087 {
  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-28087:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28087 { flex-direction: column; } }
.component-28088 {
  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-28088:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28088 { flex-direction: column; } }
.component-28089 {
  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-28089:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28089 { flex-direction: column; } }
.component-28090 {
  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-28090:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28090 { flex-direction: column; } }
.component-28091 {
  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-28091:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28091 { flex-direction: column; } }
.component-28092 {
  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-28092:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28092 { flex-direction: column; } }
.component-28093 {
  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-28093:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28093 { flex-direction: column; } }
.component-28094 {
  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-28094:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28094 { flex-direction: column; } }
.component-28095 {
  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-28095:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28095 { flex-direction: column; } }
.component-28096 {
  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-28096:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28096 { flex-direction: column; } }
.component-28097 {
  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-28097:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28097 { flex-direction: column; } }
.component-28098 {
  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-28098:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28098 { flex-direction: column; } }
.component-28099 {
  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-28099:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28099 { flex-direction: column; } }
.component-28100 {
  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-28100:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28100 { flex-direction: column; } }
.component-28101 {
  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-28101:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28101 { flex-direction: column; } }
.component-28102 {
  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-28102:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28102 { flex-direction: column; } }
.component-28103 {
  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-28103:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28103 { flex-direction: column; } }
.component-28104 {
  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-28104:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28104 { flex-direction: column; } }
.component-28105 {
  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-28105:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28105 { flex-direction: column; } }
.component-28106 {
  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-28106:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28106 { flex-direction: column; } }
.component-28107 {
  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-28107:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28107 { flex-direction: column; } }
.component-28108 {
  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-28108:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28108 { flex-direction: column; } }
.component-28109 {
  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-28109:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28109 { flex-direction: column; } }
.component-28110 {
  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-28110:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28110 { flex-direction: column; } }
.component-28111 {
  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-28111:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28111 { flex-direction: column; } }
.component-28112 {
  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-28112:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28112 { flex-direction: column; } }
.component-28113 {
  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-28113:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28113 { flex-direction: column; } }
.component-28114 {
  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-28114:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28114 { flex-direction: column; } }
.component-28115 {
  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-28115:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28115 { flex-direction: column; } }
.component-28116 {
  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-28116:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28116 { flex-direction: column; } }
.component-28117 {
  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-28117:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28117 { flex-direction: column; } }
.component-28118 {
  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-28118:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28118 { flex-direction: column; } }
.component-28119 {
  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-28119:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28119 { flex-direction: column; } }
.component-28120 {
  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-28120:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28120 { flex-direction: column; } }
.component-28121 {
  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-28121:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28121 { flex-direction: column; } }
.component-28122 {
  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-28122:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28122 { flex-direction: column; } }
.component-28123 {
  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-28123:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28123 { flex-direction: column; } }
.component-28124 {
  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-28124:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28124 { flex-direction: column; } }
.component-28125 {
  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-28125:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28125 { flex-direction: column; } }
.component-28126 {
  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-28126:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28126 { flex-direction: column; } }
.component-28127 {
  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-28127:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28127 { flex-direction: column; } }
.component-28128 {
  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-28128:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28128 { flex-direction: column; } }
.component-28129 {
  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-28129:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28129 { flex-direction: column; } }
.component-28130 {
  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-28130:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28130 { flex-direction: column; } }
.component-28131 {
  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-28131:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28131 { flex-direction: column; } }
.component-28132 {
  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-28132:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28132 { flex-direction: column; } }
.component-28133 {
  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-28133:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28133 { flex-direction: column; } }
.component-28134 {
  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-28134:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28134 { flex-direction: column; } }
.component-28135 {
  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-28135:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28135 { flex-direction: column; } }
.component-28136 {
  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-28136:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28136 { flex-direction: column; } }
.component-28137 {
  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-28137:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28137 { flex-direction: column; } }
.component-28138 {
  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-28138:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28138 { flex-direction: column; } }
.component-28139 {
  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-28139:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28139 { flex-direction: column; } }
.component-28140 {
  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-28140:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28140 { flex-direction: column; } }
.component-28141 {
  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-28141:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28141 { flex-direction: column; } }
.component-28142 {
  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-28142:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28142 { flex-direction: column; } }
.component-28143 {
  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-28143:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28143 { flex-direction: column; } }
.component-28144 {
  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-28144:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28144 { flex-direction: column; } }
.component-28145 {
  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-28145:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28145 { flex-direction: column; } }
.component-28146 {
  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-28146:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28146 { flex-direction: column; } }
.component-28147 {
  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-28147:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28147 { flex-direction: column; } }
.component-28148 {
  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-28148:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28148 { flex-direction: column; } }
.component-28149 {
  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-28149:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28149 { flex-direction: column; } }
.component-28150 {
  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-28150:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28150 { flex-direction: column; } }
.component-28151 {
  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-28151:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28151 { flex-direction: column; } }
.component-28152 {
  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-28152:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28152 { flex-direction: column; } }
.component-28153 {
  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-28153:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28153 { flex-direction: column; } }
.component-28154 {
  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-28154:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28154 { flex-direction: column; } }
.component-28155 {
  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-28155:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28155 { flex-direction: column; } }
.component-28156 {
  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-28156:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28156 { flex-direction: column; } }
.component-28157 {
  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-28157:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28157 { flex-direction: column; } }
.component-28158 {
  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-28158:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28158 { flex-direction: column; } }
.component-28159 {
  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-28159:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28159 { flex-direction: column; } }
.component-28160 {
  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-28160:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28160 { flex-direction: column; } }
.component-28161 {
  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-28161:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28161 { flex-direction: column; } }
.component-28162 {
  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-28162:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28162 { flex-direction: column; } }
.component-28163 {
  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-28163:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28163 { flex-direction: column; } }
.component-28164 {
  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-28164:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28164 { flex-direction: column; } }
.component-28165 {
  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-28165:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28165 { flex-direction: column; } }
.component-28166 {
  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-28166:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28166 { flex-direction: column; } }
.component-28167 {
  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-28167:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28167 { flex-direction: column; } }
.component-28168 {
  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-28168:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28168 { flex-direction: column; } }
.component-28169 {
  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-28169:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28169 { flex-direction: column; } }
.component-28170 {
  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-28170:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28170 { flex-direction: column; } }
.component-28171 {
  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-28171:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28171 { flex-direction: column; } }
.component-28172 {
  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-28172:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28172 { flex-direction: column; } }
.component-28173 {
  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-28173:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28173 { flex-direction: column; } }
.component-28174 {
  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-28174:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28174 { flex-direction: column; } }
.component-28175 {
  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-28175:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28175 { flex-direction: column; } }
.component-28176 {
  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-28176:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28176 { flex-direction: column; } }
.component-28177 {
  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-28177:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28177 { flex-direction: column; } }
.component-28178 {
  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-28178:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28178 { flex-direction: column; } }
.component-28179 {
  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-28179:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28179 { flex-direction: column; } }
.component-28180 {
  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-28180:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28180 { flex-direction: column; } }
.component-28181 {
  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-28181:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28181 { flex-direction: column; } }
.component-28182 {
  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-28182:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28182 { flex-direction: column; } }
.component-28183 {
  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-28183:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28183 { flex-direction: column; } }
.component-28184 {
  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-28184:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28184 { flex-direction: column; } }
.component-28185 {
  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-28185:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28185 { flex-direction: column; } }
.component-28186 {
  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-28186:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28186 { flex-direction: column; } }
.component-28187 {
  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-28187:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28187 { flex-direction: column; } }
.component-28188 {
  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-28188:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28188 { flex-direction: column; } }
.component-28189 {
  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-28189:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28189 { flex-direction: column; } }
.component-28190 {
  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-28190:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28190 { flex-direction: column; } }
.component-28191 {
  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-28191:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28191 { flex-direction: column; } }
.component-28192 {
  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-28192:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28192 { flex-direction: column; } }
.component-28193 {
  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-28193:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28193 { flex-direction: column; } }
.component-28194 {
  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-28194:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28194 { flex-direction: column; } }
.component-28195 {
  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-28195:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28195 { flex-direction: column; } }
.component-28196 {
  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-28196:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28196 { flex-direction: column; } }
.component-28197 {
  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-28197:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28197 { flex-direction: column; } }
.component-28198 {
  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-28198:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28198 { flex-direction: column; } }
.component-28199 {
  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-28199:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28199 { flex-direction: column; } }
.component-28200 {
  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-28200:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28200 { flex-direction: column; } }
.component-28201 {
  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-28201:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28201 { flex-direction: column; } }
.component-28202 {
  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-28202:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28202 { flex-direction: column; } }
.component-28203 {
  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-28203:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28203 { flex-direction: column; } }
.component-28204 {
  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-28204:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28204 { flex-direction: column; } }
.component-28205 {
  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-28205:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28205 { flex-direction: column; } }
.component-28206 {
  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-28206:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28206 { flex-direction: column; } }
.component-28207 {
  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-28207:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28207 { flex-direction: column; } }
.component-28208 {
  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-28208:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28208 { flex-direction: column; } }
.component-28209 {
  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-28209:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28209 { flex-direction: column; } }
.component-28210 {
  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-28210:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28210 { flex-direction: column; } }
.component-28211 {
  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-28211:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28211 { flex-direction: column; } }
.component-28212 {
  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-28212:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28212 { flex-direction: column; } }
.component-28213 {
  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-28213:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28213 { flex-direction: column; } }
.component-28214 {
  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-28214:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28214 { flex-direction: column; } }
.component-28215 {
  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-28215:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28215 { flex-direction: column; } }
.component-28216 {
  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-28216:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28216 { flex-direction: column; } }
.component-28217 {
  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-28217:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28217 { flex-direction: column; } }
.component-28218 {
  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-28218:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28218 { flex-direction: column; } }
.component-28219 {
  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-28219:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28219 { flex-direction: column; } }
.component-28220 {
  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-28220:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28220 { flex-direction: column; } }
.component-28221 {
  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-28221:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28221 { flex-direction: column; } }
.component-28222 {
  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-28222:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28222 { flex-direction: column; } }
.component-28223 {
  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-28223:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28223 { flex-direction: column; } }
.component-28224 {
  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-28224:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28224 { flex-direction: column; } }
.component-28225 {
  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-28225:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28225 { flex-direction: column; } }
.component-28226 {
  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-28226:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28226 { flex-direction: column; } }
.component-28227 {
  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-28227:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28227 { flex-direction: column; } }
.component-28228 {
  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-28228:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28228 { flex-direction: column; } }
.component-28229 {
  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-28229:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28229 { flex-direction: column; } }
.component-28230 {
  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-28230:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28230 { flex-direction: column; } }
.component-28231 {
  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-28231:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28231 { flex-direction: column; } }
.component-28232 {
  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-28232:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28232 { flex-direction: column; } }
.component-28233 {
  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-28233:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28233 { flex-direction: column; } }
.component-28234 {
  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-28234:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28234 { flex-direction: column; } }
.component-28235 {
  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-28235:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28235 { flex-direction: column; } }
.component-28236 {
  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-28236:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28236 { flex-direction: column; } }
.component-28237 {
  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-28237:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28237 { flex-direction: column; } }
.component-28238 {
  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-28238:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28238 { flex-direction: column; } }
.component-28239 {
  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-28239:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28239 { flex-direction: column; } }
.component-28240 {
  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-28240:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28240 { flex-direction: column; } }
.component-28241 {
  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-28241:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28241 { flex-direction: column; } }
.component-28242 {
  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-28242:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28242 { flex-direction: column; } }
.component-28243 {
  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-28243:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28243 { flex-direction: column; } }
.component-28244 {
  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-28244:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28244 { flex-direction: column; } }
.component-28245 {
  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-28245:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28245 { flex-direction: column; } }
.component-28246 {
  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-28246:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28246 { flex-direction: column; } }
.component-28247 {
  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-28247:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28247 { flex-direction: column; } }
.component-28248 {
  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-28248:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28248 { flex-direction: column; } }
.component-28249 {
  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-28249:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28249 { flex-direction: column; } }
.component-28250 {
  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-28250:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28250 { flex-direction: column; } }
.component-28251 {
  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-28251:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28251 { flex-direction: column; } }
.component-28252 {
  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-28252:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28252 { flex-direction: column; } }
.component-28253 {
  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-28253:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28253 { flex-direction: column; } }
.component-28254 {
  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-28254:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28254 { flex-direction: column; } }
.component-28255 {
  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-28255:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28255 { flex-direction: column; } }
.component-28256 {
  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-28256:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28256 { flex-direction: column; } }
.component-28257 {
  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-28257:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28257 { flex-direction: column; } }
.component-28258 {
  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-28258:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28258 { flex-direction: column; } }
.component-28259 {
  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-28259:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28259 { flex-direction: column; } }
.component-28260 {
  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-28260:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28260 { flex-direction: column; } }
.component-28261 {
  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-28261:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28261 { flex-direction: column; } }
.component-28262 {
  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-28262:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28262 { flex-direction: column; } }
.component-28263 {
  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-28263:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28263 { flex-direction: column; } }
.component-28264 {
  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-28264:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28264 { flex-direction: column; } }
.component-28265 {
  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-28265:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28265 { flex-direction: column; } }
.component-28266 {
  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-28266:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28266 { flex-direction: column; } }
.component-28267 {
  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-28267:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28267 { flex-direction: column; } }
.component-28268 {
  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-28268:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28268 { flex-direction: column; } }
.component-28269 {
  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-28269:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28269 { flex-direction: column; } }
.component-28270 {
  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-28270:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28270 { flex-direction: column; } }
.component-28271 {
  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-28271:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28271 { flex-direction: column; } }
.component-28272 {
  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-28272:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28272 { flex-direction: column; } }
.component-28273 {
  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-28273:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28273 { flex-direction: column; } }
.component-28274 {
  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-28274:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28274 { flex-direction: column; } }
.component-28275 {
  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-28275:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28275 { flex-direction: column; } }
.component-28276 {
  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-28276:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28276 { flex-direction: column; } }
.component-28277 {
  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-28277:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28277 { flex-direction: column; } }
.component-28278 {
  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-28278:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28278 { flex-direction: column; } }
.component-28279 {
  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-28279:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28279 { flex-direction: column; } }
.component-28280 {
  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-28280:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28280 { flex-direction: column; } }
.component-28281 {
  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-28281:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28281 { flex-direction: column; } }
.component-28282 {
  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-28282:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28282 { flex-direction: column; } }
.component-28283 {
  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-28283:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28283 { flex-direction: column; } }
.component-28284 {
  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-28284:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28284 { flex-direction: column; } }
.component-28285 {
  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-28285:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28285 { flex-direction: column; } }
.component-28286 {
  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-28286:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28286 { flex-direction: column; } }
.component-28287 {
  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-28287:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28287 { flex-direction: column; } }
.component-28288 {
  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-28288:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28288 { flex-direction: column; } }
.component-28289 {
  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-28289:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28289 { flex-direction: column; } }
.component-28290 {
  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-28290:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28290 { flex-direction: column; } }
.component-28291 {
  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-28291:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28291 { flex-direction: column; } }
.component-28292 {
  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-28292:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28292 { flex-direction: column; } }
.component-28293 {
  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-28293:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28293 { flex-direction: column; } }
.component-28294 {
  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-28294:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28294 { flex-direction: column; } }
.component-28295 {
  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-28295:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28295 { flex-direction: column; } }
.component-28296 {
  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-28296:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28296 { flex-direction: column; } }
.component-28297 {
  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-28297:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28297 { flex-direction: column; } }
.component-28298 {
  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-28298:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28298 { flex-direction: column; } }
.component-28299 {
  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-28299:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28299 { flex-direction: column; } }
.component-28300 {
  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-28300:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28300 { flex-direction: column; } }
.component-28301 {
  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-28301:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28301 { flex-direction: column; } }
.component-28302 {
  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-28302:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28302 { flex-direction: column; } }
.component-28303 {
  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-28303:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28303 { flex-direction: column; } }
.component-28304 {
  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-28304:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28304 { flex-direction: column; } }
.component-28305 {
  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-28305:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28305 { flex-direction: column; } }
.component-28306 {
  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-28306:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28306 { flex-direction: column; } }
.component-28307 {
  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-28307:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28307 { flex-direction: column; } }
.component-28308 {
  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-28308:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28308 { flex-direction: column; } }
.component-28309 {
  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-28309:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28309 { flex-direction: column; } }
.component-28310 {
  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-28310:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28310 { flex-direction: column; } }
.component-28311 {
  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-28311:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28311 { flex-direction: column; } }
.component-28312 {
  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-28312:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28312 { flex-direction: column; } }
.component-28313 {
  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-28313:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28313 { flex-direction: column; } }
.component-28314 {
  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-28314:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28314 { flex-direction: column; } }
.component-28315 {
  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-28315:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28315 { flex-direction: column; } }
.component-28316 {
  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-28316:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28316 { flex-direction: column; } }
.component-28317 {
  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-28317:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28317 { flex-direction: column; } }
.component-28318 {
  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-28318:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28318 { flex-direction: column; } }
.component-28319 {
  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-28319:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28319 { flex-direction: column; } }
.component-28320 {
  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-28320:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28320 { flex-direction: column; } }
.component-28321 {
  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-28321:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28321 { flex-direction: column; } }
.component-28322 {
  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-28322:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28322 { flex-direction: column; } }
.component-28323 {
  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-28323:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28323 { flex-direction: column; } }
.component-28324 {
  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-28324:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28324 { flex-direction: column; } }
.component-28325 {
  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-28325:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28325 { flex-direction: column; } }
.component-28326 {
  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-28326:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28326 { flex-direction: column; } }
.component-28327 {
  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-28327:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28327 { flex-direction: column; } }
.component-28328 {
  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-28328:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28328 { flex-direction: column; } }
.component-28329 {
  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-28329:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28329 { flex-direction: column; } }
.component-28330 {
  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-28330:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28330 { flex-direction: column; } }
.component-28331 {
  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-28331:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28331 { flex-direction: column; } }
.component-28332 {
  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-28332:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28332 { flex-direction: column; } }
.component-28333 {
  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-28333:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28333 { flex-direction: column; } }
.component-28334 {
  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-28334:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28334 { flex-direction: column; } }
.component-28335 {
  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-28335:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28335 { flex-direction: column; } }
.component-28336 {
  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-28336:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28336 { flex-direction: column; } }
.component-28337 {
  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-28337:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28337 { flex-direction: column; } }
.component-28338 {
  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-28338:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28338 { flex-direction: column; } }
.component-28339 {
  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-28339:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28339 { flex-direction: column; } }
.component-28340 {
  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-28340:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28340 { flex-direction: column; } }
.component-28341 {
  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-28341:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28341 { flex-direction: column; } }
.component-28342 {
  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-28342:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28342 { flex-direction: column; } }
.component-28343 {
  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-28343:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28343 { flex-direction: column; } }
.component-28344 {
  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-28344:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28344 { flex-direction: column; } }
.component-28345 {
  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-28345:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28345 { flex-direction: column; } }
.component-28346 {
  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-28346:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28346 { flex-direction: column; } }
.component-28347 {
  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-28347:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28347 { flex-direction: column; } }
.component-28348 {
  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-28348:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28348 { flex-direction: column; } }
.component-28349 {
  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-28349:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28349 { flex-direction: column; } }
.component-28350 {
  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-28350:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28350 { flex-direction: column; } }
.component-28351 {
  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-28351:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28351 { flex-direction: column; } }
.component-28352 {
  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-28352:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28352 { flex-direction: column; } }
.component-28353 {
  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-28353:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28353 { flex-direction: column; } }
.component-28354 {
  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-28354:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28354 { flex-direction: column; } }
.component-28355 {
  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-28355:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28355 { flex-direction: column; } }
.component-28356 {
  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-28356:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28356 { flex-direction: column; } }
.component-28357 {
  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-28357:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28357 { flex-direction: column; } }
.component-28358 {
  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-28358:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28358 { flex-direction: column; } }
.component-28359 {
  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-28359:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28359 { flex-direction: column; } }
.component-28360 {
  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-28360:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28360 { flex-direction: column; } }
.component-28361 {
  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-28361:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28361 { flex-direction: column; } }
.component-28362 {
  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-28362:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28362 { flex-direction: column; } }
.component-28363 {
  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-28363:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28363 { flex-direction: column; } }
.component-28364 {
  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-28364:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28364 { flex-direction: column; } }
.component-28365 {
  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-28365:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28365 { flex-direction: column; } }
.component-28366 {
  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-28366:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28366 { flex-direction: column; } }
.component-28367 {
  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-28367:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28367 { flex-direction: column; } }
.component-28368 {
  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-28368:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28368 { flex-direction: column; } }
.component-28369 {
  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-28369:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28369 { flex-direction: column; } }
.component-28370 {
  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-28370:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28370 { flex-direction: column; } }
.component-28371 {
  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-28371:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28371 { flex-direction: column; } }
.component-28372 {
  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-28372:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28372 { flex-direction: column; } }
.component-28373 {
  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-28373:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28373 { flex-direction: column; } }
.component-28374 {
  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-28374:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28374 { flex-direction: column; } }
.component-28375 {
  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-28375:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28375 { flex-direction: column; } }
.component-28376 {
  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-28376:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28376 { flex-direction: column; } }
.component-28377 {
  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-28377:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28377 { flex-direction: column; } }
.component-28378 {
  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-28378:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28378 { flex-direction: column; } }
.component-28379 {
  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-28379:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28379 { flex-direction: column; } }
.component-28380 {
  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-28380:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28380 { flex-direction: column; } }
.component-28381 {
  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-28381:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28381 { flex-direction: column; } }
.component-28382 {
  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-28382:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28382 { flex-direction: column; } }
.component-28383 {
  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-28383:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28383 { flex-direction: column; } }
.component-28384 {
  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-28384:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28384 { flex-direction: column; } }
.component-28385 {
  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-28385:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28385 { flex-direction: column; } }
.component-28386 {
  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-28386:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28386 { flex-direction: column; } }
.component-28387 {
  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-28387:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28387 { flex-direction: column; } }
.component-28388 {
  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-28388:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28388 { flex-direction: column; } }
.component-28389 {
  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-28389:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28389 { flex-direction: column; } }
.component-28390 {
  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-28390:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28390 { flex-direction: column; } }
.component-28391 {
  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-28391:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28391 { flex-direction: column; } }
.component-28392 {
  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-28392:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28392 { flex-direction: column; } }
.component-28393 {
  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-28393:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28393 { flex-direction: column; } }
.component-28394 {
  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-28394:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28394 { flex-direction: column; } }
.component-28395 {
  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-28395:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28395 { flex-direction: column; } }
.component-28396 {
  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-28396:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28396 { flex-direction: column; } }
.component-28397 {
  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-28397:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28397 { flex-direction: column; } }
.component-28398 {
  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-28398:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28398 { flex-direction: column; } }
.component-28399 {
  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-28399:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28399 { flex-direction: column; } }
.component-28400 {
  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-28400:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28400 { flex-direction: column; } }
.component-28401 {
  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-28401:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28401 { flex-direction: column; } }
.component-28402 {
  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-28402:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28402 { flex-direction: column; } }
.component-28403 {
  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-28403:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28403 { flex-direction: column; } }
.component-28404 {
  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-28404:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28404 { flex-direction: column; } }
.component-28405 {
  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-28405:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28405 { flex-direction: column; } }
.component-28406 {
  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-28406:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28406 { flex-direction: column; } }
.component-28407 {
  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-28407:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28407 { flex-direction: column; } }
.component-28408 {
  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-28408:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28408 { flex-direction: column; } }
.component-28409 {
  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-28409:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28409 { flex-direction: column; } }
.component-28410 {
  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-28410:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28410 { flex-direction: column; } }
.component-28411 {
  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-28411:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28411 { flex-direction: column; } }
.component-28412 {
  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-28412:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28412 { flex-direction: column; } }
.component-28413 {
  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-28413:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28413 { flex-direction: column; } }
.component-28414 {
  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-28414:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28414 { flex-direction: column; } }
.component-28415 {
  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-28415:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28415 { flex-direction: column; } }
.component-28416 {
  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-28416:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28416 { flex-direction: column; } }
.component-28417 {
  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-28417:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28417 { flex-direction: column; } }
.component-28418 {
  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-28418:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28418 { flex-direction: column; } }
.component-28419 {
  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-28419:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28419 { flex-direction: column; } }
.component-28420 {
  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-28420:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28420 { flex-direction: column; } }
.component-28421 {
  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-28421:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28421 { flex-direction: column; } }
.component-28422 {
  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-28422:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28422 { flex-direction: column; } }
.component-28423 {
  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-28423:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28423 { flex-direction: column; } }
.component-28424 {
  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-28424:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28424 { flex-direction: column; } }
.component-28425 {
  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-28425:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28425 { flex-direction: column; } }
.component-28426 {
  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-28426:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28426 { flex-direction: column; } }
.component-28427 {
  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-28427:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28427 { flex-direction: column; } }
.component-28428 {
  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-28428:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28428 { flex-direction: column; } }
.component-28429 {
  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-28429:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28429 { flex-direction: column; } }
.component-28430 {
  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-28430:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28430 { flex-direction: column; } }
.component-28431 {
  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-28431:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28431 { flex-direction: column; } }
.component-28432 {
  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-28432:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28432 { flex-direction: column; } }
.component-28433 {
  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-28433:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28433 { flex-direction: column; } }
.component-28434 {
  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-28434:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28434 { flex-direction: column; } }
.component-28435 {
  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-28435:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28435 { flex-direction: column; } }
.component-28436 {
  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-28436:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28436 { flex-direction: column; } }
.component-28437 {
  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-28437:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28437 { flex-direction: column; } }
.component-28438 {
  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-28438:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28438 { flex-direction: column; } }
.component-28439 {
  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-28439:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28439 { flex-direction: column; } }
.component-28440 {
  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-28440:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28440 { flex-direction: column; } }
.component-28441 {
  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-28441:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28441 { flex-direction: column; } }
.component-28442 {
  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-28442:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28442 { flex-direction: column; } }
.component-28443 {
  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-28443:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28443 { flex-direction: column; } }
.component-28444 {
  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-28444:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28444 { flex-direction: column; } }
.component-28445 {
  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-28445:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28445 { flex-direction: column; } }
.component-28446 {
  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-28446:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28446 { flex-direction: column; } }
.component-28447 {
  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-28447:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28447 { flex-direction: column; } }
.component-28448 {
  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-28448:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28448 { flex-direction: column; } }
.component-28449 {
  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-28449:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28449 { flex-direction: column; } }
.component-28450 {
  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-28450:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28450 { flex-direction: column; } }
.component-28451 {
  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-28451:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28451 { flex-direction: column; } }
.component-28452 {
  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-28452:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28452 { flex-direction: column; } }
.component-28453 {
  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-28453:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28453 { flex-direction: column; } }
.component-28454 {
  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-28454:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28454 { flex-direction: column; } }
.component-28455 {
  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-28455:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28455 { flex-direction: column; } }
.component-28456 {
  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-28456:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28456 { flex-direction: column; } }
.component-28457 {
  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-28457:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28457 { flex-direction: column; } }
.component-28458 {
  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-28458:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28458 { flex-direction: column; } }
.component-28459 {
  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-28459:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28459 { flex-direction: column; } }
.component-28460 {
  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-28460:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28460 { flex-direction: column; } }
.component-28461 {
  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-28461:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28461 { flex-direction: column; } }
.component-28462 {
  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-28462:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28462 { flex-direction: column; } }
.component-28463 {
  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-28463:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28463 { flex-direction: column; } }
.component-28464 {
  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-28464:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28464 { flex-direction: column; } }
.component-28465 {
  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-28465:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28465 { flex-direction: column; } }
.component-28466 {
  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-28466:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28466 { flex-direction: column; } }
.component-28467 {
  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-28467:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28467 { flex-direction: column; } }
.component-28468 {
  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-28468:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28468 { flex-direction: column; } }
.component-28469 {
  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-28469:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28469 { flex-direction: column; } }
.component-28470 {
  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-28470:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28470 { flex-direction: column; } }
.component-28471 {
  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-28471:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28471 { flex-direction: column; } }
.component-28472 {
  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-28472:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28472 { flex-direction: column; } }
.component-28473 {
  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-28473:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28473 { flex-direction: column; } }
.component-28474 {
  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-28474:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28474 { flex-direction: column; } }
.component-28475 {
  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-28475:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28475 { flex-direction: column; } }
.component-28476 {
  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-28476:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28476 { flex-direction: column; } }
.component-28477 {
  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-28477:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28477 { flex-direction: column; } }
.component-28478 {
  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-28478:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28478 { flex-direction: column; } }
.component-28479 {
  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-28479:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28479 { flex-direction: column; } }
.component-28480 {
  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-28480:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28480 { flex-direction: column; } }
.component-28481 {
  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-28481:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28481 { flex-direction: column; } }
.component-28482 {
  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-28482:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28482 { flex-direction: column; } }
.component-28483 {
  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-28483:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28483 { flex-direction: column; } }
.component-28484 {
  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-28484:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28484 { flex-direction: column; } }
.component-28485 {
  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-28485:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28485 { flex-direction: column; } }
.component-28486 {
  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-28486:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28486 { flex-direction: column; } }
.component-28487 {
  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-28487:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28487 { flex-direction: column; } }
.component-28488 {
  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-28488:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28488 { flex-direction: column; } }
.component-28489 {
  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-28489:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28489 { flex-direction: column; } }
.component-28490 {
  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-28490:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28490 { flex-direction: column; } }
.component-28491 {
  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-28491:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28491 { flex-direction: column; } }
.component-28492 {
  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-28492:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28492 { flex-direction: column; } }
.component-28493 {
  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-28493:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28493 { flex-direction: column; } }
.component-28494 {
  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-28494:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28494 { flex-direction: column; } }
.component-28495 {
  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-28495:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28495 { flex-direction: column; } }
.component-28496 {
  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-28496:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28496 { flex-direction: column; } }
.component-28497 {
  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-28497:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28497 { flex-direction: column; } }
.component-28498 {
  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-28498:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28498 { flex-direction: column; } }
.component-28499 {
  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-28499:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28499 { flex-direction: column; } }
.component-28500 {
  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-28500:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28500 { flex-direction: column; } }
.component-28501 {
  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-28501:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28501 { flex-direction: column; } }
.component-28502 {
  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-28502:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28502 { flex-direction: column; } }
.component-28503 {
  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-28503:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28503 { flex-direction: column; } }
.component-28504 {
  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-28504:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28504 { flex-direction: column; } }
.component-28505 {
  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-28505:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28505 { flex-direction: column; } }
.component-28506 {
  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-28506:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28506 { flex-direction: column; } }
.component-28507 {
  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-28507:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28507 { flex-direction: column; } }
.component-28508 {
  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-28508:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28508 { flex-direction: column; } }
.component-28509 {
  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-28509:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28509 { flex-direction: column; } }
.component-28510 {
  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-28510:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28510 { flex-direction: column; } }
.component-28511 {
  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-28511:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28511 { flex-direction: column; } }
.component-28512 {
  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-28512:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28512 { flex-direction: column; } }
.component-28513 {
  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-28513:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28513 { flex-direction: column; } }
.component-28514 {
  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-28514:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28514 { flex-direction: column; } }
.component-28515 {
  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-28515:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28515 { flex-direction: column; } }
.component-28516 {
  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-28516:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28516 { flex-direction: column; } }
.component-28517 {
  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-28517:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28517 { flex-direction: column; } }
.component-28518 {
  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-28518:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28518 { flex-direction: column; } }
.component-28519 {
  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-28519:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28519 { flex-direction: column; } }
.component-28520 {
  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-28520:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28520 { flex-direction: column; } }
.component-28521 {
  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-28521:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28521 { flex-direction: column; } }
.component-28522 {
  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-28522:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28522 { flex-direction: column; } }
.component-28523 {
  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-28523:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28523 { flex-direction: column; } }
.component-28524 {
  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-28524:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28524 { flex-direction: column; } }
.component-28525 {
  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-28525:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28525 { flex-direction: column; } }
.component-28526 {
  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-28526:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28526 { flex-direction: column; } }
.component-28527 {
  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-28527:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28527 { flex-direction: column; } }
.component-28528 {
  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-28528:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28528 { flex-direction: column; } }
.component-28529 {
  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-28529:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28529 { flex-direction: column; } }
.component-28530 {
  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-28530:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28530 { flex-direction: column; } }
.component-28531 {
  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-28531:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28531 { flex-direction: column; } }
.component-28532 {
  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-28532:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28532 { flex-direction: column; } }
.component-28533 {
  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-28533:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28533 { flex-direction: column; } }
.component-28534 {
  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-28534:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28534 { flex-direction: column; } }
.component-28535 {
  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-28535:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28535 { flex-direction: column; } }
.component-28536 {
  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-28536:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28536 { flex-direction: column; } }
.component-28537 {
  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-28537:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28537 { flex-direction: column; } }
.component-28538 {
  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-28538:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28538 { flex-direction: column; } }
.component-28539 {
  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-28539:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28539 { flex-direction: column; } }
.component-28540 {
  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-28540:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28540 { flex-direction: column; } }
.component-28541 {
  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-28541:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28541 { flex-direction: column; } }
.component-28542 {
  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-28542:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28542 { flex-direction: column; } }
.component-28543 {
  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-28543:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28543 { flex-direction: column; } }
.component-28544 {
  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-28544:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28544 { flex-direction: column; } }
.component-28545 {
  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-28545:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28545 { flex-direction: column; } }
.component-28546 {
  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-28546:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28546 { flex-direction: column; } }
.component-28547 {
  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-28547:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28547 { flex-direction: column; } }
.component-28548 {
  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-28548:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28548 { flex-direction: column; } }
.component-28549 {
  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-28549:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28549 { flex-direction: column; } }
.component-28550 {
  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-28550:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28550 { flex-direction: column; } }
.component-28551 {
  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-28551:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28551 { flex-direction: column; } }
.component-28552 {
  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-28552:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28552 { flex-direction: column; } }
.component-28553 {
  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-28553:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28553 { flex-direction: column; } }
.component-28554 {
  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-28554:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28554 { flex-direction: column; } }
.component-28555 {
  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-28555:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28555 { flex-direction: column; } }
.component-28556 {
  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-28556:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28556 { flex-direction: column; } }
.component-28557 {
  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-28557:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28557 { flex-direction: column; } }
.component-28558 {
  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-28558:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28558 { flex-direction: column; } }
.component-28559 {
  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-28559:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28559 { flex-direction: column; } }
.component-28560 {
  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-28560:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28560 { flex-direction: column; } }
.component-28561 {
  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-28561:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28561 { flex-direction: column; } }
.component-28562 {
  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-28562:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28562 { flex-direction: column; } }
.component-28563 {
  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-28563:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28563 { flex-direction: column; } }
.component-28564 {
  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-28564:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28564 { flex-direction: column; } }
.component-28565 {
  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-28565:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28565 { flex-direction: column; } }
.component-28566 {
  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-28566:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28566 { flex-direction: column; } }
.component-28567 {
  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-28567:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28567 { flex-direction: column; } }
.component-28568 {
  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-28568:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28568 { flex-direction: column; } }
.component-28569 {
  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-28569:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28569 { flex-direction: column; } }
.component-28570 {
  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-28570:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28570 { flex-direction: column; } }
.component-28571 {
  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-28571:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28571 { flex-direction: column; } }
.component-28572 {
  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-28572:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28572 { flex-direction: column; } }
.component-28573 {
  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-28573:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28573 { flex-direction: column; } }
.component-28574 {
  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-28574:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28574 { flex-direction: column; } }
.component-28575 {
  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-28575:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28575 { flex-direction: column; } }
.component-28576 {
  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-28576:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28576 { flex-direction: column; } }
.component-28577 {
  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-28577:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28577 { flex-direction: column; } }
.component-28578 {
  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-28578:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28578 { flex-direction: column; } }
.component-28579 {
  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-28579:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28579 { flex-direction: column; } }
.component-28580 {
  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-28580:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28580 { flex-direction: column; } }
.component-28581 {
  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-28581:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28581 { flex-direction: column; } }
.component-28582 {
  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-28582:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28582 { flex-direction: column; } }
.component-28583 {
  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-28583:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28583 { flex-direction: column; } }
.component-28584 {
  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-28584:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28584 { flex-direction: column; } }
.component-28585 {
  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-28585:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28585 { flex-direction: column; } }
.component-28586 {
  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-28586:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28586 { flex-direction: column; } }
.component-28587 {
  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-28587:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28587 { flex-direction: column; } }
.component-28588 {
  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-28588:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28588 { flex-direction: column; } }
.component-28589 {
  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-28589:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28589 { flex-direction: column; } }
.component-28590 {
  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-28590:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28590 { flex-direction: column; } }
.component-28591 {
  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-28591:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28591 { flex-direction: column; } }
.component-28592 {
  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-28592:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28592 { flex-direction: column; } }
.component-28593 {
  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-28593:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28593 { flex-direction: column; } }
.component-28594 {
  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-28594:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28594 { flex-direction: column; } }
.component-28595 {
  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-28595:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28595 { flex-direction: column; } }
.component-28596 {
  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-28596:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28596 { flex-direction: column; } }
.component-28597 {
  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-28597:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28597 { flex-direction: column; } }
.component-28598 {
  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-28598:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28598 { flex-direction: column; } }
.component-28599 {
  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-28599:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28599 { flex-direction: column; } }
.component-28600 {
  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-28600:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28600 { flex-direction: column; } }
.component-28601 {
  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-28601:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28601 { flex-direction: column; } }
.component-28602 {
  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-28602:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28602 { flex-direction: column; } }
.component-28603 {
  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-28603:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28603 { flex-direction: column; } }
.component-28604 {
  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-28604:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28604 { flex-direction: column; } }
.component-28605 {
  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-28605:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28605 { flex-direction: column; } }
.component-28606 {
  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-28606:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28606 { flex-direction: column; } }
.component-28607 {
  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-28607:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28607 { flex-direction: column; } }
.component-28608 {
  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-28608:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28608 { flex-direction: column; } }
.component-28609 {
  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-28609:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28609 { flex-direction: column; } }
.component-28610 {
  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-28610:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28610 { flex-direction: column; } }
.component-28611 {
  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-28611:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28611 { flex-direction: column; } }
.component-28612 {
  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-28612:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28612 { flex-direction: column; } }
.component-28613 {
  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-28613:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28613 { flex-direction: column; } }
.component-28614 {
  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-28614:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28614 { flex-direction: column; } }
.component-28615 {
  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-28615:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28615 { flex-direction: column; } }
.component-28616 {
  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-28616:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28616 { flex-direction: column; } }
.component-28617 {
  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-28617:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28617 { flex-direction: column; } }
.component-28618 {
  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-28618:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28618 { flex-direction: column; } }
.component-28619 {
  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-28619:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28619 { flex-direction: column; } }
.component-28620 {
  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-28620:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28620 { flex-direction: column; } }
.component-28621 {
  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-28621:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28621 { flex-direction: column; } }
.component-28622 {
  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-28622:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28622 { flex-direction: column; } }
.component-28623 {
  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-28623:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28623 { flex-direction: column; } }
.component-28624 {
  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-28624:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28624 { flex-direction: column; } }
.component-28625 {
  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-28625:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28625 { flex-direction: column; } }
.component-28626 {
  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-28626:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28626 { flex-direction: column; } }
.component-28627 {
  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-28627:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28627 { flex-direction: column; } }
.component-28628 {
  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-28628:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28628 { flex-direction: column; } }
.component-28629 {
  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-28629:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28629 { flex-direction: column; } }
.component-28630 {
  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-28630:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28630 { flex-direction: column; } }
.component-28631 {
  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-28631:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28631 { flex-direction: column; } }
.component-28632 {
  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-28632:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28632 { flex-direction: column; } }
.component-28633 {
  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-28633:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28633 { flex-direction: column; } }
.component-28634 {
  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-28634:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28634 { flex-direction: column; } }
.component-28635 {
  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-28635:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28635 { flex-direction: column; } }
.component-28636 {
  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-28636:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28636 { flex-direction: column; } }
.component-28637 {
  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-28637:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28637 { flex-direction: column; } }
.component-28638 {
  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-28638:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28638 { flex-direction: column; } }
.component-28639 {
  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-28639:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28639 { flex-direction: column; } }
.component-28640 {
  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-28640:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28640 { flex-direction: column; } }
.component-28641 {
  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-28641:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28641 { flex-direction: column; } }
.component-28642 {
  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-28642:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28642 { flex-direction: column; } }
.component-28643 {
  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-28643:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28643 { flex-direction: column; } }
.component-28644 {
  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-28644:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28644 { flex-direction: column; } }
.component-28645 {
  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-28645:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28645 { flex-direction: column; } }
.component-28646 {
  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-28646:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28646 { flex-direction: column; } }
.component-28647 {
  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-28647:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28647 { flex-direction: column; } }
.component-28648 {
  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-28648:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28648 { flex-direction: column; } }
.component-28649 {
  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-28649:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28649 { flex-direction: column; } }
.component-28650 {
  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-28650:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28650 { flex-direction: column; } }
.component-28651 {
  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-28651:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28651 { flex-direction: column; } }
.component-28652 {
  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-28652:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28652 { flex-direction: column; } }
.component-28653 {
  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-28653:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28653 { flex-direction: column; } }
.component-28654 {
  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-28654:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28654 { flex-direction: column; } }
.component-28655 {
  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-28655:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28655 { flex-direction: column; } }
.component-28656 {
  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-28656:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28656 { flex-direction: column; } }
.component-28657 {
  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-28657:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28657 { flex-direction: column; } }
.component-28658 {
  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-28658:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28658 { flex-direction: column; } }
.component-28659 {
  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-28659:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28659 { flex-direction: column; } }
.component-28660 {
  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-28660:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28660 { flex-direction: column; } }
.component-28661 {
  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-28661:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28661 { flex-direction: column; } }
.component-28662 {
  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-28662:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28662 { flex-direction: column; } }
.component-28663 {
  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-28663:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28663 { flex-direction: column; } }
.component-28664 {
  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-28664:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28664 { flex-direction: column; } }
.component-28665 {
  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-28665:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28665 { flex-direction: column; } }
.component-28666 {
  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-28666:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28666 { flex-direction: column; } }
.component-28667 {
  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-28667:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28667 { flex-direction: column; } }
.component-28668 {
  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-28668:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28668 { flex-direction: column; } }
.component-28669 {
  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-28669:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28669 { flex-direction: column; } }
.component-28670 {
  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-28670:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28670 { flex-direction: column; } }
.component-28671 {
  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-28671:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28671 { flex-direction: column; } }
.component-28672 {
  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-28672:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28672 { flex-direction: column; } }
.component-28673 {
  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-28673:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28673 { flex-direction: column; } }
.component-28674 {
  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-28674:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28674 { flex-direction: column; } }
.component-28675 {
  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-28675:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28675 { flex-direction: column; } }
.component-28676 {
  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-28676:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28676 { flex-direction: column; } }
.component-28677 {
  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-28677:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28677 { flex-direction: column; } }
.component-28678 {
  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-28678:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28678 { flex-direction: column; } }
.component-28679 {
  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-28679:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28679 { flex-direction: column; } }
.component-28680 {
  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-28680:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28680 { flex-direction: column; } }
.component-28681 {
  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-28681:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28681 { flex-direction: column; } }
.component-28682 {
  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-28682:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28682 { flex-direction: column; } }
.component-28683 {
  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-28683:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28683 { flex-direction: column; } }
.component-28684 {
  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-28684:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28684 { flex-direction: column; } }
.component-28685 {
  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-28685:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28685 { flex-direction: column; } }
.component-28686 {
  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-28686:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28686 { flex-direction: column; } }
.component-28687 {
  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-28687:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28687 { flex-direction: column; } }
.component-28688 {
  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-28688:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28688 { flex-direction: column; } }
.component-28689 {
  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-28689:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28689 { flex-direction: column; } }
.component-28690 {
  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-28690:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28690 { flex-direction: column; } }
.component-28691 {
  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-28691:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28691 { flex-direction: column; } }
.component-28692 {
  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-28692:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28692 { flex-direction: column; } }
.component-28693 {
  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-28693:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28693 { flex-direction: column; } }
.component-28694 {
  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-28694:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28694 { flex-direction: column; } }
.component-28695 {
  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-28695:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28695 { flex-direction: column; } }
.component-28696 {
  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-28696:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28696 { flex-direction: column; } }
.component-28697 {
  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-28697:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28697 { flex-direction: column; } }
.component-28698 {
  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-28698:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28698 { flex-direction: column; } }
.component-28699 {
  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-28699:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28699 { flex-direction: column; } }
.component-28700 {
  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-28700:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28700 { flex-direction: column; } }
.component-28701 {
  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-28701:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28701 { flex-direction: column; } }
.component-28702 {
  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-28702:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28702 { flex-direction: column; } }
.component-28703 {
  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-28703:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28703 { flex-direction: column; } }
.component-28704 {
  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-28704:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28704 { flex-direction: column; } }
.component-28705 {
  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-28705:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28705 { flex-direction: column; } }
.component-28706 {
  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-28706:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28706 { flex-direction: column; } }
.component-28707 {
  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-28707:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28707 { flex-direction: column; } }
.component-28708 {
  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-28708:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28708 { flex-direction: column; } }
.component-28709 {
  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-28709:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28709 { flex-direction: column; } }
.component-28710 {
  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-28710:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28710 { flex-direction: column; } }
.component-28711 {
  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-28711:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28711 { flex-direction: column; } }
.component-28712 {
  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-28712:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28712 { flex-direction: column; } }
.component-28713 {
  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-28713:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28713 { flex-direction: column; } }
.component-28714 {
  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-28714:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28714 { flex-direction: column; } }
.component-28715 {
  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-28715:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28715 { flex-direction: column; } }
.component-28716 {
  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-28716:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28716 { flex-direction: column; } }
.component-28717 {
  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-28717:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28717 { flex-direction: column; } }
.component-28718 {
  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-28718:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28718 { flex-direction: column; } }
.component-28719 {
  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-28719:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28719 { flex-direction: column; } }
.component-28720 {
  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-28720:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28720 { flex-direction: column; } }
.component-28721 {
  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-28721:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28721 { flex-direction: column; } }
.component-28722 {
  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-28722:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28722 { flex-direction: column; } }
.component-28723 {
  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-28723:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28723 { flex-direction: column; } }
.component-28724 {
  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-28724:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28724 { flex-direction: column; } }
.component-28725 {
  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-28725:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28725 { flex-direction: column; } }
.component-28726 {
  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-28726:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28726 { flex-direction: column; } }
.component-28727 {
  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-28727:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28727 { flex-direction: column; } }
.component-28728 {
  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-28728:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28728 { flex-direction: column; } }
.component-28729 {
  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-28729:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28729 { flex-direction: column; } }
.component-28730 {
  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-28730:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28730 { flex-direction: column; } }
.component-28731 {
  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-28731:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28731 { flex-direction: column; } }
.component-28732 {
  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-28732:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28732 { flex-direction: column; } }
.component-28733 {
  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-28733:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28733 { flex-direction: column; } }
.component-28734 {
  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-28734:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28734 { flex-direction: column; } }
.component-28735 {
  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-28735:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28735 { flex-direction: column; } }
.component-28736 {
  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-28736:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28736 { flex-direction: column; } }
.component-28737 {
  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-28737:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28737 { flex-direction: column; } }
.component-28738 {
  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-28738:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28738 { flex-direction: column; } }
.component-28739 {
  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-28739:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28739 { flex-direction: column; } }
.component-28740 {
  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-28740:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28740 { flex-direction: column; } }
.component-28741 {
  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-28741:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28741 { flex-direction: column; } }
.component-28742 {
  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-28742:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28742 { flex-direction: column; } }
.component-28743 {
  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-28743:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28743 { flex-direction: column; } }
.component-28744 {
  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-28744:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28744 { flex-direction: column; } }
.component-28745 {
  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-28745:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28745 { flex-direction: column; } }
.component-28746 {
  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-28746:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28746 { flex-direction: column; } }
.component-28747 {
  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-28747:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28747 { flex-direction: column; } }
.component-28748 {
  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-28748:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28748 { flex-direction: column; } }
.component-28749 {
  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-28749:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28749 { flex-direction: column; } }
.component-28750 {
  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-28750:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28750 { flex-direction: column; } }
.component-28751 {
  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-28751:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28751 { flex-direction: column; } }
.component-28752 {
  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-28752:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28752 { flex-direction: column; } }
.component-28753 {
  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-28753:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28753 { flex-direction: column; } }
.component-28754 {
  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-28754:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28754 { flex-direction: column; } }
.component-28755 {
  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-28755:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28755 { flex-direction: column; } }
.component-28756 {
  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-28756:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28756 { flex-direction: column; } }
.component-28757 {
  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-28757:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28757 { flex-direction: column; } }
.component-28758 {
  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-28758:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28758 { flex-direction: column; } }
.component-28759 {
  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-28759:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28759 { flex-direction: column; } }
.component-28760 {
  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-28760:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28760 { flex-direction: column; } }
.component-28761 {
  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-28761:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28761 { flex-direction: column; } }
.component-28762 {
  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-28762:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28762 { flex-direction: column; } }
.component-28763 {
  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-28763:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28763 { flex-direction: column; } }
.component-28764 {
  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-28764:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28764 { flex-direction: column; } }
.component-28765 {
  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-28765:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28765 { flex-direction: column; } }
.component-28766 {
  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-28766:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28766 { flex-direction: column; } }
.component-28767 {
  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-28767:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28767 { flex-direction: column; } }
.component-28768 {
  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-28768:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28768 { flex-direction: column; } }
.component-28769 {
  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-28769:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28769 { flex-direction: column; } }
.component-28770 {
  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-28770:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28770 { flex-direction: column; } }
.component-28771 {
  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-28771:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28771 { flex-direction: column; } }
.component-28772 {
  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-28772:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28772 { flex-direction: column; } }
.component-28773 {
  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-28773:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28773 { flex-direction: column; } }
.component-28774 {
  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-28774:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28774 { flex-direction: column; } }
.component-28775 {
  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-28775:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28775 { flex-direction: column; } }
.component-28776 {
  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-28776:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28776 { flex-direction: column; } }
.component-28777 {
  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-28777:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28777 { flex-direction: column; } }
.component-28778 {
  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-28778:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28778 { flex-direction: column; } }
.component-28779 {
  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-28779:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28779 { flex-direction: column; } }
.component-28780 {
  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-28780:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28780 { flex-direction: column; } }
.component-28781 {
  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-28781:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28781 { flex-direction: column; } }
.component-28782 {
  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-28782:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28782 { flex-direction: column; } }
.component-28783 {
  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-28783:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28783 { flex-direction: column; } }
.component-28784 {
  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-28784:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28784 { flex-direction: column; } }
.component-28785 {
  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-28785:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28785 { flex-direction: column; } }
.component-28786 {
  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-28786:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28786 { flex-direction: column; } }
.component-28787 {
  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-28787:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28787 { flex-direction: column; } }
.component-28788 {
  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-28788:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28788 { flex-direction: column; } }
.component-28789 {
  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-28789:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28789 { flex-direction: column; } }
.component-28790 {
  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-28790:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28790 { flex-direction: column; } }
.component-28791 {
  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-28791:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28791 { flex-direction: column; } }
.component-28792 {
  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-28792:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28792 { flex-direction: column; } }
.component-28793 {
  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-28793:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28793 { flex-direction: column; } }
.component-28794 {
  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-28794:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28794 { flex-direction: column; } }
.component-28795 {
  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-28795:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28795 { flex-direction: column; } }
.component-28796 {
  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-28796:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28796 { flex-direction: column; } }
.component-28797 {
  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-28797:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28797 { flex-direction: column; } }
.component-28798 {
  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-28798:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28798 { flex-direction: column; } }
.component-28799 {
  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-28799:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28799 { flex-direction: column; } }
.component-28800 {
  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-28800:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28800 { flex-direction: column; } }
.component-28801 {
  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-28801:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28801 { flex-direction: column; } }
.component-28802 {
  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-28802:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28802 { flex-direction: column; } }
.component-28803 {
  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-28803:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28803 { flex-direction: column; } }
.component-28804 {
  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-28804:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28804 { flex-direction: column; } }
.component-28805 {
  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-28805:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28805 { flex-direction: column; } }
.component-28806 {
  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-28806:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28806 { flex-direction: column; } }
.component-28807 {
  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-28807:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28807 { flex-direction: column; } }
.component-28808 {
  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-28808:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28808 { flex-direction: column; } }
.component-28809 {
  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-28809:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28809 { flex-direction: column; } }
.component-28810 {
  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-28810:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28810 { flex-direction: column; } }
.component-28811 {
  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-28811:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28811 { flex-direction: column; } }
.component-28812 {
  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-28812:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28812 { flex-direction: column; } }
.component-28813 {
  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-28813:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28813 { flex-direction: column; } }
.component-28814 {
  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-28814:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28814 { flex-direction: column; } }
.component-28815 {
  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-28815:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28815 { flex-direction: column; } }
.component-28816 {
  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-28816:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28816 { flex-direction: column; } }
.component-28817 {
  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-28817:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28817 { flex-direction: column; } }
.component-28818 {
  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-28818:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28818 { flex-direction: column; } }
.component-28819 {
  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-28819:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28819 { flex-direction: column; } }
.component-28820 {
  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-28820:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28820 { flex-direction: column; } }
.component-28821 {
  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-28821:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28821 { flex-direction: column; } }
.component-28822 {
  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-28822:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28822 { flex-direction: column; } }
.component-28823 {
  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-28823:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28823 { flex-direction: column; } }
.component-28824 {
  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-28824:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28824 { flex-direction: column; } }
.component-28825 {
  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-28825:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28825 { flex-direction: column; } }
.component-28826 {
  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-28826:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28826 { flex-direction: column; } }
.component-28827 {
  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-28827:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28827 { flex-direction: column; } }
.component-28828 {
  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-28828:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28828 { flex-direction: column; } }
.component-28829 {
  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-28829:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28829 { flex-direction: column; } }
.component-28830 {
  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-28830:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28830 { flex-direction: column; } }
.component-28831 {
  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-28831:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28831 { flex-direction: column; } }
.component-28832 {
  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-28832:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28832 { flex-direction: column; } }
.component-28833 {
  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-28833:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28833 { flex-direction: column; } }
.component-28834 {
  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-28834:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28834 { flex-direction: column; } }
.component-28835 {
  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-28835:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28835 { flex-direction: column; } }
.component-28836 {
  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-28836:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28836 { flex-direction: column; } }
.component-28837 {
  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-28837:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28837 { flex-direction: column; } }
.component-28838 {
  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-28838:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28838 { flex-direction: column; } }
.component-28839 {
  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-28839:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28839 { flex-direction: column; } }
.component-28840 {
  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-28840:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28840 { flex-direction: column; } }
.component-28841 {
  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-28841:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28841 { flex-direction: column; } }
.component-28842 {
  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-28842:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28842 { flex-direction: column; } }
.component-28843 {
  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-28843:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28843 { flex-direction: column; } }
.component-28844 {
  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-28844:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28844 { flex-direction: column; } }
.component-28845 {
  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-28845:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28845 { flex-direction: column; } }
.component-28846 {
  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-28846:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28846 { flex-direction: column; } }
.component-28847 {
  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-28847:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28847 { flex-direction: column; } }
.component-28848 {
  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-28848:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28848 { flex-direction: column; } }
.component-28849 {
  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-28849:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28849 { flex-direction: column; } }
.component-28850 {
  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-28850:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28850 { flex-direction: column; } }
.component-28851 {
  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-28851:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28851 { flex-direction: column; } }
.component-28852 {
  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-28852:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28852 { flex-direction: column; } }
.component-28853 {
  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-28853:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28853 { flex-direction: column; } }
.component-28854 {
  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-28854:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28854 { flex-direction: column; } }
.component-28855 {
  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-28855:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28855 { flex-direction: column; } }
.component-28856 {
  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-28856:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28856 { flex-direction: column; } }
.component-28857 {
  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-28857:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28857 { flex-direction: column; } }
.component-28858 {
  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-28858:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28858 { flex-direction: column; } }
.component-28859 {
  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-28859:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28859 { flex-direction: column; } }
.component-28860 {
  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-28860:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28860 { flex-direction: column; } }
.component-28861 {
  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-28861:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28861 { flex-direction: column; } }
.component-28862 {
  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-28862:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28862 { flex-direction: column; } }
.component-28863 {
  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-28863:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28863 { flex-direction: column; } }
.component-28864 {
  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-28864:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28864 { flex-direction: column; } }
.component-28865 {
  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-28865:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28865 { flex-direction: column; } }
.component-28866 {
  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-28866:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28866 { flex-direction: column; } }
.component-28867 {
  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-28867:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28867 { flex-direction: column; } }
.component-28868 {
  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-28868:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28868 { flex-direction: column; } }
.component-28869 {
  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-28869:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28869 { flex-direction: column; } }
.component-28870 {
  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-28870:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28870 { flex-direction: column; } }
.component-28871 {
  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-28871:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28871 { flex-direction: column; } }
.component-28872 {
  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-28872:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28872 { flex-direction: column; } }
.component-28873 {
  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-28873:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28873 { flex-direction: column; } }
.component-28874 {
  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-28874:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28874 { flex-direction: column; } }
.component-28875 {
  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-28875:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28875 { flex-direction: column; } }
.component-28876 {
  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-28876:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28876 { flex-direction: column; } }
.component-28877 {
  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-28877:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28877 { flex-direction: column; } }
.component-28878 {
  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-28878:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28878 { flex-direction: column; } }
.component-28879 {
  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-28879:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28879 { flex-direction: column; } }
.component-28880 {
  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-28880:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28880 { flex-direction: column; } }
.component-28881 {
  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-28881:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28881 { flex-direction: column; } }
.component-28882 {
  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-28882:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28882 { flex-direction: column; } }
.component-28883 {
  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-28883:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28883 { flex-direction: column; } }
.component-28884 {
  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-28884:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28884 { flex-direction: column; } }
.component-28885 {
  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-28885:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28885 { flex-direction: column; } }
.component-28886 {
  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-28886:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28886 { flex-direction: column; } }
.component-28887 {
  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-28887:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28887 { flex-direction: column; } }
.component-28888 {
  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-28888:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28888 { flex-direction: column; } }
.component-28889 {
  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-28889:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28889 { flex-direction: column; } }
.component-28890 {
  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-28890:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28890 { flex-direction: column; } }
.component-28891 {
  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-28891:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28891 { flex-direction: column; } }
.component-28892 {
  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-28892:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28892 { flex-direction: column; } }
.component-28893 {
  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-28893:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28893 { flex-direction: column; } }
.component-28894 {
  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-28894:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28894 { flex-direction: column; } }
.component-28895 {
  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-28895:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28895 { flex-direction: column; } }
.component-28896 {
  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-28896:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28896 { flex-direction: column; } }
.component-28897 {
  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-28897:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28897 { flex-direction: column; } }
.component-28898 {
  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-28898:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28898 { flex-direction: column; } }
.component-28899 {
  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-28899:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28899 { flex-direction: column; } }
.component-28900 {
  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-28900:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28900 { flex-direction: column; } }
.component-28901 {
  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-28901:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28901 { flex-direction: column; } }
.component-28902 {
  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-28902:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28902 { flex-direction: column; } }
.component-28903 {
  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-28903:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28903 { flex-direction: column; } }
.component-28904 {
  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-28904:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28904 { flex-direction: column; } }
.component-28905 {
  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-28905:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28905 { flex-direction: column; } }
.component-28906 {
  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-28906:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28906 { flex-direction: column; } }
.component-28907 {
  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-28907:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28907 { flex-direction: column; } }
.component-28908 {
  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-28908:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28908 { flex-direction: column; } }
.component-28909 {
  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-28909:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28909 { flex-direction: column; } }
.component-28910 {
  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-28910:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28910 { flex-direction: column; } }
.component-28911 {
  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-28911:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28911 { flex-direction: column; } }
.component-28912 {
  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-28912:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28912 { flex-direction: column; } }
.component-28913 {
  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-28913:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28913 { flex-direction: column; } }
.component-28914 {
  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-28914:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28914 { flex-direction: column; } }
.component-28915 {
  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-28915:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28915 { flex-direction: column; } }
.component-28916 {
  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-28916:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28916 { flex-direction: column; } }
.component-28917 {
  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-28917:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28917 { flex-direction: column; } }
.component-28918 {
  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-28918:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28918 { flex-direction: column; } }
.component-28919 {
  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-28919:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28919 { flex-direction: column; } }
.component-28920 {
  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-28920:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28920 { flex-direction: column; } }
.component-28921 {
  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-28921:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28921 { flex-direction: column; } }
.component-28922 {
  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-28922:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28922 { flex-direction: column; } }
.component-28923 {
  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-28923:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28923 { flex-direction: column; } }
.component-28924 {
  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-28924:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28924 { flex-direction: column; } }
.component-28925 {
  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-28925:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28925 { flex-direction: column; } }
.component-28926 {
  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-28926:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28926 { flex-direction: column; } }
.component-28927 {
  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-28927:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28927 { flex-direction: column; } }
.component-28928 {
  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-28928:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28928 { flex-direction: column; } }
.component-28929 {
  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-28929:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28929 { flex-direction: column; } }
.component-28930 {
  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-28930:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28930 { flex-direction: column; } }
.component-28931 {
  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-28931:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28931 { flex-direction: column; } }
.component-28932 {
  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-28932:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28932 { flex-direction: column; } }
.component-28933 {
  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-28933:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28933 { flex-direction: column; } }
.component-28934 {
  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-28934:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28934 { flex-direction: column; } }
.component-28935 {
  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-28935:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28935 { flex-direction: column; } }
.component-28936 {
  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-28936:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28936 { flex-direction: column; } }
.component-28937 {
  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-28937:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28937 { flex-direction: column; } }
.component-28938 {
  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-28938:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28938 { flex-direction: column; } }
.component-28939 {
  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-28939:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28939 { flex-direction: column; } }
.component-28940 {
  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-28940:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28940 { flex-direction: column; } }
.component-28941 {
  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-28941:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28941 { flex-direction: column; } }
.component-28942 {
  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-28942:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28942 { flex-direction: column; } }
.component-28943 {
  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-28943:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28943 { flex-direction: column; } }
.component-28944 {
  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-28944:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28944 { flex-direction: column; } }
.component-28945 {
  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-28945:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28945 { flex-direction: column; } }
.component-28946 {
  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-28946:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28946 { flex-direction: column; } }
.component-28947 {
  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-28947:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28947 { flex-direction: column; } }
.component-28948 {
  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-28948:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28948 { flex-direction: column; } }
.component-28949 {
  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-28949:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28949 { flex-direction: column; } }
.component-28950 {
  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-28950:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28950 { flex-direction: column; } }
.component-28951 {
  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-28951:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28951 { flex-direction: column; } }
.component-28952 {
  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-28952:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28952 { flex-direction: column; } }
.component-28953 {
  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-28953:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28953 { flex-direction: column; } }
.component-28954 {
  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-28954:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28954 { flex-direction: column; } }
.component-28955 {
  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-28955:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28955 { flex-direction: column; } }
.component-28956 {
  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-28956:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28956 { flex-direction: column; } }
.component-28957 {
  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-28957:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28957 { flex-direction: column; } }
.component-28958 {
  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-28958:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28958 { flex-direction: column; } }
.component-28959 {
  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-28959:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28959 { flex-direction: column; } }
.component-28960 {
  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-28960:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28960 { flex-direction: column; } }
.component-28961 {
  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-28961:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28961 { flex-direction: column; } }
.component-28962 {
  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-28962:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28962 { flex-direction: column; } }
.component-28963 {
  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-28963:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28963 { flex-direction: column; } }
.component-28964 {
  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-28964:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28964 { flex-direction: column; } }
.component-28965 {
  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-28965:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28965 { flex-direction: column; } }
.component-28966 {
  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-28966:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28966 { flex-direction: column; } }
.component-28967 {
  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-28967:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28967 { flex-direction: column; } }
.component-28968 {
  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-28968:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28968 { flex-direction: column; } }
.component-28969 {
  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-28969:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28969 { flex-direction: column; } }
.component-28970 {
  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-28970:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28970 { flex-direction: column; } }
.component-28971 {
  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-28971:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28971 { flex-direction: column; } }
.component-28972 {
  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-28972:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28972 { flex-direction: column; } }
.component-28973 {
  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-28973:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28973 { flex-direction: column; } }
.component-28974 {
  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-28974:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28974 { flex-direction: column; } }
.component-28975 {
  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-28975:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28975 { flex-direction: column; } }
.component-28976 {
  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-28976:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28976 { flex-direction: column; } }
.component-28977 {
  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-28977:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28977 { flex-direction: column; } }
.component-28978 {
  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-28978:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28978 { flex-direction: column; } }
.component-28979 {
  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-28979:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28979 { flex-direction: column; } }
.component-28980 {
  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-28980:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28980 { flex-direction: column; } }
.component-28981 {
  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-28981:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28981 { flex-direction: column; } }
.component-28982 {
  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-28982:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28982 { flex-direction: column; } }
.component-28983 {
  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-28983:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28983 { flex-direction: column; } }
.component-28984 {
  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-28984:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28984 { flex-direction: column; } }
.component-28985 {
  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-28985:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-28985 { flex-direction: column; } }
.component-28986 {
  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-28986:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-28986 { flex-direction: column; } }
.component-28987 {
  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-28987:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-28987 { flex-direction: column; } }
.component-28988 {
  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-28988:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-28988 { flex-direction: column; } }
.component-28989 {
  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-28989:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-28989 { flex-direction: column; } }
.component-28990 {
  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-28990:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-28990 { flex-direction: column; } }
.component-28991 {
  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-28991:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-28991 { flex-direction: column; } }
.component-28992 {
  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-28992:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-28992 { flex-direction: column; } }
.component-28993 {
  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-28993:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-28993 { flex-direction: column; } }
.component-28994 {
  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-28994:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-28994 { flex-direction: column; } }
.component-28995 {
  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-28995:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-28995 { flex-direction: column; } }
.component-28996 {
  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-28996:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-28996 { flex-direction: column; } }
.component-28997 {
  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-28997:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-28997 { flex-direction: column; } }
.component-28998 {
  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-28998:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-28998 { flex-direction: column; } }
.component-28999 {
  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-28999:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-28999 { flex-direction: column; } }
.component-29000 {
  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-29000:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29000 { flex-direction: column; } }
.component-29001 {
  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-29001:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29001 { flex-direction: column; } }
.component-29002 {
  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-29002:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29002 { flex-direction: column; } }
.component-29003 {
  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-29003:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29003 { flex-direction: column; } }
.component-29004 {
  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-29004:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29004 { flex-direction: column; } }
.component-29005 {
  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-29005:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29005 { flex-direction: column; } }
.component-29006 {
  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-29006:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29006 { flex-direction: column; } }
.component-29007 {
  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-29007:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29007 { flex-direction: column; } }
.component-29008 {
  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-29008:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29008 { flex-direction: column; } }
.component-29009 {
  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-29009:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29009 { flex-direction: column; } }
.component-29010 {
  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-29010:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29010 { flex-direction: column; } }
.component-29011 {
  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-29011:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29011 { flex-direction: column; } }
.component-29012 {
  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-29012:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29012 { flex-direction: column; } }
.component-29013 {
  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-29013:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29013 { flex-direction: column; } }
.component-29014 {
  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-29014:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29014 { flex-direction: column; } }
.component-29015 {
  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-29015:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29015 { flex-direction: column; } }
.component-29016 {
  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-29016:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29016 { flex-direction: column; } }
.component-29017 {
  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-29017:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29017 { flex-direction: column; } }
.component-29018 {
  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-29018:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29018 { flex-direction: column; } }
.component-29019 {
  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-29019:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29019 { flex-direction: column; } }
.component-29020 {
  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-29020:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29020 { flex-direction: column; } }
.component-29021 {
  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-29021:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29021 { flex-direction: column; } }
.component-29022 {
  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-29022:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29022 { flex-direction: column; } }
.component-29023 {
  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-29023:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29023 { flex-direction: column; } }
.component-29024 {
  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-29024:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29024 { flex-direction: column; } }
.component-29025 {
  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-29025:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29025 { flex-direction: column; } }
.component-29026 {
  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-29026:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29026 { flex-direction: column; } }
.component-29027 {
  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-29027:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29027 { flex-direction: column; } }
.component-29028 {
  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-29028:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29028 { flex-direction: column; } }
.component-29029 {
  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-29029:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29029 { flex-direction: column; } }
.component-29030 {
  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-29030:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29030 { flex-direction: column; } }
.component-29031 {
  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-29031:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29031 { flex-direction: column; } }
.component-29032 {
  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-29032:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29032 { flex-direction: column; } }
.component-29033 {
  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-29033:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29033 { flex-direction: column; } }
.component-29034 {
  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-29034:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29034 { flex-direction: column; } }
.component-29035 {
  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-29035:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29035 { flex-direction: column; } }
.component-29036 {
  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-29036:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29036 { flex-direction: column; } }
.component-29037 {
  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-29037:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29037 { flex-direction: column; } }
.component-29038 {
  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-29038:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29038 { flex-direction: column; } }
.component-29039 {
  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-29039:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29039 { flex-direction: column; } }
.component-29040 {
  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-29040:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29040 { flex-direction: column; } }
.component-29041 {
  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-29041:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29041 { flex-direction: column; } }
.component-29042 {
  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-29042:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29042 { flex-direction: column; } }
.component-29043 {
  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-29043:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29043 { flex-direction: column; } }
.component-29044 {
  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-29044:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29044 { flex-direction: column; } }
.component-29045 {
  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-29045:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29045 { flex-direction: column; } }
.component-29046 {
  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-29046:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29046 { flex-direction: column; } }
.component-29047 {
  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-29047:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29047 { flex-direction: column; } }
.component-29048 {
  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-29048:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29048 { flex-direction: column; } }
.component-29049 {
  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-29049:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29049 { flex-direction: column; } }
.component-29050 {
  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-29050:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29050 { flex-direction: column; } }
.component-29051 {
  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-29051:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29051 { flex-direction: column; } }
.component-29052 {
  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-29052:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29052 { flex-direction: column; } }
.component-29053 {
  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-29053:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29053 { flex-direction: column; } }
.component-29054 {
  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-29054:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29054 { flex-direction: column; } }
.component-29055 {
  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-29055:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29055 { flex-direction: column; } }
.component-29056 {
  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-29056:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29056 { flex-direction: column; } }
.component-29057 {
  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-29057:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29057 { flex-direction: column; } }
.component-29058 {
  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-29058:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29058 { flex-direction: column; } }
.component-29059 {
  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-29059:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29059 { flex-direction: column; } }
.component-29060 {
  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-29060:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29060 { flex-direction: column; } }
.component-29061 {
  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-29061:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29061 { flex-direction: column; } }
.component-29062 {
  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-29062:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29062 { flex-direction: column; } }
.component-29063 {
  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-29063:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29063 { flex-direction: column; } }
.component-29064 {
  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-29064:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29064 { flex-direction: column; } }
.component-29065 {
  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-29065:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29065 { flex-direction: column; } }
.component-29066 {
  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-29066:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29066 { flex-direction: column; } }
.component-29067 {
  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-29067:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29067 { flex-direction: column; } }
.component-29068 {
  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-29068:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29068 { flex-direction: column; } }
.component-29069 {
  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-29069:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29069 { flex-direction: column; } }
.component-29070 {
  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-29070:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29070 { flex-direction: column; } }
.component-29071 {
  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-29071:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29071 { flex-direction: column; } }
.component-29072 {
  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-29072:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29072 { flex-direction: column; } }
.component-29073 {
  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-29073:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29073 { flex-direction: column; } }
.component-29074 {
  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-29074:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29074 { flex-direction: column; } }
.component-29075 {
  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-29075:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29075 { flex-direction: column; } }
.component-29076 {
  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-29076:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29076 { flex-direction: column; } }
.component-29077 {
  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-29077:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29077 { flex-direction: column; } }
.component-29078 {
  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-29078:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29078 { flex-direction: column; } }
.component-29079 {
  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-29079:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29079 { flex-direction: column; } }
.component-29080 {
  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-29080:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29080 { flex-direction: column; } }
.component-29081 {
  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-29081:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29081 { flex-direction: column; } }
.component-29082 {
  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-29082:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29082 { flex-direction: column; } }
.component-29083 {
  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-29083:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29083 { flex-direction: column; } }
.component-29084 {
  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-29084:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29084 { flex-direction: column; } }
.component-29085 {
  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-29085:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29085 { flex-direction: column; } }
.component-29086 {
  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-29086:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29086 { flex-direction: column; } }
.component-29087 {
  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-29087:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29087 { flex-direction: column; } }
.component-29088 {
  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-29088:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29088 { flex-direction: column; } }
.component-29089 {
  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-29089:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29089 { flex-direction: column; } }
.component-29090 {
  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-29090:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29090 { flex-direction: column; } }
.component-29091 {
  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-29091:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29091 { flex-direction: column; } }
.component-29092 {
  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-29092:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29092 { flex-direction: column; } }
.component-29093 {
  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-29093:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29093 { flex-direction: column; } }
.component-29094 {
  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-29094:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29094 { flex-direction: column; } }
.component-29095 {
  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-29095:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29095 { flex-direction: column; } }
.component-29096 {
  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-29096:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29096 { flex-direction: column; } }
.component-29097 {
  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-29097:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29097 { flex-direction: column; } }
.component-29098 {
  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-29098:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29098 { flex-direction: column; } }
.component-29099 {
  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-29099:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29099 { flex-direction: column; } }
.component-29100 {
  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-29100:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29100 { flex-direction: column; } }
.component-29101 {
  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-29101:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29101 { flex-direction: column; } }
.component-29102 {
  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-29102:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29102 { flex-direction: column; } }
.component-29103 {
  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-29103:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29103 { flex-direction: column; } }
.component-29104 {
  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-29104:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29104 { flex-direction: column; } }
.component-29105 {
  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-29105:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29105 { flex-direction: column; } }
.component-29106 {
  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-29106:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29106 { flex-direction: column; } }
.component-29107 {
  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-29107:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29107 { flex-direction: column; } }
.component-29108 {
  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-29108:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29108 { flex-direction: column; } }
.component-29109 {
  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-29109:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29109 { flex-direction: column; } }
.component-29110 {
  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-29110:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29110 { flex-direction: column; } }
.component-29111 {
  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-29111:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29111 { flex-direction: column; } }
.component-29112 {
  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-29112:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29112 { flex-direction: column; } }
.component-29113 {
  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-29113:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29113 { flex-direction: column; } }
.component-29114 {
  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-29114:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29114 { flex-direction: column; } }
.component-29115 {
  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-29115:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29115 { flex-direction: column; } }
.component-29116 {
  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-29116:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29116 { flex-direction: column; } }
.component-29117 {
  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-29117:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29117 { flex-direction: column; } }
.component-29118 {
  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-29118:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29118 { flex-direction: column; } }
.component-29119 {
  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-29119:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29119 { flex-direction: column; } }
.component-29120 {
  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-29120:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29120 { flex-direction: column; } }
.component-29121 {
  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-29121:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29121 { flex-direction: column; } }
.component-29122 {
  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-29122:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29122 { flex-direction: column; } }
.component-29123 {
  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-29123:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29123 { flex-direction: column; } }
.component-29124 {
  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-29124:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29124 { flex-direction: column; } }
.component-29125 {
  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-29125:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29125 { flex-direction: column; } }
.component-29126 {
  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-29126:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29126 { flex-direction: column; } }
.component-29127 {
  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-29127:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29127 { flex-direction: column; } }
.component-29128 {
  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-29128:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29128 { flex-direction: column; } }
.component-29129 {
  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-29129:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29129 { flex-direction: column; } }
.component-29130 {
  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-29130:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29130 { flex-direction: column; } }
.component-29131 {
  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-29131:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29131 { flex-direction: column; } }
.component-29132 {
  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-29132:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29132 { flex-direction: column; } }
.component-29133 {
  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-29133:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29133 { flex-direction: column; } }
.component-29134 {
  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-29134:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29134 { flex-direction: column; } }
.component-29135 {
  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-29135:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29135 { flex-direction: column; } }
.component-29136 {
  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-29136:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29136 { flex-direction: column; } }
.component-29137 {
  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-29137:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29137 { flex-direction: column; } }
.component-29138 {
  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-29138:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29138 { flex-direction: column; } }
.component-29139 {
  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-29139:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29139 { flex-direction: column; } }
.component-29140 {
  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-29140:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29140 { flex-direction: column; } }
.component-29141 {
  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-29141:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29141 { flex-direction: column; } }
.component-29142 {
  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-29142:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29142 { flex-direction: column; } }
.component-29143 {
  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-29143:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29143 { flex-direction: column; } }
.component-29144 {
  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-29144:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29144 { flex-direction: column; } }
.component-29145 {
  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-29145:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29145 { flex-direction: column; } }
.component-29146 {
  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-29146:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29146 { flex-direction: column; } }
.component-29147 {
  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-29147:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29147 { flex-direction: column; } }
.component-29148 {
  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-29148:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29148 { flex-direction: column; } }
.component-29149 {
  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-29149:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29149 { flex-direction: column; } }
.component-29150 {
  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-29150:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29150 { flex-direction: column; } }
.component-29151 {
  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-29151:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29151 { flex-direction: column; } }
.component-29152 {
  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-29152:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29152 { flex-direction: column; } }
.component-29153 {
  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-29153:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29153 { flex-direction: column; } }
.component-29154 {
  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-29154:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29154 { flex-direction: column; } }
.component-29155 {
  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-29155:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29155 { flex-direction: column; } }
.component-29156 {
  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-29156:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29156 { flex-direction: column; } }
.component-29157 {
  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-29157:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29157 { flex-direction: column; } }
.component-29158 {
  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-29158:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29158 { flex-direction: column; } }
.component-29159 {
  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-29159:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29159 { flex-direction: column; } }
.component-29160 {
  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-29160:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29160 { flex-direction: column; } }
.component-29161 {
  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-29161:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29161 { flex-direction: column; } }
.component-29162 {
  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-29162:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29162 { flex-direction: column; } }
.component-29163 {
  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-29163:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29163 { flex-direction: column; } }
.component-29164 {
  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-29164:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29164 { flex-direction: column; } }
.component-29165 {
  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-29165:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29165 { flex-direction: column; } }
.component-29166 {
  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-29166:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29166 { flex-direction: column; } }
.component-29167 {
  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-29167:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29167 { flex-direction: column; } }
.component-29168 {
  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-29168:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29168 { flex-direction: column; } }
.component-29169 {
  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-29169:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29169 { flex-direction: column; } }
.component-29170 {
  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-29170:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29170 { flex-direction: column; } }
.component-29171 {
  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-29171:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29171 { flex-direction: column; } }
.component-29172 {
  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-29172:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29172 { flex-direction: column; } }
.component-29173 {
  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-29173:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29173 { flex-direction: column; } }
.component-29174 {
  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-29174:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29174 { flex-direction: column; } }
.component-29175 {
  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-29175:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29175 { flex-direction: column; } }
.component-29176 {
  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-29176:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29176 { flex-direction: column; } }
.component-29177 {
  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-29177:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29177 { flex-direction: column; } }
.component-29178 {
  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-29178:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29178 { flex-direction: column; } }
.component-29179 {
  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-29179:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29179 { flex-direction: column; } }
.component-29180 {
  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-29180:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29180 { flex-direction: column; } }
.component-29181 {
  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-29181:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29181 { flex-direction: column; } }
.component-29182 {
  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-29182:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29182 { flex-direction: column; } }
.component-29183 {
  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-29183:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29183 { flex-direction: column; } }
.component-29184 {
  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-29184:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29184 { flex-direction: column; } }
.component-29185 {
  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-29185:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29185 { flex-direction: column; } }
.component-29186 {
  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-29186:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29186 { flex-direction: column; } }
.component-29187 {
  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-29187:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29187 { flex-direction: column; } }
.component-29188 {
  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-29188:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29188 { flex-direction: column; } }
.component-29189 {
  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-29189:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29189 { flex-direction: column; } }
.component-29190 {
  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-29190:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29190 { flex-direction: column; } }
.component-29191 {
  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-29191:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29191 { flex-direction: column; } }
.component-29192 {
  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-29192:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29192 { flex-direction: column; } }
.component-29193 {
  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-29193:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29193 { flex-direction: column; } }
.component-29194 {
  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-29194:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29194 { flex-direction: column; } }
.component-29195 {
  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-29195:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29195 { flex-direction: column; } }
.component-29196 {
  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-29196:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29196 { flex-direction: column; } }
.component-29197 {
  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-29197:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29197 { flex-direction: column; } }
.component-29198 {
  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-29198:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29198 { flex-direction: column; } }
.component-29199 {
  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-29199:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29199 { flex-direction: column; } }
.component-29200 {
  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-29200:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29200 { flex-direction: column; } }
.component-29201 {
  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-29201:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29201 { flex-direction: column; } }
.component-29202 {
  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-29202:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29202 { flex-direction: column; } }
.component-29203 {
  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-29203:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29203 { flex-direction: column; } }
.component-29204 {
  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-29204:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29204 { flex-direction: column; } }
.component-29205 {
  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-29205:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29205 { flex-direction: column; } }
.component-29206 {
  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-29206:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29206 { flex-direction: column; } }
.component-29207 {
  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-29207:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29207 { flex-direction: column; } }
.component-29208 {
  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-29208:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29208 { flex-direction: column; } }
.component-29209 {
  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-29209:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29209 { flex-direction: column; } }
.component-29210 {
  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-29210:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29210 { flex-direction: column; } }
.component-29211 {
  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-29211:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29211 { flex-direction: column; } }
.component-29212 {
  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-29212:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29212 { flex-direction: column; } }
.component-29213 {
  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-29213:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29213 { flex-direction: column; } }
.component-29214 {
  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-29214:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29214 { flex-direction: column; } }
.component-29215 {
  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-29215:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29215 { flex-direction: column; } }
.component-29216 {
  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-29216:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29216 { flex-direction: column; } }
.component-29217 {
  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-29217:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29217 { flex-direction: column; } }
.component-29218 {
  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-29218:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29218 { flex-direction: column; } }
.component-29219 {
  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-29219:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29219 { flex-direction: column; } }
.component-29220 {
  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-29220:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29220 { flex-direction: column; } }
.component-29221 {
  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-29221:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29221 { flex-direction: column; } }
.component-29222 {
  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-29222:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29222 { flex-direction: column; } }
.component-29223 {
  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-29223:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29223 { flex-direction: column; } }
.component-29224 {
  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-29224:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29224 { flex-direction: column; } }
.component-29225 {
  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-29225:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29225 { flex-direction: column; } }
.component-29226 {
  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-29226:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29226 { flex-direction: column; } }
.component-29227 {
  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-29227:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29227 { flex-direction: column; } }
.component-29228 {
  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-29228:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29228 { flex-direction: column; } }
.component-29229 {
  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-29229:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29229 { flex-direction: column; } }
.component-29230 {
  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-29230:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29230 { flex-direction: column; } }
.component-29231 {
  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-29231:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29231 { flex-direction: column; } }
.component-29232 {
  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-29232:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29232 { flex-direction: column; } }
.component-29233 {
  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-29233:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29233 { flex-direction: column; } }
.component-29234 {
  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-29234:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29234 { flex-direction: column; } }
.component-29235 {
  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-29235:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29235 { flex-direction: column; } }
.component-29236 {
  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-29236:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29236 { flex-direction: column; } }
.component-29237 {
  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-29237:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29237 { flex-direction: column; } }
.component-29238 {
  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-29238:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29238 { flex-direction: column; } }
.component-29239 {
  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-29239:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29239 { flex-direction: column; } }
.component-29240 {
  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-29240:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29240 { flex-direction: column; } }
.component-29241 {
  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-29241:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29241 { flex-direction: column; } }
.component-29242 {
  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-29242:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29242 { flex-direction: column; } }
.component-29243 {
  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-29243:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29243 { flex-direction: column; } }
.component-29244 {
  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-29244:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29244 { flex-direction: column; } }
.component-29245 {
  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-29245:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29245 { flex-direction: column; } }
.component-29246 {
  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-29246:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29246 { flex-direction: column; } }
.component-29247 {
  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-29247:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29247 { flex-direction: column; } }
.component-29248 {
  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-29248:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29248 { flex-direction: column; } }
.component-29249 {
  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-29249:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29249 { flex-direction: column; } }
.component-29250 {
  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-29250:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29250 { flex-direction: column; } }
.component-29251 {
  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-29251:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29251 { flex-direction: column; } }
.component-29252 {
  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-29252:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29252 { flex-direction: column; } }
.component-29253 {
  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-29253:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29253 { flex-direction: column; } }
.component-29254 {
  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-29254:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29254 { flex-direction: column; } }
.component-29255 {
  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-29255:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29255 { flex-direction: column; } }
.component-29256 {
  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-29256:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29256 { flex-direction: column; } }
.component-29257 {
  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-29257:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29257 { flex-direction: column; } }
.component-29258 {
  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-29258:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29258 { flex-direction: column; } }
.component-29259 {
  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-29259:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29259 { flex-direction: column; } }
.component-29260 {
  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-29260:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29260 { flex-direction: column; } }
.component-29261 {
  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-29261:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29261 { flex-direction: column; } }
.component-29262 {
  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-29262:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29262 { flex-direction: column; } }
.component-29263 {
  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-29263:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29263 { flex-direction: column; } }
.component-29264 {
  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-29264:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29264 { flex-direction: column; } }
.component-29265 {
  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-29265:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29265 { flex-direction: column; } }
.component-29266 {
  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-29266:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29266 { flex-direction: column; } }
.component-29267 {
  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-29267:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29267 { flex-direction: column; } }
.component-29268 {
  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-29268:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29268 { flex-direction: column; } }
.component-29269 {
  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-29269:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29269 { flex-direction: column; } }
.component-29270 {
  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-29270:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29270 { flex-direction: column; } }
.component-29271 {
  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-29271:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29271 { flex-direction: column; } }
.component-29272 {
  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-29272:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29272 { flex-direction: column; } }
.component-29273 {
  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-29273:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29273 { flex-direction: column; } }
.component-29274 {
  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-29274:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29274 { flex-direction: column; } }
.component-29275 {
  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-29275:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29275 { flex-direction: column; } }
.component-29276 {
  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-29276:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29276 { flex-direction: column; } }
.component-29277 {
  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-29277:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29277 { flex-direction: column; } }
.component-29278 {
  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-29278:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29278 { flex-direction: column; } }
.component-29279 {
  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-29279:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29279 { flex-direction: column; } }
.component-29280 {
  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-29280:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29280 { flex-direction: column; } }
.component-29281 {
  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-29281:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29281 { flex-direction: column; } }
.component-29282 {
  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-29282:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29282 { flex-direction: column; } }
.component-29283 {
  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-29283:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29283 { flex-direction: column; } }
.component-29284 {
  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-29284:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29284 { flex-direction: column; } }
.component-29285 {
  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-29285:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29285 { flex-direction: column; } }
.component-29286 {
  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-29286:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29286 { flex-direction: column; } }
.component-29287 {
  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-29287:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29287 { flex-direction: column; } }
.component-29288 {
  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-29288:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29288 { flex-direction: column; } }
.component-29289 {
  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-29289:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29289 { flex-direction: column; } }
.component-29290 {
  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-29290:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29290 { flex-direction: column; } }
.component-29291 {
  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-29291:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29291 { flex-direction: column; } }
.component-29292 {
  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-29292:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29292 { flex-direction: column; } }
.component-29293 {
  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-29293:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29293 { flex-direction: column; } }
.component-29294 {
  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-29294:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29294 { flex-direction: column; } }
.component-29295 {
  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-29295:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29295 { flex-direction: column; } }
.component-29296 {
  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-29296:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29296 { flex-direction: column; } }
.component-29297 {
  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-29297:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29297 { flex-direction: column; } }
.component-29298 {
  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-29298:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29298 { flex-direction: column; } }
.component-29299 {
  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-29299:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29299 { flex-direction: column; } }
.component-29300 {
  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-29300:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29300 { flex-direction: column; } }
.component-29301 {
  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-29301:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29301 { flex-direction: column; } }
.component-29302 {
  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-29302:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29302 { flex-direction: column; } }
.component-29303 {
  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-29303:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29303 { flex-direction: column; } }
.component-29304 {
  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-29304:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29304 { flex-direction: column; } }
.component-29305 {
  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-29305:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29305 { flex-direction: column; } }
.component-29306 {
  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-29306:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29306 { flex-direction: column; } }
.component-29307 {
  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-29307:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29307 { flex-direction: column; } }
.component-29308 {
  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-29308:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29308 { flex-direction: column; } }
.component-29309 {
  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-29309:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29309 { flex-direction: column; } }
.component-29310 {
  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-29310:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29310 { flex-direction: column; } }
.component-29311 {
  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-29311:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29311 { flex-direction: column; } }
.component-29312 {
  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-29312:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29312 { flex-direction: column; } }
.component-29313 {
  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-29313:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29313 { flex-direction: column; } }
.component-29314 {
  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-29314:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29314 { flex-direction: column; } }
.component-29315 {
  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-29315:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29315 { flex-direction: column; } }
.component-29316 {
  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-29316:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29316 { flex-direction: column; } }
.component-29317 {
  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-29317:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29317 { flex-direction: column; } }
.component-29318 {
  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-29318:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29318 { flex-direction: column; } }
.component-29319 {
  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-29319:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29319 { flex-direction: column; } }
.component-29320 {
  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-29320:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29320 { flex-direction: column; } }
.component-29321 {
  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-29321:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29321 { flex-direction: column; } }
.component-29322 {
  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-29322:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29322 { flex-direction: column; } }
.component-29323 {
  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-29323:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29323 { flex-direction: column; } }
.component-29324 {
  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-29324:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29324 { flex-direction: column; } }
.component-29325 {
  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-29325:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29325 { flex-direction: column; } }
.component-29326 {
  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-29326:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29326 { flex-direction: column; } }
.component-29327 {
  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-29327:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29327 { flex-direction: column; } }
.component-29328 {
  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-29328:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29328 { flex-direction: column; } }
.component-29329 {
  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-29329:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29329 { flex-direction: column; } }
.component-29330 {
  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-29330:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29330 { flex-direction: column; } }
.component-29331 {
  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-29331:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29331 { flex-direction: column; } }
.component-29332 {
  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-29332:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29332 { flex-direction: column; } }
.component-29333 {
  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-29333:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29333 { flex-direction: column; } }
.component-29334 {
  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-29334:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29334 { flex-direction: column; } }
.component-29335 {
  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-29335:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29335 { flex-direction: column; } }
.component-29336 {
  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-29336:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29336 { flex-direction: column; } }
.component-29337 {
  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-29337:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29337 { flex-direction: column; } }
.component-29338 {
  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-29338:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29338 { flex-direction: column; } }
.component-29339 {
  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-29339:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29339 { flex-direction: column; } }
.component-29340 {
  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-29340:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29340 { flex-direction: column; } }
.component-29341 {
  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-29341:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29341 { flex-direction: column; } }
.component-29342 {
  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-29342:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29342 { flex-direction: column; } }
.component-29343 {
  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-29343:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29343 { flex-direction: column; } }
.component-29344 {
  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-29344:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29344 { flex-direction: column; } }
.component-29345 {
  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-29345:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29345 { flex-direction: column; } }
.component-29346 {
  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-29346:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29346 { flex-direction: column; } }
.component-29347 {
  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-29347:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29347 { flex-direction: column; } }
.component-29348 {
  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-29348:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29348 { flex-direction: column; } }
.component-29349 {
  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-29349:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29349 { flex-direction: column; } }
.component-29350 {
  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-29350:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29350 { flex-direction: column; } }
.component-29351 {
  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-29351:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29351 { flex-direction: column; } }
.component-29352 {
  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-29352:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29352 { flex-direction: column; } }
.component-29353 {
  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-29353:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29353 { flex-direction: column; } }
.component-29354 {
  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-29354:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29354 { flex-direction: column; } }
.component-29355 {
  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-29355:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29355 { flex-direction: column; } }
.component-29356 {
  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-29356:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29356 { flex-direction: column; } }
.component-29357 {
  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-29357:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29357 { flex-direction: column; } }
.component-29358 {
  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-29358:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29358 { flex-direction: column; } }
.component-29359 {
  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-29359:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29359 { flex-direction: column; } }
.component-29360 {
  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-29360:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29360 { flex-direction: column; } }
.component-29361 {
  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-29361:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29361 { flex-direction: column; } }
.component-29362 {
  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-29362:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29362 { flex-direction: column; } }
.component-29363 {
  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-29363:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29363 { flex-direction: column; } }
.component-29364 {
  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-29364:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29364 { flex-direction: column; } }
.component-29365 {
  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-29365:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29365 { flex-direction: column; } }
.component-29366 {
  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-29366:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29366 { flex-direction: column; } }
.component-29367 {
  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-29367:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29367 { flex-direction: column; } }
.component-29368 {
  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-29368:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29368 { flex-direction: column; } }
.component-29369 {
  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-29369:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29369 { flex-direction: column; } }
.component-29370 {
  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-29370:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29370 { flex-direction: column; } }
.component-29371 {
  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-29371:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29371 { flex-direction: column; } }
.component-29372 {
  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-29372:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29372 { flex-direction: column; } }
.component-29373 {
  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-29373:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29373 { flex-direction: column; } }
.component-29374 {
  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-29374:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29374 { flex-direction: column; } }
.component-29375 {
  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-29375:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29375 { flex-direction: column; } }
.component-29376 {
  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-29376:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29376 { flex-direction: column; } }
.component-29377 {
  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-29377:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29377 { flex-direction: column; } }
.component-29378 {
  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-29378:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29378 { flex-direction: column; } }
.component-29379 {
  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-29379:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29379 { flex-direction: column; } }
.component-29380 {
  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-29380:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29380 { flex-direction: column; } }
.component-29381 {
  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-29381:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29381 { flex-direction: column; } }
.component-29382 {
  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-29382:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29382 { flex-direction: column; } }
.component-29383 {
  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-29383:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29383 { flex-direction: column; } }
.component-29384 {
  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-29384:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29384 { flex-direction: column; } }
.component-29385 {
  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-29385:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29385 { flex-direction: column; } }
.component-29386 {
  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-29386:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29386 { flex-direction: column; } }
.component-29387 {
  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-29387:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29387 { flex-direction: column; } }
.component-29388 {
  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-29388:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29388 { flex-direction: column; } }
.component-29389 {
  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-29389:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29389 { flex-direction: column; } }
.component-29390 {
  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-29390:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29390 { flex-direction: column; } }
.component-29391 {
  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-29391:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29391 { flex-direction: column; } }
.component-29392 {
  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-29392:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29392 { flex-direction: column; } }
.component-29393 {
  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-29393:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29393 { flex-direction: column; } }
.component-29394 {
  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-29394:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29394 { flex-direction: column; } }
.component-29395 {
  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-29395:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29395 { flex-direction: column; } }
.component-29396 {
  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-29396:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29396 { flex-direction: column; } }
.component-29397 {
  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-29397:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29397 { flex-direction: column; } }
.component-29398 {
  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-29398:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29398 { flex-direction: column; } }
.component-29399 {
  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-29399:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29399 { flex-direction: column; } }
.component-29400 {
  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-29400:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29400 { flex-direction: column; } }
.component-29401 {
  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-29401:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29401 { flex-direction: column; } }
.component-29402 {
  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-29402:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29402 { flex-direction: column; } }
.component-29403 {
  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-29403:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29403 { flex-direction: column; } }
.component-29404 {
  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-29404:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29404 { flex-direction: column; } }
.component-29405 {
  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-29405:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29405 { flex-direction: column; } }
.component-29406 {
  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-29406:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29406 { flex-direction: column; } }
.component-29407 {
  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-29407:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29407 { flex-direction: column; } }
.component-29408 {
  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-29408:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29408 { flex-direction: column; } }
.component-29409 {
  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-29409:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29409 { flex-direction: column; } }
.component-29410 {
  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-29410:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29410 { flex-direction: column; } }
.component-29411 {
  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-29411:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29411 { flex-direction: column; } }
.component-29412 {
  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-29412:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29412 { flex-direction: column; } }
.component-29413 {
  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-29413:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29413 { flex-direction: column; } }
.component-29414 {
  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-29414:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29414 { flex-direction: column; } }
.component-29415 {
  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-29415:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29415 { flex-direction: column; } }
.component-29416 {
  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-29416:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29416 { flex-direction: column; } }
.component-29417 {
  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-29417:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29417 { flex-direction: column; } }
.component-29418 {
  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-29418:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29418 { flex-direction: column; } }
.component-29419 {
  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-29419:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29419 { flex-direction: column; } }
.component-29420 {
  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-29420:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29420 { flex-direction: column; } }
.component-29421 {
  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-29421:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29421 { flex-direction: column; } }
.component-29422 {
  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-29422:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29422 { flex-direction: column; } }
.component-29423 {
  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-29423:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29423 { flex-direction: column; } }
.component-29424 {
  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-29424:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29424 { flex-direction: column; } }
.component-29425 {
  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-29425:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29425 { flex-direction: column; } }
.component-29426 {
  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-29426:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29426 { flex-direction: column; } }
.component-29427 {
  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-29427:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29427 { flex-direction: column; } }
.component-29428 {
  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-29428:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29428 { flex-direction: column; } }
.component-29429 {
  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-29429:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29429 { flex-direction: column; } }
.component-29430 {
  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-29430:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29430 { flex-direction: column; } }
.component-29431 {
  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-29431:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29431 { flex-direction: column; } }
.component-29432 {
  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-29432:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29432 { flex-direction: column; } }
.component-29433 {
  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-29433:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29433 { flex-direction: column; } }
.component-29434 {
  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-29434:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29434 { flex-direction: column; } }
.component-29435 {
  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-29435:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29435 { flex-direction: column; } }
.component-29436 {
  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-29436:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29436 { flex-direction: column; } }
.component-29437 {
  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-29437:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29437 { flex-direction: column; } }
.component-29438 {
  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-29438:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29438 { flex-direction: column; } }
.component-29439 {
  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-29439:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29439 { flex-direction: column; } }
.component-29440 {
  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-29440:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29440 { flex-direction: column; } }
.component-29441 {
  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-29441:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29441 { flex-direction: column; } }
.component-29442 {
  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-29442:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29442 { flex-direction: column; } }
.component-29443 {
  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-29443:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29443 { flex-direction: column; } }
.component-29444 {
  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-29444:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29444 { flex-direction: column; } }
.component-29445 {
  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-29445:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29445 { flex-direction: column; } }
.component-29446 {
  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-29446:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29446 { flex-direction: column; } }
.component-29447 {
  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-29447:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29447 { flex-direction: column; } }
.component-29448 {
  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-29448:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29448 { flex-direction: column; } }
.component-29449 {
  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-29449:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29449 { flex-direction: column; } }
.component-29450 {
  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-29450:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29450 { flex-direction: column; } }
.component-29451 {
  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-29451:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29451 { flex-direction: column; } }
.component-29452 {
  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-29452:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29452 { flex-direction: column; } }
.component-29453 {
  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-29453:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29453 { flex-direction: column; } }
.component-29454 {
  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-29454:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29454 { flex-direction: column; } }
.component-29455 {
  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-29455:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29455 { flex-direction: column; } }
.component-29456 {
  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-29456:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29456 { flex-direction: column; } }
.component-29457 {
  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-29457:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29457 { flex-direction: column; } }
.component-29458 {
  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-29458:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29458 { flex-direction: column; } }
.component-29459 {
  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-29459:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29459 { flex-direction: column; } }
.component-29460 {
  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-29460:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29460 { flex-direction: column; } }
.component-29461 {
  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-29461:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29461 { flex-direction: column; } }
.component-29462 {
  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-29462:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29462 { flex-direction: column; } }
.component-29463 {
  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-29463:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29463 { flex-direction: column; } }
.component-29464 {
  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-29464:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29464 { flex-direction: column; } }
.component-29465 {
  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-29465:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29465 { flex-direction: column; } }
.component-29466 {
  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-29466:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29466 { flex-direction: column; } }
.component-29467 {
  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-29467:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29467 { flex-direction: column; } }
.component-29468 {
  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-29468:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29468 { flex-direction: column; } }
.component-29469 {
  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-29469:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29469 { flex-direction: column; } }
.component-29470 {
  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-29470:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29470 { flex-direction: column; } }
.component-29471 {
  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-29471:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29471 { flex-direction: column; } }
.component-29472 {
  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-29472:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29472 { flex-direction: column; } }
.component-29473 {
  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-29473:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29473 { flex-direction: column; } }
.component-29474 {
  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-29474:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29474 { flex-direction: column; } }
.component-29475 {
  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-29475:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29475 { flex-direction: column; } }
.component-29476 {
  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-29476:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29476 { flex-direction: column; } }
.component-29477 {
  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-29477:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29477 { flex-direction: column; } }
.component-29478 {
  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-29478:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29478 { flex-direction: column; } }
.component-29479 {
  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-29479:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29479 { flex-direction: column; } }
.component-29480 {
  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-29480:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29480 { flex-direction: column; } }
.component-29481 {
  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-29481:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29481 { flex-direction: column; } }
.component-29482 {
  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-29482:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29482 { flex-direction: column; } }
.component-29483 {
  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-29483:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29483 { flex-direction: column; } }
.component-29484 {
  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-29484:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29484 { flex-direction: column; } }
.component-29485 {
  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-29485:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29485 { flex-direction: column; } }
.component-29486 {
  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-29486:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29486 { flex-direction: column; } }
.component-29487 {
  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-29487:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29487 { flex-direction: column; } }
.component-29488 {
  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-29488:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29488 { flex-direction: column; } }
.component-29489 {
  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-29489:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29489 { flex-direction: column; } }
.component-29490 {
  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-29490:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29490 { flex-direction: column; } }
.component-29491 {
  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-29491:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29491 { flex-direction: column; } }
.component-29492 {
  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-29492:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29492 { flex-direction: column; } }
.component-29493 {
  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-29493:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29493 { flex-direction: column; } }
.component-29494 {
  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-29494:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29494 { flex-direction: column; } }
.component-29495 {
  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-29495:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29495 { flex-direction: column; } }
.component-29496 {
  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-29496:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29496 { flex-direction: column; } }
.component-29497 {
  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-29497:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29497 { flex-direction: column; } }
.component-29498 {
  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-29498:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29498 { flex-direction: column; } }
.component-29499 {
  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-29499:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29499 { flex-direction: column; } }
.component-29500 {
  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-29500:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29500 { flex-direction: column; } }
.component-29501 {
  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-29501:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29501 { flex-direction: column; } }
.component-29502 {
  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-29502:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29502 { flex-direction: column; } }
.component-29503 {
  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-29503:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29503 { flex-direction: column; } }
.component-29504 {
  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-29504:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29504 { flex-direction: column; } }
.component-29505 {
  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-29505:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29505 { flex-direction: column; } }
.component-29506 {
  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-29506:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29506 { flex-direction: column; } }
.component-29507 {
  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-29507:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29507 { flex-direction: column; } }
.component-29508 {
  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-29508:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29508 { flex-direction: column; } }
.component-29509 {
  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-29509:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29509 { flex-direction: column; } }
.component-29510 {
  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-29510:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29510 { flex-direction: column; } }
.component-29511 {
  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-29511:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29511 { flex-direction: column; } }
.component-29512 {
  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-29512:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29512 { flex-direction: column; } }
.component-29513 {
  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-29513:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29513 { flex-direction: column; } }
.component-29514 {
  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-29514:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29514 { flex-direction: column; } }
.component-29515 {
  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-29515:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29515 { flex-direction: column; } }
.component-29516 {
  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-29516:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29516 { flex-direction: column; } }
.component-29517 {
  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-29517:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29517 { flex-direction: column; } }
.component-29518 {
  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-29518:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29518 { flex-direction: column; } }
.component-29519 {
  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-29519:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29519 { flex-direction: column; } }
.component-29520 {
  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-29520:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29520 { flex-direction: column; } }
.component-29521 {
  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-29521:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29521 { flex-direction: column; } }
.component-29522 {
  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-29522:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29522 { flex-direction: column; } }
.component-29523 {
  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-29523:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29523 { flex-direction: column; } }
.component-29524 {
  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-29524:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29524 { flex-direction: column; } }
.component-29525 {
  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-29525:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29525 { flex-direction: column; } }
.component-29526 {
  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-29526:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29526 { flex-direction: column; } }
.component-29527 {
  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-29527:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29527 { flex-direction: column; } }
.component-29528 {
  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-29528:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29528 { flex-direction: column; } }
.component-29529 {
  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-29529:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29529 { flex-direction: column; } }
.component-29530 {
  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-29530:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29530 { flex-direction: column; } }
.component-29531 {
  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-29531:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29531 { flex-direction: column; } }
.component-29532 {
  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-29532:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29532 { flex-direction: column; } }
.component-29533 {
  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-29533:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29533 { flex-direction: column; } }
.component-29534 {
  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-29534:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29534 { flex-direction: column; } }
.component-29535 {
  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-29535:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29535 { flex-direction: column; } }
.component-29536 {
  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-29536:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29536 { flex-direction: column; } }
.component-29537 {
  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-29537:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29537 { flex-direction: column; } }
.component-29538 {
  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-29538:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29538 { flex-direction: column; } }
.component-29539 {
  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-29539:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29539 { flex-direction: column; } }
.component-29540 {
  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-29540:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29540 { flex-direction: column; } }
.component-29541 {
  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-29541:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29541 { flex-direction: column; } }
.component-29542 {
  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-29542:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29542 { flex-direction: column; } }
.component-29543 {
  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-29543:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29543 { flex-direction: column; } }
.component-29544 {
  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-29544:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29544 { flex-direction: column; } }
.component-29545 {
  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-29545:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29545 { flex-direction: column; } }
.component-29546 {
  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-29546:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29546 { flex-direction: column; } }
.component-29547 {
  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-29547:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29547 { flex-direction: column; } }
.component-29548 {
  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-29548:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29548 { flex-direction: column; } }
.component-29549 {
  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-29549:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29549 { flex-direction: column; } }
.component-29550 {
  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-29550:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29550 { flex-direction: column; } }
.component-29551 {
  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-29551:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29551 { flex-direction: column; } }
.component-29552 {
  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-29552:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29552 { flex-direction: column; } }
.component-29553 {
  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-29553:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29553 { flex-direction: column; } }
.component-29554 {
  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-29554:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29554 { flex-direction: column; } }
.component-29555 {
  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-29555:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29555 { flex-direction: column; } }
.component-29556 {
  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-29556:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29556 { flex-direction: column; } }
.component-29557 {
  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-29557:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29557 { flex-direction: column; } }
.component-29558 {
  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-29558:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29558 { flex-direction: column; } }
.component-29559 {
  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-29559:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29559 { flex-direction: column; } }
.component-29560 {
  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-29560:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29560 { flex-direction: column; } }
.component-29561 {
  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-29561:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29561 { flex-direction: column; } }
.component-29562 {
  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-29562:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29562 { flex-direction: column; } }
.component-29563 {
  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-29563:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29563 { flex-direction: column; } }
.component-29564 {
  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-29564:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29564 { flex-direction: column; } }
.component-29565 {
  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-29565:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29565 { flex-direction: column; } }
.component-29566 {
  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-29566:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29566 { flex-direction: column; } }
.component-29567 {
  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-29567:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29567 { flex-direction: column; } }
.component-29568 {
  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-29568:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29568 { flex-direction: column; } }
.component-29569 {
  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-29569:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29569 { flex-direction: column; } }
.component-29570 {
  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-29570:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29570 { flex-direction: column; } }
.component-29571 {
  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-29571:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29571 { flex-direction: column; } }
.component-29572 {
  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-29572:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29572 { flex-direction: column; } }
.component-29573 {
  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-29573:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29573 { flex-direction: column; } }
.component-29574 {
  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-29574:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29574 { flex-direction: column; } }
.component-29575 {
  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-29575:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29575 { flex-direction: column; } }
.component-29576 {
  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-29576:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29576 { flex-direction: column; } }
.component-29577 {
  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-29577:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29577 { flex-direction: column; } }
.component-29578 {
  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-29578:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29578 { flex-direction: column; } }
.component-29579 {
  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-29579:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29579 { flex-direction: column; } }
.component-29580 {
  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-29580:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29580 { flex-direction: column; } }
.component-29581 {
  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-29581:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29581 { flex-direction: column; } }
.component-29582 {
  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-29582:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29582 { flex-direction: column; } }
.component-29583 {
  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-29583:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29583 { flex-direction: column; } }
.component-29584 {
  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-29584:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29584 { flex-direction: column; } }
.component-29585 {
  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-29585:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29585 { flex-direction: column; } }
.component-29586 {
  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-29586:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29586 { flex-direction: column; } }
.component-29587 {
  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-29587:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29587 { flex-direction: column; } }
.component-29588 {
  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-29588:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29588 { flex-direction: column; } }
.component-29589 {
  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-29589:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29589 { flex-direction: column; } }
.component-29590 {
  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-29590:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29590 { flex-direction: column; } }
.component-29591 {
  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-29591:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29591 { flex-direction: column; } }
.component-29592 {
  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-29592:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29592 { flex-direction: column; } }
.component-29593 {
  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-29593:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29593 { flex-direction: column; } }
.component-29594 {
  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-29594:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29594 { flex-direction: column; } }
.component-29595 {
  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-29595:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29595 { flex-direction: column; } }
.component-29596 {
  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-29596:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29596 { flex-direction: column; } }
.component-29597 {
  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-29597:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29597 { flex-direction: column; } }
.component-29598 {
  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-29598:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29598 { flex-direction: column; } }
.component-29599 {
  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-29599:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29599 { flex-direction: column; } }
.component-29600 {
  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-29600:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29600 { flex-direction: column; } }
.component-29601 {
  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-29601:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29601 { flex-direction: column; } }
.component-29602 {
  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-29602:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29602 { flex-direction: column; } }
.component-29603 {
  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-29603:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29603 { flex-direction: column; } }
.component-29604 {
  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-29604:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29604 { flex-direction: column; } }
.component-29605 {
  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-29605:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29605 { flex-direction: column; } }
.component-29606 {
  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-29606:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29606 { flex-direction: column; } }
.component-29607 {
  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-29607:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29607 { flex-direction: column; } }
.component-29608 {
  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-29608:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29608 { flex-direction: column; } }
.component-29609 {
  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-29609:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29609 { flex-direction: column; } }
.component-29610 {
  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-29610:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29610 { flex-direction: column; } }
.component-29611 {
  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-29611:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29611 { flex-direction: column; } }
.component-29612 {
  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-29612:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29612 { flex-direction: column; } }
.component-29613 {
  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-29613:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29613 { flex-direction: column; } }
.component-29614 {
  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-29614:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29614 { flex-direction: column; } }
.component-29615 {
  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-29615:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29615 { flex-direction: column; } }
.component-29616 {
  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-29616:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29616 { flex-direction: column; } }
.component-29617 {
  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-29617:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29617 { flex-direction: column; } }
.component-29618 {
  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-29618:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29618 { flex-direction: column; } }
.component-29619 {
  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-29619:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29619 { flex-direction: column; } }
.component-29620 {
  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-29620:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29620 { flex-direction: column; } }
.component-29621 {
  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-29621:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29621 { flex-direction: column; } }
.component-29622 {
  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-29622:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29622 { flex-direction: column; } }
.component-29623 {
  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-29623:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29623 { flex-direction: column; } }
.component-29624 {
  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-29624:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29624 { flex-direction: column; } }
.component-29625 {
  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-29625:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29625 { flex-direction: column; } }
.component-29626 {
  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-29626:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29626 { flex-direction: column; } }
.component-29627 {
  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-29627:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29627 { flex-direction: column; } }
.component-29628 {
  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-29628:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29628 { flex-direction: column; } }
.component-29629 {
  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-29629:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29629 { flex-direction: column; } }
.component-29630 {
  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-29630:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29630 { flex-direction: column; } }
.component-29631 {
  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-29631:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29631 { flex-direction: column; } }
.component-29632 {
  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-29632:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29632 { flex-direction: column; } }
.component-29633 {
  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-29633:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29633 { flex-direction: column; } }
.component-29634 {
  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-29634:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29634 { flex-direction: column; } }
.component-29635 {
  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-29635:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29635 { flex-direction: column; } }
.component-29636 {
  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-29636:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29636 { flex-direction: column; } }
.component-29637 {
  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-29637:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29637 { flex-direction: column; } }
.component-29638 {
  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-29638:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29638 { flex-direction: column; } }
.component-29639 {
  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-29639:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29639 { flex-direction: column; } }
.component-29640 {
  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-29640:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29640 { flex-direction: column; } }
.component-29641 {
  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-29641:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29641 { flex-direction: column; } }
.component-29642 {
  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-29642:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29642 { flex-direction: column; } }
.component-29643 {
  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-29643:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29643 { flex-direction: column; } }
.component-29644 {
  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-29644:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29644 { flex-direction: column; } }
.component-29645 {
  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-29645:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29645 { flex-direction: column; } }
.component-29646 {
  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-29646:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29646 { flex-direction: column; } }
.component-29647 {
  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-29647:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29647 { flex-direction: column; } }
.component-29648 {
  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-29648:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29648 { flex-direction: column; } }
.component-29649 {
  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-29649:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29649 { flex-direction: column; } }
.component-29650 {
  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-29650:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29650 { flex-direction: column; } }
.component-29651 {
  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-29651:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29651 { flex-direction: column; } }
.component-29652 {
  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-29652:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29652 { flex-direction: column; } }
.component-29653 {
  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-29653:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29653 { flex-direction: column; } }
.component-29654 {
  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-29654:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29654 { flex-direction: column; } }
.component-29655 {
  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-29655:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29655 { flex-direction: column; } }
.component-29656 {
  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-29656:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29656 { flex-direction: column; } }
.component-29657 {
  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-29657:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29657 { flex-direction: column; } }
.component-29658 {
  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-29658:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29658 { flex-direction: column; } }
.component-29659 {
  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-29659:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29659 { flex-direction: column; } }
.component-29660 {
  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-29660:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29660 { flex-direction: column; } }
.component-29661 {
  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-29661:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29661 { flex-direction: column; } }
.component-29662 {
  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-29662:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29662 { flex-direction: column; } }
.component-29663 {
  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-29663:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29663 { flex-direction: column; } }
.component-29664 {
  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-29664:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29664 { flex-direction: column; } }
.component-29665 {
  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-29665:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29665 { flex-direction: column; } }
.component-29666 {
  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-29666:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29666 { flex-direction: column; } }
.component-29667 {
  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-29667:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29667 { flex-direction: column; } }
.component-29668 {
  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-29668:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29668 { flex-direction: column; } }
.component-29669 {
  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-29669:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29669 { flex-direction: column; } }
.component-29670 {
  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-29670:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29670 { flex-direction: column; } }
.component-29671 {
  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-29671:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29671 { flex-direction: column; } }
.component-29672 {
  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-29672:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29672 { flex-direction: column; } }
.component-29673 {
  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-29673:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29673 { flex-direction: column; } }
.component-29674 {
  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-29674:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29674 { flex-direction: column; } }
.component-29675 {
  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-29675:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29675 { flex-direction: column; } }
.component-29676 {
  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-29676:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29676 { flex-direction: column; } }
.component-29677 {
  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-29677:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29677 { flex-direction: column; } }
.component-29678 {
  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-29678:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29678 { flex-direction: column; } }
.component-29679 {
  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-29679:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29679 { flex-direction: column; } }
.component-29680 {
  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-29680:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29680 { flex-direction: column; } }
.component-29681 {
  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-29681:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29681 { flex-direction: column; } }
.component-29682 {
  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-29682:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29682 { flex-direction: column; } }
.component-29683 {
  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-29683:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29683 { flex-direction: column; } }
.component-29684 {
  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-29684:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29684 { flex-direction: column; } }
.component-29685 {
  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-29685:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29685 { flex-direction: column; } }
.component-29686 {
  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-29686:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29686 { flex-direction: column; } }
.component-29687 {
  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-29687:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29687 { flex-direction: column; } }
.component-29688 {
  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-29688:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29688 { flex-direction: column; } }
.component-29689 {
  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-29689:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29689 { flex-direction: column; } }
.component-29690 {
  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-29690:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29690 { flex-direction: column; } }
.component-29691 {
  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-29691:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29691 { flex-direction: column; } }
.component-29692 {
  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-29692:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29692 { flex-direction: column; } }
.component-29693 {
  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-29693:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29693 { flex-direction: column; } }
.component-29694 {
  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-29694:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29694 { flex-direction: column; } }
.component-29695 {
  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-29695:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29695 { flex-direction: column; } }
.component-29696 {
  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-29696:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29696 { flex-direction: column; } }
.component-29697 {
  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-29697:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29697 { flex-direction: column; } }
.component-29698 {
  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-29698:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29698 { flex-direction: column; } }
.component-29699 {
  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-29699:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29699 { flex-direction: column; } }
.component-29700 {
  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-29700:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29700 { flex-direction: column; } }
.component-29701 {
  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-29701:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29701 { flex-direction: column; } }
.component-29702 {
  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-29702:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29702 { flex-direction: column; } }
.component-29703 {
  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-29703:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29703 { flex-direction: column; } }
.component-29704 {
  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-29704:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29704 { flex-direction: column; } }
.component-29705 {
  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-29705:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29705 { flex-direction: column; } }
.component-29706 {
  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-29706:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29706 { flex-direction: column; } }
.component-29707 {
  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-29707:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29707 { flex-direction: column; } }
.component-29708 {
  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-29708:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29708 { flex-direction: column; } }
.component-29709 {
  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-29709:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29709 { flex-direction: column; } }
.component-29710 {
  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-29710:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29710 { flex-direction: column; } }
.component-29711 {
  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-29711:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29711 { flex-direction: column; } }
.component-29712 {
  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-29712:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29712 { flex-direction: column; } }
.component-29713 {
  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-29713:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29713 { flex-direction: column; } }
.component-29714 {
  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-29714:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29714 { flex-direction: column; } }
.component-29715 {
  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-29715:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29715 { flex-direction: column; } }
.component-29716 {
  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-29716:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29716 { flex-direction: column; } }
.component-29717 {
  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-29717:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29717 { flex-direction: column; } }
.component-29718 {
  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-29718:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29718 { flex-direction: column; } }
.component-29719 {
  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-29719:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29719 { flex-direction: column; } }
.component-29720 {
  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-29720:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29720 { flex-direction: column; } }
.component-29721 {
  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-29721:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29721 { flex-direction: column; } }
.component-29722 {
  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-29722:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29722 { flex-direction: column; } }
.component-29723 {
  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-29723:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29723 { flex-direction: column; } }
.component-29724 {
  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-29724:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29724 { flex-direction: column; } }
.component-29725 {
  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-29725:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29725 { flex-direction: column; } }
.component-29726 {
  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-29726:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29726 { flex-direction: column; } }
.component-29727 {
  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-29727:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29727 { flex-direction: column; } }
.component-29728 {
  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-29728:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29728 { flex-direction: column; } }
.component-29729 {
  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-29729:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29729 { flex-direction: column; } }
.component-29730 {
  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-29730:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29730 { flex-direction: column; } }
.component-29731 {
  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-29731:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29731 { flex-direction: column; } }
.component-29732 {
  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-29732:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29732 { flex-direction: column; } }
.component-29733 {
  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-29733:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29733 { flex-direction: column; } }
.component-29734 {
  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-29734:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29734 { flex-direction: column; } }
.component-29735 {
  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-29735:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29735 { flex-direction: column; } }
.component-29736 {
  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-29736:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29736 { flex-direction: column; } }
.component-29737 {
  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-29737:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29737 { flex-direction: column; } }
.component-29738 {
  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-29738:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29738 { flex-direction: column; } }
.component-29739 {
  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-29739:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29739 { flex-direction: column; } }
.component-29740 {
  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-29740:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29740 { flex-direction: column; } }
.component-29741 {
  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-29741:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29741 { flex-direction: column; } }
.component-29742 {
  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-29742:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29742 { flex-direction: column; } }
.component-29743 {
  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-29743:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29743 { flex-direction: column; } }
.component-29744 {
  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-29744:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29744 { flex-direction: column; } }
.component-29745 {
  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-29745:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29745 { flex-direction: column; } }
.component-29746 {
  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-29746:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29746 { flex-direction: column; } }
.component-29747 {
  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-29747:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29747 { flex-direction: column; } }
.component-29748 {
  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-29748:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29748 { flex-direction: column; } }
.component-29749 {
  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-29749:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29749 { flex-direction: column; } }
.component-29750 {
  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-29750:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29750 { flex-direction: column; } }
.component-29751 {
  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-29751:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29751 { flex-direction: column; } }
.component-29752 {
  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-29752:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29752 { flex-direction: column; } }
.component-29753 {
  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-29753:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29753 { flex-direction: column; } }
.component-29754 {
  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-29754:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29754 { flex-direction: column; } }
.component-29755 {
  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-29755:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29755 { flex-direction: column; } }
.component-29756 {
  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-29756:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29756 { flex-direction: column; } }
.component-29757 {
  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-29757:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29757 { flex-direction: column; } }
.component-29758 {
  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-29758:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29758 { flex-direction: column; } }
.component-29759 {
  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-29759:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29759 { flex-direction: column; } }
.component-29760 {
  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-29760:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29760 { flex-direction: column; } }
.component-29761 {
  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-29761:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29761 { flex-direction: column; } }
.component-29762 {
  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-29762:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29762 { flex-direction: column; } }
.component-29763 {
  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-29763:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29763 { flex-direction: column; } }
.component-29764 {
  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-29764:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29764 { flex-direction: column; } }
.component-29765 {
  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-29765:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29765 { flex-direction: column; } }
.component-29766 {
  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-29766:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29766 { flex-direction: column; } }
.component-29767 {
  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-29767:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29767 { flex-direction: column; } }
.component-29768 {
  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-29768:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29768 { flex-direction: column; } }
.component-29769 {
  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-29769:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29769 { flex-direction: column; } }
.component-29770 {
  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-29770:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29770 { flex-direction: column; } }
.component-29771 {
  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-29771:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29771 { flex-direction: column; } }
.component-29772 {
  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-29772:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29772 { flex-direction: column; } }
.component-29773 {
  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-29773:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29773 { flex-direction: column; } }
.component-29774 {
  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-29774:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29774 { flex-direction: column; } }
.component-29775 {
  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-29775:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29775 { flex-direction: column; } }
.component-29776 {
  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-29776:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29776 { flex-direction: column; } }
.component-29777 {
  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-29777:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29777 { flex-direction: column; } }
.component-29778 {
  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-29778:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29778 { flex-direction: column; } }
.component-29779 {
  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-29779:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29779 { flex-direction: column; } }
.component-29780 {
  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-29780:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29780 { flex-direction: column; } }
.component-29781 {
  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-29781:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29781 { flex-direction: column; } }
.component-29782 {
  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-29782:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29782 { flex-direction: column; } }
.component-29783 {
  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-29783:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29783 { flex-direction: column; } }
.component-29784 {
  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-29784:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29784 { flex-direction: column; } }
.component-29785 {
  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-29785:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29785 { flex-direction: column; } }
.component-29786 {
  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-29786:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29786 { flex-direction: column; } }
.component-29787 {
  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-29787:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29787 { flex-direction: column; } }
.component-29788 {
  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-29788:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29788 { flex-direction: column; } }
.component-29789 {
  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-29789:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29789 { flex-direction: column; } }
.component-29790 {
  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-29790:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29790 { flex-direction: column; } }
.component-29791 {
  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-29791:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29791 { flex-direction: column; } }
.component-29792 {
  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-29792:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29792 { flex-direction: column; } }
.component-29793 {
  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-29793:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29793 { flex-direction: column; } }
.component-29794 {
  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-29794:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29794 { flex-direction: column; } }
.component-29795 {
  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-29795:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29795 { flex-direction: column; } }
.component-29796 {
  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-29796:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29796 { flex-direction: column; } }
.component-29797 {
  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-29797:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29797 { flex-direction: column; } }
.component-29798 {
  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-29798:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29798 { flex-direction: column; } }
.component-29799 {
  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-29799:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29799 { flex-direction: column; } }
.component-29800 {
  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-29800:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29800 { flex-direction: column; } }
.component-29801 {
  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-29801:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29801 { flex-direction: column; } }
.component-29802 {
  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-29802:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29802 { flex-direction: column; } }
.component-29803 {
  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-29803:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29803 { flex-direction: column; } }
.component-29804 {
  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-29804:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29804 { flex-direction: column; } }
.component-29805 {
  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-29805:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29805 { flex-direction: column; } }
.component-29806 {
  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-29806:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29806 { flex-direction: column; } }
.component-29807 {
  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-29807:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29807 { flex-direction: column; } }
.component-29808 {
  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-29808:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29808 { flex-direction: column; } }
.component-29809 {
  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-29809:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29809 { flex-direction: column; } }
.component-29810 {
  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-29810:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29810 { flex-direction: column; } }
.component-29811 {
  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-29811:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29811 { flex-direction: column; } }
.component-29812 {
  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-29812:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29812 { flex-direction: column; } }
.component-29813 {
  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-29813:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29813 { flex-direction: column; } }
.component-29814 {
  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-29814:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29814 { flex-direction: column; } }
.component-29815 {
  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-29815:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29815 { flex-direction: column; } }
.component-29816 {
  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-29816:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29816 { flex-direction: column; } }
.component-29817 {
  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-29817:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29817 { flex-direction: column; } }
.component-29818 {
  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-29818:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29818 { flex-direction: column; } }
.component-29819 {
  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-29819:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29819 { flex-direction: column; } }
.component-29820 {
  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-29820:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29820 { flex-direction: column; } }
.component-29821 {
  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-29821:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29821 { flex-direction: column; } }
.component-29822 {
  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-29822:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29822 { flex-direction: column; } }
.component-29823 {
  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-29823:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29823 { flex-direction: column; } }
.component-29824 {
  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-29824:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29824 { flex-direction: column; } }
.component-29825 {
  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-29825:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29825 { flex-direction: column; } }
.component-29826 {
  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-29826:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29826 { flex-direction: column; } }
.component-29827 {
  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-29827:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29827 { flex-direction: column; } }
.component-29828 {
  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-29828:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29828 { flex-direction: column; } }
.component-29829 {
  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-29829:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29829 { flex-direction: column; } }
.component-29830 {
  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-29830:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29830 { flex-direction: column; } }
.component-29831 {
  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-29831:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29831 { flex-direction: column; } }
.component-29832 {
  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-29832:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29832 { flex-direction: column; } }
.component-29833 {
  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-29833:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29833 { flex-direction: column; } }
.component-29834 {
  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-29834:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29834 { flex-direction: column; } }
.component-29835 {
  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-29835:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29835 { flex-direction: column; } }
.component-29836 {
  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-29836:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29836 { flex-direction: column; } }
.component-29837 {
  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-29837:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29837 { flex-direction: column; } }
.component-29838 {
  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-29838:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29838 { flex-direction: column; } }
.component-29839 {
  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-29839:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29839 { flex-direction: column; } }
.component-29840 {
  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-29840:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29840 { flex-direction: column; } }
.component-29841 {
  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-29841:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29841 { flex-direction: column; } }
.component-29842 {
  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-29842:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29842 { flex-direction: column; } }
.component-29843 {
  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-29843:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29843 { flex-direction: column; } }
.component-29844 {
  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-29844:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29844 { flex-direction: column; } }
.component-29845 {
  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-29845:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29845 { flex-direction: column; } }
.component-29846 {
  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-29846:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29846 { flex-direction: column; } }
.component-29847 {
  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-29847:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29847 { flex-direction: column; } }
.component-29848 {
  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-29848:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29848 { flex-direction: column; } }
.component-29849 {
  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-29849:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29849 { flex-direction: column; } }
.component-29850 {
  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-29850:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29850 { flex-direction: column; } }
.component-29851 {
  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-29851:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29851 { flex-direction: column; } }
.component-29852 {
  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-29852:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29852 { flex-direction: column; } }
.component-29853 {
  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-29853:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29853 { flex-direction: column; } }
.component-29854 {
  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-29854:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29854 { flex-direction: column; } }
.component-29855 {
  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-29855:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29855 { flex-direction: column; } }
.component-29856 {
  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-29856:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29856 { flex-direction: column; } }
.component-29857 {
  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-29857:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29857 { flex-direction: column; } }
.component-29858 {
  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-29858:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29858 { flex-direction: column; } }
.component-29859 {
  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-29859:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29859 { flex-direction: column; } }
.component-29860 {
  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-29860:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29860 { flex-direction: column; } }
.component-29861 {
  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-29861:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29861 { flex-direction: column; } }
.component-29862 {
  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-29862:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29862 { flex-direction: column; } }
.component-29863 {
  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-29863:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29863 { flex-direction: column; } }
.component-29864 {
  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-29864:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29864 { flex-direction: column; } }
.component-29865 {
  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-29865:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29865 { flex-direction: column; } }
.component-29866 {
  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-29866:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29866 { flex-direction: column; } }
.component-29867 {
  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-29867:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29867 { flex-direction: column; } }
.component-29868 {
  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-29868:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29868 { flex-direction: column; } }
.component-29869 {
  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-29869:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29869 { flex-direction: column; } }
.component-29870 {
  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-29870:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29870 { flex-direction: column; } }
.component-29871 {
  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-29871:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29871 { flex-direction: column; } }
.component-29872 {
  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-29872:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29872 { flex-direction: column; } }
.component-29873 {
  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-29873:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29873 { flex-direction: column; } }
.component-29874 {
  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-29874:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29874 { flex-direction: column; } }
.component-29875 {
  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-29875:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29875 { flex-direction: column; } }
.component-29876 {
  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-29876:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29876 { flex-direction: column; } }
.component-29877 {
  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-29877:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29877 { flex-direction: column; } }
.component-29878 {
  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-29878:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29878 { flex-direction: column; } }
.component-29879 {
  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-29879:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29879 { flex-direction: column; } }
.component-29880 {
  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-29880:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29880 { flex-direction: column; } }
.component-29881 {
  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-29881:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29881 { flex-direction: column; } }
.component-29882 {
  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-29882:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29882 { flex-direction: column; } }
.component-29883 {
  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-29883:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29883 { flex-direction: column; } }
.component-29884 {
  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-29884:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29884 { flex-direction: column; } }
.component-29885 {
  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-29885:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29885 { flex-direction: column; } }
.component-29886 {
  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-29886:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29886 { flex-direction: column; } }
.component-29887 {
  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-29887:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29887 { flex-direction: column; } }
.component-29888 {
  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-29888:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29888 { flex-direction: column; } }
.component-29889 {
  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-29889:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29889 { flex-direction: column; } }
.component-29890 {
  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-29890:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29890 { flex-direction: column; } }
.component-29891 {
  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-29891:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29891 { flex-direction: column; } }
.component-29892 {
  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-29892:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29892 { flex-direction: column; } }
.component-29893 {
  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-29893:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29893 { flex-direction: column; } }
.component-29894 {
  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-29894:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29894 { flex-direction: column; } }
.component-29895 {
  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-29895:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29895 { flex-direction: column; } }
.component-29896 {
  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-29896:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29896 { flex-direction: column; } }
.component-29897 {
  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-29897:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29897 { flex-direction: column; } }
.component-29898 {
  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-29898:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29898 { flex-direction: column; } }
.component-29899 {
  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-29899:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29899 { flex-direction: column; } }
.component-29900 {
  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-29900:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29900 { flex-direction: column; } }
.component-29901 {
  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-29901:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29901 { flex-direction: column; } }
.component-29902 {
  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-29902:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29902 { flex-direction: column; } }
.component-29903 {
  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-29903:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29903 { flex-direction: column; } }
.component-29904 {
  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-29904:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29904 { flex-direction: column; } }
.component-29905 {
  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-29905:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29905 { flex-direction: column; } }
.component-29906 {
  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-29906:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29906 { flex-direction: column; } }
.component-29907 {
  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-29907:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29907 { flex-direction: column; } }
.component-29908 {
  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-29908:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29908 { flex-direction: column; } }
.component-29909 {
  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-29909:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29909 { flex-direction: column; } }
.component-29910 {
  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-29910:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29910 { flex-direction: column; } }
.component-29911 {
  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-29911:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29911 { flex-direction: column; } }
.component-29912 {
  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-29912:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29912 { flex-direction: column; } }
.component-29913 {
  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-29913:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29913 { flex-direction: column; } }
.component-29914 {
  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-29914:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29914 { flex-direction: column; } }
.component-29915 {
  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-29915:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29915 { flex-direction: column; } }
.component-29916 {
  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-29916:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29916 { flex-direction: column; } }
.component-29917 {
  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-29917:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29917 { flex-direction: column; } }
.component-29918 {
  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-29918:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29918 { flex-direction: column; } }
.component-29919 {
  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-29919:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29919 { flex-direction: column; } }
.component-29920 {
  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-29920:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29920 { flex-direction: column; } }
.component-29921 {
  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-29921:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29921 { flex-direction: column; } }
.component-29922 {
  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-29922:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29922 { flex-direction: column; } }
.component-29923 {
  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-29923:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29923 { flex-direction: column; } }
.component-29924 {
  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-29924:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29924 { flex-direction: column; } }
.component-29925 {
  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-29925:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29925 { flex-direction: column; } }
.component-29926 {
  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-29926:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29926 { flex-direction: column; } }
.component-29927 {
  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-29927:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29927 { flex-direction: column; } }
.component-29928 {
  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-29928:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29928 { flex-direction: column; } }
.component-29929 {
  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-29929:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29929 { flex-direction: column; } }
.component-29930 {
  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-29930:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29930 { flex-direction: column; } }
.component-29931 {
  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-29931:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29931 { flex-direction: column; } }
.component-29932 {
  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-29932:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29932 { flex-direction: column; } }
.component-29933 {
  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-29933:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29933 { flex-direction: column; } }
.component-29934 {
  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-29934:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29934 { flex-direction: column; } }
.component-29935 {
  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-29935:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29935 { flex-direction: column; } }
.component-29936 {
  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-29936:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29936 { flex-direction: column; } }
.component-29937 {
  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-29937:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29937 { flex-direction: column; } }
.component-29938 {
  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-29938:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29938 { flex-direction: column; } }
.component-29939 {
  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-29939:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29939 { flex-direction: column; } }
.component-29940 {
  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-29940:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29940 { flex-direction: column; } }
.component-29941 {
  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-29941:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29941 { flex-direction: column; } }
.component-29942 {
  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-29942:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29942 { flex-direction: column; } }
.component-29943 {
  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-29943:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29943 { flex-direction: column; } }
.component-29944 {
  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-29944:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29944 { flex-direction: column; } }
.component-29945 {
  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-29945:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29945 { flex-direction: column; } }
.component-29946 {
  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-29946:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29946 { flex-direction: column; } }
.component-29947 {
  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-29947:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29947 { flex-direction: column; } }
.component-29948 {
  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-29948:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29948 { flex-direction: column; } }
.component-29949 {
  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-29949:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29949 { flex-direction: column; } }
.component-29950 {
  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-29950:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29950 { flex-direction: column; } }
.component-29951 {
  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-29951:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29951 { flex-direction: column; } }
.component-29952 {
  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-29952:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29952 { flex-direction: column; } }
.component-29953 {
  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-29953:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29953 { flex-direction: column; } }
.component-29954 {
  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-29954:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29954 { flex-direction: column; } }
.component-29955 {
  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-29955:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29955 { flex-direction: column; } }
.component-29956 {
  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-29956:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29956 { flex-direction: column; } }
.component-29957 {
  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-29957:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29957 { flex-direction: column; } }
.component-29958 {
  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-29958:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29958 { flex-direction: column; } }
.component-29959 {
  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-29959:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29959 { flex-direction: column; } }
.component-29960 {
  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-29960:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29960 { flex-direction: column; } }
.component-29961 {
  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-29961:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29961 { flex-direction: column; } }
.component-29962 {
  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-29962:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29962 { flex-direction: column; } }
.component-29963 {
  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-29963:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29963 { flex-direction: column; } }
.component-29964 {
  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-29964:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29964 { flex-direction: column; } }
.component-29965 {
  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-29965:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29965 { flex-direction: column; } }
.component-29966 {
  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-29966:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29966 { flex-direction: column; } }
.component-29967 {
  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-29967:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29967 { flex-direction: column; } }
.component-29968 {
  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-29968:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29968 { flex-direction: column; } }
.component-29969 {
  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-29969:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29969 { flex-direction: column; } }
.component-29970 {
  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-29970:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29970 { flex-direction: column; } }
.component-29971 {
  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-29971:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29971 { flex-direction: column; } }
.component-29972 {
  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-29972:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29972 { flex-direction: column; } }
.component-29973 {
  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-29973:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29973 { flex-direction: column; } }
.component-29974 {
  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-29974:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29974 { flex-direction: column; } }
.component-29975 {
  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-29975:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29975 { flex-direction: column; } }
.component-29976 {
  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-29976:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29976 { flex-direction: column; } }
.component-29977 {
  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-29977:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29977 { flex-direction: column; } }
.component-29978 {
  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-29978:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29978 { flex-direction: column; } }
.component-29979 {
  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-29979:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29979 { flex-direction: column; } }
.component-29980 {
  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-29980:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29980 { flex-direction: column; } }
.component-29981 {
  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-29981:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29981 { flex-direction: column; } }
.component-29982 {
  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-29982:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29982 { flex-direction: column; } }
.component-29983 {
  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-29983:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29983 { flex-direction: column; } }
.component-29984 {
  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-29984:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29984 { flex-direction: column; } }
.component-29985 {
  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-29985:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-29985 { flex-direction: column; } }
.component-29986 {
  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-29986:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-29986 { flex-direction: column; } }
.component-29987 {
  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-29987:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-29987 { flex-direction: column; } }
.component-29988 {
  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-29988:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-29988 { flex-direction: column; } }
.component-29989 {
  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-29989:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-29989 { flex-direction: column; } }
.component-29990 {
  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-29990:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-29990 { flex-direction: column; } }
.component-29991 {
  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-29991:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-29991 { flex-direction: column; } }
.component-29992 {
  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-29992:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-29992 { flex-direction: column; } }
.component-29993 {
  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-29993:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-29993 { flex-direction: column; } }
.component-29994 {
  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-29994:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-29994 { flex-direction: column; } }
.component-29995 {
  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-29995:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-29995 { flex-direction: column; } }
.component-29996 {
  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-29996:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-29996 { flex-direction: column; } }
.component-29997 {
  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-29997:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-29997 { flex-direction: column; } }
.component-29998 {
  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-29998:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-29998 { flex-direction: column; } }
.component-29999 {
  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-29999:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-29999 { flex-direction: column; } }
.component-30000 {
  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-30000:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30000 { flex-direction: column; } }
.component-30001 {
  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-30001:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30001 { flex-direction: column; } }
.component-30002 {
  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-30002:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30002 { flex-direction: column; } }
.component-30003 {
  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-30003:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30003 { flex-direction: column; } }
.component-30004 {
  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-30004:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30004 { flex-direction: column; } }
.component-30005 {
  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-30005:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30005 { flex-direction: column; } }
.component-30006 {
  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-30006:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30006 { flex-direction: column; } }
.component-30007 {
  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-30007:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30007 { flex-direction: column; } }
.component-30008 {
  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-30008:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30008 { flex-direction: column; } }
.component-30009 {
  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-30009:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30009 { flex-direction: column; } }
.component-30010 {
  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-30010:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30010 { flex-direction: column; } }
.component-30011 {
  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-30011:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30011 { flex-direction: column; } }
.component-30012 {
  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-30012:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30012 { flex-direction: column; } }
.component-30013 {
  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-30013:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30013 { flex-direction: column; } }
.component-30014 {
  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-30014:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30014 { flex-direction: column; } }
.component-30015 {
  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-30015:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30015 { flex-direction: column; } }
.component-30016 {
  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-30016:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30016 { flex-direction: column; } }
.component-30017 {
  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-30017:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30017 { flex-direction: column; } }
.component-30018 {
  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-30018:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30018 { flex-direction: column; } }
.component-30019 {
  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-30019:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30019 { flex-direction: column; } }
.component-30020 {
  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-30020:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30020 { flex-direction: column; } }
.component-30021 {
  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-30021:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30021 { flex-direction: column; } }
.component-30022 {
  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-30022:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30022 { flex-direction: column; } }
.component-30023 {
  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-30023:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30023 { flex-direction: column; } }
.component-30024 {
  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-30024:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30024 { flex-direction: column; } }
.component-30025 {
  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-30025:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30025 { flex-direction: column; } }
.component-30026 {
  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-30026:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30026 { flex-direction: column; } }
.component-30027 {
  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-30027:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30027 { flex-direction: column; } }
.component-30028 {
  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-30028:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30028 { flex-direction: column; } }
.component-30029 {
  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-30029:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30029 { flex-direction: column; } }
.component-30030 {
  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-30030:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30030 { flex-direction: column; } }
.component-30031 {
  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-30031:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30031 { flex-direction: column; } }
.component-30032 {
  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-30032:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30032 { flex-direction: column; } }
.component-30033 {
  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-30033:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30033 { flex-direction: column; } }
.component-30034 {
  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-30034:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30034 { flex-direction: column; } }
.component-30035 {
  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-30035:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30035 { flex-direction: column; } }
.component-30036 {
  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-30036:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30036 { flex-direction: column; } }
.component-30037 {
  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-30037:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30037 { flex-direction: column; } }
.component-30038 {
  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-30038:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30038 { flex-direction: column; } }
.component-30039 {
  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-30039:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30039 { flex-direction: column; } }
.component-30040 {
  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-30040:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30040 { flex-direction: column; } }
.component-30041 {
  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-30041:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30041 { flex-direction: column; } }
.component-30042 {
  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-30042:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30042 { flex-direction: column; } }
.component-30043 {
  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-30043:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30043 { flex-direction: column; } }
.component-30044 {
  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-30044:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30044 { flex-direction: column; } }
.component-30045 {
  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-30045:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30045 { flex-direction: column; } }
.component-30046 {
  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-30046:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30046 { flex-direction: column; } }
.component-30047 {
  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-30047:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30047 { flex-direction: column; } }
.component-30048 {
  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-30048:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30048 { flex-direction: column; } }
.component-30049 {
  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-30049:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30049 { flex-direction: column; } }
.component-30050 {
  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-30050:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30050 { flex-direction: column; } }
.component-30051 {
  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-30051:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30051 { flex-direction: column; } }
.component-30052 {
  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-30052:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30052 { flex-direction: column; } }
.component-30053 {
  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-30053:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30053 { flex-direction: column; } }
.component-30054 {
  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-30054:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30054 { flex-direction: column; } }
.component-30055 {
  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-30055:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30055 { flex-direction: column; } }
.component-30056 {
  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-30056:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30056 { flex-direction: column; } }
.component-30057 {
  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-30057:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30057 { flex-direction: column; } }
.component-30058 {
  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-30058:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30058 { flex-direction: column; } }
.component-30059 {
  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-30059:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30059 { flex-direction: column; } }
.component-30060 {
  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-30060:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30060 { flex-direction: column; } }
.component-30061 {
  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-30061:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30061 { flex-direction: column; } }
.component-30062 {
  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-30062:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30062 { flex-direction: column; } }
.component-30063 {
  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-30063:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30063 { flex-direction: column; } }
.component-30064 {
  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-30064:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30064 { flex-direction: column; } }
.component-30065 {
  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-30065:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30065 { flex-direction: column; } }
.component-30066 {
  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-30066:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30066 { flex-direction: column; } }
.component-30067 {
  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-30067:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30067 { flex-direction: column; } }
.component-30068 {
  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-30068:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30068 { flex-direction: column; } }
.component-30069 {
  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-30069:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30069 { flex-direction: column; } }
.component-30070 {
  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-30070:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30070 { flex-direction: column; } }
.component-30071 {
  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-30071:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30071 { flex-direction: column; } }
.component-30072 {
  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-30072:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30072 { flex-direction: column; } }
.component-30073 {
  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-30073:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30073 { flex-direction: column; } }
.component-30074 {
  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-30074:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30074 { flex-direction: column; } }
.component-30075 {
  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-30075:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30075 { flex-direction: column; } }
.component-30076 {
  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-30076:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30076 { flex-direction: column; } }
.component-30077 {
  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-30077:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30077 { flex-direction: column; } }
.component-30078 {
  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-30078:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30078 { flex-direction: column; } }
.component-30079 {
  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-30079:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30079 { flex-direction: column; } }
.component-30080 {
  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-30080:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30080 { flex-direction: column; } }
.component-30081 {
  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-30081:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30081 { flex-direction: column; } }
.component-30082 {
  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-30082:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30082 { flex-direction: column; } }
.component-30083 {
  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-30083:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30083 { flex-direction: column; } }
.component-30084 {
  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-30084:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30084 { flex-direction: column; } }
.component-30085 {
  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-30085:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30085 { flex-direction: column; } }
.component-30086 {
  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-30086:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30086 { flex-direction: column; } }
.component-30087 {
  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-30087:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30087 { flex-direction: column; } }
.component-30088 {
  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-30088:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30088 { flex-direction: column; } }
.component-30089 {
  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-30089:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30089 { flex-direction: column; } }
.component-30090 {
  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-30090:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30090 { flex-direction: column; } }
.component-30091 {
  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-30091:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30091 { flex-direction: column; } }
.component-30092 {
  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-30092:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30092 { flex-direction: column; } }
.component-30093 {
  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-30093:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30093 { flex-direction: column; } }
.component-30094 {
  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-30094:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30094 { flex-direction: column; } }
.component-30095 {
  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-30095:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30095 { flex-direction: column; } }
.component-30096 {
  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-30096:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30096 { flex-direction: column; } }
.component-30097 {
  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-30097:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30097 { flex-direction: column; } }
.component-30098 {
  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-30098:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30098 { flex-direction: column; } }
.component-30099 {
  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-30099:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30099 { flex-direction: column; } }
.component-30100 {
  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-30100:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30100 { flex-direction: column; } }
.component-30101 {
  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-30101:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30101 { flex-direction: column; } }
.component-30102 {
  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-30102:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30102 { flex-direction: column; } }
.component-30103 {
  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-30103:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30103 { flex-direction: column; } }
.component-30104 {
  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-30104:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30104 { flex-direction: column; } }
.component-30105 {
  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-30105:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30105 { flex-direction: column; } }
.component-30106 {
  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-30106:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30106 { flex-direction: column; } }
.component-30107 {
  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-30107:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30107 { flex-direction: column; } }
.component-30108 {
  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-30108:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30108 { flex-direction: column; } }
.component-30109 {
  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-30109:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30109 { flex-direction: column; } }
.component-30110 {
  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-30110:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30110 { flex-direction: column; } }
.component-30111 {
  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-30111:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30111 { flex-direction: column; } }
.component-30112 {
  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-30112:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30112 { flex-direction: column; } }
.component-30113 {
  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-30113:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30113 { flex-direction: column; } }
.component-30114 {
  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-30114:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30114 { flex-direction: column; } }
.component-30115 {
  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-30115:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30115 { flex-direction: column; } }
.component-30116 {
  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-30116:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30116 { flex-direction: column; } }
.component-30117 {
  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-30117:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30117 { flex-direction: column; } }
.component-30118 {
  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-30118:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30118 { flex-direction: column; } }
.component-30119 {
  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-30119:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30119 { flex-direction: column; } }
.component-30120 {
  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-30120:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30120 { flex-direction: column; } }
.component-30121 {
  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-30121:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30121 { flex-direction: column; } }
.component-30122 {
  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-30122:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30122 { flex-direction: column; } }
.component-30123 {
  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-30123:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30123 { flex-direction: column; } }
.component-30124 {
  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-30124:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30124 { flex-direction: column; } }
.component-30125 {
  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-30125:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30125 { flex-direction: column; } }
.component-30126 {
  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-30126:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30126 { flex-direction: column; } }
.component-30127 {
  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-30127:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30127 { flex-direction: column; } }
.component-30128 {
  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-30128:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30128 { flex-direction: column; } }
.component-30129 {
  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-30129:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30129 { flex-direction: column; } }
.component-30130 {
  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-30130:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30130 { flex-direction: column; } }
.component-30131 {
  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-30131:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30131 { flex-direction: column; } }
.component-30132 {
  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-30132:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30132 { flex-direction: column; } }
.component-30133 {
  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-30133:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30133 { flex-direction: column; } }
.component-30134 {
  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-30134:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30134 { flex-direction: column; } }
.component-30135 {
  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-30135:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30135 { flex-direction: column; } }
.component-30136 {
  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-30136:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30136 { flex-direction: column; } }
.component-30137 {
  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-30137:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30137 { flex-direction: column; } }
.component-30138 {
  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-30138:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30138 { flex-direction: column; } }
.component-30139 {
  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-30139:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30139 { flex-direction: column; } }
.component-30140 {
  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-30140:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30140 { flex-direction: column; } }
.component-30141 {
  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-30141:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30141 { flex-direction: column; } }
.component-30142 {
  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-30142:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30142 { flex-direction: column; } }
.component-30143 {
  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-30143:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30143 { flex-direction: column; } }
.component-30144 {
  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-30144:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30144 { flex-direction: column; } }
.component-30145 {
  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-30145:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30145 { flex-direction: column; } }
.component-30146 {
  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-30146:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30146 { flex-direction: column; } }
.component-30147 {
  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-30147:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30147 { flex-direction: column; } }
.component-30148 {
  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-30148:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30148 { flex-direction: column; } }
.component-30149 {
  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-30149:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30149 { flex-direction: column; } }
.component-30150 {
  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-30150:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30150 { flex-direction: column; } }
.component-30151 {
  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-30151:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30151 { flex-direction: column; } }
.component-30152 {
  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-30152:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30152 { flex-direction: column; } }
.component-30153 {
  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-30153:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30153 { flex-direction: column; } }
.component-30154 {
  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-30154:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30154 { flex-direction: column; } }
.component-30155 {
  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-30155:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30155 { flex-direction: column; } }
.component-30156 {
  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-30156:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30156 { flex-direction: column; } }
.component-30157 {
  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-30157:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30157 { flex-direction: column; } }
.component-30158 {
  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-30158:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30158 { flex-direction: column; } }
.component-30159 {
  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-30159:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30159 { flex-direction: column; } }
.component-30160 {
  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-30160:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30160 { flex-direction: column; } }
.component-30161 {
  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-30161:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30161 { flex-direction: column; } }
.component-30162 {
  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-30162:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30162 { flex-direction: column; } }
.component-30163 {
  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-30163:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30163 { flex-direction: column; } }
.component-30164 {
  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-30164:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30164 { flex-direction: column; } }
.component-30165 {
  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-30165:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30165 { flex-direction: column; } }
.component-30166 {
  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-30166:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30166 { flex-direction: column; } }
.component-30167 {
  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-30167:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30167 { flex-direction: column; } }
.component-30168 {
  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-30168:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30168 { flex-direction: column; } }
.component-30169 {
  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-30169:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30169 { flex-direction: column; } }
.component-30170 {
  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-30170:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30170 { flex-direction: column; } }
.component-30171 {
  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-30171:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30171 { flex-direction: column; } }
.component-30172 {
  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-30172:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30172 { flex-direction: column; } }
.component-30173 {
  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-30173:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30173 { flex-direction: column; } }
.component-30174 {
  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-30174:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30174 { flex-direction: column; } }
.component-30175 {
  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-30175:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30175 { flex-direction: column; } }
.component-30176 {
  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-30176:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30176 { flex-direction: column; } }
.component-30177 {
  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-30177:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30177 { flex-direction: column; } }
.component-30178 {
  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-30178:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30178 { flex-direction: column; } }
.component-30179 {
  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-30179:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30179 { flex-direction: column; } }
.component-30180 {
  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-30180:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30180 { flex-direction: column; } }
.component-30181 {
  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-30181:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30181 { flex-direction: column; } }
.component-30182 {
  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-30182:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30182 { flex-direction: column; } }
.component-30183 {
  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-30183:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30183 { flex-direction: column; } }
.component-30184 {
  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-30184:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30184 { flex-direction: column; } }
.component-30185 {
  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-30185:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30185 { flex-direction: column; } }
.component-30186 {
  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-30186:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30186 { flex-direction: column; } }
.component-30187 {
  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-30187:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30187 { flex-direction: column; } }
.component-30188 {
  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-30188:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30188 { flex-direction: column; } }
.component-30189 {
  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-30189:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30189 { flex-direction: column; } }
.component-30190 {
  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-30190:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30190 { flex-direction: column; } }
.component-30191 {
  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-30191:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30191 { flex-direction: column; } }
.component-30192 {
  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-30192:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30192 { flex-direction: column; } }
.component-30193 {
  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-30193:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30193 { flex-direction: column; } }
.component-30194 {
  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-30194:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30194 { flex-direction: column; } }
.component-30195 {
  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-30195:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30195 { flex-direction: column; } }
.component-30196 {
  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-30196:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30196 { flex-direction: column; } }
.component-30197 {
  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-30197:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30197 { flex-direction: column; } }
.component-30198 {
  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-30198:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30198 { flex-direction: column; } }
.component-30199 {
  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-30199:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30199 { flex-direction: column; } }
.component-30200 {
  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-30200:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30200 { flex-direction: column; } }
.component-30201 {
  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-30201:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30201 { flex-direction: column; } }
.component-30202 {
  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-30202:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30202 { flex-direction: column; } }
.component-30203 {
  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-30203:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30203 { flex-direction: column; } }
.component-30204 {
  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-30204:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30204 { flex-direction: column; } }
.component-30205 {
  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-30205:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30205 { flex-direction: column; } }
.component-30206 {
  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-30206:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30206 { flex-direction: column; } }
.component-30207 {
  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-30207:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30207 { flex-direction: column; } }
.component-30208 {
  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-30208:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30208 { flex-direction: column; } }
.component-30209 {
  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-30209:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30209 { flex-direction: column; } }
.component-30210 {
  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-30210:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30210 { flex-direction: column; } }
.component-30211 {
  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-30211:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30211 { flex-direction: column; } }
.component-30212 {
  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-30212:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30212 { flex-direction: column; } }
.component-30213 {
  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-30213:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30213 { flex-direction: column; } }
.component-30214 {
  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-30214:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30214 { flex-direction: column; } }
.component-30215 {
  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-30215:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30215 { flex-direction: column; } }
.component-30216 {
  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-30216:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30216 { flex-direction: column; } }
.component-30217 {
  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-30217:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30217 { flex-direction: column; } }
.component-30218 {
  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-30218:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30218 { flex-direction: column; } }
.component-30219 {
  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-30219:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30219 { flex-direction: column; } }
.component-30220 {
  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-30220:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30220 { flex-direction: column; } }
.component-30221 {
  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-30221:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30221 { flex-direction: column; } }
.component-30222 {
  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-30222:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30222 { flex-direction: column; } }
.component-30223 {
  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-30223:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30223 { flex-direction: column; } }
.component-30224 {
  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-30224:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30224 { flex-direction: column; } }
.component-30225 {
  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-30225:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30225 { flex-direction: column; } }
.component-30226 {
  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-30226:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30226 { flex-direction: column; } }
.component-30227 {
  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-30227:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30227 { flex-direction: column; } }
.component-30228 {
  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-30228:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30228 { flex-direction: column; } }
.component-30229 {
  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-30229:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30229 { flex-direction: column; } }
.component-30230 {
  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-30230:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30230 { flex-direction: column; } }
.component-30231 {
  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-30231:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30231 { flex-direction: column; } }
.component-30232 {
  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-30232:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30232 { flex-direction: column; } }
.component-30233 {
  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-30233:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30233 { flex-direction: column; } }
.component-30234 {
  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-30234:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30234 { flex-direction: column; } }
.component-30235 {
  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-30235:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30235 { flex-direction: column; } }
.component-30236 {
  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-30236:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30236 { flex-direction: column; } }
.component-30237 {
  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-30237:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30237 { flex-direction: column; } }
.component-30238 {
  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-30238:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30238 { flex-direction: column; } }
.component-30239 {
  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-30239:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30239 { flex-direction: column; } }
.component-30240 {
  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-30240:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30240 { flex-direction: column; } }
.component-30241 {
  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-30241:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30241 { flex-direction: column; } }
.component-30242 {
  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-30242:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30242 { flex-direction: column; } }
.component-30243 {
  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-30243:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30243 { flex-direction: column; } }
.component-30244 {
  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-30244:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30244 { flex-direction: column; } }
.component-30245 {
  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-30245:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30245 { flex-direction: column; } }
.component-30246 {
  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-30246:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30246 { flex-direction: column; } }
.component-30247 {
  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-30247:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30247 { flex-direction: column; } }
.component-30248 {
  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-30248:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30248 { flex-direction: column; } }
.component-30249 {
  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-30249:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30249 { flex-direction: column; } }
.component-30250 {
  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-30250:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30250 { flex-direction: column; } }
.component-30251 {
  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-30251:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30251 { flex-direction: column; } }
.component-30252 {
  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-30252:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30252 { flex-direction: column; } }
.component-30253 {
  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-30253:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30253 { flex-direction: column; } }
.component-30254 {
  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-30254:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30254 { flex-direction: column; } }
.component-30255 {
  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-30255:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30255 { flex-direction: column; } }
.component-30256 {
  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-30256:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30256 { flex-direction: column; } }
.component-30257 {
  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-30257:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30257 { flex-direction: column; } }
.component-30258 {
  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-30258:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30258 { flex-direction: column; } }
.component-30259 {
  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-30259:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30259 { flex-direction: column; } }
.component-30260 {
  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-30260:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30260 { flex-direction: column; } }
.component-30261 {
  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-30261:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30261 { flex-direction: column; } }
.component-30262 {
  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-30262:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30262 { flex-direction: column; } }
.component-30263 {
  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-30263:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30263 { flex-direction: column; } }
.component-30264 {
  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-30264:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30264 { flex-direction: column; } }
.component-30265 {
  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-30265:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30265 { flex-direction: column; } }
.component-30266 {
  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-30266:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30266 { flex-direction: column; } }
.component-30267 {
  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-30267:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30267 { flex-direction: column; } }
.component-30268 {
  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-30268:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30268 { flex-direction: column; } }
.component-30269 {
  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-30269:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30269 { flex-direction: column; } }
.component-30270 {
  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-30270:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30270 { flex-direction: column; } }
.component-30271 {
  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-30271:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30271 { flex-direction: column; } }
.component-30272 {
  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-30272:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30272 { flex-direction: column; } }
.component-30273 {
  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-30273:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30273 { flex-direction: column; } }
.component-30274 {
  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-30274:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30274 { flex-direction: column; } }
.component-30275 {
  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-30275:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30275 { flex-direction: column; } }
.component-30276 {
  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-30276:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30276 { flex-direction: column; } }
.component-30277 {
  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-30277:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30277 { flex-direction: column; } }
.component-30278 {
  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-30278:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30278 { flex-direction: column; } }
.component-30279 {
  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-30279:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30279 { flex-direction: column; } }
.component-30280 {
  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-30280:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30280 { flex-direction: column; } }
.component-30281 {
  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-30281:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30281 { flex-direction: column; } }
.component-30282 {
  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-30282:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30282 { flex-direction: column; } }
.component-30283 {
  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-30283:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30283 { flex-direction: column; } }
.component-30284 {
  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-30284:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30284 { flex-direction: column; } }
.component-30285 {
  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-30285:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30285 { flex-direction: column; } }
.component-30286 {
  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-30286:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30286 { flex-direction: column; } }
.component-30287 {
  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-30287:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30287 { flex-direction: column; } }
.component-30288 {
  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-30288:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30288 { flex-direction: column; } }
.component-30289 {
  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-30289:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30289 { flex-direction: column; } }
.component-30290 {
  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-30290:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30290 { flex-direction: column; } }
.component-30291 {
  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-30291:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30291 { flex-direction: column; } }
.component-30292 {
  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-30292:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30292 { flex-direction: column; } }
.component-30293 {
  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-30293:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30293 { flex-direction: column; } }
.component-30294 {
  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-30294:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30294 { flex-direction: column; } }
.component-30295 {
  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-30295:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30295 { flex-direction: column; } }
.component-30296 {
  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-30296:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30296 { flex-direction: column; } }
.component-30297 {
  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-30297:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30297 { flex-direction: column; } }
.component-30298 {
  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-30298:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30298 { flex-direction: column; } }
.component-30299 {
  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-30299:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30299 { flex-direction: column; } }
.component-30300 {
  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-30300:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30300 { flex-direction: column; } }
.component-30301 {
  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-30301:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30301 { flex-direction: column; } }
.component-30302 {
  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-30302:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30302 { flex-direction: column; } }
.component-30303 {
  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-30303:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30303 { flex-direction: column; } }
.component-30304 {
  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-30304:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30304 { flex-direction: column; } }
.component-30305 {
  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-30305:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30305 { flex-direction: column; } }
.component-30306 {
  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-30306:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30306 { flex-direction: column; } }
.component-30307 {
  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-30307:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30307 { flex-direction: column; } }
.component-30308 {
  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-30308:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30308 { flex-direction: column; } }
.component-30309 {
  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-30309:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30309 { flex-direction: column; } }
.component-30310 {
  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-30310:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30310 { flex-direction: column; } }
.component-30311 {
  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-30311:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30311 { flex-direction: column; } }
.component-30312 {
  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-30312:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30312 { flex-direction: column; } }
.component-30313 {
  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-30313:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30313 { flex-direction: column; } }
.component-30314 {
  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-30314:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30314 { flex-direction: column; } }
.component-30315 {
  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-30315:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30315 { flex-direction: column; } }
.component-30316 {
  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-30316:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30316 { flex-direction: column; } }
.component-30317 {
  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-30317:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30317 { flex-direction: column; } }
.component-30318 {
  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-30318:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30318 { flex-direction: column; } }
.component-30319 {
  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-30319:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30319 { flex-direction: column; } }
.component-30320 {
  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-30320:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30320 { flex-direction: column; } }
.component-30321 {
  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-30321:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30321 { flex-direction: column; } }
.component-30322 {
  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-30322:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30322 { flex-direction: column; } }
.component-30323 {
  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-30323:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30323 { flex-direction: column; } }
.component-30324 {
  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-30324:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30324 { flex-direction: column; } }
.component-30325 {
  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-30325:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30325 { flex-direction: column; } }
.component-30326 {
  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-30326:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30326 { flex-direction: column; } }
.component-30327 {
  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-30327:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30327 { flex-direction: column; } }
.component-30328 {
  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-30328:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30328 { flex-direction: column; } }
.component-30329 {
  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-30329:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30329 { flex-direction: column; } }
.component-30330 {
  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-30330:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30330 { flex-direction: column; } }
.component-30331 {
  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-30331:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30331 { flex-direction: column; } }
.component-30332 {
  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-30332:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30332 { flex-direction: column; } }
.component-30333 {
  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-30333:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30333 { flex-direction: column; } }
.component-30334 {
  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-30334:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30334 { flex-direction: column; } }
.component-30335 {
  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-30335:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30335 { flex-direction: column; } }
.component-30336 {
  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-30336:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30336 { flex-direction: column; } }
.component-30337 {
  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-30337:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30337 { flex-direction: column; } }
.component-30338 {
  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-30338:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30338 { flex-direction: column; } }
.component-30339 {
  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-30339:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30339 { flex-direction: column; } }
.component-30340 {
  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-30340:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30340 { flex-direction: column; } }
.component-30341 {
  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-30341:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30341 { flex-direction: column; } }
.component-30342 {
  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-30342:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30342 { flex-direction: column; } }
.component-30343 {
  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-30343:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30343 { flex-direction: column; } }
.component-30344 {
  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-30344:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30344 { flex-direction: column; } }
.component-30345 {
  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-30345:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30345 { flex-direction: column; } }
.component-30346 {
  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-30346:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30346 { flex-direction: column; } }
.component-30347 {
  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-30347:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30347 { flex-direction: column; } }
.component-30348 {
  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-30348:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30348 { flex-direction: column; } }
.component-30349 {
  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-30349:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30349 { flex-direction: column; } }
.component-30350 {
  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-30350:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30350 { flex-direction: column; } }
.component-30351 {
  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-30351:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30351 { flex-direction: column; } }
.component-30352 {
  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-30352:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30352 { flex-direction: column; } }
.component-30353 {
  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-30353:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30353 { flex-direction: column; } }
.component-30354 {
  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-30354:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30354 { flex-direction: column; } }
.component-30355 {
  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-30355:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30355 { flex-direction: column; } }
.component-30356 {
  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-30356:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30356 { flex-direction: column; } }
.component-30357 {
  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-30357:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30357 { flex-direction: column; } }
.component-30358 {
  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-30358:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30358 { flex-direction: column; } }
.component-30359 {
  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-30359:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30359 { flex-direction: column; } }
.component-30360 {
  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-30360:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30360 { flex-direction: column; } }
.component-30361 {
  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-30361:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30361 { flex-direction: column; } }
.component-30362 {
  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-30362:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30362 { flex-direction: column; } }
.component-30363 {
  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-30363:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30363 { flex-direction: column; } }
.component-30364 {
  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-30364:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30364 { flex-direction: column; } }
.component-30365 {
  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-30365:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30365 { flex-direction: column; } }
.component-30366 {
  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-30366:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30366 { flex-direction: column; } }
.component-30367 {
  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-30367:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30367 { flex-direction: column; } }
.component-30368 {
  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-30368:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30368 { flex-direction: column; } }
.component-30369 {
  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-30369:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30369 { flex-direction: column; } }
.component-30370 {
  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-30370:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30370 { flex-direction: column; } }
.component-30371 {
  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-30371:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30371 { flex-direction: column; } }
.component-30372 {
  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-30372:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30372 { flex-direction: column; } }
.component-30373 {
  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-30373:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30373 { flex-direction: column; } }
.component-30374 {
  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-30374:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30374 { flex-direction: column; } }
.component-30375 {
  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-30375:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30375 { flex-direction: column; } }
.component-30376 {
  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-30376:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30376 { flex-direction: column; } }
.component-30377 {
  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-30377:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30377 { flex-direction: column; } }
.component-30378 {
  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-30378:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30378 { flex-direction: column; } }
.component-30379 {
  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-30379:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30379 { flex-direction: column; } }
.component-30380 {
  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-30380:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30380 { flex-direction: column; } }
.component-30381 {
  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-30381:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30381 { flex-direction: column; } }
.component-30382 {
  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-30382:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30382 { flex-direction: column; } }
.component-30383 {
  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-30383:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30383 { flex-direction: column; } }
.component-30384 {
  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-30384:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30384 { flex-direction: column; } }
.component-30385 {
  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-30385:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30385 { flex-direction: column; } }
.component-30386 {
  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-30386:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30386 { flex-direction: column; } }
.component-30387 {
  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-30387:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30387 { flex-direction: column; } }
.component-30388 {
  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-30388:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30388 { flex-direction: column; } }
.component-30389 {
  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-30389:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30389 { flex-direction: column; } }
.component-30390 {
  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-30390:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30390 { flex-direction: column; } }
.component-30391 {
  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-30391:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30391 { flex-direction: column; } }
.component-30392 {
  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-30392:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30392 { flex-direction: column; } }
.component-30393 {
  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-30393:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30393 { flex-direction: column; } }
.component-30394 {
  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-30394:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30394 { flex-direction: column; } }
.component-30395 {
  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-30395:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30395 { flex-direction: column; } }
.component-30396 {
  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-30396:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30396 { flex-direction: column; } }
.component-30397 {
  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-30397:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30397 { flex-direction: column; } }
.component-30398 {
  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-30398:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30398 { flex-direction: column; } }
.component-30399 {
  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-30399:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30399 { flex-direction: column; } }
.component-30400 {
  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-30400:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30400 { flex-direction: column; } }
.component-30401 {
  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-30401:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30401 { flex-direction: column; } }
.component-30402 {
  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-30402:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30402 { flex-direction: column; } }
.component-30403 {
  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-30403:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30403 { flex-direction: column; } }
.component-30404 {
  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-30404:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30404 { flex-direction: column; } }
.component-30405 {
  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-30405:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30405 { flex-direction: column; } }
.component-30406 {
  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-30406:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30406 { flex-direction: column; } }
.component-30407 {
  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-30407:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30407 { flex-direction: column; } }
.component-30408 {
  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-30408:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30408 { flex-direction: column; } }
.component-30409 {
  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-30409:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30409 { flex-direction: column; } }
.component-30410 {
  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-30410:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30410 { flex-direction: column; } }
.component-30411 {
  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-30411:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30411 { flex-direction: column; } }
.component-30412 {
  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-30412:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30412 { flex-direction: column; } }
.component-30413 {
  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-30413:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30413 { flex-direction: column; } }
.component-30414 {
  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-30414:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30414 { flex-direction: column; } }
.component-30415 {
  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-30415:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30415 { flex-direction: column; } }
.component-30416 {
  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-30416:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30416 { flex-direction: column; } }
.component-30417 {
  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-30417:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30417 { flex-direction: column; } }
.component-30418 {
  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-30418:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30418 { flex-direction: column; } }
.component-30419 {
  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-30419:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30419 { flex-direction: column; } }
.component-30420 {
  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-30420:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30420 { flex-direction: column; } }
.component-30421 {
  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-30421:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30421 { flex-direction: column; } }
.component-30422 {
  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-30422:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30422 { flex-direction: column; } }
.component-30423 {
  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-30423:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30423 { flex-direction: column; } }
.component-30424 {
  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-30424:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30424 { flex-direction: column; } }
.component-30425 {
  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-30425:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30425 { flex-direction: column; } }
.component-30426 {
  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-30426:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30426 { flex-direction: column; } }
.component-30427 {
  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-30427:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30427 { flex-direction: column; } }
.component-30428 {
  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-30428:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30428 { flex-direction: column; } }
.component-30429 {
  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-30429:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30429 { flex-direction: column; } }
.component-30430 {
  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-30430:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30430 { flex-direction: column; } }
.component-30431 {
  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-30431:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30431 { flex-direction: column; } }
.component-30432 {
  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-30432:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30432 { flex-direction: column; } }
.component-30433 {
  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-30433:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30433 { flex-direction: column; } }
.component-30434 {
  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-30434:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30434 { flex-direction: column; } }
.component-30435 {
  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-30435:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30435 { flex-direction: column; } }
.component-30436 {
  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-30436:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30436 { flex-direction: column; } }
.component-30437 {
  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-30437:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30437 { flex-direction: column; } }
.component-30438 {
  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-30438:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30438 { flex-direction: column; } }
.component-30439 {
  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-30439:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30439 { flex-direction: column; } }
.component-30440 {
  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-30440:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30440 { flex-direction: column; } }
.component-30441 {
  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-30441:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30441 { flex-direction: column; } }
.component-30442 {
  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-30442:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30442 { flex-direction: column; } }
.component-30443 {
  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-30443:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30443 { flex-direction: column; } }
.component-30444 {
  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-30444:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30444 { flex-direction: column; } }
.component-30445 {
  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-30445:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30445 { flex-direction: column; } }
.component-30446 {
  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-30446:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30446 { flex-direction: column; } }
.component-30447 {
  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-30447:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30447 { flex-direction: column; } }
.component-30448 {
  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-30448:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30448 { flex-direction: column; } }
.component-30449 {
  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-30449:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30449 { flex-direction: column; } }
.component-30450 {
  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-30450:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30450 { flex-direction: column; } }
.component-30451 {
  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-30451:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30451 { flex-direction: column; } }
.component-30452 {
  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-30452:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30452 { flex-direction: column; } }
.component-30453 {
  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-30453:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30453 { flex-direction: column; } }
.component-30454 {
  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-30454:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30454 { flex-direction: column; } }
.component-30455 {
  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-30455:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30455 { flex-direction: column; } }
.component-30456 {
  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-30456:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30456 { flex-direction: column; } }
.component-30457 {
  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-30457:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30457 { flex-direction: column; } }
.component-30458 {
  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-30458:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30458 { flex-direction: column; } }
.component-30459 {
  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-30459:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30459 { flex-direction: column; } }
.component-30460 {
  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-30460:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30460 { flex-direction: column; } }
.component-30461 {
  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-30461:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30461 { flex-direction: column; } }
.component-30462 {
  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-30462:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30462 { flex-direction: column; } }
.component-30463 {
  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-30463:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30463 { flex-direction: column; } }
.component-30464 {
  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-30464:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30464 { flex-direction: column; } }
.component-30465 {
  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-30465:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30465 { flex-direction: column; } }
.component-30466 {
  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-30466:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30466 { flex-direction: column; } }
.component-30467 {
  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-30467:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30467 { flex-direction: column; } }
.component-30468 {
  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-30468:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30468 { flex-direction: column; } }
.component-30469 {
  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-30469:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30469 { flex-direction: column; } }
.component-30470 {
  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-30470:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30470 { flex-direction: column; } }
.component-30471 {
  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-30471:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30471 { flex-direction: column; } }
.component-30472 {
  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-30472:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30472 { flex-direction: column; } }
.component-30473 {
  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-30473:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30473 { flex-direction: column; } }
.component-30474 {
  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-30474:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30474 { flex-direction: column; } }
.component-30475 {
  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-30475:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30475 { flex-direction: column; } }
.component-30476 {
  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-30476:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30476 { flex-direction: column; } }
.component-30477 {
  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-30477:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30477 { flex-direction: column; } }
.component-30478 {
  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-30478:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30478 { flex-direction: column; } }
.component-30479 {
  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-30479:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30479 { flex-direction: column; } }
.component-30480 {
  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-30480:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30480 { flex-direction: column; } }
.component-30481 {
  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-30481:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30481 { flex-direction: column; } }
.component-30482 {
  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-30482:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30482 { flex-direction: column; } }
.component-30483 {
  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-30483:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30483 { flex-direction: column; } }
.component-30484 {
  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-30484:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30484 { flex-direction: column; } }
.component-30485 {
  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-30485:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30485 { flex-direction: column; } }
.component-30486 {
  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-30486:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30486 { flex-direction: column; } }
.component-30487 {
  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-30487:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30487 { flex-direction: column; } }
.component-30488 {
  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-30488:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30488 { flex-direction: column; } }
.component-30489 {
  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-30489:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30489 { flex-direction: column; } }
.component-30490 {
  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-30490:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30490 { flex-direction: column; } }
.component-30491 {
  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-30491:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30491 { flex-direction: column; } }
.component-30492 {
  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-30492:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30492 { flex-direction: column; } }
.component-30493 {
  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-30493:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30493 { flex-direction: column; } }
.component-30494 {
  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-30494:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30494 { flex-direction: column; } }
.component-30495 {
  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-30495:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30495 { flex-direction: column; } }
.component-30496 {
  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-30496:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30496 { flex-direction: column; } }
.component-30497 {
  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-30497:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30497 { flex-direction: column; } }
.component-30498 {
  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-30498:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30498 { flex-direction: column; } }
.component-30499 {
  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-30499:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30499 { flex-direction: column; } }
.component-30500 {
  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-30500:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30500 { flex-direction: column; } }
.component-30501 {
  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-30501:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30501 { flex-direction: column; } }
.component-30502 {
  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-30502:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30502 { flex-direction: column; } }
.component-30503 {
  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-30503:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30503 { flex-direction: column; } }
.component-30504 {
  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-30504:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30504 { flex-direction: column; } }
.component-30505 {
  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-30505:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30505 { flex-direction: column; } }
.component-30506 {
  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-30506:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30506 { flex-direction: column; } }
.component-30507 {
  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-30507:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30507 { flex-direction: column; } }
.component-30508 {
  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-30508:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30508 { flex-direction: column; } }
.component-30509 {
  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-30509:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30509 { flex-direction: column; } }
.component-30510 {
  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-30510:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30510 { flex-direction: column; } }
.component-30511 {
  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-30511:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30511 { flex-direction: column; } }
.component-30512 {
  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-30512:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30512 { flex-direction: column; } }
.component-30513 {
  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-30513:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30513 { flex-direction: column; } }
.component-30514 {
  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-30514:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30514 { flex-direction: column; } }
.component-30515 {
  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-30515:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30515 { flex-direction: column; } }
.component-30516 {
  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-30516:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30516 { flex-direction: column; } }
.component-30517 {
  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-30517:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30517 { flex-direction: column; } }
.component-30518 {
  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-30518:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30518 { flex-direction: column; } }
.component-30519 {
  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-30519:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30519 { flex-direction: column; } }
.component-30520 {
  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-30520:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30520 { flex-direction: column; } }
.component-30521 {
  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-30521:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30521 { flex-direction: column; } }
.component-30522 {
  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-30522:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30522 { flex-direction: column; } }
.component-30523 {
  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-30523:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30523 { flex-direction: column; } }
.component-30524 {
  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-30524:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30524 { flex-direction: column; } }
.component-30525 {
  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-30525:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30525 { flex-direction: column; } }
.component-30526 {
  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-30526:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30526 { flex-direction: column; } }
.component-30527 {
  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-30527:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30527 { flex-direction: column; } }
.component-30528 {
  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-30528:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30528 { flex-direction: column; } }
.component-30529 {
  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-30529:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30529 { flex-direction: column; } }
.component-30530 {
  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-30530:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30530 { flex-direction: column; } }
.component-30531 {
  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-30531:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30531 { flex-direction: column; } }
.component-30532 {
  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-30532:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30532 { flex-direction: column; } }
.component-30533 {
  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-30533:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30533 { flex-direction: column; } }
.component-30534 {
  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-30534:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30534 { flex-direction: column; } }
.component-30535 {
  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-30535:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30535 { flex-direction: column; } }
.component-30536 {
  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-30536:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30536 { flex-direction: column; } }
.component-30537 {
  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-30537:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30537 { flex-direction: column; } }
.component-30538 {
  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-30538:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30538 { flex-direction: column; } }
.component-30539 {
  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-30539:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30539 { flex-direction: column; } }
.component-30540 {
  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-30540:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30540 { flex-direction: column; } }
.component-30541 {
  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-30541:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30541 { flex-direction: column; } }
.component-30542 {
  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-30542:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30542 { flex-direction: column; } }
.component-30543 {
  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-30543:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30543 { flex-direction: column; } }
.component-30544 {
  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-30544:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30544 { flex-direction: column; } }
.component-30545 {
  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-30545:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30545 { flex-direction: column; } }
.component-30546 {
  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-30546:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30546 { flex-direction: column; } }
.component-30547 {
  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-30547:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30547 { flex-direction: column; } }
.component-30548 {
  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-30548:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30548 { flex-direction: column; } }
.component-30549 {
  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-30549:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30549 { flex-direction: column; } }
.component-30550 {
  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-30550:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30550 { flex-direction: column; } }
.component-30551 {
  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-30551:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30551 { flex-direction: column; } }
.component-30552 {
  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-30552:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30552 { flex-direction: column; } }
.component-30553 {
  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-30553:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30553 { flex-direction: column; } }
.component-30554 {
  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-30554:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30554 { flex-direction: column; } }
.component-30555 {
  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-30555:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30555 { flex-direction: column; } }
.component-30556 {
  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-30556:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30556 { flex-direction: column; } }
.component-30557 {
  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-30557:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30557 { flex-direction: column; } }
.component-30558 {
  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-30558:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30558 { flex-direction: column; } }
.component-30559 {
  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-30559:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30559 { flex-direction: column; } }
.component-30560 {
  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-30560:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30560 { flex-direction: column; } }
.component-30561 {
  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-30561:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30561 { flex-direction: column; } }
.component-30562 {
  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-30562:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30562 { flex-direction: column; } }
.component-30563 {
  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-30563:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30563 { flex-direction: column; } }
.component-30564 {
  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-30564:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30564 { flex-direction: column; } }
.component-30565 {
  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-30565:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30565 { flex-direction: column; } }
.component-30566 {
  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-30566:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30566 { flex-direction: column; } }
.component-30567 {
  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-30567:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30567 { flex-direction: column; } }
.component-30568 {
  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-30568:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30568 { flex-direction: column; } }
.component-30569 {
  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-30569:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30569 { flex-direction: column; } }
.component-30570 {
  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-30570:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30570 { flex-direction: column; } }
.component-30571 {
  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-30571:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30571 { flex-direction: column; } }
.component-30572 {
  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-30572:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30572 { flex-direction: column; } }
.component-30573 {
  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-30573:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30573 { flex-direction: column; } }
.component-30574 {
  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-30574:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30574 { flex-direction: column; } }
.component-30575 {
  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-30575:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30575 { flex-direction: column; } }
.component-30576 {
  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-30576:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30576 { flex-direction: column; } }
.component-30577 {
  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-30577:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30577 { flex-direction: column; } }
.component-30578 {
  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-30578:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30578 { flex-direction: column; } }
.component-30579 {
  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-30579:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30579 { flex-direction: column; } }
.component-30580 {
  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-30580:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30580 { flex-direction: column; } }
.component-30581 {
  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-30581:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30581 { flex-direction: column; } }
.component-30582 {
  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-30582:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30582 { flex-direction: column; } }
.component-30583 {
  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-30583:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30583 { flex-direction: column; } }
.component-30584 {
  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-30584:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30584 { flex-direction: column; } }
.component-30585 {
  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-30585:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30585 { flex-direction: column; } }
.component-30586 {
  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-30586:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30586 { flex-direction: column; } }
.component-30587 {
  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-30587:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30587 { flex-direction: column; } }
.component-30588 {
  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-30588:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30588 { flex-direction: column; } }
.component-30589 {
  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-30589:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30589 { flex-direction: column; } }
.component-30590 {
  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-30590:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30590 { flex-direction: column; } }
.component-30591 {
  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-30591:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30591 { flex-direction: column; } }
.component-30592 {
  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-30592:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30592 { flex-direction: column; } }
.component-30593 {
  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-30593:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30593 { flex-direction: column; } }
.component-30594 {
  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-30594:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30594 { flex-direction: column; } }
.component-30595 {
  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-30595:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30595 { flex-direction: column; } }
.component-30596 {
  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-30596:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30596 { flex-direction: column; } }
.component-30597 {
  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-30597:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30597 { flex-direction: column; } }
.component-30598 {
  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-30598:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30598 { flex-direction: column; } }
.component-30599 {
  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-30599:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30599 { flex-direction: column; } }
.component-30600 {
  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-30600:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30600 { flex-direction: column; } }
.component-30601 {
  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-30601:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30601 { flex-direction: column; } }
.component-30602 {
  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-30602:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30602 { flex-direction: column; } }
.component-30603 {
  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-30603:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30603 { flex-direction: column; } }
.component-30604 {
  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-30604:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30604 { flex-direction: column; } }
.component-30605 {
  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-30605:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30605 { flex-direction: column; } }
.component-30606 {
  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-30606:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30606 { flex-direction: column; } }
.component-30607 {
  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-30607:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30607 { flex-direction: column; } }
.component-30608 {
  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-30608:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30608 { flex-direction: column; } }
.component-30609 {
  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-30609:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30609 { flex-direction: column; } }
.component-30610 {
  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-30610:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30610 { flex-direction: column; } }
.component-30611 {
  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-30611:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30611 { flex-direction: column; } }
.component-30612 {
  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-30612:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30612 { flex-direction: column; } }
.component-30613 {
  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-30613:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30613 { flex-direction: column; } }
.component-30614 {
  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-30614:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30614 { flex-direction: column; } }
.component-30615 {
  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-30615:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30615 { flex-direction: column; } }
.component-30616 {
  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-30616:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30616 { flex-direction: column; } }
.component-30617 {
  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-30617:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30617 { flex-direction: column; } }
.component-30618 {
  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-30618:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30618 { flex-direction: column; } }
.component-30619 {
  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-30619:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30619 { flex-direction: column; } }
.component-30620 {
  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-30620:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30620 { flex-direction: column; } }
.component-30621 {
  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-30621:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30621 { flex-direction: column; } }
.component-30622 {
  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-30622:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30622 { flex-direction: column; } }
.component-30623 {
  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-30623:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30623 { flex-direction: column; } }
.component-30624 {
  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-30624:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30624 { flex-direction: column; } }
.component-30625 {
  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-30625:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30625 { flex-direction: column; } }
.component-30626 {
  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-30626:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30626 { flex-direction: column; } }
.component-30627 {
  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-30627:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30627 { flex-direction: column; } }
.component-30628 {
  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-30628:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30628 { flex-direction: column; } }
.component-30629 {
  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-30629:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30629 { flex-direction: column; } }
.component-30630 {
  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-30630:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30630 { flex-direction: column; } }
.component-30631 {
  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-30631:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30631 { flex-direction: column; } }
.component-30632 {
  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-30632:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30632 { flex-direction: column; } }
.component-30633 {
  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-30633:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30633 { flex-direction: column; } }
.component-30634 {
  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-30634:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30634 { flex-direction: column; } }
.component-30635 {
  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-30635:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30635 { flex-direction: column; } }
.component-30636 {
  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-30636:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30636 { flex-direction: column; } }
.component-30637 {
  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-30637:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30637 { flex-direction: column; } }
.component-30638 {
  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-30638:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30638 { flex-direction: column; } }
.component-30639 {
  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-30639:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30639 { flex-direction: column; } }
.component-30640 {
  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-30640:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30640 { flex-direction: column; } }
.component-30641 {
  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-30641:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30641 { flex-direction: column; } }
.component-30642 {
  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-30642:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30642 { flex-direction: column; } }
.component-30643 {
  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-30643:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30643 { flex-direction: column; } }
.component-30644 {
  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-30644:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30644 { flex-direction: column; } }
.component-30645 {
  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-30645:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30645 { flex-direction: column; } }
.component-30646 {
  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-30646:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30646 { flex-direction: column; } }
.component-30647 {
  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-30647:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30647 { flex-direction: column; } }
.component-30648 {
  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-30648:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30648 { flex-direction: column; } }
.component-30649 {
  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-30649:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30649 { flex-direction: column; } }
.component-30650 {
  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-30650:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30650 { flex-direction: column; } }
.component-30651 {
  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-30651:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30651 { flex-direction: column; } }
.component-30652 {
  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-30652:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30652 { flex-direction: column; } }
.component-30653 {
  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-30653:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30653 { flex-direction: column; } }
.component-30654 {
  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-30654:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30654 { flex-direction: column; } }
.component-30655 {
  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-30655:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30655 { flex-direction: column; } }
.component-30656 {
  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-30656:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30656 { flex-direction: column; } }
.component-30657 {
  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-30657:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30657 { flex-direction: column; } }
.component-30658 {
  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-30658:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30658 { flex-direction: column; } }
.component-30659 {
  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-30659:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30659 { flex-direction: column; } }
.component-30660 {
  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-30660:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30660 { flex-direction: column; } }
.component-30661 {
  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-30661:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30661 { flex-direction: column; } }
.component-30662 {
  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-30662:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30662 { flex-direction: column; } }
.component-30663 {
  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-30663:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30663 { flex-direction: column; } }
.component-30664 {
  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-30664:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30664 { flex-direction: column; } }
.component-30665 {
  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-30665:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30665 { flex-direction: column; } }
.component-30666 {
  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-30666:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30666 { flex-direction: column; } }
.component-30667 {
  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-30667:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30667 { flex-direction: column; } }
.component-30668 {
  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-30668:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30668 { flex-direction: column; } }
.component-30669 {
  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-30669:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30669 { flex-direction: column; } }
.component-30670 {
  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-30670:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30670 { flex-direction: column; } }
.component-30671 {
  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-30671:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30671 { flex-direction: column; } }
.component-30672 {
  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-30672:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30672 { flex-direction: column; } }
.component-30673 {
  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-30673:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30673 { flex-direction: column; } }
.component-30674 {
  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-30674:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30674 { flex-direction: column; } }
.component-30675 {
  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-30675:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30675 { flex-direction: column; } }
.component-30676 {
  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-30676:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30676 { flex-direction: column; } }
.component-30677 {
  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-30677:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30677 { flex-direction: column; } }
.component-30678 {
  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-30678:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30678 { flex-direction: column; } }
.component-30679 {
  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-30679:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30679 { flex-direction: column; } }
.component-30680 {
  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-30680:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30680 { flex-direction: column; } }
.component-30681 {
  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-30681:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30681 { flex-direction: column; } }
.component-30682 {
  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-30682:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30682 { flex-direction: column; } }
.component-30683 {
  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-30683:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30683 { flex-direction: column; } }
.component-30684 {
  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-30684:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30684 { flex-direction: column; } }
.component-30685 {
  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-30685:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30685 { flex-direction: column; } }
.component-30686 {
  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-30686:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30686 { flex-direction: column; } }
.component-30687 {
  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-30687:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30687 { flex-direction: column; } }
.component-30688 {
  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-30688:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30688 { flex-direction: column; } }
.component-30689 {
  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-30689:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30689 { flex-direction: column; } }
.component-30690 {
  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-30690:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30690 { flex-direction: column; } }
.component-30691 {
  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-30691:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30691 { flex-direction: column; } }
.component-30692 {
  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-30692:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30692 { flex-direction: column; } }
.component-30693 {
  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-30693:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30693 { flex-direction: column; } }
.component-30694 {
  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-30694:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30694 { flex-direction: column; } }
.component-30695 {
  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-30695:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30695 { flex-direction: column; } }
.component-30696 {
  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-30696:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30696 { flex-direction: column; } }
.component-30697 {
  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-30697:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30697 { flex-direction: column; } }
.component-30698 {
  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-30698:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30698 { flex-direction: column; } }
.component-30699 {
  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-30699:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30699 { flex-direction: column; } }
.component-30700 {
  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-30700:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30700 { flex-direction: column; } }
.component-30701 {
  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-30701:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30701 { flex-direction: column; } }
.component-30702 {
  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-30702:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30702 { flex-direction: column; } }
.component-30703 {
  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-30703:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30703 { flex-direction: column; } }
.component-30704 {
  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-30704:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30704 { flex-direction: column; } }
.component-30705 {
  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-30705:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30705 { flex-direction: column; } }
.component-30706 {
  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-30706:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30706 { flex-direction: column; } }
.component-30707 {
  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-30707:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30707 { flex-direction: column; } }
.component-30708 {
  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-30708:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30708 { flex-direction: column; } }
.component-30709 {
  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-30709:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30709 { flex-direction: column; } }
.component-30710 {
  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-30710:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30710 { flex-direction: column; } }
.component-30711 {
  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-30711:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30711 { flex-direction: column; } }
.component-30712 {
  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-30712:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30712 { flex-direction: column; } }
.component-30713 {
  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-30713:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30713 { flex-direction: column; } }
.component-30714 {
  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-30714:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30714 { flex-direction: column; } }
.component-30715 {
  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-30715:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30715 { flex-direction: column; } }
.component-30716 {
  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-30716:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30716 { flex-direction: column; } }
.component-30717 {
  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-30717:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30717 { flex-direction: column; } }
.component-30718 {
  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-30718:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30718 { flex-direction: column; } }
.component-30719 {
  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-30719:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30719 { flex-direction: column; } }
.component-30720 {
  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-30720:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30720 { flex-direction: column; } }
.component-30721 {
  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-30721:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30721 { flex-direction: column; } }
.component-30722 {
  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-30722:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30722 { flex-direction: column; } }
.component-30723 {
  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-30723:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30723 { flex-direction: column; } }
.component-30724 {
  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-30724:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30724 { flex-direction: column; } }
.component-30725 {
  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-30725:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30725 { flex-direction: column; } }
.component-30726 {
  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-30726:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30726 { flex-direction: column; } }
.component-30727 {
  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-30727:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30727 { flex-direction: column; } }
.component-30728 {
  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-30728:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30728 { flex-direction: column; } }
.component-30729 {
  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-30729:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30729 { flex-direction: column; } }
.component-30730 {
  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-30730:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30730 { flex-direction: column; } }
.component-30731 {
  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-30731:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30731 { flex-direction: column; } }
.component-30732 {
  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-30732:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30732 { flex-direction: column; } }
.component-30733 {
  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-30733:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30733 { flex-direction: column; } }
.component-30734 {
  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-30734:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30734 { flex-direction: column; } }
.component-30735 {
  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-30735:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30735 { flex-direction: column; } }
.component-30736 {
  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-30736:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30736 { flex-direction: column; } }
.component-30737 {
  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-30737:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30737 { flex-direction: column; } }
.component-30738 {
  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-30738:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30738 { flex-direction: column; } }
.component-30739 {
  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-30739:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30739 { flex-direction: column; } }
.component-30740 {
  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-30740:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30740 { flex-direction: column; } }
.component-30741 {
  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-30741:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30741 { flex-direction: column; } }
.component-30742 {
  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-30742:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30742 { flex-direction: column; } }
.component-30743 {
  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-30743:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30743 { flex-direction: column; } }
.component-30744 {
  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-30744:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30744 { flex-direction: column; } }
.component-30745 {
  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-30745:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30745 { flex-direction: column; } }
.component-30746 {
  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-30746:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30746 { flex-direction: column; } }
.component-30747 {
  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-30747:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30747 { flex-direction: column; } }
.component-30748 {
  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-30748:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30748 { flex-direction: column; } }
.component-30749 {
  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-30749:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30749 { flex-direction: column; } }
.component-30750 {
  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-30750:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30750 { flex-direction: column; } }
.component-30751 {
  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-30751:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30751 { flex-direction: column; } }
.component-30752 {
  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-30752:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30752 { flex-direction: column; } }
.component-30753 {
  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-30753:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30753 { flex-direction: column; } }
.component-30754 {
  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-30754:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30754 { flex-direction: column; } }
.component-30755 {
  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-30755:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30755 { flex-direction: column; } }
.component-30756 {
  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-30756:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30756 { flex-direction: column; } }
.component-30757 {
  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-30757:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30757 { flex-direction: column; } }
.component-30758 {
  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-30758:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30758 { flex-direction: column; } }
.component-30759 {
  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-30759:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30759 { flex-direction: column; } }
.component-30760 {
  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-30760:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30760 { flex-direction: column; } }
.component-30761 {
  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-30761:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30761 { flex-direction: column; } }
.component-30762 {
  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-30762:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30762 { flex-direction: column; } }
.component-30763 {
  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-30763:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30763 { flex-direction: column; } }
.component-30764 {
  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-30764:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30764 { flex-direction: column; } }
.component-30765 {
  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-30765:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30765 { flex-direction: column; } }
.component-30766 {
  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-30766:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30766 { flex-direction: column; } }
.component-30767 {
  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-30767:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30767 { flex-direction: column; } }
.component-30768 {
  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-30768:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30768 { flex-direction: column; } }
.component-30769 {
  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-30769:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30769 { flex-direction: column; } }
.component-30770 {
  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-30770:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30770 { flex-direction: column; } }
.component-30771 {
  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-30771:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30771 { flex-direction: column; } }
.component-30772 {
  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-30772:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30772 { flex-direction: column; } }
.component-30773 {
  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-30773:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30773 { flex-direction: column; } }
.component-30774 {
  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-30774:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30774 { flex-direction: column; } }
.component-30775 {
  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-30775:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30775 { flex-direction: column; } }
.component-30776 {
  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-30776:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30776 { flex-direction: column; } }
.component-30777 {
  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-30777:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30777 { flex-direction: column; } }
.component-30778 {
  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-30778:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30778 { flex-direction: column; } }
.component-30779 {
  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-30779:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30779 { flex-direction: column; } }
.component-30780 {
  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-30780:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30780 { flex-direction: column; } }
.component-30781 {
  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-30781:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30781 { flex-direction: column; } }
.component-30782 {
  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-30782:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30782 { flex-direction: column; } }
.component-30783 {
  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-30783:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30783 { flex-direction: column; } }
.component-30784 {
  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-30784:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30784 { flex-direction: column; } }
.component-30785 {
  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-30785:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30785 { flex-direction: column; } }
.component-30786 {
  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-30786:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30786 { flex-direction: column; } }
.component-30787 {
  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-30787:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30787 { flex-direction: column; } }
.component-30788 {
  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-30788:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30788 { flex-direction: column; } }
.component-30789 {
  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-30789:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30789 { flex-direction: column; } }
.component-30790 {
  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-30790:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30790 { flex-direction: column; } }
.component-30791 {
  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-30791:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30791 { flex-direction: column; } }
.component-30792 {
  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-30792:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30792 { flex-direction: column; } }
.component-30793 {
  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-30793:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30793 { flex-direction: column; } }
.component-30794 {
  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-30794:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30794 { flex-direction: column; } }
.component-30795 {
  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-30795:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30795 { flex-direction: column; } }
.component-30796 {
  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-30796:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30796 { flex-direction: column; } }
.component-30797 {
  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-30797:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30797 { flex-direction: column; } }
.component-30798 {
  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-30798:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30798 { flex-direction: column; } }
.component-30799 {
  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-30799:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30799 { flex-direction: column; } }
.component-30800 {
  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-30800:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30800 { flex-direction: column; } }
.component-30801 {
  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-30801:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30801 { flex-direction: column; } }
.component-30802 {
  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-30802:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30802 { flex-direction: column; } }
.component-30803 {
  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-30803:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30803 { flex-direction: column; } }
.component-30804 {
  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-30804:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30804 { flex-direction: column; } }
.component-30805 {
  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-30805:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30805 { flex-direction: column; } }
.component-30806 {
  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-30806:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30806 { flex-direction: column; } }
.component-30807 {
  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-30807:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30807 { flex-direction: column; } }
.component-30808 {
  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-30808:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30808 { flex-direction: column; } }
.component-30809 {
  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-30809:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30809 { flex-direction: column; } }
.component-30810 {
  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-30810:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30810 { flex-direction: column; } }
.component-30811 {
  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-30811:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30811 { flex-direction: column; } }
.component-30812 {
  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-30812:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30812 { flex-direction: column; } }
.component-30813 {
  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-30813:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30813 { flex-direction: column; } }
.component-30814 {
  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-30814:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30814 { flex-direction: column; } }
.component-30815 {
  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-30815:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30815 { flex-direction: column; } }
.component-30816 {
  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-30816:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30816 { flex-direction: column; } }
.component-30817 {
  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-30817:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30817 { flex-direction: column; } }
.component-30818 {
  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-30818:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30818 { flex-direction: column; } }
.component-30819 {
  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-30819:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30819 { flex-direction: column; } }
.component-30820 {
  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-30820:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30820 { flex-direction: column; } }
.component-30821 {
  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-30821:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30821 { flex-direction: column; } }
.component-30822 {
  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-30822:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30822 { flex-direction: column; } }
.component-30823 {
  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-30823:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30823 { flex-direction: column; } }
.component-30824 {
  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-30824:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30824 { flex-direction: column; } }
.component-30825 {
  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-30825:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30825 { flex-direction: column; } }
.component-30826 {
  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-30826:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30826 { flex-direction: column; } }
.component-30827 {
  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-30827:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30827 { flex-direction: column; } }
.component-30828 {
  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-30828:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30828 { flex-direction: column; } }
.component-30829 {
  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-30829:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30829 { flex-direction: column; } }
.component-30830 {
  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-30830:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30830 { flex-direction: column; } }
.component-30831 {
  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-30831:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30831 { flex-direction: column; } }
.component-30832 {
  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-30832:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30832 { flex-direction: column; } }
.component-30833 {
  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-30833:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30833 { flex-direction: column; } }
.component-30834 {
  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-30834:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30834 { flex-direction: column; } }
.component-30835 {
  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-30835:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30835 { flex-direction: column; } }
.component-30836 {
  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-30836:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30836 { flex-direction: column; } }
.component-30837 {
  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-30837:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30837 { flex-direction: column; } }
.component-30838 {
  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-30838:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30838 { flex-direction: column; } }
.component-30839 {
  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-30839:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30839 { flex-direction: column; } }
.component-30840 {
  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-30840:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30840 { flex-direction: column; } }
.component-30841 {
  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-30841:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30841 { flex-direction: column; } }
.component-30842 {
  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-30842:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30842 { flex-direction: column; } }
.component-30843 {
  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-30843:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30843 { flex-direction: column; } }
.component-30844 {
  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-30844:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30844 { flex-direction: column; } }
.component-30845 {
  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-30845:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30845 { flex-direction: column; } }
.component-30846 {
  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-30846:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30846 { flex-direction: column; } }
.component-30847 {
  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-30847:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30847 { flex-direction: column; } }
.component-30848 {
  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-30848:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30848 { flex-direction: column; } }
.component-30849 {
  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-30849:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30849 { flex-direction: column; } }
.component-30850 {
  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-30850:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30850 { flex-direction: column; } }
.component-30851 {
  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-30851:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30851 { flex-direction: column; } }
.component-30852 {
  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-30852:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30852 { flex-direction: column; } }
.component-30853 {
  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-30853:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30853 { flex-direction: column; } }
.component-30854 {
  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-30854:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30854 { flex-direction: column; } }
.component-30855 {
  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-30855:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30855 { flex-direction: column; } }
.component-30856 {
  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-30856:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30856 { flex-direction: column; } }
.component-30857 {
  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-30857:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30857 { flex-direction: column; } }
.component-30858 {
  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-30858:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30858 { flex-direction: column; } }
.component-30859 {
  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-30859:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30859 { flex-direction: column; } }
.component-30860 {
  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-30860:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30860 { flex-direction: column; } }
.component-30861 {
  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-30861:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30861 { flex-direction: column; } }
.component-30862 {
  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-30862:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30862 { flex-direction: column; } }
.component-30863 {
  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-30863:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30863 { flex-direction: column; } }
.component-30864 {
  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-30864:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30864 { flex-direction: column; } }
.component-30865 {
  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-30865:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30865 { flex-direction: column; } }
.component-30866 {
  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-30866:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30866 { flex-direction: column; } }
.component-30867 {
  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-30867:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30867 { flex-direction: column; } }
.component-30868 {
  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-30868:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30868 { flex-direction: column; } }
.component-30869 {
  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-30869:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30869 { flex-direction: column; } }
.component-30870 {
  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-30870:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30870 { flex-direction: column; } }
.component-30871 {
  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-30871:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30871 { flex-direction: column; } }
.component-30872 {
  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-30872:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30872 { flex-direction: column; } }
.component-30873 {
  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-30873:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30873 { flex-direction: column; } }
.component-30874 {
  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-30874:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30874 { flex-direction: column; } }
.component-30875 {
  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-30875:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30875 { flex-direction: column; } }
.component-30876 {
  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-30876:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30876 { flex-direction: column; } }
.component-30877 {
  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-30877:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30877 { flex-direction: column; } }
.component-30878 {
  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-30878:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30878 { flex-direction: column; } }
.component-30879 {
  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-30879:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30879 { flex-direction: column; } }
.component-30880 {
  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-30880:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30880 { flex-direction: column; } }
.component-30881 {
  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-30881:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30881 { flex-direction: column; } }
.component-30882 {
  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-30882:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30882 { flex-direction: column; } }
.component-30883 {
  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-30883:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30883 { flex-direction: column; } }
.component-30884 {
  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-30884:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30884 { flex-direction: column; } }
.component-30885 {
  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-30885:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30885 { flex-direction: column; } }
.component-30886 {
  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-30886:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30886 { flex-direction: column; } }
.component-30887 {
  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-30887:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30887 { flex-direction: column; } }
.component-30888 {
  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-30888:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30888 { flex-direction: column; } }
.component-30889 {
  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-30889:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30889 { flex-direction: column; } }
.component-30890 {
  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-30890:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30890 { flex-direction: column; } }
.component-30891 {
  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-30891:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30891 { flex-direction: column; } }
.component-30892 {
  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-30892:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30892 { flex-direction: column; } }
.component-30893 {
  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-30893:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30893 { flex-direction: column; } }
.component-30894 {
  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-30894:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30894 { flex-direction: column; } }
.component-30895 {
  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-30895:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30895 { flex-direction: column; } }
.component-30896 {
  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-30896:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30896 { flex-direction: column; } }
.component-30897 {
  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-30897:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30897 { flex-direction: column; } }
.component-30898 {
  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-30898:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30898 { flex-direction: column; } }
.component-30899 {
  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-30899:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30899 { flex-direction: column; } }
.component-30900 {
  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-30900:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30900 { flex-direction: column; } }
.component-30901 {
  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-30901:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30901 { flex-direction: column; } }
.component-30902 {
  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-30902:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30902 { flex-direction: column; } }
.component-30903 {
  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-30903:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30903 { flex-direction: column; } }
.component-30904 {
  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-30904:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30904 { flex-direction: column; } }
.component-30905 {
  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-30905:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30905 { flex-direction: column; } }
.component-30906 {
  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-30906:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30906 { flex-direction: column; } }
.component-30907 {
  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-30907:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30907 { flex-direction: column; } }
.component-30908 {
  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-30908:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30908 { flex-direction: column; } }
.component-30909 {
  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-30909:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30909 { flex-direction: column; } }
.component-30910 {
  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-30910:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30910 { flex-direction: column; } }
.component-30911 {
  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-30911:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30911 { flex-direction: column; } }
.component-30912 {
  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-30912:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30912 { flex-direction: column; } }
.component-30913 {
  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-30913:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30913 { flex-direction: column; } }
.component-30914 {
  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-30914:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30914 { flex-direction: column; } }
.component-30915 {
  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-30915:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30915 { flex-direction: column; } }
.component-30916 {
  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-30916:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30916 { flex-direction: column; } }
.component-30917 {
  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-30917:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30917 { flex-direction: column; } }
.component-30918 {
  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-30918:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30918 { flex-direction: column; } }
.component-30919 {
  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-30919:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30919 { flex-direction: column; } }
.component-30920 {
  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-30920:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30920 { flex-direction: column; } }
.component-30921 {
  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-30921:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30921 { flex-direction: column; } }
.component-30922 {
  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-30922:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30922 { flex-direction: column; } }
.component-30923 {
  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-30923:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30923 { flex-direction: column; } }
.component-30924 {
  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-30924:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30924 { flex-direction: column; } }
.component-30925 {
  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-30925:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30925 { flex-direction: column; } }
.component-30926 {
  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-30926:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30926 { flex-direction: column; } }
.component-30927 {
  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-30927:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30927 { flex-direction: column; } }
.component-30928 {
  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-30928:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30928 { flex-direction: column; } }
.component-30929 {
  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-30929:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30929 { flex-direction: column; } }
.component-30930 {
  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-30930:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30930 { flex-direction: column; } }
.component-30931 {
  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-30931:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30931 { flex-direction: column; } }
.component-30932 {
  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-30932:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30932 { flex-direction: column; } }
.component-30933 {
  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-30933:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30933 { flex-direction: column; } }
.component-30934 {
  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-30934:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30934 { flex-direction: column; } }
.component-30935 {
  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-30935:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30935 { flex-direction: column; } }
.component-30936 {
  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-30936:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30936 { flex-direction: column; } }
.component-30937 {
  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-30937:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30937 { flex-direction: column; } }
.component-30938 {
  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-30938:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30938 { flex-direction: column; } }
.component-30939 {
  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-30939:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30939 { flex-direction: column; } }
.component-30940 {
  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-30940:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30940 { flex-direction: column; } }
.component-30941 {
  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-30941:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30941 { flex-direction: column; } }
.component-30942 {
  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-30942:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30942 { flex-direction: column; } }
.component-30943 {
  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-30943:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30943 { flex-direction: column; } }
.component-30944 {
  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-30944:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30944 { flex-direction: column; } }
.component-30945 {
  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-30945:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30945 { flex-direction: column; } }
.component-30946 {
  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-30946:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30946 { flex-direction: column; } }
.component-30947 {
  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-30947:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30947 { flex-direction: column; } }
.component-30948 {
  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-30948:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30948 { flex-direction: column; } }
.component-30949 {
  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-30949:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30949 { flex-direction: column; } }
.component-30950 {
  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-30950:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30950 { flex-direction: column; } }
.component-30951 {
  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-30951:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30951 { flex-direction: column; } }
.component-30952 {
  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-30952:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30952 { flex-direction: column; } }
.component-30953 {
  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-30953:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30953 { flex-direction: column; } }
.component-30954 {
  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-30954:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30954 { flex-direction: column; } }
.component-30955 {
  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-30955:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30955 { flex-direction: column; } }
.component-30956 {
  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-30956:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30956 { flex-direction: column; } }
.component-30957 {
  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-30957:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30957 { flex-direction: column; } }
.component-30958 {
  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-30958:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30958 { flex-direction: column; } }
.component-30959 {
  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-30959:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30959 { flex-direction: column; } }
.component-30960 {
  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-30960:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30960 { flex-direction: column; } }
.component-30961 {
  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-30961:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30961 { flex-direction: column; } }
.component-30962 {
  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-30962:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30962 { flex-direction: column; } }
.component-30963 {
  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-30963:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30963 { flex-direction: column; } }
.component-30964 {
  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-30964:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30964 { flex-direction: column; } }
.component-30965 {
  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-30965:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30965 { flex-direction: column; } }
.component-30966 {
  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-30966:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30966 { flex-direction: column; } }
.component-30967 {
  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-30967:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30967 { flex-direction: column; } }
.component-30968 {
  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-30968:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30968 { flex-direction: column; } }
.component-30969 {
  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-30969:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30969 { flex-direction: column; } }
.component-30970 {
  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-30970:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30970 { flex-direction: column; } }
.component-30971 {
  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-30971:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30971 { flex-direction: column; } }
.component-30972 {
  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-30972:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30972 { flex-direction: column; } }
.component-30973 {
  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-30973:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30973 { flex-direction: column; } }
.component-30974 {
  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-30974:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30974 { flex-direction: column; } }
.component-30975 {
  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-30975:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30975 { flex-direction: column; } }
.component-30976 {
  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-30976:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30976 { flex-direction: column; } }
.component-30977 {
  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-30977:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30977 { flex-direction: column; } }
.component-30978 {
  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-30978:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30978 { flex-direction: column; } }
.component-30979 {
  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-30979:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30979 { flex-direction: column; } }
.component-30980 {
  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-30980:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30980 { flex-direction: column; } }
.component-30981 {
  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-30981:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30981 { flex-direction: column; } }
.component-30982 {
  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-30982:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30982 { flex-direction: column; } }
.component-30983 {
  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-30983:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30983 { flex-direction: column; } }
.component-30984 {
  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-30984:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30984 { flex-direction: column; } }
.component-30985 {
  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-30985:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-30985 { flex-direction: column; } }
.component-30986 {
  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-30986:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-30986 { flex-direction: column; } }
.component-30987 {
  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-30987:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-30987 { flex-direction: column; } }
.component-30988 {
  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-30988:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-30988 { flex-direction: column; } }
.component-30989 {
  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-30989:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-30989 { flex-direction: column; } }
.component-30990 {
  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-30990:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-30990 { flex-direction: column; } }
.component-30991 {
  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-30991:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-30991 { flex-direction: column; } }
.component-30992 {
  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-30992:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-30992 { flex-direction: column; } }
.component-30993 {
  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-30993:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-30993 { flex-direction: column; } }
.component-30994 {
  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-30994:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-30994 { flex-direction: column; } }
.component-30995 {
  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-30995:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-30995 { flex-direction: column; } }
.component-30996 {
  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-30996:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-30996 { flex-direction: column; } }
.component-30997 {
  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-30997:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-30997 { flex-direction: column; } }
.component-30998 {
  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-30998:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-30998 { flex-direction: column; } }
.component-30999 {
  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-30999:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-30999 { flex-direction: column; } }
.component-31000 {
  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-31000:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31000 { flex-direction: column; } }
.component-31001 {
  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-31001:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31001 { flex-direction: column; } }
.component-31002 {
  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-31002:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31002 { flex-direction: column; } }
.component-31003 {
  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-31003:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31003 { flex-direction: column; } }
.component-31004 {
  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-31004:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31004 { flex-direction: column; } }
.component-31005 {
  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-31005:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31005 { flex-direction: column; } }
.component-31006 {
  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-31006:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31006 { flex-direction: column; } }
.component-31007 {
  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-31007:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31007 { flex-direction: column; } }
.component-31008 {
  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-31008:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31008 { flex-direction: column; } }
.component-31009 {
  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-31009:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31009 { flex-direction: column; } }
.component-31010 {
  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-31010:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31010 { flex-direction: column; } }
.component-31011 {
  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-31011:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31011 { flex-direction: column; } }
.component-31012 {
  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-31012:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31012 { flex-direction: column; } }
.component-31013 {
  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-31013:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31013 { flex-direction: column; } }
.component-31014 {
  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-31014:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31014 { flex-direction: column; } }
.component-31015 {
  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-31015:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31015 { flex-direction: column; } }
.component-31016 {
  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-31016:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31016 { flex-direction: column; } }
.component-31017 {
  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-31017:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31017 { flex-direction: column; } }
.component-31018 {
  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-31018:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31018 { flex-direction: column; } }
.component-31019 {
  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-31019:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31019 { flex-direction: column; } }
.component-31020 {
  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-31020:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31020 { flex-direction: column; } }
.component-31021 {
  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-31021:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31021 { flex-direction: column; } }
.component-31022 {
  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-31022:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31022 { flex-direction: column; } }
.component-31023 {
  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-31023:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31023 { flex-direction: column; } }
.component-31024 {
  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-31024:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31024 { flex-direction: column; } }
.component-31025 {
  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-31025:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31025 { flex-direction: column; } }
.component-31026 {
  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-31026:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31026 { flex-direction: column; } }
.component-31027 {
  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-31027:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31027 { flex-direction: column; } }
.component-31028 {
  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-31028:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31028 { flex-direction: column; } }
.component-31029 {
  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-31029:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31029 { flex-direction: column; } }
.component-31030 {
  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-31030:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31030 { flex-direction: column; } }
.component-31031 {
  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-31031:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31031 { flex-direction: column; } }
.component-31032 {
  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-31032:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31032 { flex-direction: column; } }
.component-31033 {
  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-31033:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31033 { flex-direction: column; } }
.component-31034 {
  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-31034:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31034 { flex-direction: column; } }
.component-31035 {
  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-31035:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31035 { flex-direction: column; } }
.component-31036 {
  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-31036:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31036 { flex-direction: column; } }
.component-31037 {
  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-31037:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31037 { flex-direction: column; } }
.component-31038 {
  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-31038:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31038 { flex-direction: column; } }
.component-31039 {
  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-31039:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31039 { flex-direction: column; } }
.component-31040 {
  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-31040:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31040 { flex-direction: column; } }
.component-31041 {
  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-31041:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31041 { flex-direction: column; } }
.component-31042 {
  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-31042:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31042 { flex-direction: column; } }
.component-31043 {
  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-31043:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31043 { flex-direction: column; } }
.component-31044 {
  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-31044:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31044 { flex-direction: column; } }
.component-31045 {
  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-31045:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31045 { flex-direction: column; } }
.component-31046 {
  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-31046:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31046 { flex-direction: column; } }
.component-31047 {
  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-31047:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31047 { flex-direction: column; } }
.component-31048 {
  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-31048:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31048 { flex-direction: column; } }
.component-31049 {
  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-31049:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31049 { flex-direction: column; } }
.component-31050 {
  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-31050:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31050 { flex-direction: column; } }
.component-31051 {
  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-31051:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31051 { flex-direction: column; } }
.component-31052 {
  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-31052:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31052 { flex-direction: column; } }
.component-31053 {
  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-31053:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31053 { flex-direction: column; } }
.component-31054 {
  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-31054:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31054 { flex-direction: column; } }
.component-31055 {
  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-31055:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31055 { flex-direction: column; } }
.component-31056 {
  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-31056:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31056 { flex-direction: column; } }
.component-31057 {
  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-31057:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31057 { flex-direction: column; } }
.component-31058 {
  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-31058:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31058 { flex-direction: column; } }
.component-31059 {
  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-31059:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31059 { flex-direction: column; } }
.component-31060 {
  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-31060:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31060 { flex-direction: column; } }
.component-31061 {
  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-31061:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31061 { flex-direction: column; } }
.component-31062 {
  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-31062:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31062 { flex-direction: column; } }
.component-31063 {
  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-31063:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31063 { flex-direction: column; } }
.component-31064 {
  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-31064:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31064 { flex-direction: column; } }
.component-31065 {
  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-31065:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31065 { flex-direction: column; } }
.component-31066 {
  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-31066:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31066 { flex-direction: column; } }
.component-31067 {
  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-31067:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31067 { flex-direction: column; } }
.component-31068 {
  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-31068:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31068 { flex-direction: column; } }
.component-31069 {
  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-31069:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31069 { flex-direction: column; } }
.component-31070 {
  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-31070:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31070 { flex-direction: column; } }
.component-31071 {
  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-31071:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31071 { flex-direction: column; } }
.component-31072 {
  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-31072:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31072 { flex-direction: column; } }
.component-31073 {
  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-31073:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31073 { flex-direction: column; } }
.component-31074 {
  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-31074:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31074 { flex-direction: column; } }
.component-31075 {
  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-31075:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31075 { flex-direction: column; } }
.component-31076 {
  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-31076:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31076 { flex-direction: column; } }
.component-31077 {
  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-31077:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31077 { flex-direction: column; } }
.component-31078 {
  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-31078:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31078 { flex-direction: column; } }
.component-31079 {
  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-31079:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31079 { flex-direction: column; } }
.component-31080 {
  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-31080:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31080 { flex-direction: column; } }
.component-31081 {
  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-31081:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31081 { flex-direction: column; } }
.component-31082 {
  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-31082:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31082 { flex-direction: column; } }
.component-31083 {
  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-31083:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31083 { flex-direction: column; } }
.component-31084 {
  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-31084:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31084 { flex-direction: column; } }
.component-31085 {
  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-31085:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31085 { flex-direction: column; } }
.component-31086 {
  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-31086:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31086 { flex-direction: column; } }
.component-31087 {
  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-31087:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31087 { flex-direction: column; } }
.component-31088 {
  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-31088:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31088 { flex-direction: column; } }
.component-31089 {
  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-31089:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31089 { flex-direction: column; } }
.component-31090 {
  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-31090:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31090 { flex-direction: column; } }
.component-31091 {
  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-31091:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31091 { flex-direction: column; } }
.component-31092 {
  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-31092:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31092 { flex-direction: column; } }
.component-31093 {
  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-31093:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31093 { flex-direction: column; } }
.component-31094 {
  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-31094:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31094 { flex-direction: column; } }
.component-31095 {
  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-31095:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31095 { flex-direction: column; } }
.component-31096 {
  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-31096:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31096 { flex-direction: column; } }
.component-31097 {
  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-31097:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31097 { flex-direction: column; } }
.component-31098 {
  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-31098:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31098 { flex-direction: column; } }
.component-31099 {
  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-31099:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31099 { flex-direction: column; } }
.component-31100 {
  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-31100:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31100 { flex-direction: column; } }
.component-31101 {
  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-31101:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31101 { flex-direction: column; } }
.component-31102 {
  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-31102:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31102 { flex-direction: column; } }
.component-31103 {
  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-31103:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31103 { flex-direction: column; } }
.component-31104 {
  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-31104:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31104 { flex-direction: column; } }
.component-31105 {
  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-31105:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31105 { flex-direction: column; } }
.component-31106 {
  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-31106:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31106 { flex-direction: column; } }
.component-31107 {
  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-31107:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31107 { flex-direction: column; } }
.component-31108 {
  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-31108:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31108 { flex-direction: column; } }
.component-31109 {
  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-31109:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31109 { flex-direction: column; } }
.component-31110 {
  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-31110:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31110 { flex-direction: column; } }
.component-31111 {
  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-31111:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31111 { flex-direction: column; } }
.component-31112 {
  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-31112:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31112 { flex-direction: column; } }
.component-31113 {
  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-31113:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31113 { flex-direction: column; } }
.component-31114 {
  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-31114:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31114 { flex-direction: column; } }
.component-31115 {
  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-31115:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31115 { flex-direction: column; } }
.component-31116 {
  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-31116:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31116 { flex-direction: column; } }
.component-31117 {
  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-31117:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31117 { flex-direction: column; } }
.component-31118 {
  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-31118:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31118 { flex-direction: column; } }
.component-31119 {
  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-31119:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31119 { flex-direction: column; } }
.component-31120 {
  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-31120:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31120 { flex-direction: column; } }
.component-31121 {
  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-31121:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31121 { flex-direction: column; } }
.component-31122 {
  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-31122:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31122 { flex-direction: column; } }
.component-31123 {
  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-31123:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31123 { flex-direction: column; } }
.component-31124 {
  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-31124:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31124 { flex-direction: column; } }
.component-31125 {
  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-31125:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31125 { flex-direction: column; } }
.component-31126 {
  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-31126:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31126 { flex-direction: column; } }
.component-31127 {
  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-31127:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31127 { flex-direction: column; } }
.component-31128 {
  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-31128:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31128 { flex-direction: column; } }
.component-31129 {
  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-31129:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31129 { flex-direction: column; } }
.component-31130 {
  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-31130:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31130 { flex-direction: column; } }
.component-31131 {
  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-31131:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31131 { flex-direction: column; } }
.component-31132 {
  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-31132:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31132 { flex-direction: column; } }
.component-31133 {
  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-31133:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31133 { flex-direction: column; } }
.component-31134 {
  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-31134:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31134 { flex-direction: column; } }
.component-31135 {
  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-31135:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31135 { flex-direction: column; } }
.component-31136 {
  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-31136:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31136 { flex-direction: column; } }
.component-31137 {
  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-31137:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31137 { flex-direction: column; } }
.component-31138 {
  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-31138:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31138 { flex-direction: column; } }
.component-31139 {
  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-31139:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31139 { flex-direction: column; } }
.component-31140 {
  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-31140:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31140 { flex-direction: column; } }
.component-31141 {
  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-31141:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31141 { flex-direction: column; } }
.component-31142 {
  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-31142:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31142 { flex-direction: column; } }
.component-31143 {
  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-31143:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31143 { flex-direction: column; } }
.component-31144 {
  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-31144:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31144 { flex-direction: column; } }
.component-31145 {
  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-31145:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31145 { flex-direction: column; } }
.component-31146 {
  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-31146:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31146 { flex-direction: column; } }
.component-31147 {
  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-31147:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31147 { flex-direction: column; } }
.component-31148 {
  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-31148:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31148 { flex-direction: column; } }
.component-31149 {
  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-31149:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31149 { flex-direction: column; } }
.component-31150 {
  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-31150:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31150 { flex-direction: column; } }
.component-31151 {
  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-31151:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31151 { flex-direction: column; } }
.component-31152 {
  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-31152:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31152 { flex-direction: column; } }
.component-31153 {
  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-31153:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31153 { flex-direction: column; } }
.component-31154 {
  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-31154:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31154 { flex-direction: column; } }
.component-31155 {
  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-31155:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31155 { flex-direction: column; } }
.component-31156 {
  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-31156:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31156 { flex-direction: column; } }
.component-31157 {
  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-31157:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31157 { flex-direction: column; } }
.component-31158 {
  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-31158:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31158 { flex-direction: column; } }
.component-31159 {
  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-31159:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31159 { flex-direction: column; } }
.component-31160 {
  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-31160:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31160 { flex-direction: column; } }
.component-31161 {
  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-31161:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31161 { flex-direction: column; } }
.component-31162 {
  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-31162:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31162 { flex-direction: column; } }
.component-31163 {
  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-31163:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31163 { flex-direction: column; } }
.component-31164 {
  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-31164:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31164 { flex-direction: column; } }
.component-31165 {
  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-31165:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31165 { flex-direction: column; } }
.component-31166 {
  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-31166:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31166 { flex-direction: column; } }
.component-31167 {
  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-31167:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31167 { flex-direction: column; } }
.component-31168 {
  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-31168:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31168 { flex-direction: column; } }
.component-31169 {
  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-31169:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31169 { flex-direction: column; } }
.component-31170 {
  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-31170:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31170 { flex-direction: column; } }
.component-31171 {
  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-31171:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31171 { flex-direction: column; } }
.component-31172 {
  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-31172:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31172 { flex-direction: column; } }
.component-31173 {
  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-31173:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31173 { flex-direction: column; } }
.component-31174 {
  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-31174:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31174 { flex-direction: column; } }
.component-31175 {
  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-31175:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31175 { flex-direction: column; } }
.component-31176 {
  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-31176:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31176 { flex-direction: column; } }
.component-31177 {
  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-31177:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31177 { flex-direction: column; } }
.component-31178 {
  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-31178:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31178 { flex-direction: column; } }
.component-31179 {
  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-31179:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31179 { flex-direction: column; } }
.component-31180 {
  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-31180:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31180 { flex-direction: column; } }
.component-31181 {
  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-31181:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31181 { flex-direction: column; } }
.component-31182 {
  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-31182:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31182 { flex-direction: column; } }
.component-31183 {
  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-31183:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31183 { flex-direction: column; } }
.component-31184 {
  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-31184:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31184 { flex-direction: column; } }
.component-31185 {
  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-31185:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31185 { flex-direction: column; } }
.component-31186 {
  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-31186:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31186 { flex-direction: column; } }
.component-31187 {
  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-31187:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31187 { flex-direction: column; } }
.component-31188 {
  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-31188:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31188 { flex-direction: column; } }
.component-31189 {
  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-31189:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31189 { flex-direction: column; } }
.component-31190 {
  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-31190:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31190 { flex-direction: column; } }
.component-31191 {
  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-31191:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31191 { flex-direction: column; } }
.component-31192 {
  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-31192:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31192 { flex-direction: column; } }
.component-31193 {
  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-31193:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31193 { flex-direction: column; } }
.component-31194 {
  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-31194:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31194 { flex-direction: column; } }
.component-31195 {
  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-31195:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31195 { flex-direction: column; } }
.component-31196 {
  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-31196:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31196 { flex-direction: column; } }
.component-31197 {
  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-31197:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31197 { flex-direction: column; } }
.component-31198 {
  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-31198:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31198 { flex-direction: column; } }
.component-31199 {
  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-31199:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31199 { flex-direction: column; } }
.component-31200 {
  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-31200:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31200 { flex-direction: column; } }
.component-31201 {
  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-31201:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31201 { flex-direction: column; } }
.component-31202 {
  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-31202:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31202 { flex-direction: column; } }
.component-31203 {
  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-31203:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31203 { flex-direction: column; } }
.component-31204 {
  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-31204:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31204 { flex-direction: column; } }
.component-31205 {
  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-31205:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31205 { flex-direction: column; } }
.component-31206 {
  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-31206:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31206 { flex-direction: column; } }
.component-31207 {
  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-31207:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31207 { flex-direction: column; } }
.component-31208 {
  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-31208:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31208 { flex-direction: column; } }
.component-31209 {
  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-31209:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31209 { flex-direction: column; } }
.component-31210 {
  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-31210:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31210 { flex-direction: column; } }
.component-31211 {
  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-31211:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31211 { flex-direction: column; } }
.component-31212 {
  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-31212:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31212 { flex-direction: column; } }
.component-31213 {
  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-31213:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31213 { flex-direction: column; } }
.component-31214 {
  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-31214:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31214 { flex-direction: column; } }
.component-31215 {
  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-31215:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31215 { flex-direction: column; } }
.component-31216 {
  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-31216:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31216 { flex-direction: column; } }
.component-31217 {
  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-31217:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31217 { flex-direction: column; } }
.component-31218 {
  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-31218:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31218 { flex-direction: column; } }
.component-31219 {
  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-31219:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31219 { flex-direction: column; } }
.component-31220 {
  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-31220:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31220 { flex-direction: column; } }
.component-31221 {
  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-31221:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31221 { flex-direction: column; } }
.component-31222 {
  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-31222:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31222 { flex-direction: column; } }
.component-31223 {
  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-31223:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31223 { flex-direction: column; } }
.component-31224 {
  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-31224:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31224 { flex-direction: column; } }
.component-31225 {
  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-31225:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31225 { flex-direction: column; } }
.component-31226 {
  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-31226:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31226 { flex-direction: column; } }
.component-31227 {
  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-31227:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31227 { flex-direction: column; } }
.component-31228 {
  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-31228:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31228 { flex-direction: column; } }
.component-31229 {
  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-31229:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31229 { flex-direction: column; } }
.component-31230 {
  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-31230:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31230 { flex-direction: column; } }
.component-31231 {
  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-31231:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31231 { flex-direction: column; } }
.component-31232 {
  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-31232:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31232 { flex-direction: column; } }
.component-31233 {
  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-31233:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31233 { flex-direction: column; } }
.component-31234 {
  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-31234:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31234 { flex-direction: column; } }
.component-31235 {
  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-31235:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31235 { flex-direction: column; } }
.component-31236 {
  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-31236:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31236 { flex-direction: column; } }
.component-31237 {
  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-31237:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31237 { flex-direction: column; } }
.component-31238 {
  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-31238:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31238 { flex-direction: column; } }
.component-31239 {
  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-31239:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31239 { flex-direction: column; } }
.component-31240 {
  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-31240:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31240 { flex-direction: column; } }
.component-31241 {
  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-31241:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31241 { flex-direction: column; } }
.component-31242 {
  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-31242:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31242 { flex-direction: column; } }
.component-31243 {
  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-31243:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31243 { flex-direction: column; } }
.component-31244 {
  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-31244:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31244 { flex-direction: column; } }
.component-31245 {
  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-31245:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31245 { flex-direction: column; } }
.component-31246 {
  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-31246:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31246 { flex-direction: column; } }
.component-31247 {
  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-31247:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31247 { flex-direction: column; } }
.component-31248 {
  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-31248:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31248 { flex-direction: column; } }
.component-31249 {
  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-31249:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31249 { flex-direction: column; } }
.component-31250 {
  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-31250:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31250 { flex-direction: column; } }
.component-31251 {
  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-31251:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31251 { flex-direction: column; } }
.component-31252 {
  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-31252:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31252 { flex-direction: column; } }
.component-31253 {
  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-31253:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31253 { flex-direction: column; } }
.component-31254 {
  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-31254:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31254 { flex-direction: column; } }
.component-31255 {
  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-31255:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31255 { flex-direction: column; } }
.component-31256 {
  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-31256:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31256 { flex-direction: column; } }
.component-31257 {
  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-31257:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31257 { flex-direction: column; } }
.component-31258 {
  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-31258:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31258 { flex-direction: column; } }
.component-31259 {
  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-31259:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31259 { flex-direction: column; } }
.component-31260 {
  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-31260:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31260 { flex-direction: column; } }
.component-31261 {
  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-31261:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31261 { flex-direction: column; } }
.component-31262 {
  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-31262:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31262 { flex-direction: column; } }
.component-31263 {
  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-31263:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31263 { flex-direction: column; } }
.component-31264 {
  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-31264:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31264 { flex-direction: column; } }
.component-31265 {
  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-31265:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31265 { flex-direction: column; } }
.component-31266 {
  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-31266:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31266 { flex-direction: column; } }
.component-31267 {
  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-31267:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31267 { flex-direction: column; } }
.component-31268 {
  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-31268:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31268 { flex-direction: column; } }
.component-31269 {
  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-31269:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31269 { flex-direction: column; } }
.component-31270 {
  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-31270:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31270 { flex-direction: column; } }
.component-31271 {
  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-31271:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31271 { flex-direction: column; } }
.component-31272 {
  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-31272:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31272 { flex-direction: column; } }
.component-31273 {
  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-31273:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31273 { flex-direction: column; } }
.component-31274 {
  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-31274:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31274 { flex-direction: column; } }
.component-31275 {
  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-31275:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31275 { flex-direction: column; } }
.component-31276 {
  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-31276:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31276 { flex-direction: column; } }
.component-31277 {
  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-31277:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31277 { flex-direction: column; } }
.component-31278 {
  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-31278:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31278 { flex-direction: column; } }
.component-31279 {
  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-31279:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31279 { flex-direction: column; } }
.component-31280 {
  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-31280:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31280 { flex-direction: column; } }
.component-31281 {
  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-31281:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31281 { flex-direction: column; } }
.component-31282 {
  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-31282:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31282 { flex-direction: column; } }
.component-31283 {
  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-31283:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31283 { flex-direction: column; } }
.component-31284 {
  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-31284:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31284 { flex-direction: column; } }
.component-31285 {
  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-31285:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31285 { flex-direction: column; } }
.component-31286 {
  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-31286:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31286 { flex-direction: column; } }
.component-31287 {
  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-31287:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31287 { flex-direction: column; } }
.component-31288 {
  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-31288:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31288 { flex-direction: column; } }
.component-31289 {
  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-31289:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31289 { flex-direction: column; } }
.component-31290 {
  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-31290:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31290 { flex-direction: column; } }
.component-31291 {
  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-31291:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31291 { flex-direction: column; } }
.component-31292 {
  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-31292:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31292 { flex-direction: column; } }
.component-31293 {
  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-31293:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31293 { flex-direction: column; } }
.component-31294 {
  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-31294:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31294 { flex-direction: column; } }
.component-31295 {
  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-31295:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31295 { flex-direction: column; } }
.component-31296 {
  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-31296:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31296 { flex-direction: column; } }
.component-31297 {
  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-31297:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31297 { flex-direction: column; } }
.component-31298 {
  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-31298:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31298 { flex-direction: column; } }
.component-31299 {
  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-31299:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31299 { flex-direction: column; } }
.component-31300 {
  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-31300:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31300 { flex-direction: column; } }
.component-31301 {
  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-31301:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31301 { flex-direction: column; } }
.component-31302 {
  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-31302:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31302 { flex-direction: column; } }
.component-31303 {
  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-31303:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31303 { flex-direction: column; } }
.component-31304 {
  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-31304:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31304 { flex-direction: column; } }
.component-31305 {
  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-31305:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31305 { flex-direction: column; } }
.component-31306 {
  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-31306:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31306 { flex-direction: column; } }
.component-31307 {
  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-31307:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31307 { flex-direction: column; } }
.component-31308 {
  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-31308:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31308 { flex-direction: column; } }
.component-31309 {
  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-31309:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31309 { flex-direction: column; } }
.component-31310 {
  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-31310:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31310 { flex-direction: column; } }
.component-31311 {
  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-31311:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31311 { flex-direction: column; } }
.component-31312 {
  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-31312:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31312 { flex-direction: column; } }
.component-31313 {
  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-31313:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31313 { flex-direction: column; } }
.component-31314 {
  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-31314:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31314 { flex-direction: column; } }
.component-31315 {
  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-31315:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31315 { flex-direction: column; } }
.component-31316 {
  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-31316:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31316 { flex-direction: column; } }
.component-31317 {
  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-31317:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31317 { flex-direction: column; } }
.component-31318 {
  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-31318:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31318 { flex-direction: column; } }
.component-31319 {
  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-31319:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31319 { flex-direction: column; } }
.component-31320 {
  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-31320:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31320 { flex-direction: column; } }
.component-31321 {
  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-31321:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31321 { flex-direction: column; } }
.component-31322 {
  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-31322:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31322 { flex-direction: column; } }
.component-31323 {
  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-31323:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31323 { flex-direction: column; } }
.component-31324 {
  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-31324:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31324 { flex-direction: column; } }
.component-31325 {
  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-31325:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31325 { flex-direction: column; } }
.component-31326 {
  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-31326:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31326 { flex-direction: column; } }
.component-31327 {
  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-31327:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31327 { flex-direction: column; } }
.component-31328 {
  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-31328:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31328 { flex-direction: column; } }
.component-31329 {
  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-31329:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31329 { flex-direction: column; } }
.component-31330 {
  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-31330:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31330 { flex-direction: column; } }
.component-31331 {
  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-31331:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31331 { flex-direction: column; } }
.component-31332 {
  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-31332:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31332 { flex-direction: column; } }
.component-31333 {
  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-31333:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31333 { flex-direction: column; } }
.component-31334 {
  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-31334:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31334 { flex-direction: column; } }
.component-31335 {
  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-31335:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31335 { flex-direction: column; } }
.component-31336 {
  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-31336:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31336 { flex-direction: column; } }
.component-31337 {
  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-31337:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31337 { flex-direction: column; } }
.component-31338 {
  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-31338:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31338 { flex-direction: column; } }
.component-31339 {
  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-31339:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31339 { flex-direction: column; } }
.component-31340 {
  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-31340:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31340 { flex-direction: column; } }
.component-31341 {
  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-31341:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31341 { flex-direction: column; } }
.component-31342 {
  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-31342:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31342 { flex-direction: column; } }
.component-31343 {
  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-31343:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31343 { flex-direction: column; } }
.component-31344 {
  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-31344:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31344 { flex-direction: column; } }
.component-31345 {
  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-31345:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31345 { flex-direction: column; } }
.component-31346 {
  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-31346:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31346 { flex-direction: column; } }
.component-31347 {
  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-31347:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31347 { flex-direction: column; } }
.component-31348 {
  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-31348:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31348 { flex-direction: column; } }
.component-31349 {
  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-31349:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31349 { flex-direction: column; } }
.component-31350 {
  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-31350:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31350 { flex-direction: column; } }
.component-31351 {
  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-31351:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31351 { flex-direction: column; } }
.component-31352 {
  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-31352:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31352 { flex-direction: column; } }
.component-31353 {
  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-31353:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31353 { flex-direction: column; } }
.component-31354 {
  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-31354:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31354 { flex-direction: column; } }
.component-31355 {
  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-31355:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31355 { flex-direction: column; } }
.component-31356 {
  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-31356:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31356 { flex-direction: column; } }
.component-31357 {
  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-31357:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31357 { flex-direction: column; } }
.component-31358 {
  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-31358:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31358 { flex-direction: column; } }
.component-31359 {
  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-31359:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31359 { flex-direction: column; } }
.component-31360 {
  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-31360:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31360 { flex-direction: column; } }
.component-31361 {
  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-31361:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31361 { flex-direction: column; } }
.component-31362 {
  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-31362:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31362 { flex-direction: column; } }
.component-31363 {
  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-31363:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31363 { flex-direction: column; } }
.component-31364 {
  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-31364:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31364 { flex-direction: column; } }
.component-31365 {
  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-31365:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31365 { flex-direction: column; } }
.component-31366 {
  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-31366:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31366 { flex-direction: column; } }
.component-31367 {
  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-31367:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31367 { flex-direction: column; } }
.component-31368 {
  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-31368:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31368 { flex-direction: column; } }
.component-31369 {
  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-31369:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31369 { flex-direction: column; } }
.component-31370 {
  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-31370:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31370 { flex-direction: column; } }
.component-31371 {
  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-31371:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31371 { flex-direction: column; } }
.component-31372 {
  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-31372:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31372 { flex-direction: column; } }
.component-31373 {
  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-31373:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31373 { flex-direction: column; } }
.component-31374 {
  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-31374:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31374 { flex-direction: column; } }
.component-31375 {
  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-31375:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31375 { flex-direction: column; } }
.component-31376 {
  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-31376:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31376 { flex-direction: column; } }
.component-31377 {
  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-31377:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31377 { flex-direction: column; } }
.component-31378 {
  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-31378:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31378 { flex-direction: column; } }
.component-31379 {
  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-31379:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31379 { flex-direction: column; } }
.component-31380 {
  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-31380:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31380 { flex-direction: column; } }
.component-31381 {
  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-31381:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31381 { flex-direction: column; } }
.component-31382 {
  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-31382:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31382 { flex-direction: column; } }
.component-31383 {
  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-31383:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31383 { flex-direction: column; } }
.component-31384 {
  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-31384:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31384 { flex-direction: column; } }
.component-31385 {
  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-31385:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31385 { flex-direction: column; } }
.component-31386 {
  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-31386:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31386 { flex-direction: column; } }
.component-31387 {
  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-31387:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31387 { flex-direction: column; } }
.component-31388 {
  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-31388:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31388 { flex-direction: column; } }
.component-31389 {
  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-31389:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31389 { flex-direction: column; } }
.component-31390 {
  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-31390:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31390 { flex-direction: column; } }
.component-31391 {
  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-31391:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31391 { flex-direction: column; } }
.component-31392 {
  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-31392:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31392 { flex-direction: column; } }
.component-31393 {
  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-31393:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31393 { flex-direction: column; } }
.component-31394 {
  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-31394:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31394 { flex-direction: column; } }
.component-31395 {
  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-31395:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31395 { flex-direction: column; } }
.component-31396 {
  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-31396:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31396 { flex-direction: column; } }
.component-31397 {
  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-31397:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31397 { flex-direction: column; } }
.component-31398 {
  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-31398:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31398 { flex-direction: column; } }
.component-31399 {
  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-31399:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31399 { flex-direction: column; } }
.component-31400 {
  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-31400:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31400 { flex-direction: column; } }
.component-31401 {
  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-31401:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31401 { flex-direction: column; } }
.component-31402 {
  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-31402:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31402 { flex-direction: column; } }
.component-31403 {
  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-31403:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31403 { flex-direction: column; } }
.component-31404 {
  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-31404:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31404 { flex-direction: column; } }
.component-31405 {
  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-31405:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31405 { flex-direction: column; } }
.component-31406 {
  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-31406:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31406 { flex-direction: column; } }
.component-31407 {
  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-31407:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31407 { flex-direction: column; } }
.component-31408 {
  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-31408:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31408 { flex-direction: column; } }
.component-31409 {
  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-31409:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31409 { flex-direction: column; } }
.component-31410 {
  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-31410:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31410 { flex-direction: column; } }
.component-31411 {
  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-31411:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31411 { flex-direction: column; } }
.component-31412 {
  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-31412:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31412 { flex-direction: column; } }
.component-31413 {
  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-31413:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31413 { flex-direction: column; } }
.component-31414 {
  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-31414:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31414 { flex-direction: column; } }
.component-31415 {
  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-31415:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31415 { flex-direction: column; } }
.component-31416 {
  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-31416:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31416 { flex-direction: column; } }
.component-31417 {
  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-31417:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31417 { flex-direction: column; } }
.component-31418 {
  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-31418:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31418 { flex-direction: column; } }
.component-31419 {
  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-31419:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31419 { flex-direction: column; } }
.component-31420 {
  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-31420:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31420 { flex-direction: column; } }
.component-31421 {
  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-31421:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31421 { flex-direction: column; } }
.component-31422 {
  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-31422:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31422 { flex-direction: column; } }
.component-31423 {
  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-31423:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31423 { flex-direction: column; } }
.component-31424 {
  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-31424:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31424 { flex-direction: column; } }
.component-31425 {
  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-31425:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31425 { flex-direction: column; } }
.component-31426 {
  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-31426:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31426 { flex-direction: column; } }
.component-31427 {
  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-31427:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31427 { flex-direction: column; } }
.component-31428 {
  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-31428:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31428 { flex-direction: column; } }
.component-31429 {
  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-31429:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31429 { flex-direction: column; } }
.component-31430 {
  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-31430:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31430 { flex-direction: column; } }
.component-31431 {
  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-31431:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31431 { flex-direction: column; } }
.component-31432 {
  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-31432:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31432 { flex-direction: column; } }
.component-31433 {
  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-31433:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31433 { flex-direction: column; } }
.component-31434 {
  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-31434:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31434 { flex-direction: column; } }
.component-31435 {
  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-31435:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31435 { flex-direction: column; } }
.component-31436 {
  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-31436:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31436 { flex-direction: column; } }
.component-31437 {
  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-31437:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31437 { flex-direction: column; } }
.component-31438 {
  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-31438:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31438 { flex-direction: column; } }
.component-31439 {
  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-31439:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31439 { flex-direction: column; } }
.component-31440 {
  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-31440:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31440 { flex-direction: column; } }
.component-31441 {
  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-31441:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31441 { flex-direction: column; } }
.component-31442 {
  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-31442:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31442 { flex-direction: column; } }
.component-31443 {
  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-31443:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31443 { flex-direction: column; } }
.component-31444 {
  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-31444:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31444 { flex-direction: column; } }
.component-31445 {
  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-31445:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31445 { flex-direction: column; } }
.component-31446 {
  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-31446:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31446 { flex-direction: column; } }
.component-31447 {
  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-31447:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31447 { flex-direction: column; } }
.component-31448 {
  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-31448:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31448 { flex-direction: column; } }
.component-31449 {
  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-31449:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31449 { flex-direction: column; } }
.component-31450 {
  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-31450:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31450 { flex-direction: column; } }
.component-31451 {
  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-31451:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31451 { flex-direction: column; } }
.component-31452 {
  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-31452:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31452 { flex-direction: column; } }
.component-31453 {
  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-31453:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31453 { flex-direction: column; } }
.component-31454 {
  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-31454:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31454 { flex-direction: column; } }
.component-31455 {
  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-31455:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31455 { flex-direction: column; } }
.component-31456 {
  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-31456:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31456 { flex-direction: column; } }
.component-31457 {
  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-31457:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31457 { flex-direction: column; } }
.component-31458 {
  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-31458:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31458 { flex-direction: column; } }
.component-31459 {
  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-31459:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31459 { flex-direction: column; } }
.component-31460 {
  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-31460:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31460 { flex-direction: column; } }
.component-31461 {
  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-31461:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31461 { flex-direction: column; } }
.component-31462 {
  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-31462:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31462 { flex-direction: column; } }
.component-31463 {
  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-31463:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31463 { flex-direction: column; } }
.component-31464 {
  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-31464:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31464 { flex-direction: column; } }
.component-31465 {
  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-31465:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31465 { flex-direction: column; } }
.component-31466 {
  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-31466:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31466 { flex-direction: column; } }
.component-31467 {
  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-31467:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31467 { flex-direction: column; } }
.component-31468 {
  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-31468:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31468 { flex-direction: column; } }
.component-31469 {
  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-31469:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31469 { flex-direction: column; } }
.component-31470 {
  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-31470:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31470 { flex-direction: column; } }
.component-31471 {
  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-31471:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31471 { flex-direction: column; } }
.component-31472 {
  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-31472:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31472 { flex-direction: column; } }
.component-31473 {
  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-31473:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31473 { flex-direction: column; } }
.component-31474 {
  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-31474:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31474 { flex-direction: column; } }
.component-31475 {
  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-31475:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31475 { flex-direction: column; } }
.component-31476 {
  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-31476:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31476 { flex-direction: column; } }
.component-31477 {
  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-31477:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31477 { flex-direction: column; } }
.component-31478 {
  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-31478:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31478 { flex-direction: column; } }
.component-31479 {
  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-31479:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31479 { flex-direction: column; } }
.component-31480 {
  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-31480:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31480 { flex-direction: column; } }
.component-31481 {
  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-31481:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31481 { flex-direction: column; } }
.component-31482 {
  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-31482:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31482 { flex-direction: column; } }
.component-31483 {
  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-31483:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31483 { flex-direction: column; } }
.component-31484 {
  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-31484:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31484 { flex-direction: column; } }
.component-31485 {
  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-31485:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31485 { flex-direction: column; } }
.component-31486 {
  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-31486:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31486 { flex-direction: column; } }
.component-31487 {
  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-31487:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31487 { flex-direction: column; } }
.component-31488 {
  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-31488:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31488 { flex-direction: column; } }
.component-31489 {
  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-31489:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31489 { flex-direction: column; } }
.component-31490 {
  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-31490:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31490 { flex-direction: column; } }
.component-31491 {
  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-31491:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31491 { flex-direction: column; } }
.component-31492 {
  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-31492:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31492 { flex-direction: column; } }
.component-31493 {
  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-31493:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31493 { flex-direction: column; } }
.component-31494 {
  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-31494:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31494 { flex-direction: column; } }
.component-31495 {
  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-31495:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31495 { flex-direction: column; } }
.component-31496 {
  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-31496:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31496 { flex-direction: column; } }
.component-31497 {
  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-31497:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31497 { flex-direction: column; } }
.component-31498 {
  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-31498:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31498 { flex-direction: column; } }
.component-31499 {
  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-31499:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31499 { flex-direction: column; } }
.component-31500 {
  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-31500:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31500 { flex-direction: column; } }
.component-31501 {
  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-31501:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31501 { flex-direction: column; } }
.component-31502 {
  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-31502:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31502 { flex-direction: column; } }
.component-31503 {
  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-31503:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31503 { flex-direction: column; } }
.component-31504 {
  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-31504:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31504 { flex-direction: column; } }
.component-31505 {
  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-31505:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31505 { flex-direction: column; } }
.component-31506 {
  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-31506:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31506 { flex-direction: column; } }
.component-31507 {
  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-31507:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31507 { flex-direction: column; } }
.component-31508 {
  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-31508:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31508 { flex-direction: column; } }
.component-31509 {
  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-31509:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31509 { flex-direction: column; } }
.component-31510 {
  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-31510:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31510 { flex-direction: column; } }
.component-31511 {
  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-31511:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31511 { flex-direction: column; } }
.component-31512 {
  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-31512:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31512 { flex-direction: column; } }
.component-31513 {
  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-31513:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31513 { flex-direction: column; } }
.component-31514 {
  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-31514:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31514 { flex-direction: column; } }
.component-31515 {
  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-31515:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31515 { flex-direction: column; } }
.component-31516 {
  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-31516:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31516 { flex-direction: column; } }
.component-31517 {
  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-31517:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31517 { flex-direction: column; } }
.component-31518 {
  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-31518:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31518 { flex-direction: column; } }
.component-31519 {
  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-31519:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31519 { flex-direction: column; } }
.component-31520 {
  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-31520:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31520 { flex-direction: column; } }
.component-31521 {
  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-31521:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31521 { flex-direction: column; } }
.component-31522 {
  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-31522:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31522 { flex-direction: column; } }
.component-31523 {
  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-31523:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31523 { flex-direction: column; } }
.component-31524 {
  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-31524:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31524 { flex-direction: column; } }
.component-31525 {
  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-31525:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31525 { flex-direction: column; } }
.component-31526 {
  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-31526:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31526 { flex-direction: column; } }
.component-31527 {
  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-31527:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31527 { flex-direction: column; } }
.component-31528 {
  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-31528:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31528 { flex-direction: column; } }
.component-31529 {
  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-31529:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31529 { flex-direction: column; } }
.component-31530 {
  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-31530:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31530 { flex-direction: column; } }
.component-31531 {
  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-31531:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31531 { flex-direction: column; } }
.component-31532 {
  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-31532:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31532 { flex-direction: column; } }
.component-31533 {
  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-31533:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31533 { flex-direction: column; } }
.component-31534 {
  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-31534:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31534 { flex-direction: column; } }
.component-31535 {
  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-31535:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31535 { flex-direction: column; } }
.component-31536 {
  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-31536:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31536 { flex-direction: column; } }
.component-31537 {
  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-31537:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31537 { flex-direction: column; } }
.component-31538 {
  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-31538:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31538 { flex-direction: column; } }
.component-31539 {
  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-31539:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31539 { flex-direction: column; } }
.component-31540 {
  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-31540:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31540 { flex-direction: column; } }
.component-31541 {
  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-31541:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31541 { flex-direction: column; } }
.component-31542 {
  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-31542:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31542 { flex-direction: column; } }
.component-31543 {
  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-31543:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31543 { flex-direction: column; } }
.component-31544 {
  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-31544:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31544 { flex-direction: column; } }
.component-31545 {
  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-31545:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31545 { flex-direction: column; } }
.component-31546 {
  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-31546:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31546 { flex-direction: column; } }
.component-31547 {
  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-31547:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31547 { flex-direction: column; } }
.component-31548 {
  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-31548:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31548 { flex-direction: column; } }
.component-31549 {
  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-31549:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31549 { flex-direction: column; } }
.component-31550 {
  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-31550:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31550 { flex-direction: column; } }
.component-31551 {
  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-31551:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31551 { flex-direction: column; } }
.component-31552 {
  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-31552:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31552 { flex-direction: column; } }
.component-31553 {
  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-31553:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31553 { flex-direction: column; } }
.component-31554 {
  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-31554:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31554 { flex-direction: column; } }
.component-31555 {
  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-31555:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31555 { flex-direction: column; } }
.component-31556 {
  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-31556:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31556 { flex-direction: column; } }
.component-31557 {
  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-31557:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31557 { flex-direction: column; } }
.component-31558 {
  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-31558:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31558 { flex-direction: column; } }
.component-31559 {
  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-31559:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31559 { flex-direction: column; } }
.component-31560 {
  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-31560:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31560 { flex-direction: column; } }
.component-31561 {
  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-31561:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31561 { flex-direction: column; } }
.component-31562 {
  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-31562:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31562 { flex-direction: column; } }
.component-31563 {
  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-31563:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31563 { flex-direction: column; } }
.component-31564 {
  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-31564:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31564 { flex-direction: column; } }
.component-31565 {
  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-31565:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31565 { flex-direction: column; } }
.component-31566 {
  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-31566:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31566 { flex-direction: column; } }
.component-31567 {
  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-31567:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31567 { flex-direction: column; } }
.component-31568 {
  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-31568:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31568 { flex-direction: column; } }
.component-31569 {
  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-31569:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31569 { flex-direction: column; } }
.component-31570 {
  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-31570:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31570 { flex-direction: column; } }
.component-31571 {
  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-31571:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31571 { flex-direction: column; } }
.component-31572 {
  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-31572:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31572 { flex-direction: column; } }
.component-31573 {
  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-31573:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31573 { flex-direction: column; } }
.component-31574 {
  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-31574:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31574 { flex-direction: column; } }
.component-31575 {
  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-31575:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31575 { flex-direction: column; } }
.component-31576 {
  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-31576:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31576 { flex-direction: column; } }
.component-31577 {
  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-31577:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31577 { flex-direction: column; } }
.component-31578 {
  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-31578:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31578 { flex-direction: column; } }
.component-31579 {
  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-31579:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31579 { flex-direction: column; } }
.component-31580 {
  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-31580:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31580 { flex-direction: column; } }
.component-31581 {
  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-31581:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31581 { flex-direction: column; } }
.component-31582 {
  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-31582:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31582 { flex-direction: column; } }
.component-31583 {
  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-31583:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31583 { flex-direction: column; } }
.component-31584 {
  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-31584:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31584 { flex-direction: column; } }
.component-31585 {
  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-31585:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31585 { flex-direction: column; } }
.component-31586 {
  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-31586:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31586 { flex-direction: column; } }
.component-31587 {
  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-31587:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31587 { flex-direction: column; } }
.component-31588 {
  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-31588:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31588 { flex-direction: column; } }
.component-31589 {
  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-31589:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31589 { flex-direction: column; } }
.component-31590 {
  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-31590:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31590 { flex-direction: column; } }
.component-31591 {
  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-31591:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31591 { flex-direction: column; } }
.component-31592 {
  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-31592:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31592 { flex-direction: column; } }
.component-31593 {
  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-31593:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31593 { flex-direction: column; } }
.component-31594 {
  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-31594:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31594 { flex-direction: column; } }
.component-31595 {
  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-31595:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31595 { flex-direction: column; } }
.component-31596 {
  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-31596:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31596 { flex-direction: column; } }
.component-31597 {
  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-31597:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31597 { flex-direction: column; } }
.component-31598 {
  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-31598:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31598 { flex-direction: column; } }
.component-31599 {
  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-31599:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31599 { flex-direction: column; } }
.component-31600 {
  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-31600:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31600 { flex-direction: column; } }
.component-31601 {
  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-31601:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31601 { flex-direction: column; } }
.component-31602 {
  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-31602:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31602 { flex-direction: column; } }
.component-31603 {
  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-31603:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31603 { flex-direction: column; } }
.component-31604 {
  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-31604:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31604 { flex-direction: column; } }
.component-31605 {
  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-31605:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31605 { flex-direction: column; } }
.component-31606 {
  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-31606:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31606 { flex-direction: column; } }
.component-31607 {
  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-31607:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31607 { flex-direction: column; } }
.component-31608 {
  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-31608:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31608 { flex-direction: column; } }
.component-31609 {
  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-31609:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31609 { flex-direction: column; } }
.component-31610 {
  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-31610:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31610 { flex-direction: column; } }
.component-31611 {
  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-31611:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31611 { flex-direction: column; } }
.component-31612 {
  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-31612:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31612 { flex-direction: column; } }
.component-31613 {
  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-31613:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31613 { flex-direction: column; } }
.component-31614 {
  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-31614:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31614 { flex-direction: column; } }
.component-31615 {
  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-31615:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31615 { flex-direction: column; } }
.component-31616 {
  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-31616:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31616 { flex-direction: column; } }
.component-31617 {
  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-31617:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31617 { flex-direction: column; } }
.component-31618 {
  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-31618:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31618 { flex-direction: column; } }
.component-31619 {
  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-31619:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31619 { flex-direction: column; } }
.component-31620 {
  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-31620:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31620 { flex-direction: column; } }
.component-31621 {
  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-31621:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31621 { flex-direction: column; } }
.component-31622 {
  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-31622:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31622 { flex-direction: column; } }
.component-31623 {
  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-31623:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31623 { flex-direction: column; } }
.component-31624 {
  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-31624:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31624 { flex-direction: column; } }
.component-31625 {
  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-31625:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31625 { flex-direction: column; } }
.component-31626 {
  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-31626:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31626 { flex-direction: column; } }
.component-31627 {
  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-31627:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31627 { flex-direction: column; } }
.component-31628 {
  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-31628:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31628 { flex-direction: column; } }
.component-31629 {
  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-31629:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31629 { flex-direction: column; } }
.component-31630 {
  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-31630:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31630 { flex-direction: column; } }
.component-31631 {
  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-31631:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31631 { flex-direction: column; } }
.component-31632 {
  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-31632:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31632 { flex-direction: column; } }
.component-31633 {
  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-31633:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31633 { flex-direction: column; } }
.component-31634 {
  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-31634:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31634 { flex-direction: column; } }
.component-31635 {
  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-31635:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31635 { flex-direction: column; } }
.component-31636 {
  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-31636:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31636 { flex-direction: column; } }
.component-31637 {
  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-31637:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31637 { flex-direction: column; } }
.component-31638 {
  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-31638:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31638 { flex-direction: column; } }
.component-31639 {
  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-31639:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31639 { flex-direction: column; } }
.component-31640 {
  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-31640:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31640 { flex-direction: column; } }
.component-31641 {
  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-31641:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31641 { flex-direction: column; } }
.component-31642 {
  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-31642:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31642 { flex-direction: column; } }
.component-31643 {
  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-31643:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31643 { flex-direction: column; } }
.component-31644 {
  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-31644:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31644 { flex-direction: column; } }
.component-31645 {
  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-31645:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31645 { flex-direction: column; } }
.component-31646 {
  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-31646:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31646 { flex-direction: column; } }
.component-31647 {
  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-31647:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31647 { flex-direction: column; } }
.component-31648 {
  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-31648:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31648 { flex-direction: column; } }
.component-31649 {
  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-31649:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31649 { flex-direction: column; } }
.component-31650 {
  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-31650:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31650 { flex-direction: column; } }
.component-31651 {
  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-31651:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31651 { flex-direction: column; } }
.component-31652 {
  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-31652:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31652 { flex-direction: column; } }
.component-31653 {
  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-31653:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31653 { flex-direction: column; } }
.component-31654 {
  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-31654:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31654 { flex-direction: column; } }
.component-31655 {
  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-31655:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31655 { flex-direction: column; } }
.component-31656 {
  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-31656:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31656 { flex-direction: column; } }
.component-31657 {
  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-31657:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31657 { flex-direction: column; } }
.component-31658 {
  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-31658:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31658 { flex-direction: column; } }
.component-31659 {
  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-31659:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31659 { flex-direction: column; } }
.component-31660 {
  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-31660:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31660 { flex-direction: column; } }
.component-31661 {
  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-31661:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31661 { flex-direction: column; } }
.component-31662 {
  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-31662:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31662 { flex-direction: column; } }
.component-31663 {
  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-31663:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31663 { flex-direction: column; } }
.component-31664 {
  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-31664:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31664 { flex-direction: column; } }
.component-31665 {
  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-31665:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31665 { flex-direction: column; } }
.component-31666 {
  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-31666:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31666 { flex-direction: column; } }
.component-31667 {
  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-31667:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31667 { flex-direction: column; } }
.component-31668 {
  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-31668:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31668 { flex-direction: column; } }
.component-31669 {
  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-31669:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31669 { flex-direction: column; } }
.component-31670 {
  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-31670:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31670 { flex-direction: column; } }
.component-31671 {
  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-31671:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31671 { flex-direction: column; } }
.component-31672 {
  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-31672:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31672 { flex-direction: column; } }
.component-31673 {
  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-31673:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31673 { flex-direction: column; } }
.component-31674 {
  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-31674:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31674 { flex-direction: column; } }
.component-31675 {
  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-31675:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31675 { flex-direction: column; } }
.component-31676 {
  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-31676:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31676 { flex-direction: column; } }
.component-31677 {
  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-31677:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31677 { flex-direction: column; } }
.component-31678 {
  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-31678:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31678 { flex-direction: column; } }
.component-31679 {
  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-31679:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31679 { flex-direction: column; } }
.component-31680 {
  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-31680:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31680 { flex-direction: column; } }
.component-31681 {
  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-31681:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31681 { flex-direction: column; } }
.component-31682 {
  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-31682:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31682 { flex-direction: column; } }
.component-31683 {
  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-31683:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31683 { flex-direction: column; } }
.component-31684 {
  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-31684:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31684 { flex-direction: column; } }
.component-31685 {
  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-31685:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31685 { flex-direction: column; } }
.component-31686 {
  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-31686:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31686 { flex-direction: column; } }
.component-31687 {
  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-31687:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31687 { flex-direction: column; } }
.component-31688 {
  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-31688:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31688 { flex-direction: column; } }
.component-31689 {
  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-31689:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31689 { flex-direction: column; } }
.component-31690 {
  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-31690:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31690 { flex-direction: column; } }
.component-31691 {
  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-31691:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31691 { flex-direction: column; } }
.component-31692 {
  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-31692:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31692 { flex-direction: column; } }
.component-31693 {
  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-31693:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31693 { flex-direction: column; } }
.component-31694 {
  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-31694:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31694 { flex-direction: column; } }
.component-31695 {
  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-31695:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31695 { flex-direction: column; } }
.component-31696 {
  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-31696:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31696 { flex-direction: column; } }
.component-31697 {
  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-31697:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31697 { flex-direction: column; } }
.component-31698 {
  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-31698:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31698 { flex-direction: column; } }
.component-31699 {
  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-31699:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31699 { flex-direction: column; } }
.component-31700 {
  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-31700:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31700 { flex-direction: column; } }
.component-31701 {
  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-31701:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31701 { flex-direction: column; } }
.component-31702 {
  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-31702:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31702 { flex-direction: column; } }
.component-31703 {
  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-31703:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31703 { flex-direction: column; } }
.component-31704 {
  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-31704:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31704 { flex-direction: column; } }
.component-31705 {
  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-31705:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31705 { flex-direction: column; } }
.component-31706 {
  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-31706:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31706 { flex-direction: column; } }
.component-31707 {
  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-31707:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31707 { flex-direction: column; } }
.component-31708 {
  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-31708:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31708 { flex-direction: column; } }
.component-31709 {
  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-31709:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31709 { flex-direction: column; } }
.component-31710 {
  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-31710:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31710 { flex-direction: column; } }
.component-31711 {
  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-31711:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31711 { flex-direction: column; } }
.component-31712 {
  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-31712:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31712 { flex-direction: column; } }
.component-31713 {
  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-31713:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31713 { flex-direction: column; } }
.component-31714 {
  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-31714:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31714 { flex-direction: column; } }
.component-31715 {
  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-31715:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31715 { flex-direction: column; } }
.component-31716 {
  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-31716:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31716 { flex-direction: column; } }
.component-31717 {
  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-31717:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31717 { flex-direction: column; } }
.component-31718 {
  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-31718:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31718 { flex-direction: column; } }
.component-31719 {
  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-31719:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31719 { flex-direction: column; } }
.component-31720 {
  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-31720:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31720 { flex-direction: column; } }
.component-31721 {
  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-31721:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31721 { flex-direction: column; } }
.component-31722 {
  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-31722:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31722 { flex-direction: column; } }
.component-31723 {
  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-31723:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31723 { flex-direction: column; } }
.component-31724 {
  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-31724:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31724 { flex-direction: column; } }
.component-31725 {
  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-31725:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31725 { flex-direction: column; } }
.component-31726 {
  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-31726:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31726 { flex-direction: column; } }
.component-31727 {
  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-31727:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31727 { flex-direction: column; } }
.component-31728 {
  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-31728:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31728 { flex-direction: column; } }
.component-31729 {
  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-31729:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31729 { flex-direction: column; } }
.component-31730 {
  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-31730:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31730 { flex-direction: column; } }
.component-31731 {
  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-31731:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31731 { flex-direction: column; } }
.component-31732 {
  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-31732:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31732 { flex-direction: column; } }
.component-31733 {
  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-31733:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31733 { flex-direction: column; } }
.component-31734 {
  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-31734:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31734 { flex-direction: column; } }
.component-31735 {
  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-31735:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31735 { flex-direction: column; } }
.component-31736 {
  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-31736:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31736 { flex-direction: column; } }
.component-31737 {
  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-31737:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31737 { flex-direction: column; } }
.component-31738 {
  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-31738:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31738 { flex-direction: column; } }
.component-31739 {
  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-31739:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31739 { flex-direction: column; } }
.component-31740 {
  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-31740:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31740 { flex-direction: column; } }
.component-31741 {
  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-31741:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31741 { flex-direction: column; } }
.component-31742 {
  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-31742:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31742 { flex-direction: column; } }
.component-31743 {
  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-31743:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31743 { flex-direction: column; } }
.component-31744 {
  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-31744:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31744 { flex-direction: column; } }
.component-31745 {
  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-31745:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31745 { flex-direction: column; } }
.component-31746 {
  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-31746:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31746 { flex-direction: column; } }
.component-31747 {
  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-31747:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31747 { flex-direction: column; } }
.component-31748 {
  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-31748:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31748 { flex-direction: column; } }
.component-31749 {
  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-31749:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31749 { flex-direction: column; } }
.component-31750 {
  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-31750:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31750 { flex-direction: column; } }
.component-31751 {
  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-31751:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31751 { flex-direction: column; } }
.component-31752 {
  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-31752:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31752 { flex-direction: column; } }
.component-31753 {
  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-31753:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31753 { flex-direction: column; } }
.component-31754 {
  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-31754:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31754 { flex-direction: column; } }
.component-31755 {
  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-31755:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31755 { flex-direction: column; } }
.component-31756 {
  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-31756:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31756 { flex-direction: column; } }
.component-31757 {
  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-31757:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31757 { flex-direction: column; } }
.component-31758 {
  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-31758:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31758 { flex-direction: column; } }
.component-31759 {
  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-31759:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31759 { flex-direction: column; } }
.component-31760 {
  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-31760:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31760 { flex-direction: column; } }
.component-31761 {
  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-31761:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31761 { flex-direction: column; } }
.component-31762 {
  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-31762:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31762 { flex-direction: column; } }
.component-31763 {
  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-31763:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31763 { flex-direction: column; } }
.component-31764 {
  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-31764:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31764 { flex-direction: column; } }
.component-31765 {
  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-31765:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31765 { flex-direction: column; } }
.component-31766 {
  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-31766:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31766 { flex-direction: column; } }
.component-31767 {
  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-31767:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31767 { flex-direction: column; } }
.component-31768 {
  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-31768:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31768 { flex-direction: column; } }
.component-31769 {
  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-31769:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31769 { flex-direction: column; } }
.component-31770 {
  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-31770:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31770 { flex-direction: column; } }
.component-31771 {
  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-31771:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31771 { flex-direction: column; } }
.component-31772 {
  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-31772:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31772 { flex-direction: column; } }
.component-31773 {
  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-31773:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31773 { flex-direction: column; } }
.component-31774 {
  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-31774:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31774 { flex-direction: column; } }
.component-31775 {
  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-31775:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31775 { flex-direction: column; } }
.component-31776 {
  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-31776:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31776 { flex-direction: column; } }
.component-31777 {
  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-31777:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31777 { flex-direction: column; } }
.component-31778 {
  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-31778:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31778 { flex-direction: column; } }
.component-31779 {
  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-31779:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31779 { flex-direction: column; } }
.component-31780 {
  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-31780:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31780 { flex-direction: column; } }
.component-31781 {
  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-31781:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31781 { flex-direction: column; } }
.component-31782 {
  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-31782:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31782 { flex-direction: column; } }
.component-31783 {
  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-31783:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31783 { flex-direction: column; } }
.component-31784 {
  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-31784:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31784 { flex-direction: column; } }
.component-31785 {
  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-31785:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31785 { flex-direction: column; } }
.component-31786 {
  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-31786:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31786 { flex-direction: column; } }
.component-31787 {
  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-31787:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31787 { flex-direction: column; } }
.component-31788 {
  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-31788:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31788 { flex-direction: column; } }
.component-31789 {
  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-31789:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31789 { flex-direction: column; } }
.component-31790 {
  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-31790:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31790 { flex-direction: column; } }
.component-31791 {
  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-31791:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31791 { flex-direction: column; } }
.component-31792 {
  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-31792:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31792 { flex-direction: column; } }
.component-31793 {
  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-31793:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31793 { flex-direction: column; } }
.component-31794 {
  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-31794:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31794 { flex-direction: column; } }
.component-31795 {
  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-31795:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31795 { flex-direction: column; } }
.component-31796 {
  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-31796:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31796 { flex-direction: column; } }
.component-31797 {
  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-31797:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31797 { flex-direction: column; } }
.component-31798 {
  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-31798:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31798 { flex-direction: column; } }
.component-31799 {
  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-31799:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31799 { flex-direction: column; } }
.component-31800 {
  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-31800:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31800 { flex-direction: column; } }
.component-31801 {
  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-31801:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31801 { flex-direction: column; } }
.component-31802 {
  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-31802:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31802 { flex-direction: column; } }
.component-31803 {
  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-31803:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31803 { flex-direction: column; } }
.component-31804 {
  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-31804:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31804 { flex-direction: column; } }
.component-31805 {
  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-31805:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31805 { flex-direction: column; } }
.component-31806 {
  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-31806:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31806 { flex-direction: column; } }
.component-31807 {
  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-31807:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31807 { flex-direction: column; } }
.component-31808 {
  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-31808:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31808 { flex-direction: column; } }
.component-31809 {
  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-31809:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31809 { flex-direction: column; } }
.component-31810 {
  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-31810:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31810 { flex-direction: column; } }
.component-31811 {
  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-31811:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31811 { flex-direction: column; } }
.component-31812 {
  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-31812:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31812 { flex-direction: column; } }
.component-31813 {
  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-31813:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31813 { flex-direction: column; } }
.component-31814 {
  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-31814:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31814 { flex-direction: column; } }
.component-31815 {
  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-31815:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31815 { flex-direction: column; } }
.component-31816 {
  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-31816:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31816 { flex-direction: column; } }
.component-31817 {
  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-31817:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31817 { flex-direction: column; } }
.component-31818 {
  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-31818:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31818 { flex-direction: column; } }
.component-31819 {
  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-31819:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31819 { flex-direction: column; } }
.component-31820 {
  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-31820:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31820 { flex-direction: column; } }
.component-31821 {
  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-31821:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31821 { flex-direction: column; } }
.component-31822 {
  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-31822:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31822 { flex-direction: column; } }
.component-31823 {
  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-31823:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31823 { flex-direction: column; } }
.component-31824 {
  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-31824:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31824 { flex-direction: column; } }
.component-31825 {
  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-31825:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31825 { flex-direction: column; } }
.component-31826 {
  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-31826:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31826 { flex-direction: column; } }
.component-31827 {
  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-31827:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31827 { flex-direction: column; } }
.component-31828 {
  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-31828:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31828 { flex-direction: column; } }
.component-31829 {
  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-31829:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31829 { flex-direction: column; } }
.component-31830 {
  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-31830:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31830 { flex-direction: column; } }
.component-31831 {
  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-31831:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31831 { flex-direction: column; } }
.component-31832 {
  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-31832:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31832 { flex-direction: column; } }
.component-31833 {
  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-31833:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31833 { flex-direction: column; } }
.component-31834 {
  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-31834:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31834 { flex-direction: column; } }
.component-31835 {
  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-31835:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31835 { flex-direction: column; } }
.component-31836 {
  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-31836:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31836 { flex-direction: column; } }
.component-31837 {
  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-31837:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31837 { flex-direction: column; } }
.component-31838 {
  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-31838:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31838 { flex-direction: column; } }
.component-31839 {
  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-31839:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31839 { flex-direction: column; } }
.component-31840 {
  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-31840:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31840 { flex-direction: column; } }
.component-31841 {
  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-31841:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31841 { flex-direction: column; } }
.component-31842 {
  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-31842:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31842 { flex-direction: column; } }
.component-31843 {
  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-31843:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31843 { flex-direction: column; } }
.component-31844 {
  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-31844:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31844 { flex-direction: column; } }
.component-31845 {
  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-31845:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31845 { flex-direction: column; } }
.component-31846 {
  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-31846:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31846 { flex-direction: column; } }
.component-31847 {
  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-31847:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31847 { flex-direction: column; } }
.component-31848 {
  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-31848:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31848 { flex-direction: column; } }
.component-31849 {
  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-31849:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31849 { flex-direction: column; } }
.component-31850 {
  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-31850:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31850 { flex-direction: column; } }
.component-31851 {
  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-31851:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31851 { flex-direction: column; } }
.component-31852 {
  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-31852:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31852 { flex-direction: column; } }
.component-31853 {
  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-31853:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31853 { flex-direction: column; } }
.component-31854 {
  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-31854:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31854 { flex-direction: column; } }
.component-31855 {
  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-31855:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31855 { flex-direction: column; } }
.component-31856 {
  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-31856:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31856 { flex-direction: column; } }
.component-31857 {
  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-31857:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31857 { flex-direction: column; } }
.component-31858 {
  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-31858:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31858 { flex-direction: column; } }
.component-31859 {
  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-31859:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31859 { flex-direction: column; } }
.component-31860 {
  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-31860:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31860 { flex-direction: column; } }
.component-31861 {
  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-31861:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31861 { flex-direction: column; } }
.component-31862 {
  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-31862:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31862 { flex-direction: column; } }
.component-31863 {
  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-31863:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31863 { flex-direction: column; } }
.component-31864 {
  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-31864:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31864 { flex-direction: column; } }
.component-31865 {
  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-31865:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31865 { flex-direction: column; } }
.component-31866 {
  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-31866:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31866 { flex-direction: column; } }
.component-31867 {
  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-31867:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31867 { flex-direction: column; } }
.component-31868 {
  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-31868:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31868 { flex-direction: column; } }
.component-31869 {
  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-31869:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31869 { flex-direction: column; } }
.component-31870 {
  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-31870:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31870 { flex-direction: column; } }
.component-31871 {
  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-31871:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31871 { flex-direction: column; } }
.component-31872 {
  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-31872:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31872 { flex-direction: column; } }
.component-31873 {
  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-31873:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31873 { flex-direction: column; } }
.component-31874 {
  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-31874:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31874 { flex-direction: column; } }
.component-31875 {
  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-31875:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31875 { flex-direction: column; } }
.component-31876 {
  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-31876:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31876 { flex-direction: column; } }
.component-31877 {
  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-31877:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31877 { flex-direction: column; } }
.component-31878 {
  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-31878:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31878 { flex-direction: column; } }
.component-31879 {
  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-31879:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31879 { flex-direction: column; } }
.component-31880 {
  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-31880:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31880 { flex-direction: column; } }
.component-31881 {
  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-31881:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31881 { flex-direction: column; } }
.component-31882 {
  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-31882:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31882 { flex-direction: column; } }
.component-31883 {
  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-31883:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31883 { flex-direction: column; } }
.component-31884 {
  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-31884:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31884 { flex-direction: column; } }
.component-31885 {
  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-31885:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31885 { flex-direction: column; } }
.component-31886 {
  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-31886:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31886 { flex-direction: column; } }
.component-31887 {
  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-31887:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31887 { flex-direction: column; } }
.component-31888 {
  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-31888:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31888 { flex-direction: column; } }
.component-31889 {
  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-31889:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31889 { flex-direction: column; } }
.component-31890 {
  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-31890:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31890 { flex-direction: column; } }
.component-31891 {
  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-31891:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31891 { flex-direction: column; } }
.component-31892 {
  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-31892:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31892 { flex-direction: column; } }
.component-31893 {
  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-31893:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31893 { flex-direction: column; } }
.component-31894 {
  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-31894:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31894 { flex-direction: column; } }
.component-31895 {
  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-31895:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31895 { flex-direction: column; } }
.component-31896 {
  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-31896:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31896 { flex-direction: column; } }
.component-31897 {
  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-31897:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31897 { flex-direction: column; } }
.component-31898 {
  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-31898:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31898 { flex-direction: column; } }
.component-31899 {
  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-31899:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31899 { flex-direction: column; } }
.component-31900 {
  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-31900:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31900 { flex-direction: column; } }
.component-31901 {
  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-31901:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31901 { flex-direction: column; } }
.component-31902 {
  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-31902:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31902 { flex-direction: column; } }
.component-31903 {
  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-31903:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31903 { flex-direction: column; } }
.component-31904 {
  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-31904:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31904 { flex-direction: column; } }
.component-31905 {
  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-31905:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31905 { flex-direction: column; } }
.component-31906 {
  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-31906:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31906 { flex-direction: column; } }
.component-31907 {
  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-31907:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31907 { flex-direction: column; } }
.component-31908 {
  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-31908:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31908 { flex-direction: column; } }
.component-31909 {
  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-31909:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31909 { flex-direction: column; } }
.component-31910 {
  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-31910:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31910 { flex-direction: column; } }
.component-31911 {
  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-31911:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31911 { flex-direction: column; } }
.component-31912 {
  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-31912:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31912 { flex-direction: column; } }
.component-31913 {
  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-31913:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31913 { flex-direction: column; } }
.component-31914 {
  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-31914:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31914 { flex-direction: column; } }
.component-31915 {
  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-31915:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31915 { flex-direction: column; } }
.component-31916 {
  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-31916:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31916 { flex-direction: column; } }
.component-31917 {
  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-31917:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31917 { flex-direction: column; } }
.component-31918 {
  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-31918:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31918 { flex-direction: column; } }
.component-31919 {
  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-31919:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31919 { flex-direction: column; } }
.component-31920 {
  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-31920:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31920 { flex-direction: column; } }
.component-31921 {
  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-31921:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31921 { flex-direction: column; } }
.component-31922 {
  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-31922:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31922 { flex-direction: column; } }
.component-31923 {
  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-31923:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31923 { flex-direction: column; } }
.component-31924 {
  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-31924:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31924 { flex-direction: column; } }
.component-31925 {
  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-31925:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31925 { flex-direction: column; } }
.component-31926 {
  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-31926:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31926 { flex-direction: column; } }
.component-31927 {
  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-31927:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31927 { flex-direction: column; } }
.component-31928 {
  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-31928:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31928 { flex-direction: column; } }
.component-31929 {
  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-31929:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31929 { flex-direction: column; } }
.component-31930 {
  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-31930:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31930 { flex-direction: column; } }
.component-31931 {
  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-31931:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31931 { flex-direction: column; } }
.component-31932 {
  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-31932:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31932 { flex-direction: column; } }
.component-31933 {
  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-31933:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31933 { flex-direction: column; } }
.component-31934 {
  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-31934:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31934 { flex-direction: column; } }
.component-31935 {
  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-31935:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31935 { flex-direction: column; } }
.component-31936 {
  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-31936:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31936 { flex-direction: column; } }
.component-31937 {
  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-31937:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31937 { flex-direction: column; } }
.component-31938 {
  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-31938:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31938 { flex-direction: column; } }
.component-31939 {
  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-31939:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31939 { flex-direction: column; } }
.component-31940 {
  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-31940:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31940 { flex-direction: column; } }
.component-31941 {
  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-31941:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31941 { flex-direction: column; } }
.component-31942 {
  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-31942:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31942 { flex-direction: column; } }
.component-31943 {
  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-31943:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31943 { flex-direction: column; } }
.component-31944 {
  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-31944:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31944 { flex-direction: column; } }
.component-31945 {
  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-31945:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31945 { flex-direction: column; } }
.component-31946 {
  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-31946:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31946 { flex-direction: column; } }
.component-31947 {
  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-31947:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31947 { flex-direction: column; } }
.component-31948 {
  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-31948:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31948 { flex-direction: column; } }
.component-31949 {
  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-31949:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31949 { flex-direction: column; } }
.component-31950 {
  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-31950:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31950 { flex-direction: column; } }
.component-31951 {
  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-31951:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31951 { flex-direction: column; } }
.component-31952 {
  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-31952:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31952 { flex-direction: column; } }
.component-31953 {
  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-31953:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31953 { flex-direction: column; } }
.component-31954 {
  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-31954:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31954 { flex-direction: column; } }
.component-31955 {
  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-31955:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31955 { flex-direction: column; } }
.component-31956 {
  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-31956:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31956 { flex-direction: column; } }
.component-31957 {
  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-31957:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31957 { flex-direction: column; } }
.component-31958 {
  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-31958:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31958 { flex-direction: column; } }
.component-31959 {
  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-31959:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31959 { flex-direction: column; } }
.component-31960 {
  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-31960:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31960 { flex-direction: column; } }
.component-31961 {
  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-31961:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31961 { flex-direction: column; } }
.component-31962 {
  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-31962:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31962 { flex-direction: column; } }
.component-31963 {
  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-31963:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31963 { flex-direction: column; } }
.component-31964 {
  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-31964:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31964 { flex-direction: column; } }
.component-31965 {
  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-31965:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31965 { flex-direction: column; } }
.component-31966 {
  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-31966:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31966 { flex-direction: column; } }
.component-31967 {
  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-31967:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31967 { flex-direction: column; } }
.component-31968 {
  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-31968:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31968 { flex-direction: column; } }
.component-31969 {
  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-31969:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31969 { flex-direction: column; } }
.component-31970 {
  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-31970:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31970 { flex-direction: column; } }
.component-31971 {
  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-31971:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31971 { flex-direction: column; } }
.component-31972 {
  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-31972:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31972 { flex-direction: column; } }
.component-31973 {
  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-31973:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31973 { flex-direction: column; } }
.component-31974 {
  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-31974:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31974 { flex-direction: column; } }
.component-31975 {
  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-31975:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31975 { flex-direction: column; } }
.component-31976 {
  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-31976:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31976 { flex-direction: column; } }
.component-31977 {
  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-31977:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31977 { flex-direction: column; } }
.component-31978 {
  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-31978:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31978 { flex-direction: column; } }
.component-31979 {
  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-31979:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31979 { flex-direction: column; } }
.component-31980 {
  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-31980:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31980 { flex-direction: column; } }
.component-31981 {
  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-31981:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31981 { flex-direction: column; } }
.component-31982 {
  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-31982:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31982 { flex-direction: column; } }
.component-31983 {
  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-31983:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31983 { flex-direction: column; } }
.component-31984 {
  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-31984:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31984 { flex-direction: column; } }
.component-31985 {
  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-31985:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-31985 { flex-direction: column; } }
.component-31986 {
  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-31986:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-31986 { flex-direction: column; } }
.component-31987 {
  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-31987:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-31987 { flex-direction: column; } }
.component-31988 {
  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-31988:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-31988 { flex-direction: column; } }
.component-31989 {
  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-31989:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-31989 { flex-direction: column; } }
.component-31990 {
  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-31990:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-31990 { flex-direction: column; } }
.component-31991 {
  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-31991:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-31991 { flex-direction: column; } }
.component-31992 {
  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-31992:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-31992 { flex-direction: column; } }
.component-31993 {
  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-31993:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-31993 { flex-direction: column; } }
.component-31994 {
  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-31994:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-31994 { flex-direction: column; } }
.component-31995 {
  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-31995:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-31995 { flex-direction: column; } }
.component-31996 {
  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-31996:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-31996 { flex-direction: column; } }
.component-31997 {
  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-31997:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-31997 { flex-direction: column; } }
.component-31998 {
  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-31998:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-31998 { flex-direction: column; } }
.component-31999 {
  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-31999:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-31999 { flex-direction: column; } }
.component-32000 {
  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-32000:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32000 { flex-direction: column; } }
.component-32001 {
  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-32001:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32001 { flex-direction: column; } }
.component-32002 {
  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-32002:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32002 { flex-direction: column; } }
.component-32003 {
  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-32003:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32003 { flex-direction: column; } }
.component-32004 {
  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-32004:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32004 { flex-direction: column; } }
.component-32005 {
  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-32005:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32005 { flex-direction: column; } }
.component-32006 {
  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-32006:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32006 { flex-direction: column; } }
.component-32007 {
  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-32007:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32007 { flex-direction: column; } }
.component-32008 {
  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-32008:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32008 { flex-direction: column; } }
.component-32009 {
  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-32009:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32009 { flex-direction: column; } }
.component-32010 {
  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-32010:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32010 { flex-direction: column; } }
.component-32011 {
  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-32011:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32011 { flex-direction: column; } }
.component-32012 {
  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-32012:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32012 { flex-direction: column; } }
.component-32013 {
  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-32013:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32013 { flex-direction: column; } }
.component-32014 {
  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-32014:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32014 { flex-direction: column; } }
.component-32015 {
  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-32015:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32015 { flex-direction: column; } }
.component-32016 {
  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-32016:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32016 { flex-direction: column; } }
.component-32017 {
  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-32017:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32017 { flex-direction: column; } }
.component-32018 {
  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-32018:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32018 { flex-direction: column; } }
.component-32019 {
  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-32019:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32019 { flex-direction: column; } }
.component-32020 {
  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-32020:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32020 { flex-direction: column; } }
.component-32021 {
  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-32021:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32021 { flex-direction: column; } }
.component-32022 {
  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-32022:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32022 { flex-direction: column; } }
.component-32023 {
  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-32023:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32023 { flex-direction: column; } }
.component-32024 {
  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-32024:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32024 { flex-direction: column; } }
.component-32025 {
  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-32025:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32025 { flex-direction: column; } }
.component-32026 {
  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-32026:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32026 { flex-direction: column; } }
.component-32027 {
  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-32027:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32027 { flex-direction: column; } }
.component-32028 {
  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-32028:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32028 { flex-direction: column; } }
.component-32029 {
  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-32029:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32029 { flex-direction: column; } }
.component-32030 {
  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-32030:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32030 { flex-direction: column; } }
.component-32031 {
  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-32031:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32031 { flex-direction: column; } }
.component-32032 {
  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-32032:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32032 { flex-direction: column; } }
.component-32033 {
  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-32033:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32033 { flex-direction: column; } }
.component-32034 {
  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-32034:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32034 { flex-direction: column; } }
.component-32035 {
  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-32035:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32035 { flex-direction: column; } }
.component-32036 {
  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-32036:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32036 { flex-direction: column; } }
.component-32037 {
  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-32037:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32037 { flex-direction: column; } }
.component-32038 {
  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-32038:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32038 { flex-direction: column; } }
.component-32039 {
  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-32039:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32039 { flex-direction: column; } }
.component-32040 {
  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-32040:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32040 { flex-direction: column; } }
.component-32041 {
  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-32041:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32041 { flex-direction: column; } }
.component-32042 {
  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-32042:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32042 { flex-direction: column; } }
.component-32043 {
  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-32043:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32043 { flex-direction: column; } }
.component-32044 {
  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-32044:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32044 { flex-direction: column; } }
.component-32045 {
  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-32045:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32045 { flex-direction: column; } }
.component-32046 {
  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-32046:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32046 { flex-direction: column; } }
.component-32047 {
  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-32047:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32047 { flex-direction: column; } }
.component-32048 {
  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-32048:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32048 { flex-direction: column; } }
.component-32049 {
  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-32049:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32049 { flex-direction: column; } }
.component-32050 {
  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-32050:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32050 { flex-direction: column; } }
.component-32051 {
  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-32051:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32051 { flex-direction: column; } }
.component-32052 {
  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-32052:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32052 { flex-direction: column; } }
.component-32053 {
  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-32053:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32053 { flex-direction: column; } }
.component-32054 {
  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-32054:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32054 { flex-direction: column; } }
.component-32055 {
  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-32055:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32055 { flex-direction: column; } }
.component-32056 {
  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-32056:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32056 { flex-direction: column; } }
.component-32057 {
  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-32057:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32057 { flex-direction: column; } }
.component-32058 {
  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-32058:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32058 { flex-direction: column; } }
.component-32059 {
  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-32059:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32059 { flex-direction: column; } }
.component-32060 {
  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-32060:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32060 { flex-direction: column; } }
.component-32061 {
  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-32061:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32061 { flex-direction: column; } }
.component-32062 {
  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-32062:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32062 { flex-direction: column; } }
.component-32063 {
  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-32063:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32063 { flex-direction: column; } }
.component-32064 {
  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-32064:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32064 { flex-direction: column; } }
.component-32065 {
  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-32065:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32065 { flex-direction: column; } }
.component-32066 {
  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-32066:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32066 { flex-direction: column; } }
.component-32067 {
  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-32067:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32067 { flex-direction: column; } }
.component-32068 {
  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-32068:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32068 { flex-direction: column; } }
.component-32069 {
  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-32069:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32069 { flex-direction: column; } }
.component-32070 {
  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-32070:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32070 { flex-direction: column; } }
.component-32071 {
  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-32071:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32071 { flex-direction: column; } }
.component-32072 {
  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-32072:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32072 { flex-direction: column; } }
.component-32073 {
  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-32073:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32073 { flex-direction: column; } }
.component-32074 {
  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-32074:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32074 { flex-direction: column; } }
.component-32075 {
  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-32075:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32075 { flex-direction: column; } }
.component-32076 {
  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-32076:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32076 { flex-direction: column; } }
.component-32077 {
  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-32077:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32077 { flex-direction: column; } }
.component-32078 {
  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-32078:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32078 { flex-direction: column; } }
.component-32079 {
  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-32079:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32079 { flex-direction: column; } }
.component-32080 {
  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-32080:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32080 { flex-direction: column; } }
.component-32081 {
  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-32081:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32081 { flex-direction: column; } }
.component-32082 {
  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-32082:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32082 { flex-direction: column; } }
.component-32083 {
  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-32083:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32083 { flex-direction: column; } }
.component-32084 {
  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-32084:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32084 { flex-direction: column; } }
.component-32085 {
  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-32085:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32085 { flex-direction: column; } }
.component-32086 {
  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-32086:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32086 { flex-direction: column; } }
.component-32087 {
  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-32087:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32087 { flex-direction: column; } }
.component-32088 {
  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-32088:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32088 { flex-direction: column; } }
.component-32089 {
  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-32089:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32089 { flex-direction: column; } }
.component-32090 {
  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-32090:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32090 { flex-direction: column; } }
.component-32091 {
  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-32091:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32091 { flex-direction: column; } }
.component-32092 {
  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-32092:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32092 { flex-direction: column; } }
.component-32093 {
  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-32093:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32093 { flex-direction: column; } }
.component-32094 {
  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-32094:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32094 { flex-direction: column; } }
.component-32095 {
  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-32095:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32095 { flex-direction: column; } }
.component-32096 {
  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-32096:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32096 { flex-direction: column; } }
.component-32097 {
  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-32097:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32097 { flex-direction: column; } }
.component-32098 {
  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-32098:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32098 { flex-direction: column; } }
.component-32099 {
  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-32099:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32099 { flex-direction: column; } }
.component-32100 {
  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-32100:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32100 { flex-direction: column; } }
.component-32101 {
  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-32101:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32101 { flex-direction: column; } }
.component-32102 {
  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-32102:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32102 { flex-direction: column; } }
.component-32103 {
  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-32103:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32103 { flex-direction: column; } }
.component-32104 {
  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-32104:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32104 { flex-direction: column; } }
.component-32105 {
  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-32105:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32105 { flex-direction: column; } }
.component-32106 {
  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-32106:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32106 { flex-direction: column; } }
.component-32107 {
  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-32107:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32107 { flex-direction: column; } }
.component-32108 {
  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-32108:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32108 { flex-direction: column; } }
.component-32109 {
  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-32109:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32109 { flex-direction: column; } }
.component-32110 {
  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-32110:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32110 { flex-direction: column; } }
.component-32111 {
  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-32111:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32111 { flex-direction: column; } }
.component-32112 {
  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-32112:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32112 { flex-direction: column; } }
.component-32113 {
  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-32113:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32113 { flex-direction: column; } }
.component-32114 {
  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-32114:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32114 { flex-direction: column; } }
.component-32115 {
  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-32115:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32115 { flex-direction: column; } }
.component-32116 {
  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-32116:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32116 { flex-direction: column; } }
.component-32117 {
  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-32117:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32117 { flex-direction: column; } }
.component-32118 {
  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-32118:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32118 { flex-direction: column; } }
.component-32119 {
  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-32119:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32119 { flex-direction: column; } }
.component-32120 {
  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-32120:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32120 { flex-direction: column; } }
.component-32121 {
  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-32121:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32121 { flex-direction: column; } }
.component-32122 {
  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-32122:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32122 { flex-direction: column; } }
.component-32123 {
  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-32123:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32123 { flex-direction: column; } }
.component-32124 {
  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-32124:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32124 { flex-direction: column; } }
.component-32125 {
  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-32125:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32125 { flex-direction: column; } }
.component-32126 {
  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-32126:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32126 { flex-direction: column; } }
.component-32127 {
  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-32127:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32127 { flex-direction: column; } }
.component-32128 {
  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-32128:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32128 { flex-direction: column; } }
.component-32129 {
  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-32129:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32129 { flex-direction: column; } }
.component-32130 {
  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-32130:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32130 { flex-direction: column; } }
.component-32131 {
  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-32131:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32131 { flex-direction: column; } }
.component-32132 {
  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-32132:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32132 { flex-direction: column; } }
.component-32133 {
  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-32133:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32133 { flex-direction: column; } }
.component-32134 {
  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-32134:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32134 { flex-direction: column; } }
.component-32135 {
  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-32135:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32135 { flex-direction: column; } }
.component-32136 {
  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-32136:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32136 { flex-direction: column; } }
.component-32137 {
  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-32137:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32137 { flex-direction: column; } }
.component-32138 {
  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-32138:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32138 { flex-direction: column; } }
.component-32139 {
  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-32139:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32139 { flex-direction: column; } }
.component-32140 {
  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-32140:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32140 { flex-direction: column; } }
.component-32141 {
  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-32141:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32141 { flex-direction: column; } }
.component-32142 {
  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-32142:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32142 { flex-direction: column; } }
.component-32143 {
  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-32143:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32143 { flex-direction: column; } }
.component-32144 {
  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-32144:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32144 { flex-direction: column; } }
.component-32145 {
  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-32145:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32145 { flex-direction: column; } }
.component-32146 {
  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-32146:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32146 { flex-direction: column; } }
.component-32147 {
  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-32147:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32147 { flex-direction: column; } }
.component-32148 {
  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-32148:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32148 { flex-direction: column; } }
.component-32149 {
  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-32149:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32149 { flex-direction: column; } }
.component-32150 {
  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-32150:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32150 { flex-direction: column; } }
.component-32151 {
  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-32151:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32151 { flex-direction: column; } }
.component-32152 {
  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-32152:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32152 { flex-direction: column; } }
.component-32153 {
  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-32153:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32153 { flex-direction: column; } }
.component-32154 {
  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-32154:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32154 { flex-direction: column; } }
.component-32155 {
  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-32155:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32155 { flex-direction: column; } }
.component-32156 {
  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-32156:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32156 { flex-direction: column; } }
.component-32157 {
  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-32157:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32157 { flex-direction: column; } }
.component-32158 {
  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-32158:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32158 { flex-direction: column; } }
.component-32159 {
  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-32159:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32159 { flex-direction: column; } }
.component-32160 {
  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-32160:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32160 { flex-direction: column; } }
.component-32161 {
  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-32161:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32161 { flex-direction: column; } }
.component-32162 {
  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-32162:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32162 { flex-direction: column; } }
.component-32163 {
  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-32163:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32163 { flex-direction: column; } }
.component-32164 {
  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-32164:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32164 { flex-direction: column; } }
.component-32165 {
  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-32165:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32165 { flex-direction: column; } }
.component-32166 {
  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-32166:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32166 { flex-direction: column; } }
.component-32167 {
  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-32167:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32167 { flex-direction: column; } }
.component-32168 {
  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-32168:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32168 { flex-direction: column; } }
.component-32169 {
  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-32169:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32169 { flex-direction: column; } }
.component-32170 {
  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-32170:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32170 { flex-direction: column; } }
.component-32171 {
  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-32171:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32171 { flex-direction: column; } }
.component-32172 {
  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-32172:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32172 { flex-direction: column; } }
.component-32173 {
  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-32173:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32173 { flex-direction: column; } }
.component-32174 {
  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-32174:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32174 { flex-direction: column; } }
.component-32175 {
  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-32175:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32175 { flex-direction: column; } }
.component-32176 {
  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-32176:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32176 { flex-direction: column; } }
.component-32177 {
  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-32177:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32177 { flex-direction: column; } }
.component-32178 {
  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-32178:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32178 { flex-direction: column; } }
.component-32179 {
  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-32179:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32179 { flex-direction: column; } }
.component-32180 {
  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-32180:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32180 { flex-direction: column; } }
.component-32181 {
  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-32181:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32181 { flex-direction: column; } }
.component-32182 {
  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-32182:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32182 { flex-direction: column; } }
.component-32183 {
  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-32183:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32183 { flex-direction: column; } }
.component-32184 {
  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-32184:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32184 { flex-direction: column; } }
.component-32185 {
  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-32185:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32185 { flex-direction: column; } }
.component-32186 {
  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-32186:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32186 { flex-direction: column; } }
.component-32187 {
  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-32187:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32187 { flex-direction: column; } }
.component-32188 {
  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-32188:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32188 { flex-direction: column; } }
.component-32189 {
  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-32189:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32189 { flex-direction: column; } }
.component-32190 {
  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-32190:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32190 { flex-direction: column; } }
.component-32191 {
  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-32191:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32191 { flex-direction: column; } }
.component-32192 {
  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-32192:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32192 { flex-direction: column; } }
.component-32193 {
  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-32193:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32193 { flex-direction: column; } }
.component-32194 {
  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-32194:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32194 { flex-direction: column; } }
.component-32195 {
  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-32195:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32195 { flex-direction: column; } }
.component-32196 {
  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-32196:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32196 { flex-direction: column; } }
.component-32197 {
  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-32197:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32197 { flex-direction: column; } }
.component-32198 {
  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-32198:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32198 { flex-direction: column; } }
.component-32199 {
  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-32199:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32199 { flex-direction: column; } }
.component-32200 {
  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-32200:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32200 { flex-direction: column; } }
.component-32201 {
  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-32201:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32201 { flex-direction: column; } }
.component-32202 {
  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-32202:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32202 { flex-direction: column; } }
.component-32203 {
  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-32203:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32203 { flex-direction: column; } }
.component-32204 {
  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-32204:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32204 { flex-direction: column; } }
.component-32205 {
  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-32205:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32205 { flex-direction: column; } }
.component-32206 {
  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-32206:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32206 { flex-direction: column; } }
.component-32207 {
  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-32207:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32207 { flex-direction: column; } }
.component-32208 {
  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-32208:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32208 { flex-direction: column; } }
.component-32209 {
  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-32209:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32209 { flex-direction: column; } }
.component-32210 {
  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-32210:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32210 { flex-direction: column; } }
.component-32211 {
  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-32211:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32211 { flex-direction: column; } }
.component-32212 {
  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-32212:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32212 { flex-direction: column; } }
.component-32213 {
  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-32213:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32213 { flex-direction: column; } }
.component-32214 {
  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-32214:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32214 { flex-direction: column; } }
.component-32215 {
  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-32215:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32215 { flex-direction: column; } }
.component-32216 {
  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-32216:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32216 { flex-direction: column; } }
.component-32217 {
  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-32217:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32217 { flex-direction: column; } }
.component-32218 {
  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-32218:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32218 { flex-direction: column; } }
.component-32219 {
  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-32219:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32219 { flex-direction: column; } }
.component-32220 {
  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-32220:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32220 { flex-direction: column; } }
.component-32221 {
  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-32221:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32221 { flex-direction: column; } }
.component-32222 {
  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-32222:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32222 { flex-direction: column; } }
.component-32223 {
  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-32223:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32223 { flex-direction: column; } }
.component-32224 {
  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-32224:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32224 { flex-direction: column; } }
.component-32225 {
  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-32225:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32225 { flex-direction: column; } }
.component-32226 {
  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-32226:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32226 { flex-direction: column; } }
.component-32227 {
  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-32227:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32227 { flex-direction: column; } }
.component-32228 {
  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-32228:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32228 { flex-direction: column; } }
.component-32229 {
  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-32229:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32229 { flex-direction: column; } }
.component-32230 {
  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-32230:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32230 { flex-direction: column; } }
.component-32231 {
  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-32231:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32231 { flex-direction: column; } }
.component-32232 {
  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-32232:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32232 { flex-direction: column; } }
.component-32233 {
  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-32233:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32233 { flex-direction: column; } }
.component-32234 {
  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-32234:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32234 { flex-direction: column; } }
.component-32235 {
  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-32235:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32235 { flex-direction: column; } }
.component-32236 {
  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-32236:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32236 { flex-direction: column; } }
.component-32237 {
  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-32237:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32237 { flex-direction: column; } }
.component-32238 {
  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-32238:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32238 { flex-direction: column; } }
.component-32239 {
  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-32239:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32239 { flex-direction: column; } }
.component-32240 {
  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-32240:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32240 { flex-direction: column; } }
.component-32241 {
  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-32241:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32241 { flex-direction: column; } }
.component-32242 {
  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-32242:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32242 { flex-direction: column; } }
.component-32243 {
  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-32243:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32243 { flex-direction: column; } }
.component-32244 {
  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-32244:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32244 { flex-direction: column; } }
.component-32245 {
  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-32245:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32245 { flex-direction: column; } }
.component-32246 {
  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-32246:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32246 { flex-direction: column; } }
.component-32247 {
  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-32247:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32247 { flex-direction: column; } }
.component-32248 {
  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-32248:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32248 { flex-direction: column; } }
.component-32249 {
  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-32249:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32249 { flex-direction: column; } }
.component-32250 {
  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-32250:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32250 { flex-direction: column; } }
.component-32251 {
  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-32251:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32251 { flex-direction: column; } }
.component-32252 {
  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-32252:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32252 { flex-direction: column; } }
.component-32253 {
  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-32253:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32253 { flex-direction: column; } }
.component-32254 {
  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-32254:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32254 { flex-direction: column; } }
.component-32255 {
  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-32255:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32255 { flex-direction: column; } }
.component-32256 {
  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-32256:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32256 { flex-direction: column; } }
.component-32257 {
  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-32257:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32257 { flex-direction: column; } }
.component-32258 {
  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-32258:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32258 { flex-direction: column; } }
.component-32259 {
  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-32259:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32259 { flex-direction: column; } }
.component-32260 {
  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-32260:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32260 { flex-direction: column; } }
.component-32261 {
  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-32261:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32261 { flex-direction: column; } }
.component-32262 {
  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-32262:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32262 { flex-direction: column; } }
.component-32263 {
  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-32263:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32263 { flex-direction: column; } }
.component-32264 {
  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-32264:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32264 { flex-direction: column; } }
.component-32265 {
  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-32265:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32265 { flex-direction: column; } }
.component-32266 {
  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-32266:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32266 { flex-direction: column; } }
.component-32267 {
  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-32267:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32267 { flex-direction: column; } }
.component-32268 {
  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-32268:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32268 { flex-direction: column; } }
.component-32269 {
  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-32269:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32269 { flex-direction: column; } }
.component-32270 {
  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-32270:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32270 { flex-direction: column; } }
.component-32271 {
  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-32271:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32271 { flex-direction: column; } }
.component-32272 {
  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-32272:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32272 { flex-direction: column; } }
.component-32273 {
  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-32273:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32273 { flex-direction: column; } }
.component-32274 {
  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-32274:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32274 { flex-direction: column; } }
.component-32275 {
  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-32275:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32275 { flex-direction: column; } }
.component-32276 {
  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-32276:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32276 { flex-direction: column; } }
.component-32277 {
  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-32277:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32277 { flex-direction: column; } }
.component-32278 {
  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-32278:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32278 { flex-direction: column; } }
.component-32279 {
  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-32279:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32279 { flex-direction: column; } }
.component-32280 {
  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-32280:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32280 { flex-direction: column; } }
.component-32281 {
  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-32281:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32281 { flex-direction: column; } }
.component-32282 {
  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-32282:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32282 { flex-direction: column; } }
.component-32283 {
  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-32283:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32283 { flex-direction: column; } }
.component-32284 {
  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-32284:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32284 { flex-direction: column; } }
.component-32285 {
  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-32285:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32285 { flex-direction: column; } }
.component-32286 {
  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-32286:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32286 { flex-direction: column; } }
.component-32287 {
  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-32287:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32287 { flex-direction: column; } }
.component-32288 {
  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-32288:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32288 { flex-direction: column; } }
.component-32289 {
  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-32289:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32289 { flex-direction: column; } }
.component-32290 {
  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-32290:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32290 { flex-direction: column; } }
.component-32291 {
  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-32291:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32291 { flex-direction: column; } }
.component-32292 {
  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-32292:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32292 { flex-direction: column; } }
.component-32293 {
  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-32293:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32293 { flex-direction: column; } }
.component-32294 {
  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-32294:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32294 { flex-direction: column; } }
.component-32295 {
  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-32295:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32295 { flex-direction: column; } }
.component-32296 {
  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-32296:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32296 { flex-direction: column; } }
.component-32297 {
  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-32297:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32297 { flex-direction: column; } }
.component-32298 {
  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-32298:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32298 { flex-direction: column; } }
.component-32299 {
  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-32299:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32299 { flex-direction: column; } }
.component-32300 {
  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-32300:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32300 { flex-direction: column; } }
.component-32301 {
  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-32301:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32301 { flex-direction: column; } }
.component-32302 {
  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-32302:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32302 { flex-direction: column; } }
.component-32303 {
  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-32303:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32303 { flex-direction: column; } }
.component-32304 {
  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-32304:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32304 { flex-direction: column; } }
.component-32305 {
  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-32305:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32305 { flex-direction: column; } }
.component-32306 {
  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-32306:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32306 { flex-direction: column; } }
.component-32307 {
  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-32307:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32307 { flex-direction: column; } }
.component-32308 {
  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-32308:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32308 { flex-direction: column; } }
.component-32309 {
  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-32309:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32309 { flex-direction: column; } }
.component-32310 {
  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-32310:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32310 { flex-direction: column; } }
.component-32311 {
  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-32311:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32311 { flex-direction: column; } }
.component-32312 {
  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-32312:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32312 { flex-direction: column; } }
.component-32313 {
  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-32313:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32313 { flex-direction: column; } }
.component-32314 {
  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-32314:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32314 { flex-direction: column; } }
.component-32315 {
  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-32315:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32315 { flex-direction: column; } }
.component-32316 {
  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-32316:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32316 { flex-direction: column; } }
.component-32317 {
  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-32317:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32317 { flex-direction: column; } }
.component-32318 {
  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-32318:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32318 { flex-direction: column; } }
.component-32319 {
  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-32319:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32319 { flex-direction: column; } }
.component-32320 {
  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-32320:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32320 { flex-direction: column; } }
.component-32321 {
  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-32321:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32321 { flex-direction: column; } }
.component-32322 {
  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-32322:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32322 { flex-direction: column; } }
.component-32323 {
  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-32323:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32323 { flex-direction: column; } }
.component-32324 {
  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-32324:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32324 { flex-direction: column; } }
.component-32325 {
  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-32325:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32325 { flex-direction: column; } }
.component-32326 {
  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-32326:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32326 { flex-direction: column; } }
.component-32327 {
  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-32327:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32327 { flex-direction: column; } }
.component-32328 {
  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-32328:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32328 { flex-direction: column; } }
.component-32329 {
  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-32329:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32329 { flex-direction: column; } }
.component-32330 {
  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-32330:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32330 { flex-direction: column; } }
.component-32331 {
  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-32331:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32331 { flex-direction: column; } }
.component-32332 {
  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-32332:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32332 { flex-direction: column; } }
.component-32333 {
  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-32333:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32333 { flex-direction: column; } }
.component-32334 {
  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-32334:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32334 { flex-direction: column; } }
.component-32335 {
  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-32335:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32335 { flex-direction: column; } }
.component-32336 {
  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-32336:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32336 { flex-direction: column; } }
.component-32337 {
  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-32337:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32337 { flex-direction: column; } }
.component-32338 {
  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-32338:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32338 { flex-direction: column; } }
.component-32339 {
  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-32339:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32339 { flex-direction: column; } }
.component-32340 {
  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-32340:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32340 { flex-direction: column; } }
.component-32341 {
  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-32341:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32341 { flex-direction: column; } }
.component-32342 {
  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-32342:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32342 { flex-direction: column; } }
.component-32343 {
  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-32343:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32343 { flex-direction: column; } }
.component-32344 {
  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-32344:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32344 { flex-direction: column; } }
.component-32345 {
  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-32345:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32345 { flex-direction: column; } }
.component-32346 {
  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-32346:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32346 { flex-direction: column; } }
.component-32347 {
  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-32347:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32347 { flex-direction: column; } }
.component-32348 {
  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-32348:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32348 { flex-direction: column; } }
.component-32349 {
  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-32349:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32349 { flex-direction: column; } }
.component-32350 {
  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-32350:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32350 { flex-direction: column; } }
.component-32351 {
  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-32351:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32351 { flex-direction: column; } }
.component-32352 {
  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-32352:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32352 { flex-direction: column; } }
.component-32353 {
  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-32353:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32353 { flex-direction: column; } }
.component-32354 {
  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-32354:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32354 { flex-direction: column; } }
.component-32355 {
  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-32355:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32355 { flex-direction: column; } }
.component-32356 {
  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-32356:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32356 { flex-direction: column; } }
.component-32357 {
  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-32357:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32357 { flex-direction: column; } }
.component-32358 {
  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-32358:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32358 { flex-direction: column; } }
.component-32359 {
  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-32359:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32359 { flex-direction: column; } }
.component-32360 {
  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-32360:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32360 { flex-direction: column; } }
.component-32361 {
  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-32361:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32361 { flex-direction: column; } }
.component-32362 {
  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-32362:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32362 { flex-direction: column; } }
.component-32363 {
  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-32363:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32363 { flex-direction: column; } }
.component-32364 {
  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-32364:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32364 { flex-direction: column; } }
.component-32365 {
  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-32365:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32365 { flex-direction: column; } }
.component-32366 {
  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-32366:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32366 { flex-direction: column; } }
.component-32367 {
  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-32367:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32367 { flex-direction: column; } }
.component-32368 {
  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-32368:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32368 { flex-direction: column; } }
.component-32369 {
  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-32369:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32369 { flex-direction: column; } }
.component-32370 {
  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-32370:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32370 { flex-direction: column; } }
.component-32371 {
  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-32371:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32371 { flex-direction: column; } }
.component-32372 {
  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-32372:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32372 { flex-direction: column; } }
.component-32373 {
  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-32373:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32373 { flex-direction: column; } }
.component-32374 {
  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-32374:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32374 { flex-direction: column; } }
.component-32375 {
  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-32375:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32375 { flex-direction: column; } }
.component-32376 {
  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-32376:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32376 { flex-direction: column; } }
.component-32377 {
  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-32377:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32377 { flex-direction: column; } }
.component-32378 {
  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-32378:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32378 { flex-direction: column; } }
.component-32379 {
  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-32379:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32379 { flex-direction: column; } }
.component-32380 {
  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-32380:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32380 { flex-direction: column; } }
.component-32381 {
  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-32381:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32381 { flex-direction: column; } }
.component-32382 {
  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-32382:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32382 { flex-direction: column; } }
.component-32383 {
  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-32383:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32383 { flex-direction: column; } }
.component-32384 {
  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-32384:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32384 { flex-direction: column; } }
.component-32385 {
  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-32385:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32385 { flex-direction: column; } }
.component-32386 {
  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-32386:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32386 { flex-direction: column; } }
.component-32387 {
  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-32387:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32387 { flex-direction: column; } }
.component-32388 {
  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-32388:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32388 { flex-direction: column; } }
.component-32389 {
  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-32389:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32389 { flex-direction: column; } }
.component-32390 {
  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-32390:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32390 { flex-direction: column; } }
.component-32391 {
  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-32391:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32391 { flex-direction: column; } }
.component-32392 {
  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-32392:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32392 { flex-direction: column; } }
.component-32393 {
  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-32393:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32393 { flex-direction: column; } }
.component-32394 {
  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-32394:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32394 { flex-direction: column; } }
.component-32395 {
  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-32395:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32395 { flex-direction: column; } }
.component-32396 {
  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-32396:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32396 { flex-direction: column; } }
.component-32397 {
  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-32397:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32397 { flex-direction: column; } }
.component-32398 {
  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-32398:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32398 { flex-direction: column; } }
.component-32399 {
  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-32399:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32399 { flex-direction: column; } }
.component-32400 {
  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-32400:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32400 { flex-direction: column; } }
.component-32401 {
  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-32401:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32401 { flex-direction: column; } }
.component-32402 {
  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-32402:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32402 { flex-direction: column; } }
.component-32403 {
  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-32403:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32403 { flex-direction: column; } }
.component-32404 {
  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-32404:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32404 { flex-direction: column; } }
.component-32405 {
  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-32405:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32405 { flex-direction: column; } }
.component-32406 {
  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-32406:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32406 { flex-direction: column; } }
.component-32407 {
  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-32407:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32407 { flex-direction: column; } }
.component-32408 {
  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-32408:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32408 { flex-direction: column; } }
.component-32409 {
  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-32409:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32409 { flex-direction: column; } }
.component-32410 {
  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-32410:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32410 { flex-direction: column; } }
.component-32411 {
  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-32411:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32411 { flex-direction: column; } }
.component-32412 {
  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-32412:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32412 { flex-direction: column; } }
.component-32413 {
  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-32413:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32413 { flex-direction: column; } }
.component-32414 {
  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-32414:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32414 { flex-direction: column; } }
.component-32415 {
  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-32415:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32415 { flex-direction: column; } }
.component-32416 {
  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-32416:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32416 { flex-direction: column; } }
.component-32417 {
  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-32417:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32417 { flex-direction: column; } }
.component-32418 {
  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-32418:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32418 { flex-direction: column; } }
.component-32419 {
  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-32419:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32419 { flex-direction: column; } }
.component-32420 {
  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-32420:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32420 { flex-direction: column; } }
.component-32421 {
  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-32421:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32421 { flex-direction: column; } }
.component-32422 {
  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-32422:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32422 { flex-direction: column; } }
.component-32423 {
  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-32423:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32423 { flex-direction: column; } }
.component-32424 {
  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-32424:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32424 { flex-direction: column; } }
.component-32425 {
  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-32425:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32425 { flex-direction: column; } }
.component-32426 {
  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-32426:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32426 { flex-direction: column; } }
.component-32427 {
  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-32427:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32427 { flex-direction: column; } }
.component-32428 {
  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-32428:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32428 { flex-direction: column; } }
.component-32429 {
  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-32429:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32429 { flex-direction: column; } }
.component-32430 {
  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-32430:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32430 { flex-direction: column; } }
.component-32431 {
  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-32431:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32431 { flex-direction: column; } }
.component-32432 {
  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-32432:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32432 { flex-direction: column; } }
.component-32433 {
  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-32433:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32433 { flex-direction: column; } }
.component-32434 {
  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-32434:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32434 { flex-direction: column; } }
.component-32435 {
  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-32435:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32435 { flex-direction: column; } }
.component-32436 {
  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-32436:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32436 { flex-direction: column; } }
.component-32437 {
  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-32437:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32437 { flex-direction: column; } }
.component-32438 {
  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-32438:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32438 { flex-direction: column; } }
.component-32439 {
  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-32439:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32439 { flex-direction: column; } }
.component-32440 {
  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-32440:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32440 { flex-direction: column; } }
.component-32441 {
  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-32441:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32441 { flex-direction: column; } }
.component-32442 {
  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-32442:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32442 { flex-direction: column; } }
.component-32443 {
  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-32443:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32443 { flex-direction: column; } }
.component-32444 {
  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-32444:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32444 { flex-direction: column; } }
.component-32445 {
  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-32445:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32445 { flex-direction: column; } }
.component-32446 {
  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-32446:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32446 { flex-direction: column; } }
.component-32447 {
  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-32447:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32447 { flex-direction: column; } }
.component-32448 {
  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-32448:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32448 { flex-direction: column; } }
.component-32449 {
  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-32449:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32449 { flex-direction: column; } }
.component-32450 {
  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-32450:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32450 { flex-direction: column; } }
.component-32451 {
  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-32451:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32451 { flex-direction: column; } }
.component-32452 {
  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-32452:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32452 { flex-direction: column; } }
.component-32453 {
  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-32453:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32453 { flex-direction: column; } }
.component-32454 {
  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-32454:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32454 { flex-direction: column; } }
.component-32455 {
  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-32455:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32455 { flex-direction: column; } }
.component-32456 {
  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-32456:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32456 { flex-direction: column; } }
.component-32457 {
  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-32457:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32457 { flex-direction: column; } }
.component-32458 {
  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-32458:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32458 { flex-direction: column; } }
.component-32459 {
  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-32459:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32459 { flex-direction: column; } }
.component-32460 {
  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-32460:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32460 { flex-direction: column; } }
.component-32461 {
  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-32461:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32461 { flex-direction: column; } }
.component-32462 {
  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-32462:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32462 { flex-direction: column; } }
.component-32463 {
  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-32463:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32463 { flex-direction: column; } }
.component-32464 {
  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-32464:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32464 { flex-direction: column; } }
.component-32465 {
  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-32465:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32465 { flex-direction: column; } }
.component-32466 {
  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-32466:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32466 { flex-direction: column; } }
.component-32467 {
  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-32467:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32467 { flex-direction: column; } }
.component-32468 {
  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-32468:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32468 { flex-direction: column; } }
.component-32469 {
  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-32469:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32469 { flex-direction: column; } }
.component-32470 {
  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-32470:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32470 { flex-direction: column; } }
.component-32471 {
  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-32471:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32471 { flex-direction: column; } }
.component-32472 {
  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-32472:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32472 { flex-direction: column; } }
.component-32473 {
  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-32473:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32473 { flex-direction: column; } }
.component-32474 {
  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-32474:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32474 { flex-direction: column; } }
.component-32475 {
  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-32475:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32475 { flex-direction: column; } }
.component-32476 {
  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-32476:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32476 { flex-direction: column; } }
.component-32477 {
  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-32477:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32477 { flex-direction: column; } }
.component-32478 {
  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-32478:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32478 { flex-direction: column; } }
.component-32479 {
  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-32479:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32479 { flex-direction: column; } }
.component-32480 {
  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-32480:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32480 { flex-direction: column; } }
.component-32481 {
  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-32481:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32481 { flex-direction: column; } }
.component-32482 {
  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-32482:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32482 { flex-direction: column; } }
.component-32483 {
  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-32483:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32483 { flex-direction: column; } }
.component-32484 {
  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-32484:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32484 { flex-direction: column; } }
.component-32485 {
  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-32485:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32485 { flex-direction: column; } }
.component-32486 {
  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-32486:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32486 { flex-direction: column; } }
.component-32487 {
  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-32487:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32487 { flex-direction: column; } }
.component-32488 {
  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-32488:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32488 { flex-direction: column; } }
.component-32489 {
  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-32489:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32489 { flex-direction: column; } }
.component-32490 {
  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-32490:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32490 { flex-direction: column; } }
.component-32491 {
  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-32491:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32491 { flex-direction: column; } }
.component-32492 {
  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-32492:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32492 { flex-direction: column; } }
.component-32493 {
  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-32493:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32493 { flex-direction: column; } }
.component-32494 {
  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-32494:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32494 { flex-direction: column; } }
.component-32495 {
  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-32495:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32495 { flex-direction: column; } }
.component-32496 {
  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-32496:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32496 { flex-direction: column; } }
.component-32497 {
  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-32497:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32497 { flex-direction: column; } }
.component-32498 {
  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-32498:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32498 { flex-direction: column; } }
.component-32499 {
  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-32499:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32499 { flex-direction: column; } }
.component-32500 {
  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-32500:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32500 { flex-direction: column; } }
.component-32501 {
  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-32501:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32501 { flex-direction: column; } }
.component-32502 {
  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-32502:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32502 { flex-direction: column; } }
.component-32503 {
  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-32503:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32503 { flex-direction: column; } }
.component-32504 {
  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-32504:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32504 { flex-direction: column; } }
.component-32505 {
  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-32505:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32505 { flex-direction: column; } }
.component-32506 {
  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-32506:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32506 { flex-direction: column; } }
.component-32507 {
  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-32507:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32507 { flex-direction: column; } }
.component-32508 {
  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-32508:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32508 { flex-direction: column; } }
.component-32509 {
  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-32509:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32509 { flex-direction: column; } }
.component-32510 {
  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-32510:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32510 { flex-direction: column; } }
.component-32511 {
  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-32511:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32511 { flex-direction: column; } }
.component-32512 {
  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-32512:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32512 { flex-direction: column; } }
.component-32513 {
  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-32513:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32513 { flex-direction: column; } }
.component-32514 {
  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-32514:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32514 { flex-direction: column; } }
.component-32515 {
  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-32515:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32515 { flex-direction: column; } }
.component-32516 {
  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-32516:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32516 { flex-direction: column; } }
.component-32517 {
  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-32517:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32517 { flex-direction: column; } }
.component-32518 {
  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-32518:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32518 { flex-direction: column; } }
.component-32519 {
  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-32519:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32519 { flex-direction: column; } }
.component-32520 {
  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-32520:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32520 { flex-direction: column; } }
.component-32521 {
  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-32521:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32521 { flex-direction: column; } }
.component-32522 {
  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-32522:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32522 { flex-direction: column; } }
.component-32523 {
  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-32523:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32523 { flex-direction: column; } }
.component-32524 {
  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-32524:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32524 { flex-direction: column; } }
.component-32525 {
  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-32525:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32525 { flex-direction: column; } }
.component-32526 {
  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-32526:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32526 { flex-direction: column; } }
.component-32527 {
  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-32527:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32527 { flex-direction: column; } }
.component-32528 {
  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-32528:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32528 { flex-direction: column; } }
.component-32529 {
  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-32529:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32529 { flex-direction: column; } }
.component-32530 {
  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-32530:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32530 { flex-direction: column; } }
.component-32531 {
  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-32531:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32531 { flex-direction: column; } }
.component-32532 {
  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-32532:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32532 { flex-direction: column; } }
.component-32533 {
  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-32533:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32533 { flex-direction: column; } }
.component-32534 {
  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-32534:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32534 { flex-direction: column; } }
.component-32535 {
  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-32535:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32535 { flex-direction: column; } }
.component-32536 {
  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-32536:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32536 { flex-direction: column; } }
.component-32537 {
  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-32537:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32537 { flex-direction: column; } }
.component-32538 {
  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-32538:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32538 { flex-direction: column; } }
.component-32539 {
  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-32539:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32539 { flex-direction: column; } }
.component-32540 {
  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-32540:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32540 { flex-direction: column; } }
.component-32541 {
  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-32541:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32541 { flex-direction: column; } }
.component-32542 {
  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-32542:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32542 { flex-direction: column; } }
.component-32543 {
  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-32543:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32543 { flex-direction: column; } }
.component-32544 {
  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-32544:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32544 { flex-direction: column; } }
.component-32545 {
  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-32545:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32545 { flex-direction: column; } }
.component-32546 {
  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-32546:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32546 { flex-direction: column; } }
.component-32547 {
  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-32547:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32547 { flex-direction: column; } }
.component-32548 {
  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-32548:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32548 { flex-direction: column; } }
.component-32549 {
  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-32549:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32549 { flex-direction: column; } }
.component-32550 {
  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-32550:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32550 { flex-direction: column; } }
.component-32551 {
  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-32551:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32551 { flex-direction: column; } }
.component-32552 {
  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-32552:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32552 { flex-direction: column; } }
.component-32553 {
  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-32553:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32553 { flex-direction: column; } }
.component-32554 {
  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-32554:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32554 { flex-direction: column; } }
.component-32555 {
  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-32555:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32555 { flex-direction: column; } }
.component-32556 {
  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-32556:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32556 { flex-direction: column; } }
.component-32557 {
  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-32557:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32557 { flex-direction: column; } }
.component-32558 {
  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-32558:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32558 { flex-direction: column; } }
.component-32559 {
  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-32559:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32559 { flex-direction: column; } }
.component-32560 {
  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-32560:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32560 { flex-direction: column; } }
.component-32561 {
  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-32561:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32561 { flex-direction: column; } }
.component-32562 {
  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-32562:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32562 { flex-direction: column; } }
.component-32563 {
  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-32563:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32563 { flex-direction: column; } }
.component-32564 {
  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-32564:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32564 { flex-direction: column; } }
.component-32565 {
  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-32565:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32565 { flex-direction: column; } }
.component-32566 {
  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-32566:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32566 { flex-direction: column; } }
.component-32567 {
  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-32567:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32567 { flex-direction: column; } }
.component-32568 {
  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-32568:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32568 { flex-direction: column; } }
.component-32569 {
  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-32569:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32569 { flex-direction: column; } }
.component-32570 {
  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-32570:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32570 { flex-direction: column; } }
.component-32571 {
  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-32571:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32571 { flex-direction: column; } }
.component-32572 {
  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-32572:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32572 { flex-direction: column; } }
.component-32573 {
  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-32573:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32573 { flex-direction: column; } }
.component-32574 {
  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-32574:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32574 { flex-direction: column; } }
.component-32575 {
  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-32575:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32575 { flex-direction: column; } }
.component-32576 {
  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-32576:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32576 { flex-direction: column; } }
.component-32577 {
  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-32577:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32577 { flex-direction: column; } }
.component-32578 {
  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-32578:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32578 { flex-direction: column; } }
.component-32579 {
  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-32579:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32579 { flex-direction: column; } }
.component-32580 {
  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-32580:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32580 { flex-direction: column; } }
.component-32581 {
  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-32581:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32581 { flex-direction: column; } }
.component-32582 {
  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-32582:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32582 { flex-direction: column; } }
.component-32583 {
  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-32583:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32583 { flex-direction: column; } }
.component-32584 {
  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-32584:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32584 { flex-direction: column; } }
.component-32585 {
  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-32585:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32585 { flex-direction: column; } }
.component-32586 {
  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-32586:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32586 { flex-direction: column; } }
.component-32587 {
  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-32587:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32587 { flex-direction: column; } }
.component-32588 {
  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-32588:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32588 { flex-direction: column; } }
.component-32589 {
  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-32589:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32589 { flex-direction: column; } }
.component-32590 {
  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-32590:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32590 { flex-direction: column; } }
.component-32591 {
  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-32591:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32591 { flex-direction: column; } }
.component-32592 {
  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-32592:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32592 { flex-direction: column; } }
.component-32593 {
  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-32593:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32593 { flex-direction: column; } }
.component-32594 {
  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-32594:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32594 { flex-direction: column; } }
.component-32595 {
  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-32595:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32595 { flex-direction: column; } }
.component-32596 {
  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-32596:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32596 { flex-direction: column; } }
.component-32597 {
  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-32597:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32597 { flex-direction: column; } }
.component-32598 {
  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-32598:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32598 { flex-direction: column; } }
.component-32599 {
  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-32599:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32599 { flex-direction: column; } }
.component-32600 {
  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-32600:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32600 { flex-direction: column; } }
.component-32601 {
  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-32601:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32601 { flex-direction: column; } }
.component-32602 {
  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-32602:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32602 { flex-direction: column; } }
.component-32603 {
  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-32603:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32603 { flex-direction: column; } }
.component-32604 {
  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-32604:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32604 { flex-direction: column; } }
.component-32605 {
  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-32605:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32605 { flex-direction: column; } }
.component-32606 {
  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-32606:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32606 { flex-direction: column; } }
.component-32607 {
  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-32607:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32607 { flex-direction: column; } }
.component-32608 {
  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-32608:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32608 { flex-direction: column; } }
.component-32609 {
  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-32609:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32609 { flex-direction: column; } }
.component-32610 {
  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-32610:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32610 { flex-direction: column; } }
.component-32611 {
  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-32611:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32611 { flex-direction: column; } }
.component-32612 {
  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-32612:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32612 { flex-direction: column; } }
.component-32613 {
  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-32613:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32613 { flex-direction: column; } }
.component-32614 {
  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-32614:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32614 { flex-direction: column; } }
.component-32615 {
  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-32615:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32615 { flex-direction: column; } }
.component-32616 {
  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-32616:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32616 { flex-direction: column; } }
.component-32617 {
  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-32617:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32617 { flex-direction: column; } }
.component-32618 {
  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-32618:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32618 { flex-direction: column; } }
.component-32619 {
  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-32619:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32619 { flex-direction: column; } }
.component-32620 {
  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-32620:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32620 { flex-direction: column; } }
.component-32621 {
  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-32621:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32621 { flex-direction: column; } }
.component-32622 {
  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-32622:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32622 { flex-direction: column; } }
.component-32623 {
  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-32623:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32623 { flex-direction: column; } }
.component-32624 {
  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-32624:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32624 { flex-direction: column; } }
.component-32625 {
  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-32625:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32625 { flex-direction: column; } }
.component-32626 {
  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-32626:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32626 { flex-direction: column; } }
.component-32627 {
  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-32627:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32627 { flex-direction: column; } }
.component-32628 {
  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-32628:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32628 { flex-direction: column; } }
.component-32629 {
  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-32629:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32629 { flex-direction: column; } }
.component-32630 {
  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-32630:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32630 { flex-direction: column; } }
.component-32631 {
  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-32631:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32631 { flex-direction: column; } }
.component-32632 {
  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-32632:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32632 { flex-direction: column; } }
.component-32633 {
  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-32633:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32633 { flex-direction: column; } }
.component-32634 {
  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-32634:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32634 { flex-direction: column; } }
.component-32635 {
  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-32635:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32635 { flex-direction: column; } }
.component-32636 {
  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-32636:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32636 { flex-direction: column; } }
.component-32637 {
  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-32637:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32637 { flex-direction: column; } }
.component-32638 {
  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-32638:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32638 { flex-direction: column; } }
.component-32639 {
  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-32639:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32639 { flex-direction: column; } }
.component-32640 {
  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-32640:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32640 { flex-direction: column; } }
.component-32641 {
  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-32641:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32641 { flex-direction: column; } }
.component-32642 {
  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-32642:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32642 { flex-direction: column; } }
.component-32643 {
  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-32643:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32643 { flex-direction: column; } }
.component-32644 {
  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-32644:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32644 { flex-direction: column; } }
.component-32645 {
  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-32645:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32645 { flex-direction: column; } }
.component-32646 {
  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-32646:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32646 { flex-direction: column; } }
.component-32647 {
  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-32647:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32647 { flex-direction: column; } }
.component-32648 {
  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-32648:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32648 { flex-direction: column; } }
.component-32649 {
  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-32649:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32649 { flex-direction: column; } }
.component-32650 {
  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-32650:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32650 { flex-direction: column; } }
.component-32651 {
  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-32651:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32651 { flex-direction: column; } }
.component-32652 {
  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-32652:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32652 { flex-direction: column; } }
.component-32653 {
  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-32653:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32653 { flex-direction: column; } }
.component-32654 {
  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-32654:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32654 { flex-direction: column; } }
.component-32655 {
  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-32655:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32655 { flex-direction: column; } }
.component-32656 {
  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-32656:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32656 { flex-direction: column; } }
.component-32657 {
  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-32657:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32657 { flex-direction: column; } }
.component-32658 {
  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-32658:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32658 { flex-direction: column; } }
.component-32659 {
  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-32659:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32659 { flex-direction: column; } }
.component-32660 {
  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-32660:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32660 { flex-direction: column; } }
.component-32661 {
  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-32661:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32661 { flex-direction: column; } }
.component-32662 {
  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-32662:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32662 { flex-direction: column; } }
.component-32663 {
  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-32663:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32663 { flex-direction: column; } }
.component-32664 {
  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-32664:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32664 { flex-direction: column; } }
.component-32665 {
  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-32665:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32665 { flex-direction: column; } }
.component-32666 {
  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-32666:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32666 { flex-direction: column; } }
.component-32667 {
  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-32667:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32667 { flex-direction: column; } }
.component-32668 {
  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-32668:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32668 { flex-direction: column; } }
.component-32669 {
  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-32669:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32669 { flex-direction: column; } }
.component-32670 {
  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-32670:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32670 { flex-direction: column; } }
.component-32671 {
  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-32671:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32671 { flex-direction: column; } }
.component-32672 {
  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-32672:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32672 { flex-direction: column; } }
.component-32673 {
  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-32673:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32673 { flex-direction: column; } }
.component-32674 {
  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-32674:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32674 { flex-direction: column; } }
.component-32675 {
  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-32675:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32675 { flex-direction: column; } }
.component-32676 {
  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-32676:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32676 { flex-direction: column; } }
.component-32677 {
  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-32677:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32677 { flex-direction: column; } }
.component-32678 {
  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-32678:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32678 { flex-direction: column; } }
.component-32679 {
  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-32679:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32679 { flex-direction: column; } }
.component-32680 {
  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-32680:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32680 { flex-direction: column; } }
.component-32681 {
  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-32681:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32681 { flex-direction: column; } }
.component-32682 {
  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-32682:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32682 { flex-direction: column; } }
.component-32683 {
  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-32683:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32683 { flex-direction: column; } }
.component-32684 {
  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-32684:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32684 { flex-direction: column; } }
.component-32685 {
  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-32685:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32685 { flex-direction: column; } }
.component-32686 {
  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-32686:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32686 { flex-direction: column; } }
.component-32687 {
  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-32687:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32687 { flex-direction: column; } }
.component-32688 {
  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-32688:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32688 { flex-direction: column; } }
.component-32689 {
  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-32689:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32689 { flex-direction: column; } }
.component-32690 {
  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-32690:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32690 { flex-direction: column; } }
.component-32691 {
  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-32691:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32691 { flex-direction: column; } }
.component-32692 {
  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-32692:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32692 { flex-direction: column; } }
.component-32693 {
  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-32693:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32693 { flex-direction: column; } }
.component-32694 {
  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-32694:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32694 { flex-direction: column; } }
.component-32695 {
  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-32695:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32695 { flex-direction: column; } }
.component-32696 {
  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-32696:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32696 { flex-direction: column; } }
.component-32697 {
  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-32697:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32697 { flex-direction: column; } }
.component-32698 {
  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-32698:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32698 { flex-direction: column; } }
.component-32699 {
  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-32699:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32699 { flex-direction: column; } }
.component-32700 {
  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-32700:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32700 { flex-direction: column; } }
.component-32701 {
  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-32701:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32701 { flex-direction: column; } }
.component-32702 {
  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-32702:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32702 { flex-direction: column; } }
.component-32703 {
  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-32703:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32703 { flex-direction: column; } }
.component-32704 {
  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-32704:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32704 { flex-direction: column; } }
.component-32705 {
  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-32705:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32705 { flex-direction: column; } }
.component-32706 {
  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-32706:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32706 { flex-direction: column; } }
.component-32707 {
  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-32707:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32707 { flex-direction: column; } }
.component-32708 {
  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-32708:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32708 { flex-direction: column; } }
.component-32709 {
  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-32709:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32709 { flex-direction: column; } }
.component-32710 {
  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-32710:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32710 { flex-direction: column; } }
.component-32711 {
  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-32711:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32711 { flex-direction: column; } }
.component-32712 {
  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-32712:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32712 { flex-direction: column; } }
.component-32713 {
  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-32713:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32713 { flex-direction: column; } }
.component-32714 {
  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-32714:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32714 { flex-direction: column; } }
.component-32715 {
  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-32715:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32715 { flex-direction: column; } }
.component-32716 {
  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-32716:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32716 { flex-direction: column; } }
.component-32717 {
  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-32717:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32717 { flex-direction: column; } }
.component-32718 {
  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-32718:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32718 { flex-direction: column; } }
.component-32719 {
  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-32719:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32719 { flex-direction: column; } }
.component-32720 {
  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-32720:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32720 { flex-direction: column; } }
.component-32721 {
  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-32721:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32721 { flex-direction: column; } }
.component-32722 {
  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-32722:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32722 { flex-direction: column; } }
.component-32723 {
  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-32723:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32723 { flex-direction: column; } }
.component-32724 {
  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-32724:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32724 { flex-direction: column; } }
.component-32725 {
  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-32725:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32725 { flex-direction: column; } }
.component-32726 {
  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-32726:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32726 { flex-direction: column; } }
.component-32727 {
  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-32727:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32727 { flex-direction: column; } }
.component-32728 {
  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-32728:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32728 { flex-direction: column; } }
.component-32729 {
  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-32729:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32729 { flex-direction: column; } }
.component-32730 {
  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-32730:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32730 { flex-direction: column; } }
.component-32731 {
  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-32731:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32731 { flex-direction: column; } }
.component-32732 {
  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-32732:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32732 { flex-direction: column; } }
.component-32733 {
  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-32733:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32733 { flex-direction: column; } }
.component-32734 {
  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-32734:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32734 { flex-direction: column; } }
.component-32735 {
  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-32735:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32735 { flex-direction: column; } }
.component-32736 {
  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-32736:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32736 { flex-direction: column; } }
.component-32737 {
  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-32737:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32737 { flex-direction: column; } }
.component-32738 {
  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-32738:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32738 { flex-direction: column; } }
.component-32739 {
  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-32739:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32739 { flex-direction: column; } }
.component-32740 {
  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-32740:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32740 { flex-direction: column; } }
.component-32741 {
  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-32741:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32741 { flex-direction: column; } }
.component-32742 {
  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-32742:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32742 { flex-direction: column; } }
.component-32743 {
  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-32743:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32743 { flex-direction: column; } }
.component-32744 {
  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-32744:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32744 { flex-direction: column; } }
.component-32745 {
  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-32745:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32745 { flex-direction: column; } }
.component-32746 {
  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-32746:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32746 { flex-direction: column; } }
.component-32747 {
  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-32747:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32747 { flex-direction: column; } }
.component-32748 {
  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-32748:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32748 { flex-direction: column; } }
.component-32749 {
  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-32749:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32749 { flex-direction: column; } }
.component-32750 {
  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-32750:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32750 { flex-direction: column; } }
.component-32751 {
  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-32751:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32751 { flex-direction: column; } }
.component-32752 {
  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-32752:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32752 { flex-direction: column; } }
.component-32753 {
  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-32753:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32753 { flex-direction: column; } }
.component-32754 {
  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-32754:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32754 { flex-direction: column; } }
.component-32755 {
  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-32755:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32755 { flex-direction: column; } }
.component-32756 {
  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-32756:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32756 { flex-direction: column; } }
.component-32757 {
  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-32757:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32757 { flex-direction: column; } }
.component-32758 {
  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-32758:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32758 { flex-direction: column; } }
.component-32759 {
  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-32759:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32759 { flex-direction: column; } }
.component-32760 {
  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-32760:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32760 { flex-direction: column; } }
.component-32761 {
  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-32761:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32761 { flex-direction: column; } }
.component-32762 {
  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-32762:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32762 { flex-direction: column; } }
.component-32763 {
  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-32763:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32763 { flex-direction: column; } }
.component-32764 {
  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-32764:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32764 { flex-direction: column; } }
.component-32765 {
  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-32765:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32765 { flex-direction: column; } }
.component-32766 {
  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-32766:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32766 { flex-direction: column; } }
.component-32767 {
  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-32767:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32767 { flex-direction: column; } }
.component-32768 {
  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-32768:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32768 { flex-direction: column; } }
.component-32769 {
  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-32769:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32769 { flex-direction: column; } }
.component-32770 {
  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-32770:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32770 { flex-direction: column; } }
.component-32771 {
  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-32771:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32771 { flex-direction: column; } }
.component-32772 {
  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-32772:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32772 { flex-direction: column; } }
.component-32773 {
  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-32773:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32773 { flex-direction: column; } }
.component-32774 {
  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-32774:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32774 { flex-direction: column; } }
.component-32775 {
  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-32775:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32775 { flex-direction: column; } }
.component-32776 {
  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-32776:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32776 { flex-direction: column; } }
.component-32777 {
  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-32777:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32777 { flex-direction: column; } }
.component-32778 {
  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-32778:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32778 { flex-direction: column; } }
.component-32779 {
  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-32779:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32779 { flex-direction: column; } }
.component-32780 {
  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-32780:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32780 { flex-direction: column; } }
.component-32781 {
  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-32781:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32781 { flex-direction: column; } }
.component-32782 {
  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-32782:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32782 { flex-direction: column; } }
.component-32783 {
  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-32783:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32783 { flex-direction: column; } }
.component-32784 {
  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-32784:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32784 { flex-direction: column; } }
.component-32785 {
  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-32785:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32785 { flex-direction: column; } }
.component-32786 {
  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-32786:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32786 { flex-direction: column; } }
.component-32787 {
  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-32787:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32787 { flex-direction: column; } }
.component-32788 {
  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-32788:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32788 { flex-direction: column; } }
.component-32789 {
  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-32789:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32789 { flex-direction: column; } }
.component-32790 {
  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-32790:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32790 { flex-direction: column; } }
.component-32791 {
  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-32791:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32791 { flex-direction: column; } }
.component-32792 {
  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-32792:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32792 { flex-direction: column; } }
.component-32793 {
  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-32793:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32793 { flex-direction: column; } }
.component-32794 {
  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-32794:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32794 { flex-direction: column; } }
.component-32795 {
  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-32795:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32795 { flex-direction: column; } }
.component-32796 {
  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-32796:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32796 { flex-direction: column; } }
.component-32797 {
  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-32797:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32797 { flex-direction: column; } }
.component-32798 {
  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-32798:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32798 { flex-direction: column; } }
.component-32799 {
  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-32799:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32799 { flex-direction: column; } }
.component-32800 {
  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-32800:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32800 { flex-direction: column; } }
.component-32801 {
  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-32801:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32801 { flex-direction: column; } }
.component-32802 {
  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-32802:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32802 { flex-direction: column; } }
.component-32803 {
  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-32803:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32803 { flex-direction: column; } }
.component-32804 {
  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-32804:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32804 { flex-direction: column; } }
.component-32805 {
  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-32805:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32805 { flex-direction: column; } }
.component-32806 {
  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-32806:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32806 { flex-direction: column; } }
.component-32807 {
  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-32807:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32807 { flex-direction: column; } }
.component-32808 {
  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-32808:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32808 { flex-direction: column; } }
.component-32809 {
  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-32809:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32809 { flex-direction: column; } }
.component-32810 {
  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-32810:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32810 { flex-direction: column; } }
.component-32811 {
  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-32811:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32811 { flex-direction: column; } }
.component-32812 {
  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-32812:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32812 { flex-direction: column; } }
.component-32813 {
  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-32813:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32813 { flex-direction: column; } }
.component-32814 {
  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-32814:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32814 { flex-direction: column; } }
.component-32815 {
  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-32815:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32815 { flex-direction: column; } }
.component-32816 {
  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-32816:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32816 { flex-direction: column; } }
.component-32817 {
  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-32817:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32817 { flex-direction: column; } }
.component-32818 {
  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-32818:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32818 { flex-direction: column; } }
.component-32819 {
  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-32819:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32819 { flex-direction: column; } }
.component-32820 {
  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-32820:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32820 { flex-direction: column; } }
.component-32821 {
  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-32821:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32821 { flex-direction: column; } }
.component-32822 {
  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-32822:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32822 { flex-direction: column; } }
.component-32823 {
  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-32823:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32823 { flex-direction: column; } }
.component-32824 {
  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-32824:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32824 { flex-direction: column; } }
.component-32825 {
  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-32825:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32825 { flex-direction: column; } }
.component-32826 {
  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-32826:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32826 { flex-direction: column; } }
.component-32827 {
  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-32827:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32827 { flex-direction: column; } }
.component-32828 {
  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-32828:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32828 { flex-direction: column; } }
.component-32829 {
  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-32829:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32829 { flex-direction: column; } }
.component-32830 {
  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-32830:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32830 { flex-direction: column; } }
.component-32831 {
  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-32831:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32831 { flex-direction: column; } }
.component-32832 {
  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-32832:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32832 { flex-direction: column; } }
.component-32833 {
  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-32833:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32833 { flex-direction: column; } }
.component-32834 {
  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-32834:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32834 { flex-direction: column; } }
.component-32835 {
  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-32835:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32835 { flex-direction: column; } }
.component-32836 {
  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-32836:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32836 { flex-direction: column; } }
.component-32837 {
  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-32837:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32837 { flex-direction: column; } }
.component-32838 {
  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-32838:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32838 { flex-direction: column; } }
.component-32839 {
  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-32839:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32839 { flex-direction: column; } }
.component-32840 {
  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-32840:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32840 { flex-direction: column; } }
.component-32841 {
  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-32841:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32841 { flex-direction: column; } }
.component-32842 {
  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-32842:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32842 { flex-direction: column; } }
.component-32843 {
  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-32843:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32843 { flex-direction: column; } }
.component-32844 {
  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-32844:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32844 { flex-direction: column; } }
.component-32845 {
  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-32845:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32845 { flex-direction: column; } }
.component-32846 {
  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-32846:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32846 { flex-direction: column; } }
.component-32847 {
  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-32847:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32847 { flex-direction: column; } }
.component-32848 {
  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-32848:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32848 { flex-direction: column; } }
.component-32849 {
  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-32849:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32849 { flex-direction: column; } }
.component-32850 {
  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-32850:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32850 { flex-direction: column; } }
.component-32851 {
  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-32851:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32851 { flex-direction: column; } }
.component-32852 {
  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-32852:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32852 { flex-direction: column; } }
.component-32853 {
  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-32853:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32853 { flex-direction: column; } }
.component-32854 {
  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-32854:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32854 { flex-direction: column; } }
.component-32855 {
  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-32855:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32855 { flex-direction: column; } }
.component-32856 {
  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-32856:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32856 { flex-direction: column; } }
.component-32857 {
  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-32857:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32857 { flex-direction: column; } }
.component-32858 {
  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-32858:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32858 { flex-direction: column; } }
.component-32859 {
  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-32859:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32859 { flex-direction: column; } }
.component-32860 {
  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-32860:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32860 { flex-direction: column; } }
.component-32861 {
  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-32861:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32861 { flex-direction: column; } }
.component-32862 {
  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-32862:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32862 { flex-direction: column; } }
.component-32863 {
  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-32863:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32863 { flex-direction: column; } }
.component-32864 {
  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-32864:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32864 { flex-direction: column; } }
.component-32865 {
  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-32865:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32865 { flex-direction: column; } }
.component-32866 {
  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-32866:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32866 { flex-direction: column; } }
.component-32867 {
  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-32867:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32867 { flex-direction: column; } }
.component-32868 {
  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-32868:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32868 { flex-direction: column; } }
.component-32869 {
  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-32869:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32869 { flex-direction: column; } }
.component-32870 {
  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-32870:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32870 { flex-direction: column; } }
.component-32871 {
  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-32871:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32871 { flex-direction: column; } }
.component-32872 {
  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-32872:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32872 { flex-direction: column; } }
.component-32873 {
  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-32873:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32873 { flex-direction: column; } }
.component-32874 {
  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-32874:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32874 { flex-direction: column; } }
.component-32875 {
  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-32875:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32875 { flex-direction: column; } }
.component-32876 {
  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-32876:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32876 { flex-direction: column; } }
.component-32877 {
  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-32877:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32877 { flex-direction: column; } }
.component-32878 {
  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-32878:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32878 { flex-direction: column; } }
.component-32879 {
  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-32879:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32879 { flex-direction: column; } }
.component-32880 {
  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-32880:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32880 { flex-direction: column; } }
.component-32881 {
  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-32881:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32881 { flex-direction: column; } }
.component-32882 {
  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-32882:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32882 { flex-direction: column; } }
.component-32883 {
  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-32883:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32883 { flex-direction: column; } }
.component-32884 {
  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-32884:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32884 { flex-direction: column; } }
.component-32885 {
  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-32885:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32885 { flex-direction: column; } }
.component-32886 {
  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-32886:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32886 { flex-direction: column; } }
.component-32887 {
  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-32887:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32887 { flex-direction: column; } }
.component-32888 {
  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-32888:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32888 { flex-direction: column; } }
.component-32889 {
  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-32889:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32889 { flex-direction: column; } }
.component-32890 {
  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-32890:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32890 { flex-direction: column; } }
.component-32891 {
  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-32891:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32891 { flex-direction: column; } }
.component-32892 {
  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-32892:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32892 { flex-direction: column; } }
.component-32893 {
  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-32893:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32893 { flex-direction: column; } }
.component-32894 {
  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-32894:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32894 { flex-direction: column; } }
.component-32895 {
  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-32895:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32895 { flex-direction: column; } }
.component-32896 {
  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-32896:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32896 { flex-direction: column; } }
.component-32897 {
  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-32897:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32897 { flex-direction: column; } }
.component-32898 {
  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-32898:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32898 { flex-direction: column; } }
.component-32899 {
  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-32899:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32899 { flex-direction: column; } }
.component-32900 {
  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-32900:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32900 { flex-direction: column; } }
.component-32901 {
  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-32901:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32901 { flex-direction: column; } }
.component-32902 {
  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-32902:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32902 { flex-direction: column; } }
.component-32903 {
  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-32903:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32903 { flex-direction: column; } }
.component-32904 {
  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-32904:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32904 { flex-direction: column; } }
.component-32905 {
  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-32905:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32905 { flex-direction: column; } }
.component-32906 {
  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-32906:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32906 { flex-direction: column; } }
.component-32907 {
  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-32907:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32907 { flex-direction: column; } }
.component-32908 {
  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-32908:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32908 { flex-direction: column; } }
.component-32909 {
  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-32909:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32909 { flex-direction: column; } }
.component-32910 {
  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-32910:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32910 { flex-direction: column; } }
.component-32911 {
  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-32911:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32911 { flex-direction: column; } }
.component-32912 {
  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-32912:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32912 { flex-direction: column; } }
.component-32913 {
  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-32913:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32913 { flex-direction: column; } }
.component-32914 {
  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-32914:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32914 { flex-direction: column; } }
.component-32915 {
  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-32915:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32915 { flex-direction: column; } }
.component-32916 {
  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-32916:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32916 { flex-direction: column; } }
.component-32917 {
  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-32917:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32917 { flex-direction: column; } }
.component-32918 {
  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-32918:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32918 { flex-direction: column; } }
.component-32919 {
  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-32919:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32919 { flex-direction: column; } }
.component-32920 {
  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-32920:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32920 { flex-direction: column; } }
.component-32921 {
  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-32921:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32921 { flex-direction: column; } }
.component-32922 {
  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-32922:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32922 { flex-direction: column; } }
.component-32923 {
  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-32923:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32923 { flex-direction: column; } }
.component-32924 {
  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-32924:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32924 { flex-direction: column; } }
.component-32925 {
  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-32925:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32925 { flex-direction: column; } }
.component-32926 {
  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-32926:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32926 { flex-direction: column; } }
.component-32927 {
  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-32927:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32927 { flex-direction: column; } }
.component-32928 {
  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-32928:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32928 { flex-direction: column; } }
.component-32929 {
  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-32929:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32929 { flex-direction: column; } }
.component-32930 {
  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-32930:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32930 { flex-direction: column; } }
.component-32931 {
  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-32931:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32931 { flex-direction: column; } }
.component-32932 {
  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-32932:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32932 { flex-direction: column; } }
.component-32933 {
  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-32933:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32933 { flex-direction: column; } }
.component-32934 {
  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-32934:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32934 { flex-direction: column; } }
.component-32935 {
  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-32935:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32935 { flex-direction: column; } }
.component-32936 {
  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-32936:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32936 { flex-direction: column; } }
.component-32937 {
  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-32937:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32937 { flex-direction: column; } }
.component-32938 {
  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-32938:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32938 { flex-direction: column; } }
.component-32939 {
  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-32939:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32939 { flex-direction: column; } }
.component-32940 {
  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-32940:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32940 { flex-direction: column; } }
.component-32941 {
  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-32941:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32941 { flex-direction: column; } }
.component-32942 {
  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-32942:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32942 { flex-direction: column; } }
.component-32943 {
  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-32943:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32943 { flex-direction: column; } }
.component-32944 {
  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-32944:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32944 { flex-direction: column; } }
.component-32945 {
  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-32945:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32945 { flex-direction: column; } }
.component-32946 {
  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-32946:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32946 { flex-direction: column; } }
.component-32947 {
  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-32947:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32947 { flex-direction: column; } }
.component-32948 {
  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-32948:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32948 { flex-direction: column; } }
.component-32949 {
  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-32949:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32949 { flex-direction: column; } }
.component-32950 {
  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-32950:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32950 { flex-direction: column; } }
.component-32951 {
  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-32951:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32951 { flex-direction: column; } }
.component-32952 {
  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-32952:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32952 { flex-direction: column; } }
.component-32953 {
  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-32953:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32953 { flex-direction: column; } }
.component-32954 {
  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-32954:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32954 { flex-direction: column; } }
.component-32955 {
  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-32955:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32955 { flex-direction: column; } }
.component-32956 {
  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-32956:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32956 { flex-direction: column; } }
.component-32957 {
  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-32957:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32957 { flex-direction: column; } }
.component-32958 {
  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-32958:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32958 { flex-direction: column; } }
.component-32959 {
  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-32959:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32959 { flex-direction: column; } }
.component-32960 {
  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-32960:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32960 { flex-direction: column; } }
.component-32961 {
  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-32961:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32961 { flex-direction: column; } }
.component-32962 {
  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-32962:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32962 { flex-direction: column; } }
.component-32963 {
  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-32963:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32963 { flex-direction: column; } }
.component-32964 {
  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-32964:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32964 { flex-direction: column; } }
.component-32965 {
  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-32965:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32965 { flex-direction: column; } }
.component-32966 {
  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-32966:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32966 { flex-direction: column; } }
.component-32967 {
  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-32967:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32967 { flex-direction: column; } }
.component-32968 {
  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-32968:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32968 { flex-direction: column; } }
.component-32969 {
  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-32969:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32969 { flex-direction: column; } }
.component-32970 {
  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-32970:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32970 { flex-direction: column; } }
.component-32971 {
  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-32971:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32971 { flex-direction: column; } }
.component-32972 {
  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-32972:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32972 { flex-direction: column; } }
.component-32973 {
  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-32973:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32973 { flex-direction: column; } }
.component-32974 {
  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-32974:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32974 { flex-direction: column; } }
.component-32975 {
  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-32975:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32975 { flex-direction: column; } }
.component-32976 {
  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-32976:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32976 { flex-direction: column; } }
.component-32977 {
  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-32977:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32977 { flex-direction: column; } }
.component-32978 {
  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-32978:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32978 { flex-direction: column; } }
.component-32979 {
  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-32979:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32979 { flex-direction: column; } }
.component-32980 {
  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-32980:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32980 { flex-direction: column; } }
.component-32981 {
  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-32981:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32981 { flex-direction: column; } }
.component-32982 {
  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-32982:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32982 { flex-direction: column; } }
.component-32983 {
  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-32983:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32983 { flex-direction: column; } }
.component-32984 {
  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-32984:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32984 { flex-direction: column; } }
.component-32985 {
  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-32985:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-32985 { flex-direction: column; } }
.component-32986 {
  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-32986:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-32986 { flex-direction: column; } }
.component-32987 {
  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-32987:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-32987 { flex-direction: column; } }
.component-32988 {
  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-32988:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-32988 { flex-direction: column; } }
.component-32989 {
  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-32989:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-32989 { flex-direction: column; } }
.component-32990 {
  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-32990:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-32990 { flex-direction: column; } }
.component-32991 {
  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-32991:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-32991 { flex-direction: column; } }
.component-32992 {
  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-32992:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-32992 { flex-direction: column; } }
.component-32993 {
  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-32993:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-32993 { flex-direction: column; } }
.component-32994 {
  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-32994:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-32994 { flex-direction: column; } }
.component-32995 {
  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-32995:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-32995 { flex-direction: column; } }
.component-32996 {
  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-32996:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-32996 { flex-direction: column; } }
.component-32997 {
  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-32997:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-32997 { flex-direction: column; } }
.component-32998 {
  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-32998:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-32998 { flex-direction: column; } }
.component-32999 {
  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-32999:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-32999 { flex-direction: column; } }
.component-33000 {
  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-33000:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-33000 { flex-direction: column; } }
.component-33001 {
  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-33001:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-33001 { flex-direction: column; } }
.component-33002 {
  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-33002:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-33002 { flex-direction: column; } }
.component-33003 {
  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-33003:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-33003 { flex-direction: column; } }
.component-33004 {
  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-33004:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-33004 { flex-direction: column; } }
.component-33005 {
  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-33005:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-33005 { flex-direction: column; } }
.component-33006 {
  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-33006:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-33006 { flex-direction: column; } }
.component-33007 {
  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-33007:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-33007 { flex-direction: column; } }
.component-33008 {
  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-33008:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-33008 { flex-direction: column; } }
.component-33009 {
  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-33009:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-33009 { flex-direction: column; } }
.component-33010 {
  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-33010:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-33010 { flex-direction: column; } }
.component-33011 {
  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-33011:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-33011 { flex-direction: column; } }
.component-33012 {
  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-33012:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-33012 { flex-direction: column; } }
.component-33013 {
  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-33013:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-33013 { flex-direction: column; } }
.component-33014 {
  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-33014:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-33014 { flex-direction: column; } }
.component-33015 {
  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-33015:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-33015 { flex-direction: column; } }
.component-33016 {
  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-33016:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-33016 { flex-direction: column; } }
.component-33017 {
  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-33017:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-33017 { flex-direction: column; } }
.component-33018 {
  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-33018:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-33018 { flex-direction: column; } }
.component-33019 {
  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-33019:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-33019 { flex-direction: column; } }
.component-33020 {
  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-33020:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-33020 { flex-direction: column; } }
.component-33021 {
  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-33021:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-33021 { flex-direction: column; } }
.component-33022 {
  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-33022:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-33022 { flex-direction: column; } }
.component-33023 {
  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-33023:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-33023 { flex-direction: column; } }
.component-33024 {
  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-33024:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-33024 { flex-direction: column; } }
.component-33025 {
  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-33025:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-33025 { flex-direction: column; } }
.component-33026 {
  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-33026:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-33026 { flex-direction: column; } }
.component-33027 {
  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-33027:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-33027 { flex-direction: column; } }
.component-33028 {
  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-33028:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-33028 { flex-direction: column; } }
.component-33029 {
  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-33029:hover { transform: translateY(-3px); }
@media (max-width: 960px) { .component-33029 { flex-direction: column; } }
.component-33030 {
  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-33030:hover { transform: translateY(-1px); }
@media (max-width: 480px) { .component-33030 { flex-direction: column; } }
.component-33031 {
  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-33031:hover { transform: translateY(-2px); }
@media (max-width: 600px) { .component-33031 { flex-direction: column; } }
.component-33032 {
  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-33032:hover { transform: translateY(-3px); }
@media (max-width: 720px) { .component-33032 { flex-direction: column; } }
.component-33033 {
  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-33033:hover { transform: translateY(-1px); }
@media (max-width: 840px) { .component-33033 { flex-direction: column; } }
.component-33034 {
  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-33034:hover { transform: translateY(-2px); }
@media (max-width: 960px) { .component-33034 { flex-direction: column; } }
.component-33035 {
  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-33035:hover { transform: translateY(-3px); }
@media (max-width: 480px) { .component-33035 { flex-direction: column; } }
.component-33036 {
  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-33036:hover { transform: translateY(-1px); }
@media (max-width: 600px) { .component-33036 { flex-direction: column; } }
.component-33037 {
  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-33037:hover { transform: translateY(-2px); }
@media (max-width: 720px) { .component-33037 { flex-direction: column; } }
.component-33038 {
  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-33038:hover { transform: translateY(-3px); }
@media (max-width: 840px) { .component-33038 { flex-direction: column; } }
.component-33039 {
  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-33039:hover { transform: translateY(-1px); }
@media (max-width: 960px) { .component-33039 { flex-direction: column; } }
.component-33040 {
  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-33040:hover { transform: translateY(-2px); }
@media (max-width: 480px) { .component-33040 { flex-direction: column; } }
.component-33041 {
  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-33041:hover { transform: translateY(-3px); }
@media (max-width: 600px) { .component-33041 { flex-direction: column; } }
.component-33042 {
  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-33042:hover { transform: translateY(-1px); }
@media (max-width: 720px) { .component-33042 { flex-direction: column; } }
.component-33043 {
  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-33043:hover { transform: translateY(-2px); }
@media (max-width: 840px) { .component-33043 { flex-direction: column; } }
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */