@trumpetstech/bootwind/integrations/parcel/dist/index.b10d73a7.css

Utility and component-centric design system based on Bootstrap for fast, responsive UI development.

:root {
  --x-white: #fff;
  --x-black: #000;
  --x-gray-50: #fafafa;
  --x-gray-100: #f5f9fc;
  --x-gray-200: #e7eaf0;
  --x-gray-300: #cfd6df;
  --x-gray-400: #abb6c5;
  --x-gray-500: #8898a9;
  --x-gray-600: #6b7b93;
  --x-gray-700: #525f7f;
  --x-gray-800: #2d3748;
  --x-gray-900: #16192c;
  --x-blue-100: #ccebff;
  --x-blue-200: #99d6ff;
  --x-blue-300: #66c2ff;
  --x-blue-400: #33adff;
  --x-blue-500: #09f;
  --x-blue-600: #007acc;
  --x-blue-700: #005c99;
  --x-blue-800: #003d66;
  --x-blue-900: #001f33;
  --x-indigo-100: #dedffd;
  --x-indigo-200: #bebffb;
  --x-indigo-300: #9da0f9;
  --x-indigo-400: #7d80f7;
  --x-indigo-500: #5c60f5;
  --x-indigo-600: #4a4dc4;
  --x-indigo-700: #373a93;
  --x-indigo-800: #252662;
  --x-indigo-900: #121331;
  --x-purple-100: #e7ddff;
  --x-purple-200: #d0bcff;
  --x-purple-300: #b89aff;
  --x-purple-400: #a179ff;
  --x-purple-500: #8957ff;
  --x-purple-600: #6e46cc;
  --x-purple-700: #523499;
  --x-purple-800: #372366;
  --x-purple-900: #1b1133;
  --x-pink-100: #ffddeb;
  --x-pink-200: #ffbcd7;
  --x-pink-300: #ff9ac2;
  --x-pink-400: #ff79ae;
  --x-pink-500: #ff579a;
  --x-pink-600: #cc467b;
  --x-pink-700: #99345c;
  --x-pink-800: #66233e;
  --x-pink-900: #33111f;
  --x-magenta-100: #fcd6ff;
  --x-magenta-200: #f8adff;
  --x-magenta-300: #f585ff;
  --x-magenta-400: #f15cff;
  --x-magenta-500: #e3f;
  --x-magenta-600: #be29cc;
  --x-magenta-700: #8f1f99;
  --x-magenta-800: #5f1466;
  --x-magenta-900: #300a33;
  --x-red-100: #ffd6e0;
  --x-red-200: #ffadc2;
  --x-red-300: #ff85a3;
  --x-red-400: #ff5c85;
  --x-red-500: #f36;
  --x-red-600: #cc2952;
  --x-red-700: #991f3d;
  --x-red-800: #661429;
  --x-red-900: #330a14;
  --x-orange-100: #ffe8cc;
  --x-orange-200: #ffd199;
  --x-orange-300: #ffba66;
  --x-orange-400: #ffa333;
  --x-orange-500: #ff8c00;
  --x-orange-600: #cc7000;
  --x-orange-700: #995400;
  --x-orange-800: #663800;
  --x-orange-900: #331c00;
  --x-yellow-100: #fff1cc;
  --x-yellow-200: #ffe499;
  --x-yellow-300: #ffd666;
  --x-yellow-400: #ffc933;
  --x-yellow-500: #fb0;
  --x-yellow-600: #cc9600;
  --x-yellow-700: #997000;
  --x-yellow-800: #664b00;
  --x-yellow-900: #332500;
  --x-green-100: #ccf5e7;
  --x-green-200: #99ebcf;
  --x-green-300: #66e0b8;
  --x-green-400: #33d6a0;
  --x-green-500: #0c8;
  --x-green-600: #00a36d;
  --x-green-700: #007a52;
  --x-green-800: #005236;
  --x-green-900: #00291b;
  --x-teal-100: #d3f8f8;
  --x-teal-200: #a7f1f1;
  --x-teal-300: #7aebeb;
  --x-teal-400: #4ee4e4;
  --x-teal-500: #2dd;
  --x-teal-600: #1bb1b1;
  --x-teal-700: #148585;
  --x-teal-800: #0e5858;
  --x-teal-900: #072c2c;
  --x-cyan-100: #ccf6ff;
  --x-cyan-200: #9ef;
  --x-cyan-300: #66e5ff;
  --x-cyan-400: #3df;
  --x-cyan-500: #00d4ff;
  --x-cyan-600: #0ac;
  --x-cyan-700: #007f99;
  --x-cyan-800: #056;
  --x-cyan-900: #002a33;
  --x-primary: #5c60f5;
  --x-shade-primary: #5356dd;
  --x-tint-primary: #6c70f6;
  --x-secondary: #cfd6df;
  --x-shade-secondary: #bac1c9;
  --x-tint-secondary: #d4dae2;
  --x-tertiary: #ff579a;
  --x-shade-tertiary: #e64e8b;
  --x-tint-tertiary: #ff68a4;
  --x-success: #0c8;
  --x-shade-success: #00b87a;
  --x-tint-success: #1ad194;
  --x-info: #00d4ff;
  --x-shade-info: #00bfe6;
  --x-tint-info: #1ad8ff;
  --x-warning: #ff8c00;
  --x-shade-warning: #e67e00;
  --x-tint-warning: #ff981a;
  --x-danger: #f36;
  --x-shade-danger: #e62e5c;
  --x-tint-danger: #ff4775;
  --x-white: #fff;
  --x-shade-white: #e6e6e6;
  --x-tint-white: white;
  --x-light: #fff;
  --x-shade-light: #e6e6e6;
  --x-tint-light: white;
  --x-dark: #16192c;
  --x-shade-dark: #141728;
  --x-tint-dark: #2d3041;
  --x-surface-primary: #fff;
  --x-surface-secondary: #f5f9fc;
  --x-surface-tertiary: #fafafa;
  --x-surface-light: #e7eaf0;
  --x-surface-dark: #141729;
  --x-primary-rgb: 92, 96, 245;
  --x-secondary-rgb: 207, 214, 223;
  --x-tertiary-rgb: 255, 87, 154;
  --x-success-rgb: 0, 204, 136;
  --x-info-rgb: 0, 212, 255;
  --x-warning-rgb: 255, 140, 0;
  --x-danger-rgb: 255, 51, 102;
  --x-white-rgb: 255, 255, 255;
  --x-light-rgb: 255, 255, 255;
  --x-dark-rgb: 22, 25, 44;
  --x-white-rgb: 255, 255, 255;
  --x-black-rgb: 0, 0, 0;
  --x-gray-50-rgb: 250, 250, 250;
  --x-gray-100-rgb: 245, 249, 252;
  --x-gray-200-rgb: 231, 234, 240;
  --x-gray-300-rgb: 207, 214, 223;
  --x-gray-400-rgb: 171, 182, 197;
  --x-gray-500-rgb: 136, 152, 169;
  --x-gray-600-rgb: 107, 123, 147;
  --x-gray-700-rgb: 82, 95, 127;
  --x-gray-800-rgb: 45, 55, 72;
  --x-gray-900-rgb: 22, 25, 44;
  --x-blue-100-rgb: 204, 235, 255;
  --x-blue-200-rgb: 153, 214, 255;
  --x-blue-300-rgb: 102, 194, 255;
  --x-blue-400-rgb: 51, 173, 255;
  --x-blue-500-rgb: 0, 153, 255;
  --x-blue-600-rgb: 0, 122, 204;
  --x-blue-700-rgb: 0, 92, 153;
  --x-blue-800-rgb: 0, 61, 102;
  --x-blue-900-rgb: 0, 31, 51;
  --x-indigo-100-rgb: 222, 223, 253;
  --x-indigo-200-rgb: 190, 191, 251;
  --x-indigo-300-rgb: 157, 160, 249;
  --x-indigo-400-rgb: 125, 128, 247;
  --x-indigo-500-rgb: 92, 96, 245;
  --x-indigo-600-rgb: 74, 77, 196;
  --x-indigo-700-rgb: 55, 58, 147;
  --x-indigo-800-rgb: 37, 38, 98;
  --x-indigo-900-rgb: 18, 19, 49;
  --x-purple-100-rgb: 231, 221, 255;
  --x-purple-200-rgb: 208, 188, 255;
  --x-purple-300-rgb: 184, 154, 255;
  --x-purple-400-rgb: 161, 121, 255;
  --x-purple-500-rgb: 137, 87, 255;
  --x-purple-600-rgb: 110, 70, 204;
  --x-purple-700-rgb: 82, 52, 153;
  --x-purple-800-rgb: 55, 35, 102;
  --x-purple-900-rgb: 27, 17, 51;
  --x-pink-100-rgb: 255, 221, 235;
  --x-pink-200-rgb: 255, 188, 215;
  --x-pink-300-rgb: 255, 154, 194;
  --x-pink-400-rgb: 255, 121, 174;
  --x-pink-500-rgb: 255, 87, 154;
  --x-pink-600-rgb: 204, 70, 123;
  --x-pink-700-rgb: 153, 52, 92;
  --x-pink-800-rgb: 102, 35, 62;
  --x-pink-900-rgb: 51, 17, 31;
  --x-magenta-100-rgb: 252, 214, 255;
  --x-magenta-200-rgb: 248, 173, 255;
  --x-magenta-300-rgb: 245, 133, 255;
  --x-magenta-400-rgb: 241, 92, 255;
  --x-magenta-500-rgb: 238, 51, 255;
  --x-magenta-600-rgb: 190, 41, 204;
  --x-magenta-700-rgb: 143, 31, 153;
  --x-magenta-800-rgb: 95, 20, 102;
  --x-magenta-900-rgb: 48, 10, 51;
  --x-red-100-rgb: 255, 214, 224;
  --x-red-200-rgb: 255, 173, 194;
  --x-red-300-rgb: 255, 133, 163;
  --x-red-400-rgb: 255, 92, 133;
  --x-red-500-rgb: 255, 51, 102;
  --x-red-600-rgb: 204, 41, 82;
  --x-red-700-rgb: 153, 31, 61;
  --x-red-800-rgb: 102, 20, 41;
  --x-red-900-rgb: 51, 10, 20;
  --x-orange-100-rgb: 255, 232, 204;
  --x-orange-200-rgb: 255, 209, 153;
  --x-orange-300-rgb: 255, 186, 102;
  --x-orange-400-rgb: 255, 163, 51;
  --x-orange-500-rgb: 255, 140, 0;
  --x-orange-600-rgb: 204, 112, 0;
  --x-orange-700-rgb: 153, 84, 0;
  --x-orange-800-rgb: 102, 56, 0;
  --x-orange-900-rgb: 51, 28, 0;
  --x-yellow-100-rgb: 255, 241, 204;
  --x-yellow-200-rgb: 255, 228, 153;
  --x-yellow-300-rgb: 255, 214, 102;
  --x-yellow-400-rgb: 255, 201, 51;
  --x-yellow-500-rgb: 255, 187, 0;
  --x-yellow-600-rgb: 204, 150, 0;
  --x-yellow-700-rgb: 153, 112, 0;
  --x-yellow-800-rgb: 102, 75, 0;
  --x-yellow-900-rgb: 51, 37, 0;
  --x-green-100-rgb: 204, 245, 231;
  --x-green-200-rgb: 153, 235, 207;
  --x-green-300-rgb: 102, 224, 184;
  --x-green-400-rgb: 51, 214, 160;
  --x-green-500-rgb: 0, 204, 136;
  --x-green-600-rgb: 0, 163, 109;
  --x-green-700-rgb: 0, 122, 82;
  --x-green-800-rgb: 0, 82, 54;
  --x-green-900-rgb: 0, 41, 27;
  --x-teal-100-rgb: 211, 248, 248;
  --x-teal-200-rgb: 167, 241, 241;
  --x-teal-300-rgb: 122, 235, 235;
  --x-teal-400-rgb: 78, 228, 228;
  --x-teal-500-rgb: 34, 221, 221;
  --x-teal-600-rgb: 27, 177, 177;
  --x-teal-700-rgb: 20, 133, 133;
  --x-teal-800-rgb: 14, 88, 88;
  --x-teal-900-rgb: 7, 44, 44;
  --x-cyan-100-rgb: 204, 246, 255;
  --x-cyan-200-rgb: 153, 238, 255;
  --x-cyan-300-rgb: 102, 229, 255;
  --x-cyan-400-rgb: 51, 221, 255;
  --x-cyan-500-rgb: 0, 212, 255;
  --x-cyan-600-rgb: 0, 170, 204;
  --x-cyan-700-rgb: 0, 127, 153;
  --x-cyan-800-rgb: 0, 85, 102;
  --x-cyan-900-rgb: 0, 42, 51;
  --x-surface-primary-rgb: 255, 255, 255;
  --x-surface-secondary-rgb: 245, 249, 252;
  --x-surface-tertiary-rgb: 250, 250, 250;
  --x-surface-light-rgb: 231, 234, 240;
  --x-surface-dark-rgb: 20, 23, 41;
  --x-white-rgb: 255, 255, 255;
  --x-black-rgb: 0, 0, 0;
  --x-muted-rgb: 107, 123, 147;
  --x-body-rgb: 82, 95, 127;
  --x-heading-rgb: 22, 25, 44;
  --x-card-rgb: 255, 255, 255;
  --x-font-sans-serif: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --x-font-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --x-font-display: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --x-font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --x-gradient: linear-gradient(180deg, #ffffff26, #fff0);
  --x-body-font-family: var(--x-font-sans-serif);
  --x-body-font-size: 1rem;
  --x-body-font-weight: 400;
  --x-body-line-height: 1.625;
  --x-body-color: #525f7f;
  --x-body-bg: #fff;
  --x-border-width: 1px;
  --x-border-style: solid;
  --x-border-color: #e7eaf0;
  --x-border-color-translucent: #0000002d;
  --x-border-radius: .375rem;
  --x-border-radius-sm: .25rem;
  --x-border-radius-lg: .5rem;
  --x-border-radius-xl: .75rem;
  --x-border-radius-2xl: 1rem;
  --x-border-radius-pill: 50rem;
  --x-link-color: #5c60f5;
  --x-link-hover-color: #4e52d0;
  --x-code-color: #ff579a;
  --x-highlight-bg: #fcf8e3;
}

*, :before, :after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  font-family: var(--x-body-font-family);
  font-size: var(--x-body-font-size);
  font-weight: var(--x-body-font-weight);
  line-height: var(--x-body-line-height);
  color: var(--x-body-color);
  text-align: var(--x-body-text-align);
  background-color: var(--x-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: #0000;
  margin: 0;
}

hr {
  color: #e7eaf0;
  opacity: .9;
  border: 0;
  border-top: 1px solid;
  margin: 1rem 0;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  color: #16192c;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.3;
}

h1, .h1 {
  font-size: calc(1.35rem + 1.2vw);
}

@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.25rem;
  }
}

h2, .h2 {
  font-size: calc(1.3rem + .6vw);
}

@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 1.75rem;
  }
}

h3, .h3 {
  font-size: calc(1.2625rem + .15vw);
}

@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.375rem;
  }
}

h4, .h4 {
  font-size: 1.125rem;
}

h5, .h5 {
  font-size: 1rem;
}

h6, .h6 {
  font-size: .875rem;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

abbr[title] {
  cursor: help;
  text-decoration-skip-ink: none;
  text-decoration: underline dotted;
}

address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: 1rem;
}

ol, ul {
  padding-left: 2rem;
}

ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 600;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b, strong {
  font-weight: bolder;
}

small, .small {
  font-size: .875em;
}

mark, .mark {
  background-color: var(--x-highlight-bg);
  padding: 0;
}

sub, sup {
  vertical-align: baseline;
  font-size: .75em;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: var(--x-link-color);
  text-decoration: none;
}

a:hover {
  color: var(--x-link-hover-color);
  text-decoration: none;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre, code, kbd, samp {
  font-family: var(--x-font-monospace);
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: .875em;
  display: block;
  overflow: auto;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  color: var(--x-code-color);
  word-wrap: break-word;
  font-size: .875em;
}

a > code {
  color: inherit;
}

kbd {
  color: var(--x-body-bg);
  background-color: var(--x-body-color);
  border-radius: .25rem;
  padding: .1875rem .375rem;
  font-size: .875em;
}

kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 600;
}

figure {
  margin: 0 0 1rem;
}

img, svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  color: #6b7b93;
  text-align: left;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
  font-weight: 500;
}

thead, tbody, tfoot, tr, td, th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input, button, select, optgroup, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

button, select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  float: left;
  width: 100%;
  font-size: calc(1.275rem + .3vw);
  line-height: inherit;
  margin-bottom: .5rem;
  padding: 0;
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}

legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  cursor: pointer;
  display: list-item;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

*, :before, :after {
  border: 0 solid #e7eaf0;
}

iframe {
  vertical-align: middle;
  display: block;
}

figcaption, figure, main {
  margin: 0;
  display: block;
}

figure {
  max-width: 100%;
  min-height: 1px;
}

img, video {
  max-width: 100%;
  height: auto;
}

svg {
  vertical-align: middle;
  overflow: hidden;
}

a {
  outline: none;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  border: 1px solid var(--x-border-color);
  max-width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: .375rem;
  padding: .25rem;
  box-shadow: 0 1px 1px #0a16461a, 0 0 1px #0a16460f;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: .5rem;
  line-height: 1;
}

.figure-caption {
  color: #6b7b93;
  font-size: .875em;
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
  --x-gutter-x: 3rem;
  --x-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--x-gutter-x) * .5);
  padding-left: calc(var(--x-gutter-x) * .5);
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1360px;
  }
}

.row {
  --x-gutter-x: 3rem;
  --x-gutter-y: 0;
  margin-top: calc(-1 * var(--x-gutter-y));
  margin-right: calc(-.5 * var(--x-gutter-x));
  margin-left: calc(-.5 * var(--x-gutter-x));
  flex-wrap: wrap;
  display: flex;
}

.row > * {
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--x-gutter-x) * .5);
  padding-left: calc(var(--x-gutter-x) * .5);
  margin-top: var(--x-gutter-y);
  flex-shrink: 0;
}

.grid {
  grid-template-rows: repeat(var(--x-rows, 1), 1fr);
  grid-template-columns: repeat(var(--x-columns, 12), 1fr);
  gap: var(--x-gap, 3rem);
  display: grid;
}

.grid .g-col-1 {
  grid-column: auto / span 1;
}

.grid .g-col-2 {
  grid-column: auto / span 2;
}

.grid .g-col-3 {
  grid-column: auto / span 3;
}

.grid .g-col-4 {
  grid-column: auto / span 4;
}

.grid .g-col-5 {
  grid-column: auto / span 5;
}

.grid .g-col-6 {
  grid-column: auto / span 6;
}

.grid .g-col-7 {
  grid-column: auto / span 7;
}

.grid .g-col-8 {
  grid-column: auto / span 8;
}

.grid .g-col-9 {
  grid-column: auto / span 9;
}

.grid .g-col-10 {
  grid-column: auto / span 10;
}

.grid .g-col-11 {
  grid-column: auto / span 11;
}

.grid .g-col-12 {
  grid-column: auto / span 12;
}

.grid .g-start-1 {
  grid-column-start: 1;
}

.grid .g-start-2 {
  grid-column-start: 2;
}

.grid .g-start-3 {
  grid-column-start: 3;
}

.grid .g-start-4 {
  grid-column-start: 4;
}

.grid .g-start-5 {
  grid-column-start: 5;
}

.grid .g-start-6 {
  grid-column-start: 6;
}

.grid .g-start-7 {
  grid-column-start: 7;
}

.grid .g-start-8 {
  grid-column-start: 8;
}

.grid .g-start-9 {
  grid-column-start: 9;
}

.grid .g-start-10 {
  grid-column-start: 10;
}

.grid .g-start-11 {
  grid-column-start: 11;
}

@media (min-width: 576px) {
  .grid .g-col-sm-1 {
    grid-column: auto / span 1;
  }

  .grid .g-col-sm-2 {
    grid-column: auto / span 2;
  }

  .grid .g-col-sm-3 {
    grid-column: auto / span 3;
  }

  .grid .g-col-sm-4 {
    grid-column: auto / span 4;
  }

  .grid .g-col-sm-5 {
    grid-column: auto / span 5;
  }

  .grid .g-col-sm-6 {
    grid-column: auto / span 6;
  }

  .grid .g-col-sm-7 {
    grid-column: auto / span 7;
  }

  .grid .g-col-sm-8 {
    grid-column: auto / span 8;
  }

  .grid .g-col-sm-9 {
    grid-column: auto / span 9;
  }

  .grid .g-col-sm-10 {
    grid-column: auto / span 10;
  }

  .grid .g-col-sm-11 {
    grid-column: auto / span 11;
  }

  .grid .g-col-sm-12 {
    grid-column: auto / span 12;
  }

  .grid .g-start-sm-1 {
    grid-column-start: 1;
  }

  .grid .g-start-sm-2 {
    grid-column-start: 2;
  }

  .grid .g-start-sm-3 {
    grid-column-start: 3;
  }

  .grid .g-start-sm-4 {
    grid-column-start: 4;
  }

  .grid .g-start-sm-5 {
    grid-column-start: 5;
  }

  .grid .g-start-sm-6 {
    grid-column-start: 6;
  }

  .grid .g-start-sm-7 {
    grid-column-start: 7;
  }

  .grid .g-start-sm-8 {
    grid-column-start: 8;
  }

  .grid .g-start-sm-9 {
    grid-column-start: 9;
  }

  .grid .g-start-sm-10 {
    grid-column-start: 10;
  }

  .grid .g-start-sm-11 {
    grid-column-start: 11;
  }
}

@media (min-width: 768px) {
  .grid .g-col-md-1 {
    grid-column: auto / span 1;
  }

  .grid .g-col-md-2 {
    grid-column: auto / span 2;
  }

  .grid .g-col-md-3 {
    grid-column: auto / span 3;
  }

  .grid .g-col-md-4 {
    grid-column: auto / span 4;
  }

  .grid .g-col-md-5 {
    grid-column: auto / span 5;
  }

  .grid .g-col-md-6 {
    grid-column: auto / span 6;
  }

  .grid .g-col-md-7 {
    grid-column: auto / span 7;
  }

  .grid .g-col-md-8 {
    grid-column: auto / span 8;
  }

  .grid .g-col-md-9 {
    grid-column: auto / span 9;
  }

  .grid .g-col-md-10 {
    grid-column: auto / span 10;
  }

  .grid .g-col-md-11 {
    grid-column: auto / span 11;
  }

  .grid .g-col-md-12 {
    grid-column: auto / span 12;
  }

  .grid .g-start-md-1 {
    grid-column-start: 1;
  }

  .grid .g-start-md-2 {
    grid-column-start: 2;
  }

  .grid .g-start-md-3 {
    grid-column-start: 3;
  }

  .grid .g-start-md-4 {
    grid-column-start: 4;
  }

  .grid .g-start-md-5 {
    grid-column-start: 5;
  }

  .grid .g-start-md-6 {
    grid-column-start: 6;
  }

  .grid .g-start-md-7 {
    grid-column-start: 7;
  }

  .grid .g-start-md-8 {
    grid-column-start: 8;
  }

  .grid .g-start-md-9 {
    grid-column-start: 9;
  }

  .grid .g-start-md-10 {
    grid-column-start: 10;
  }

  .grid .g-start-md-11 {
    grid-column-start: 11;
  }
}

@media (min-width: 992px) {
  .grid .g-col-lg-1 {
    grid-column: auto / span 1;
  }

  .grid .g-col-lg-2 {
    grid-column: auto / span 2;
  }

  .grid .g-col-lg-3 {
    grid-column: auto / span 3;
  }

  .grid .g-col-lg-4 {
    grid-column: auto / span 4;
  }

  .grid .g-col-lg-5 {
    grid-column: auto / span 5;
  }

  .grid .g-col-lg-6 {
    grid-column: auto / span 6;
  }

  .grid .g-col-lg-7 {
    grid-column: auto / span 7;
  }

  .grid .g-col-lg-8 {
    grid-column: auto / span 8;
  }

  .grid .g-col-lg-9 {
    grid-column: auto / span 9;
  }

  .grid .g-col-lg-10 {
    grid-column: auto / span 10;
  }

  .grid .g-col-lg-11 {
    grid-column: auto / span 11;
  }

  .grid .g-col-lg-12 {
    grid-column: auto / span 12;
  }

  .grid .g-start-lg-1 {
    grid-column-start: 1;
  }

  .grid .g-start-lg-2 {
    grid-column-start: 2;
  }

  .grid .g-start-lg-3 {
    grid-column-start: 3;
  }

  .grid .g-start-lg-4 {
    grid-column-start: 4;
  }

  .grid .g-start-lg-5 {
    grid-column-start: 5;
  }

  .grid .g-start-lg-6 {
    grid-column-start: 6;
  }

  .grid .g-start-lg-7 {
    grid-column-start: 7;
  }

  .grid .g-start-lg-8 {
    grid-column-start: 8;
  }

  .grid .g-start-lg-9 {
    grid-column-start: 9;
  }

  .grid .g-start-lg-10 {
    grid-column-start: 10;
  }

  .grid .g-start-lg-11 {
    grid-column-start: 11;
  }
}

@media (min-width: 1200px) {
  .grid .g-col-xl-1 {
    grid-column: auto / span 1;
  }

  .grid .g-col-xl-2 {
    grid-column: auto / span 2;
  }

  .grid .g-col-xl-3 {
    grid-column: auto / span 3;
  }

  .grid .g-col-xl-4 {
    grid-column: auto / span 4;
  }

  .grid .g-col-xl-5 {
    grid-column: auto / span 5;
  }

  .grid .g-col-xl-6 {
    grid-column: auto / span 6;
  }

  .grid .g-col-xl-7 {
    grid-column: auto / span 7;
  }

  .grid .g-col-xl-8 {
    grid-column: auto / span 8;
  }

  .grid .g-col-xl-9 {
    grid-column: auto / span 9;
  }

  .grid .g-col-xl-10 {
    grid-column: auto / span 10;
  }

  .grid .g-col-xl-11 {
    grid-column: auto / span 11;
  }

  .grid .g-col-xl-12 {
    grid-column: auto / span 12;
  }

  .grid .g-start-xl-1 {
    grid-column-start: 1;
  }

  .grid .g-start-xl-2 {
    grid-column-start: 2;
  }

  .grid .g-start-xl-3 {
    grid-column-start: 3;
  }

  .grid .g-start-xl-4 {
    grid-column-start: 4;
  }

  .grid .g-start-xl-5 {
    grid-column-start: 5;
  }

  .grid .g-start-xl-6 {
    grid-column-start: 6;
  }

  .grid .g-start-xl-7 {
    grid-column-start: 7;
  }

  .grid .g-start-xl-8 {
    grid-column-start: 8;
  }

  .grid .g-start-xl-9 {
    grid-column-start: 9;
  }

  .grid .g-start-xl-10 {
    grid-column-start: 10;
  }

  .grid .g-start-xl-11 {
    grid-column-start: 11;
  }
}

@media (min-width: 1400px) {
  .grid .g-col-xxl-1 {
    grid-column: auto / span 1;
  }

  .grid .g-col-xxl-2 {
    grid-column: auto / span 2;
  }

  .grid .g-col-xxl-3 {
    grid-column: auto / span 3;
  }

  .grid .g-col-xxl-4 {
    grid-column: auto / span 4;
  }

  .grid .g-col-xxl-5 {
    grid-column: auto / span 5;
  }

  .grid .g-col-xxl-6 {
    grid-column: auto / span 6;
  }

  .grid .g-col-xxl-7 {
    grid-column: auto / span 7;
  }

  .grid .g-col-xxl-8 {
    grid-column: auto / span 8;
  }

  .grid .g-col-xxl-9 {
    grid-column: auto / span 9;
  }

  .grid .g-col-xxl-10 {
    grid-column: auto / span 10;
  }

  .grid .g-col-xxl-11 {
    grid-column: auto / span 11;
  }

  .grid .g-col-xxl-12 {
    grid-column: auto / span 12;
  }

  .grid .g-start-xxl-1 {
    grid-column-start: 1;
  }

  .grid .g-start-xxl-2 {
    grid-column-start: 2;
  }

  .grid .g-start-xxl-3 {
    grid-column-start: 3;
  }

  .grid .g-start-xxl-4 {
    grid-column-start: 4;
  }

  .grid .g-start-xxl-5 {
    grid-column-start: 5;
  }

  .grid .g-start-xxl-6 {
    grid-column-start: 6;
  }

  .grid .g-start-xxl-7 {
    grid-column-start: 7;
  }

  .grid .g-start-xxl-8 {
    grid-column-start: 8;
  }

  .grid .g-start-xxl-9 {
    grid-column-start: 9;
  }

  .grid .g-start-xxl-10 {
    grid-column-start: 10;
  }

  .grid .g-start-xxl-11 {
    grid-column-start: 11;
  }
}

.col {
  flex: 1 0;
}

.row-cols-auto > * {
  width: auto;
  flex: none;
}

.row-cols-1 > * {
  width: 100%;
  flex: none;
}

.row-cols-2 > * {
  width: 50%;
  flex: none;
}

.row-cols-3 > * {
  width: 33.3333%;
  flex: none;
}

.row-cols-4 > * {
  width: 25%;
  flex: none;
}

.row-cols-5 > * {
  width: 20%;
  flex: none;
}

.row-cols-6 > * {
  width: 16.6667%;
  flex: none;
}

.col-auto {
  width: auto;
  flex: none;
}

.col-1 {
  width: 8.33333%;
  flex: none;
}

.col-2 {
  width: 16.6667%;
  flex: none;
}

.col-3 {
  width: 25%;
  flex: none;
}

.col-4 {
  width: 33.3333%;
  flex: none;
}

.col-5 {
  width: 41.6667%;
  flex: none;
}

.col-6 {
  width: 50%;
  flex: none;
}

.col-7 {
  width: 58.3333%;
  flex: none;
}

.col-8 {
  width: 66.6667%;
  flex: none;
}

.col-9 {
  width: 75%;
  flex: none;
}

.col-10 {
  width: 83.3333%;
  flex: none;
}

.col-11 {
  width: 91.6667%;
  flex: none;
}

.col-12 {
  width: 100%;
  flex: none;
}

.offset-1 {
  margin-left: 8.33333%;
}

.offset-2 {
  margin-left: 16.6667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333%;
}

.offset-5 {
  margin-left: 41.6667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333%;
}

.offset-8 {
  margin-left: 66.6667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333%;
}

.offset-11 {
  margin-left: 91.6667%;
}

.g-0, .gx-0 {
  --x-gutter-x: 0;
}

.g-0, .gy-0 {
  --x-gutter-y: 0;
}

.g-1, .gx-1 {
  --x-gutter-x: .25rem;
}

.g-1, .gy-1 {
  --x-gutter-y: .25rem;
}

.g-2, .gx-2 {
  --x-gutter-x: .5rem;
}

.g-2, .gy-2 {
  --x-gutter-y: .5rem;
}

.g-3, .gx-3 {
  --x-gutter-x: .75rem;
}

.g-3, .gy-3 {
  --x-gutter-y: .75rem;
}

.g-4, .gx-4 {
  --x-gutter-x: 1rem;
}

.g-4, .gy-4 {
  --x-gutter-y: 1rem;
}

.g-5, .gx-5 {
  --x-gutter-x: 1.25rem;
}

.g-5, .gy-5 {
  --x-gutter-y: 1.25rem;
}

.g-6, .gx-6 {
  --x-gutter-x: 1.5rem;
}

.g-6, .gy-6 {
  --x-gutter-y: 1.5rem;
}

.g-7, .gx-7 {
  --x-gutter-x: 1.75rem;
}

.g-7, .gy-7 {
  --x-gutter-y: 1.75rem;
}

.g-8, .gx-8 {
  --x-gutter-x: 2rem;
}

.g-8, .gy-8 {
  --x-gutter-y: 2rem;
}

.g-10, .gx-10 {
  --x-gutter-x: 2.5rem;
}

.g-10, .gy-10 {
  --x-gutter-y: 2.5rem;
}

.g-12, .gx-12 {
  --x-gutter-x: 3rem;
}

.g-12, .gy-12 {
  --x-gutter-y: 3rem;
}

.g-14, .gx-14 {
  --x-gutter-x: 3.5rem;
}

.g-14, .gy-14 {
  --x-gutter-y: 3.5rem;
}

.g-16, .gx-16 {
  --x-gutter-x: 4rem;
}

.g-16, .gy-16 {
  --x-gutter-y: 4rem;
}

.g-18, .gx-18 {
  --x-gutter-x: 4.5rem;
}

.g-18, .gy-18 {
  --x-gutter-y: 4.5rem;
}

.g-20, .gx-20 {
  --x-gutter-x: 5rem;
}

.g-20, .gy-20 {
  --x-gutter-y: 5rem;
}

.g-24, .gx-24 {
  --x-gutter-x: 6rem;
}

.g-24, .gy-24 {
  --x-gutter-y: 6rem;
}

.g-32, .gx-32 {
  --x-gutter-x: 8rem;
}

.g-32, .gy-32 {
  --x-gutter-y: 8rem;
}

.g-40, .gx-40 {
  --x-gutter-x: 10rem;
}

.g-40, .gy-40 {
  --x-gutter-y: 10rem;
}

.g-48, .gx-48 {
  --x-gutter-x: 12rem;
}

.g-48, .gy-48 {
  --x-gutter-y: 12rem;
}

.g-56, .gx-56 {
  --x-gutter-x: 14rem;
}

.g-56, .gy-56 {
  --x-gutter-y: 14rem;
}

.g-64, .gx-64 {
  --x-gutter-x: 16rem;
}

.g-64, .gy-64 {
  --x-gutter-y: 16rem;
}

.g-72, .gx-72 {
  --x-gutter-x: 18rem;
}

.g-72, .gy-72 {
  --x-gutter-y: 18rem;
}

.g-80, .gx-80 {
  --x-gutter-x: 20rem;
}

.g-80, .gy-80 {
  --x-gutter-y: 20rem;
}

.g-88, .gx-88 {
  --x-gutter-x: 22rem;
}

.g-88, .gy-88 {
  --x-gutter-y: 22rem;
}

.g-96, .gx-96 {
  --x-gutter-x: 24rem;
}

.g-96, .gy-96 {
  --x-gutter-y: 24rem;
}

.g-px, .gx-px {
  --x-gutter-x: 1px;
}

.g-px, .gy-px {
  --x-gutter-y: 1px;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0;
  }

  .row-cols-sm-auto > * {
    width: auto;
    flex: none;
  }

  .row-cols-sm-1 > * {
    width: 100%;
    flex: none;
  }

  .row-cols-sm-2 > * {
    width: 50%;
    flex: none;
  }

  .row-cols-sm-3 > * {
    width: 33.3333%;
    flex: none;
  }

  .row-cols-sm-4 > * {
    width: 25%;
    flex: none;
  }

  .row-cols-sm-5 > * {
    width: 20%;
    flex: none;
  }

  .row-cols-sm-6 > * {
    width: 16.6667%;
    flex: none;
  }

  .col-sm-auto {
    width: auto;
    flex: none;
  }

  .col-sm-1 {
    width: 8.33333%;
    flex: none;
  }

  .col-sm-2 {
    width: 16.6667%;
    flex: none;
  }

  .col-sm-3 {
    width: 25%;
    flex: none;
  }

  .col-sm-4 {
    width: 33.3333%;
    flex: none;
  }

  .col-sm-5 {
    width: 41.6667%;
    flex: none;
  }

  .col-sm-6 {
    width: 50%;
    flex: none;
  }

  .col-sm-7 {
    width: 58.3333%;
    flex: none;
  }

  .col-sm-8 {
    width: 66.6667%;
    flex: none;
  }

  .col-sm-9 {
    width: 75%;
    flex: none;
  }

  .col-sm-10 {
    width: 83.3333%;
    flex: none;
  }

  .col-sm-11 {
    width: 91.6667%;
    flex: none;
  }

  .col-sm-12 {
    width: 100%;
    flex: none;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333%;
  }

  .offset-sm-2 {
    margin-left: 16.6667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333%;
  }

  .offset-sm-5 {
    margin-left: 41.6667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333%;
  }

  .offset-sm-8 {
    margin-left: 66.6667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333%;
  }

  .offset-sm-11 {
    margin-left: 91.6667%;
  }

  .g-sm-0, .gx-sm-0 {
    --x-gutter-x: 0;
  }

  .g-sm-0, .gy-sm-0 {
    --x-gutter-y: 0;
  }

  .g-sm-1, .gx-sm-1 {
    --x-gutter-x: .25rem;
  }

  .g-sm-1, .gy-sm-1 {
    --x-gutter-y: .25rem;
  }

  .g-sm-2, .gx-sm-2 {
    --x-gutter-x: .5rem;
  }

  .g-sm-2, .gy-sm-2 {
    --x-gutter-y: .5rem;
  }

  .g-sm-3, .gx-sm-3 {
    --x-gutter-x: .75rem;
  }

  .g-sm-3, .gy-sm-3 {
    --x-gutter-y: .75rem;
  }

  .g-sm-4, .gx-sm-4 {
    --x-gutter-x: 1rem;
  }

  .g-sm-4, .gy-sm-4 {
    --x-gutter-y: 1rem;
  }

  .g-sm-5, .gx-sm-5 {
    --x-gutter-x: 1.25rem;
  }

  .g-sm-5, .gy-sm-5 {
    --x-gutter-y: 1.25rem;
  }

  .g-sm-6, .gx-sm-6 {
    --x-gutter-x: 1.5rem;
  }

  .g-sm-6, .gy-sm-6 {
    --x-gutter-y: 1.5rem;
  }

  .g-sm-7, .gx-sm-7 {
    --x-gutter-x: 1.75rem;
  }

  .g-sm-7, .gy-sm-7 {
    --x-gutter-y: 1.75rem;
  }

  .g-sm-8, .gx-sm-8 {
    --x-gutter-x: 2rem;
  }

  .g-sm-8, .gy-sm-8 {
    --x-gutter-y: 2rem;
  }

  .g-sm-10, .gx-sm-10 {
    --x-gutter-x: 2.5rem;
  }

  .g-sm-10, .gy-sm-10 {
    --x-gutter-y: 2.5rem;
  }

  .g-sm-12, .gx-sm-12 {
    --x-gutter-x: 3rem;
  }

  .g-sm-12, .gy-sm-12 {
    --x-gutter-y: 3rem;
  }

  .g-sm-14, .gx-sm-14 {
    --x-gutter-x: 3.5rem;
  }

  .g-sm-14, .gy-sm-14 {
    --x-gutter-y: 3.5rem;
  }

  .g-sm-16, .gx-sm-16 {
    --x-gutter-x: 4rem;
  }

  .g-sm-16, .gy-sm-16 {
    --x-gutter-y: 4rem;
  }

  .g-sm-18, .gx-sm-18 {
    --x-gutter-x: 4.5rem;
  }

  .g-sm-18, .gy-sm-18 {
    --x-gutter-y: 4.5rem;
  }

  .g-sm-20, .gx-sm-20 {
    --x-gutter-x: 5rem;
  }

  .g-sm-20, .gy-sm-20 {
    --x-gutter-y: 5rem;
  }

  .g-sm-24, .gx-sm-24 {
    --x-gutter-x: 6rem;
  }

  .g-sm-24, .gy-sm-24 {
    --x-gutter-y: 6rem;
  }

  .g-sm-32, .gx-sm-32 {
    --x-gutter-x: 8rem;
  }

  .g-sm-32, .gy-sm-32 {
    --x-gutter-y: 8rem;
  }

  .g-sm-40, .gx-sm-40 {
    --x-gutter-x: 10rem;
  }

  .g-sm-40, .gy-sm-40 {
    --x-gutter-y: 10rem;
  }

  .g-sm-48, .gx-sm-48 {
    --x-gutter-x: 12rem;
  }

  .g-sm-48, .gy-sm-48 {
    --x-gutter-y: 12rem;
  }

  .g-sm-56, .gx-sm-56 {
    --x-gutter-x: 14rem;
  }

  .g-sm-56, .gy-sm-56 {
    --x-gutter-y: 14rem;
  }

  .g-sm-64, .gx-sm-64 {
    --x-gutter-x: 16rem;
  }

  .g-sm-64, .gy-sm-64 {
    --x-gutter-y: 16rem;
  }

  .g-sm-72, .gx-sm-72 {
    --x-gutter-x: 18rem;
  }

  .g-sm-72, .gy-sm-72 {
    --x-gutter-y: 18rem;
  }

  .g-sm-80, .gx-sm-80 {
    --x-gutter-x: 20rem;
  }

  .g-sm-80, .gy-sm-80 {
    --x-gutter-y: 20rem;
  }

  .g-sm-88, .gx-sm-88 {
    --x-gutter-x: 22rem;
  }

  .g-sm-88, .gy-sm-88 {
    --x-gutter-y: 22rem;
  }

  .g-sm-96, .gx-sm-96 {
    --x-gutter-x: 24rem;
  }

  .g-sm-96, .gy-sm-96 {
    --x-gutter-y: 24rem;
  }

  .g-sm-px, .gx-sm-px {
    --x-gutter-x: 1px;
  }

  .g-sm-px, .gy-sm-px {
    --x-gutter-y: 1px;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex: 1 0;
  }

  .row-cols-md-auto > * {
    width: auto;
    flex: none;
  }

  .row-cols-md-1 > * {
    width: 100%;
    flex: none;
  }

  .row-cols-md-2 > * {
    width: 50%;
    flex: none;
  }

  .row-cols-md-3 > * {
    width: 33.3333%;
    flex: none;
  }

  .row-cols-md-4 > * {
    width: 25%;
    flex: none;
  }

  .row-cols-md-5 > * {
    width: 20%;
    flex: none;
  }

  .row-cols-md-6 > * {
    width: 16.6667%;
    flex: none;
  }

  .col-md-auto {
    width: auto;
    flex: none;
  }

  .col-md-1 {
    width: 8.33333%;
    flex: none;
  }

  .col-md-2 {
    width: 16.6667%;
    flex: none;
  }

  .col-md-3 {
    width: 25%;
    flex: none;
  }

  .col-md-4 {
    width: 33.3333%;
    flex: none;
  }

  .col-md-5 {
    width: 41.6667%;
    flex: none;
  }

  .col-md-6 {
    width: 50%;
    flex: none;
  }

  .col-md-7 {
    width: 58.3333%;
    flex: none;
  }

  .col-md-8 {
    width: 66.6667%;
    flex: none;
  }

  .col-md-9 {
    width: 75%;
    flex: none;
  }

  .col-md-10 {
    width: 83.3333%;
    flex: none;
  }

  .col-md-11 {
    width: 91.6667%;
    flex: none;
  }

  .col-md-12 {
    width: 100%;
    flex: none;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333%;
  }

  .offset-md-2 {
    margin-left: 16.6667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333%;
  }

  .offset-md-5 {
    margin-left: 41.6667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333%;
  }

  .offset-md-8 {
    margin-left: 66.6667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333%;
  }

  .offset-md-11 {
    margin-left: 91.6667%;
  }

  .g-md-0, .gx-md-0 {
    --x-gutter-x: 0;
  }

  .g-md-0, .gy-md-0 {
    --x-gutter-y: 0;
  }

  .g-md-1, .gx-md-1 {
    --x-gutter-x: .25rem;
  }

  .g-md-1, .gy-md-1 {
    --x-gutter-y: .25rem;
  }

  .g-md-2, .gx-md-2 {
    --x-gutter-x: .5rem;
  }

  .g-md-2, .gy-md-2 {
    --x-gutter-y: .5rem;
  }

  .g-md-3, .gx-md-3 {
    --x-gutter-x: .75rem;
  }

  .g-md-3, .gy-md-3 {
    --x-gutter-y: .75rem;
  }

  .g-md-4, .gx-md-4 {
    --x-gutter-x: 1rem;
  }

  .g-md-4, .gy-md-4 {
    --x-gutter-y: 1rem;
  }

  .g-md-5, .gx-md-5 {
    --x-gutter-x: 1.25rem;
  }

  .g-md-5, .gy-md-5 {
    --x-gutter-y: 1.25rem;
  }

  .g-md-6, .gx-md-6 {
    --x-gutter-x: 1.5rem;
  }

  .g-md-6, .gy-md-6 {
    --x-gutter-y: 1.5rem;
  }

  .g-md-7, .gx-md-7 {
    --x-gutter-x: 1.75rem;
  }

  .g-md-7, .gy-md-7 {
    --x-gutter-y: 1.75rem;
  }

  .g-md-8, .gx-md-8 {
    --x-gutter-x: 2rem;
  }

  .g-md-8, .gy-md-8 {
    --x-gutter-y: 2rem;
  }

  .g-md-10, .gx-md-10 {
    --x-gutter-x: 2.5rem;
  }

  .g-md-10, .gy-md-10 {
    --x-gutter-y: 2.5rem;
  }

  .g-md-12, .gx-md-12 {
    --x-gutter-x: 3rem;
  }

  .g-md-12, .gy-md-12 {
    --x-gutter-y: 3rem;
  }

  .g-md-14, .gx-md-14 {
    --x-gutter-x: 3.5rem;
  }

  .g-md-14, .gy-md-14 {
    --x-gutter-y: 3.5rem;
  }

  .g-md-16, .gx-md-16 {
    --x-gutter-x: 4rem;
  }

  .g-md-16, .gy-md-16 {
    --x-gutter-y: 4rem;
  }

  .g-md-18, .gx-md-18 {
    --x-gutter-x: 4.5rem;
  }

  .g-md-18, .gy-md-18 {
    --x-gutter-y: 4.5rem;
  }

  .g-md-20, .gx-md-20 {
    --x-gutter-x: 5rem;
  }

  .g-md-20, .gy-md-20 {
    --x-gutter-y: 5rem;
  }

  .g-md-24, .gx-md-24 {
    --x-gutter-x: 6rem;
  }

  .g-md-24, .gy-md-24 {
    --x-gutter-y: 6rem;
  }

  .g-md-32, .gx-md-32 {
    --x-gutter-x: 8rem;
  }

  .g-md-32, .gy-md-32 {
    --x-gutter-y: 8rem;
  }

  .g-md-40, .gx-md-40 {
    --x-gutter-x: 10rem;
  }

  .g-md-40, .gy-md-40 {
    --x-gutter-y: 10rem;
  }

  .g-md-48, .gx-md-48 {
    --x-gutter-x: 12rem;
  }

  .g-md-48, .gy-md-48 {
    --x-gutter-y: 12rem;
  }

  .g-md-56, .gx-md-56 {
    --x-gutter-x: 14rem;
  }

  .g-md-56, .gy-md-56 {
    --x-gutter-y: 14rem;
  }

  .g-md-64, .gx-md-64 {
    --x-gutter-x: 16rem;
  }

  .g-md-64, .gy-md-64 {
    --x-gutter-y: 16rem;
  }

  .g-md-72, .gx-md-72 {
    --x-gutter-x: 18rem;
  }

  .g-md-72, .gy-md-72 {
    --x-gutter-y: 18rem;
  }

  .g-md-80, .gx-md-80 {
    --x-gutter-x: 20rem;
  }

  .g-md-80, .gy-md-80 {
    --x-gutter-y: 20rem;
  }

  .g-md-88, .gx-md-88 {
    --x-gutter-x: 22rem;
  }

  .g-md-88, .gy-md-88 {
    --x-gutter-y: 22rem;
  }

  .g-md-96, .gx-md-96 {
    --x-gutter-x: 24rem;
  }

  .g-md-96, .gy-md-96 {
    --x-gutter-y: 24rem;
  }

  .g-md-px, .gx-md-px {
    --x-gutter-x: 1px;
  }

  .g-md-px, .gy-md-px {
    --x-gutter-y: 1px;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex: 1 0;
  }

  .row-cols-lg-auto > * {
    width: auto;
    flex: none;
  }

  .row-cols-lg-1 > * {
    width: 100%;
    flex: none;
  }

  .row-cols-lg-2 > * {
    width: 50%;
    flex: none;
  }

  .row-cols-lg-3 > * {
    width: 33.3333%;
    flex: none;
  }

  .row-cols-lg-4 > * {
    width: 25%;
    flex: none;
  }

  .row-cols-lg-5 > * {
    width: 20%;
    flex: none;
  }

  .row-cols-lg-6 > * {
    width: 16.6667%;
    flex: none;
  }

  .col-lg-auto {
    width: auto;
    flex: none;
  }

  .col-lg-1 {
    width: 8.33333%;
    flex: none;
  }

  .col-lg-2 {
    width: 16.6667%;
    flex: none;
  }

  .col-lg-3 {
    width: 25%;
    flex: none;
  }

  .col-lg-4 {
    width: 33.3333%;
    flex: none;
  }

  .col-lg-5 {
    width: 41.6667%;
    flex: none;
  }

  .col-lg-6 {
    width: 50%;
    flex: none;
  }

  .col-lg-7 {
    width: 58.3333%;
    flex: none;
  }

  .col-lg-8 {
    width: 66.6667%;
    flex: none;
  }

  .col-lg-9 {
    width: 75%;
    flex: none;
  }

  .col-lg-10 {
    width: 83.3333%;
    flex: none;
  }

  .col-lg-11 {
    width: 91.6667%;
    flex: none;
  }

  .col-lg-12 {
    width: 100%;
    flex: none;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333%;
  }

  .offset-lg-2 {
    margin-left: 16.6667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333%;
  }

  .offset-lg-5 {
    margin-left: 41.6667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333%;
  }

  .offset-lg-8 {
    margin-left: 66.6667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333%;
  }

  .offset-lg-11 {
    margin-left: 91.6667%;
  }

  .g-lg-0, .gx-lg-0 {
    --x-gutter-x: 0;
  }

  .g-lg-0, .gy-lg-0 {
    --x-gutter-y: 0;
  }

  .g-lg-1, .gx-lg-1 {
    --x-gutter-x: .25rem;
  }

  .g-lg-1, .gy-lg-1 {
    --x-gutter-y: .25rem;
  }

  .g-lg-2, .gx-lg-2 {
    --x-gutter-x: .5rem;
  }

  .g-lg-2, .gy-lg-2 {
    --x-gutter-y: .5rem;
  }

  .g-lg-3, .gx-lg-3 {
    --x-gutter-x: .75rem;
  }

  .g-lg-3, .gy-lg-3 {
    --x-gutter-y: .75rem;
  }

  .g-lg-4, .gx-lg-4 {
    --x-gutter-x: 1rem;
  }

  .g-lg-4, .gy-lg-4 {
    --x-gutter-y: 1rem;
  }

  .g-lg-5, .gx-lg-5 {
    --x-gutter-x: 1.25rem;
  }

  .g-lg-5, .gy-lg-5 {
    --x-gutter-y: 1.25rem;
  }

  .g-lg-6, .gx-lg-6 {
    --x-gutter-x: 1.5rem;
  }

  .g-lg-6, .gy-lg-6 {
    --x-gutter-y: 1.5rem;
  }

  .g-lg-7, .gx-lg-7 {
    --x-gutter-x: 1.75rem;
  }

  .g-lg-7, .gy-lg-7 {
    --x-gutter-y: 1.75rem;
  }

  .g-lg-8, .gx-lg-8 {
    --x-gutter-x: 2rem;
  }

  .g-lg-8, .gy-lg-8 {
    --x-gutter-y: 2rem;
  }

  .g-lg-10, .gx-lg-10 {
    --x-gutter-x: 2.5rem;
  }

  .g-lg-10, .gy-lg-10 {
    --x-gutter-y: 2.5rem;
  }

  .g-lg-12, .gx-lg-12 {
    --x-gutter-x: 3rem;
  }

  .g-lg-12, .gy-lg-12 {
    --x-gutter-y: 3rem;
  }

  .g-lg-14, .gx-lg-14 {
    --x-gutter-x: 3.5rem;
  }

  .g-lg-14, .gy-lg-14 {
    --x-gutter-y: 3.5rem;
  }

  .g-lg-16, .gx-lg-16 {
    --x-gutter-x: 4rem;
  }

  .g-lg-16, .gy-lg-16 {
    --x-gutter-y: 4rem;
  }

  .g-lg-18, .gx-lg-18 {
    --x-gutter-x: 4.5rem;
  }

  .g-lg-18, .gy-lg-18 {
    --x-gutter-y: 4.5rem;
  }

  .g-lg-20, .gx-lg-20 {
    --x-gutter-x: 5rem;
  }

  .g-lg-20, .gy-lg-20 {
    --x-gutter-y: 5rem;
  }

  .g-lg-24, .gx-lg-24 {
    --x-gutter-x: 6rem;
  }

  .g-lg-24, .gy-lg-24 {
    --x-gutter-y: 6rem;
  }

  .g-lg-32, .gx-lg-32 {
    --x-gutter-x: 8rem;
  }

  .g-lg-32, .gy-lg-32 {
    --x-gutter-y: 8rem;
  }

  .g-lg-40, .gx-lg-40 {
    --x-gutter-x: 10rem;
  }

  .g-lg-40, .gy-lg-40 {
    --x-gutter-y: 10rem;
  }

  .g-lg-48, .gx-lg-48 {
    --x-gutter-x: 12rem;
  }

  .g-lg-48, .gy-lg-48 {
    --x-gutter-y: 12rem;
  }

  .g-lg-56, .gx-lg-56 {
    --x-gutter-x: 14rem;
  }

  .g-lg-56, .gy-lg-56 {
    --x-gutter-y: 14rem;
  }

  .g-lg-64, .gx-lg-64 {
    --x-gutter-x: 16rem;
  }

  .g-lg-64, .gy-lg-64 {
    --x-gutter-y: 16rem;
  }

  .g-lg-72, .gx-lg-72 {
    --x-gutter-x: 18rem;
  }

  .g-lg-72, .gy-lg-72 {
    --x-gutter-y: 18rem;
  }

  .g-lg-80, .gx-lg-80 {
    --x-gutter-x: 20rem;
  }

  .g-lg-80, .gy-lg-80 {
    --x-gutter-y: 20rem;
  }

  .g-lg-88, .gx-lg-88 {
    --x-gutter-x: 22rem;
  }

  .g-lg-88, .gy-lg-88 {
    --x-gutter-y: 22rem;
  }

  .g-lg-96, .gx-lg-96 {
    --x-gutter-x: 24rem;
  }

  .g-lg-96, .gy-lg-96 {
    --x-gutter-y: 24rem;
  }

  .g-lg-px, .gx-lg-px {
    --x-gutter-x: 1px;
  }

  .g-lg-px, .gy-lg-px {
    --x-gutter-y: 1px;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0;
  }

  .row-cols-xl-auto > * {
    width: auto;
    flex: none;
  }

  .row-cols-xl-1 > * {
    width: 100%;
    flex: none;
  }

  .row-cols-xl-2 > * {
    width: 50%;
    flex: none;
  }

  .row-cols-xl-3 > * {
    width: 33.3333%;
    flex: none;
  }

  .row-cols-xl-4 > * {
    width: 25%;
    flex: none;
  }

  .row-cols-xl-5 > * {
    width: 20%;
    flex: none;
  }

  .row-cols-xl-6 > * {
    width: 16.6667%;
    flex: none;
  }

  .col-xl-auto {
    width: auto;
    flex: none;
  }

  .col-xl-1 {
    width: 8.33333%;
    flex: none;
  }

  .col-xl-2 {
    width: 16.6667%;
    flex: none;
  }

  .col-xl-3 {
    width: 25%;
    flex: none;
  }

  .col-xl-4 {
    width: 33.3333%;
    flex: none;
  }

  .col-xl-5 {
    width: 41.6667%;
    flex: none;
  }

  .col-xl-6 {
    width: 50%;
    flex: none;
  }

  .col-xl-7 {
    width: 58.3333%;
    flex: none;
  }

  .col-xl-8 {
    width: 66.6667%;
    flex: none;
  }

  .col-xl-9 {
    width: 75%;
    flex: none;
  }

  .col-xl-10 {
    width: 83.3333%;
    flex: none;
  }

  .col-xl-11 {
    width: 91.6667%;
    flex: none;
  }

  .col-xl-12 {
    width: 100%;
    flex: none;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333%;
  }

  .offset-xl-2 {
    margin-left: 16.6667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.3333%;
  }

  .offset-xl-5 {
    margin-left: 41.6667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.3333%;
  }

  .offset-xl-8 {
    margin-left: 66.6667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.3333%;
  }

  .offset-xl-11 {
    margin-left: 91.6667%;
  }

  .g-xl-0, .gx-xl-0 {
    --x-gutter-x: 0;
  }

  .g-xl-0, .gy-xl-0 {
    --x-gutter-y: 0;
  }

  .g-xl-1, .gx-xl-1 {
    --x-gutter-x: .25rem;
  }

  .g-xl-1, .gy-xl-1 {
    --x-gutter-y: .25rem;
  }

  .g-xl-2, .gx-xl-2 {
    --x-gutter-x: .5rem;
  }

  .g-xl-2, .gy-xl-2 {
    --x-gutter-y: .5rem;
  }

  .g-xl-3, .gx-xl-3 {
    --x-gutter-x: .75rem;
  }

  .g-xl-3, .gy-xl-3 {
    --x-gutter-y: .75rem;
  }

  .g-xl-4, .gx-xl-4 {
    --x-gutter-x: 1rem;
  }

  .g-xl-4, .gy-xl-4 {
    --x-gutter-y: 1rem;
  }

  .g-xl-5, .gx-xl-5 {
    --x-gutter-x: 1.25rem;
  }

  .g-xl-5, .gy-xl-5 {
    --x-gutter-y: 1.25rem;
  }

  .g-xl-6, .gx-xl-6 {
    --x-gutter-x: 1.5rem;
  }

  .g-xl-6, .gy-xl-6 {
    --x-gutter-y: 1.5rem;
  }

  .g-xl-7, .gx-xl-7 {
    --x-gutter-x: 1.75rem;
  }

  .g-xl-7, .gy-xl-7 {
    --x-gutter-y: 1.75rem;
  }

  .g-xl-8, .gx-xl-8 {
    --x-gutter-x: 2rem;
  }

  .g-xl-8, .gy-xl-8 {
    --x-gutter-y: 2rem;
  }

  .g-xl-10, .gx-xl-10 {
    --x-gutter-x: 2.5rem;
  }

  .g-xl-10, .gy-xl-10 {
    --x-gutter-y: 2.5rem;
  }

  .g-xl-12, .gx-xl-12 {
    --x-gutter-x: 3rem;
  }

  .g-xl-12, .gy-xl-12 {
    --x-gutter-y: 3rem;
  }

  .g-xl-14, .gx-xl-14 {
    --x-gutter-x: 3.5rem;
  }

  .g-xl-14, .gy-xl-14 {
    --x-gutter-y: 3.5rem;
  }

  .g-xl-16, .gx-xl-16 {
    --x-gutter-x: 4rem;
  }

  .g-xl-16, .gy-xl-16 {
    --x-gutter-y: 4rem;
  }

  .g-xl-18, .gx-xl-18 {
    --x-gutter-x: 4.5rem;
  }

  .g-xl-18, .gy-xl-18 {
    --x-gutter-y: 4.5rem;
  }

  .g-xl-20, .gx-xl-20 {
    --x-gutter-x: 5rem;
  }

  .g-xl-20, .gy-xl-20 {
    --x-gutter-y: 5rem;
  }

  .g-xl-24, .gx-xl-24 {
    --x-gutter-x: 6rem;
  }

  .g-xl-24, .gy-xl-24 {
    --x-gutter-y: 6rem;
  }

  .g-xl-32, .gx-xl-32 {
    --x-gutter-x: 8rem;
  }

  .g-xl-32, .gy-xl-32 {
    --x-gutter-y: 8rem;
  }

  .g-xl-40, .gx-xl-40 {
    --x-gutter-x: 10rem;
  }

  .g-xl-40, .gy-xl-40 {
    --x-gutter-y: 10rem;
  }

  .g-xl-48, .gx-xl-48 {
    --x-gutter-x: 12rem;
  }

  .g-xl-48, .gy-xl-48 {
    --x-gutter-y: 12rem;
  }

  .g-xl-56, .gx-xl-56 {
    --x-gutter-x: 14rem;
  }

  .g-xl-56, .gy-xl-56 {
    --x-gutter-y: 14rem;
  }

  .g-xl-64, .gx-xl-64 {
    --x-gutter-x: 16rem;
  }

  .g-xl-64, .gy-xl-64 {
    --x-gutter-y: 16rem;
  }

  .g-xl-72, .gx-xl-72 {
    --x-gutter-x: 18rem;
  }

  .g-xl-72, .gy-xl-72 {
    --x-gutter-y: 18rem;
  }

  .g-xl-80, .gx-xl-80 {
    --x-gutter-x: 20rem;
  }

  .g-xl-80, .gy-xl-80 {
    --x-gutter-y: 20rem;
  }

  .g-xl-88, .gx-xl-88 {
    --x-gutter-x: 22rem;
  }

  .g-xl-88, .gy-xl-88 {
    --x-gutter-y: 22rem;
  }

  .g-xl-96, .gx-xl-96 {
    --x-gutter-x: 24rem;
  }

  .g-xl-96, .gy-xl-96 {
    --x-gutter-y: 24rem;
  }

  .g-xl-px, .gx-xl-px {
    --x-gutter-x: 1px;
  }

  .g-xl-px, .gy-xl-px {
    --x-gutter-y: 1px;
  }
}

@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0;
  }

  .row-cols-xxl-auto > * {
    width: auto;
    flex: none;
  }

  .row-cols-xxl-1 > * {
    width: 100%;
    flex: none;
  }

  .row-cols-xxl-2 > * {
    width: 50%;
    flex: none;
  }

  .row-cols-xxl-3 > * {
    width: 33.3333%;
    flex: none;
  }

  .row-cols-xxl-4 > * {
    width: 25%;
    flex: none;
  }

  .row-cols-xxl-5 > * {
    width: 20%;
    flex: none;
  }

  .row-cols-xxl-6 > * {
    width: 16.6667%;
    flex: none;
  }

  .col-xxl-auto {
    width: auto;
    flex: none;
  }

  .col-xxl-1 {
    width: 8.33333%;
    flex: none;
  }

  .col-xxl-2 {
    width: 16.6667%;
    flex: none;
  }

  .col-xxl-3 {
    width: 25%;
    flex: none;
  }

  .col-xxl-4 {
    width: 33.3333%;
    flex: none;
  }

  .col-xxl-5 {
    width: 41.6667%;
    flex: none;
  }

  .col-xxl-6 {
    width: 50%;
    flex: none;
  }

  .col-xxl-7 {
    width: 58.3333%;
    flex: none;
  }

  .col-xxl-8 {
    width: 66.6667%;
    flex: none;
  }

  .col-xxl-9 {
    width: 75%;
    flex: none;
  }

  .col-xxl-10 {
    width: 83.3333%;
    flex: none;
  }

  .col-xxl-11 {
    width: 91.6667%;
    flex: none;
  }

  .col-xxl-12 {
    width: 100%;
    flex: none;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333%;
  }

  .offset-xxl-2 {
    margin-left: 16.6667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.3333%;
  }

  .offset-xxl-5 {
    margin-left: 41.6667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.3333%;
  }

  .offset-xxl-8 {
    margin-left: 66.6667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.3333%;
  }

  .offset-xxl-11 {
    margin-left: 91.6667%;
  }

  .g-xxl-0, .gx-xxl-0 {
    --x-gutter-x: 0;
  }

  .g-xxl-0, .gy-xxl-0 {
    --x-gutter-y: 0;
  }

  .g-xxl-1, .gx-xxl-1 {
    --x-gutter-x: .25rem;
  }

  .g-xxl-1, .gy-xxl-1 {
    --x-gutter-y: .25rem;
  }

  .g-xxl-2, .gx-xxl-2 {
    --x-gutter-x: .5rem;
  }

  .g-xxl-2, .gy-xxl-2 {
    --x-gutter-y: .5rem;
  }

  .g-xxl-3, .gx-xxl-3 {
    --x-gutter-x: .75rem;
  }

  .g-xxl-3, .gy-xxl-3 {
    --x-gutter-y: .75rem;
  }

  .g-xxl-4, .gx-xxl-4 {
    --x-gutter-x: 1rem;
  }

  .g-xxl-4, .gy-xxl-4 {
    --x-gutter-y: 1rem;
  }

  .g-xxl-5, .gx-xxl-5 {
    --x-gutter-x: 1.25rem;
  }

  .g-xxl-5, .gy-xxl-5 {
    --x-gutter-y: 1.25rem;
  }

  .g-xxl-6, .gx-xxl-6 {
    --x-gutter-x: 1.5rem;
  }

  .g-xxl-6, .gy-xxl-6 {
    --x-gutter-y: 1.5rem;
  }

  .g-xxl-7, .gx-xxl-7 {
    --x-gutter-x: 1.75rem;
  }

  .g-xxl-7, .gy-xxl-7 {
    --x-gutter-y: 1.75rem;
  }

  .g-xxl-8, .gx-xxl-8 {
    --x-gutter-x: 2rem;
  }

  .g-xxl-8, .gy-xxl-8 {
    --x-gutter-y: 2rem;
  }

  .g-xxl-10, .gx-xxl-10 {
    --x-gutter-x: 2.5rem;
  }

  .g-xxl-10, .gy-xxl-10 {
    --x-gutter-y: 2.5rem;
  }

  .g-xxl-12, .gx-xxl-12 {
    --x-gutter-x: 3rem;
  }

  .g-xxl-12, .gy-xxl-12 {
    --x-gutter-y: 3rem;
  }

  .g-xxl-14, .gx-xxl-14 {
    --x-gutter-x: 3.5rem;
  }

  .g-xxl-14, .gy-xxl-14 {
    --x-gutter-y: 3.5rem;
  }

  .g-xxl-16, .gx-xxl-16 {
    --x-gutter-x: 4rem;
  }

  .g-xxl-16, .gy-xxl-16 {
    --x-gutter-y: 4rem;
  }