* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: none;
}

.btn,
button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  border: 1px solid #ddd;
  cursor: pointer;
  transition: all 0.25s;
}
.btn:focus-visible,
button:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn:hover,
button:hover {
  background-color: #ddd;
}
.btn:active,
button:active {
  background-color: #f7f7f7;
}

.btn-red {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #ee0000;
  border: 1px solid #ee0000;
}
.btn-red:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-red.btn-outline {
  color: #ee0000;
  background-color: transparent;
}
.btn-red:hover {
  color: #fff;
  background-color: #ca0000;
  border-color: #ca0000;
}
.btn-red:active {
  background-color: #fd0000;
  border-color: #fd0000;
}

.btn-orange {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #ff6500;
  border: 1px solid #ff6500;
}
.btn-orange:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-orange.btn-outline {
  color: #ff6500;
  background-color: transparent;
}
.btn-orange:hover {
  color: #fff;
  background-color: #db5700;
  border-color: #db5700;
}
.btn-orange:active {
  background-color: #ff6e0f;
  border-color: #ff6e0f;
}

.btn-yellow {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #000;
  background-color: #ffdd00;
  border: 1px solid #ffdd00;
}
.btn-yellow:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-yellow.btn-outline {
  color: #ffdd00;
  background-color: transparent;
}
.btn-yellow:hover {
  color: #000;
  background-color: #dbbe00;
  border-color: #dbbe00;
}
.btn-yellow:active {
  background-color: #ffdf0f;
  border-color: #ffdf0f;
}

.btn-lime {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #000;
  background-color: #99dd00;
  border: 1px solid #99dd00;
}
.btn-lime:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-lime.btn-outline {
  color: #99dd00;
  background-color: transparent;
}
.btn-lime:hover {
  color: #fff;
  background-color: #80b900;
  border-color: #80b900;
}
.btn-lime:active {
  background-color: #a4ec00;
  border-color: #a4ec00;
}

.btn-green {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #00aa00;
  border: 1px solid #00aa00;
}
.btn-green:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-green.btn-outline {
  color: #00aa00;
  background-color: transparent;
}
.btn-green:hover {
  color: #fff;
  background-color: #008600;
  border-color: #008600;
}
.btn-green:active {
  background-color: #00b900;
  border-color: #00b900;
}

.btn-teal {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #00aabb;
  border: 1px solid #00aabb;
}
.btn-teal:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-teal.btn-outline {
  color: #00aabb;
  background-color: transparent;
}
.btn-teal:hover {
  color: #fff;
  background-color: #008a97;
  border-color: #008a97;
}
.btn-teal:active {
  background-color: #00b8ca;
  border-color: #00b8ca;
}

.btn-cyan {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #00ddff;
  border: 1px solid #00ddff;
}
.btn-cyan:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-cyan.btn-outline {
  color: #00ddff;
  background-color: transparent;
}
.btn-cyan:hover {
  color: #fff;
  background-color: #00bedb;
  border-color: #00bedb;
}
.btn-cyan:active {
  background-color: #0fdfff;
  border-color: #0fdfff;
}

.btn-blue {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #0088ff;
  border: 1px solid #0088ff;
}
.btn-blue:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-blue.btn-outline {
  color: #0088ff;
  background-color: transparent;
}
.btn-blue:hover {
  color: #fff;
  background-color: #0075db;
  border-color: #0075db;
}
.btn-blue:active {
  background-color: #0f8fff;
  border-color: #0f8fff;
}

.btn-indigo {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #5500cc;
  border: 1px solid #5500cc;
}
.btn-indigo:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-indigo.btn-outline {
  color: #5500cc;
  background-color: transparent;
}
.btn-indigo:hover {
  color: #fff;
  background-color: #4600a8;
  border-color: #4600a8;
}
.btn-indigo:active {
  background-color: #5b00db;
  border-color: #5b00db;
}

.btn-purple {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #8800cc;
  border: 1px solid #8800cc;
}
.btn-purple:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-purple.btn-outline {
  color: #8800cc;
  background-color: transparent;
}
.btn-purple:hover {
  color: #fff;
  background-color: #7000a8;
  border-color: #7000a8;
}
.btn-purple:active {
  background-color: #9200db;
  border-color: #9200db;
}

.btn-pink {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #ff55aa;
  border: 1px solid #ff55aa;
}
.btn-pink:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-pink.btn-outline {
  color: #ff55aa;
  background-color: transparent;
}
.btn-pink:hover {
  color: #fff;
  background-color: #ff3198;
  border-color: #ff3198;
}
.btn-pink:active {
  background-color: #ff64b2;
  border-color: #ff64b2;
}

.btn-magenta {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #ff0088;
  border: 1px solid #ff0088;
}
.btn-magenta:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-magenta.btn-outline {
  color: #ff0088;
  background-color: transparent;
}
.btn-magenta:hover {
  color: #fff;
  background-color: #db0075;
  border-color: #db0075;
}
.btn-magenta:active {
  background-color: #ff0f8f;
  border-color: #ff0f8f;
}

.btn-black {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
}
.btn-black:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-black.btn-outline {
  color: #000;
  background-color: transparent;
}
.btn-black:hover {
  color: #fff;
  background-color: black;
  border-color: black;
}
.btn-black:active {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
}

.btn-gray-1 {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #111;
  border: 1px solid #111;
}
.btn-gray-1:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-gray-1.btn-outline {
  color: #111;
  background-color: transparent;
}
.btn-gray-1:hover {
  color: #fff;
  background-color: black;
  border-color: black;
}
.btn-gray-1:active {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
}

.btn-gray-2 {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #222;
  border: 1px solid #222;
}
.btn-gray-2:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-gray-2.btn-outline {
  color: #222;
  background-color: transparent;
}
.btn-gray-2:hover {
  color: #fff;
  background-color: #101010;
  border-color: #101010;
}
.btn-gray-2:active {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
}

.btn-gray-3 {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
}
.btn-gray-3:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-gray-3.btn-outline {
  color: #333;
  background-color: transparent;
}
.btn-gray-3:hover {
  color: #fff;
  background-color: #212121;
  border-color: #212121;
}
.btn-gray-3:active {
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}

.btn-gray-4 {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #444;
  border: 1px solid #444;
}
.btn-gray-4:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-gray-4.btn-outline {
  color: #444;
  background-color: transparent;
}
.btn-gray-4:hover {
  color: #fff;
  background-color: #323232;
  border-color: #323232;
}
.btn-gray-4:active {
  background-color: #4c4c4c;
  border-color: #4c4c4c;
}

.btn-gray-5 {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #555;
  border: 1px solid #555;
}
.btn-gray-5:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-gray-5.btn-outline {
  color: #555;
  background-color: transparent;
}
.btn-gray-5:hover {
  color: #fff;
  background-color: #434343;
  border-color: #434343;
}
.btn-gray-5:active {
  background-color: #5d5d5d;
  border-color: #5d5d5d;
}

.btn-gray-6 {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #656565;
  border: 1px solid #656565;
}
.btn-gray-6:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-gray-6.btn-outline {
  color: #656565;
  background-color: transparent;
}
.btn-gray-6:hover {
  color: #fff;
  background-color: #535353;
  border-color: #535353;
}
.btn-gray-6:active {
  background-color: #6d6d6d;
  border-color: #6d6d6d;
}

.btn-gray-7 {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #777;
  border: 1px solid #777;
}
.btn-gray-7:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-gray-7.btn-outline {
  color: #777;
  background-color: transparent;
}
.btn-gray-7:hover {
  color: #fff;
  background-color: #656565;
  border-color: #656565;
}
.btn-gray-7:active {
  background-color: #7f7f7f;
  border-color: #7f7f7f;
}

.btn-gray-8 {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #888;
  border: 1px solid #888;
}
.btn-gray-8:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-gray-8.btn-outline {
  color: #888;
  background-color: transparent;
}
.btn-gray-8:hover {
  color: #fff;
  background-color: #767676;
  border-color: #767676;
}
.btn-gray-8:active {
  background-color: #909090;
  border-color: #909090;
}

.btn-gray-9 {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #999;
  border: 1px solid #999;
}
.btn-gray-9:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-gray-9.btn-outline {
  color: #999;
  background-color: transparent;
}
.btn-gray-9:hover {
  color: #fff;
  background-color: #878787;
  border-color: #878787;
}
.btn-gray-9:active {
  background-color: #a1a1a1;
  border-color: #a1a1a1;
}

.btn-gray-a {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #000;
  background-color: #aaa;
  border: 1px solid #aaa;
}
.btn-gray-a:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-gray-a.btn-outline {
  color: #aaa;
  background-color: transparent;
}
.btn-gray-a:hover {
  color: #fff;
  background-color: #989898;
  border-color: #989898;
}
.btn-gray-a:active {
  background-color: #b2b2b2;
  border-color: #b2b2b2;
}

.btn-gray-b {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #000;
  background-color: #bbb;
  border: 1px solid #bbb;
}
.btn-gray-b:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-gray-b.btn-outline {
  color: #bbb;
  background-color: transparent;
}
.btn-gray-b:hover {
  color: #fff;
  background-color: darkgray;
  border-color: darkgray;
}
.btn-gray-b:active {
  background-color: #c3c3c3;
  border-color: #c3c3c3;
}

.btn-gray-c {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #000;
  background-color: #ccc;
  border: 1px solid #ccc;
}
.btn-gray-c:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-gray-c.btn-outline {
  color: #ccc;
  background-color: transparent;
}
.btn-gray-c:hover {
  color: #000;
  background-color: #bababa;
  border-color: #bababa;
}
.btn-gray-c:active {
  background-color: #d4d4d4;
  border-color: #d4d4d4;
}

.btn-gray-d {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #000;
  background-color: #ddd;
  border: 1px solid #ddd;
}
.btn-gray-d:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-gray-d.btn-outline {
  color: #ddd;
  background-color: transparent;
}
.btn-gray-d:hover {
  color: #000;
  background-color: #cbcbcb;
  border-color: #cbcbcb;
}
.btn-gray-d:active {
  background-color: #e5e5e5;
  border-color: #e5e5e5;
}

.btn-gray-e {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #000;
  background-color: #eee;
  border: 1px solid #eee;
}
.btn-gray-e:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-gray-e.btn-outline {
  color: #eee;
  background-color: transparent;
}
.btn-gray-e:hover {
  color: #000;
  background-color: gainsboro;
  border-color: gainsboro;
}
.btn-gray-e:active {
  background-color: #f6f6f6;
  border-color: #f6f6f6;
}

.btn-white {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #000;
  background-color: #fff;
  border: 1px solid #fff;
}
.btn-white:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-white.btn-outline {
  color: #fff;
  background-color: transparent;
}
.btn-white:hover {
  color: #000;
  background-color: #ededed;
  border-color: #ededed;
}
.btn-white:active {
  background-color: white;
  border-color: white;
}

.btn-primary {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #0088ff;
  border: 1px solid #0088ff;
}
.btn-primary:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-primary.btn-outline {
  color: #0088ff;
  background-color: transparent;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0075db;
  border-color: #0075db;
}
.btn-primary:active {
  background-color: #0f8fff;
  border-color: #0f8fff;
}

.btn-secondary {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #ff6500;
  border: 1px solid #ff6500;
}
.btn-secondary:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-secondary.btn-outline {
  color: #ff6500;
  background-color: transparent;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #db5700;
  border-color: #db5700;
}
.btn-secondary:active {
  background-color: #ff6e0f;
  border-color: #ff6e0f;
}

.btn-success {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #00aa00;
  border: 1px solid #00aa00;
}
.btn-success:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-success.btn-outline {
  color: #00aa00;
  background-color: transparent;
}
.btn-success:hover {
  color: #fff;
  background-color: #008600;
  border-color: #008600;
}
.btn-success:active {
  background-color: #00b900;
  border-color: #00b900;
}

.btn-info {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #0088ff;
  border: 1px solid #0088ff;
}
.btn-info:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-info.btn-outline {
  color: #0088ff;
  background-color: transparent;
}
.btn-info:hover {
  color: #fff;
  background-color: #0075db;
  border-color: #0075db;
}
.btn-info:active {
  background-color: #0f8fff;
  border-color: #0f8fff;
}

.btn-warning {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #000;
  background-color: #ffdd00;
  border: 1px solid #ffdd00;
}
.btn-warning:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-warning.btn-outline {
  color: #ffdd00;
  background-color: transparent;
}
.btn-warning:hover {
  color: #000;
  background-color: #dbbe00;
  border-color: #dbbe00;
}
.btn-warning:active {
  background-color: #ffdf0f;
  border-color: #ffdf0f;
}

.btn-danger {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #ee0000;
  border: 1px solid #ee0000;
}
.btn-danger:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-danger.btn-outline {
  color: #ee0000;
  background-color: transparent;
}
.btn-danger:hover {
  color: #fff;
  background-color: #ca0000;
  border-color: #ca0000;
}
.btn-danger:active {
  background-color: #fd0000;
  border-color: #fd0000;
}

.btn-light {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #000;
  background-color: #eee;
  border: 1px solid #eee;
}
.btn-light:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-light.btn-outline {
  color: #eee;
  background-color: transparent;
}
.btn-light:hover {
  color: #000;
  background-color: gainsboro;
  border-color: gainsboro;
}
.btn-light:active {
  background-color: #f6f6f6;
  border-color: #f6f6f6;
}

.btn-gray {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #777;
  border: 1px solid #777;
}
.btn-gray:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-gray.btn-outline {
  color: #777;
  background-color: transparent;
}
.btn-gray:hover {
  color: #fff;
  background-color: #656565;
  border-color: #656565;
}
.btn-gray:active {
  background-color: #7f7f7f;
  border-color: #7f7f7f;
}

.btn-dark {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
}
.btn-dark:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}
.btn-dark.btn-outline {
  color: #333;
  background-color: transparent;
}
.btn-dark:hover {
  color: #fff;
  background-color: #212121;
  border-color: #212121;
}
.btn-dark:active {
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}

.card {
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  overflow: hidden;
}
.card > header,
.card > .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1rem;
}
.card > header h2, .card > header h3, .card > header h4,
.card > .header h2,
.card > .header h3,
.card > .header h4 {
  margin: 0 auto 0 0;
}
.card > section,
.card > article,
.card > .content {
  padding: 1rem;
}
.card > footer,
.card > .footer {
  display: flex;
  flex-direction: row;
  justify-content: end;
  padding: 1rem;
}

.red {
  color: #ee0000;
}

.bg-red {
  background-color: #ee0000;
}

.b-red {
  border: 1px solid #ee0000;
}

.bt-red {
  border-top: 1px solid #ee0000;
}

.bb-red {
  border-bottom: 1px solid #ee0000;
}

.bl-red {
  border-left: 1px solid #ee0000;
}

.br-red {
  border-right: 1px solid #ee0000;
}

.orange {
  color: #ff6500;
}

.bg-orange {
  background-color: #ff6500;
}

.b-orange {
  border: 1px solid #ff6500;
}

.bt-orange {
  border-top: 1px solid #ff6500;
}

.bb-orange {
  border-bottom: 1px solid #ff6500;
}

.bl-orange {
  border-left: 1px solid #ff6500;
}

.br-orange {
  border-right: 1px solid #ff6500;
}

.yellow {
  color: #ffdd00;
}

.bg-yellow {
  background-color: #ffdd00;
}

.b-yellow {
  border: 1px solid #ffdd00;
}

.bt-yellow {
  border-top: 1px solid #ffdd00;
}

.bb-yellow {
  border-bottom: 1px solid #ffdd00;
}

.bl-yellow {
  border-left: 1px solid #ffdd00;
}

.br-yellow {
  border-right: 1px solid #ffdd00;
}

.lime {
  color: #99dd00;
}

.bg-lime {
  background-color: #99dd00;
}

.b-lime {
  border: 1px solid #99dd00;
}

.bt-lime {
  border-top: 1px solid #99dd00;
}

.bb-lime {
  border-bottom: 1px solid #99dd00;
}

.bl-lime {
  border-left: 1px solid #99dd00;
}

.br-lime {
  border-right: 1px solid #99dd00;
}

.green {
  color: #00aa00;
}

.bg-green {
  background-color: #00aa00;
}

.b-green {
  border: 1px solid #00aa00;
}

.bt-green {
  border-top: 1px solid #00aa00;
}

.bb-green {
  border-bottom: 1px solid #00aa00;
}

.bl-green {
  border-left: 1px solid #00aa00;
}

.br-green {
  border-right: 1px solid #00aa00;
}

.teal {
  color: #00aabb;
}

.bg-teal {
  background-color: #00aabb;
}

.b-teal {
  border: 1px solid #00aabb;
}

.bt-teal {
  border-top: 1px solid #00aabb;
}

.bb-teal {
  border-bottom: 1px solid #00aabb;
}

.bl-teal {
  border-left: 1px solid #00aabb;
}

.br-teal {
  border-right: 1px solid #00aabb;
}

.cyan {
  color: #00ddff;
}

.bg-cyan {
  background-color: #00ddff;
}

.b-cyan {
  border: 1px solid #00ddff;
}

.bt-cyan {
  border-top: 1px solid #00ddff;
}

.bb-cyan {
  border-bottom: 1px solid #00ddff;
}

.bl-cyan {
  border-left: 1px solid #00ddff;
}

.br-cyan {
  border-right: 1px solid #00ddff;
}

.blue {
  color: #0088ff;
}

.bg-blue {
  background-color: #0088ff;
}

.b-blue {
  border: 1px solid #0088ff;
}

.bt-blue {
  border-top: 1px solid #0088ff;
}

.bb-blue {
  border-bottom: 1px solid #0088ff;
}

.bl-blue {
  border-left: 1px solid #0088ff;
}

.br-blue {
  border-right: 1px solid #0088ff;
}

.indigo {
  color: #5500cc;
}

.bg-indigo {
  background-color: #5500cc;
}

.b-indigo {
  border: 1px solid #5500cc;
}

.bt-indigo {
  border-top: 1px solid #5500cc;
}

.bb-indigo {
  border-bottom: 1px solid #5500cc;
}

.bl-indigo {
  border-left: 1px solid #5500cc;
}

.br-indigo {
  border-right: 1px solid #5500cc;
}

.purple {
  color: #8800cc;
}

.bg-purple {
  background-color: #8800cc;
}

.b-purple {
  border: 1px solid #8800cc;
}

.bt-purple {
  border-top: 1px solid #8800cc;
}

.bb-purple {
  border-bottom: 1px solid #8800cc;
}

.bl-purple {
  border-left: 1px solid #8800cc;
}

.br-purple {
  border-right: 1px solid #8800cc;
}

.pink {
  color: #ff55aa;
}

.bg-pink {
  background-color: #ff55aa;
}

.b-pink {
  border: 1px solid #ff55aa;
}

.bt-pink {
  border-top: 1px solid #ff55aa;
}

.bb-pink {
  border-bottom: 1px solid #ff55aa;
}

.bl-pink {
  border-left: 1px solid #ff55aa;
}

.br-pink {
  border-right: 1px solid #ff55aa;
}

.magenta {
  color: #ff0088;
}

.bg-magenta {
  background-color: #ff0088;
}

.b-magenta {
  border: 1px solid #ff0088;
}

.bt-magenta {
  border-top: 1px solid #ff0088;
}

.bb-magenta {
  border-bottom: 1px solid #ff0088;
}

.bl-magenta {
  border-left: 1px solid #ff0088;
}

.br-magenta {
  border-right: 1px solid #ff0088;
}

.black {
  color: #000;
}

.bg-black {
  background-color: #000;
}

.b-black {
  border: 1px solid #000;
}

.bt-black {
  border-top: 1px solid #000;
}

.bb-black {
  border-bottom: 1px solid #000;
}

.bl-black {
  border-left: 1px solid #000;
}

.br-black {
  border-right: 1px solid #000;
}

.gray-1 {
  color: #111;
}

.bg-gray-1 {
  background-color: #111;
}

.b-gray-1 {
  border: 1px solid #111;
}

.bt-gray-1 {
  border-top: 1px solid #111;
}

.bb-gray-1 {
  border-bottom: 1px solid #111;
}

.bl-gray-1 {
  border-left: 1px solid #111;
}

.br-gray-1 {
  border-right: 1px solid #111;
}

.gray-2 {
  color: #222;
}

.bg-gray-2 {
  background-color: #222;
}

.b-gray-2 {
  border: 1px solid #222;
}

.bt-gray-2 {
  border-top: 1px solid #222;
}

.bb-gray-2 {
  border-bottom: 1px solid #222;
}

.bl-gray-2 {
  border-left: 1px solid #222;
}

.br-gray-2 {
  border-right: 1px solid #222;
}

.gray-3 {
  color: #333;
}

.bg-gray-3 {
  background-color: #333;
}

.b-gray-3 {
  border: 1px solid #333;
}

.bt-gray-3 {
  border-top: 1px solid #333;
}

.bb-gray-3 {
  border-bottom: 1px solid #333;
}

.bl-gray-3 {
  border-left: 1px solid #333;
}

.br-gray-3 {
  border-right: 1px solid #333;
}

.gray-4 {
  color: #444;
}

.bg-gray-4 {
  background-color: #444;
}

.b-gray-4 {
  border: 1px solid #444;
}

.bt-gray-4 {
  border-top: 1px solid #444;
}

.bb-gray-4 {
  border-bottom: 1px solid #444;
}

.bl-gray-4 {
  border-left: 1px solid #444;
}

.br-gray-4 {
  border-right: 1px solid #444;
}

.gray-5 {
  color: #555;
}

.bg-gray-5 {
  background-color: #555;
}

.b-gray-5 {
  border: 1px solid #555;
}

.bt-gray-5 {
  border-top: 1px solid #555;
}

.bb-gray-5 {
  border-bottom: 1px solid #555;
}

.bl-gray-5 {
  border-left: 1px solid #555;
}

.br-gray-5 {
  border-right: 1px solid #555;
}

.gray-6 {
  color: #656565;
}

.bg-gray-6 {
  background-color: #656565;
}

.b-gray-6 {
  border: 1px solid #656565;
}

.bt-gray-6 {
  border-top: 1px solid #656565;
}

.bb-gray-6 {
  border-bottom: 1px solid #656565;
}

.bl-gray-6 {
  border-left: 1px solid #656565;
}

.br-gray-6 {
  border-right: 1px solid #656565;
}

.gray-7 {
  color: #777;
}

.bg-gray-7 {
  background-color: #777;
}

.b-gray-7 {
  border: 1px solid #777;
}

.bt-gray-7 {
  border-top: 1px solid #777;
}

.bb-gray-7 {
  border-bottom: 1px solid #777;
}

.bl-gray-7 {
  border-left: 1px solid #777;
}

.br-gray-7 {
  border-right: 1px solid #777;
}

.gray-8 {
  color: #888;
}

.bg-gray-8 {
  background-color: #888;
}

.b-gray-8 {
  border: 1px solid #888;
}

.bt-gray-8 {
  border-top: 1px solid #888;
}

.bb-gray-8 {
  border-bottom: 1px solid #888;
}

.bl-gray-8 {
  border-left: 1px solid #888;
}

.br-gray-8 {
  border-right: 1px solid #888;
}

.gray-9 {
  color: #999;
}

.bg-gray-9 {
  background-color: #999;
}

.b-gray-9 {
  border: 1px solid #999;
}

.bt-gray-9 {
  border-top: 1px solid #999;
}

.bb-gray-9 {
  border-bottom: 1px solid #999;
}

.bl-gray-9 {
  border-left: 1px solid #999;
}

.br-gray-9 {
  border-right: 1px solid #999;
}

.gray-a {
  color: #aaa;
}

.bg-gray-a {
  background-color: #aaa;
}

.b-gray-a {
  border: 1px solid #aaa;
}

.bt-gray-a {
  border-top: 1px solid #aaa;
}

.bb-gray-a {
  border-bottom: 1px solid #aaa;
}

.bl-gray-a {
  border-left: 1px solid #aaa;
}

.br-gray-a {
  border-right: 1px solid #aaa;
}

.gray-b {
  color: #bbb;
}

.bg-gray-b {
  background-color: #bbb;
}

.b-gray-b {
  border: 1px solid #bbb;
}

.bt-gray-b {
  border-top: 1px solid #bbb;
}

.bb-gray-b {
  border-bottom: 1px solid #bbb;
}

.bl-gray-b {
  border-left: 1px solid #bbb;
}

.br-gray-b {
  border-right: 1px solid #bbb;
}

.gray-c {
  color: #ccc;
}

.bg-gray-c {
  background-color: #ccc;
}

.b-gray-c {
  border: 1px solid #ccc;
}

.bt-gray-c {
  border-top: 1px solid #ccc;
}

.bb-gray-c {
  border-bottom: 1px solid #ccc;
}

.bl-gray-c {
  border-left: 1px solid #ccc;
}

.br-gray-c {
  border-right: 1px solid #ccc;
}

.gray-d {
  color: #ddd;
}

.bg-gray-d {
  background-color: #ddd;
}

.b-gray-d {
  border: 1px solid #ddd;
}

.bt-gray-d {
  border-top: 1px solid #ddd;
}

.bb-gray-d {
  border-bottom: 1px solid #ddd;
}

.bl-gray-d {
  border-left: 1px solid #ddd;
}

.br-gray-d {
  border-right: 1px solid #ddd;
}

.gray-e {
  color: #eee;
}

.bg-gray-e {
  background-color: #eee;
}

.b-gray-e {
  border: 1px solid #eee;
}

.bt-gray-e {
  border-top: 1px solid #eee;
}

.bb-gray-e {
  border-bottom: 1px solid #eee;
}

.bl-gray-e {
  border-left: 1px solid #eee;
}

.br-gray-e {
  border-right: 1px solid #eee;
}

.white {
  color: #fff;
}

.bg-white {
  background-color: #fff;
}

.b-white {
  border: 1px solid #fff;
}

.bt-white {
  border-top: 1px solid #fff;
}

.bb-white {
  border-bottom: 1px solid #fff;
}

.bl-white {
  border-left: 1px solid #fff;
}

.br-white {
  border-right: 1px solid #fff;
}

.primary {
  color: #0088ff;
}

.bg-primary {
  background-color: #0088ff;
}

.b-primary {
  border: 1px solid #0088ff;
}

.bt-primary {
  border-top: 1px solid #0088ff;
}

.bb-primary {
  border-bottom: 1px solid #0088ff;
}

.bl-primary {
  border-left: 1px solid #0088ff;
}

.br-primary {
  border-right: 1px solid #0088ff;
}

.secondary {
  color: #ff6500;
}

.bg-secondary {
  background-color: #ff6500;
}

.b-secondary {
  border: 1px solid #ff6500;
}

.bt-secondary {
  border-top: 1px solid #ff6500;
}

.bb-secondary {
  border-bottom: 1px solid #ff6500;
}

.bl-secondary {
  border-left: 1px solid #ff6500;
}

.br-secondary {
  border-right: 1px solid #ff6500;
}

.success {
  color: #00aa00;
}

.bg-success {
  background-color: #00aa00;
}

.b-success {
  border: 1px solid #00aa00;
}

.bt-success {
  border-top: 1px solid #00aa00;
}

.bb-success {
  border-bottom: 1px solid #00aa00;
}

.bl-success {
  border-left: 1px solid #00aa00;
}

.br-success {
  border-right: 1px solid #00aa00;
}

.info {
  color: #0088ff;
}

.bg-info {
  background-color: #0088ff;
}

.b-info {
  border: 1px solid #0088ff;
}

.bt-info {
  border-top: 1px solid #0088ff;
}

.bb-info {
  border-bottom: 1px solid #0088ff;
}

.bl-info {
  border-left: 1px solid #0088ff;
}

.br-info {
  border-right: 1px solid #0088ff;
}

.warning {
  color: #ffdd00;
}

.bg-warning {
  background-color: #ffdd00;
}

.b-warning {
  border: 1px solid #ffdd00;
}

.bt-warning {
  border-top: 1px solid #ffdd00;
}

.bb-warning {
  border-bottom: 1px solid #ffdd00;
}

.bl-warning {
  border-left: 1px solid #ffdd00;
}

.br-warning {
  border-right: 1px solid #ffdd00;
}

.danger {
  color: #ee0000;
}

.bg-danger {
  background-color: #ee0000;
}

.b-danger {
  border: 1px solid #ee0000;
}

.bt-danger {
  border-top: 1px solid #ee0000;
}

.bb-danger {
  border-bottom: 1px solid #ee0000;
}

.bl-danger {
  border-left: 1px solid #ee0000;
}

.br-danger {
  border-right: 1px solid #ee0000;
}

.light {
  color: #eee;
}

.bg-light {
  background-color: #eee;
}

.b-light {
  border: 1px solid #eee;
}

.bt-light {
  border-top: 1px solid #eee;
}

.bb-light {
  border-bottom: 1px solid #eee;
}

.bl-light {
  border-left: 1px solid #eee;
}

.br-light {
  border-right: 1px solid #eee;
}

.gray {
  color: #777;
}

.bg-gray {
  background-color: #777;
}

.b-gray {
  border: 1px solid #777;
}

.bt-gray {
  border-top: 1px solid #777;
}

.bb-gray {
  border-bottom: 1px solid #777;
}

.bl-gray {
  border-left: 1px solid #777;
}

.br-gray {
  border-right: 1px solid #777;
}

.dark {
  color: #333;
}

.bg-dark {
  background-color: #333;
}

.b-dark {
  border: 1px solid #333;
}

.bt-dark {
  border-top: 1px solid #333;
}

.bb-dark {
  border-bottom: 1px solid #333;
}

.bl-dark {
  border-left: 1px solid #333;
}

.br-dark {
  border-right: 1px solid #333;
}

.row {
  position: relative;
  display: flex;
  flex-direction: row;
  flex: 0 0 0;
  flex-wrap: wrap;
  --gutter: 0;
  margin: calc(var(--gutter) * -0.5);
}
.row.g0 {
  --gutter: 0rem;
}
.row.g0 > .el {
  padding: calc(var(--gutter) * 0.5);
}
.row.gx0 {
  --gutter-x: 0rem;
}
.row.gy0 {
  --gutter-y: 0rem;
}
.row.g1 {
  --gutter: 0.25rem;
}
.row.g1 > .el {
  padding: calc(var(--gutter) * 0.5);
}
.row.gx1 {
  --gutter-x: 0.25rem;
}
.row.gy1 {
  --gutter-y: 0.25rem;
}
.row.g2 {
  --gutter: 0.5rem;
}
.row.g2 > .el {
  padding: calc(var(--gutter) * 0.5);
}
.row.gx2 {
  --gutter-x: 0.5rem;
}
.row.gy2 {
  --gutter-y: 0.5rem;
}
.row.g3 {
  --gutter: 1rem;
}
.row.g3 > .el {
  padding: calc(var(--gutter) * 0.5);
}
.row.gx3 {
  --gutter-x: 1rem;
}
.row.gy3 {
  --gutter-y: 1rem;
}
.row.g4 {
  --gutter: 2rem;
}
.row.g4 > .el {
  padding: calc(var(--gutter) * 0.5);
}
.row.gx4 {
  --gutter-x: 2rem;
}
.row.gy4 {
  --gutter-y: 2rem;
}
.row.g5 {
  --gutter: 3.5rem;
}
.row.g5 > .el {
  padding: calc(var(--gutter) * 0.5);
}
.row.gx5 {
  --gutter-x: 3.5rem;
}
.row.gy5 {
  --gutter-y: 3.5rem;
}
.row.g6 {
  --gutter: 6rem;
}
.row.g6 > .el {
  padding: calc(var(--gutter) * 0.5);
}
.row.gx6 {
  --gutter-x: 6rem;
}
.row.gy6 {
  --gutter-y: 6rem;
}
@media screen and (min-width: 0) {
  .row.xs-1el > .el {
    width: calc(100% / 1);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 0) {
  .row.xs-2el > .el {
    width: calc(100% / 2);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 0) {
  .row.xs-3el > .el {
    width: calc(100% / 3);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 0) {
  .row.xs-4el > .el {
    width: calc(100% / 4);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 0) {
  .row.xs-5el > .el {
    width: calc(100% / 5);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 0) {
  .row.xs-6el > .el {
    width: calc(100% / 6);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 0) {
  .row.xs-7el > .el {
    width: calc(100% / 7);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 0) {
  .row.xs-8el > .el {
    width: calc(100% / 8);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 0) {
  .row.xs-9el > .el {
    width: calc(100% / 9);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 0) {
  .row.xs-10el > .el {
    width: calc(100% / 10);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 0) {
  .row.xs-11el > .el {
    width: calc(100% / 11);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 0) {
  .row.xs-12el > .el {
    width: calc(100% / 12);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 480px) {
  .row.sm-1el > .el {
    width: calc(100% / 1);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 480px) {
  .row.sm-2el > .el {
    width: calc(100% / 2);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 480px) {
  .row.sm-3el > .el {
    width: calc(100% / 3);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 480px) {
  .row.sm-4el > .el {
    width: calc(100% / 4);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 480px) {
  .row.sm-5el > .el {
    width: calc(100% / 5);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 480px) {
  .row.sm-6el > .el {
    width: calc(100% / 6);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 480px) {
  .row.sm-7el > .el {
    width: calc(100% / 7);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 480px) {
  .row.sm-8el > .el {
    width: calc(100% / 8);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 480px) {
  .row.sm-9el > .el {
    width: calc(100% / 9);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 480px) {
  .row.sm-10el > .el {
    width: calc(100% / 10);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 480px) {
  .row.sm-11el > .el {
    width: calc(100% / 11);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 480px) {
  .row.sm-12el > .el {
    width: calc(100% / 12);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .row.md-1el > .el {
    width: calc(100% / 1);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .row.md-2el > .el {
    width: calc(100% / 2);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .row.md-3el > .el {
    width: calc(100% / 3);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .row.md-4el > .el {
    width: calc(100% / 4);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .row.md-5el > .el {
    width: calc(100% / 5);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .row.md-6el > .el {
    width: calc(100% / 6);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .row.md-7el > .el {
    width: calc(100% / 7);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .row.md-8el > .el {
    width: calc(100% / 8);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .row.md-9el > .el {
    width: calc(100% / 9);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .row.md-10el > .el {
    width: calc(100% / 10);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .row.md-11el > .el {
    width: calc(100% / 11);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .row.md-12el > .el {
    width: calc(100% / 12);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .row.lg-1el > .el {
    width: calc(100% / 1);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .row.lg-2el > .el {
    width: calc(100% / 2);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .row.lg-3el > .el {
    width: calc(100% / 3);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .row.lg-4el > .el {
    width: calc(100% / 4);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .row.lg-5el > .el {
    width: calc(100% / 5);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .row.lg-6el > .el {
    width: calc(100% / 6);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .row.lg-7el > .el {
    width: calc(100% / 7);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .row.lg-8el > .el {
    width: calc(100% / 8);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .row.lg-9el > .el {
    width: calc(100% / 9);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .row.lg-10el > .el {
    width: calc(100% / 10);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .row.lg-11el > .el {
    width: calc(100% / 11);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1280px) {
  .row.lg-12el > .el {
    width: calc(100% / 12);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1920px) {
  .row.xl-1el > .el {
    width: calc(100% / 1);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1920px) {
  .row.xl-2el > .el {
    width: calc(100% / 2);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1920px) {
  .row.xl-3el > .el {
    width: calc(100% / 3);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1920px) {
  .row.xl-4el > .el {
    width: calc(100% / 4);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1920px) {
  .row.xl-5el > .el {
    width: calc(100% / 5);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1920px) {
  .row.xl-6el > .el {
    width: calc(100% / 6);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1920px) {
  .row.xl-7el > .el {
    width: calc(100% / 7);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1920px) {
  .row.xl-8el > .el {
    width: calc(100% / 8);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1920px) {
  .row.xl-9el > .el {
    width: calc(100% / 9);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1920px) {
  .row.xl-10el > .el {
    width: calc(100% / 10);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1920px) {
  .row.xl-11el > .el {
    width: calc(100% / 11);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 1920px) {
  .row.xl-12el > .el {
    width: calc(100% / 12);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 2540px) {
  .row.xxl-1el > .el {
    width: calc(100% / 1);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 2540px) {
  .row.xxl-2el > .el {
    width: calc(100% / 2);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 2540px) {
  .row.xxl-3el > .el {
    width: calc(100% / 3);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 2540px) {
  .row.xxl-4el > .el {
    width: calc(100% / 4);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 2540px) {
  .row.xxl-5el > .el {
    width: calc(100% / 5);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 2540px) {
  .row.xxl-6el > .el {
    width: calc(100% / 6);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 2540px) {
  .row.xxl-7el > .el {
    width: calc(100% / 7);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 2540px) {
  .row.xxl-8el > .el {
    width: calc(100% / 8);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 2540px) {
  .row.xxl-9el > .el {
    width: calc(100% / 9);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 2540px) {
  .row.xxl-10el > .el {
    width: calc(100% / 10);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 2540px) {
  .row.xxl-11el > .el {
    width: calc(100% / 11);
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 2540px) {
  .row.xxl-12el > .el {
    width: calc(100% / 12);
    flex: 0 0 auto;
  }
}

.xs1,
.el1 {
  width: calc(100% / 12 * 1);
  flex: 0 0 auto !important;
}

.xs2,
.el2 {
  width: calc(100% / 12 * 2);
  flex: 0 0 auto !important;
}

.xs3,
.el3 {
  width: calc(100% / 12 * 3);
  flex: 0 0 auto !important;
}

.xs4,
.el4 {
  width: calc(100% / 12 * 4);
  flex: 0 0 auto !important;
}

.xs5,
.el5 {
  width: calc(100% / 12 * 5);
  flex: 0 0 auto !important;
}

.xs6,
.el6 {
  width: calc(100% / 12 * 6);
  flex: 0 0 auto !important;
}

.xs7,
.el7 {
  width: calc(100% / 12 * 7);
  flex: 0 0 auto !important;
}

.xs8,
.el8 {
  width: calc(100% / 12 * 8);
  flex: 0 0 auto !important;
}

.xs9,
.el9 {
  width: calc(100% / 12 * 9);
  flex: 0 0 auto !important;
}

.xs10,
.el10 {
  width: calc(100% / 12 * 10);
  flex: 0 0 auto !important;
}

.xs11,
.el11 {
  width: calc(100% / 12 * 11);
  flex: 0 0 auto !important;
}

.xs12,
.el12 {
  width: calc(100% / 12 * 12);
  flex: 0 0 auto !important;
}

@media screen and (min-width: 480px) {
  .sm1 {
    width: calc(100% / 12 * 1);
    flex: 0 0 auto !important;
  }
  .sm2 {
    width: calc(100% / 12 * 2);
    flex: 0 0 auto !important;
  }
  .sm3 {
    width: calc(100% / 12 * 3);
    flex: 0 0 auto !important;
  }
  .sm4 {
    width: calc(100% / 12 * 4);
    flex: 0 0 auto !important;
  }
  .sm5 {
    width: calc(100% / 12 * 5);
    flex: 0 0 auto !important;
  }
  .sm6 {
    width: calc(100% / 12 * 6);
    flex: 0 0 auto !important;
  }
  .sm7 {
    width: calc(100% / 12 * 7);
    flex: 0 0 auto !important;
  }
  .sm8 {
    width: calc(100% / 12 * 8);
    flex: 0 0 auto !important;
  }
  .sm9 {
    width: calc(100% / 12 * 9);
    flex: 0 0 auto !important;
  }
  .sm10 {
    width: calc(100% / 12 * 10);
    flex: 0 0 auto !important;
  }
  .sm11 {
    width: calc(100% / 12 * 11);
    flex: 0 0 auto !important;
  }
  .sm12 {
    width: calc(100% / 12 * 12);
    flex: 0 0 auto !important;
  }
}
@media screen and (min-width: 768px) {
  .md1 {
    width: calc(100% / 12 * 1);
    flex: 0 0 auto !important;
  }
  .md2 {
    width: calc(100% / 12 * 2);
    flex: 0 0 auto !important;
  }
  .md3 {
    width: calc(100% / 12 * 3);
    flex: 0 0 auto !important;
  }
  .md4 {
    width: calc(100% / 12 * 4);
    flex: 0 0 auto !important;
  }
  .md5 {
    width: calc(100% / 12 * 5);
    flex: 0 0 auto !important;
  }
  .md6 {
    width: calc(100% / 12 * 6);
    flex: 0 0 auto !important;
  }
  .md7 {
    width: calc(100% / 12 * 7);
    flex: 0 0 auto !important;
  }
  .md8 {
    width: calc(100% / 12 * 8);
    flex: 0 0 auto !important;
  }
  .md9 {
    width: calc(100% / 12 * 9);
    flex: 0 0 auto !important;
  }
  .md10 {
    width: calc(100% / 12 * 10);
    flex: 0 0 auto !important;
  }
  .md11 {
    width: calc(100% / 12 * 11);
    flex: 0 0 auto !important;
  }
  .md12 {
    width: calc(100% / 12 * 12);
    flex: 0 0 auto !important;
  }
}
@media screen and (min-width: 1280px) {
  .lg1 {
    width: calc(100% / 12 * 1);
    flex: 0 0 auto !important;
  }
  .lg2 {
    width: calc(100% / 12 * 2);
    flex: 0 0 auto !important;
  }
  .lg3 {
    width: calc(100% / 12 * 3);
    flex: 0 0 auto !important;
  }
  .lg4 {
    width: calc(100% / 12 * 4);
    flex: 0 0 auto !important;
  }
  .lg5 {
    width: calc(100% / 12 * 5);
    flex: 0 0 auto !important;
  }
  .lg6 {
    width: calc(100% / 12 * 6);
    flex: 0 0 auto !important;
  }
  .lg7 {
    width: calc(100% / 12 * 7);
    flex: 0 0 auto !important;
  }
  .lg8 {
    width: calc(100% / 12 * 8);
    flex: 0 0 auto !important;
  }
  .lg9 {
    width: calc(100% / 12 * 9);
    flex: 0 0 auto !important;
  }
  .lg10 {
    width: calc(100% / 12 * 10);
    flex: 0 0 auto !important;
  }
  .lg11 {
    width: calc(100% / 12 * 11);
    flex: 0 0 auto !important;
  }
  .lg12 {
    width: calc(100% / 12 * 12);
    flex: 0 0 auto !important;
  }
}
@media screen and (min-width: 1920px) {
  .xl1 {
    width: calc(100% / 12 * 1);
    flex: 0 0 auto !important;
  }
  .xl2 {
    width: calc(100% / 12 * 2);
    flex: 0 0 auto !important;
  }
  .xl3 {
    width: calc(100% / 12 * 3);
    flex: 0 0 auto !important;
  }
  .xl4 {
    width: calc(100% / 12 * 4);
    flex: 0 0 auto !important;
  }
  .xl5 {
    width: calc(100% / 12 * 5);
    flex: 0 0 auto !important;
  }
  .xl6 {
    width: calc(100% / 12 * 6);
    flex: 0 0 auto !important;
  }
  .xl7 {
    width: calc(100% / 12 * 7);
    flex: 0 0 auto !important;
  }
  .xl8 {
    width: calc(100% / 12 * 8);
    flex: 0 0 auto !important;
  }
  .xl9 {
    width: calc(100% / 12 * 9);
    flex: 0 0 auto !important;
  }
  .xl10 {
    width: calc(100% / 12 * 10);
    flex: 0 0 auto !important;
  }
  .xl11 {
    width: calc(100% / 12 * 11);
    flex: 0 0 auto !important;
  }
  .xl12 {
    width: calc(100% / 12 * 12);
    flex: 0 0 auto !important;
  }
}
@media screen and (min-width: 2540px) {
  .xxl1 {
    width: calc(100% / 12 * 1);
    flex: 0 0 auto !important;
  }
  .xxl2 {
    width: calc(100% / 12 * 2);
    flex: 0 0 auto !important;
  }
  .xxl3 {
    width: calc(100% / 12 * 3);
    flex: 0 0 auto !important;
  }
  .xxl4 {
    width: calc(100% / 12 * 4);
    flex: 0 0 auto !important;
  }
  .xxl5 {
    width: calc(100% / 12 * 5);
    flex: 0 0 auto !important;
  }
  .xxl6 {
    width: calc(100% / 12 * 6);
    flex: 0 0 auto !important;
  }
  .xxl7 {
    width: calc(100% / 12 * 7);
    flex: 0 0 auto !important;
  }
  .xxl8 {
    width: calc(100% / 12 * 8);
    flex: 0 0 auto !important;
  }
  .xxl9 {
    width: calc(100% / 12 * 9);
    flex: 0 0 auto !important;
  }
  .xxl10 {
    width: calc(100% / 12 * 10);
    flex: 0 0 auto !important;
  }
  .xxl11 {
    width: calc(100% / 12 * 11);
    flex: 0 0 auto !important;
  }
  .xxl12 {
    width: calc(100% / 12 * 12);
    flex: 0 0 auto !important;
  }
}
.xs-row {
  flex-direction: row !important;
}

.xs-column {
  flex-direction: column !important;
}

@media screen and (min-width: 480px) {
  .sm-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 480px) {
  .sm-column {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 768px) {
  .md-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 768px) {
  .md-column {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 1280px) {
  .lg-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 1280px) {
  .lg-column {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 1920px) {
  .xl-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 1920px) {
  .xl-column {
    flex-direction: column !important;
  }
}
@media screen and (min-width: 2540px) {
  .xxl-row {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 2540px) {
  .xxl-column {
    flex-direction: column !important;
  }
}
.column {
  position: relative;
  display: flex;
  flex: 0 0 0;
  flex-direction: column;
}

.el {
  flex: 1 0 0%;
}

.centered {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.grow {
  flex-grow: 1;
}

.grow-0 {
  flex-grow: 0;
}

.ai-center,
.align {
  align-items: center;
}

.ai-start {
  align-items: start;
}

.ai-end {
  align-items: end;
}

.jc-sb {
  justify-content: space-between;
}

.jc-sa {
  justify-content: space-around;
}

.jc-se {
  justify-content: space-evenly;
}

.jc-start,
.start {
  justify-content: start;
}

.jc-end,
.end {
  justify-content: end;
}

.jc-center .center {
  justify-content: center;
}

.jc-stretch {
  justify-content: stretch;
}

.wrap {
  flex-wrap: wrap !important;
}

.nowrap {
  flex-wrap: nowrap !important;
}

form fieldset {
  padding-left: 1rem;
}
form fieldset legend {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-left: -1rem;
  margin-bottom: 1rem;
}

input,
select,
textarea {
  padding: 0 0.5rem;
  height: 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.25rem;
  outline-color: #0088ff;
  border: 1px solid #ddd;
  transition: outline-color 0.5s;
}
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(0, 136, 255, 0.25);
}

.form-sm input,
.form-sm select,
.form-sm textarea,
.form-sm button {
  font-size: 0.875rem;
  padding: 0 0.3333333333rem;
  height: 1.5rem;
}

.form-lg input,
.form-lg select,
.form-lg textarea,
.form-lg button {
  font-size: 1.125rem;
  padding: 0 1rem;
  height: 2.5rem;
}

input,
select,
textarea,
.form-input {
  flex: 1 0 0;
  width: 100%;
  min-width: 10rem;
  max-width: 100%;
}

.form-group {
  flex-wrap: wrap;
  align-items: baseline;
  margin-bottom: 0.5rem;
}
.form-group .form-input .form-error {
  border-bottom-color: #ee0000;
}
.form-group .form-input .form-message {
  color: #ee0000;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}

label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  min-width: 100px;
}

.grid {
  display: grid;
  grid-template-rows: repeat(1, 1fr);
  grid-template-columns: repeat(12, 1fr);
  gap: 0;
}
.grid .el {
  grid-column: auto;
}
.grid.gap0 {
  gap: 0rem;
}
.grid.gap1 {
  gap: 0.25rem;
}
.grid.gap2 {
  gap: 0.5rem;
}
.grid.gap3 {
  gap: 1rem;
}
.grid.gap4 {
  gap: 2rem;
}
.grid.gap5 {
  gap: 3.5rem;
}
.grid.gap6 {
  gap: 6rem;
}
@media screen and (min-width: 0) {
  .grid.xs-1el {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (min-width: 0) {
  .grid.xs-2el {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 0) {
  .grid.xs-3el {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 0) {
  .grid.xs-4el {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 0) {
  .grid.xs-5el {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 0) {
  .grid.xs-6el {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (min-width: 0) {
  .grid.xs-7el {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media screen and (min-width: 0) {
  .grid.xs-8el {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (min-width: 0) {
  .grid.xs-9el {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media screen and (min-width: 0) {
  .grid.xs-10el {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media screen and (min-width: 0) {
  .grid.xs-11el {
    grid-template-columns: repeat(11, 1fr);
  }
}
@media screen and (min-width: 0) {
  .grid.xs-12el {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 0) {
  .grid > .xs1 {
    grid-column: auto/span 1;
  }
  .grid > .xs2 {
    grid-column: auto/span 2;
  }
  .grid > .xs3 {
    grid-column: auto/span 3;
  }
  .grid > .xs4 {
    grid-column: auto/span 4;
  }
  .grid > .xs5 {
    grid-column: auto/span 5;
  }
  .grid > .xs6 {
    grid-column: auto/span 6;
  }
  .grid > .xs7 {
    grid-column: auto/span 7;
  }
  .grid > .xs8 {
    grid-column: auto/span 8;
  }
  .grid > .xs9 {
    grid-column: auto/span 9;
  }
  .grid > .xs10 {
    grid-column: auto/span 10;
  }
  .grid > .xs11 {
    grid-column: auto/span 11;
  }
  .grid > .xs12 {
    grid-column: auto/span 12;
  }
}
@media screen and (min-width: 480px) {
  .grid.sm-1el {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (min-width: 480px) {
  .grid.sm-2el {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 480px) {
  .grid.sm-3el {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 480px) {
  .grid.sm-4el {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 480px) {
  .grid.sm-5el {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 480px) {
  .grid.sm-6el {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (min-width: 480px) {
  .grid.sm-7el {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media screen and (min-width: 480px) {
  .grid.sm-8el {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (min-width: 480px) {
  .grid.sm-9el {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media screen and (min-width: 480px) {
  .grid.sm-10el {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media screen and (min-width: 480px) {
  .grid.sm-11el {
    grid-template-columns: repeat(11, 1fr);
  }
}
@media screen and (min-width: 480px) {
  .grid.sm-12el {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 480px) {
  .grid > .sm1 {
    grid-column: auto/span 1;
  }
  .grid > .sm2 {
    grid-column: auto/span 2;
  }
  .grid > .sm3 {
    grid-column: auto/span 3;
  }
  .grid > .sm4 {
    grid-column: auto/span 4;
  }
  .grid > .sm5 {
    grid-column: auto/span 5;
  }
  .grid > .sm6 {
    grid-column: auto/span 6;
  }
  .grid > .sm7 {
    grid-column: auto/span 7;
  }
  .grid > .sm8 {
    grid-column: auto/span 8;
  }
  .grid > .sm9 {
    grid-column: auto/span 9;
  }
  .grid > .sm10 {
    grid-column: auto/span 10;
  }
  .grid > .sm11 {
    grid-column: auto/span 11;
  }
  .grid > .sm12 {
    grid-column: auto/span 12;
  }
}
@media screen and (min-width: 768px) {
  .grid.md-1el {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .grid.md-2el {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .grid.md-3el {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .grid.md-4el {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .grid.md-5el {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .grid.md-6el {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .grid.md-7el {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .grid.md-8el {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .grid.md-9el {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .grid.md-10el {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .grid.md-11el {
    grid-template-columns: repeat(11, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .grid.md-12el {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .grid > .md1 {
    grid-column: auto/span 1;
  }
  .grid > .md2 {
    grid-column: auto/span 2;
  }
  .grid > .md3 {
    grid-column: auto/span 3;
  }
  .grid > .md4 {
    grid-column: auto/span 4;
  }
  .grid > .md5 {
    grid-column: auto/span 5;
  }
  .grid > .md6 {
    grid-column: auto/span 6;
  }
  .grid > .md7 {
    grid-column: auto/span 7;
  }
  .grid > .md8 {
    grid-column: auto/span 8;
  }
  .grid > .md9 {
    grid-column: auto/span 9;
  }
  .grid > .md10 {
    grid-column: auto/span 10;
  }
  .grid > .md11 {
    grid-column: auto/span 11;
  }
  .grid > .md12 {
    grid-column: auto/span 12;
  }
}
@media screen and (min-width: 1280px) {
  .grid.lg-1el {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (min-width: 1280px) {
  .grid.lg-2el {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1280px) {
  .grid.lg-3el {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1280px) {
  .grid.lg-4el {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 1280px) {
  .grid.lg-5el {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 1280px) {
  .grid.lg-6el {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (min-width: 1280px) {
  .grid.lg-7el {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media screen and (min-width: 1280px) {
  .grid.lg-8el {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (min-width: 1280px) {
  .grid.lg-9el {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media screen and (min-width: 1280px) {
  .grid.lg-10el {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media screen and (min-width: 1280px) {
  .grid.lg-11el {
    grid-template-columns: repeat(11, 1fr);
  }
}
@media screen and (min-width: 1280px) {
  .grid.lg-12el {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 1280px) {
  .grid > .lg1 {
    grid-column: auto/span 1;
  }
  .grid > .lg2 {
    grid-column: auto/span 2;
  }
  .grid > .lg3 {
    grid-column: auto/span 3;
  }
  .grid > .lg4 {
    grid-column: auto/span 4;
  }
  .grid > .lg5 {
    grid-column: auto/span 5;
  }
  .grid > .lg6 {
    grid-column: auto/span 6;
  }
  .grid > .lg7 {
    grid-column: auto/span 7;
  }
  .grid > .lg8 {
    grid-column: auto/span 8;
  }
  .grid > .lg9 {
    grid-column: auto/span 9;
  }
  .grid > .lg10 {
    grid-column: auto/span 10;
  }
  .grid > .lg11 {
    grid-column: auto/span 11;
  }
  .grid > .lg12 {
    grid-column: auto/span 12;
  }
}
@media screen and (min-width: 1920px) {
  .grid.xl-1el {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (min-width: 1920px) {
  .grid.xl-2el {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1920px) {
  .grid.xl-3el {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1920px) {
  .grid.xl-4el {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 1920px) {
  .grid.xl-5el {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 1920px) {
  .grid.xl-6el {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (min-width: 1920px) {
  .grid.xl-7el {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media screen and (min-width: 1920px) {
  .grid.xl-8el {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (min-width: 1920px) {
  .grid.xl-9el {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media screen and (min-width: 1920px) {
  .grid.xl-10el {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media screen and (min-width: 1920px) {
  .grid.xl-11el {
    grid-template-columns: repeat(11, 1fr);
  }
}
@media screen and (min-width: 1920px) {
  .grid.xl-12el {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 1920px) {
  .grid > .xl1 {
    grid-column: auto/span 1;
  }
  .grid > .xl2 {
    grid-column: auto/span 2;
  }
  .grid > .xl3 {
    grid-column: auto/span 3;
  }
  .grid > .xl4 {
    grid-column: auto/span 4;
  }
  .grid > .xl5 {
    grid-column: auto/span 5;
  }
  .grid > .xl6 {
    grid-column: auto/span 6;
  }
  .grid > .xl7 {
    grid-column: auto/span 7;
  }
  .grid > .xl8 {
    grid-column: auto/span 8;
  }
  .grid > .xl9 {
    grid-column: auto/span 9;
  }
  .grid > .xl10 {
    grid-column: auto/span 10;
  }
  .grid > .xl11 {
    grid-column: auto/span 11;
  }
  .grid > .xl12 {
    grid-column: auto/span 12;
  }
}
@media screen and (min-width: 2540px) {
  .grid.xxl-1el {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (min-width: 2540px) {
  .grid.xxl-2el {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 2540px) {
  .grid.xxl-3el {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 2540px) {
  .grid.xxl-4el {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 2540px) {
  .grid.xxl-5el {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (min-width: 2540px) {
  .grid.xxl-6el {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (min-width: 2540px) {
  .grid.xxl-7el {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media screen and (min-width: 2540px) {
  .grid.xxl-8el {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media screen and (min-width: 2540px) {
  .grid.xxl-9el {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media screen and (min-width: 2540px) {
  .grid.xxl-10el {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media screen and (min-width: 2540px) {
  .grid.xxl-11el {
    grid-template-columns: repeat(11, 1fr);
  }
}
@media screen and (min-width: 2540px) {
  .grid.xxl-12el {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media screen and (min-width: 2540px) {
  .grid > .xxl1 {
    grid-column: auto/span 1;
  }
  .grid > .xxl2 {
    grid-column: auto/span 2;
  }
  .grid > .xxl3 {
    grid-column: auto/span 3;
  }
  .grid > .xxl4 {
    grid-column: auto/span 4;
  }
  .grid > .xxl5 {
    grid-column: auto/span 5;
  }
  .grid > .xxl6 {
    grid-column: auto/span 6;
  }
  .grid > .xxl7 {
    grid-column: auto/span 7;
  }
  .grid > .xxl8 {
    grid-column: auto/span 8;
  }
  .grid > .xxl9 {
    grid-column: auto/span 9;
  }
  .grid > .xxl10 {
    grid-column: auto/span 10;
  }
  .grid > .xxl11 {
    grid-column: auto/span 11;
  }
  .grid > .xxl12 {
    grid-column: auto/span 12;
  }
}

.hero {
  height: 50vh;
  min-height: 300px;
}
.hero h1, .hero h2, .hero h3, .hero h4, .hero h5, .hero h6 {
  text-transform: unset;
}

html {
  margin: 0;
  padding: 0;
  height: 100%;
}
html body {
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}
html body > header {
  z-index: 1;
}
html aside {
  min-width: 240px;
}
html hr {
  width: 100%;
  margin: 1rem 0;
  padding: 0;
  border: none;
  border-bottom: 1px solid #ddd;
}

nav {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-self: stretch;
}
nav.vertical {
  flex-direction: column;
}
nav.vertical > ul.menu {
  flex-direction: column;
}
nav > ul.menu {
  display: flex;
  flex-direction: row;
  list-style: none;
}
nav > ul.menu > li {
  display: flex;
  flex-direction: row;
}
nav > ul.menu > li > a,
nav > ul.menu > li a:visited {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 1rem 1rem;
  line-height: 1;
  text-decoration: none;
  color: #777;
}
nav > ul.menu > li > a:hover,
nav > ul.menu > li a:visited:hover {
  color: #333;
}
nav.dense li > a,
nav .dense li > a {
  padding: 0.5rem 1rem !important;
}
nav.loose li > a,
nav .loose li > a {
  padding: 2rem 1rem !important;
}

picture {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
}
picture img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
picture.a21 {
  padding-bottom: 50% !important;
}
picture.a169 {
  padding-bottom: 56.25% !important;
}
picture.a43 {
  padding-bottom: 75% !important;
}
picture.a11 {
  padding-bottom: 100% !important;
}

.scroll, .scroll-y, .scroll-x {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.scroll-x {
  overflow: hidden;
  overflow-x: auto;
}

.scroll-y {
  overflow: hidden;
  overflow-y: auto;
}

.xs-scroll {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

@media screen and (min-width: 480px) {
  .sm-scroll {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
  }
}
@media screen and (min-width: 768px) {
  .md-scroll {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
  }
}
@media screen and (min-width: 1280px) {
  .lg-scroll {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
  }
}
@media screen and (min-width: 1920px) {
  .xl-scroll {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
  }
}
@media screen and (min-width: 2540px) {
  .xxl-scroll {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
  }
}
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-thumb {
  background-color: #aaa;
}

::-webkit-scrollbar-track {
  background-color: #eee;
}

.s0 {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);
}

.s1 {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}

.s2 {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
}

.s3 {
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
}

.s4 {
  box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.15);
}

.s5 {
  box-shadow: 0px 28px 56px rgba(0, 0, 0, 0.15);
}

.s6 {
  box-shadow: 0px 48px 96px rgba(0, 0, 0, 0.15);
}

.m0 {
  margin: 0rem;
}

.ml0,
.ms0 {
  margin-left: 0rem;
}

.mr0,
.me0 {
  margin-right: 0rem;
}

.mt0 {
  margin-top: 0rem;
}

.mb0 {
  margin-bottom: 0rem;
}

.mx0 {
  margin-left: 0rem;
  margin-right: 0rem;
}

.my0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.p0 {
  padding: 0rem;
}

.pl0,
.ps0 {
  padding-left: 0rem;
}

.pr0,
.pe0 {
  padding-right: 0rem;
}

.pt0 {
  padding-top: 0rem;
}

.pb0 {
  padding-bottom: 0rem;
}

.px0 {
  padding-left: 0rem;
  padding-right: 0rem;
}

.py0 {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.gap0 {
  gap: 0rem;
}

.gapx0 {
  column-gap: 0rem;
}

.gapy0 {
  row-gap: 0rem;
}

.el-m0 > .el {
  margin: 0rem;
}

.el-p0 > .el {
  padding: 0rem;
}

.m1 {
  margin: 0.25rem;
}

.ml1,
.ms1 {
  margin-left: 0.25rem;
}

.mr1,
.me1 {
  margin-right: 0.25rem;
}

.mt1 {
  margin-top: 0.25rem;
}

.mb1 {
  margin-bottom: 0.25rem;
}

.mx1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.my1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.p1 {
  padding: 0.25rem;
}

.pl1,
.ps1 {
  padding-left: 0.25rem;
}

.pr1,
.pe1 {
  padding-right: 0.25rem;
}

.pt1 {
  padding-top: 0.25rem;
}

.pb1 {
  padding-bottom: 0.25rem;
}

.px1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.py1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.gap1 {
  gap: 0.25rem;
}

.gapx1 {
  column-gap: 0.25rem;
}

.gapy1 {
  row-gap: 0.25rem;
}

.el-m1 > .el {
  margin: 0.25rem;
}

.el-p1 > .el {
  padding: 0.25rem;
}

.m2 {
  margin: 0.5rem;
}

.ml2,
.ms2 {
  margin-left: 0.5rem;
}

.mr2,
.me2 {
  margin-right: 0.5rem;
}

.mt2 {
  margin-top: 0.5rem;
}

.mb2 {
  margin-bottom: 0.5rem;
}

.mx2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.p2 {
  padding: 0.5rem;
}

.pl2,
.ps2 {
  padding-left: 0.5rem;
}

.pr2,
.pe2 {
  padding-right: 0.5rem;
}

.pt2 {
  padding-top: 0.5rem;
}

.pb2 {
  padding-bottom: 0.5rem;
}

.px2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.gap2 {
  gap: 0.5rem;
}

.gapx2 {
  column-gap: 0.5rem;
}

.gapy2 {
  row-gap: 0.5rem;
}

.el-m2 > .el {
  margin: 0.5rem;
}

.el-p2 > .el {
  padding: 0.5rem;
}

.m3 {
  margin: 1rem;
}

.ml3,
.ms3 {
  margin-left: 1rem;
}

.mr3,
.me3 {
  margin-right: 1rem;
}

.mt3 {
  margin-top: 1rem;
}

.mb3 {
  margin-bottom: 1rem;
}

.mx3 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.my3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.p3 {
  padding: 1rem;
}

.pl3,
.ps3 {
  padding-left: 1rem;
}

.pr3,
.pe3 {
  padding-right: 1rem;
}

.pt3 {
  padding-top: 1rem;
}

.pb3 {
  padding-bottom: 1rem;
}

.px3 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.gap3 {
  gap: 1rem;
}

.gapx3 {
  column-gap: 1rem;
}

.gapy3 {
  row-gap: 1rem;
}

.el-m3 > .el {
  margin: 1rem;
}

.el-p3 > .el {
  padding: 1rem;
}

.m4 {
  margin: 2rem;
}

.ml4,
.ms4 {
  margin-left: 2rem;
}

.mr4,
.me4 {
  margin-right: 2rem;
}

.mt4 {
  margin-top: 2rem;
}

.mb4 {
  margin-bottom: 2rem;
}

.mx4 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.my4 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.p4 {
  padding: 2rem;
}

.pl4,
.ps4 {
  padding-left: 2rem;
}

.pr4,
.pe4 {
  padding-right: 2rem;
}

.pt4 {
  padding-top: 2rem;
}

.pb4 {
  padding-bottom: 2rem;
}

.px4 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.py4 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.gap4 {
  gap: 2rem;
}

.gapx4 {
  column-gap: 2rem;
}

.gapy4 {
  row-gap: 2rem;
}

.el-m4 > .el {
  margin: 2rem;
}

.el-p4 > .el {
  padding: 2rem;
}

.m5 {
  margin: 3.5rem;
}

.ml5,
.ms5 {
  margin-left: 3.5rem;
}

.mr5,
.me5 {
  margin-right: 3.5rem;
}

.mt5 {
  margin-top: 3.5rem;
}

.mb5 {
  margin-bottom: 3.5rem;
}

.mx5 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

.my5 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

.p5 {
  padding: 3.5rem;
}

.pl5,
.ps5 {
  padding-left: 3.5rem;
}

.pr5,
.pe5 {
  padding-right: 3.5rem;
}

.pt5 {
  padding-top: 3.5rem;
}

.pb5 {
  padding-bottom: 3.5rem;
}

.px5 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.py5 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.gap5 {
  gap: 3.5rem;
}

.gapx5 {
  column-gap: 3.5rem;
}

.gapy5 {
  row-gap: 3.5rem;
}

.el-m5 > .el {
  margin: 3.5rem;
}

.el-p5 > .el {
  padding: 3.5rem;
}

.m6 {
  margin: 6rem;
}

.ml6,
.ms6 {
  margin-left: 6rem;
}

.mr6,
.me6 {
  margin-right: 6rem;
}

.mt6 {
  margin-top: 6rem;
}

.mb6 {
  margin-bottom: 6rem;
}

.mx6 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.my6 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.p6 {
  padding: 6rem;
}

.pl6,
.ps6 {
  padding-left: 6rem;
}

.pr6,
.pe6 {
  padding-right: 6rem;
}

.pt6 {
  padding-top: 6rem;
}

.pb6 {
  padding-bottom: 6rem;
}

.px6 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.py6 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.gap6 {
  gap: 6rem;
}

.gapx6 {
  column-gap: 6rem;
}

.gapy6 {
  row-gap: 6rem;
}

.el-m6 > .el {
  margin: 6rem;
}

.el-p6 > .el {
  padding: 6rem;
}

@media screen and (min-width: 480px) {
  .sm-m0 {
    margin: 0rem;
  }
  .sm-ml0,
.sm-ms0 {
    margin-left: 0rem;
  }
  .sm-mr0,
.sm-me0 {
    margin-right: 0rem;
  }
  .sm-mt0 {
    margin-top: 0rem;
  }
  .sm-mb0 {
    margin-bottom: 0rem;
  }
  .sm-mx0 {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .sm-my0 {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
  .sm-p0 {
    padding: 0rem;
  }
  .sm-pl0,
.sm-ps0 {
    padding-left: 0rem;
  }
  .sm-pr0,
.sm-pe0 {
    padding-right: 0rem;
  }
  .sm-pt0 {
    padding-top: 0rem;
  }
  .sm-pb0 {
    padding-bottom: 0rem;
  }
  .sm-px0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .sm-py0 {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .sm-gap0 {
    gap: 0rem;
  }
  .sm-gapx0 {
    column-gap: 0rem;
  }
  .sm-gapy0 {
    row-gap: 0rem;
  }
  .sm-el-m0 > .el {
    margin: 0rem;
  }
  .sm-el-p0 > .el {
    padding: 0rem;
  }
  .sm-m1 {
    margin: 0.25rem;
  }
  .sm-ml1,
.sm-ms1 {
    margin-left: 0.25rem;
  }
  .sm-mr1,
.sm-me1 {
    margin-right: 0.25rem;
  }
  .sm-mt1 {
    margin-top: 0.25rem;
  }
  .sm-mb1 {
    margin-bottom: 0.25rem;
  }
  .sm-mx1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .sm-my1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .sm-p1 {
    padding: 0.25rem;
  }
  .sm-pl1,
.sm-ps1 {
    padding-left: 0.25rem;
  }
  .sm-pr1,
.sm-pe1 {
    padding-right: 0.25rem;
  }
  .sm-pt1 {
    padding-top: 0.25rem;
  }
  .sm-pb1 {
    padding-bottom: 0.25rem;
  }
  .sm-px1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .sm-py1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .sm-gap1 {
    gap: 0.25rem;
  }
  .sm-gapx1 {
    column-gap: 0.25rem;
  }
  .sm-gapy1 {
    row-gap: 0.25rem;
  }
  .sm-el-m1 > .el {
    margin: 0.25rem;
  }
  .sm-el-p1 > .el {
    padding: 0.25rem;
  }
  .sm-m2 {
    margin: 0.5rem;
  }
  .sm-ml2,
.sm-ms2 {
    margin-left: 0.5rem;
  }
  .sm-mr2,
.sm-me2 {
    margin-right: 0.5rem;
  }
  .sm-mt2 {
    margin-top: 0.5rem;
  }
  .sm-mb2 {
    margin-bottom: 0.5rem;
  }
  .sm-mx2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .sm-my2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .sm-p2 {
    padding: 0.5rem;
  }
  .sm-pl2,
.sm-ps2 {
    padding-left: 0.5rem;
  }
  .sm-pr2,
.sm-pe2 {
    padding-right: 0.5rem;
  }
  .sm-pt2 {
    padding-top: 0.5rem;
  }
  .sm-pb2 {
    padding-bottom: 0.5rem;
  }
  .sm-px2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .sm-py2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm-gap2 {
    gap: 0.5rem;
  }
  .sm-gapx2 {
    column-gap: 0.5rem;
  }
  .sm-gapy2 {
    row-gap: 0.5rem;
  }
  .sm-el-m2 > .el {
    margin: 0.5rem;
  }
  .sm-el-p2 > .el {
    padding: 0.5rem;
  }
  .sm-m3 {
    margin: 1rem;
  }
  .sm-ml3,
.sm-ms3 {
    margin-left: 1rem;
  }
  .sm-mr3,
.sm-me3 {
    margin-right: 1rem;
  }
  .sm-mt3 {
    margin-top: 1rem;
  }
  .sm-mb3 {
    margin-bottom: 1rem;
  }
  .sm-mx3 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .sm-my3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .sm-p3 {
    padding: 1rem;
  }
  .sm-pl3,
.sm-ps3 {
    padding-left: 1rem;
  }
  .sm-pr3,
.sm-pe3 {
    padding-right: 1rem;
  }
  .sm-pt3 {
    padding-top: 1rem;
  }
  .sm-pb3 {
    padding-bottom: 1rem;
  }
  .sm-px3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .sm-py3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .sm-gap3 {
    gap: 1rem;
  }
  .sm-gapx3 {
    column-gap: 1rem;
  }
  .sm-gapy3 {
    row-gap: 1rem;
  }
  .sm-el-m3 > .el {
    margin: 1rem;
  }
  .sm-el-p3 > .el {
    padding: 1rem;
  }
  .sm-m4 {
    margin: 2rem;
  }
  .sm-ml4,
.sm-ms4 {
    margin-left: 2rem;
  }
  .sm-mr4,
.sm-me4 {
    margin-right: 2rem;
  }
  .sm-mt4 {
    margin-top: 2rem;
  }
  .sm-mb4 {
    margin-bottom: 2rem;
  }
  .sm-mx4 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .sm-my4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .sm-p4 {
    padding: 2rem;
  }
  .sm-pl4,
.sm-ps4 {
    padding-left: 2rem;
  }
  .sm-pr4,
.sm-pe4 {
    padding-right: 2rem;
  }
  .sm-pt4 {
    padding-top: 2rem;
  }
  .sm-pb4 {
    padding-bottom: 2rem;
  }
  .sm-px4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm-py4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm-gap4 {
    gap: 2rem;
  }
  .sm-gapx4 {
    column-gap: 2rem;
  }
  .sm-gapy4 {
    row-gap: 2rem;
  }
  .sm-el-m4 > .el {
    margin: 2rem;
  }
  .sm-el-p4 > .el {
    padding: 2rem;
  }
  .sm-m5 {
    margin: 3.5rem;
  }
  .sm-ml5,
.sm-ms5 {
    margin-left: 3.5rem;
  }
  .sm-mr5,
.sm-me5 {
    margin-right: 3.5rem;
  }
  .sm-mt5 {
    margin-top: 3.5rem;
  }
  .sm-mb5 {
    margin-bottom: 3.5rem;
  }
  .sm-mx5 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
  .sm-my5 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  .sm-p5 {
    padding: 3.5rem;
  }
  .sm-pl5,
.sm-ps5 {
    padding-left: 3.5rem;
  }
  .sm-pr5,
.sm-pe5 {
    padding-right: 3.5rem;
  }
  .sm-pt5 {
    padding-top: 3.5rem;
  }
  .sm-pb5 {
    padding-bottom: 3.5rem;
  }
  .sm-px5 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .sm-py5 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .sm-gap5 {
    gap: 3.5rem;
  }
  .sm-gapx5 {
    column-gap: 3.5rem;
  }
  .sm-gapy5 {
    row-gap: 3.5rem;
  }
  .sm-el-m5 > .el {
    margin: 3.5rem;
  }
  .sm-el-p5 > .el {
    padding: 3.5rem;
  }
  .sm-m6 {
    margin: 6rem;
  }
  .sm-ml6,
.sm-ms6 {
    margin-left: 6rem;
  }
  .sm-mr6,
.sm-me6 {
    margin-right: 6rem;
  }
  .sm-mt6 {
    margin-top: 6rem;
  }
  .sm-mb6 {
    margin-bottom: 6rem;
  }
  .sm-mx6 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .sm-my6 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .sm-p6 {
    padding: 6rem;
  }
  .sm-pl6,
.sm-ps6 {
    padding-left: 6rem;
  }
  .sm-pr6,
.sm-pe6 {
    padding-right: 6rem;
  }
  .sm-pt6 {
    padding-top: 6rem;
  }
  .sm-pb6 {
    padding-bottom: 6rem;
  }
  .sm-px6 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .sm-py6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .sm-gap6 {
    gap: 6rem;
  }
  .sm-gapx6 {
    column-gap: 6rem;
  }
  .sm-gapy6 {
    row-gap: 6rem;
  }
  .sm-el-m6 > .el {
    margin: 6rem;
  }
  .sm-el-p6 > .el {
    padding: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .md-m0 {
    margin: 0rem;
  }
  .md-ml0,
.md-ms0 {
    margin-left: 0rem;
  }
  .md-mr0,
.md-me0 {
    margin-right: 0rem;
  }
  .md-mt0 {
    margin-top: 0rem;
  }
  .md-mb0 {
    margin-bottom: 0rem;
  }
  .md-mx0 {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .md-my0 {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
  .md-p0 {
    padding: 0rem;
  }
  .md-pl0,
.md-ps0 {
    padding-left: 0rem;
  }
  .md-pr0,
.md-pe0 {
    padding-right: 0rem;
  }
  .md-pt0 {
    padding-top: 0rem;
  }
  .md-pb0 {
    padding-bottom: 0rem;
  }
  .md-px0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .md-py0 {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .md-gap0 {
    gap: 0rem;
  }
  .md-gapx0 {
    column-gap: 0rem;
  }
  .md-gapy0 {
    row-gap: 0rem;
  }
  .md-el-m0 > .el {
    margin: 0rem;
  }
  .md-el-p0 > .el {
    padding: 0rem;
  }
  .md-m1 {
    margin: 0.25rem;
  }
  .md-ml1,
.md-ms1 {
    margin-left: 0.25rem;
  }
  .md-mr1,
.md-me1 {
    margin-right: 0.25rem;
  }
  .md-mt1 {
    margin-top: 0.25rem;
  }
  .md-mb1 {
    margin-bottom: 0.25rem;
  }
  .md-mx1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .md-my1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .md-p1 {
    padding: 0.25rem;
  }
  .md-pl1,
.md-ps1 {
    padding-left: 0.25rem;
  }
  .md-pr1,
.md-pe1 {
    padding-right: 0.25rem;
  }
  .md-pt1 {
    padding-top: 0.25rem;
  }
  .md-pb1 {
    padding-bottom: 0.25rem;
  }
  .md-px1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .md-py1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .md-gap1 {
    gap: 0.25rem;
  }
  .md-gapx1 {
    column-gap: 0.25rem;
  }
  .md-gapy1 {
    row-gap: 0.25rem;
  }
  .md-el-m1 > .el {
    margin: 0.25rem;
  }
  .md-el-p1 > .el {
    padding: 0.25rem;
  }
  .md-m2 {
    margin: 0.5rem;
  }
  .md-ml2,
.md-ms2 {
    margin-left: 0.5rem;
  }
  .md-mr2,
.md-me2 {
    margin-right: 0.5rem;
  }
  .md-mt2 {
    margin-top: 0.5rem;
  }
  .md-mb2 {
    margin-bottom: 0.5rem;
  }
  .md-mx2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .md-my2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .md-p2 {
    padding: 0.5rem;
  }
  .md-pl2,
.md-ps2 {
    padding-left: 0.5rem;
  }
  .md-pr2,
.md-pe2 {
    padding-right: 0.5rem;
  }
  .md-pt2 {
    padding-top: 0.5rem;
  }
  .md-pb2 {
    padding-bottom: 0.5rem;
  }
  .md-px2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .md-py2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .md-gap2 {
    gap: 0.5rem;
  }
  .md-gapx2 {
    column-gap: 0.5rem;
  }
  .md-gapy2 {
    row-gap: 0.5rem;
  }
  .md-el-m2 > .el {
    margin: 0.5rem;
  }
  .md-el-p2 > .el {
    padding: 0.5rem;
  }
  .md-m3 {
    margin: 1rem;
  }
  .md-ml3,
.md-ms3 {
    margin-left: 1rem;
  }
  .md-mr3,
.md-me3 {
    margin-right: 1rem;
  }
  .md-mt3 {
    margin-top: 1rem;
  }
  .md-mb3 {
    margin-bottom: 1rem;
  }
  .md-mx3 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .md-my3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .md-p3 {
    padding: 1rem;
  }
  .md-pl3,
.md-ps3 {
    padding-left: 1rem;
  }
  .md-pr3,
.md-pe3 {
    padding-right: 1rem;
  }
  .md-pt3 {
    padding-top: 1rem;
  }
  .md-pb3 {
    padding-bottom: 1rem;
  }
  .md-px3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .md-py3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .md-gap3 {
    gap: 1rem;
  }
  .md-gapx3 {
    column-gap: 1rem;
  }
  .md-gapy3 {
    row-gap: 1rem;
  }
  .md-el-m3 > .el {
    margin: 1rem;
  }
  .md-el-p3 > .el {
    padding: 1rem;
  }
  .md-m4 {
    margin: 2rem;
  }
  .md-ml4,
.md-ms4 {
    margin-left: 2rem;
  }
  .md-mr4,
.md-me4 {
    margin-right: 2rem;
  }
  .md-mt4 {
    margin-top: 2rem;
  }
  .md-mb4 {
    margin-bottom: 2rem;
  }
  .md-mx4 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .md-my4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .md-p4 {
    padding: 2rem;
  }
  .md-pl4,
.md-ps4 {
    padding-left: 2rem;
  }
  .md-pr4,
.md-pe4 {
    padding-right: 2rem;
  }
  .md-pt4 {
    padding-top: 2rem;
  }
  .md-pb4 {
    padding-bottom: 2rem;
  }
  .md-px4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .md-py4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .md-gap4 {
    gap: 2rem;
  }
  .md-gapx4 {
    column-gap: 2rem;
  }
  .md-gapy4 {
    row-gap: 2rem;
  }
  .md-el-m4 > .el {
    margin: 2rem;
  }
  .md-el-p4 > .el {
    padding: 2rem;
  }
  .md-m5 {
    margin: 3.5rem;
  }
  .md-ml5,
.md-ms5 {
    margin-left: 3.5rem;
  }
  .md-mr5,
.md-me5 {
    margin-right: 3.5rem;
  }
  .md-mt5 {
    margin-top: 3.5rem;
  }
  .md-mb5 {
    margin-bottom: 3.5rem;
  }
  .md-mx5 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
  .md-my5 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  .md-p5 {
    padding: 3.5rem;
  }
  .md-pl5,
.md-ps5 {
    padding-left: 3.5rem;
  }
  .md-pr5,
.md-pe5 {
    padding-right: 3.5rem;
  }
  .md-pt5 {
    padding-top: 3.5rem;
  }
  .md-pb5 {
    padding-bottom: 3.5rem;
  }
  .md-px5 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .md-py5 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .md-gap5 {
    gap: 3.5rem;
  }
  .md-gapx5 {
    column-gap: 3.5rem;
  }
  .md-gapy5 {
    row-gap: 3.5rem;
  }
  .md-el-m5 > .el {
    margin: 3.5rem;
  }
  .md-el-p5 > .el {
    padding: 3.5rem;
  }
  .md-m6 {
    margin: 6rem;
  }
  .md-ml6,
.md-ms6 {
    margin-left: 6rem;
  }
  .md-mr6,
.md-me6 {
    margin-right: 6rem;
  }
  .md-mt6 {
    margin-top: 6rem;
  }
  .md-mb6 {
    margin-bottom: 6rem;
  }
  .md-mx6 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .md-my6 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .md-p6 {
    padding: 6rem;
  }
  .md-pl6,
.md-ps6 {
    padding-left: 6rem;
  }
  .md-pr6,
.md-pe6 {
    padding-right: 6rem;
  }
  .md-pt6 {
    padding-top: 6rem;
  }
  .md-pb6 {
    padding-bottom: 6rem;
  }
  .md-px6 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .md-py6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .md-gap6 {
    gap: 6rem;
  }
  .md-gapx6 {
    column-gap: 6rem;
  }
  .md-gapy6 {
    row-gap: 6rem;
  }
  .md-el-m6 > .el {
    margin: 6rem;
  }
  .md-el-p6 > .el {
    padding: 6rem;
  }
}
@media screen and (min-width: 1280px) {
  .lg-m0 {
    margin: 0rem;
  }
  .lg-ml0,
.lg-ms0 {
    margin-left: 0rem;
  }
  .lg-mr0,
.lg-me0 {
    margin-right: 0rem;
  }
  .lg-mt0 {
    margin-top: 0rem;
  }
  .lg-mb0 {
    margin-bottom: 0rem;
  }
  .lg-mx0 {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .lg-my0 {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
  .lg-p0 {
    padding: 0rem;
  }
  .lg-pl0,
.lg-ps0 {
    padding-left: 0rem;
  }
  .lg-pr0,
.lg-pe0 {
    padding-right: 0rem;
  }
  .lg-pt0 {
    padding-top: 0rem;
  }
  .lg-pb0 {
    padding-bottom: 0rem;
  }
  .lg-px0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .lg-py0 {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .lg-gap0 {
    gap: 0rem;
  }
  .lg-gapx0 {
    column-gap: 0rem;
  }
  .lg-gapy0 {
    row-gap: 0rem;
  }
  .lg-el-m0 > .el {
    margin: 0rem;
  }
  .lg-el-p0 > .el {
    padding: 0rem;
  }
  .lg-m1 {
    margin: 0.25rem;
  }
  .lg-ml1,
.lg-ms1 {
    margin-left: 0.25rem;
  }
  .lg-mr1,
.lg-me1 {
    margin-right: 0.25rem;
  }
  .lg-mt1 {
    margin-top: 0.25rem;
  }
  .lg-mb1 {
    margin-bottom: 0.25rem;
  }
  .lg-mx1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .lg-my1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .lg-p1 {
    padding: 0.25rem;
  }
  .lg-pl1,
.lg-ps1 {
    padding-left: 0.25rem;
  }
  .lg-pr1,
.lg-pe1 {
    padding-right: 0.25rem;
  }
  .lg-pt1 {
    padding-top: 0.25rem;
  }
  .lg-pb1 {
    padding-bottom: 0.25rem;
  }
  .lg-px1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .lg-py1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .lg-gap1 {
    gap: 0.25rem;
  }
  .lg-gapx1 {
    column-gap: 0.25rem;
  }
  .lg-gapy1 {
    row-gap: 0.25rem;
  }
  .lg-el-m1 > .el {
    margin: 0.25rem;
  }
  .lg-el-p1 > .el {
    padding: 0.25rem;
  }
  .lg-m2 {
    margin: 0.5rem;
  }
  .lg-ml2,
.lg-ms2 {
    margin-left: 0.5rem;
  }
  .lg-mr2,
.lg-me2 {
    margin-right: 0.5rem;
  }
  .lg-mt2 {
    margin-top: 0.5rem;
  }
  .lg-mb2 {
    margin-bottom: 0.5rem;
  }
  .lg-mx2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .lg-my2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .lg-p2 {
    padding: 0.5rem;
  }
  .lg-pl2,
.lg-ps2 {
    padding-left: 0.5rem;
  }
  .lg-pr2,
.lg-pe2 {
    padding-right: 0.5rem;
  }
  .lg-pt2 {
    padding-top: 0.5rem;
  }
  .lg-pb2 {
    padding-bottom: 0.5rem;
  }
  .lg-px2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .lg-py2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .lg-gap2 {
    gap: 0.5rem;
  }
  .lg-gapx2 {
    column-gap: 0.5rem;
  }
  .lg-gapy2 {
    row-gap: 0.5rem;
  }
  .lg-el-m2 > .el {
    margin: 0.5rem;
  }
  .lg-el-p2 > .el {
    padding: 0.5rem;
  }
  .lg-m3 {
    margin: 1rem;
  }
  .lg-ml3,
.lg-ms3 {
    margin-left: 1rem;
  }
  .lg-mr3,
.lg-me3 {
    margin-right: 1rem;
  }
  .lg-mt3 {
    margin-top: 1rem;
  }
  .lg-mb3 {
    margin-bottom: 1rem;
  }
  .lg-mx3 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .lg-my3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .lg-p3 {
    padding: 1rem;
  }
  .lg-pl3,
.lg-ps3 {
    padding-left: 1rem;
  }
  .lg-pr3,
.lg-pe3 {
    padding-right: 1rem;
  }
  .lg-pt3 {
    padding-top: 1rem;
  }
  .lg-pb3 {
    padding-bottom: 1rem;
  }
  .lg-px3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg-py3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .lg-gap3 {
    gap: 1rem;
  }
  .lg-gapx3 {
    column-gap: 1rem;
  }
  .lg-gapy3 {
    row-gap: 1rem;
  }
  .lg-el-m3 > .el {
    margin: 1rem;
  }
  .lg-el-p3 > .el {
    padding: 1rem;
  }
  .lg-m4 {
    margin: 2rem;
  }
  .lg-ml4,
.lg-ms4 {
    margin-left: 2rem;
  }
  .lg-mr4,
.lg-me4 {
    margin-right: 2rem;
  }
  .lg-mt4 {
    margin-top: 2rem;
  }
  .lg-mb4 {
    margin-bottom: 2rem;
  }
  .lg-mx4 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .lg-my4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .lg-p4 {
    padding: 2rem;
  }
  .lg-pl4,
.lg-ps4 {
    padding-left: 2rem;
  }
  .lg-pr4,
.lg-pe4 {
    padding-right: 2rem;
  }
  .lg-pt4 {
    padding-top: 2rem;
  }
  .lg-pb4 {
    padding-bottom: 2rem;
  }
  .lg-px4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg-py4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .lg-gap4 {
    gap: 2rem;
  }
  .lg-gapx4 {
    column-gap: 2rem;
  }
  .lg-gapy4 {
    row-gap: 2rem;
  }
  .lg-el-m4 > .el {
    margin: 2rem;
  }
  .lg-el-p4 > .el {
    padding: 2rem;
  }
  .lg-m5 {
    margin: 3.5rem;
  }
  .lg-ml5,
.lg-ms5 {
    margin-left: 3.5rem;
  }
  .lg-mr5,
.lg-me5 {
    margin-right: 3.5rem;
  }
  .lg-mt5 {
    margin-top: 3.5rem;
  }
  .lg-mb5 {
    margin-bottom: 3.5rem;
  }
  .lg-mx5 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
  .lg-my5 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  .lg-p5 {
    padding: 3.5rem;
  }
  .lg-pl5,
.lg-ps5 {
    padding-left: 3.5rem;
  }
  .lg-pr5,
.lg-pe5 {
    padding-right: 3.5rem;
  }
  .lg-pt5 {
    padding-top: 3.5rem;
  }
  .lg-pb5 {
    padding-bottom: 3.5rem;
  }
  .lg-px5 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .lg-py5 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .lg-gap5 {
    gap: 3.5rem;
  }
  .lg-gapx5 {
    column-gap: 3.5rem;
  }
  .lg-gapy5 {
    row-gap: 3.5rem;
  }
  .lg-el-m5 > .el {
    margin: 3.5rem;
  }
  .lg-el-p5 > .el {
    padding: 3.5rem;
  }
  .lg-m6 {
    margin: 6rem;
  }
  .lg-ml6,
.lg-ms6 {
    margin-left: 6rem;
  }
  .lg-mr6,
.lg-me6 {
    margin-right: 6rem;
  }
  .lg-mt6 {
    margin-top: 6rem;
  }
  .lg-mb6 {
    margin-bottom: 6rem;
  }
  .lg-mx6 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .lg-my6 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .lg-p6 {
    padding: 6rem;
  }
  .lg-pl6,
.lg-ps6 {
    padding-left: 6rem;
  }
  .lg-pr6,
.lg-pe6 {
    padding-right: 6rem;
  }
  .lg-pt6 {
    padding-top: 6rem;
  }
  .lg-pb6 {
    padding-bottom: 6rem;
  }
  .lg-px6 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .lg-py6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .lg-gap6 {
    gap: 6rem;
  }
  .lg-gapx6 {
    column-gap: 6rem;
  }
  .lg-gapy6 {
    row-gap: 6rem;
  }
  .lg-el-m6 > .el {
    margin: 6rem;
  }
  .lg-el-p6 > .el {
    padding: 6rem;
  }
}
@media screen and (min-width: 1920px) {
  .xl-m0 {
    margin: 0rem;
  }
  .xl-ml0,
.xl-ms0 {
    margin-left: 0rem;
  }
  .xl-mr0,
.xl-me0 {
    margin-right: 0rem;
  }
  .xl-mt0 {
    margin-top: 0rem;
  }
  .xl-mb0 {
    margin-bottom: 0rem;
  }
  .xl-mx0 {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .xl-my0 {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
  .xl-p0 {
    padding: 0rem;
  }
  .xl-pl0,
.xl-ps0 {
    padding-left: 0rem;
  }
  .xl-pr0,
.xl-pe0 {
    padding-right: 0rem;
  }
  .xl-pt0 {
    padding-top: 0rem;
  }
  .xl-pb0 {
    padding-bottom: 0rem;
  }
  .xl-px0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .xl-py0 {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .xl-gap0 {
    gap: 0rem;
  }
  .xl-gapx0 {
    column-gap: 0rem;
  }
  .xl-gapy0 {
    row-gap: 0rem;
  }
  .xl-el-m0 > .el {
    margin: 0rem;
  }
  .xl-el-p0 > .el {
    padding: 0rem;
  }
  .xl-m1 {
    margin: 0.25rem;
  }
  .xl-ml1,
.xl-ms1 {
    margin-left: 0.25rem;
  }
  .xl-mr1,
.xl-me1 {
    margin-right: 0.25rem;
  }
  .xl-mt1 {
    margin-top: 0.25rem;
  }
  .xl-mb1 {
    margin-bottom: 0.25rem;
  }
  .xl-mx1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .xl-my1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .xl-p1 {
    padding: 0.25rem;
  }
  .xl-pl1,
.xl-ps1 {
    padding-left: 0.25rem;
  }
  .xl-pr1,
.xl-pe1 {
    padding-right: 0.25rem;
  }
  .xl-pt1 {
    padding-top: 0.25rem;
  }
  .xl-pb1 {
    padding-bottom: 0.25rem;
  }
  .xl-px1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .xl-py1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .xl-gap1 {
    gap: 0.25rem;
  }
  .xl-gapx1 {
    column-gap: 0.25rem;
  }
  .xl-gapy1 {
    row-gap: 0.25rem;
  }
  .xl-el-m1 > .el {
    margin: 0.25rem;
  }
  .xl-el-p1 > .el {
    padding: 0.25rem;
  }
  .xl-m2 {
    margin: 0.5rem;
  }
  .xl-ml2,
.xl-ms2 {
    margin-left: 0.5rem;
  }
  .xl-mr2,
.xl-me2 {
    margin-right: 0.5rem;
  }
  .xl-mt2 {
    margin-top: 0.5rem;
  }
  .xl-mb2 {
    margin-bottom: 0.5rem;
  }
  .xl-mx2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .xl-my2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .xl-p2 {
    padding: 0.5rem;
  }
  .xl-pl2,
.xl-ps2 {
    padding-left: 0.5rem;
  }
  .xl-pr2,
.xl-pe2 {
    padding-right: 0.5rem;
  }
  .xl-pt2 {
    padding-top: 0.5rem;
  }
  .xl-pb2 {
    padding-bottom: 0.5rem;
  }
  .xl-px2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xl-py2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .xl-gap2 {
    gap: 0.5rem;
  }
  .xl-gapx2 {
    column-gap: 0.5rem;
  }
  .xl-gapy2 {
    row-gap: 0.5rem;
  }
  .xl-el-m2 > .el {
    margin: 0.5rem;
  }
  .xl-el-p2 > .el {
    padding: 0.5rem;
  }
  .xl-m3 {
    margin: 1rem;
  }
  .xl-ml3,
.xl-ms3 {
    margin-left: 1rem;
  }
  .xl-mr3,
.xl-me3 {
    margin-right: 1rem;
  }
  .xl-mt3 {
    margin-top: 1rem;
  }
  .xl-mb3 {
    margin-bottom: 1rem;
  }
  .xl-mx3 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .xl-my3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .xl-p3 {
    padding: 1rem;
  }
  .xl-pl3,
.xl-ps3 {
    padding-left: 1rem;
  }
  .xl-pr3,
.xl-pe3 {
    padding-right: 1rem;
  }
  .xl-pt3 {
    padding-top: 1rem;
  }
  .xl-pb3 {
    padding-bottom: 1rem;
  }
  .xl-px3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xl-py3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .xl-gap3 {
    gap: 1rem;
  }
  .xl-gapx3 {
    column-gap: 1rem;
  }
  .xl-gapy3 {
    row-gap: 1rem;
  }
  .xl-el-m3 > .el {
    margin: 1rem;
  }
  .xl-el-p3 > .el {
    padding: 1rem;
  }
  .xl-m4 {
    margin: 2rem;
  }
  .xl-ml4,
.xl-ms4 {
    margin-left: 2rem;
  }
  .xl-mr4,
.xl-me4 {
    margin-right: 2rem;
  }
  .xl-mt4 {
    margin-top: 2rem;
  }
  .xl-mb4 {
    margin-bottom: 2rem;
  }
  .xl-mx4 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .xl-my4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .xl-p4 {
    padding: 2rem;
  }
  .xl-pl4,
.xl-ps4 {
    padding-left: 2rem;
  }
  .xl-pr4,
.xl-pe4 {
    padding-right: 2rem;
  }
  .xl-pt4 {
    padding-top: 2rem;
  }
  .xl-pb4 {
    padding-bottom: 2rem;
  }
  .xl-px4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .xl-py4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .xl-gap4 {
    gap: 2rem;
  }
  .xl-gapx4 {
    column-gap: 2rem;
  }
  .xl-gapy4 {
    row-gap: 2rem;
  }
  .xl-el-m4 > .el {
    margin: 2rem;
  }
  .xl-el-p4 > .el {
    padding: 2rem;
  }
  .xl-m5 {
    margin: 3.5rem;
  }
  .xl-ml5,
.xl-ms5 {
    margin-left: 3.5rem;
  }
  .xl-mr5,
.xl-me5 {
    margin-right: 3.5rem;
  }
  .xl-mt5 {
    margin-top: 3.5rem;
  }
  .xl-mb5 {
    margin-bottom: 3.5rem;
  }
  .xl-mx5 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
  .xl-my5 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  .xl-p5 {
    padding: 3.5rem;
  }
  .xl-pl5,
.xl-ps5 {
    padding-left: 3.5rem;
  }
  .xl-pr5,
.xl-pe5 {
    padding-right: 3.5rem;
  }
  .xl-pt5 {
    padding-top: 3.5rem;
  }
  .xl-pb5 {
    padding-bottom: 3.5rem;
  }
  .xl-px5 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .xl-py5 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .xl-gap5 {
    gap: 3.5rem;
  }
  .xl-gapx5 {
    column-gap: 3.5rem;
  }
  .xl-gapy5 {
    row-gap: 3.5rem;
  }
  .xl-el-m5 > .el {
    margin: 3.5rem;
  }
  .xl-el-p5 > .el {
    padding: 3.5rem;
  }
  .xl-m6 {
    margin: 6rem;
  }
  .xl-ml6,
.xl-ms6 {
    margin-left: 6rem;
  }
  .xl-mr6,
.xl-me6 {
    margin-right: 6rem;
  }
  .xl-mt6 {
    margin-top: 6rem;
  }
  .xl-mb6 {
    margin-bottom: 6rem;
  }
  .xl-mx6 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .xl-my6 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .xl-p6 {
    padding: 6rem;
  }
  .xl-pl6,
.xl-ps6 {
    padding-left: 6rem;
  }
  .xl-pr6,
.xl-pe6 {
    padding-right: 6rem;
  }
  .xl-pt6 {
    padding-top: 6rem;
  }
  .xl-pb6 {
    padding-bottom: 6rem;
  }
  .xl-px6 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .xl-py6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .xl-gap6 {
    gap: 6rem;
  }
  .xl-gapx6 {
    column-gap: 6rem;
  }
  .xl-gapy6 {
    row-gap: 6rem;
  }
  .xl-el-m6 > .el {
    margin: 6rem;
  }
  .xl-el-p6 > .el {
    padding: 6rem;
  }
}
@media screen and (min-width: 2540px) {
  .xxl-m0 {
    margin: 0rem;
  }
  .xxl-ml0,
.xxl-ms0 {
    margin-left: 0rem;
  }
  .xxl-mr0,
.xxl-me0 {
    margin-right: 0rem;
  }
  .xxl-mt0 {
    margin-top: 0rem;
  }
  .xxl-mb0 {
    margin-bottom: 0rem;
  }
  .xxl-mx0 {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  .xxl-my0 {
    margin-top: 0rem;
    margin-bottom: 0rem;
  }
  .xxl-p0 {
    padding: 0rem;
  }
  .xxl-pl0,
.xxl-ps0 {
    padding-left: 0rem;
  }
  .xxl-pr0,
.xxl-pe0 {
    padding-right: 0rem;
  }
  .xxl-pt0 {
    padding-top: 0rem;
  }
  .xxl-pb0 {
    padding-bottom: 0rem;
  }
  .xxl-px0 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .xxl-py0 {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .xxl-gap0 {
    gap: 0rem;
  }
  .xxl-gapx0 {
    column-gap: 0rem;
  }
  .xxl-gapy0 {
    row-gap: 0rem;
  }
  .xxl-el-m0 > .el {
    margin: 0rem;
  }
  .xxl-el-p0 > .el {
    padding: 0rem;
  }
  .xxl-m1 {
    margin: 0.25rem;
  }
  .xxl-ml1,
.xxl-ms1 {
    margin-left: 0.25rem;
  }
  .xxl-mr1,
.xxl-me1 {
    margin-right: 0.25rem;
  }
  .xxl-mt1 {
    margin-top: 0.25rem;
  }
  .xxl-mb1 {
    margin-bottom: 0.25rem;
  }
  .xxl-mx1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .xxl-my1 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .xxl-p1 {
    padding: 0.25rem;
  }
  .xxl-pl1,
.xxl-ps1 {
    padding-left: 0.25rem;
  }
  .xxl-pr1,
.xxl-pe1 {
    padding-right: 0.25rem;
  }
  .xxl-pt1 {
    padding-top: 0.25rem;
  }
  .xxl-pb1 {
    padding-bottom: 0.25rem;
  }
  .xxl-px1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .xxl-py1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .xxl-gap1 {
    gap: 0.25rem;
  }
  .xxl-gapx1 {
    column-gap: 0.25rem;
  }
  .xxl-gapy1 {
    row-gap: 0.25rem;
  }
  .xxl-el-m1 > .el {
    margin: 0.25rem;
  }
  .xxl-el-p1 > .el {
    padding: 0.25rem;
  }
  .xxl-m2 {
    margin: 0.5rem;
  }
  .xxl-ml2,
.xxl-ms2 {
    margin-left: 0.5rem;
  }
  .xxl-mr2,
.xxl-me2 {
    margin-right: 0.5rem;
  }
  .xxl-mt2 {
    margin-top: 0.5rem;
  }
  .xxl-mb2 {
    margin-bottom: 0.5rem;
  }
  .xxl-mx2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .xxl-my2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .xxl-p2 {
    padding: 0.5rem;
  }
  .xxl-pl2,
.xxl-ps2 {
    padding-left: 0.5rem;
  }
  .xxl-pr2,
.xxl-pe2 {
    padding-right: 0.5rem;
  }
  .xxl-pt2 {
    padding-top: 0.5rem;
  }
  .xxl-pb2 {
    padding-bottom: 0.5rem;
  }
  .xxl-px2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .xxl-py2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .xxl-gap2 {
    gap: 0.5rem;
  }
  .xxl-gapx2 {
    column-gap: 0.5rem;
  }
  .xxl-gapy2 {
    row-gap: 0.5rem;
  }
  .xxl-el-m2 > .el {
    margin: 0.5rem;
  }
  .xxl-el-p2 > .el {
    padding: 0.5rem;
  }
  .xxl-m3 {
    margin: 1rem;
  }
  .xxl-ml3,
.xxl-ms3 {
    margin-left: 1rem;
  }
  .xxl-mr3,
.xxl-me3 {
    margin-right: 1rem;
  }
  .xxl-mt3 {
    margin-top: 1rem;
  }
  .xxl-mb3 {
    margin-bottom: 1rem;
  }
  .xxl-mx3 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .xxl-my3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .xxl-p3 {
    padding: 1rem;
  }
  .xxl-pl3,
.xxl-ps3 {
    padding-left: 1rem;
  }
  .xxl-pr3,
.xxl-pe3 {
    padding-right: 1rem;
  }
  .xxl-pt3 {
    padding-top: 1rem;
  }
  .xxl-pb3 {
    padding-bottom: 1rem;
  }
  .xxl-px3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .xxl-py3 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .xxl-gap3 {
    gap: 1rem;
  }
  .xxl-gapx3 {
    column-gap: 1rem;
  }
  .xxl-gapy3 {
    row-gap: 1rem;
  }
  .xxl-el-m3 > .el {
    margin: 1rem;
  }
  .xxl-el-p3 > .el {
    padding: 1rem;
  }
  .xxl-m4 {
    margin: 2rem;
  }
  .xxl-ml4,
.xxl-ms4 {
    margin-left: 2rem;
  }
  .xxl-mr4,
.xxl-me4 {
    margin-right: 2rem;
  }
  .xxl-mt4 {
    margin-top: 2rem;
  }
  .xxl-mb4 {
    margin-bottom: 2rem;
  }
  .xxl-mx4 {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .xxl-my4 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .xxl-p4 {
    padding: 2rem;
  }
  .xxl-pl4,
.xxl-ps4 {
    padding-left: 2rem;
  }
  .xxl-pr4,
.xxl-pe4 {
    padding-right: 2rem;
  }
  .xxl-pt4 {
    padding-top: 2rem;
  }
  .xxl-pb4 {
    padding-bottom: 2rem;
  }
  .xxl-px4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .xxl-py4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .xxl-gap4 {
    gap: 2rem;
  }
  .xxl-gapx4 {
    column-gap: 2rem;
  }
  .xxl-gapy4 {
    row-gap: 2rem;
  }
  .xxl-el-m4 > .el {
    margin: 2rem;
  }
  .xxl-el-p4 > .el {
    padding: 2rem;
  }
  .xxl-m5 {
    margin: 3.5rem;
  }
  .xxl-ml5,
.xxl-ms5 {
    margin-left: 3.5rem;
  }
  .xxl-mr5,
.xxl-me5 {
    margin-right: 3.5rem;
  }
  .xxl-mt5 {
    margin-top: 3.5rem;
  }
  .xxl-mb5 {
    margin-bottom: 3.5rem;
  }
  .xxl-mx5 {
    margin-left: 3.5rem;
    margin-right: 3.5rem;
  }
  .xxl-my5 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
  .xxl-p5 {
    padding: 3.5rem;
  }
  .xxl-pl5,
.xxl-ps5 {
    padding-left: 3.5rem;
  }
  .xxl-pr5,
.xxl-pe5 {
    padding-right: 3.5rem;
  }
  .xxl-pt5 {
    padding-top: 3.5rem;
  }
  .xxl-pb5 {
    padding-bottom: 3.5rem;
  }
  .xxl-px5 {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
  .xxl-py5 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .xxl-gap5 {
    gap: 3.5rem;
  }
  .xxl-gapx5 {
    column-gap: 3.5rem;
  }
  .xxl-gapy5 {
    row-gap: 3.5rem;
  }
  .xxl-el-m5 > .el {
    margin: 3.5rem;
  }
  .xxl-el-p5 > .el {
    padding: 3.5rem;
  }
  .xxl-m6 {
    margin: 6rem;
  }
  .xxl-ml6,
.xxl-ms6 {
    margin-left: 6rem;
  }
  .xxl-mr6,
.xxl-me6 {
    margin-right: 6rem;
  }
  .xxl-mt6 {
    margin-top: 6rem;
  }
  .xxl-mb6 {
    margin-bottom: 6rem;
  }
  .xxl-mx6 {
    margin-left: 6rem;
    margin-right: 6rem;
  }
  .xxl-my6 {
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .xxl-p6 {
    padding: 6rem;
  }
  .xxl-pl6,
.xxl-ps6 {
    padding-left: 6rem;
  }
  .xxl-pr6,
.xxl-pe6 {
    padding-right: 6rem;
  }
  .xxl-pt6 {
    padding-top: 6rem;
  }
  .xxl-pb6 {
    padding-bottom: 6rem;
  }
  .xxl-px6 {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  .xxl-py6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .xxl-gap6 {
    gap: 6rem;
  }
  .xxl-gapx6 {
    column-gap: 6rem;
  }
  .xxl-gapy6 {
    row-gap: 6rem;
  }
  .xxl-el-m6 > .el {
    margin: 6rem;
  }
  .xxl-el-p6 > .el {
    padding: 6rem;
  }
}
.container {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1280px) {
  .container {
    max-width: 1140px;
  }
}
@media screen and (min-width: 1920px) {
  .container {
    max-width: 1300px;
  }
}
@media screen and (min-width: 2540px) {
  .container {
    max-width: 1800px;
  }
}
.tile {
  background-color: #eee;
}

body {
  font-family: "Roboto", sans-serif;
  line-height: 1.25;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  font-weight: 400;
  margin-bottom: 0.5em;
}

h1 {
  font-size: 3rem;
  font-weight: 300;
  margin-bottom: 1em;
}

h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1em;
}

h3 {
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 0.875em;
}

h4 {
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}

h5 {
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: underline;
}

h6 {
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 1px;
}

p:not(:last-child) {
  margin-bottom: 0.5em;
}

p + h2, p + h3, p + h4, p + h5, p + h6 {
  margin-top: 1.5em;
}

a:not(.btn),
a:not(.btn):visited {
  color: #0088ff;
}
a:not(.btn):hover,
a:not(.btn):visited:hover {
  color: #006dcc;
}

a.btn {
  text-decoration: none;
}

code {
  font-size: 1rem;
}

.hide {
  display: none;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

@media screen and (min-width: 0) {
  .xs-flex {
    display: flex;
  }
  .xs-iflex {
    display: inline-flex;
  }
  .xs-block {
    display: block;
  }
  .xs-iblock {
    display: inline-block;
  }
  .xs-hide {
    display: none;
  }
}
@media screen and (min-width: 480px) {
  .sm-flex {
    display: flex;
  }
  .sm-iflex {
    display: inline-flex;
  }
  .sm-block {
    display: block;
  }
  .sm-iblock {
    display: inline-block;
  }
  .sm-hide {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  .flex-sm {
    display: flex;
  }
  .iflex-sm {
    display: inline-flex;
  }
  .block-sm {
    display: block;
  }
  .iblock-sm {
    display: inline-block;
  }
  .hide-sm {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .md-flex {
    display: flex;
  }
  .md-iflex {
    display: inline-flex;
  }
  .md-block {
    display: block;
  }
  .md-iblock {
    display: inline-block;
  }
  .md-hide {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .flex-md {
    display: flex;
  }
  .iflex-md {
    display: inline-flex;
  }
  .block-md {
    display: block;
  }
  .iblock-md {
    display: inline-block;
  }
  .hide-md {
    display: none;
  }
}
@media screen and (min-width: 1280px) {
  .lg-flex {
    display: flex;
  }
  .lg-iflex {
    display: inline-flex;
  }
  .lg-block {
    display: block;
  }
  .lg-iblock {
    display: inline-block;
  }
  .lg-hide {
    display: none;
  }
}
@media screen and (max-width: 1279px) {
  .flex-lg {
    display: flex;
  }
  .iflex-lg {
    display: inline-flex;
  }
  .block-lg {
    display: block;
  }
  .iblock-lg {
    display: inline-block;
  }
  .hide-lg {
    display: none;
  }
}
@media screen and (min-width: 1920px) {
  .xl-flex {
    display: flex;
  }
  .xl-iflex {
    display: inline-flex;
  }
  .xl-block {
    display: block;
  }
  .xl-iblock {
    display: inline-block;
  }
  .xl-hide {
    display: none;
  }
}
@media screen and (max-width: 1919px) {
  .flex-xl {
    display: flex;
  }
  .iflex-xl {
    display: inline-flex;
  }
  .block-xl {
    display: block;
  }
  .iblock-xl {
    display: inline-block;
  }
  .hide-xl {
    display: none;
  }
}
@media screen and (min-width: 2540px) {
  .xxl-flex {
    display: flex;
  }
  .xxl-iflex {
    display: inline-flex;
  }
  .xxl-block {
    display: block;
  }
  .xxl-iblock {
    display: inline-block;
  }
  .xxl-hide {
    display: none;
  }
}
@media screen and (max-width: 2539px) {
  .flex-xxl {
    display: flex;
  }
  .iflex-xxl {
    display: inline-flex;
  }
  .block-xxl {
    display: block;
  }
  .iblock-xxl {
    display: inline-block;
  }
  .hide-xxl {
    display: none;
  }
}
.tc, .text-center {
  text-align: center;
}

.tl, .ts, .text-left, .text-start {
  text-align: start;
}

.tr, .te, .text-right, .text-end {
  text-align: right;
}

.fs1 {
  font-size: 3rem;
}

.fs2 {
  font-size: 2rem;
}

.fs3 {
  font-size: 1.5rem;
}

.fs4 {
  font-size: 1rem;
}

.fs5 {
  font-size: 0.875rem;
}

.fs6 {
  font-size: 0.75rem;
}

.fw1 {
  font-weight: 100;
}

.fw2 {
  font-weight: 200;
}

.fw3 {
  font-weight: 300;
}

.fw4 {
  font-weight: 400;
}

.fw5 {
  font-weight: 500;
}

.fw6 {
  font-weight: 600;
}

.fw7 {
  font-weight: 700;
}

.fw8 {
  font-weight: 800;
}

.fw9 {
  font-weight: 900;
}

/*# sourceMappingURL=suit.css.map */