@import '../modules/_pxToRem.scss';

.color-aero-100 {
  color: #f0f8ff;
  fill: #f0f8ff;
}

.bg-aero-100 {
  background: #f0f8ff;
}

.fill-aero-100 {
  fill: #f0f8ff;
}

.color-aero-200 {
  color: #dceefe;
  fill: #dceefe;
}

.bg-aero-200 {
  background: #dceefe;
}

.fill-aero-200 {
  fill: #dceefe;
}

.color-aero-300 {
  color: #bbdbf7;
  fill: #bbdbf7;
}

.bg-aero-300 {
  background: #bbdbf7;
}

.fill-aero-300 {
  fill: #bbdbf7;
}

.color-aero-400 {
  color: #85b3db;
  fill: #85b3db;
}

.bg-aero-400 {
  background: #85b3db;
}

.fill-aero-400 {
  fill: #85b3db;
}

.color-aero-500 {
  color: #6286b7;
  fill: #6286b7;
}

.bg-aero-500 {
  background: #6286b7;
}

.fill-aero-500 {
  fill: #6286b7;
}

.color-aero-600 {
  color: #2e628e;
  fill: #2e628e;
}

.bg-aero-600 {
  background: #2e628e;
}

.fill-aero-600 {
  fill: #2e628e;
}

.color-aero-700 {
  color: #1a3656;
  fill: #1a3656;
}

.bg-aero-700 {
  background: #1a3656;
}

.fill-aero-700 {
  fill: #1a3656;
}

.color-aero-800 {
  color: #132a44;
  fill: #132a44;
}

.bg-aero-800 {
  background: #132a44;
}

.fill-aero-800 {
  fill: #132a44;
}

.color-aero-800-70 {
  color: rgba(19, 42, 68, 0.7);
  fill: rgba(19, 42, 68, 0.7);
}
.color-aero-800-70 {
  fill: rgba(19, 42, 68, 0.7);
}
.color-aero-800-70 {
  fill: rgba(19, 42, 68, 0.7);
}
.color-aero-850 {
  color: #0d2035;
  fill: #0d2035;
}

.bg-aero-850 {
  background: #0d2035;
}

.fill-aero-850 {
  fill: #0d2035;
}

.color-aero-875 {
  color: #0c1c2f;
  fill: #0c1c2f;
}

.bg-aero-875 {
  background: #0c1c2f;
}

.fill-aero-875 {
  fill: #0c1c2f;
}

.color-aero-900 {
  color: #09182a;
  fill: #09182a;
}

.bg-aero-900 {
  background: #09182a;
}

.fill-aero-900 {
  fill: #09182a;
}

.color-aero-950 {
  color: #081525;
  fill: #081525;
}

.bg-aero-950 {
  background: #081525;
}

.fill-aero-950 {
  fill: #081525;
}

.color-aero-975 {
  color: #071321;
  fill: #071321;
}

.bg-aero-975 {
  background: #071321;
}

.fill-aero-975 {
  fill: #071321;
}

.color-aero-1000 {
  color: #06111d;
  fill: #06111d;
}

.bg-aero-1000 {
  background: #06111d;
}

.fill-aero-1000 {
  fill: #06111d;
}

.color-autumn-50 {
  color: #f9f3e9;
  fill: #f9f3e9;
}

.bg-autumn-50 {
  background: #f9f3e9;
}

.fill-autumn-50 {
  fill: #f9f3e9;
}

.color-autumn-100 {
  color: #ebd9ba;
  fill: #ebd9ba;
}

.bg-autumn-100 {
  background: #ebd9ba;
}

.fill-autumn-100 {
  fill: #ebd9ba;
}

.color-autumn-200 {
  color: #e2c799;
  fill: #e2c799;
}

.bg-autumn-200 {
  background: #e2c799;
}

.fill-autumn-200 {
  fill: #e2c799;
}

.color-autumn-300 {
  color: #d5ad6a;
  fill: #d5ad6a;
}

.bg-autumn-300 {
  background: #d5ad6a;
}

.fill-autumn-300 {
  fill: #d5ad6a;
}

.color-autumn-400 {
  color: #cd9d4d;
  fill: #cd9d4d;
}

.bg-autumn-400 {
  background: #cd9d4d;
}

.fill-autumn-400 {
  fill: #cd9d4d;
}

.color-autumn-500 {
  color: #c08521;
  fill: #c08521;
}

.bg-autumn-500 {
  background: #c08521;
}

.fill-autumn-500 {
  fill: #c08521;
}

.color-autumn-600 {
  color: #af791e;
  fill: #af791e;
}

.bg-autumn-600 {
  background: #af791e;
}

.fill-autumn-600 {
  fill: #af791e;
}

.color-autumn-700 {
  color: #885e17;
  fill: #885e17;
}

.bg-autumn-700 {
  background: #885e17;
}

.fill-autumn-700 {
  fill: #885e17;
}

.color-autumn-800 {
  color: #6a4912;
  fill: #6a4912;
}

.bg-autumn-800 {
  background: #6a4912;
}

.fill-autumn-800 {
  fill: #6a4912;
}

.color-autumn-900 {
  color: #51380e;
  fill: #51380e;
}

.bg-autumn-900 {
  background: #51380e;
}

.fill-autumn-900 {
  fill: #51380e;
}

.color-aqua-50 {
  color: #e9f9f7;
  fill: #e9f9f7;
}

.bg-aqua-50 {
  background: #e9f9f7;
}

.fill-aqua-50 {
  fill: #e9f9f7;
}

.color-aqua-100 {
  color: #baeee7;
  fill: #baeee7;
}

.bg-aqua-100 {
  background: #baeee7;
}

.fill-aqua-100 {
  fill: #baeee7;
}

.color-aqua-200 {
  color: #98e5dc;
  fill: #98e5dc;
}

.bg-aqua-200 {
  background: #98e5dc;
}

.fill-aqua-200 {
  fill: #98e5dc;
}

.color-aqua-300 {
  color: #69d9cc;
  fill: #69d9cc;
}

.bg-aqua-300 {
  background: #69d9cc;
}

.fill-aqua-300 {
  fill: #69d9cc;
}

.color-aqua-400 {
  color: #4cd2c2;
  fill: #4cd2c2;
}

.bg-aqua-400 {
  background: #4cd2c2;
}

.fill-aqua-400 {
  fill: #4cd2c2;
}

.color-aqua-500 {
  color: #1fc7b3;
  fill: #1fc7b3;
}

.bg-aqua-500 {
  background: #1fc7b3;
}

.fill-aqua-500 {
  fill: #1fc7b3;
}

.color-aqua-600 {
  color: #1cb5a3;
  fill: #1cb5a3;
}

.bg-aqua-600 {
  background: #1cb5a3;
}

.fill-aqua-600 {
  fill: #1cb5a3;
}

.color-aqua-700 {
  color: #168d7f;
  fill: #168d7f;
}

.bg-aqua-700 {
  background: #168d7f;
}

.fill-aqua-700 {
  fill: #168d7f;
}

.color-aqua-800 {
  color: #116d62;
  fill: #116d62;
}

.bg-aqua-800 {
  background: #116d62;
}

.fill-aqua-800 {
  fill: #116d62;
}

.color-aqua-900 {
  color: #0d544b;
  fill: #0d544b;
}

.bg-aqua-900 {
  background: #0d544b;
}

.fill-aqua-900 {
  fill: #0d544b;
}

.color-blue-50 {
  color: #e6f2fe;
  fill: #e6f2fe;
}

.bg-blue-50 {
  background: #e6f2fe;
}

.fill-blue-50 {
  fill: #e6f2fe;
}

.color-blue-100 {
  color: #b0d6fa;
  fill: #b0d6fa;
}

.bg-blue-100 {
  background: #b0d6fa;
}

.fill-blue-100 {
  fill: #b0d6fa;
}

.color-blue-200 {
  color: #8ac3f8;
  fill: #8ac3f8;
}

.bg-blue-200 {
  background: #8ac3f8;
}

.fill-blue-200 {
  fill: #8ac3f8;
}

.color-blue-300 {
  color: #54a7f5;
  fill: #54a7f5;
}

.bg-blue-300 {
  background: #54a7f5;
}

.fill-blue-300 {
  fill: #54a7f5;
}

.color-blue-400 {
  color: #3396f3;
  fill: #3396f3;
}

.bg-blue-400 {
  background: #3396f3;
}

.fill-blue-400 {
  fill: #3396f3;
}

.color-blue-500 {
  color: #007cf0;
  fill: #007cf0;
}

.bg-blue-500 {
  background: #007cf0;
}

.fill-blue-500 {
  fill: #007cf0;
}

.color-blue-600 {
  color: #0071da;
  fill: #0071da;
}

.bg-blue-600 {
  background: #0071da;
}

.fill-blue-600 {
  fill: #0071da;
}

.color-blue-700 {
  color: #0058aa;
  fill: #0058aa;
}

.bg-blue-700 {
  background: #0058aa;
}

.fill-blue-700 {
  fill: #0058aa;
}

.color-blue-800 {
  color: #004484;
  fill: #004484;
}

.bg-blue-800 {
  background: #004484;
}

.fill-blue-800 {
  fill: #004484;
}

.color-blue-900 {
  color: #003465;
  fill: #003465;
}

.bg-blue-900 {
  background: #003465;
}

.fill-blue-900 {
  fill: #003465;
}

.color-blush-50 {
  color: #fff7f5;
  fill: #fff7f5;
}

.bg-blush-50 {
  background: #fff7f5;
}

.fill-blush-50 {
  fill: #fff7f5;
}

.color-blush-100 {
  color: #ffe6e1;
  fill: #ffe6e1;
}

.bg-blush-100 {
  background: #ffe6e1;
}

.fill-blush-100 {
  fill: #ffe6e1;
}

.color-blush-200 {
  color: #ffd9d2;
  fill: #ffd9d2;
}

.bg-blush-200 {
  background: #ffd9d2;
}

.fill-blush-200 {
  fill: #ffd9d2;
}

.color-blush-300 {
  color: #ffc8be;
  fill: #ffc8be;
}

.bg-blush-300 {
  background: #ffc8be;
}

.fill-blush-300 {
  fill: #ffc8be;
}

.color-blush-400 {
  color: #ffbdb1;
  fill: #ffbdb1;
}

.bg-blush-400 {
  background: #ffbdb1;
}

.fill-blush-400 {
  fill: #ffbdb1;
}

.color-blush-500 {
  color: #ffad9e;
  fill: #ffad9e;
}

.bg-blush-500 {
  background: #ffad9e;
}

.fill-blush-500 {
  fill: #ffad9e;
}

.color-blush-600 {
  color: #e89d90;
  fill: #e89d90;
}

.bg-blush-600 {
  background: #e89d90;
}

.fill-blush-600 {
  fill: #e89d90;
}

.color-blush-700 {
  color: #b57b70;
  fill: #b57b70;
}

.bg-blush-700 {
  background: #b57b70;
}

.fill-blush-700 {
  fill: #b57b70;
}

.color-blush-800 {
  color: #8c5f57;
  fill: #8c5f57;
}

.bg-blush-800 {
  background: #8c5f57;
}

.fill-blush-800 {
  fill: #8c5f57;
}

.color-blush-900 {
  color: #6b4942;
  fill: #6b4942;
}

.bg-blush-900 {
  background: #6b4942;
}

.fill-blush-900 {
  fill: #6b4942;
}

.color-candy-50 {
  color: #fff1f3;
  fill: #fff1f3;
}

.bg-candy-50 {
  background: #fff1f3;
}

.fill-candy-50 {
  fill: #fff1f3;
}

.color-candy-100 {
  color: #ffd4db;
  fill: #ffd4db;
}

.bg-candy-100 {
  background: #ffd4db;
}

.fill-candy-100 {
  fill: #ffd4db;
}

.color-candy-200 {
  color: #ffc0c9;
  fill: #ffc0c9;
}

.bg-candy-200 {
  background: #ffc0c9;
}

.fill-candy-200 {
  fill: #ffc0c9;
}

.color-candy-300 {
  color: #ffa3b1;
  fill: #ffa3b1;
}

.bg-candy-300 {
  background: #ffa3b1;
}

.fill-candy-300 {
  fill: #ffa3b1;
}

.color-candy-400 {
  color: #ff91a1;
  fill: #ff91a1;
}

.bg-candy-400 {
  background: #ff91a1;
}

.fill-candy-400 {
  fill: #ff91a1;
}

.color-candy-500 {
  color: #ff758a;
  fill: #ff758a;
}

.bg-candy-500 {
  background: #ff758a;
}

.fill-candy-500 {
  fill: #ff758a;
}

.color-candy-600 {
  color: #e86a7e;
  fill: #e86a7e;
}

.bg-candy-600 {
  background: #e86a7e;
}

.fill-candy-600 {
  fill: #e86a7e;
}

.color-candy-700 {
  color: #b55362;
  fill: #b55362;
}

.bg-candy-700 {
  background: #b55362;
}

.fill-candy-700 {
  fill: #b55362;
}

.color-candy-800 {
  color: #8c404c;
  fill: #8c404c;
}

.bg-candy-800 {
  background: #8c404c;
}

.fill-candy-800 {
  fill: #8c404c;
}

.color-candy-900 {
  color: #6b313a;
  fill: #6b313a;
}

.bg-candy-900 {
  background: #6b313a;
}

.fill-candy-900 {
  fill: #6b313a;
}

.color-crimson-50 {
  color: #f3ecec;
  fill: #f3ecec;
}

.bg-crimson-50 {
  background: #f3ecec;
}

.fill-crimson-50 {
  fill: #f3ecec;
}

.color-crimson-100 {
  color: #d9c3c3;
  fill: #d9c3c3;
}

.bg-crimson-100 {
  background: #d9c3c3;
}

.fill-crimson-100 {
  fill: #d9c3c3;
}

.color-crimson-200 {
  color: #c7a6a6;
  fill: #c7a6a6;
}

.bg-crimson-200 {
  background: #c7a6a6;
}

.fill-crimson-200 {
  fill: #c7a6a6;
}

.color-crimson-300 {
  color: #ad7d7d;
  fill: #ad7d7d;
}

.bg-crimson-300 {
  background: #ad7d7d;
}

.fill-crimson-300 {
  fill: #ad7d7d;
}

.color-crimson-400 {
  color: #9d6464;
  fill: #9d6464;
}

.bg-crimson-400 {
  background: #9d6464;
}

.fill-crimson-400 {
  fill: #9d6464;
}

.color-crimson-500 {
  color: #853d3d;
  fill: #853d3d;
}

.bg-crimson-500 {
  background: #853d3d;
}

.fill-crimson-500 {
  fill: #853d3d;
}

.color-crimson-600 {
  color: #793838;
  fill: #793838;
}

.bg-crimson-600 {
  background: #793838;
}

.fill-crimson-600 {
  fill: #793838;
}

.color-crimson-700 {
  color: #5e2b2b;
  fill: #5e2b2b;
}

.bg-crimson-700 {
  background: #5e2b2b;
}

.fill-crimson-700 {
  fill: #5e2b2b;
}

.color-crimson-800 {
  color: #492222;
  fill: #492222;
}

.bg-crimson-800 {
  background: #492222;
}

.fill-crimson-800 {
  fill: #492222;
}

.color-crimson-900 {
  color: #381a1a;
  fill: #381a1a;
}

.bg-crimson-900 {
  background: #381a1a;
}

.fill-crimson-900 {
  fill: #381a1a;
}

.color-forest-50 {
  color: #ebf1ed;
  fill: #ebf1ed;
}

.bg-forest-50 {
  background: #ebf1ed;
}

.fill-forest-50 {
  fill: #ebf1ed;
}

.color-forest-100 {
  color: #c0d4c6;
  fill: #c0d4c6;
}

.bg-forest-100 {
  background: #c0d4c6;
}

.fill-forest-100 {
  fill: #c0d4c6;
}

.color-forest-200 {
  color: #a2bfab;
  fill: #a2bfab;
}

.bg-forest-200 {
  background: #a2bfab;
}

.fill-forest-200 {
  fill: #a2bfab;
}

.color-forest-300 {
  color: #78a184;
  fill: #78a184;
}

.bg-forest-300 {
  background: #78a184;
}

.fill-forest-300 {
  fill: #78a184;
}

.color-forest-400 {
  color: #5d8f6d;
  fill: #5d8f6d;
}

.bg-forest-400 {
  background: #5d8f6d;
}

.fill-forest-400 {
  fill: #5d8f6d;
}

.color-forest-500 {
  color: #357348;
  fill: #357348;
}

.bg-forest-500 {
  background: #357348;
}

.fill-forest-500 {
  fill: #357348;
}

.color-forest-600 {
  color: #306942;
  fill: #306942;
}

.bg-forest-600 {
  background: #306942;
}

.fill-forest-600 {
  fill: #306942;
}

.color-forest-700 {
  color: #265233;
  fill: #265233;
}

.bg-forest-700 {
  background: #265233;
}

.fill-forest-700 {
  fill: #265233;
}

.color-forest-800 {
  color: #1d3f28;
  fill: #1d3f28;
}

.bg-forest-800 {
  background: #1d3f28;
}

.fill-forest-800 {
  fill: #1d3f28;
}

.color-forest-900 {
  color: #16301e;
  fill: #16301e;
}

.bg-forest-900 {
  background: #16301e;
}

.fill-forest-900 {
  fill: #16301e;
}

.color-green-50 {
  color: #edfdf0;
  fill: #edfdf0;
}

.bg-green-50 {
  background: #edfdf0;
}

.fill-green-50 {
  fill: #edfdf0;
}

.color-green-100 {
  color: #c8f7d0;
  fill: #c8f7d0;
}

.bg-green-100 {
  background: #c8f7d0;
}

.fill-green-100 {
  fill: #c8f7d0;
}

.color-green-200 {
  color: #adf4b9;
  fill: #adf4b9;
}

.bg-green-200 {
  background: #adf4b9;
}

.fill-green-200 {
  fill: #adf4b9;
}

.color-green-300 {
  color: #87ee98;
  fill: #87ee98;
}

.bg-green-300 {
  background: #87ee98;
}

.fill-green-300 {
  fill: #87ee98;
}

.color-green-400 {
  color: #70eb85;
  fill: #70eb85;
}

.bg-green-400 {
  background: #70eb85;
}

.fill-green-400 {
  fill: #70eb85;
}

.color-green-500 {
  color: #4ce666;
  fill: #4ce666;
}

.bg-green-500 {
  background: #4ce666;
}

.fill-green-500 {
  fill: #4ce666;
}

.color-green-600 {
  color: #45d15d;
  fill: #45d15d;
}

.bg-green-600 {
  background: #45d15d;
}

.fill-green-600 {
  fill: #45d15d;
}

.color-green-700 {
  color: #36a348;
  fill: #36a348;
}

.bg-green-700 {
  background: #36a348;
}

.fill-green-700 {
  fill: #36a348;
}

.color-green-800 {
  color: #2a7f38;
  fill: #2a7f38;
}

.bg-green-800 {
  background: #2a7f38;
}

.fill-green-800 {
  fill: #2a7f38;
}

.color-green-900 {
  color: #20612b;
  fill: #20612b;
}

.bg-green-900 {
  background: #20612b;
}

.fill-green-900 {
  fill: #20612b;
}

.color-grey-50 {
  color: #ececec;
  fill: #ececec;
}

.bg-grey-50 {
  background: #ececec;
}

.fill-grey-50 {
  fill: #ececec;
}

.color-grey-100 {
  color: #c3c3c3;
  fill: #c3c3c3;
}

.bg-grey-100 {
  background: #c3c3c3;
}

.fill-grey-100 {
  fill: #c3c3c3;
}

.color-grey-200 {
  color: #a6a6a6;
  fill: #a6a6a6;
}

.bg-grey-200 {
  background: #a6a6a6;
}

.fill-grey-200 {
  fill: #a6a6a6;
}

.color-grey-300 {
  color: #7d7d7d;
  fill: #7d7d7d;
}

.bg-grey-300 {
  background: #7d7d7d;
}

.fill-grey-300 {
  fill: #7d7d7d;
}

.color-grey-400 {
  color: #646464;
  fill: #646464;
}

.bg-grey-400 {
  background: #646464;
}

.fill-grey-400 {
  fill: #646464;
}

.color-grey-500 {
  color: #3d3d3d;
  fill: #3d3d3d;
}

.bg-grey-500 {
  background: #3d3d3d;
}

.fill-grey-500 {
  fill: #3d3d3d;
}

.color-grey-600 {
  color: #383838;
  fill: #383838;
}

.bg-grey-600 {
  background: #383838;
}

.fill-grey-600 {
  fill: #383838;
}

.color-grey-700 {
  color: #2b2b2b;
  fill: #2b2b2b;
}

.bg-grey-700 {
  background: #2b2b2b;
}

.fill-grey-700 {
  fill: #2b2b2b;
}

.color-grey-800 {
  color: #222222;
  fill: #222222;
}

.bg-grey-800 {
  background: #222222;
}

.fill-grey-800 {
  fill: #222222;
}

.color-grey-900 {
  color: #1a1a1a;
  fill: #1a1a1a;
}

.bg-grey-900 {
  background: #1a1a1a;
}

.fill-grey-900 {
  fill: #1a1a1a;
}

.color-lavender-50 {
  color: #fbf6fc;
  fill: #fbf6fc;
}

.bg-lavender-50 {
  background: #fbf6fc;
}

.fill-lavender-50 {
  fill: #fbf6fc;
}

.color-lavender-100 {
  color: #f2e3f4;
  fill: #f2e3f4;
}

.bg-lavender-100 {
  background: #f2e3f4;
}

.fill-lavender-100 {
  fill: #f2e3f4;
}

.color-lavender-200 {
  color: #ebd6ef;
  fill: #ebd6ef;
}

.bg-lavender-200 {
  background: #ebd6ef;
}

.fill-lavender-200 {
  fill: #ebd6ef;
}

.color-lavender-300 {
  color: #e2c3e8;
  fill: #e2c3e8;
}

.bg-lavender-300 {
  background: #e2c3e8;
}

.fill-lavender-300 {
  fill: #e2c3e8;
}

.color-lavender-400 {
  color: #ddb8e4;
  fill: #ddb8e4;
}

.bg-lavender-400 {
  background: #ddb8e4;
}

.fill-lavender-400 {
  fill: #ddb8e4;
}

.color-lavender-500 {
  color: #d4a6dd;
  fill: #d4a6dd;
}

.bg-lavender-500 {
  background: #d4a6dd;
}

.fill-lavender-500 {
  fill: #d4a6dd;
}

.color-lavender-600 {
  color: #c197c9;
  fill: #c197c9;
}

.bg-lavender-600 {
  background: #c197c9;
}

.fill-lavender-600 {
  fill: #c197c9;
}

.color-lavender-700 {
  color: #97769d;
  fill: #97769d;
}

.bg-lavender-700 {
  background: #97769d;
}

.fill-lavender-700 {
  fill: #97769d;
}

.color-lavender-800 {
  color: #755b7a;
  fill: #755b7a;
}

.bg-lavender-800 {
  background: #755b7a;
}

.fill-lavender-800 {
  fill: #755b7a;
}

.color-lavender-900 {
  color: #59465d;
  fill: #59465d;
}

.bg-lavender-900 {
  background: #59465d;
}

.fill-lavender-900 {
  fill: #59465d;
}

.color-lemon-50 {
  color: #fefff3;
  fill: #fefff3;
}

.bg-lemon-50 {
  background: #fefff3;
}

.fill-lemon-50 {
  fill: #fefff3;
}

.color-lemon-100 {
  color: #fdffd9;
  fill: #fdffd9;
}

.bg-lemon-100 {
  background: #fdffd9;
}

.fill-lemon-100 {
  fill: #fdffd9;
}

.color-lemon-200 {
  color: #fbffc7;
  fill: #fbffc7;
}

.bg-lemon-200 {
  background: #fbffc7;
}

.fill-lemon-200 {
  fill: #fbffc7;
}

.color-lemon-300 {
  color: #faffad;
  fill: #faffad;
}

.bg-lemon-300 {
  background: #faffad;
}

.fill-lemon-300 {
  fill: #faffad;
}

.color-lemon-400 {
  color: #f9ff9d;
  fill: #f9ff9d;
}

.bg-lemon-400 {
  background: #f9ff9d;
}

.fill-lemon-400 {
  fill: #f9ff9d;
}

.color-lemon-500 {
  color: #f7ff85;
  fill: #f7ff85;
}

.bg-lemon-500 {
  background: #f7ff85;
}

.fill-lemon-500 {
  fill: #f7ff85;
}

.color-lemon-600 {
  color: #e1e879;
  fill: #e1e879;
}

.bg-lemon-600 {
  background: #e1e879;
}

.fill-lemon-600 {
  fill: #e1e879;
}

.color-lemon-700 {
  color: #afb55e;
  fill: #afb55e;
}

.bg-lemon-700 {
  background: #afb55e;
}

.fill-lemon-700 {
  fill: #afb55e;
}

.color-lemon-800 {
  color: #888c49;
  fill: #888c49;
}

.bg-lemon-800 {
  background: #888c49;
}

.fill-lemon-800 {
  fill: #888c49;
}

.color-lemon-900 {
  color: #686b38;
  fill: #686b38;
}

.bg-lemon-900 {
  background: #686b38;
}

.fill-lemon-900 {
  fill: #686b38;
}

.color-lime-50 {
  color: #f2f9ec;
  fill: #f2f9ec;
}

.bg-lime-50 {
  background: #f2f9ec;
}

.fill-lime-50 {
  fill: #f2f9ec;
}

.color-lime-100 {
  color: #d8ecc3;
  fill: #d8ecc3;
}

.bg-lime-100 {
  background: #d8ecc3;
}

.fill-lime-100 {
  fill: #d8ecc3;
}

.color-lime-200 {
  color: #c5e3a5;
  fill: #c5e3a5;
}

.bg-lime-200 {
  background: #c5e3a5;
}

.fill-lime-200 {
  fill: #c5e3a5;
}

.color-lime-300 {
  color: #aad77c;
  fill: #aad77c;
}

.bg-lime-300 {
  background: #aad77c;
}

.fill-lime-300 {
  fill: #aad77c;
}

.color-lime-400 {
  color: #99cf63;
  fill: #99cf63;
}

.bg-lime-400 {
  background: #99cf63;
}

.fill-lime-400 {
  fill: #99cf63;
}

.color-lime-500 {
  color: #80c33c;
  fill: #80c33c;
}

.bg-lime-500 {
  background: #80c33c;
}

.fill-lime-500 {
  fill: #80c33c;
}

.color-lime-600 {
  color: #74b137;
  fill: #74b137;
}

.bg-lime-600 {
  background: #74b137;
}

.fill-lime-600 {
  fill: #74b137;
}

.color-lime-700 {
  color: #5b8a2b;
  fill: #5b8a2b;
}

.bg-lime-700 {
  background: #5b8a2b;
}

.fill-lime-700 {
  fill: #5b8a2b;
}

.color-lime-800 {
  color: #466b21;
  fill: #466b21;
}

.bg-lime-800 {
  background: #466b21;
}

.fill-lime-800 {
  fill: #466b21;
}

.color-lime-900 {
  color: #365219;
  fill: #365219;
}

.bg-lime-900 {
  background: #365219;
}

.fill-lime-900 {
  fill: #365219;
}

.color-mint-50 {
  color: #f3fbf6;
  fill: #f3fbf6;
}

.bg-mint-50 {
  background: #f3fbf6;
}

.fill-mint-50 {
  fill: #f3fbf6;
}

.color-mint-100 {
  color: #dbf2e2;
  fill: #dbf2e2;
}

.bg-mint-100 {
  background: #dbf2e2;
}

.fill-mint-100 {
  fill: #dbf2e2;
}

.color-mint-200 {
  color: #c9ecd4;
  fill: #c9ecd4;
}

.bg-mint-200 {
  background: #c9ecd4;
}

.fill-mint-200 {
  fill: #c9ecd4;
}

.color-mint-300 {
  color: #b1e4c0;
  fill: #b1e4c0;
}

.bg-mint-300 {
  background: #b1e4c0;
}

.fill-mint-300 {
  fill: #b1e4c0;
}

.color-mint-400 {
  color: #a1deb4;
  fill: #a1deb4;
}

.bg-mint-400 {
  background: #a1deb4;
}

.fill-mint-400 {
  fill: #a1deb4;
}

.color-mint-500 {
  color: #8ad6a1;
  fill: #8ad6a1;
}

.bg-mint-500 {
  background: #8ad6a1;
}

.fill-mint-500 {
  fill: #8ad6a1;
}

.color-mint-600 {
  color: #7ec393;
  fill: #7ec393;
}

.bg-mint-600 {
  background: #7ec393;
}

.fill-mint-600 {
  fill: #7ec393;
}

.color-mint-700 {
  color: #629872;
  fill: #629872;
}

.bg-mint-700 {
  background: #629872;
}

.fill-mint-700 {
  fill: #629872;
}

.color-mint-800 {
  color: #4c7659;
  fill: #4c7659;
}

.bg-mint-800 {
  background: #4c7659;
}

.fill-mint-800 {
  fill: #4c7659;
}

.color-mint-900 {
  color: #3a5a44;
  fill: #3a5a44;
}

.bg-mint-900 {
  background: #3a5a44;
}

.fill-mint-900 {
  fill: #3a5a44;
}

.color-navy-50 {
  color: #eaf0f7;
  fill: #eaf0f7;
}

.bg-navy-50 {
  background: #eaf0f7;
}

.fill-navy-50 {
  fill: #eaf0f7;
}

.color-navy-100 {
  color: #bdd1e7;
  fill: #bdd1e7;
}

.bg-navy-100 {
  background: #bdd1e7;
}

.fill-navy-100 {
  fill: #bdd1e7;
}

.color-navy-200 {
  color: #9dbbdc;
  fill: #9dbbdc;
}

.bg-navy-200 {
  background: #9dbbdc;
}

.fill-navy-200 {
  fill: #9dbbdc;
}

.color-navy-300 {
  color: #709ccc;
  fill: #709ccc;
}

.bg-navy-300 {
  background: #709ccc;
}

.fill-navy-300 {
  fill: #709ccc;
}

.color-navy-400 {
  color: #5489c2;
  fill: #5489c2;
}

.bg-navy-400 {
  background: #5489c2;
}

.fill-navy-400 {
  fill: #5489c2;
}

.color-navy-500 {
  color: #296bb3;
  fill: #296bb3;
}

.bg-navy-500 {
  background: #296bb3;
}

.fill-navy-500 {
  fill: #296bb3;
}

.color-navy-600 {
  color: #2561a3;
  fill: #2561a3;
}

.bg-navy-600 {
  background: #2561a3;
}

.fill-navy-600 {
  fill: #2561a3;
}

.color-navy-700 {
  color: #1d4c7f;
  fill: #1d4c7f;
}

.bg-navy-700 {
  background: #1d4c7f;
}

.fill-navy-700 {
  fill: #1d4c7f;
}

.color-navy-800 {
  color: #173b62;
  fill: #173b62;
}

.bg-navy-800 {
  background: #173b62;
}

.fill-navy-800 {
  fill: #173b62;
}

.color-navy-900 {
  color: #112d4b;
  fill: #112d4b;
}

.bg-navy-900 {
  background: #112d4b;
}

.fill-navy-900 {
  fill: #112d4b;
}

.color-neutral-00 {
  color: #ffffff;
  fill: #ffffff;
}

.bg-neutral-00 {
  background: #ffffff;
}

.fill-neutral-00 {
  fill: #ffffff;
}

.color-neutral-50 {
  color: #f8f8f8;
  fill: #f8f8f8;
}

.bg-neutral-50 {
  background: #f8f8f8;
}

.fill-neutral-50 {
  fill: #f8f8f8;
}

.color-neutral-75 {
  color: #e3e3e3;
  fill: #e3e3e3;
}

.bg-neutral-75 {
  background: #e3e3e3;
}

.fill-neutral-75 {
  fill: #e3e3e3;
}

.color-neutral-75-70 {
  color: rgba(227, 227, 227, 0.7);
  fill: rgba(227, 227, 227, 0.7);
}
.color-neutral-75-70 {
  fill: rgba(227, 227, 227, 0.7);
}
.color-neutral-75-70 {
  fill: rgba(227, 227, 227, 0.7);
}
.color-neutral-200 {
  color: #cacfd3;
  fill: #cacfd3;
}

.bg-neutral-200 {
  background: #cacfd3;
}

.fill-neutral-200 {
  fill: #cacfd3;
}

.color-neutral-250 {
  color: #d7d7d7;
  fill: #d7d7d7;
}

.bg-neutral-250 {
  background: #d7d7d7;
}

.fill-neutral-250 {
  fill: #d7d7d7;
}

.color-neutral-300 {
  color: #a8afb7;
  fill: #a8afb7;
}

.bg-neutral-300 {
  background: #a8afb7;
}

.fill-neutral-300 {
  fill: #a8afb7;
}

.color-neutral-400 {
  color: #68738d;
  fill: #68738d;
}

.bg-neutral-400 {
  background: #68738d;
}

.fill-neutral-400 {
  fill: #68738d;
}

.color-neutral-450 {
  color: #5d677e;
  fill: #5d677e;
}

.bg-neutral-450 {
  background: #5d677e;
}

.fill-neutral-450 {
  fill: #5d677e;
}

.color-ocean-50 {
  color: #e6e8f4;
  fill: #e6e8f4;
}

.bg-ocean-50 {
  background: #e6e8f4;
}

.fill-ocean-50 {
  fill: #e6e8f4;
}

.color-ocean-100 {
  color: #b0b9dc;
  fill: #b0b9dc;
}

.bg-ocean-100 {
  background: #b0b9dc;
}

.fill-ocean-100 {
  fill: #b0b9dc;
}

.color-ocean-200 {
  color: #8a97cb;
  fill: #8a97cb;
}

.bg-ocean-200 {
  background: #8a97cb;
}

.fill-ocean-200 {
  fill: #8a97cb;
}

.color-ocean-300 {
  color: #5468b4;
  fill: #5468b4;
}

.bg-ocean-300 {
  background: #5468b4;
}

.fill-ocean-300 {
  fill: #5468b4;
}

.color-ocean-400 {
  color: #334aa5;
  fill: #334aa5;
}

.bg-ocean-400 {
  background: #334aa5;
}

.fill-ocean-400 {
  fill: #334aa5;
}

.color-ocean-500 {
  color: #001d8f;
  fill: #001d8f;
}

.bg-ocean-500 {
  background: #001d8f;
}

.fill-ocean-500 {
  fill: #001d8f;
}

.color-ocean-600 {
  color: #001a82;
  fill: #001a82;
}

.bg-ocean-600 {
  background: #001a82;
}

.fill-ocean-600 {
  fill: #001a82;
}

.color-ocean-700 {
  color: #001566;
  fill: #001566;
}

.bg-ocean-700 {
  background: #001566;
}

.fill-ocean-700 {
  fill: #001566;
}

.color-ocean-800 {
  color: #00104f;
  fill: #00104f;
}

.bg-ocean-800 {
  background: #00104f;
}

.fill-ocean-800 {
  fill: #00104f;
}

.color-ocean-900 {
  color: #000c3c;
  fill: #000c3c;
}

.bg-ocean-900 {
  background: #000c3c;
}

.fill-ocean-900 {
  fill: #000c3c;
}

.color-orange-50 {
  color: #fdf4ed;
  fill: #fdf4ed;
}

.bg-orange-50 {
  background: #fdf4ed;
}

.fill-orange-50 {
  fill: #fdf4ed;
}

.color-orange-100 {
  color: #f7ddc8;
  fill: #f7ddc8;
}

.bg-orange-100 {
  background: #f7ddc8;
}

.fill-orange-100 {
  fill: #f7ddc8;
}

.color-orange-200 {
  color: #f4ccad;
  fill: #f4ccad;
}

.bg-orange-200 {
  background: #f4ccad;
}

.fill-orange-200 {
  fill: #f4ccad;
}

.color-orange-300 {
  color: #eeb587;
  fill: #eeb587;
}

.bg-orange-300 {
  background: #eeb587;
}

.fill-orange-300 {
  fill: #eeb587;
}

.color-orange-400 {
  color: #eba770;
  fill: #eba770;
}

.bg-orange-400 {
  background: #eba770;
}

.fill-orange-400 {
  fill: #eba770;
}

.color-orange-500 {
  color: #e6914c;
  fill: #e6914c;
}

.bg-orange-500 {
  background: #e6914c;
}

.fill-orange-500 {
  fill: #e6914c;
}

.color-orange-600 {
  color: #d18445;
  fill: #d18445;
}

.bg-orange-600 {
  background: #d18445;
}

.fill-orange-600 {
  fill: #d18445;
}

.color-orange-700 {
  color: #a36736;
  fill: #a36736;
}

.bg-orange-700 {
  background: #a36736;
}

.fill-orange-700 {
  fill: #a36736;
}

.color-orange-800 {
  color: #7f502a;
  fill: #7f502a;
}

.bg-orange-800 {
  background: #7f502a;
}

.fill-orange-800 {
  fill: #7f502a;
}

.color-orange-900 {
  color: #613d20;
  fill: #613d20;
}

.bg-orange-900 {
  background: #613d20;
}

.fill-orange-900 {
  fill: #613d20;
}

.color-pink-50 {
  color: #fdedf3;
  fill: #fdedf3;
}

.bg-pink-50 {
  background: #fdedf3;
}

.fill-pink-50 {
  fill: #fdedf3;
}

.color-pink-100 {
  color: #f7c8d8;
  fill: #f7c8d8;
}

.bg-pink-100 {
  background: #f7c8d8;
}

.fill-pink-100 {
  fill: #f7c8d8;
}

.color-pink-200 {
  color: #f4adc6;
  fill: #f4adc6;
}

.bg-pink-200 {
  background: #f4adc6;
}

.fill-pink-200 {
  fill: #f4adc6;
}

.color-pink-300 {
  color: #ee87ab;
  fill: #ee87ab;
}

.bg-pink-300 {
  background: #ee87ab;
}

.fill-pink-300 {
  fill: #ee87ab;
}

.color-pink-400 {
  color: #eb709b;
  fill: #eb709b;
}

.bg-pink-400 {
  background: #eb709b;
}

.fill-pink-400 {
  fill: #eb709b;
}

.color-pink-500 {
  color: #e64c82;
  fill: #e64c82;
}

.bg-pink-500 {
  background: #e64c82;
}

.fill-pink-500 {
  fill: #e64c82;
}

.color-pink-600 {
  color: #d14576;
  fill: #d14576;
}

.bg-pink-600 {
  background: #d14576;
}

.fill-pink-600 {
  fill: #d14576;
}

.color-pink-700 {
  color: #a3365c;
  fill: #a3365c;
}

.bg-pink-700 {
  background: #a3365c;
}

.fill-pink-700 {
  fill: #a3365c;
}

.color-pink-800 {
  color: #7f2a48;
  fill: #7f2a48;
}

.bg-pink-800 {
  background: #7f2a48;
}

.fill-pink-800 {
  fill: #7f2a48;
}

.color-pink-900 {
  color: #612037;
  fill: #612037;
}

.bg-pink-900 {
  background: #612037;
}

.fill-pink-900 {
  fill: #612037;
}

.color-purple-50 {
  color: #f0e7fd;
  fill: #f0e7fd;
}

.bg-purple-50 {
  background: #f0e7fd;
}

.fill-purple-50 {
  fill: #f0e7fd;
}

.color-purple-100 {
  color: #d0b5f8;
  fill: #d0b5f8;
}

.bg-purple-100 {
  background: #d0b5f8;
}

.fill-purple-100 {
  fill: #d0b5f8;
}

.color-purple-200 {
  color: #b992f4;
  fill: #b992f4;
}

.bg-purple-200 {
  background: #b992f4;
}

.fill-purple-200 {
  fill: #b992f4;
}

.color-purple-300 {
  color: #9960f0;
  fill: #9960f0;
}

.bg-purple-300 {
  background: #9960f0;
}

.fill-purple-300 {
  fill: #9960f0;
}

.color-purple-400 {
  color: #8541ed;
  fill: #8541ed;
}

.bg-purple-400 {
  background: #8541ed;
}

.fill-purple-400 {
  fill: #8541ed;
}

.color-purple-500 {
  color: #6711e8;
  fill: #6711e8;
}

.bg-purple-500 {
  background: #6711e8;
}

.fill-purple-500 {
  fill: #6711e8;
}

.color-purple-600 {
  color: #5e0fd3;
  fill: #5e0fd3;
}

.bg-purple-600 {
  background: #5e0fd3;
}

.fill-purple-600 {
  fill: #5e0fd3;
}

.color-purple-700 {
  color: #490ca5;
  fill: #490ca5;
}

.bg-purple-700 {
  background: #490ca5;
}

.fill-purple-700 {
  fill: #490ca5;
}

.color-purple-800 {
  color: #390980;
  fill: #390980;
}

.bg-purple-800 {
  background: #390980;
}

.fill-purple-800 {
  fill: #390980;
}

.color-purple-900 {
  color: #2b0761;
  fill: #2b0761;
}

.bg-purple-900 {
  background: #2b0761;
}

.fill-purple-900 {
  fill: #2b0761;
}

.color-red-50 {
  color: #fdeded;
  fill: #fdeded;
}

.bg-red-50 {
  background: #fdeded;
}

.fill-red-50 {
  fill: #fdeded;
}

.color-red-100 {
  color: #f7c8c8;
  fill: #f7c8c8;
}

.bg-red-100 {
  background: #f7c8c8;
}

.fill-red-100 {
  fill: #f7c8c8;
}

.color-red-200 {
  color: #f4adad;
  fill: #f4adad;
}

.bg-red-200 {
  background: #f4adad;
}

.fill-red-200 {
  fill: #f4adad;
}

.color-red-300 {
  color: #ee8787;
  fill: #ee8787;
}

.bg-red-300 {
  background: #ee8787;
}

.fill-red-300 {
  fill: #ee8787;
}

.color-red-400 {
  color: #eb7070;
  fill: #eb7070;
}

.bg-red-400 {
  background: #eb7070;
}

.fill-red-400 {
  fill: #eb7070;
}

.color-red-500 {
  color: #e64c4c;
  fill: #e64c4c;
}

.bg-red-500 {
  background: #e64c4c;
}

.fill-red-500 {
  fill: #e64c4c;
}

.color-red-600 {
  color: #d14545;
  fill: #d14545;
}

.bg-red-600 {
  background: #d14545;
}

.fill-red-600 {
  fill: #d14545;
}

.color-red-700 {
  color: #a33636;
  fill: #a33636;
}

.bg-red-700 {
  background: #a33636;
}

.fill-red-700 {
  fill: #a33636;
}

.color-red-800 {
  color: #7f2a2a;
  fill: #7f2a2a;
}

.bg-red-800 {
  background: #7f2a2a;
}

.fill-red-800 {
  fill: #7f2a2a;
}

.color-red-900 {
  color: #612020;
  fill: #612020;
}

.bg-red-900 {
  background: #612020;
}

.fill-red-900 {
  fill: #612020;
}

.color-sand-50 {
  color: #fcf9f6;
  fill: #fcf9f6;
}

.bg-sand-50 {
  background: #fcf9f6;
}

.fill-sand-50 {
  fill: #fcf9f6;
}

.color-sand-100 {
  color: #f4ece3;
  fill: #f4ece3;
}

.bg-sand-100 {
  background: #f4ece3;
}

.fill-sand-100 {
  fill: #f4ece3;
}

.color-sand-200 {
  color: #efe2d6;
  fill: #efe2d6;
}

.bg-sand-200 {
  background: #efe2d6;
}

.fill-sand-200 {
  fill: #efe2d6;
}

.color-sand-300 {
  color: #e8d5c3;
  fill: #e8d5c3;
}

.bg-sand-300 {
  background: #e8d5c3;
}

.fill-sand-300 {
  fill: #e8d5c3;
}

.color-sand-400 {
  color: #e4cdb8;
  fill: #e4cdb8;
}

.bg-sand-400 {
  background: #e4cdb8;
}

.fill-sand-400 {
  fill: #e4cdb8;
}

.color-sand-500 {
  color: #ddc1a6;
  fill: #ddc1a6;
}

.bg-sand-500 {
  background: #ddc1a6;
}

.fill-sand-500 {
  fill: #ddc1a6;
}

.color-sand-600 {
  color: #c9b097;
  fill: #c9b097;
}

.bg-sand-600 {
  background: #c9b097;
}

.fill-sand-600 {
  fill: #c9b097;
}

.color-sand-700 {
  color: #9d8976;
  fill: #9d8976;
}

.bg-sand-700 {
  background: #9d8976;
}

.fill-sand-700 {
  fill: #9d8976;
}

.color-sand-800 {
  color: #7a6a5b;
  fill: #7a6a5b;
}

.bg-sand-800 {
  background: #7a6a5b;
}

.fill-sand-800 {
  fill: #7a6a5b;
}

.color-sand-900 {
  color: #5d5146;
  fill: #5d5146;
}

.bg-sand-900 {
  background: #5d5146;
}

.fill-sand-900 {
  fill: #5d5146;
}

.color-sky-50 {
  color: #f5fafc;
  fill: #f5fafc;
}

.bg-sky-50 {
  background: #f5fafc;
}

.fill-sky-50 {
  fill: #f5fafc;
}

.color-sky-100 {
  color: #e1f0f6;
  fill: #e1f0f6;
}

.bg-sky-100 {
  background: #e1f0f6;
}

.fill-sky-100 {
  fill: #e1f0f6;
}

.color-sky-200 {
  color: #d2e9f1;
  fill: #d2e9f1;
}

.bg-sky-200 {
  background: #d2e9f1;
}

.fill-sky-200 {
  fill: #d2e9f1;
}

.color-sky-300 {
  color: #bde0eb;
  fill: #bde0eb;
}

.bg-sky-300 {
  background: #bde0eb;
}

.fill-sky-300 {
  fill: #bde0eb;
}

.color-sky-400 {
  color: #b1d9e7;
  fill: #b1d9e7;
}

.bg-sky-400 {
  background: #b1d9e7;
}

.fill-sky-400 {
  fill: #b1d9e7;
}

.color-sky-500 {
  color: #9dd0e1;
  fill: #9dd0e1;
}

.bg-sky-500 {
  background: #9dd0e1;
}

.fill-sky-500 {
  fill: #9dd0e1;
}

.color-sky-600 {
  color: #8fbdcd;
  fill: #8fbdcd;
}

.bg-sky-600 {
  background: #8fbdcd;
}

.fill-sky-600 {
  fill: #8fbdcd;
}

.color-sky-700 {
  color: #6f94a0;
  fill: #6f94a0;
}

.bg-sky-700 {
  background: #6f94a0;
}

.fill-sky-700 {
  fill: #6f94a0;
}

.color-sky-800 {
  color: #56727c;
  fill: #56727c;
}

.bg-sky-800 {
  background: #56727c;
}

.fill-sky-800 {
  fill: #56727c;
}

.color-sky-900 {
  color: #42575f;
  fill: #42575f;
}

.bg-sky-900 {
  background: #42575f;
}

.fill-sky-900 {
  fill: #42575f;
}

.color-slate-50 {
  color: #eef0f3;
  fill: #eef0f3;
}

.bg-slate-50 {
  background: #eef0f3;
}

.fill-slate-50 {
  fill: #eef0f3;
}

.color-slate-100 {
  color: #cad1da;
  fill: #cad1da;
}

.bg-slate-100 {
  background: #cad1da;
}

.fill-slate-100 {
  fill: #cad1da;
}

.color-slate-200 {
  color: #8c9baf;
  fill: #8c9baf;
}

.bg-slate-200 {
  background: #8c9baf;
}

.fill-slate-200 {
  fill: #8c9baf;
}

.color-slate-300 {
  color: #8c9baf;
  fill: #8c9baf;
}

.bg-slate-300 {
  background: #8c9baf;
}

.fill-slate-300 {
  fill: #8c9baf;
}

.color-slate-400 {
  color: #7588a0;
  fill: #7588a0;
}

.bg-slate-400 {
  background: #7588a0;
}

.fill-slate-400 {
  fill: #7588a0;
}

.color-slate-500 {
  color: #536a88;
  fill: #536a88;
}

.bg-slate-500 {
  background: #536a88;
}

.fill-slate-500 {
  fill: #536a88;
}

.color-slate-600 {
  color: #4c607c;
  fill: #4c607c;
}

.bg-slate-600 {
  background: #4c607c;
}

.fill-slate-600 {
  fill: #4c607c;
}

.color-slate-700 {
  color: #3b4b61;
  fill: #3b4b61;
}

.bg-slate-700 {
  background: #3b4b61;
}

.fill-slate-700 {
  fill: #3b4b61;
}

.color-slate-800 {
  color: #2e3a4b;
  fill: #2e3a4b;
}

.bg-slate-800 {
  background: #2e3a4b;
}

.fill-slate-800 {
  fill: #2e3a4b;
}

.color-slate-900 {
  color: #232d39;
  fill: #232d39;
}

.bg-slate-900 {
  background: #232d39;
}

.fill-slate-900 {
  fill: #232d39;
}

.color-violet-50 {
  color: #edebf0;
  fill: #edebf0;
}

.bg-violet-50 {
  background: #edebf0;
}

.fill-violet-50 {
  fill: #edebf0;
}

.color-violet-100 {
  color: #c6c0d0;
  fill: #c6c0d0;
}

.bg-violet-100 {
  background: #c6c0d0;
}

.fill-violet-100 {
  fill: #c6c0d0;
}

.color-violet-200 {
  color: #aba1b9;
  fill: #aba1b9;
}

.bg-violet-200 {
  background: #aba1b9;
}

.fill-violet-200 {
  fill: #aba1b9;
}

.color-violet-300 {
  color: #847698;
  fill: #847698;
}

.bg-violet-300 {
  background: #847698;
}

.fill-violet-300 {
  fill: #847698;
}

.color-violet-400 {
  color: #6d5c85;
  fill: #6d5c85;
}

.bg-violet-400 {
  background: #6d5c85;
}

.fill-violet-400 {
  fill: #6d5c85;
}

.color-violet-500 {
  color: #483366;
  fill: #483366;
}

.bg-violet-500 {
  background: #483366;
}

.fill-violet-500 {
  fill: #483366;
}

.color-violet-600 {
  color: #422e5d;
  fill: #422e5d;
}

.bg-violet-600 {
  background: #422e5d;
}

.fill-violet-600 {
  fill: #422e5d;
}

.color-violet-700 {
  color: #332448;
  fill: #332448;
}

.bg-violet-700 {
  background: #332448;
}

.fill-violet-700 {
  fill: #332448;
}

.color-violet-800 {
  color: #281c38;
  fill: #281c38;
}

.bg-violet-800 {
  background: #281c38;
}

.fill-violet-800 {
  fill: #281c38;
}

.color-violet-900 {
  color: #1e152b;
  fill: #1e152b;
}

.bg-violet-900 {
  background: #1e152b;
}

.fill-violet-900 {
  fill: #1e152b;
}

.color-white-00 {
  color: #ffffff;
  fill: #ffffff;
}

.bg-white-00 {
  background: #ffffff;
}

.fill-white-00 {
  fill: #ffffff;
}

.color-white-50 {
  color: #fafafa;
  fill: #fafafa;
}

.bg-white-50 {
  background: #fafafa;
}

.fill-white-50 {
  fill: #fafafa;
}

.color-white-100 {
  color: #f1f1f1;
  fill: #f1f1f1;
}

.bg-white-100 {
  background: #f1f1f1;
}

.fill-white-100 {
  fill: #f1f1f1;
}

.color-white-200 {
  color: #eaeaea;
  fill: #eaeaea;
}

.bg-white-200 {
  background: #eaeaea;
}

.fill-white-200 {
  fill: #eaeaea;
}

.color-white-300 {
  color: #e0e0e0;
  fill: #e0e0e0;
}

.bg-white-300 {
  background: #e0e0e0;
}

.fill-white-300 {
  fill: #e0e0e0;
}

.color-white-400 {
  color: #dadada;
  fill: #dadada;
}

.bg-white-400 {
  background: #dadada;
}

.fill-white-400 {
  fill: #dadada;
}

.color-white-500 {
  color: #d1d1d1;
  fill: #d1d1d1;
}

.bg-white-500 {
  background: #d1d1d1;
}

.fill-white-500 {
  fill: #d1d1d1;
}

.color-white-600 {
  color: #bebebe;
  fill: #bebebe;
}

.bg-white-600 {
  background: #bebebe;
}

.fill-white-600 {
  fill: #bebebe;
}

.color-white-700 {
  color: #949494;
  fill: #949494;
}

.bg-white-700 {
  background: #949494;
}

.fill-white-700 {
  fill: #949494;
}

.color-white-800 {
  color: #737373;
  fill: #737373;
}

.bg-white-800 {
  background: #737373;
}

.fill-white-800 {
  fill: #737373;
}

.color-white-900 {
  color: #585858;
  fill: #585858;
}

.bg-white-900 {
  background: #585858;
}

.fill-white-900 {
  fill: #585858;
}

.color-yellow-50 {
  color: #fdf8ed;
  fill: #fdf8ed;
}

.bg-yellow-50 {
  background: #fdf8ed;
}

.fill-yellow-50 {
  fill: #fdf8ed;
}

.color-yellow-100 {
  color: #f7ebc8;
  fill: #f7ebc8;
}

.bg-yellow-100 {
  background: #f7ebc8;
}

.fill-yellow-100 {
  fill: #f7ebc8;
}

.color-yellow-200 {
  color: #f4e1ad;
  fill: #f4e1ad;
}

.bg-yellow-200 {
  background: #f4e1ad;
}

.fill-yellow-200 {
  fill: #f4e1ad;
}

.color-yellow-300 {
  color: #eed387;
  fill: #eed387;
}

.bg-yellow-300 {
  background: #eed387;
}

.fill-yellow-300 {
  fill: #eed387;
}

.color-yellow-400 {
  color: #ebca70;
  fill: #ebca70;
}

.bg-yellow-400 {
  background: #ebca70;
}

.fill-yellow-400 {
  fill: #ebca70;
}

.color-yellow-500 {
  color: #e6bd4c;
  fill: #e6bd4c;
}

.bg-yellow-500 {
  background: #e6bd4c;
}

.fill-yellow-500 {
  fill: #e6bd4c;
}

.color-yellow-600 {
  color: #d1ac45;
  fill: #d1ac45;
}

.bg-yellow-600 {
  background: #d1ac45;
}

.fill-yellow-600 {
  fill: #d1ac45;
}

.color-yellow-700 {
  color: #a38636;
  fill: #a38636;
}

.bg-yellow-700 {
  background: #a38636;
}

.fill-yellow-700 {
  fill: #a38636;
}

.color-opacity-white-00 {
  color: #ffffff;
  fill: #ffffff;
}

.bg-opacity-white-00 {
  background: #ffffff;
}

.fill-opacity-white-00 {
  fill: #ffffff;
}

.color-yellow-800 {
  color: #7f682a;
  fill: #7f682a;
}

.bg-yellow-800 {
  background: #7f682a;
}

.fill-yellow-800 {
  fill: #7f682a;
}

.color-yellow-900 {
  color: #614f20;
  fill: #614f20;
}

.bg-yellow-900 {
  background: #614f20;
}

.fill-yellow-900 {
  fill: #614f20;
}

.color-opacity-white-01 {
  color: rgba(255, 255, 255, 0.01);
  fill: rgba(255, 255, 255, 0.01);
}
.bg-opacity-white-01 {
  background: rgba(255, 255, 255, 0.01);
}
.fill-opacity-white-01 {
  fill: rgba(255, 255, 255, 0.01);
}
.color-opacity-white-02 {
  color: rgba(255, 255, 255, 0.02);
  fill: rgba(255, 255, 255, 0.02);
}
.bg-opacity-white-02 {
  background: rgba(255, 255, 255, 0.02);
}
.fill-opacity-white-02 {
  fill: rgba(255, 255, 255, 0.02);
}
.color-opacity-white-03 {
  color: rgba(255, 255, 255, 0.03);
  fill: rgba(255, 255, 255, 0.03);
}
.bg-opacity-white-03 {
  background: rgba(255, 255, 255, 0.03);
}
.fill-opacity-white-03 {
  fill: rgba(255, 255, 255, 0.03);
}
.color-opacity-white-04 {
  color: rgba(255, 255, 255, 0.04);
  fill: rgba(255, 255, 255, 0.04);
}
.bg-opacity-white-04 {
  background: rgba(255, 255, 255, 0.04);
}
.fill-opacity-white-04 {
  fill: rgba(255, 255, 255, 0.04);
}
.color-opacity-white-05 {
  color: rgba(255, 255, 255, 0.05);
  fill: rgba(255, 255, 255, 0.05);
}
.bg-opacity-white-05 {
  background: rgba(255, 255, 255, 0.05);
}
.fill-opacity-white-05 {
  fill: rgba(255, 255, 255, 0.05);
}
.color-opacity-white-10 {
  color: rgba(255, 255, 255, 0.1);
  fill: rgba(255, 255, 255, 0.1);
}
.bg-opacity-white-10 {
  background: rgba(255, 255, 255, 0.1);
}
.fill-opacity-white-10 {
  fill: rgba(255, 255, 255, 0.1);
}
.color-opacity-white-15 {
  color: rgba(255, 255, 255, 0.15);
  fill: rgba(255, 255, 255, 0.15);
}
.bg-opacity-white-15 {
  background: rgba(255, 255, 255, 0.15);
}
.fill-opacity-white-15 {
  fill: rgba(255, 255, 255, 0.15);
}
.color-opacity-white-20 {
  color: rgba(255, 255, 255, 0.2);
  fill: rgba(255, 255, 255, 0.2);
}
.bg-opacity-white-20 {
  background: rgba(255, 255, 255, 0.2);
}
.fill-opacity-white-20 {
  fill: rgba(255, 255, 255, 0.2);
}
.color-opacity-white-30 {
  color: rgba(255, 255, 255, 0.3);
  fill: rgba(255, 255, 255, 0.3);
}
.bg-opacity-white-30 {
  background: rgba(255, 255, 255, 0.3);
}
.fill-opacity-white-30 {
  fill: rgba(255, 255, 255, 0.3);
}
.color-opacity-white-40 {
  color: rgba(255, 255, 255, 0.4);
  fill: rgba(255, 255, 255, 0.4);
}
.bg-opacity-white-40 {
  background: rgba(255, 255, 255, 0.4);
}
.fill-opacity-white-40 {
  fill: rgba(255, 255, 255, 0.4);
}
.color-opacity-white-50 {
  color: rgba(255, 255, 255, 0.5);
  fill: rgba(255, 255, 255, 0.5);
}
.bg-opacity-white-50 {
  background: rgba(255, 255, 255, 0.5);
}
.fill-opacity-white-50 {
  fill: rgba(255, 255, 255, 0.5);
}
.color-opacity-white-60 {
  color: rgba(255, 255, 255, 0.6);
  fill: rgba(255, 255, 255, 0.6);
}
.bg-opacity-white-60 {
  background: rgba(255, 255, 255, 0.6);
}
.fill-opacity-white-60 {
  fill: rgba(255, 255, 255, 0.6);
}
.color-opacity-white-70 {
  color: rgba(255, 255, 255, 0.7);
  fill: rgba(255, 255, 255, 0.7);
}
.bg-opacity-white-70 {
  background: rgba(255, 255, 255, 0.7);
}
.fill-opacity-white-70 {
  fill: rgba(255, 255, 255, 0.7);
}
.color-opacity-white-80 {
  color: rgba(255, 255, 255, 0.8);
  fill: rgba(255, 255, 255, 0.8);
}
.bg-opacity-white-80 {
  background: rgba(255, 255, 255, 0.8);
}
.fill-opacity-white-80 {
  fill: rgba(255, 255, 255, 0.8);
}
.color-opacity-white-90 {
  color: rgba(255, 255, 255, 0.9);
  fill: rgba(255, 255, 255, 0.9);
}
.bg-opacity-white-90 {
  background: rgba(255, 255, 255, 0.9);
}
.fill-opacity-white-90 {
  fill: rgba(255, 255, 255, 0.9);
}
.color-opacity-black-00 {
  color: #000000;
  fill: #000000;
}

.bg-opacity-black-00 {
  background: #000000;
}

.fill-opacity-black-00 {
  fill: #000000;
}

.color-opacity-black-01 {
  color: rgba(0, 0, 0, 0.01);
  fill: rgba(0, 0, 0, 0.01);
}
.bg-opacity-black-01 {
  background: rgba(0, 0, 0, 0.01);
}
.fill-opacity-black-01 {
  fill: rgba(0, 0, 0, 0.01);
}
.color-opacity-black-02 {
  color: rgba(0, 0, 0, 0.02);
  fill: rgba(0, 0, 0, 0.02);
}
.bg-opacity-black-02 {
  background: rgba(0, 0, 0, 0.02);
}
.fill-opacity-black-02 {
  fill: rgba(0, 0, 0, 0.02);
}
.color-opacity-black-03 {
  color: rgba(0, 0, 0, 0.03);
  fill: rgba(0, 0, 0, 0.03);
}
.bg-opacity-black-03 {
  background: rgba(0, 0, 0, 0.03);
}
.fill-opacity-black-03 {
  fill: rgba(0, 0, 0, 0.03);
}
.color-opacity-black-04 {
  color: rgba(0, 0, 0, 0.04);
  fill: rgba(0, 0, 0, 0.04);
}
.bg-opacity-black-04 {
  background: rgba(0, 0, 0, 0.04);
}
.fill-opacity-black-04 {
  fill: rgba(0, 0, 0, 0.04);
}
.color-opacity-black-05 {
  color: rgba(0, 0, 0, 0.05);
  fill: rgba(0, 0, 0, 0.05);
}
.bg-opacity-black-05 {
  background: rgba(0, 0, 0, 0.05);
}
.fill-opacity-black-05 {
  fill: rgba(0, 0, 0, 0.05);
}
.color-opacity-black-10 {
  color: rgba(0, 0, 0, 0.1);
  fill: rgba(0, 0, 0, 0.1);
}
.bg-opacity-black-10 {
  background: rgba(0, 0, 0, 0.1);
}
.fill-opacity-black-10 {
  fill: rgba(0, 0, 0, 0.1);
}
.color-opacity-black-15 {
  color: rgba(0, 0, 0, 0.15);
  fill: rgba(0, 0, 0, 0.15);
}
.bg-opacity-black-15 {
  background: rgba(0, 0, 0, 0.15);
}
.fill-opacity-black-15 {
  fill: rgba(0, 0, 0, 0.15);
}
.color-opacity-black-20 {
  color: rgba(0, 0, 0, 0.2);
  fill: rgba(0, 0, 0, 0.2);
}
.bg-opacity-black-20 {
  background: rgba(0, 0, 0, 0.2);
}
.fill-opacity-black-20 {
  fill: rgba(0, 0, 0, 0.2);
}
.color-opacity-black-30 {
  color: rgba(0, 0, 0, 0.3);
  fill: rgba(0, 0, 0, 0.3);
}
.bg-opacity-black-30 {
  background: rgba(0, 0, 0, 0.3);
}
.fill-opacity-black-30 {
  fill: rgba(0, 0, 0, 0.3);
}
.color-opacity-black-40 {
  color: rgba(0, 0, 0, 0.4);
  fill: rgba(0, 0, 0, 0.4);
}
.bg-opacity-black-40 {
  background: rgba(0, 0, 0, 0.4);
}
.fill-opacity-black-40 {
  fill: rgba(0, 0, 0, 0.4);
}
.color-opacity-black-50 {
  color: rgba(0, 0, 0, 0.5);
  fill: rgba(0, 0, 0, 0.5);
}
.bg-opacity-black-50 {
  background: rgba(0, 0, 0, 0.5);
}
.fill-opacity-black-50 {
  fill: rgba(0, 0, 0, 0.5);
}
.color-opacity-black-60 {
  color: rgba(0, 0, 0, 0.6);
  fill: rgba(0, 0, 0, 0.6);
}
.bg-opacity-black-60 {
  background: rgba(0, 0, 0, 0.6);
}
.fill-opacity-black-60 {
  fill: rgba(0, 0, 0, 0.6);
}
.color-opacity-black-70 {
  color: rgba(0, 0, 0, 0.7);
  fill: rgba(0, 0, 0, 0.7);
}
.bg-opacity-black-70 {
  background: rgba(0, 0, 0, 0.7);
}
.fill-opacity-black-70 {
  fill: rgba(0, 0, 0, 0.7);
}
.color-opacity-black-80 {
  color: rgba(0, 0, 0, 0.8);
  fill: rgba(0, 0, 0, 0.8);
}
.bg-opacity-black-80 {
  background: rgba(0, 0, 0, 0.8);
}
.fill-opacity-black-80 {
  fill: rgba(0, 0, 0, 0.8);
}
.color-opacity-black-90 {
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}
.bg-opacity-black-90 {
  background: rgba(0, 0, 0, 0.9);
}
.fill-opacity-black-90 {
  fill: rgba(0, 0, 0, 0.9);
}
.gap-2 {
  gap: px-to-rem(2);
}
.gap-row-2 {
  row-gap: px-to-rem(2);
}
.gap-column-2 {
  column-gap: px-to-rem(2);
}
.w-2 {
  width: px-to-rem(2);
}
.h-2 {
  height: px-to-rem(2);
}
.min-w-2 {
  min-width: px-to-rem(2);
}
.min-h-2 {
  min-height: px-to-rem(2);
}
.max-w-2 {
  max-width: px-to-rem(2);
}
.max-height-2 {
  max-height: px-to-rem(2);
}
.m-2 {
  margin: px-to-rem(2);
}
.mt-2 {
  margin-top: px-to-rem(2);
}
.ml-2 {
  margin-left: px-to-rem(2);
}
.mr-2 {
  margin-right: px-to-rem(2);
}
.mb-2 {
  margin-bottom: px-to-rem(2);
}
.p-2 {
  padding: px-to-rem(2);
}
.pt-2 {
  padding-top: px-to-rem(2);
}
.pl-2 {
  padding-left: px-to-rem(2);
}
.pr-2 {
  padding-right: px-to-rem(2);
}
.pb-2 {
  padding-bottom: px-to-rem(2);
}
.gap-4 {
  gap: px-to-rem(4);
}
.gap-row-4 {
  row-gap: px-to-rem(4);
}
.gap-column-4 {
  column-gap: px-to-rem(4);
}
.w-4 {
  width: px-to-rem(4);
}
.h-4 {
  height: px-to-rem(4);
}
.min-w-4 {
  min-width: px-to-rem(4);
}
.min-h-4 {
  min-height: px-to-rem(4);
}
.max-w-4 {
  max-width: px-to-rem(4);
}
.max-height-4 {
  max-height: px-to-rem(4);
}
.m-4 {
  margin: px-to-rem(4);
}
.mt-4 {
  margin-top: px-to-rem(4);
}
.ml-4 {
  margin-left: px-to-rem(4);
}
.mr-4 {
  margin-right: px-to-rem(4);
}
.mb-4 {
  margin-bottom: px-to-rem(4);
}
.p-4 {
  padding: px-to-rem(4);
}
.pt-4 {
  padding-top: px-to-rem(4);
}
.pl-4 {
  padding-left: px-to-rem(4);
}
.pr-4 {
  padding-right: px-to-rem(4);
}
.pb-4 {
  padding-bottom: px-to-rem(4);
}
.gap-6 {
  gap: px-to-rem(6);
}
.gap-row-6 {
  row-gap: px-to-rem(6);
}
.gap-column-6 {
  column-gap: px-to-rem(6);
}
.w-6 {
  width: px-to-rem(6);
}
.h-6 {
  height: px-to-rem(6);
}
.min-w-6 {
  min-width: px-to-rem(6);
}
.min-h-6 {
  min-height: px-to-rem(6);
}
.max-w-6 {
  max-width: px-to-rem(6);
}
.max-height-6 {
  max-height: px-to-rem(6);
}
.m-6 {
  margin: px-to-rem(6);
}
.mt-6 {
  margin-top: px-to-rem(6);
}
.ml-6 {
  margin-left: px-to-rem(6);
}
.mr-6 {
  margin-right: px-to-rem(6);
}
.mb-6 {
  margin-bottom: px-to-rem(6);
}
.p-6 {
  padding: px-to-rem(6);
}
.pt-6 {
  padding-top: px-to-rem(6);
}
.pl-6 {
  padding-left: px-to-rem(6);
}
.pr-6 {
  padding-right: px-to-rem(6);
}
.pb-6 {
  padding-bottom: px-to-rem(6);
}
.gap-8 {
  gap: px-to-rem(8);
}
.gap-row-8 {
  row-gap: px-to-rem(8);
}
.gap-column-8 {
  column-gap: px-to-rem(8);
}
.w-8 {
  width: px-to-rem(8);
}
.h-8 {
  height: px-to-rem(8);
}
.min-w-8 {
  min-width: px-to-rem(8);
}
.min-h-8 {
  min-height: px-to-rem(8);
}
.max-w-8 {
  max-width: px-to-rem(8);
}
.max-height-8 {
  max-height: px-to-rem(8);
}
.m-8 {
  margin: px-to-rem(8);
}
.mt-8 {
  margin-top: px-to-rem(8);
}
.ml-8 {
  margin-left: px-to-rem(8);
}
.mr-8 {
  margin-right: px-to-rem(8);
}
.mb-8 {
  margin-bottom: px-to-rem(8);
}
.p-8 {
  padding: px-to-rem(8);
}
.pt-8 {
  padding-top: px-to-rem(8);
}
.pl-8 {
  padding-left: px-to-rem(8);
}
.pr-8 {
  padding-right: px-to-rem(8);
}
.pb-8 {
  padding-bottom: px-to-rem(8);
}
.gap-10 {
  gap: px-to-rem(10);
}
.gap-row-10 {
  row-gap: px-to-rem(10);
}
.gap-column-10 {
  column-gap: px-to-rem(10);
}
.w-10 {
  width: px-to-rem(10);
}
.h-10 {
  height: px-to-rem(10);
}
.min-w-10 {
  min-width: px-to-rem(10);
}
.min-h-10 {
  min-height: px-to-rem(10);
}
.max-w-10 {
  max-width: px-to-rem(10);
}
.max-height-10 {
  max-height: px-to-rem(10);
}
.m-10 {
  margin: px-to-rem(10);
}
.mt-10 {
  margin-top: px-to-rem(10);
}
.ml-10 {
  margin-left: px-to-rem(10);
}
.mr-10 {
  margin-right: px-to-rem(10);
}
.mb-10 {
  margin-bottom: px-to-rem(10);
}
.p-10 {
  padding: px-to-rem(10);
}
.pt-10 {
  padding-top: px-to-rem(10);
}
.pl-10 {
  padding-left: px-to-rem(10);
}
.pr-10 {
  padding-right: px-to-rem(10);
}
.pb-10 {
  padding-bottom: px-to-rem(10);
}
.gap-12 {
  gap: px-to-rem(12);
}
.gap-row-12 {
  row-gap: px-to-rem(12);
}
.gap-column-12 {
  column-gap: px-to-rem(12);
}
.w-12 {
  width: px-to-rem(12);
}
.h-12 {
  height: px-to-rem(12);
}
.min-w-12 {
  min-width: px-to-rem(12);
}
.min-h-12 {
  min-height: px-to-rem(12);
}
.max-w-12 {
  max-width: px-to-rem(12);
}
.max-height-12 {
  max-height: px-to-rem(12);
}
.m-12 {
  margin: px-to-rem(12);
}
.mt-12 {
  margin-top: px-to-rem(12);
}
.ml-12 {
  margin-left: px-to-rem(12);
}
.mr-12 {
  margin-right: px-to-rem(12);
}
.mb-12 {
  margin-bottom: px-to-rem(12);
}
.p-12 {
  padding: px-to-rem(12);
}
.pt-12 {
  padding-top: px-to-rem(12);
}
.pl-12 {
  padding-left: px-to-rem(12);
}
.pr-12 {
  padding-right: px-to-rem(12);
}
.pb-12 {
  padding-bottom: px-to-rem(12);
}
.gap-14 {
  gap: px-to-rem(14);
}
.gap-row-14 {
  row-gap: px-to-rem(14);
}
.gap-column-14 {
  column-gap: px-to-rem(14);
}
.w-14 {
  width: px-to-rem(14);
}
.h-14 {
  height: px-to-rem(14);
}
.min-w-14 {
  min-width: px-to-rem(14);
}
.min-h-14 {
  min-height: px-to-rem(14);
}
.max-w-14 {
  max-width: px-to-rem(14);
}
.max-height-14 {
  max-height: px-to-rem(14);
}
.m-14 {
  margin: px-to-rem(14);
}
.mt-14 {
  margin-top: px-to-rem(14);
}
.ml-14 {
  margin-left: px-to-rem(14);
}
.mr-14 {
  margin-right: px-to-rem(14);
}
.mb-14 {
  margin-bottom: px-to-rem(14);
}
.p-14 {
  padding: px-to-rem(14);
}
.pt-14 {
  padding-top: px-to-rem(14);
}
.pl-14 {
  padding-left: px-to-rem(14);
}
.pr-14 {
  padding-right: px-to-rem(14);
}
.pb-14 {
  padding-bottom: px-to-rem(14);
}
.gap-16 {
  gap: px-to-rem(16);
}
.gap-row-16 {
  row-gap: px-to-rem(16);
}
.gap-column-16 {
  column-gap: px-to-rem(16);
}
.w-16 {
  width: px-to-rem(16);
}
.h-16 {
  height: px-to-rem(16);
}
.min-w-16 {
  min-width: px-to-rem(16);
}
.min-h-16 {
  min-height: px-to-rem(16);
}
.max-w-16 {
  max-width: px-to-rem(16);
}
.max-height-16 {
  max-height: px-to-rem(16);
}
.m-16 {
  margin: px-to-rem(16);
}
.mt-16 {
  margin-top: px-to-rem(16);
}
.ml-16 {
  margin-left: px-to-rem(16);
}
.mr-16 {
  margin-right: px-to-rem(16);
}
.mb-16 {
  margin-bottom: px-to-rem(16);
}
.p-16 {
  padding: px-to-rem(16);
}
.pt-16 {
  padding-top: px-to-rem(16);
}
.pl-16 {
  padding-left: px-to-rem(16);
}
.pr-16 {
  padding-right: px-to-rem(16);
}
.pb-16 {
  padding-bottom: px-to-rem(16);
}
.gap-18 {
  gap: px-to-rem(18);
}
.gap-row-18 {
  row-gap: px-to-rem(18);
}
.gap-column-18 {
  column-gap: px-to-rem(18);
}
.w-18 {
  width: px-to-rem(18);
}
.h-18 {
  height: px-to-rem(18);
}
.min-w-18 {
  min-width: px-to-rem(18);
}
.min-h-18 {
  min-height: px-to-rem(18);
}
.max-w-18 {
  max-width: px-to-rem(18);
}
.max-height-18 {
  max-height: px-to-rem(18);
}
.m-18 {
  margin: px-to-rem(18);
}
.mt-18 {
  margin-top: px-to-rem(18);
}
.ml-18 {
  margin-left: px-to-rem(18);
}
.mr-18 {
  margin-right: px-to-rem(18);
}
.mb-18 {
  margin-bottom: px-to-rem(18);
}
.p-18 {
  padding: px-to-rem(18);
}
.pt-18 {
  padding-top: px-to-rem(18);
}
.pl-18 {
  padding-left: px-to-rem(18);
}
.pr-18 {
  padding-right: px-to-rem(18);
}
.pb-18 {
  padding-bottom: px-to-rem(18);
}
.gap-20 {
  gap: px-to-rem(20);
}
.gap-row-20 {
  row-gap: px-to-rem(20);
}
.gap-column-20 {
  column-gap: px-to-rem(20);
}
.w-20 {
  width: px-to-rem(20);
}
.h-20 {
  height: px-to-rem(20);
}
.min-w-20 {
  min-width: px-to-rem(20);
}
.min-h-20 {
  min-height: px-to-rem(20);
}
.max-w-20 {
  max-width: px-to-rem(20);
}
.max-height-20 {
  max-height: px-to-rem(20);
}
.m-20 {
  margin: px-to-rem(20);
}
.mt-20 {
  margin-top: px-to-rem(20);
}
.ml-20 {
  margin-left: px-to-rem(20);
}
.mr-20 {
  margin-right: px-to-rem(20);
}
.mb-20 {
  margin-bottom: px-to-rem(20);
}
.p-20 {
  padding: px-to-rem(20);
}
.pt-20 {
  padding-top: px-to-rem(20);
}
.pl-20 {
  padding-left: px-to-rem(20);
}
.pr-20 {
  padding-right: px-to-rem(20);
}
.pb-20 {
  padding-bottom: px-to-rem(20);
}
.gap-22 {
  gap: px-to-rem(22);
}
.gap-row-22 {
  row-gap: px-to-rem(22);
}
.gap-column-22 {
  column-gap: px-to-rem(22);
}
.w-22 {
  width: px-to-rem(22);
}
.h-22 {
  height: px-to-rem(22);
}
.min-w-22 {
  min-width: px-to-rem(22);
}
.min-h-22 {
  min-height: px-to-rem(22);
}
.max-w-22 {
  max-width: px-to-rem(22);
}
.max-height-22 {
  max-height: px-to-rem(22);
}
.m-22 {
  margin: px-to-rem(22);
}
.mt-22 {
  margin-top: px-to-rem(22);
}
.ml-22 {
  margin-left: px-to-rem(22);
}
.mr-22 {
  margin-right: px-to-rem(22);
}
.mb-22 {
  margin-bottom: px-to-rem(22);
}
.p-22 {
  padding: px-to-rem(22);
}
.pt-22 {
  padding-top: px-to-rem(22);
}
.pl-22 {
  padding-left: px-to-rem(22);
}
.pr-22 {
  padding-right: px-to-rem(22);
}
.pb-22 {
  padding-bottom: px-to-rem(22);
}
.gap-24 {
  gap: px-to-rem(24);
}
.gap-row-24 {
  row-gap: px-to-rem(24);
}
.gap-column-24 {
  column-gap: px-to-rem(24);
}
.w-24 {
  width: px-to-rem(24);
}
.h-24 {
  height: px-to-rem(24);
}
.min-w-24 {
  min-width: px-to-rem(24);
}
.min-h-24 {
  min-height: px-to-rem(24);
}
.max-w-24 {
  max-width: px-to-rem(24);
}
.max-height-24 {
  max-height: px-to-rem(24);
}
.m-24 {
  margin: px-to-rem(24);
}
.mt-24 {
  margin-top: px-to-rem(24);
}
.ml-24 {
  margin-left: px-to-rem(24);
}
.mr-24 {
  margin-right: px-to-rem(24);
}
.mb-24 {
  margin-bottom: px-to-rem(24);
}
.p-24 {
  padding: px-to-rem(24);
}
.pt-24 {
  padding-top: px-to-rem(24);
}
.pl-24 {
  padding-left: px-to-rem(24);
}
.pr-24 {
  padding-right: px-to-rem(24);
}
.pb-24 {
  padding-bottom: px-to-rem(24);
}
.gap-28 {
  gap: px-to-rem(28);
}
.gap-row-28 {
  row-gap: px-to-rem(28);
}
.gap-column-28 {
  column-gap: px-to-rem(28);
}
.w-28 {
  width: px-to-rem(28);
}
.h-28 {
  height: px-to-rem(28);
}
.min-w-28 {
  min-width: px-to-rem(28);
}
.min-h-28 {
  min-height: px-to-rem(28);
}
.max-w-28 {
  max-width: px-to-rem(28);
}
.max-height-28 {
  max-height: px-to-rem(28);
}
.m-28 {
  margin: px-to-rem(28);
}
.mt-28 {
  margin-top: px-to-rem(28);
}
.ml-28 {
  margin-left: px-to-rem(28);
}
.mr-28 {
  margin-right: px-to-rem(28);
}
.mb-28 {
  margin-bottom: px-to-rem(28);
}
.p-28 {
  padding: px-to-rem(28);
}
.pt-28 {
  padding-top: px-to-rem(28);
}
.pl-28 {
  padding-left: px-to-rem(28);
}
.pr-28 {
  padding-right: px-to-rem(28);
}
.pb-28 {
  padding-bottom: px-to-rem(28);
}
.gap-32 {
  gap: px-to-rem(32);
}
.gap-row-32 {
  row-gap: px-to-rem(32);
}
.gap-column-32 {
  column-gap: px-to-rem(32);
}
.w-32 {
  width: px-to-rem(32);
}
.h-32 {
  height: px-to-rem(32);
}
.min-w-32 {
  min-width: px-to-rem(32);
}
.min-h-32 {
  min-height: px-to-rem(32);
}
.max-w-32 {
  max-width: px-to-rem(32);
}
.max-height-32 {
  max-height: px-to-rem(32);
}
.m-32 {
  margin: px-to-rem(32);
}
.mt-32 {
  margin-top: px-to-rem(32);
}
.ml-32 {
  margin-left: px-to-rem(32);
}
.mr-32 {
  margin-right: px-to-rem(32);
}
.mb-32 {
  margin-bottom: px-to-rem(32);
}
.p-32 {
  padding: px-to-rem(32);
}
.pt-32 {
  padding-top: px-to-rem(32);
}
.pl-32 {
  padding-left: px-to-rem(32);
}
.pr-32 {
  padding-right: px-to-rem(32);
}
.pb-32 {
  padding-bottom: px-to-rem(32);
}
.gap-36 {
  gap: px-to-rem(36);
}
.gap-row-36 {
  row-gap: px-to-rem(36);
}
.gap-column-36 {
  column-gap: px-to-rem(36);
}
.w-36 {
  width: px-to-rem(36);
}
.h-36 {
  height: px-to-rem(36);
}
.min-w-36 {
  min-width: px-to-rem(36);
}
.min-h-36 {
  min-height: px-to-rem(36);
}
.max-w-36 {
  max-width: px-to-rem(36);
}
.max-height-36 {
  max-height: px-to-rem(36);
}
.m-36 {
  margin: px-to-rem(36);
}
.mt-36 {
  margin-top: px-to-rem(36);
}
.ml-36 {
  margin-left: px-to-rem(36);
}
.mr-36 {
  margin-right: px-to-rem(36);
}
.mb-36 {
  margin-bottom: px-to-rem(36);
}
.p-36 {
  padding: px-to-rem(36);
}
.pt-36 {
  padding-top: px-to-rem(36);
}
.pl-36 {
  padding-left: px-to-rem(36);
}
.pr-36 {
  padding-right: px-to-rem(36);
}
.pb-36 {
  padding-bottom: px-to-rem(36);
}
.gap-40 {
  gap: px-to-rem(40);
}
.gap-row-40 {
  row-gap: px-to-rem(40);
}
.gap-column-40 {
  column-gap: px-to-rem(40);
}
.w-40 {
  width: px-to-rem(40);
}
.h-40 {
  height: px-to-rem(40);
}
.min-w-40 {
  min-width: px-to-rem(40);
}
.min-h-40 {
  min-height: px-to-rem(40);
}
.max-w-40 {
  max-width: px-to-rem(40);
}
.max-height-40 {
  max-height: px-to-rem(40);
}
.m-40 {
  margin: px-to-rem(40);
}
.mt-40 {
  margin-top: px-to-rem(40);
}
.ml-40 {
  margin-left: px-to-rem(40);
}
.mr-40 {
  margin-right: px-to-rem(40);
}
.mb-40 {
  margin-bottom: px-to-rem(40);
}
.p-40 {
  padding: px-to-rem(40);
}
.pt-40 {
  padding-top: px-to-rem(40);
}
.pl-40 {
  padding-left: px-to-rem(40);
}
.pr-40 {
  padding-right: px-to-rem(40);
}
.pb-40 {
  padding-bottom: px-to-rem(40);
}
.gap-44 {
  gap: px-to-rem(44);
}
.gap-row-44 {
  row-gap: px-to-rem(44);
}
.gap-column-44 {
  column-gap: px-to-rem(44);
}
.w-44 {
  width: px-to-rem(44);
}
.h-44 {
  height: px-to-rem(44);
}
.min-w-44 {
  min-width: px-to-rem(44);
}
.min-h-44 {
  min-height: px-to-rem(44);
}
.max-w-44 {
  max-width: px-to-rem(44);
}
.max-height-44 {
  max-height: px-to-rem(44);
}
.m-44 {
  margin: px-to-rem(44);
}
.mt-44 {
  margin-top: px-to-rem(44);
}
.ml-44 {
  margin-left: px-to-rem(44);
}
.mr-44 {
  margin-right: px-to-rem(44);
}
.mb-44 {
  margin-bottom: px-to-rem(44);
}
.p-44 {
  padding: px-to-rem(44);
}
.pt-44 {
  padding-top: px-to-rem(44);
}
.pl-44 {
  padding-left: px-to-rem(44);
}
.pr-44 {
  padding-right: px-to-rem(44);
}
.pb-44 {
  padding-bottom: px-to-rem(44);
}
.gap-48 {
  gap: px-to-rem(48);
}
.gap-row-48 {
  row-gap: px-to-rem(48);
}
.gap-column-48 {
  column-gap: px-to-rem(48);
}
.w-48 {
  width: px-to-rem(48);
}
.h-48 {
  height: px-to-rem(48);
}
.min-w-48 {
  min-width: px-to-rem(48);
}
.min-h-48 {
  min-height: px-to-rem(48);
}
.max-w-48 {
  max-width: px-to-rem(48);
}
.max-height-48 {
  max-height: px-to-rem(48);
}
.m-48 {
  margin: px-to-rem(48);
}
.mt-48 {
  margin-top: px-to-rem(48);
}
.ml-48 {
  margin-left: px-to-rem(48);
}
.mr-48 {
  margin-right: px-to-rem(48);
}
.mb-48 {
  margin-bottom: px-to-rem(48);
}
.p-48 {
  padding: px-to-rem(48);
}
.pt-48 {
  padding-top: px-to-rem(48);
}
.pl-48 {
  padding-left: px-to-rem(48);
}
.pr-48 {
  padding-right: px-to-rem(48);
}
.pb-48 {
  padding-bottom: px-to-rem(48);
}
.gap-52 {
  gap: px-to-rem(52);
}
.gap-row-52 {
  row-gap: px-to-rem(52);
}
.gap-column-52 {
  column-gap: px-to-rem(52);
}
.w-52 {
  width: px-to-rem(52);
}
.h-52 {
  height: px-to-rem(52);
}
.min-w-52 {
  min-width: px-to-rem(52);
}
.min-h-52 {
  min-height: px-to-rem(52);
}
.max-w-52 {
  max-width: px-to-rem(52);
}
.max-height-52 {
  max-height: px-to-rem(52);
}
.m-52 {
  margin: px-to-rem(52);
}
.mt-52 {
  margin-top: px-to-rem(52);
}
.ml-52 {
  margin-left: px-to-rem(52);
}
.mr-52 {
  margin-right: px-to-rem(52);
}
.mb-52 {
  margin-bottom: px-to-rem(52);
}
.p-52 {
  padding: px-to-rem(52);
}
.pt-52 {
  padding-top: px-to-rem(52);
}
.pl-52 {
  padding-left: px-to-rem(52);
}
.pr-52 {
  padding-right: px-to-rem(52);
}
.pb-52 {
  padding-bottom: px-to-rem(52);
}
.gap-56 {
  gap: px-to-rem(56);
}
.gap-row-56 {
  row-gap: px-to-rem(56);
}
.gap-column-56 {
  column-gap: px-to-rem(56);
}
.w-56 {
  width: px-to-rem(56);
}
.h-56 {
  height: px-to-rem(56);
}
.min-w-56 {
  min-width: px-to-rem(56);
}
.min-h-56 {
  min-height: px-to-rem(56);
}
.max-w-56 {
  max-width: px-to-rem(56);
}
.max-height-56 {
  max-height: px-to-rem(56);
}
.m-56 {
  margin: px-to-rem(56);
}
.mt-56 {
  margin-top: px-to-rem(56);
}
.ml-56 {
  margin-left: px-to-rem(56);
}
.mr-56 {
  margin-right: px-to-rem(56);
}
.mb-56 {
  margin-bottom: px-to-rem(56);
}
.p-56 {
  padding: px-to-rem(56);
}
.pt-56 {
  padding-top: px-to-rem(56);
}
.pl-56 {
  padding-left: px-to-rem(56);
}
.pr-56 {
  padding-right: px-to-rem(56);
}
.pb-56 {
  padding-bottom: px-to-rem(56);
}
.gap-60 {
  gap: px-to-rem(60);
}
.gap-row-60 {
  row-gap: px-to-rem(60);
}
.gap-column-60 {
  column-gap: px-to-rem(60);
}
.w-60 {
  width: px-to-rem(60);
}
.h-60 {
  height: px-to-rem(60);
}
.min-w-60 {
  min-width: px-to-rem(60);
}
.min-h-60 {
  min-height: px-to-rem(60);
}
.max-w-60 {
  max-width: px-to-rem(60);
}
.max-height-60 {
  max-height: px-to-rem(60);
}
.m-60 {
  margin: px-to-rem(60);
}
.mt-60 {
  margin-top: px-to-rem(60);
}
.ml-60 {
  margin-left: px-to-rem(60);
}
.mr-60 {
  margin-right: px-to-rem(60);
}
.mb-60 {
  margin-bottom: px-to-rem(60);
}
.p-60 {
  padding: px-to-rem(60);
}
.pt-60 {
  padding-top: px-to-rem(60);
}
.pl-60 {
  padding-left: px-to-rem(60);
}
.pr-60 {
  padding-right: px-to-rem(60);
}
.pb-60 {
  padding-bottom: px-to-rem(60);
}
.gap-64 {
  gap: px-to-rem(64);
}
.gap-row-64 {
  row-gap: px-to-rem(64);
}
.gap-column-64 {
  column-gap: px-to-rem(64);
}
.w-64 {
  width: px-to-rem(64);
}
.h-64 {
  height: px-to-rem(64);
}
.min-w-64 {
  min-width: px-to-rem(64);
}
.min-h-64 {
  min-height: px-to-rem(64);
}
.max-w-64 {
  max-width: px-to-rem(64);
}
.max-height-64 {
  max-height: px-to-rem(64);
}
.m-64 {
  margin: px-to-rem(64);
}
.mt-64 {
  margin-top: px-to-rem(64);
}
.ml-64 {
  margin-left: px-to-rem(64);
}
.mr-64 {
  margin-right: px-to-rem(64);
}
.mb-64 {
  margin-bottom: px-to-rem(64);
}
.p-64 {
  padding: px-to-rem(64);
}
.pt-64 {
  padding-top: px-to-rem(64);
}
.pl-64 {
  padding-left: px-to-rem(64);
}
.pr-64 {
  padding-right: px-to-rem(64);
}
.pb-64 {
  padding-bottom: px-to-rem(64);
}
.gap-68 {
  gap: px-to-rem(68);
}
.gap-row-68 {
  row-gap: px-to-rem(68);
}
.gap-column-68 {
  column-gap: px-to-rem(68);
}
.w-68 {
  width: px-to-rem(68);
}
.h-68 {
  height: px-to-rem(68);
}
.min-w-68 {
  min-width: px-to-rem(68);
}
.min-h-68 {
  min-height: px-to-rem(68);
}
.max-w-68 {
  max-width: px-to-rem(68);
}
.max-height-68 {
  max-height: px-to-rem(68);
}
.m-68 {
  margin: px-to-rem(68);
}
.mt-68 {
  margin-top: px-to-rem(68);
}
.ml-68 {
  margin-left: px-to-rem(68);
}
.mr-68 {
  margin-right: px-to-rem(68);
}
.mb-68 {
  margin-bottom: px-to-rem(68);
}
.p-68 {
  padding: px-to-rem(68);
}
.pt-68 {
  padding-top: px-to-rem(68);
}
.pl-68 {
  padding-left: px-to-rem(68);
}
.pr-68 {
  padding-right: px-to-rem(68);
}
.pb-68 {
  padding-bottom: px-to-rem(68);
}
.gap-72 {
  gap: px-to-rem(72);
}
.gap-row-72 {
  row-gap: px-to-rem(72);
}
.gap-column-72 {
  column-gap: px-to-rem(72);
}
.w-72 {
  width: px-to-rem(72);
}
.h-72 {
  height: px-to-rem(72);
}
.min-w-72 {
  min-width: px-to-rem(72);
}
.min-h-72 {
  min-height: px-to-rem(72);
}
.max-w-72 {
  max-width: px-to-rem(72);
}
.max-height-72 {
  max-height: px-to-rem(72);
}
.m-72 {
  margin: px-to-rem(72);
}
.mt-72 {
  margin-top: px-to-rem(72);
}
.ml-72 {
  margin-left: px-to-rem(72);
}
.mr-72 {
  margin-right: px-to-rem(72);
}
.mb-72 {
  margin-bottom: px-to-rem(72);
}
.p-72 {
  padding: px-to-rem(72);
}
.pt-72 {
  padding-top: px-to-rem(72);
}
.pl-72 {
  padding-left: px-to-rem(72);
}
.pr-72 {
  padding-right: px-to-rem(72);
}
.pb-72 {
  padding-bottom: px-to-rem(72);
}
.gap-76 {
  gap: px-to-rem(76);
}
.gap-row-76 {
  row-gap: px-to-rem(76);
}
.gap-column-76 {
  column-gap: px-to-rem(76);
}
.w-76 {
  width: px-to-rem(76);
}
.h-76 {
  height: px-to-rem(76);
}
.min-w-76 {
  min-width: px-to-rem(76);
}
.min-h-76 {
  min-height: px-to-rem(76);
}
.max-w-76 {
  max-width: px-to-rem(76);
}
.max-height-76 {
  max-height: px-to-rem(76);
}
.m-76 {
  margin: px-to-rem(76);
}
.mt-76 {
  margin-top: px-to-rem(76);
}
.ml-76 {
  margin-left: px-to-rem(76);
}
.mr-76 {
  margin-right: px-to-rem(76);
}
.mb-76 {
  margin-bottom: px-to-rem(76);
}
.p-76 {
  padding: px-to-rem(76);
}
.pt-76 {
  padding-top: px-to-rem(76);
}
.pl-76 {
  padding-left: px-to-rem(76);
}
.pr-76 {
  padding-right: px-to-rem(76);
}
.pb-76 {
  padding-bottom: px-to-rem(76);
}
.gap-80 {
  gap: px-to-rem(80);
}
.gap-row-80 {
  row-gap: px-to-rem(80);
}
.gap-column-80 {
  column-gap: px-to-rem(80);
}
.w-80 {
  width: px-to-rem(80);
}
.h-80 {
  height: px-to-rem(80);
}
.min-w-80 {
  min-width: px-to-rem(80);
}
.min-h-80 {
  min-height: px-to-rem(80);
}
.max-w-80 {
  max-width: px-to-rem(80);
}
.max-height-80 {
  max-height: px-to-rem(80);
}
.m-80 {
  margin: px-to-rem(80);
}
.mt-80 {
  margin-top: px-to-rem(80);
}
.ml-80 {
  margin-left: px-to-rem(80);
}
.mr-80 {
  margin-right: px-to-rem(80);
}
.mb-80 {
  margin-bottom: px-to-rem(80);
}
.p-80 {
  padding: px-to-rem(80);
}
.pt-80 {
  padding-top: px-to-rem(80);
}
.pl-80 {
  padding-left: px-to-rem(80);
}
.pr-80 {
  padding-right: px-to-rem(80);
}
.pb-80 {
  padding-bottom: px-to-rem(80);
}
.gap-84 {
  gap: px-to-rem(84);
}
.gap-row-84 {
  row-gap: px-to-rem(84);
}
.gap-column-84 {
  column-gap: px-to-rem(84);
}
.w-84 {
  width: px-to-rem(84);
}
.h-84 {
  height: px-to-rem(84);
}
.min-w-84 {
  min-width: px-to-rem(84);
}
.min-h-84 {
  min-height: px-to-rem(84);
}
.max-w-84 {
  max-width: px-to-rem(84);
}
.max-height-84 {
  max-height: px-to-rem(84);
}
.m-84 {
  margin: px-to-rem(84);
}
.mt-84 {
  margin-top: px-to-rem(84);
}
.ml-84 {
  margin-left: px-to-rem(84);
}
.mr-84 {
  margin-right: px-to-rem(84);
}
.mb-84 {
  margin-bottom: px-to-rem(84);
}
.p-84 {
  padding: px-to-rem(84);
}
.pt-84 {
  padding-top: px-to-rem(84);
}
.pl-84 {
  padding-left: px-to-rem(84);
}
.pr-84 {
  padding-right: px-to-rem(84);
}
.pb-84 {
  padding-bottom: px-to-rem(84);
}
.gap-88 {
  gap: px-to-rem(88);
}
.gap-row-88 {
  row-gap: px-to-rem(88);
}
.gap-column-88 {
  column-gap: px-to-rem(88);
}
.w-88 {
  width: px-to-rem(88);
}
.h-88 {
  height: px-to-rem(88);
}
.min-w-88 {
  min-width: px-to-rem(88);
}
.min-h-88 {
  min-height: px-to-rem(88);
}
.max-w-88 {
  max-width: px-to-rem(88);
}
.max-height-88 {
  max-height: px-to-rem(88);
}
.m-88 {
  margin: px-to-rem(88);
}
.mt-88 {
  margin-top: px-to-rem(88);
}
.ml-88 {
  margin-left: px-to-rem(88);
}
.mr-88 {
  margin-right: px-to-rem(88);
}
.mb-88 {
  margin-bottom: px-to-rem(88);
}
.p-88 {
  padding: px-to-rem(88);
}
.pt-88 {
  padding-top: px-to-rem(88);
}
.pl-88 {
  padding-left: px-to-rem(88);
}
.pr-88 {
  padding-right: px-to-rem(88);
}
.pb-88 {
  padding-bottom: px-to-rem(88);
}
.gap-92 {
  gap: px-to-rem(92);
}
.gap-row-92 {
  row-gap: px-to-rem(92);
}
.gap-column-92 {
  column-gap: px-to-rem(92);
}
.w-92 {
  width: px-to-rem(92);
}
.h-92 {
  height: px-to-rem(92);
}
.min-w-92 {
  min-width: px-to-rem(92);
}
.min-h-92 {
  min-height: px-to-rem(92);
}
.max-w-92 {
  max-width: px-to-rem(92);
}
.max-height-92 {
  max-height: px-to-rem(92);
}
.m-92 {
  margin: px-to-rem(92);
}
.mt-92 {
  margin-top: px-to-rem(92);
}
.ml-92 {
  margin-left: px-to-rem(92);
}
.mr-92 {
  margin-right: px-to-rem(92);
}
.mb-92 {
  margin-bottom: px-to-rem(92);
}
.p-92 {
  padding: px-to-rem(92);
}
.pt-92 {
  padding-top: px-to-rem(92);
}
.pl-92 {
  padding-left: px-to-rem(92);
}
.pr-92 {
  padding-right: px-to-rem(92);
}
.pb-92 {
  padding-bottom: px-to-rem(92);
}
.gap-96 {
  gap: px-to-rem(96);
}
.gap-row-96 {
  row-gap: px-to-rem(96);
}
.gap-column-96 {
  column-gap: px-to-rem(96);
}
.w-96 {
  width: px-to-rem(96);
}
.h-96 {
  height: px-to-rem(96);
}
.min-w-96 {
  min-width: px-to-rem(96);
}
.min-h-96 {
  min-height: px-to-rem(96);
}
.max-w-96 {
  max-width: px-to-rem(96);
}
.max-height-96 {
  max-height: px-to-rem(96);
}
.m-96 {
  margin: px-to-rem(96);
}
.mt-96 {
  margin-top: px-to-rem(96);
}
.ml-96 {
  margin-left: px-to-rem(96);
}
.mr-96 {
  margin-right: px-to-rem(96);
}
.mb-96 {
  margin-bottom: px-to-rem(96);
}
.p-96 {
  padding: px-to-rem(96);
}
.pt-96 {
  padding-top: px-to-rem(96);
}
.pl-96 {
  padding-left: px-to-rem(96);
}
.pr-96 {
  padding-right: px-to-rem(96);
}
.pb-96 {
  padding-bottom: px-to-rem(96);
}
.gap-100 {
  gap: px-to-rem(100);
}
.gap-row-100 {
  row-gap: px-to-rem(100);
}
.gap-column-100 {
  column-gap: px-to-rem(100);
}
.w-100 {
  width: px-to-rem(100);
}
.h-100 {
  height: px-to-rem(100);
}
.min-w-100 {
  min-width: px-to-rem(100);
}
.min-h-100 {
  min-height: px-to-rem(100);
}
.max-w-100 {
  max-width: px-to-rem(100);
}
.max-height-100 {
  max-height: px-to-rem(100);
}
.m-100 {
  margin: px-to-rem(100);
}
.mt-100 {
  margin-top: px-to-rem(100);
}
.ml-100 {
  margin-left: px-to-rem(100);
}
.mr-100 {
  margin-right: px-to-rem(100);
}
.mb-100 {
  margin-bottom: px-to-rem(100);
}
.p-100 {
  padding: px-to-rem(100);
}
.pt-100 {
  padding-top: px-to-rem(100);
}
.pl-100 {
  padding-left: px-to-rem(100);
}
.pr-100 {
  padding-right: px-to-rem(100);
}
.pb-100 {
  padding-bottom: px-to-rem(100);
}
.gap-104 {
  gap: px-to-rem(104);
}
.gap-row-104 {
  row-gap: px-to-rem(104);
}
.gap-column-104 {
  column-gap: px-to-rem(104);
}
.w-104 {
  width: px-to-rem(104);
}
.h-104 {
  height: px-to-rem(104);
}
.min-w-104 {
  min-width: px-to-rem(104);
}
.min-h-104 {
  min-height: px-to-rem(104);
}
.max-w-104 {
  max-width: px-to-rem(104);
}
.max-height-104 {
  max-height: px-to-rem(104);
}
.m-104 {
  margin: px-to-rem(104);
}
.mt-104 {
  margin-top: px-to-rem(104);
}
.ml-104 {
  margin-left: px-to-rem(104);
}
.mr-104 {
  margin-right: px-to-rem(104);
}
.mb-104 {
  margin-bottom: px-to-rem(104);
}
.p-104 {
  padding: px-to-rem(104);
}
.pt-104 {
  padding-top: px-to-rem(104);
}
.pl-104 {
  padding-left: px-to-rem(104);
}
.pr-104 {
  padding-right: px-to-rem(104);
}
.pb-104 {
  padding-bottom: px-to-rem(104);
}
.gap-116 {
  gap: px-to-rem(116);
}
.gap-row-116 {
  row-gap: px-to-rem(116);
}
.gap-column-116 {
  column-gap: px-to-rem(116);
}
.w-116 {
  width: px-to-rem(116);
}
.h-116 {
  height: px-to-rem(116);
}
.min-w-116 {
  min-width: px-to-rem(116);
}
.min-h-116 {
  min-height: px-to-rem(116);
}
.max-w-116 {
  max-width: px-to-rem(116);
}
.max-height-116 {
  max-height: px-to-rem(116);
}
.m-116 {
  margin: px-to-rem(116);
}
.mt-116 {
  margin-top: px-to-rem(116);
}
.ml-116 {
  margin-left: px-to-rem(116);
}
.mr-116 {
  margin-right: px-to-rem(116);
}
.mb-116 {
  margin-bottom: px-to-rem(116);
}
.p-116 {
  padding: px-to-rem(116);
}
.pt-116 {
  padding-top: px-to-rem(116);
}
.pl-116 {
  padding-left: px-to-rem(116);
}
.pr-116 {
  padding-right: px-to-rem(116);
}
.pb-116 {
  padding-bottom: px-to-rem(116);
}
.gap-124 {
  gap: px-to-rem(124);
}
.gap-row-124 {
  row-gap: px-to-rem(124);
}
.gap-column-124 {
  column-gap: px-to-rem(124);
}
.w-124 {
  width: px-to-rem(124);
}
.h-124 {
  height: px-to-rem(124);
}
.min-w-124 {
  min-width: px-to-rem(124);
}
.min-h-124 {
  min-height: px-to-rem(124);
}
.max-w-124 {
  max-width: px-to-rem(124);
}
.max-height-124 {
  max-height: px-to-rem(124);
}
.m-124 {
  margin: px-to-rem(124);
}
.mt-124 {
  margin-top: px-to-rem(124);
}
.ml-124 {
  margin-left: px-to-rem(124);
}
.mr-124 {
  margin-right: px-to-rem(124);
}
.mb-124 {
  margin-bottom: px-to-rem(124);
}
.p-124 {
  padding: px-to-rem(124);
}
.pt-124 {
  padding-top: px-to-rem(124);
}
.pl-124 {
  padding-left: px-to-rem(124);
}
.pr-124 {
  padding-right: px-to-rem(124);
}
.pb-124 {
  padding-bottom: px-to-rem(124);
}
.gap-132 {
  gap: px-to-rem(132);
}
.gap-row-132 {
  row-gap: px-to-rem(132);
}
.gap-column-132 {
  column-gap: px-to-rem(132);
}
.w-132 {
  width: px-to-rem(132);
}
.h-132 {
  height: px-to-rem(132);
}
.min-w-132 {
  min-width: px-to-rem(132);
}
.min-h-132 {
  min-height: px-to-rem(132);
}
.max-w-132 {
  max-width: px-to-rem(132);
}
.max-height-132 {
  max-height: px-to-rem(132);
}
.m-132 {
  margin: px-to-rem(132);
}
.mt-132 {
  margin-top: px-to-rem(132);
}
.ml-132 {
  margin-left: px-to-rem(132);
}
.mr-132 {
  margin-right: px-to-rem(132);
}
.mb-132 {
  margin-bottom: px-to-rem(132);
}
.p-132 {
  padding: px-to-rem(132);
}
.pt-132 {
  padding-top: px-to-rem(132);
}
.pl-132 {
  padding-left: px-to-rem(132);
}
.pr-132 {
  padding-right: px-to-rem(132);
}
.pb-132 {
  padding-bottom: px-to-rem(132);
}
.gap-140 {
  gap: px-to-rem(140);
}
.gap-row-140 {
  row-gap: px-to-rem(140);
}
.gap-column-140 {
  column-gap: px-to-rem(140);
}
.w-140 {
  width: px-to-rem(140);
}
.h-140 {
  height: px-to-rem(140);
}
.min-w-140 {
  min-width: px-to-rem(140);
}
.min-h-140 {
  min-height: px-to-rem(140);
}
.max-w-140 {
  max-width: px-to-rem(140);
}
.max-height-140 {
  max-height: px-to-rem(140);
}
.m-140 {
  margin: px-to-rem(140);
}
.mt-140 {
  margin-top: px-to-rem(140);
}
.ml-140 {
  margin-left: px-to-rem(140);
}
.mr-140 {
  margin-right: px-to-rem(140);
}
.mb-140 {
  margin-bottom: px-to-rem(140);
}
.p-140 {
  padding: px-to-rem(140);
}
.pt-140 {
  padding-top: px-to-rem(140);
}
.pl-140 {
  padding-left: px-to-rem(140);
}
.pr-140 {
  padding-right: px-to-rem(140);
}
.pb-140 {
  padding-bottom: px-to-rem(140);
}
.gap-148 {
  gap: px-to-rem(148);
}
.gap-row-148 {
  row-gap: px-to-rem(148);
}
.gap-column-148 {
  column-gap: px-to-rem(148);
}
.w-148 {
  width: px-to-rem(148);
}
.h-148 {
  height: px-to-rem(148);
}
.min-w-148 {
  min-width: px-to-rem(148);
}
.min-h-148 {
  min-height: px-to-rem(148);
}
.max-w-148 {
  max-width: px-to-rem(148);
}
.max-height-148 {
  max-height: px-to-rem(148);
}
.m-148 {
  margin: px-to-rem(148);
}
.mt-148 {
  margin-top: px-to-rem(148);
}
.ml-148 {
  margin-left: px-to-rem(148);
}
.mr-148 {
  margin-right: px-to-rem(148);
}
.mb-148 {
  margin-bottom: px-to-rem(148);
}
.p-148 {
  padding: px-to-rem(148);
}
.pt-148 {
  padding-top: px-to-rem(148);
}
.pl-148 {
  padding-left: px-to-rem(148);
}
.pr-148 {
  padding-right: px-to-rem(148);
}
.pb-148 {
  padding-bottom: px-to-rem(148);
}
.gap-156 {
  gap: px-to-rem(156);
}
.gap-row-156 {
  row-gap: px-to-rem(156);
}
.gap-column-156 {
  column-gap: px-to-rem(156);
}
.w-156 {
  width: px-to-rem(156);
}
.h-156 {
  height: px-to-rem(156);
}
.min-w-156 {
  min-width: px-to-rem(156);
}
.min-h-156 {
  min-height: px-to-rem(156);
}
.max-w-156 {
  max-width: px-to-rem(156);
}
.max-height-156 {
  max-height: px-to-rem(156);
}
.m-156 {
  margin: px-to-rem(156);
}
.mt-156 {
  margin-top: px-to-rem(156);
}
.ml-156 {
  margin-left: px-to-rem(156);
}
.mr-156 {
  margin-right: px-to-rem(156);
}
.mb-156 {
  margin-bottom: px-to-rem(156);
}
.p-156 {
  padding: px-to-rem(156);
}
.pt-156 {
  padding-top: px-to-rem(156);
}
.pl-156 {
  padding-left: px-to-rem(156);
}
.pr-156 {
  padding-right: px-to-rem(156);
}
.pb-156 {
  padding-bottom: px-to-rem(156);
}
.gap-164 {
  gap: px-to-rem(164);
}
.gap-row-164 {
  row-gap: px-to-rem(164);
}
.gap-column-164 {
  column-gap: px-to-rem(164);
}
.w-164 {
  width: px-to-rem(164);
}
.h-164 {
  height: px-to-rem(164);
}
.min-w-164 {
  min-width: px-to-rem(164);
}
.min-h-164 {
  min-height: px-to-rem(164);
}
.max-w-164 {
  max-width: px-to-rem(164);
}
.max-height-164 {
  max-height: px-to-rem(164);
}
.m-164 {
  margin: px-to-rem(164);
}
.mt-164 {
  margin-top: px-to-rem(164);
}
.ml-164 {
  margin-left: px-to-rem(164);
}
.mr-164 {
  margin-right: px-to-rem(164);
}
.mb-164 {
  margin-bottom: px-to-rem(164);
}
.p-164 {
  padding: px-to-rem(164);
}
.pt-164 {
  padding-top: px-to-rem(164);
}
.pl-164 {
  padding-left: px-to-rem(164);
}
.pr-164 {
  padding-right: px-to-rem(164);
}
.pb-164 {
  padding-bottom: px-to-rem(164);
}
.gap-172 {
  gap: px-to-rem(172);
}
.gap-row-172 {
  row-gap: px-to-rem(172);
}
.gap-column-172 {
  column-gap: px-to-rem(172);
}
.w-172 {
  width: px-to-rem(172);
}
.h-172 {
  height: px-to-rem(172);
}
.min-w-172 {
  min-width: px-to-rem(172);
}
.min-h-172 {
  min-height: px-to-rem(172);
}
.max-w-172 {
  max-width: px-to-rem(172);
}
.max-height-172 {
  max-height: px-to-rem(172);
}
.m-172 {
  margin: px-to-rem(172);
}
.mt-172 {
  margin-top: px-to-rem(172);
}
.ml-172 {
  margin-left: px-to-rem(172);
}
.mr-172 {
  margin-right: px-to-rem(172);
}
.mb-172 {
  margin-bottom: px-to-rem(172);
}
.p-172 {
  padding: px-to-rem(172);
}
.pt-172 {
  padding-top: px-to-rem(172);
}
.pl-172 {
  padding-left: px-to-rem(172);
}
.pr-172 {
  padding-right: px-to-rem(172);
}
.pb-172 {
  padding-bottom: px-to-rem(172);
}
.gap-180 {
  gap: px-to-rem(180);
}
.gap-row-180 {
  row-gap: px-to-rem(180);
}
.gap-column-180 {
  column-gap: px-to-rem(180);
}
.w-180 {
  width: px-to-rem(180);
}
.h-180 {
  height: px-to-rem(180);
}
.min-w-180 {
  min-width: px-to-rem(180);
}
.min-h-180 {
  min-height: px-to-rem(180);
}
.max-w-180 {
  max-width: px-to-rem(180);
}
.max-height-180 {
  max-height: px-to-rem(180);
}
.m-180 {
  margin: px-to-rem(180);
}
.mt-180 {
  margin-top: px-to-rem(180);
}
.ml-180 {
  margin-left: px-to-rem(180);
}
.mr-180 {
  margin-right: px-to-rem(180);
}
.mb-180 {
  margin-bottom: px-to-rem(180);
}
.p-180 {
  padding: px-to-rem(180);
}
.pt-180 {
  padding-top: px-to-rem(180);
}
.pl-180 {
  padding-left: px-to-rem(180);
}
.pr-180 {
  padding-right: px-to-rem(180);
}
.pb-180 {
  padding-bottom: px-to-rem(180);
}
.gap-188 {
  gap: px-to-rem(188);
}
.gap-row-188 {
  row-gap: px-to-rem(188);
}
.gap-column-188 {
  column-gap: px-to-rem(188);
}
.w-188 {
  width: px-to-rem(188);
}
.h-188 {
  height: px-to-rem(188);
}
.min-w-188 {
  min-width: px-to-rem(188);
}
.min-h-188 {
  min-height: px-to-rem(188);
}
.max-w-188 {
  max-width: px-to-rem(188);
}
.max-height-188 {
  max-height: px-to-rem(188);
}
.m-188 {
  margin: px-to-rem(188);
}
.mt-188 {
  margin-top: px-to-rem(188);
}
.ml-188 {
  margin-left: px-to-rem(188);
}
.mr-188 {
  margin-right: px-to-rem(188);
}
.mb-188 {
  margin-bottom: px-to-rem(188);
}
.p-188 {
  padding: px-to-rem(188);
}
.pt-188 {
  padding-top: px-to-rem(188);
}
.pl-188 {
  padding-left: px-to-rem(188);
}
.pr-188 {
  padding-right: px-to-rem(188);
}
.pb-188 {
  padding-bottom: px-to-rem(188);
}
.gap-196 {
  gap: px-to-rem(196);
}
.gap-row-196 {
  row-gap: px-to-rem(196);
}
.gap-column-196 {
  column-gap: px-to-rem(196);
}
.w-196 {
  width: px-to-rem(196);
}
.h-196 {
  height: px-to-rem(196);
}
.min-w-196 {
  min-width: px-to-rem(196);
}
.min-h-196 {
  min-height: px-to-rem(196);
}
.max-w-196 {
  max-width: px-to-rem(196);
}
.max-height-196 {
  max-height: px-to-rem(196);
}
.m-196 {
  margin: px-to-rem(196);
}
.mt-196 {
  margin-top: px-to-rem(196);
}
.ml-196 {
  margin-left: px-to-rem(196);
}
.mr-196 {
  margin-right: px-to-rem(196);
}
.mb-196 {
  margin-bottom: px-to-rem(196);
}
.p-196 {
  padding: px-to-rem(196);
}
.pt-196 {
  padding-top: px-to-rem(196);
}
.pl-196 {
  padding-left: px-to-rem(196);
}
.pr-196 {
  padding-right: px-to-rem(196);
}
.pb-196 {
  padding-bottom: px-to-rem(196);
}
.color-opacity-green-10 {
  color: rgba(42, 127, 56, 0.1);
  fill: rgba(42, 127, 56, 0.1);
}
.bg-opacity-green-10 {
  background: rgba(42, 127, 56, 0.1);
}
.fill-opacity-green-10 {
  fill: rgba(42, 127, 56, 0.1);
}
.color-opacity-green-20 {
  color: rgba(42, 127, 56, 0.2);
  fill: rgba(42, 127, 56, 0.2);
}
.bg-opacity-green-20 {
  background: rgba(42, 127, 56, 0.2);
}
.fill-opacity-green-20 {
  fill: rgba(42, 127, 56, 0.2);
}
.color-opacity-green-30 {
  color: rgba(42, 127, 56, 0.3);
  fill: rgba(42, 127, 56, 0.3);
}
.bg-opacity-green-30 {
  background: rgba(42, 127, 56, 0.3);
}
.fill-opacity-green-30 {
  fill: rgba(42, 127, 56, 0.3);
}
.color-opacity-green-40 {
  color: rgba(42, 127, 56, 0.4);
  fill: rgba(42, 127, 56, 0.4);
}
.bg-opacity-green-40 {
  background: rgba(42, 127, 56, 0.4);
}
.fill-opacity-green-40 {
  fill: rgba(42, 127, 56, 0.4);
}
.color-opacity-red-10 {
  color: rgba(209, 69, 69, 0.1);
  fill: rgba(209, 69, 69, 0.1);
}
.bg-opacity-red-10 {
  background: rgba(209, 69, 69, 0.1);
}
.fill-opacity-red-10 {
  fill: rgba(209, 69, 69, 0.1);
}
.color-opacity-red-20 {
  color: rgba(209, 69, 69, 0.2);
  fill: rgba(209, 69, 69, 0.2);
}
.bg-opacity-red-20 {
  background: rgba(209, 69, 69, 0.2);
}
.fill-opacity-red-20 {
  fill: rgba(209, 69, 69, 0.2);
}
.color-opacity-red-30 {
  color: rgba(209, 69, 69, 0.3);
  fill: rgba(209, 69, 69, 0.3);
}
.bg-opacity-red-30 {
  background: rgba(209, 69, 69, 0.3);
}
.fill-opacity-red-30 {
  fill: rgba(209, 69, 69, 0.3);
}
.color-opacity-red-40 {
  color: rgba(209, 69, 69, 0.4);
  fill: rgba(209, 69, 69, 0.4);
}
.bg-opacity-red-40 {
  background: rgba(209, 69, 69, 0.4);
}
.fill-opacity-red-40 {
  fill: rgba(209, 69, 69, 0.4);
}
.color-opacity-blue-30 {
  color: rgba(0, 124, 240, 0.3);
  fill: rgba(0, 124, 240, 0.3);
}
.bg-opacity-blue-30 {
  background: rgba(0, 124, 240, 0.3);
}
.fill-opacity-blue-30 {
  fill: rgba(0, 124, 240, 0.3);
}
.color-opacity-blue-40 {
  color: rgba(0, 124, 240, 0.4);
  fill: rgba(0, 124, 240, 0.4);
}
.bg-opacity-blue-40 {
  background: rgba(0, 124, 240, 0.4);
}
.fill-opacity-blue-40 {
  fill: rgba(0, 124, 240, 0.4);
}
.color-opacity-navy-30 {
  color: rgba(29, 76, 127, 0.3);
  fill: rgba(29, 76, 127, 0.3);
}
.bg-opacity-navy-30 {
  background: rgba(29, 76, 127, 0.3);
}
.fill-opacity-navy-30 {
  fill: rgba(29, 76, 127, 0.3);
}
.color-opacity-navy-40 {
  color: rgba(29, 76, 127, 0.4);
  fill: rgba(29, 76, 127, 0.4);
}
.bg-opacity-navy-40 {
  background: rgba(29, 76, 127, 0.4);
}
.fill-opacity-navy-40 {
  fill: rgba(29, 76, 127, 0.4);
}
.color-opacity-yellow-30 {
  color: rgba(209, 172, 69, 0.3);
  fill: rgba(209, 172, 69, 0.3);
}
.bg-opacity-yellow-30 {
  background: rgba(209, 172, 69, 0.3);
}
.fill-opacity-yellow-30 {
  fill: rgba(209, 172, 69, 0.3);
}
.color-opacity-yellow-40 {
  color: rgba(209, 172, 69, 0.4);
  fill: rgba(209, 172, 69, 0.4);
}
.bg-opacity-yellow-40 {
  background: rgba(209, 172, 69, 0.4);
}
.fill-opacity-yellow-40 {
  fill: rgba(209, 172, 69, 0.4);
}
.color-opacity-purple-30 {
  color: rgba(133, 65, 237, 0.3);
  fill: rgba(133, 65, 237, 0.3);
}
.bg-opacity-purple-30 {
  background: rgba(133, 65, 237, 0.3);
}
.fill-opacity-purple-30 {
  fill: rgba(133, 65, 237, 0.3);
}
.color-opacity-purple-40 {
  color: rgba(133, 65, 237, 0.4);
  fill: rgba(133, 65, 237, 0.4);
}
.bg-opacity-purple-40 {
  background: rgba(133, 65, 237, 0.4);
}
.fill-opacity-purple-40 {
  fill: rgba(133, 65, 237, 0.4);
}
.color-opacity-pink-30 {
  color: rgba(235, 112, 155, 0.3);
  fill: rgba(235, 112, 155, 0.3);
}
.bg-opacity-pink-30 {
  background: rgba(235, 112, 155, 0.3);
}
.fill-opacity-pink-30 {
  fill: rgba(235, 112, 155, 0.3);
}
.color-opacity-pink-40 {
  color: rgba(235, 112, 155, 0.4);
  fill: rgba(235, 112, 155, 0.4);
}
.bg-opacity-pink-40 {
  background: rgba(235, 112, 155, 0.4);
}
.fill-opacity-pink-40 {
  fill: rgba(235, 112, 155, 0.4);
}
.color-opacity-slate-30 {
  color: rgba(117, 136, 160, 0.3);
  fill: rgba(117, 136, 160, 0.3);
}
.bg-opacity-slate-30 {
  background: rgba(117, 136, 160, 0.3);
}
.fill-opacity-slate-30 {
  fill: rgba(117, 136, 160, 0.3);
}
.color-opacity-slate-40 {
  color: rgba(117, 136, 160, 0.4);
  fill: rgba(117, 136, 160, 0.4);
}
.bg-opacity-slate-40 {
  background: rgba(117, 136, 160, 0.4);
}
.fill-opacity-slate-40 {
  fill: rgba(117, 136, 160, 0.4);
}
.color-opacity-aero-30 {
  color: rgba(133, 179, 219, 0.3);
  fill: rgba(133, 179, 219, 0.3);
}
.bg-opacity-aero-30 {
  background: rgba(133, 179, 219, 0.3);
}
.fill-opacity-aero-30 {
  fill: rgba(133, 179, 219, 0.3);
}
.color-opacity-aero-40 {
  color: rgba(133, 179, 219, 0.4);
  fill: rgba(133, 179, 219, 0.4);
}
.bg-opacity-aero-40 {
  background: rgba(133, 179, 219, 0.4);
}
.fill-opacity-aero-40 {
  fill: rgba(133, 179, 219, 0.4);
}