@charset "UTF-8";
@font-face {
  font-family: brandui-icons;
  src: url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.16/brandui-icons.eot");
  src: url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.16/brandui-icons.eot#iefix") format("embedded-opentype"), url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.16/brandui-icons.ttf") format("truetype"), url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.16/brandui-icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* Base design tokens — auto-generated, do not edit */
:root {
  --padding-none: 0;
  --padding-hairline: 0.0625rem;
  --padding-thin: 0.125rem;
  --padding-slim: 0.25rem;
  --padding-extra-small: 0.5rem;
  --padding-small: 1rem;
  --padding-medium: 1.5rem;
  --padding-large: 2rem;
  --padding-extra-large: 2.5rem;
  --padding-huge: 5rem;
  --padding-full: 100%;
  --spacing-none: 0;
  --spacing-extra-small: 1.5rem;
  --spacing-small: 2.5rem;
  --spacing-medium: 5rem;
  --spacing-large: 7.5rem;
  --spacing-extra-large: 10rem;
  --spacing-huge: 15rem;
  --spacing-full: 100%;
  --content-max: 1440px;
  --shadow-far: 0 0 3.75rem RGBA(68, 28, 153, 0.4);
  --shadow-mid: 0 0.625rem 0.938rem RGBA(68, 28, 153, 0.25);
  --shadow-near: 0 0.1875rem 0.313rem RGBA(68, 28, 153, 0.15);
  --shadow-faint: 0 0.1875rem 0.313rem RGBA(68, 28, 153, 0.05);
  --shadow-outline: 0 1px 3px 1px RGBA(68, 28, 153, 0.3);
  --radius-extra-small: 0.125rem;
  --radius-small: 0.25rem;
  --radius-medium: 0.5rem;
  --radius-large: 0.75rem;
  --radius-extra-large: 1.25rem;
  --radius-pill: 100rem;
  --radius-full: 100%;
  --transition-slow: 0.6s ease-in-out;
  --transition-mid: 0.3s ease-in-out;
  --transition-fast: 0.2s ease-in-out;
  --breakpoint-desktop: 8640;
  --breakpoint-tablet: 1024;
  --breakpoint-mobile: 768;
  --color-white: #ffffff;
  --color-seashell: #feebde;
  --color-frost: #f2f1f4;
  --color-snow: #e9e9e9;
  --color-cotton-candy: #c0f5f2;
  --color-daffodil: #ffe792;
  --color-yellow: #ffdf20;
  --color-summer: #f9c748;
  --color-periwinkle: #9bcfff;
  --color-mauve: #a2a1af;
  --color-steel: #c0c0c0;
  --color-lavender-light: #d6a7f7;
  --color-cyan: #00ffff;
  --color-bubblegum: #ff78e1;
  --color-vibe: #4bd6b5;
  --color-tiger: #f99048;
  --color-mint: #00ff7f;
  --color-salmon: #f97a99;
  --color-lavender: #c481f3;
  --color-lilac: #8598fb;
  --color-orange: #ff8904;
  --color-sky: #14c4eb;
  --color-green: #05df72;
  --color-teal: #43b59a;
  --color-electric-blue-dark: #3ea2ff;
  --color-light-blue: #00bcff;
  --color-hot-pink: #e555ac;
  --color-scarlet: #ff4626;
  --color-pewter: #555463;
  --color-silver: #797979;
  --color-smoke: #6d6d9c;
  --color-pink: #ff0ff3;
  --color-red: #fb2c36;
  --color-autumn: #c04c0a;
  --color-dark-teal: #168982;
  --color-rose: #c82d53;
  --color-turquoise: #097d98;
  --color-purple: #8d1ff4;
  --color-electric-blue: #145deb;
  --color-blue: #1447e6;
  --color-slate: #3f3f7f;
  --color-dawn: #383f76;
  --color-violet: #7f00ff;
  --color-deep-blue: #003cff;
  --color-dark-purple: #441c99;
  --color-deep-sea: #0a26b8;
  --color-navy: #162456;
  --color-charcoal: #1c1c21;
  --color-grey: #1e1e1e;
  --color-ocean: #181846;
  --color-dark-grey: #181818;
  --color-midnight: #030328;
  --color-space: #01011e;
  --color-black: #000000;
}

/* Device breakpoints — Sass map (required for @media queries and utility generation) */
/* Icons */
/* Brand logos >> logo-name: (light version, dark version, ratio) */
/* Breakpoints mixin */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  font-variant-numeric: proportional-nums;
  -webkit-font-smoothing: antialiased;
}

body {
  font-size: 1rem;
  font-family: var(--txt-body-family), sans-serif;
  color: var(--ui-text);
  -webkit-font-smoothing: antialiased;
}

a,
button,
input,
select,
[tabindex="0"] {
  outline: transparent solid 0.1875rem;
  border-radius: var(--radius-large);
}
a:focus,
button:focus,
input:focus,
select:focus,
[tabindex="0"]:focus {
  outline: var(--action-outline) solid 0.1875rem;
}
a:not(:focus-visible),
button:not(:focus-visible),
input:not(:focus-visible),
select:not(:focus-visible),
[tabindex="0"]:not(:focus-visible) {
  outline: transparent solid 0.1875rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--txt-hero-title-large-family), sans-serif;
  color: var(--ui-headline);
}

a:not([class]) {
  font-weight: 600;
  color: var(--action);
}
a:not([class]):hover, a:not([class]):focus, a:not([class]):visited:hover {
  color: var(--action-tertiary);
}
a:not([class]):visited {
  color: var(--action);
}

ul:not([class]),
ol:not([class]) {
  padding-left: var(--padding-large);
}
ul:not([class]) li,
ol:not([class]) li {
  padding-left: var(--padding-extra-small);
}

ul {
  list-style: disc;
}
ul ul {
  list-style: circle;
}
ul ul ul {
  list-style: square;
}

ol {
  list-style: decimal;
}
ol ol {
  list-style: lower-latin;
}
ol ol ol {
  list-style: lower-roman;
}

strong,
b {
  font-weight: 700;
}

strong:not(a strong),
b:not(a b) {
  color: var(--ui-body);
}

code:not([class]) {
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: 0.375rem;
  display: inline-block;
  font-size: 0.875rem;
  font-family: var(--txt-code-family), monospace;
  padding: 0 0.1875rem;
  position: relative;
  overflow-wrap: break-word;
  background-color: var(--ui-fill);
  border-color: color-mix(in srgb, var(--ui-stroke), transparent 90%);
  color: var(--action-tertiary);
}

pre:not([class]) {
  display: block;
  padding: 0.375rem 0.75rem;
  width: 100%;
  overflow-x: auto;
  border-radius: 0.375rem;
  background-color: var(--ui-accent);
  color: var(--ui-subtle);
}
pre:not([class]) code:not([class]) {
  padding: none;
  white-space: initial;
  background-color: transparent;
  border: 0;
  color: var(--ui-subtle);
}

hr {
  margin-top: var(--padding-small);
  margin-bottom: var(--padding-extra-small);
  height: 0.125rem;
  border: 0;
  background-color: var(--ui-stroke);
}

button {
  border: 0.0625rem solid transparent;
  background: transparent;
}
button:hover {
  cursor: pointer;
}

/* For images to not be able to exceed their container */
img {
  max-width: 100%;
  height: auto;
}

figure {
  margin: 0;
}

/* The 'frameborder' attribute is now deprecated. */
iframe {
  border: 0;
}

/* Prevents smooth scroll when clicking these elements */
input[type=checkbox],
select,
button {
  scroll-behavior: auto;
}

fieldset {
  border: 0;
}

cite {
  font-style: normal;
}

.bg-page {
  min-height: 100vh;
  height: 100%;
  overflow-x: clip;
}

::selection {
  background-color: #9043c6;
  -webkit-text-fill-color: #fff;
  color: #fff;
}

::selection {
  background-color: #9043c6;
  -webkit-text-fill-color: #fff;
  color: #fff;
}

.txt-ui-headline {
  color: var(--ui-headline);
}

.txt-ui-body {
  color: var(--ui-body);
}

.txt-theme-gradient {
  color: var(--ui-headline);
}

.txt-ui-hero {
  max-width: max-content;
  color: var(--ui-headline);
}

.bg-glass {
  backdrop-filter: blur(1rem);
  background-color: color-mix(in srgb, var(--default), transparent 50%);
}
.bg-glass.group:hover, .bg-glass.group:focus {
  background-color: color-mix(in srgb, var(--default), transparent 70%);
}
.bg-glass-dense {
  backdrop-filter: blur(1.5rem);
  background-color: color-mix(in srgb, var(--default), transparent 20%);
}

.border-glass {
  border-color: color-mix(in srgb, var(--default), transparent 70%);
}
.border-glass.group:hover, .border-glass.group:focus {
  border-color: color-mix(in srgb, var(--default), transparent 50%);
}

.bg-page {
  background-color: var(--default);
}

.bg-none {
  background: none;
}

.bg-gradient-midnight-overlay {
  height: 130%;
  background: linear-gradient(to bottom, color-mix(in srgb, var(--neutral-1), transparent 100%) 0%, color-mix(in srgb, var(--neutral-1), transparent 80%) 12%, color-mix(in srgb, var(--neutral-1), transparent 50%) 25%, color-mix(in srgb, var(--neutral-1), transparent 20%) 50%, color-mix(in srgb, var(--neutral-1), transparent 0%) 100%);
}
.bg-gradient-midnight-overlay-small {
  background: linear-gradient(to bottom, color-mix(in srgb, var(--neutral-1), transparent 100%) 0%, color-mix(in srgb, var(--neutral-1), transparent 80%) 60%, color-mix(in srgb, var(--neutral-1), transparent 50%) 70%, color-mix(in srgb, var(--neutral-1), transparent 20%) 90%, color-mix(in srgb, var(--neutral-1), transparent 0%) 100%);
}

.txt-transparent,
.hover\:txt-transparent:hover,
.focus\:txt-transparent:focus,
.group:hover .group-hover\:txt-transparent,
.group:focus-within .group-focus-within\:txt-transparent {
  color: transparent;
}

.bg-transparent,
.hover\:bg-transparent:hover,
.focus\:bg-transparent:focus,
.group:hover .group-hover\:bg-transparent,
.group:focus-within .group-focus-within\:bg-transparent {
  background: transparent;
}

.border-transparent,
.hover\:border-transparent:hover,
.focus\:border-transparent:focus,
.group:hover .group-hover\:border-transparent,
.group:focus-within .group-focus-within\:border-transparent {
  border-color: transparent;
}

.fill-transparent,
.hover\:fill-transparent:hover,
.focus\:fill-transparent:focus,
.group:hover .group-hover\:fill-transparent,
.group:focus-within .group-focus-within\:fill-transparent {
  color: transparent;
}

.txt-default {
  color: var(--default);
}

.link-default a {
  color: var(--default);
}

.txt-ui-headline {
  color: var(--ui-headline);
}

.link-ui-headline a {
  color: var(--ui-headline);
}

.txt-ui-body {
  color: var(--ui-body);
}

.link-ui-body a {
  color: var(--ui-body);
}

.txt-ui-fill {
  color: var(--ui-fill);
}

.link-ui-fill a {
  color: var(--ui-fill);
}

.txt-ui-stroke {
  color: var(--ui-stroke);
}

.link-ui-stroke a {
  color: var(--ui-stroke);
}

.txt-ui-text {
  color: var(--ui-text);
}

.link-ui-text a {
  color: var(--ui-text);
}

.txt-ui-surface {
  color: var(--ui-surface);
}

.link-ui-surface a {
  color: var(--ui-surface);
}

.txt-ui-accent {
  color: var(--ui-accent);
}

.link-ui-accent a {
  color: var(--ui-accent);
}

.txt-ui-soft {
  color: var(--ui-soft);
}

.link-ui-soft a {
  color: var(--ui-soft);
}

.txt-ui-subtle {
  color: var(--ui-subtle);
}

.link-ui-subtle a {
  color: var(--ui-subtle);
}

.txt-action-contrast {
  color: var(--action-contrast);
}

.link-action-contrast a {
  color: var(--action-contrast);
}

.txt-action-secondary-contrast {
  color: var(--action-secondary-contrast);
}

.link-action-secondary-contrast a {
  color: var(--action-secondary-contrast);
}

.txt-success {
  color: var(--success);
}

.link-success a {
  color: var(--success);
}

.txt-success-contrast {
  color: var(--success-contrast);
}

.link-success-contrast a {
  color: var(--success-contrast);
}

.txt-info {
  color: var(--info);
}

.link-info a {
  color: var(--info);
}

.txt-info-contrast {
  color: var(--info-contrast);
}

.link-info-contrast a {
  color: var(--info-contrast);
}

.txt-alert {
  color: var(--alert);
}

.link-alert a {
  color: var(--alert);
}

.txt-alert-contrast {
  color: var(--alert-contrast);
}

.link-alert-contrast a {
  color: var(--alert-contrast);
}

.txt-warning {
  color: var(--warning);
}

.link-warning a {
  color: var(--warning);
}

.txt-warning-contrast {
  color: var(--warning-contrast);
}

.link-warning-contrast a {
  color: var(--warning-contrast);
}

.txt-fail {
  color: var(--fail);
}

.link-fail a {
  color: var(--fail);
}

.txt-fail-contrast {
  color: var(--fail-contrast);
}

.link-fail-contrast a {
  color: var(--fail-contrast);
}

.bg-default {
  background-color: var(--default);
}

.bg-ui-headline {
  background-color: var(--ui-headline);
}

.bg-ui-body {
  background-color: var(--ui-body);
}

.bg-ui-fill {
  background-color: var(--ui-fill);
}

.bg-ui-stroke {
  background-color: var(--ui-stroke);
}

.bg-ui-text {
  background-color: var(--ui-text);
}

.bg-ui-surface {
  background-color: var(--ui-surface);
}

.bg-ui-accent {
  background-color: var(--ui-accent);
}

.bg-ui-soft {
  background-color: var(--ui-soft);
}

.bg-ui-subtle {
  background-color: var(--ui-subtle);
}

.bg-action-contrast {
  background-color: var(--action-contrast);
}

.bg-action-secondary-contrast {
  background-color: var(--action-secondary-contrast);
}

.bg-success {
  background-color: var(--success);
}

.bg-success-contrast {
  background-color: var(--success-contrast);
}

.bg-info {
  background-color: var(--info);
}

.bg-info-contrast {
  background-color: var(--info-contrast);
}

.bg-alert {
  background-color: var(--alert);
}

.bg-alert-contrast {
  background-color: var(--alert-contrast);
}

.bg-warning {
  background-color: var(--warning);
}

.bg-warning-contrast {
  background-color: var(--warning-contrast);
}

.bg-fail {
  background-color: var(--fail);
}

.bg-fail-contrast {
  background-color: var(--fail-contrast);
}

.border-default {
  border-color: var(--default);
}

.border-ui-headline {
  border-color: var(--ui-headline);
}

.border-ui-body {
  border-color: var(--ui-body);
}

.border-ui-fill {
  border-color: var(--ui-fill);
}

.border-ui-stroke {
  border-color: var(--ui-stroke);
}

.border-ui-text {
  border-color: var(--ui-text);
}

.border-ui-surface {
  border-color: var(--ui-surface);
}

.border-ui-accent {
  border-color: var(--ui-accent);
}

.border-ui-soft {
  border-color: var(--ui-soft);
}

.border-ui-subtle {
  border-color: var(--ui-subtle);
}

.border-action-contrast {
  border-color: var(--action-contrast);
}

.border-action-secondary-contrast {
  border-color: var(--action-secondary-contrast);
}

.border-success {
  border-color: var(--success);
}

.border-success-contrast {
  border-color: var(--success-contrast);
}

.border-info {
  border-color: var(--info);
}

.border-info-contrast {
  border-color: var(--info-contrast);
}

.border-alert {
  border-color: var(--alert);
}

.border-alert-contrast {
  border-color: var(--alert-contrast);
}

.border-warning {
  border-color: var(--warning);
}

.border-warning-contrast {
  border-color: var(--warning-contrast);
}

.border-fail {
  border-color: var(--fail);
}

.border-fail-contrast {
  border-color: var(--fail-contrast);
}

.txt-action,
.hover\:txt-action:hover,
.focus\:txt-action:focus,
.group:hover .group-hover\:txt-action,
.group:focus-within .group-focus-within\:txt-action {
  color: var(--action);
}

.txt-action-opal-0,
.hover\:txt-action-opal-0:hover,
.focus\:txt-action-opal-0:focus,
.group:hover .group-hover\:txt-action-opal-0,
.group:focus-within .group-focus-within\:txt-action-opal-0 {
  color: color-mix(in srgb, var(--action), transparent 100%);
}

.txt-action-opal-00,
.hover\:txt-action-opal-00:hover,
.focus\:txt-action-opal-00:focus,
.group:hover .group-hover\:txt-action-opal-00,
.group:focus-within .group-focus-within\:txt-action-opal-00 {
  color: color-mix(in srgb, var(--action), transparent 100%);
}

.txt-action-opal-1,
.hover\:txt-action-opal-1:hover,
.focus\:txt-action-opal-1:focus,
.group:hover .group-hover\:txt-action-opal-1,
.group:focus-within .group-focus-within\:txt-action-opal-1 {
  color: color-mix(in srgb, var(--action), transparent 90%);
}

.txt-action-opal-01,
.hover\:txt-action-opal-01:hover,
.focus\:txt-action-opal-01:focus,
.group:hover .group-hover\:txt-action-opal-01,
.group:focus-within .group-focus-within\:txt-action-opal-01 {
  color: color-mix(in srgb, var(--action), transparent 99%);
}

.txt-action-opal-2,
.hover\:txt-action-opal-2:hover,
.focus\:txt-action-opal-2:focus,
.group:hover .group-hover\:txt-action-opal-2,
.group:focus-within .group-focus-within\:txt-action-opal-2 {
  color: color-mix(in srgb, var(--action), transparent 80%);
}

.txt-action-opal-02,
.hover\:txt-action-opal-02:hover,
.focus\:txt-action-opal-02:focus,
.group:hover .group-hover\:txt-action-opal-02,
.group:focus-within .group-focus-within\:txt-action-opal-02 {
  color: color-mix(in srgb, var(--action), transparent 98%);
}

.txt-action-opal-3,
.hover\:txt-action-opal-3:hover,
.focus\:txt-action-opal-3:focus,
.group:hover .group-hover\:txt-action-opal-3,
.group:focus-within .group-focus-within\:txt-action-opal-3 {
  color: color-mix(in srgb, var(--action), transparent 70%);
}

.txt-action-opal-03,
.hover\:txt-action-opal-03:hover,
.focus\:txt-action-opal-03:focus,
.group:hover .group-hover\:txt-action-opal-03,
.group:focus-within .group-focus-within\:txt-action-opal-03 {
  color: color-mix(in srgb, var(--action), transparent 97%);
}

.txt-action-opal-4,
.hover\:txt-action-opal-4:hover,
.focus\:txt-action-opal-4:focus,
.group:hover .group-hover\:txt-action-opal-4,
.group:focus-within .group-focus-within\:txt-action-opal-4 {
  color: color-mix(in srgb, var(--action), transparent 60%);
}

.txt-action-opal-04,
.hover\:txt-action-opal-04:hover,
.focus\:txt-action-opal-04:focus,
.group:hover .group-hover\:txt-action-opal-04,
.group:focus-within .group-focus-within\:txt-action-opal-04 {
  color: color-mix(in srgb, var(--action), transparent 96%);
}

.txt-action-opal-5,
.hover\:txt-action-opal-5:hover,
.focus\:txt-action-opal-5:focus,
.group:hover .group-hover\:txt-action-opal-5,
.group:focus-within .group-focus-within\:txt-action-opal-5 {
  color: color-mix(in srgb, var(--action), transparent 50%);
}

.txt-action-opal-05,
.hover\:txt-action-opal-05:hover,
.focus\:txt-action-opal-05:focus,
.group:hover .group-hover\:txt-action-opal-05,
.group:focus-within .group-focus-within\:txt-action-opal-05 {
  color: color-mix(in srgb, var(--action), transparent 95%);
}

.txt-action-opal-6,
.hover\:txt-action-opal-6:hover,
.focus\:txt-action-opal-6:focus,
.group:hover .group-hover\:txt-action-opal-6,
.group:focus-within .group-focus-within\:txt-action-opal-6 {
  color: color-mix(in srgb, var(--action), transparent 40%);
}

.txt-action-opal-06,
.hover\:txt-action-opal-06:hover,
.focus\:txt-action-opal-06:focus,
.group:hover .group-hover\:txt-action-opal-06,
.group:focus-within .group-focus-within\:txt-action-opal-06 {
  color: color-mix(in srgb, var(--action), transparent 94%);
}

.txt-action-opal-7,
.hover\:txt-action-opal-7:hover,
.focus\:txt-action-opal-7:focus,
.group:hover .group-hover\:txt-action-opal-7,
.group:focus-within .group-focus-within\:txt-action-opal-7 {
  color: color-mix(in srgb, var(--action), transparent 30%);
}

.txt-action-opal-07,
.hover\:txt-action-opal-07:hover,
.focus\:txt-action-opal-07:focus,
.group:hover .group-hover\:txt-action-opal-07,
.group:focus-within .group-focus-within\:txt-action-opal-07 {
  color: color-mix(in srgb, var(--action), transparent 93%);
}

.txt-action-opal-8,
.hover\:txt-action-opal-8:hover,
.focus\:txt-action-opal-8:focus,
.group:hover .group-hover\:txt-action-opal-8,
.group:focus-within .group-focus-within\:txt-action-opal-8 {
  color: color-mix(in srgb, var(--action), transparent 20%);
}

.txt-action-opal-08,
.hover\:txt-action-opal-08:hover,
.focus\:txt-action-opal-08:focus,
.group:hover .group-hover\:txt-action-opal-08,
.group:focus-within .group-focus-within\:txt-action-opal-08 {
  color: color-mix(in srgb, var(--action), transparent 92%);
}

.txt-action-opal-9,
.hover\:txt-action-opal-9:hover,
.focus\:txt-action-opal-9:focus,
.group:hover .group-hover\:txt-action-opal-9,
.group:focus-within .group-focus-within\:txt-action-opal-9 {
  color: color-mix(in srgb, var(--action), transparent 10%);
}

.txt-action-opal-09,
.hover\:txt-action-opal-09:hover,
.focus\:txt-action-opal-09:focus,
.group:hover .group-hover\:txt-action-opal-09,
.group:focus-within .group-focus-within\:txt-action-opal-09 {
  color: color-mix(in srgb, var(--action), transparent 91%);
}

.txt-action-opal-10,
.hover\:txt-action-opal-10:hover,
.focus\:txt-action-opal-10:focus,
.group:hover .group-hover\:txt-action-opal-10,
.group:focus-within .group-focus-within\:txt-action-opal-10 {
  color: color-mix(in srgb, var(--action), transparent 0%);
}

.link-action a,
.hover\:link-action a:hover,
.active\:link-action a:active,
.focus\:link-action a:focus,
.group:hover .group-hover\:link-action a,
.group:focus-within .group-focus-within\:link-action a {
  color: var(--action);
}

.link-action-opal-0 a,
.hover\:link-action-opal-0 a:hover,
.active\:link-action-opal-0 a:active,
.focus\:link-action-opal-0 a:focus,
.group:hover .group-hover\:link-action-opal-0 a,
.group:focus-within .group-focus-within\:link-action-opal-0 a {
  color: color-mix(in srgb, var(--action), transparent 100%);
}

.link-action-opal-00 a,
.hover\:link-action-opal-00 a:hover,
.active\:link-action-opal-00 a:active,
.focus\:link-action-opal-00 a:focus,
.group:hover .group-hover\:link-action-opal-00 a,
.group:focus-within .group-focus-within\:link-action-opal-00 a {
  color: color-mix(in srgb, var(--action), transparent 100%);
}

.link-action-opal-1 a,
.hover\:link-action-opal-1 a:hover,
.active\:link-action-opal-1 a:active,
.focus\:link-action-opal-1 a:focus,
.group:hover .group-hover\:link-action-opal-1 a,
.group:focus-within .group-focus-within\:link-action-opal-1 a {
  color: color-mix(in srgb, var(--action), transparent 90%);
}

.link-action-opal-01 a,
.hover\:link-action-opal-01 a:hover,
.active\:link-action-opal-01 a:active,
.focus\:link-action-opal-01 a:focus,
.group:hover .group-hover\:link-action-opal-01 a,
.group:focus-within .group-focus-within\:link-action-opal-01 a {
  color: color-mix(in srgb, var(--action), transparent 99%);
}

.link-action-opal-2 a,
.hover\:link-action-opal-2 a:hover,
.active\:link-action-opal-2 a:active,
.focus\:link-action-opal-2 a:focus,
.group:hover .group-hover\:link-action-opal-2 a,
.group:focus-within .group-focus-within\:link-action-opal-2 a {
  color: color-mix(in srgb, var(--action), transparent 80%);
}

.link-action-opal-02 a,
.hover\:link-action-opal-02 a:hover,
.active\:link-action-opal-02 a:active,
.focus\:link-action-opal-02 a:focus,
.group:hover .group-hover\:link-action-opal-02 a,
.group:focus-within .group-focus-within\:link-action-opal-02 a {
  color: color-mix(in srgb, var(--action), transparent 98%);
}

.link-action-opal-3 a,
.hover\:link-action-opal-3 a:hover,
.active\:link-action-opal-3 a:active,
.focus\:link-action-opal-3 a:focus,
.group:hover .group-hover\:link-action-opal-3 a,
.group:focus-within .group-focus-within\:link-action-opal-3 a {
  color: color-mix(in srgb, var(--action), transparent 70%);
}

.link-action-opal-03 a,
.hover\:link-action-opal-03 a:hover,
.active\:link-action-opal-03 a:active,
.focus\:link-action-opal-03 a:focus,
.group:hover .group-hover\:link-action-opal-03 a,
.group:focus-within .group-focus-within\:link-action-opal-03 a {
  color: color-mix(in srgb, var(--action), transparent 97%);
}

.link-action-opal-4 a,
.hover\:link-action-opal-4 a:hover,
.active\:link-action-opal-4 a:active,
.focus\:link-action-opal-4 a:focus,
.group:hover .group-hover\:link-action-opal-4 a,
.group:focus-within .group-focus-within\:link-action-opal-4 a {
  color: color-mix(in srgb, var(--action), transparent 60%);
}

.link-action-opal-04 a,
.hover\:link-action-opal-04 a:hover,
.active\:link-action-opal-04 a:active,
.focus\:link-action-opal-04 a:focus,
.group:hover .group-hover\:link-action-opal-04 a,
.group:focus-within .group-focus-within\:link-action-opal-04 a {
  color: color-mix(in srgb, var(--action), transparent 96%);
}

.link-action-opal-5 a,
.hover\:link-action-opal-5 a:hover,
.active\:link-action-opal-5 a:active,
.focus\:link-action-opal-5 a:focus,
.group:hover .group-hover\:link-action-opal-5 a,
.group:focus-within .group-focus-within\:link-action-opal-5 a {
  color: color-mix(in srgb, var(--action), transparent 50%);
}

.link-action-opal-05 a,
.hover\:link-action-opal-05 a:hover,
.active\:link-action-opal-05 a:active,
.focus\:link-action-opal-05 a:focus,
.group:hover .group-hover\:link-action-opal-05 a,
.group:focus-within .group-focus-within\:link-action-opal-05 a {
  color: color-mix(in srgb, var(--action), transparent 95%);
}

.link-action-opal-6 a,
.hover\:link-action-opal-6 a:hover,
.active\:link-action-opal-6 a:active,
.focus\:link-action-opal-6 a:focus,
.group:hover .group-hover\:link-action-opal-6 a,
.group:focus-within .group-focus-within\:link-action-opal-6 a {
  color: color-mix(in srgb, var(--action), transparent 40%);
}

.link-action-opal-06 a,
.hover\:link-action-opal-06 a:hover,
.active\:link-action-opal-06 a:active,
.focus\:link-action-opal-06 a:focus,
.group:hover .group-hover\:link-action-opal-06 a,
.group:focus-within .group-focus-within\:link-action-opal-06 a {
  color: color-mix(in srgb, var(--action), transparent 94%);
}

.link-action-opal-7 a,
.hover\:link-action-opal-7 a:hover,
.active\:link-action-opal-7 a:active,
.focus\:link-action-opal-7 a:focus,
.group:hover .group-hover\:link-action-opal-7 a,
.group:focus-within .group-focus-within\:link-action-opal-7 a {
  color: color-mix(in srgb, var(--action), transparent 30%);
}

.link-action-opal-07 a,
.hover\:link-action-opal-07 a:hover,
.active\:link-action-opal-07 a:active,
.focus\:link-action-opal-07 a:focus,
.group:hover .group-hover\:link-action-opal-07 a,
.group:focus-within .group-focus-within\:link-action-opal-07 a {
  color: color-mix(in srgb, var(--action), transparent 93%);
}

.link-action-opal-8 a,
.hover\:link-action-opal-8 a:hover,
.active\:link-action-opal-8 a:active,
.focus\:link-action-opal-8 a:focus,
.group:hover .group-hover\:link-action-opal-8 a,
.group:focus-within .group-focus-within\:link-action-opal-8 a {
  color: color-mix(in srgb, var(--action), transparent 20%);
}

.link-action-opal-08 a,
.hover\:link-action-opal-08 a:hover,
.active\:link-action-opal-08 a:active,
.focus\:link-action-opal-08 a:focus,
.group:hover .group-hover\:link-action-opal-08 a,
.group:focus-within .group-focus-within\:link-action-opal-08 a {
  color: color-mix(in srgb, var(--action), transparent 92%);
}

.link-action-opal-9 a,
.hover\:link-action-opal-9 a:hover,
.active\:link-action-opal-9 a:active,
.focus\:link-action-opal-9 a:focus,
.group:hover .group-hover\:link-action-opal-9 a,
.group:focus-within .group-focus-within\:link-action-opal-9 a {
  color: color-mix(in srgb, var(--action), transparent 10%);
}

.link-action-opal-09 a,
.hover\:link-action-opal-09 a:hover,
.active\:link-action-opal-09 a:active,
.focus\:link-action-opal-09 a:focus,
.group:hover .group-hover\:link-action-opal-09 a,
.group:focus-within .group-focus-within\:link-action-opal-09 a {
  color: color-mix(in srgb, var(--action), transparent 91%);
}

.link-action-opal-10 a,
.hover\:link-action-opal-10 a:hover,
.active\:link-action-opal-10 a:active,
.focus\:link-action-opal-10 a:focus,
.group:hover .group-hover\:link-action-opal-10 a,
.group:focus-within .group-focus-within\:link-action-opal-10 a {
  color: color-mix(in srgb, var(--action), transparent 0%);
}

.txt-action-secondary,
.hover\:txt-action-secondary:hover,
.focus\:txt-action-secondary:focus,
.group:hover .group-hover\:txt-action-secondary,
.group:focus-within .group-focus-within\:txt-action-secondary {
  color: var(--action-secondary);
}

.txt-action-secondary-opal-0,
.hover\:txt-action-secondary-opal-0:hover,
.focus\:txt-action-secondary-opal-0:focus,
.group:hover .group-hover\:txt-action-secondary-opal-0,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-0 {
  color: color-mix(in srgb, var(--action-secondary), transparent 100%);
}

.txt-action-secondary-opal-00,
.hover\:txt-action-secondary-opal-00:hover,
.focus\:txt-action-secondary-opal-00:focus,
.group:hover .group-hover\:txt-action-secondary-opal-00,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-00 {
  color: color-mix(in srgb, var(--action-secondary), transparent 100%);
}

.txt-action-secondary-opal-1,
.hover\:txt-action-secondary-opal-1:hover,
.focus\:txt-action-secondary-opal-1:focus,
.group:hover .group-hover\:txt-action-secondary-opal-1,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-1 {
  color: color-mix(in srgb, var(--action-secondary), transparent 90%);
}

.txt-action-secondary-opal-01,
.hover\:txt-action-secondary-opal-01:hover,
.focus\:txt-action-secondary-opal-01:focus,
.group:hover .group-hover\:txt-action-secondary-opal-01,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-01 {
  color: color-mix(in srgb, var(--action-secondary), transparent 99%);
}

.txt-action-secondary-opal-2,
.hover\:txt-action-secondary-opal-2:hover,
.focus\:txt-action-secondary-opal-2:focus,
.group:hover .group-hover\:txt-action-secondary-opal-2,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-2 {
  color: color-mix(in srgb, var(--action-secondary), transparent 80%);
}

.txt-action-secondary-opal-02,
.hover\:txt-action-secondary-opal-02:hover,
.focus\:txt-action-secondary-opal-02:focus,
.group:hover .group-hover\:txt-action-secondary-opal-02,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-02 {
  color: color-mix(in srgb, var(--action-secondary), transparent 98%);
}

.txt-action-secondary-opal-3,
.hover\:txt-action-secondary-opal-3:hover,
.focus\:txt-action-secondary-opal-3:focus,
.group:hover .group-hover\:txt-action-secondary-opal-3,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-3 {
  color: color-mix(in srgb, var(--action-secondary), transparent 70%);
}

.txt-action-secondary-opal-03,
.hover\:txt-action-secondary-opal-03:hover,
.focus\:txt-action-secondary-opal-03:focus,
.group:hover .group-hover\:txt-action-secondary-opal-03,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-03 {
  color: color-mix(in srgb, var(--action-secondary), transparent 97%);
}

.txt-action-secondary-opal-4,
.hover\:txt-action-secondary-opal-4:hover,
.focus\:txt-action-secondary-opal-4:focus,
.group:hover .group-hover\:txt-action-secondary-opal-4,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-4 {
  color: color-mix(in srgb, var(--action-secondary), transparent 60%);
}

.txt-action-secondary-opal-04,
.hover\:txt-action-secondary-opal-04:hover,
.focus\:txt-action-secondary-opal-04:focus,
.group:hover .group-hover\:txt-action-secondary-opal-04,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-04 {
  color: color-mix(in srgb, var(--action-secondary), transparent 96%);
}

.txt-action-secondary-opal-5,
.hover\:txt-action-secondary-opal-5:hover,
.focus\:txt-action-secondary-opal-5:focus,
.group:hover .group-hover\:txt-action-secondary-opal-5,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-5 {
  color: color-mix(in srgb, var(--action-secondary), transparent 50%);
}

.txt-action-secondary-opal-05,
.hover\:txt-action-secondary-opal-05:hover,
.focus\:txt-action-secondary-opal-05:focus,
.group:hover .group-hover\:txt-action-secondary-opal-05,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-05 {
  color: color-mix(in srgb, var(--action-secondary), transparent 95%);
}

.txt-action-secondary-opal-6,
.hover\:txt-action-secondary-opal-6:hover,
.focus\:txt-action-secondary-opal-6:focus,
.group:hover .group-hover\:txt-action-secondary-opal-6,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-6 {
  color: color-mix(in srgb, var(--action-secondary), transparent 40%);
}

.txt-action-secondary-opal-06,
.hover\:txt-action-secondary-opal-06:hover,
.focus\:txt-action-secondary-opal-06:focus,
.group:hover .group-hover\:txt-action-secondary-opal-06,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-06 {
  color: color-mix(in srgb, var(--action-secondary), transparent 94%);
}

.txt-action-secondary-opal-7,
.hover\:txt-action-secondary-opal-7:hover,
.focus\:txt-action-secondary-opal-7:focus,
.group:hover .group-hover\:txt-action-secondary-opal-7,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-7 {
  color: color-mix(in srgb, var(--action-secondary), transparent 30%);
}

.txt-action-secondary-opal-07,
.hover\:txt-action-secondary-opal-07:hover,
.focus\:txt-action-secondary-opal-07:focus,
.group:hover .group-hover\:txt-action-secondary-opal-07,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-07 {
  color: color-mix(in srgb, var(--action-secondary), transparent 93%);
}

.txt-action-secondary-opal-8,
.hover\:txt-action-secondary-opal-8:hover,
.focus\:txt-action-secondary-opal-8:focus,
.group:hover .group-hover\:txt-action-secondary-opal-8,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-8 {
  color: color-mix(in srgb, var(--action-secondary), transparent 20%);
}

.txt-action-secondary-opal-08,
.hover\:txt-action-secondary-opal-08:hover,
.focus\:txt-action-secondary-opal-08:focus,
.group:hover .group-hover\:txt-action-secondary-opal-08,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-08 {
  color: color-mix(in srgb, var(--action-secondary), transparent 92%);
}

.txt-action-secondary-opal-9,
.hover\:txt-action-secondary-opal-9:hover,
.focus\:txt-action-secondary-opal-9:focus,
.group:hover .group-hover\:txt-action-secondary-opal-9,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-9 {
  color: color-mix(in srgb, var(--action-secondary), transparent 10%);
}

.txt-action-secondary-opal-09,
.hover\:txt-action-secondary-opal-09:hover,
.focus\:txt-action-secondary-opal-09:focus,
.group:hover .group-hover\:txt-action-secondary-opal-09,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-09 {
  color: color-mix(in srgb, var(--action-secondary), transparent 91%);
}

.txt-action-secondary-opal-10,
.hover\:txt-action-secondary-opal-10:hover,
.focus\:txt-action-secondary-opal-10:focus,
.group:hover .group-hover\:txt-action-secondary-opal-10,
.group:focus-within .group-focus-within\:txt-action-secondary-opal-10 {
  color: color-mix(in srgb, var(--action-secondary), transparent 0%);
}

.link-action-secondary a,
.hover\:link-action-secondary a:hover,
.active\:link-action-secondary a:active,
.focus\:link-action-secondary a:focus,
.group:hover .group-hover\:link-action-secondary a,
.group:focus-within .group-focus-within\:link-action-secondary a {
  color: var(--action-secondary);
}

.link-action-secondary-opal-0 a,
.hover\:link-action-secondary-opal-0 a:hover,
.active\:link-action-secondary-opal-0 a:active,
.focus\:link-action-secondary-opal-0 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-0 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-0 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 100%);
}

.link-action-secondary-opal-00 a,
.hover\:link-action-secondary-opal-00 a:hover,
.active\:link-action-secondary-opal-00 a:active,
.focus\:link-action-secondary-opal-00 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-00 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-00 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 100%);
}

.link-action-secondary-opal-1 a,
.hover\:link-action-secondary-opal-1 a:hover,
.active\:link-action-secondary-opal-1 a:active,
.focus\:link-action-secondary-opal-1 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-1 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-1 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 90%);
}

.link-action-secondary-opal-01 a,
.hover\:link-action-secondary-opal-01 a:hover,
.active\:link-action-secondary-opal-01 a:active,
.focus\:link-action-secondary-opal-01 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-01 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-01 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 99%);
}

.link-action-secondary-opal-2 a,
.hover\:link-action-secondary-opal-2 a:hover,
.active\:link-action-secondary-opal-2 a:active,
.focus\:link-action-secondary-opal-2 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-2 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-2 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 80%);
}

.link-action-secondary-opal-02 a,
.hover\:link-action-secondary-opal-02 a:hover,
.active\:link-action-secondary-opal-02 a:active,
.focus\:link-action-secondary-opal-02 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-02 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-02 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 98%);
}

.link-action-secondary-opal-3 a,
.hover\:link-action-secondary-opal-3 a:hover,
.active\:link-action-secondary-opal-3 a:active,
.focus\:link-action-secondary-opal-3 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-3 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-3 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 70%);
}

.link-action-secondary-opal-03 a,
.hover\:link-action-secondary-opal-03 a:hover,
.active\:link-action-secondary-opal-03 a:active,
.focus\:link-action-secondary-opal-03 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-03 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-03 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 97%);
}

.link-action-secondary-opal-4 a,
.hover\:link-action-secondary-opal-4 a:hover,
.active\:link-action-secondary-opal-4 a:active,
.focus\:link-action-secondary-opal-4 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-4 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-4 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 60%);
}

.link-action-secondary-opal-04 a,
.hover\:link-action-secondary-opal-04 a:hover,
.active\:link-action-secondary-opal-04 a:active,
.focus\:link-action-secondary-opal-04 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-04 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-04 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 96%);
}

.link-action-secondary-opal-5 a,
.hover\:link-action-secondary-opal-5 a:hover,
.active\:link-action-secondary-opal-5 a:active,
.focus\:link-action-secondary-opal-5 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-5 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-5 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 50%);
}

.link-action-secondary-opal-05 a,
.hover\:link-action-secondary-opal-05 a:hover,
.active\:link-action-secondary-opal-05 a:active,
.focus\:link-action-secondary-opal-05 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-05 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-05 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 95%);
}

.link-action-secondary-opal-6 a,
.hover\:link-action-secondary-opal-6 a:hover,
.active\:link-action-secondary-opal-6 a:active,
.focus\:link-action-secondary-opal-6 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-6 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-6 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 40%);
}

.link-action-secondary-opal-06 a,
.hover\:link-action-secondary-opal-06 a:hover,
.active\:link-action-secondary-opal-06 a:active,
.focus\:link-action-secondary-opal-06 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-06 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-06 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 94%);
}

.link-action-secondary-opal-7 a,
.hover\:link-action-secondary-opal-7 a:hover,
.active\:link-action-secondary-opal-7 a:active,
.focus\:link-action-secondary-opal-7 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-7 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-7 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 30%);
}

.link-action-secondary-opal-07 a,
.hover\:link-action-secondary-opal-07 a:hover,
.active\:link-action-secondary-opal-07 a:active,
.focus\:link-action-secondary-opal-07 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-07 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-07 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 93%);
}

.link-action-secondary-opal-8 a,
.hover\:link-action-secondary-opal-8 a:hover,
.active\:link-action-secondary-opal-8 a:active,
.focus\:link-action-secondary-opal-8 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-8 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-8 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 20%);
}

.link-action-secondary-opal-08 a,
.hover\:link-action-secondary-opal-08 a:hover,
.active\:link-action-secondary-opal-08 a:active,
.focus\:link-action-secondary-opal-08 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-08 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-08 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 92%);
}

.link-action-secondary-opal-9 a,
.hover\:link-action-secondary-opal-9 a:hover,
.active\:link-action-secondary-opal-9 a:active,
.focus\:link-action-secondary-opal-9 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-9 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-9 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 10%);
}

.link-action-secondary-opal-09 a,
.hover\:link-action-secondary-opal-09 a:hover,
.active\:link-action-secondary-opal-09 a:active,
.focus\:link-action-secondary-opal-09 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-09 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-09 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 91%);
}

.link-action-secondary-opal-10 a,
.hover\:link-action-secondary-opal-10 a:hover,
.active\:link-action-secondary-opal-10 a:active,
.focus\:link-action-secondary-opal-10 a:focus,
.group:hover .group-hover\:link-action-secondary-opal-10 a,
.group:focus-within .group-focus-within\:link-action-secondary-opal-10 a {
  color: color-mix(in srgb, var(--action-secondary), transparent 0%);
}

.txt-action-tertiary,
.hover\:txt-action-tertiary:hover,
.focus\:txt-action-tertiary:focus,
.group:hover .group-hover\:txt-action-tertiary,
.group:focus-within .group-focus-within\:txt-action-tertiary {
  color: var(--action-tertiary);
}

.txt-action-tertiary-opal-0,
.hover\:txt-action-tertiary-opal-0:hover,
.focus\:txt-action-tertiary-opal-0:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-0,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-0 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 100%);
}

.txt-action-tertiary-opal-00,
.hover\:txt-action-tertiary-opal-00:hover,
.focus\:txt-action-tertiary-opal-00:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-00,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-00 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 100%);
}

.txt-action-tertiary-opal-1,
.hover\:txt-action-tertiary-opal-1:hover,
.focus\:txt-action-tertiary-opal-1:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-1,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-1 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 90%);
}

.txt-action-tertiary-opal-01,
.hover\:txt-action-tertiary-opal-01:hover,
.focus\:txt-action-tertiary-opal-01:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-01,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-01 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 99%);
}

.txt-action-tertiary-opal-2,
.hover\:txt-action-tertiary-opal-2:hover,
.focus\:txt-action-tertiary-opal-2:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-2,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-2 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 80%);
}

.txt-action-tertiary-opal-02,
.hover\:txt-action-tertiary-opal-02:hover,
.focus\:txt-action-tertiary-opal-02:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-02,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-02 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 98%);
}

.txt-action-tertiary-opal-3,
.hover\:txt-action-tertiary-opal-3:hover,
.focus\:txt-action-tertiary-opal-3:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-3,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-3 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 70%);
}

.txt-action-tertiary-opal-03,
.hover\:txt-action-tertiary-opal-03:hover,
.focus\:txt-action-tertiary-opal-03:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-03,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-03 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 97%);
}

.txt-action-tertiary-opal-4,
.hover\:txt-action-tertiary-opal-4:hover,
.focus\:txt-action-tertiary-opal-4:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-4,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-4 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 60%);
}

.txt-action-tertiary-opal-04,
.hover\:txt-action-tertiary-opal-04:hover,
.focus\:txt-action-tertiary-opal-04:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-04,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-04 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 96%);
}

.txt-action-tertiary-opal-5,
.hover\:txt-action-tertiary-opal-5:hover,
.focus\:txt-action-tertiary-opal-5:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-5,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-5 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 50%);
}

.txt-action-tertiary-opal-05,
.hover\:txt-action-tertiary-opal-05:hover,
.focus\:txt-action-tertiary-opal-05:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-05,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-05 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 95%);
}

.txt-action-tertiary-opal-6,
.hover\:txt-action-tertiary-opal-6:hover,
.focus\:txt-action-tertiary-opal-6:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-6,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-6 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 40%);
}

.txt-action-tertiary-opal-06,
.hover\:txt-action-tertiary-opal-06:hover,
.focus\:txt-action-tertiary-opal-06:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-06,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-06 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 94%);
}

.txt-action-tertiary-opal-7,
.hover\:txt-action-tertiary-opal-7:hover,
.focus\:txt-action-tertiary-opal-7:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-7,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-7 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 30%);
}

.txt-action-tertiary-opal-07,
.hover\:txt-action-tertiary-opal-07:hover,
.focus\:txt-action-tertiary-opal-07:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-07,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-07 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 93%);
}

.txt-action-tertiary-opal-8,
.hover\:txt-action-tertiary-opal-8:hover,
.focus\:txt-action-tertiary-opal-8:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-8,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-8 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 20%);
}

.txt-action-tertiary-opal-08,
.hover\:txt-action-tertiary-opal-08:hover,
.focus\:txt-action-tertiary-opal-08:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-08,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-08 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 92%);
}

.txt-action-tertiary-opal-9,
.hover\:txt-action-tertiary-opal-9:hover,
.focus\:txt-action-tertiary-opal-9:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-9,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-9 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 10%);
}

.txt-action-tertiary-opal-09,
.hover\:txt-action-tertiary-opal-09:hover,
.focus\:txt-action-tertiary-opal-09:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-09,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-09 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 91%);
}

.txt-action-tertiary-opal-10,
.hover\:txt-action-tertiary-opal-10:hover,
.focus\:txt-action-tertiary-opal-10:focus,
.group:hover .group-hover\:txt-action-tertiary-opal-10,
.group:focus-within .group-focus-within\:txt-action-tertiary-opal-10 {
  color: color-mix(in srgb, var(--action-tertiary), transparent 0%);
}

.link-action-tertiary a,
.hover\:link-action-tertiary a:hover,
.active\:link-action-tertiary a:active,
.focus\:link-action-tertiary a:focus,
.group:hover .group-hover\:link-action-tertiary a,
.group:focus-within .group-focus-within\:link-action-tertiary a {
  color: var(--action-tertiary);
}

.link-action-tertiary-opal-0 a,
.hover\:link-action-tertiary-opal-0 a:hover,
.active\:link-action-tertiary-opal-0 a:active,
.focus\:link-action-tertiary-opal-0 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-0 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-0 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 100%);
}

.link-action-tertiary-opal-00 a,
.hover\:link-action-tertiary-opal-00 a:hover,
.active\:link-action-tertiary-opal-00 a:active,
.focus\:link-action-tertiary-opal-00 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-00 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-00 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 100%);
}

.link-action-tertiary-opal-1 a,
.hover\:link-action-tertiary-opal-1 a:hover,
.active\:link-action-tertiary-opal-1 a:active,
.focus\:link-action-tertiary-opal-1 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-1 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-1 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 90%);
}

.link-action-tertiary-opal-01 a,
.hover\:link-action-tertiary-opal-01 a:hover,
.active\:link-action-tertiary-opal-01 a:active,
.focus\:link-action-tertiary-opal-01 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-01 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-01 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 99%);
}

.link-action-tertiary-opal-2 a,
.hover\:link-action-tertiary-opal-2 a:hover,
.active\:link-action-tertiary-opal-2 a:active,
.focus\:link-action-tertiary-opal-2 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-2 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-2 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 80%);
}

.link-action-tertiary-opal-02 a,
.hover\:link-action-tertiary-opal-02 a:hover,
.active\:link-action-tertiary-opal-02 a:active,
.focus\:link-action-tertiary-opal-02 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-02 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-02 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 98%);
}

.link-action-tertiary-opal-3 a,
.hover\:link-action-tertiary-opal-3 a:hover,
.active\:link-action-tertiary-opal-3 a:active,
.focus\:link-action-tertiary-opal-3 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-3 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-3 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 70%);
}

.link-action-tertiary-opal-03 a,
.hover\:link-action-tertiary-opal-03 a:hover,
.active\:link-action-tertiary-opal-03 a:active,
.focus\:link-action-tertiary-opal-03 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-03 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-03 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 97%);
}

.link-action-tertiary-opal-4 a,
.hover\:link-action-tertiary-opal-4 a:hover,
.active\:link-action-tertiary-opal-4 a:active,
.focus\:link-action-tertiary-opal-4 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-4 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-4 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 60%);
}

.link-action-tertiary-opal-04 a,
.hover\:link-action-tertiary-opal-04 a:hover,
.active\:link-action-tertiary-opal-04 a:active,
.focus\:link-action-tertiary-opal-04 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-04 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-04 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 96%);
}

.link-action-tertiary-opal-5 a,
.hover\:link-action-tertiary-opal-5 a:hover,
.active\:link-action-tertiary-opal-5 a:active,
.focus\:link-action-tertiary-opal-5 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-5 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-5 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 50%);
}

.link-action-tertiary-opal-05 a,
.hover\:link-action-tertiary-opal-05 a:hover,
.active\:link-action-tertiary-opal-05 a:active,
.focus\:link-action-tertiary-opal-05 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-05 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-05 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 95%);
}

.link-action-tertiary-opal-6 a,
.hover\:link-action-tertiary-opal-6 a:hover,
.active\:link-action-tertiary-opal-6 a:active,
.focus\:link-action-tertiary-opal-6 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-6 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-6 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 40%);
}

.link-action-tertiary-opal-06 a,
.hover\:link-action-tertiary-opal-06 a:hover,
.active\:link-action-tertiary-opal-06 a:active,
.focus\:link-action-tertiary-opal-06 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-06 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-06 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 94%);
}

.link-action-tertiary-opal-7 a,
.hover\:link-action-tertiary-opal-7 a:hover,
.active\:link-action-tertiary-opal-7 a:active,
.focus\:link-action-tertiary-opal-7 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-7 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-7 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 30%);
}

.link-action-tertiary-opal-07 a,
.hover\:link-action-tertiary-opal-07 a:hover,
.active\:link-action-tertiary-opal-07 a:active,
.focus\:link-action-tertiary-opal-07 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-07 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-07 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 93%);
}

.link-action-tertiary-opal-8 a,
.hover\:link-action-tertiary-opal-8 a:hover,
.active\:link-action-tertiary-opal-8 a:active,
.focus\:link-action-tertiary-opal-8 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-8 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-8 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 20%);
}

.link-action-tertiary-opal-08 a,
.hover\:link-action-tertiary-opal-08 a:hover,
.active\:link-action-tertiary-opal-08 a:active,
.focus\:link-action-tertiary-opal-08 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-08 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-08 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 92%);
}

.link-action-tertiary-opal-9 a,
.hover\:link-action-tertiary-opal-9 a:hover,
.active\:link-action-tertiary-opal-9 a:active,
.focus\:link-action-tertiary-opal-9 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-9 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-9 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 10%);
}

.link-action-tertiary-opal-09 a,
.hover\:link-action-tertiary-opal-09 a:hover,
.active\:link-action-tertiary-opal-09 a:active,
.focus\:link-action-tertiary-opal-09 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-09 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-09 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 91%);
}

.link-action-tertiary-opal-10 a,
.hover\:link-action-tertiary-opal-10 a:hover,
.active\:link-action-tertiary-opal-10 a:active,
.focus\:link-action-tertiary-opal-10 a:focus,
.group:hover .group-hover\:link-action-tertiary-opal-10 a,
.group:focus-within .group-focus-within\:link-action-tertiary-opal-10 a {
  color: color-mix(in srgb, var(--action-tertiary), transparent 0%);
}

.bg-action,
.hover\:bg-action:hover,
.focus\:bg-action:focus,
.group:hover .group-hover\:bg-action,
.group:focus-within .group-focus-within\:bg-action {
  background-color: var(--action);
}

.bg-action-opal-0,
.hover\:bg-action-opal-0:hover,
.focus\:bg-action-opal-0:focus,
.group:hover .group-hover\:bg-action-opal-0,
.group:focus-within .group-focus-within\:bg-action-opal-0 {
  background-color: color-mix(in srgb, var(--action), transparent 100%);
}

.bg-action-opal-00,
.hover\:bg-action-opal-00:hover,
.focus\:bg-action-opal-00:focus,
.group:hover .group-hover\:bg-action-opal-00,
.group:focus-within .group-focus-within\:bg-action-opal-00 {
  background-color: color-mix(in srgb, var(--action), transparent 100%);
}

.bg-action-opal-1,
.hover\:bg-action-opal-1:hover,
.focus\:bg-action-opal-1:focus,
.group:hover .group-hover\:bg-action-opal-1,
.group:focus-within .group-focus-within\:bg-action-opal-1 {
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}

.bg-action-opal-01,
.hover\:bg-action-opal-01:hover,
.focus\:bg-action-opal-01:focus,
.group:hover .group-hover\:bg-action-opal-01,
.group:focus-within .group-focus-within\:bg-action-opal-01 {
  background-color: color-mix(in srgb, var(--action), transparent 99%);
}

.bg-action-opal-2,
.hover\:bg-action-opal-2:hover,
.focus\:bg-action-opal-2:focus,
.group:hover .group-hover\:bg-action-opal-2,
.group:focus-within .group-focus-within\:bg-action-opal-2 {
  background-color: color-mix(in srgb, var(--action), transparent 80%);
}

.bg-action-opal-02,
.hover\:bg-action-opal-02:hover,
.focus\:bg-action-opal-02:focus,
.group:hover .group-hover\:bg-action-opal-02,
.group:focus-within .group-focus-within\:bg-action-opal-02 {
  background-color: color-mix(in srgb, var(--action), transparent 98%);
}

.bg-action-opal-3,
.hover\:bg-action-opal-3:hover,
.focus\:bg-action-opal-3:focus,
.group:hover .group-hover\:bg-action-opal-3,
.group:focus-within .group-focus-within\:bg-action-opal-3 {
  background-color: color-mix(in srgb, var(--action), transparent 70%);
}

.bg-action-opal-03,
.hover\:bg-action-opal-03:hover,
.focus\:bg-action-opal-03:focus,
.group:hover .group-hover\:bg-action-opal-03,
.group:focus-within .group-focus-within\:bg-action-opal-03 {
  background-color: color-mix(in srgb, var(--action), transparent 97%);
}

.bg-action-opal-4,
.hover\:bg-action-opal-4:hover,
.focus\:bg-action-opal-4:focus,
.group:hover .group-hover\:bg-action-opal-4,
.group:focus-within .group-focus-within\:bg-action-opal-4 {
  background-color: color-mix(in srgb, var(--action), transparent 60%);
}

.bg-action-opal-04,
.hover\:bg-action-opal-04:hover,
.focus\:bg-action-opal-04:focus,
.group:hover .group-hover\:bg-action-opal-04,
.group:focus-within .group-focus-within\:bg-action-opal-04 {
  background-color: color-mix(in srgb, var(--action), transparent 96%);
}

.bg-action-opal-5,
.hover\:bg-action-opal-5:hover,
.focus\:bg-action-opal-5:focus,
.group:hover .group-hover\:bg-action-opal-5,
.group:focus-within .group-focus-within\:bg-action-opal-5 {
  background-color: color-mix(in srgb, var(--action), transparent 50%);
}

.bg-action-opal-05,
.hover\:bg-action-opal-05:hover,
.focus\:bg-action-opal-05:focus,
.group:hover .group-hover\:bg-action-opal-05,
.group:focus-within .group-focus-within\:bg-action-opal-05 {
  background-color: color-mix(in srgb, var(--action), transparent 95%);
}

.bg-action-opal-6,
.hover\:bg-action-opal-6:hover,
.focus\:bg-action-opal-6:focus,
.group:hover .group-hover\:bg-action-opal-6,
.group:focus-within .group-focus-within\:bg-action-opal-6 {
  background-color: color-mix(in srgb, var(--action), transparent 40%);
}

.bg-action-opal-06,
.hover\:bg-action-opal-06:hover,
.focus\:bg-action-opal-06:focus,
.group:hover .group-hover\:bg-action-opal-06,
.group:focus-within .group-focus-within\:bg-action-opal-06 {
  background-color: color-mix(in srgb, var(--action), transparent 94%);
}

.bg-action-opal-7,
.hover\:bg-action-opal-7:hover,
.focus\:bg-action-opal-7:focus,
.group:hover .group-hover\:bg-action-opal-7,
.group:focus-within .group-focus-within\:bg-action-opal-7 {
  background-color: color-mix(in srgb, var(--action), transparent 30%);
}

.bg-action-opal-07,
.hover\:bg-action-opal-07:hover,
.focus\:bg-action-opal-07:focus,
.group:hover .group-hover\:bg-action-opal-07,
.group:focus-within .group-focus-within\:bg-action-opal-07 {
  background-color: color-mix(in srgb, var(--action), transparent 93%);
}

.bg-action-opal-8,
.hover\:bg-action-opal-8:hover,
.focus\:bg-action-opal-8:focus,
.group:hover .group-hover\:bg-action-opal-8,
.group:focus-within .group-focus-within\:bg-action-opal-8 {
  background-color: color-mix(in srgb, var(--action), transparent 20%);
}

.bg-action-opal-08,
.hover\:bg-action-opal-08:hover,
.focus\:bg-action-opal-08:focus,
.group:hover .group-hover\:bg-action-opal-08,
.group:focus-within .group-focus-within\:bg-action-opal-08 {
  background-color: color-mix(in srgb, var(--action), transparent 92%);
}

.bg-action-opal-9,
.hover\:bg-action-opal-9:hover,
.focus\:bg-action-opal-9:focus,
.group:hover .group-hover\:bg-action-opal-9,
.group:focus-within .group-focus-within\:bg-action-opal-9 {
  background-color: color-mix(in srgb, var(--action), transparent 10%);
}

.bg-action-opal-09,
.hover\:bg-action-opal-09:hover,
.focus\:bg-action-opal-09:focus,
.group:hover .group-hover\:bg-action-opal-09,
.group:focus-within .group-focus-within\:bg-action-opal-09 {
  background-color: color-mix(in srgb, var(--action), transparent 91%);
}

.bg-action-opal-10,
.hover\:bg-action-opal-10:hover,
.focus\:bg-action-opal-10:focus,
.group:hover .group-hover\:bg-action-opal-10,
.group:focus-within .group-focus-within\:bg-action-opal-10 {
  background-color: color-mix(in srgb, var(--action), transparent 0%);
}

.bg-action-secondary,
.hover\:bg-action-secondary:hover,
.focus\:bg-action-secondary:focus,
.group:hover .group-hover\:bg-action-secondary,
.group:focus-within .group-focus-within\:bg-action-secondary {
  background-color: var(--action-secondary);
}

.bg-action-secondary-opal-0,
.hover\:bg-action-secondary-opal-0:hover,
.focus\:bg-action-secondary-opal-0:focus,
.group:hover .group-hover\:bg-action-secondary-opal-0,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-0 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 100%);
}

.bg-action-secondary-opal-00,
.hover\:bg-action-secondary-opal-00:hover,
.focus\:bg-action-secondary-opal-00:focus,
.group:hover .group-hover\:bg-action-secondary-opal-00,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-00 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 100%);
}

.bg-action-secondary-opal-1,
.hover\:bg-action-secondary-opal-1:hover,
.focus\:bg-action-secondary-opal-1:focus,
.group:hover .group-hover\:bg-action-secondary-opal-1,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-1 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 90%);
}

.bg-action-secondary-opal-01,
.hover\:bg-action-secondary-opal-01:hover,
.focus\:bg-action-secondary-opal-01:focus,
.group:hover .group-hover\:bg-action-secondary-opal-01,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-01 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 99%);
}

.bg-action-secondary-opal-2,
.hover\:bg-action-secondary-opal-2:hover,
.focus\:bg-action-secondary-opal-2:focus,
.group:hover .group-hover\:bg-action-secondary-opal-2,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-2 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 80%);
}

.bg-action-secondary-opal-02,
.hover\:bg-action-secondary-opal-02:hover,
.focus\:bg-action-secondary-opal-02:focus,
.group:hover .group-hover\:bg-action-secondary-opal-02,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-02 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 98%);
}

.bg-action-secondary-opal-3,
.hover\:bg-action-secondary-opal-3:hover,
.focus\:bg-action-secondary-opal-3:focus,
.group:hover .group-hover\:bg-action-secondary-opal-3,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-3 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 70%);
}

.bg-action-secondary-opal-03,
.hover\:bg-action-secondary-opal-03:hover,
.focus\:bg-action-secondary-opal-03:focus,
.group:hover .group-hover\:bg-action-secondary-opal-03,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-03 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 97%);
}

.bg-action-secondary-opal-4,
.hover\:bg-action-secondary-opal-4:hover,
.focus\:bg-action-secondary-opal-4:focus,
.group:hover .group-hover\:bg-action-secondary-opal-4,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-4 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 60%);
}

.bg-action-secondary-opal-04,
.hover\:bg-action-secondary-opal-04:hover,
.focus\:bg-action-secondary-opal-04:focus,
.group:hover .group-hover\:bg-action-secondary-opal-04,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-04 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 96%);
}

.bg-action-secondary-opal-5,
.hover\:bg-action-secondary-opal-5:hover,
.focus\:bg-action-secondary-opal-5:focus,
.group:hover .group-hover\:bg-action-secondary-opal-5,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-5 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 50%);
}

.bg-action-secondary-opal-05,
.hover\:bg-action-secondary-opal-05:hover,
.focus\:bg-action-secondary-opal-05:focus,
.group:hover .group-hover\:bg-action-secondary-opal-05,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-05 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 95%);
}

.bg-action-secondary-opal-6,
.hover\:bg-action-secondary-opal-6:hover,
.focus\:bg-action-secondary-opal-6:focus,
.group:hover .group-hover\:bg-action-secondary-opal-6,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-6 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 40%);
}

.bg-action-secondary-opal-06,
.hover\:bg-action-secondary-opal-06:hover,
.focus\:bg-action-secondary-opal-06:focus,
.group:hover .group-hover\:bg-action-secondary-opal-06,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-06 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 94%);
}

.bg-action-secondary-opal-7,
.hover\:bg-action-secondary-opal-7:hover,
.focus\:bg-action-secondary-opal-7:focus,
.group:hover .group-hover\:bg-action-secondary-opal-7,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-7 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 30%);
}

.bg-action-secondary-opal-07,
.hover\:bg-action-secondary-opal-07:hover,
.focus\:bg-action-secondary-opal-07:focus,
.group:hover .group-hover\:bg-action-secondary-opal-07,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-07 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 93%);
}

.bg-action-secondary-opal-8,
.hover\:bg-action-secondary-opal-8:hover,
.focus\:bg-action-secondary-opal-8:focus,
.group:hover .group-hover\:bg-action-secondary-opal-8,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-8 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 20%);
}

.bg-action-secondary-opal-08,
.hover\:bg-action-secondary-opal-08:hover,
.focus\:bg-action-secondary-opal-08:focus,
.group:hover .group-hover\:bg-action-secondary-opal-08,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-08 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 92%);
}

.bg-action-secondary-opal-9,
.hover\:bg-action-secondary-opal-9:hover,
.focus\:bg-action-secondary-opal-9:focus,
.group:hover .group-hover\:bg-action-secondary-opal-9,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-9 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 10%);
}

.bg-action-secondary-opal-09,
.hover\:bg-action-secondary-opal-09:hover,
.focus\:bg-action-secondary-opal-09:focus,
.group:hover .group-hover\:bg-action-secondary-opal-09,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-09 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 91%);
}

.bg-action-secondary-opal-10,
.hover\:bg-action-secondary-opal-10:hover,
.focus\:bg-action-secondary-opal-10:focus,
.group:hover .group-hover\:bg-action-secondary-opal-10,
.group:focus-within .group-focus-within\:bg-action-secondary-opal-10 {
  background-color: color-mix(in srgb, var(--action-secondary), transparent 0%);
}

.bg-action-tertiary,
.hover\:bg-action-tertiary:hover,
.focus\:bg-action-tertiary:focus,
.group:hover .group-hover\:bg-action-tertiary,
.group:focus-within .group-focus-within\:bg-action-tertiary {
  background-color: var(--action-tertiary);
}

.bg-action-tertiary-opal-0,
.hover\:bg-action-tertiary-opal-0:hover,
.focus\:bg-action-tertiary-opal-0:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-0,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-0 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 100%);
}

.bg-action-tertiary-opal-00,
.hover\:bg-action-tertiary-opal-00:hover,
.focus\:bg-action-tertiary-opal-00:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-00,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-00 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 100%);
}

.bg-action-tertiary-opal-1,
.hover\:bg-action-tertiary-opal-1:hover,
.focus\:bg-action-tertiary-opal-1:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-1,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-1 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 90%);
}

.bg-action-tertiary-opal-01,
.hover\:bg-action-tertiary-opal-01:hover,
.focus\:bg-action-tertiary-opal-01:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-01,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-01 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 99%);
}

.bg-action-tertiary-opal-2,
.hover\:bg-action-tertiary-opal-2:hover,
.focus\:bg-action-tertiary-opal-2:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-2,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-2 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 80%);
}

.bg-action-tertiary-opal-02,
.hover\:bg-action-tertiary-opal-02:hover,
.focus\:bg-action-tertiary-opal-02:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-02,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-02 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 98%);
}

.bg-action-tertiary-opal-3,
.hover\:bg-action-tertiary-opal-3:hover,
.focus\:bg-action-tertiary-opal-3:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-3,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-3 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 70%);
}

.bg-action-tertiary-opal-03,
.hover\:bg-action-tertiary-opal-03:hover,
.focus\:bg-action-tertiary-opal-03:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-03,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-03 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 97%);
}

.bg-action-tertiary-opal-4,
.hover\:bg-action-tertiary-opal-4:hover,
.focus\:bg-action-tertiary-opal-4:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-4,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-4 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 60%);
}

.bg-action-tertiary-opal-04,
.hover\:bg-action-tertiary-opal-04:hover,
.focus\:bg-action-tertiary-opal-04:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-04,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-04 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 96%);
}

.bg-action-tertiary-opal-5,
.hover\:bg-action-tertiary-opal-5:hover,
.focus\:bg-action-tertiary-opal-5:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-5,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-5 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 50%);
}

.bg-action-tertiary-opal-05,
.hover\:bg-action-tertiary-opal-05:hover,
.focus\:bg-action-tertiary-opal-05:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-05,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-05 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 95%);
}

.bg-action-tertiary-opal-6,
.hover\:bg-action-tertiary-opal-6:hover,
.focus\:bg-action-tertiary-opal-6:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-6,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-6 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 40%);
}

.bg-action-tertiary-opal-06,
.hover\:bg-action-tertiary-opal-06:hover,
.focus\:bg-action-tertiary-opal-06:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-06,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-06 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 94%);
}

.bg-action-tertiary-opal-7,
.hover\:bg-action-tertiary-opal-7:hover,
.focus\:bg-action-tertiary-opal-7:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-7,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-7 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 30%);
}

.bg-action-tertiary-opal-07,
.hover\:bg-action-tertiary-opal-07:hover,
.focus\:bg-action-tertiary-opal-07:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-07,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-07 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 93%);
}

.bg-action-tertiary-opal-8,
.hover\:bg-action-tertiary-opal-8:hover,
.focus\:bg-action-tertiary-opal-8:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-8,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-8 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 20%);
}

.bg-action-tertiary-opal-08,
.hover\:bg-action-tertiary-opal-08:hover,
.focus\:bg-action-tertiary-opal-08:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-08,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-08 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 92%);
}

.bg-action-tertiary-opal-9,
.hover\:bg-action-tertiary-opal-9:hover,
.focus\:bg-action-tertiary-opal-9:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-9,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-9 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 10%);
}

.bg-action-tertiary-opal-09,
.hover\:bg-action-tertiary-opal-09:hover,
.focus\:bg-action-tertiary-opal-09:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-09,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-09 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 91%);
}

.bg-action-tertiary-opal-10,
.hover\:bg-action-tertiary-opal-10:hover,
.focus\:bg-action-tertiary-opal-10:focus,
.group:hover .group-hover\:bg-action-tertiary-opal-10,
.group:focus-within .group-focus-within\:bg-action-tertiary-opal-10 {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 0%);
}

.border-action,
.hover\:border-action:hover,
.focus\:border-action:focus,
.group:hover .group-hover\:border-action,
.group:focus-within .group-focus-within\:border-action {
  border-color: var(--action);
}

.border-action-opal-0,
.hover\:border-action-opal-0:hover,
.focus\:border-action-opal-0:focus,
.group:hover .group-hover\:border-action-opal-0,
.group:focus-within .group-focus-within\:border-action-opal-0 {
  border-color: color-mix(in srgb, var(--action), transparent 100%);
}

.border-action-opal-00,
.hover\:border-action-opal-00:hover,
.focus\:border-action-opal-00:focus,
.group:hover .group-hover\:border-action-opal-00,
.group:focus-within .group-focus-within\:border-action-opal-00 {
  border-color: color-mix(in srgb, var(--action), transparent 100%);
}

.border-action-opal-1,
.hover\:border-action-opal-1:hover,
.focus\:border-action-opal-1:focus,
.group:hover .group-hover\:border-action-opal-1,
.group:focus-within .group-focus-within\:border-action-opal-1 {
  border-color: color-mix(in srgb, var(--action), transparent 90%);
}

.border-action-opal-01,
.hover\:border-action-opal-01:hover,
.focus\:border-action-opal-01:focus,
.group:hover .group-hover\:border-action-opal-01,
.group:focus-within .group-focus-within\:border-action-opal-01 {
  border-color: color-mix(in srgb, var(--action), transparent 99%);
}

.border-action-opal-2,
.hover\:border-action-opal-2:hover,
.focus\:border-action-opal-2:focus,
.group:hover .group-hover\:border-action-opal-2,
.group:focus-within .group-focus-within\:border-action-opal-2 {
  border-color: color-mix(in srgb, var(--action), transparent 80%);
}

.border-action-opal-02,
.hover\:border-action-opal-02:hover,
.focus\:border-action-opal-02:focus,
.group:hover .group-hover\:border-action-opal-02,
.group:focus-within .group-focus-within\:border-action-opal-02 {
  border-color: color-mix(in srgb, var(--action), transparent 98%);
}

.border-action-opal-3,
.hover\:border-action-opal-3:hover,
.focus\:border-action-opal-3:focus,
.group:hover .group-hover\:border-action-opal-3,
.group:focus-within .group-focus-within\:border-action-opal-3 {
  border-color: color-mix(in srgb, var(--action), transparent 70%);
}

.border-action-opal-03,
.hover\:border-action-opal-03:hover,
.focus\:border-action-opal-03:focus,
.group:hover .group-hover\:border-action-opal-03,
.group:focus-within .group-focus-within\:border-action-opal-03 {
  border-color: color-mix(in srgb, var(--action), transparent 97%);
}

.border-action-opal-4,
.hover\:border-action-opal-4:hover,
.focus\:border-action-opal-4:focus,
.group:hover .group-hover\:border-action-opal-4,
.group:focus-within .group-focus-within\:border-action-opal-4 {
  border-color: color-mix(in srgb, var(--action), transparent 60%);
}

.border-action-opal-04,
.hover\:border-action-opal-04:hover,
.focus\:border-action-opal-04:focus,
.group:hover .group-hover\:border-action-opal-04,
.group:focus-within .group-focus-within\:border-action-opal-04 {
  border-color: color-mix(in srgb, var(--action), transparent 96%);
}

.border-action-opal-5,
.hover\:border-action-opal-5:hover,
.focus\:border-action-opal-5:focus,
.group:hover .group-hover\:border-action-opal-5,
.group:focus-within .group-focus-within\:border-action-opal-5 {
  border-color: color-mix(in srgb, var(--action), transparent 50%);
}

.border-action-opal-05,
.hover\:border-action-opal-05:hover,
.focus\:border-action-opal-05:focus,
.group:hover .group-hover\:border-action-opal-05,
.group:focus-within .group-focus-within\:border-action-opal-05 {
  border-color: color-mix(in srgb, var(--action), transparent 95%);
}

.border-action-opal-6,
.hover\:border-action-opal-6:hover,
.focus\:border-action-opal-6:focus,
.group:hover .group-hover\:border-action-opal-6,
.group:focus-within .group-focus-within\:border-action-opal-6 {
  border-color: color-mix(in srgb, var(--action), transparent 40%);
}

.border-action-opal-06,
.hover\:border-action-opal-06:hover,
.focus\:border-action-opal-06:focus,
.group:hover .group-hover\:border-action-opal-06,
.group:focus-within .group-focus-within\:border-action-opal-06 {
  border-color: color-mix(in srgb, var(--action), transparent 94%);
}

.border-action-opal-7,
.hover\:border-action-opal-7:hover,
.focus\:border-action-opal-7:focus,
.group:hover .group-hover\:border-action-opal-7,
.group:focus-within .group-focus-within\:border-action-opal-7 {
  border-color: color-mix(in srgb, var(--action), transparent 30%);
}

.border-action-opal-07,
.hover\:border-action-opal-07:hover,
.focus\:border-action-opal-07:focus,
.group:hover .group-hover\:border-action-opal-07,
.group:focus-within .group-focus-within\:border-action-opal-07 {
  border-color: color-mix(in srgb, var(--action), transparent 93%);
}

.border-action-opal-8,
.hover\:border-action-opal-8:hover,
.focus\:border-action-opal-8:focus,
.group:hover .group-hover\:border-action-opal-8,
.group:focus-within .group-focus-within\:border-action-opal-8 {
  border-color: color-mix(in srgb, var(--action), transparent 20%);
}

.border-action-opal-08,
.hover\:border-action-opal-08:hover,
.focus\:border-action-opal-08:focus,
.group:hover .group-hover\:border-action-opal-08,
.group:focus-within .group-focus-within\:border-action-opal-08 {
  border-color: color-mix(in srgb, var(--action), transparent 92%);
}

.border-action-opal-9,
.hover\:border-action-opal-9:hover,
.focus\:border-action-opal-9:focus,
.group:hover .group-hover\:border-action-opal-9,
.group:focus-within .group-focus-within\:border-action-opal-9 {
  border-color: color-mix(in srgb, var(--action), transparent 10%);
}

.border-action-opal-09,
.hover\:border-action-opal-09:hover,
.focus\:border-action-opal-09:focus,
.group:hover .group-hover\:border-action-opal-09,
.group:focus-within .group-focus-within\:border-action-opal-09 {
  border-color: color-mix(in srgb, var(--action), transparent 91%);
}

.border-action-opal-10,
.hover\:border-action-opal-10:hover,
.focus\:border-action-opal-10:focus,
.group:hover .group-hover\:border-action-opal-10,
.group:focus-within .group-focus-within\:border-action-opal-10 {
  border-color: color-mix(in srgb, var(--action), transparent 0%);
}

.border-action-secondary,
.hover\:border-action-secondary:hover,
.focus\:border-action-secondary:focus,
.group:hover .group-hover\:border-action-secondary,
.group:focus-within .group-focus-within\:border-action-secondary {
  border-color: var(--action-secondary);
}

.border-action-secondary-opal-0,
.hover\:border-action-secondary-opal-0:hover,
.focus\:border-action-secondary-opal-0:focus,
.group:hover .group-hover\:border-action-secondary-opal-0,
.group:focus-within .group-focus-within\:border-action-secondary-opal-0 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 100%);
}

.border-action-secondary-opal-00,
.hover\:border-action-secondary-opal-00:hover,
.focus\:border-action-secondary-opal-00:focus,
.group:hover .group-hover\:border-action-secondary-opal-00,
.group:focus-within .group-focus-within\:border-action-secondary-opal-00 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 100%);
}

.border-action-secondary-opal-1,
.hover\:border-action-secondary-opal-1:hover,
.focus\:border-action-secondary-opal-1:focus,
.group:hover .group-hover\:border-action-secondary-opal-1,
.group:focus-within .group-focus-within\:border-action-secondary-opal-1 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 90%);
}

.border-action-secondary-opal-01,
.hover\:border-action-secondary-opal-01:hover,
.focus\:border-action-secondary-opal-01:focus,
.group:hover .group-hover\:border-action-secondary-opal-01,
.group:focus-within .group-focus-within\:border-action-secondary-opal-01 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 99%);
}

.border-action-secondary-opal-2,
.hover\:border-action-secondary-opal-2:hover,
.focus\:border-action-secondary-opal-2:focus,
.group:hover .group-hover\:border-action-secondary-opal-2,
.group:focus-within .group-focus-within\:border-action-secondary-opal-2 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 80%);
}

.border-action-secondary-opal-02,
.hover\:border-action-secondary-opal-02:hover,
.focus\:border-action-secondary-opal-02:focus,
.group:hover .group-hover\:border-action-secondary-opal-02,
.group:focus-within .group-focus-within\:border-action-secondary-opal-02 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 98%);
}

.border-action-secondary-opal-3,
.hover\:border-action-secondary-opal-3:hover,
.focus\:border-action-secondary-opal-3:focus,
.group:hover .group-hover\:border-action-secondary-opal-3,
.group:focus-within .group-focus-within\:border-action-secondary-opal-3 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 70%);
}

.border-action-secondary-opal-03,
.hover\:border-action-secondary-opal-03:hover,
.focus\:border-action-secondary-opal-03:focus,
.group:hover .group-hover\:border-action-secondary-opal-03,
.group:focus-within .group-focus-within\:border-action-secondary-opal-03 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 97%);
}

.border-action-secondary-opal-4,
.hover\:border-action-secondary-opal-4:hover,
.focus\:border-action-secondary-opal-4:focus,
.group:hover .group-hover\:border-action-secondary-opal-4,
.group:focus-within .group-focus-within\:border-action-secondary-opal-4 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 60%);
}

.border-action-secondary-opal-04,
.hover\:border-action-secondary-opal-04:hover,
.focus\:border-action-secondary-opal-04:focus,
.group:hover .group-hover\:border-action-secondary-opal-04,
.group:focus-within .group-focus-within\:border-action-secondary-opal-04 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 96%);
}

.border-action-secondary-opal-5,
.hover\:border-action-secondary-opal-5:hover,
.focus\:border-action-secondary-opal-5:focus,
.group:hover .group-hover\:border-action-secondary-opal-5,
.group:focus-within .group-focus-within\:border-action-secondary-opal-5 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 50%);
}

.border-action-secondary-opal-05,
.hover\:border-action-secondary-opal-05:hover,
.focus\:border-action-secondary-opal-05:focus,
.group:hover .group-hover\:border-action-secondary-opal-05,
.group:focus-within .group-focus-within\:border-action-secondary-opal-05 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 95%);
}

.border-action-secondary-opal-6,
.hover\:border-action-secondary-opal-6:hover,
.focus\:border-action-secondary-opal-6:focus,
.group:hover .group-hover\:border-action-secondary-opal-6,
.group:focus-within .group-focus-within\:border-action-secondary-opal-6 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 40%);
}

.border-action-secondary-opal-06,
.hover\:border-action-secondary-opal-06:hover,
.focus\:border-action-secondary-opal-06:focus,
.group:hover .group-hover\:border-action-secondary-opal-06,
.group:focus-within .group-focus-within\:border-action-secondary-opal-06 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 94%);
}

.border-action-secondary-opal-7,
.hover\:border-action-secondary-opal-7:hover,
.focus\:border-action-secondary-opal-7:focus,
.group:hover .group-hover\:border-action-secondary-opal-7,
.group:focus-within .group-focus-within\:border-action-secondary-opal-7 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 30%);
}

.border-action-secondary-opal-07,
.hover\:border-action-secondary-opal-07:hover,
.focus\:border-action-secondary-opal-07:focus,
.group:hover .group-hover\:border-action-secondary-opal-07,
.group:focus-within .group-focus-within\:border-action-secondary-opal-07 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 93%);
}

.border-action-secondary-opal-8,
.hover\:border-action-secondary-opal-8:hover,
.focus\:border-action-secondary-opal-8:focus,
.group:hover .group-hover\:border-action-secondary-opal-8,
.group:focus-within .group-focus-within\:border-action-secondary-opal-8 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 20%);
}

.border-action-secondary-opal-08,
.hover\:border-action-secondary-opal-08:hover,
.focus\:border-action-secondary-opal-08:focus,
.group:hover .group-hover\:border-action-secondary-opal-08,
.group:focus-within .group-focus-within\:border-action-secondary-opal-08 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 92%);
}

.border-action-secondary-opal-9,
.hover\:border-action-secondary-opal-9:hover,
.focus\:border-action-secondary-opal-9:focus,
.group:hover .group-hover\:border-action-secondary-opal-9,
.group:focus-within .group-focus-within\:border-action-secondary-opal-9 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 10%);
}

.border-action-secondary-opal-09,
.hover\:border-action-secondary-opal-09:hover,
.focus\:border-action-secondary-opal-09:focus,
.group:hover .group-hover\:border-action-secondary-opal-09,
.group:focus-within .group-focus-within\:border-action-secondary-opal-09 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 91%);
}

.border-action-secondary-opal-10,
.hover\:border-action-secondary-opal-10:hover,
.focus\:border-action-secondary-opal-10:focus,
.group:hover .group-hover\:border-action-secondary-opal-10,
.group:focus-within .group-focus-within\:border-action-secondary-opal-10 {
  border-color: color-mix(in srgb, var(--action-secondary), transparent 0%);
}

.border-action-tertiary,
.hover\:border-action-tertiary:hover,
.focus\:border-action-tertiary:focus,
.group:hover .group-hover\:border-action-tertiary,
.group:focus-within .group-focus-within\:border-action-tertiary {
  border-color: var(--action-tertiary);
}

.border-action-tertiary-opal-0,
.hover\:border-action-tertiary-opal-0:hover,
.focus\:border-action-tertiary-opal-0:focus,
.group:hover .group-hover\:border-action-tertiary-opal-0,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-0 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 100%);
}

.border-action-tertiary-opal-00,
.hover\:border-action-tertiary-opal-00:hover,
.focus\:border-action-tertiary-opal-00:focus,
.group:hover .group-hover\:border-action-tertiary-opal-00,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-00 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 100%);
}

.border-action-tertiary-opal-1,
.hover\:border-action-tertiary-opal-1:hover,
.focus\:border-action-tertiary-opal-1:focus,
.group:hover .group-hover\:border-action-tertiary-opal-1,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-1 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 90%);
}

.border-action-tertiary-opal-01,
.hover\:border-action-tertiary-opal-01:hover,
.focus\:border-action-tertiary-opal-01:focus,
.group:hover .group-hover\:border-action-tertiary-opal-01,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-01 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 99%);
}

.border-action-tertiary-opal-2,
.hover\:border-action-tertiary-opal-2:hover,
.focus\:border-action-tertiary-opal-2:focus,
.group:hover .group-hover\:border-action-tertiary-opal-2,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-2 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 80%);
}

.border-action-tertiary-opal-02,
.hover\:border-action-tertiary-opal-02:hover,
.focus\:border-action-tertiary-opal-02:focus,
.group:hover .group-hover\:border-action-tertiary-opal-02,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-02 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 98%);
}

.border-action-tertiary-opal-3,
.hover\:border-action-tertiary-opal-3:hover,
.focus\:border-action-tertiary-opal-3:focus,
.group:hover .group-hover\:border-action-tertiary-opal-3,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-3 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 70%);
}

.border-action-tertiary-opal-03,
.hover\:border-action-tertiary-opal-03:hover,
.focus\:border-action-tertiary-opal-03:focus,
.group:hover .group-hover\:border-action-tertiary-opal-03,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-03 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 97%);
}

.border-action-tertiary-opal-4,
.hover\:border-action-tertiary-opal-4:hover,
.focus\:border-action-tertiary-opal-4:focus,
.group:hover .group-hover\:border-action-tertiary-opal-4,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-4 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 60%);
}

.border-action-tertiary-opal-04,
.hover\:border-action-tertiary-opal-04:hover,
.focus\:border-action-tertiary-opal-04:focus,
.group:hover .group-hover\:border-action-tertiary-opal-04,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-04 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 96%);
}

.border-action-tertiary-opal-5,
.hover\:border-action-tertiary-opal-5:hover,
.focus\:border-action-tertiary-opal-5:focus,
.group:hover .group-hover\:border-action-tertiary-opal-5,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-5 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 50%);
}

.border-action-tertiary-opal-05,
.hover\:border-action-tertiary-opal-05:hover,
.focus\:border-action-tertiary-opal-05:focus,
.group:hover .group-hover\:border-action-tertiary-opal-05,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-05 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 95%);
}

.border-action-tertiary-opal-6,
.hover\:border-action-tertiary-opal-6:hover,
.focus\:border-action-tertiary-opal-6:focus,
.group:hover .group-hover\:border-action-tertiary-opal-6,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-6 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 40%);
}

.border-action-tertiary-opal-06,
.hover\:border-action-tertiary-opal-06:hover,
.focus\:border-action-tertiary-opal-06:focus,
.group:hover .group-hover\:border-action-tertiary-opal-06,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-06 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 94%);
}

.border-action-tertiary-opal-7,
.hover\:border-action-tertiary-opal-7:hover,
.focus\:border-action-tertiary-opal-7:focus,
.group:hover .group-hover\:border-action-tertiary-opal-7,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-7 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 30%);
}

.border-action-tertiary-opal-07,
.hover\:border-action-tertiary-opal-07:hover,
.focus\:border-action-tertiary-opal-07:focus,
.group:hover .group-hover\:border-action-tertiary-opal-07,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-07 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 93%);
}

.border-action-tertiary-opal-8,
.hover\:border-action-tertiary-opal-8:hover,
.focus\:border-action-tertiary-opal-8:focus,
.group:hover .group-hover\:border-action-tertiary-opal-8,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-8 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 20%);
}

.border-action-tertiary-opal-08,
.hover\:border-action-tertiary-opal-08:hover,
.focus\:border-action-tertiary-opal-08:focus,
.group:hover .group-hover\:border-action-tertiary-opal-08,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-08 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 92%);
}

.border-action-tertiary-opal-9,
.hover\:border-action-tertiary-opal-9:hover,
.focus\:border-action-tertiary-opal-9:focus,
.group:hover .group-hover\:border-action-tertiary-opal-9,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-9 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 10%);
}

.border-action-tertiary-opal-09,
.hover\:border-action-tertiary-opal-09:hover,
.focus\:border-action-tertiary-opal-09:focus,
.group:hover .group-hover\:border-action-tertiary-opal-09,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-09 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 91%);
}

.border-action-tertiary-opal-10,
.hover\:border-action-tertiary-opal-10:hover,
.focus\:border-action-tertiary-opal-10:focus,
.group:hover .group-hover\:border-action-tertiary-opal-10,
.group:focus-within .group-focus-within\:border-action-tertiary-opal-10 {
  border-color: color-mix(in srgb, var(--action-tertiary), transparent 0%);
}

.border-base-action,
.hover\:border-base-action:hover,
.focus\:border-base-action:focus,
.group:hover .group-hover\:border-base-action,
.group:focus-within .group-focus-within\:border-base-action {
  border: var(--action);
}

.bg-base-action,
.hover\:bg-base-action:hover,
.focus\:bg-base-action:focus,
.group:hover .group-hover\:bg-base-action,
.group:focus-within .group-focus-within\:bg-base-action {
  background-color: var(--action);
}

.fill-base-action,
.hover\:fill-base-action:hover,
.focus\:fill-base-action:focus,
.group:hover .group-hover\:fill-base-action,
.group:focus-within .group-focus-within\:fill-base-action {
  color: var(--action);
}

.border-base-action-secondary,
.hover\:border-base-action-secondary:hover,
.focus\:border-base-action-secondary:focus,
.group:hover .group-hover\:border-base-action-secondary,
.group:focus-within .group-focus-within\:border-base-action-secondary {
  border: var(--action-secondary);
}

.bg-base-action-secondary,
.hover\:bg-base-action-secondary:hover,
.focus\:bg-base-action-secondary:focus,
.group:hover .group-hover\:bg-base-action-secondary,
.group:focus-within .group-focus-within\:bg-base-action-secondary {
  background-color: var(--action-secondary);
}

.fill-base-action-secondary,
.hover\:fill-base-action-secondary:hover,
.focus\:fill-base-action-secondary:focus,
.group:hover .group-hover\:fill-base-action-secondary,
.group:focus-within .group-focus-within\:fill-base-action-secondary {
  color: var(--action-secondary);
}

.border-base-action-tertiary,
.hover\:border-base-action-tertiary:hover,
.focus\:border-base-action-tertiary:focus,
.group:hover .group-hover\:border-base-action-tertiary,
.group:focus-within .group-focus-within\:border-base-action-tertiary {
  border: var(--action-tertiary);
}

.bg-base-action-tertiary,
.hover\:bg-base-action-tertiary:hover,
.focus\:bg-base-action-tertiary:focus,
.group:hover .group-hover\:bg-base-action-tertiary,
.group:focus-within .group-focus-within\:bg-base-action-tertiary {
  background-color: var(--action-tertiary);
}

.fill-base-action-tertiary,
.hover\:fill-base-action-tertiary:hover,
.focus\:fill-base-action-tertiary:focus,
.group:hover .group-hover\:fill-base-action-tertiary,
.group:focus-within .group-focus-within\:fill-base-action-tertiary {
  color: var(--action-tertiary);
}

.border-base-success,
.hover\:border-base-success:hover,
.focus\:border-base-success:focus,
.group:hover .group-hover\:border-base-success,
.group:focus-within .group-focus-within\:border-base-success {
  border: var(--ui-surface);
}

.bg-base-success,
.hover\:bg-base-success:hover,
.focus\:bg-base-success:focus,
.group:hover .group-hover\:bg-base-success,
.group:focus-within .group-focus-within\:bg-base-success {
  background-color: var(--ui-surface);
}

.fill-base-success,
.hover\:fill-base-success:hover,
.focus\:fill-base-success:focus,
.group:hover .group-hover\:fill-base-success,
.group:focus-within .group-focus-within\:fill-base-success {
  color: var(--ui-surface);
}

.border-base-info,
.hover\:border-base-info:hover,
.focus\:border-base-info:focus,
.group:hover .group-hover\:border-base-info,
.group:focus-within .group-focus-within\:border-base-info {
  border: var(--ui-surface);
}

.bg-base-info,
.hover\:bg-base-info:hover,
.focus\:bg-base-info:focus,
.group:hover .group-hover\:bg-base-info,
.group:focus-within .group-focus-within\:bg-base-info {
  background-color: var(--ui-surface);
}

.fill-base-info,
.hover\:fill-base-info:hover,
.focus\:fill-base-info:focus,
.group:hover .group-hover\:fill-base-info,
.group:focus-within .group-focus-within\:fill-base-info {
  color: var(--ui-surface);
}

.border-base-alert,
.hover\:border-base-alert:hover,
.focus\:border-base-alert:focus,
.group:hover .group-hover\:border-base-alert,
.group:focus-within .group-focus-within\:border-base-alert {
  border: var(--ui-surface);
}

.bg-base-alert,
.hover\:bg-base-alert:hover,
.focus\:bg-base-alert:focus,
.group:hover .group-hover\:bg-base-alert,
.group:focus-within .group-focus-within\:bg-base-alert {
  background-color: var(--ui-surface);
}

.fill-base-alert,
.hover\:fill-base-alert:hover,
.focus\:fill-base-alert:focus,
.group:hover .group-hover\:fill-base-alert,
.group:focus-within .group-focus-within\:fill-base-alert {
  color: var(--ui-surface);
}

.border-base-warning,
.hover\:border-base-warning:hover,
.focus\:border-base-warning:focus,
.group:hover .group-hover\:border-base-warning,
.group:focus-within .group-focus-within\:border-base-warning {
  border: var(--ui-surface);
}

.bg-base-warning,
.hover\:bg-base-warning:hover,
.focus\:bg-base-warning:focus,
.group:hover .group-hover\:bg-base-warning,
.group:focus-within .group-focus-within\:bg-base-warning {
  background-color: var(--ui-surface);
}

.fill-base-warning,
.hover\:fill-base-warning:hover,
.focus\:fill-base-warning:focus,
.group:hover .group-hover\:fill-base-warning,
.group:focus-within .group-focus-within\:fill-base-warning {
  color: var(--ui-surface);
}

.border-base-fail,
.hover\:border-base-fail:hover,
.focus\:border-base-fail:focus,
.group:hover .group-hover\:border-base-fail,
.group:focus-within .group-focus-within\:border-base-fail {
  border: var(--ui-surface);
}

.bg-base-fail,
.hover\:bg-base-fail:hover,
.focus\:bg-base-fail:focus,
.group:hover .group-hover\:bg-base-fail,
.group:focus-within .group-focus-within\:bg-base-fail {
  background-color: var(--ui-surface);
}

.fill-base-fail,
.hover\:fill-base-fail:hover,
.focus\:fill-base-fail:focus,
.group:hover .group-hover\:fill-base-fail,
.group:focus-within .group-focus-within\:fill-base-fail {
  color: var(--ui-surface);
}

[class*=txt-line-clamp-] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Define the keys (this should match the keys in design token) */
.txt-hero-title-large {
  font-family: var(--txt-hero-title-large-family);
  font-size: var(--txt-hero-title-large-size);
  font-weight: var(--txt-hero-title-large-weight);
  line-height: var(--txt-hero-title-large-lh);
  letter-spacing: var(--txt-hero-title-large-ls, 0);
  text-transform: var(--txt-hero-title-large-tt, none);
  padding: 0;
  margin: 0;
}

.txt-hero-title-small {
  font-family: var(--txt-hero-title-small-family);
  font-size: var(--txt-hero-title-small-size);
  font-weight: var(--txt-hero-title-small-weight);
  line-height: var(--txt-hero-title-small-lh);
  letter-spacing: var(--txt-hero-title-small-ls, 0);
  text-transform: var(--txt-hero-title-small-tt, none);
  padding: 0;
  margin: 0;
}

.txt-page-title-large {
  font-family: var(--txt-page-title-large-family);
  font-size: var(--txt-page-title-large-size);
  font-weight: var(--txt-page-title-large-weight);
  line-height: var(--txt-page-title-large-lh);
  letter-spacing: var(--txt-page-title-large-ls, 0);
  text-transform: var(--txt-page-title-large-tt, none);
  padding: 0;
  margin: 0;
}

.txt-page-title {
  font-family: var(--txt-page-title-family);
  font-size: var(--txt-page-title-size);
  font-weight: var(--txt-page-title-weight);
  line-height: var(--txt-page-title-lh);
  letter-spacing: var(--txt-page-title-ls, 0);
  text-transform: var(--txt-page-title-tt, none);
  padding: 0;
  margin: 0;
}

.txt-section-title {
  font-family: var(--txt-section-title-family);
  font-size: var(--txt-section-title-size);
  font-weight: var(--txt-section-title-weight);
  line-height: var(--txt-section-title-lh);
  letter-spacing: var(--txt-section-title-ls, 0);
  text-transform: var(--txt-section-title-tt, none);
  padding: 0;
  margin: 0;
}

.txt-headline-large {
  font-family: var(--txt-headline-large-family);
  font-size: var(--txt-headline-large-size);
  font-weight: var(--txt-headline-large-weight);
  line-height: var(--txt-headline-large-lh);
  letter-spacing: var(--txt-headline-large-ls, 0);
  text-transform: var(--txt-headline-large-tt, none);
  padding: 0;
  margin: 0;
}

.txt-headline-small {
  font-family: var(--txt-headline-small-family);
  font-size: var(--txt-headline-small-size);
  font-weight: var(--txt-headline-small-weight);
  line-height: var(--txt-headline-small-lh);
  letter-spacing: var(--txt-headline-small-ls, 0);
  text-transform: var(--txt-headline-small-tt, none);
  padding: 0;
  margin: 0;
}

.txt-subhead {
  font-family: var(--txt-subhead-family);
  font-size: var(--txt-subhead-size);
  font-weight: var(--txt-subhead-weight);
  line-height: var(--txt-subhead-lh);
  letter-spacing: var(--txt-subhead-ls, 0);
  text-transform: var(--txt-subhead-tt, none);
  padding: 0;
  margin: 0;
}

.txt-subhead-small {
  font-family: var(--txt-subhead-small-family);
  font-size: var(--txt-subhead-small-size);
  font-weight: var(--txt-subhead-small-weight);
  line-height: var(--txt-subhead-small-lh);
  letter-spacing: var(--txt-subhead-small-ls, 0);
  text-transform: var(--txt-subhead-small-tt, none);
  padding: 0;
  margin: 0;
}

.txt-mini-header {
  font-family: var(--txt-mini-header-family);
  font-size: var(--txt-mini-header-size);
  font-weight: var(--txt-mini-header-weight);
  line-height: var(--txt-mini-header-lh);
  letter-spacing: var(--txt-mini-header-ls, 0);
  text-transform: var(--txt-mini-header-tt, none);
  padding: 0;
  margin: 0;
}

.txt-mini-header-small {
  font-family: var(--txt-mini-header-small-family);
  font-size: var(--txt-mini-header-small-size);
  font-weight: var(--txt-mini-header-small-weight);
  line-height: var(--txt-mini-header-small-lh);
  letter-spacing: var(--txt-mini-header-small-ls, 0);
  text-transform: var(--txt-mini-header-small-tt, none);
  padding: 0;
  margin: 0;
}

.txt-body-lead {
  font-family: var(--txt-body-lead-family);
  font-size: var(--txt-body-lead-size);
  font-weight: var(--txt-body-lead-weight);
  line-height: var(--txt-body-lead-lh);
  letter-spacing: var(--txt-body-lead-ls, 0);
  text-transform: var(--txt-body-lead-tt, none);
  padding: 0;
  margin: 0;
}

.txt-body-lead-bold {
  font-family: var(--txt-body-lead-bold-family);
  font-size: var(--txt-body-lead-bold-size);
  font-weight: var(--txt-body-lead-bold-weight);
  line-height: var(--txt-body-lead-bold-lh);
  letter-spacing: var(--txt-body-lead-bold-ls, 0);
  text-transform: var(--txt-body-lead-bold-tt, none);
  padding: 0;
  margin: 0;
}

.txt-body {
  font-family: var(--txt-body-family);
  font-size: var(--txt-body-size);
  font-weight: var(--txt-body-weight);
  line-height: var(--txt-body-lh);
  letter-spacing: var(--txt-body-ls, 0);
  text-transform: var(--txt-body-tt, none);
  padding: 0;
  margin: 0;
}
.txt-body strong,
.txt-body b {
  font-weight: 700;
}

.txt-body-bold {
  font-family: var(--txt-body-bold-family);
  font-size: var(--txt-body-bold-size);
  font-weight: var(--txt-body-bold-weight);
  line-height: var(--txt-body-bold-lh);
  letter-spacing: var(--txt-body-bold-ls, 0);
  text-transform: var(--txt-body-bold-tt, none);
  padding: 0;
  margin: 0;
}
.txt-body-bold strong,
.txt-body-bold b {
  font-weight: 700;
}

.txt-body-small {
  font-family: var(--txt-body-small-family);
  font-size: var(--txt-body-small-size);
  font-weight: var(--txt-body-small-weight);
  line-height: var(--txt-body-small-lh);
  letter-spacing: var(--txt-body-small-ls, 0);
  text-transform: var(--txt-body-small-tt, none);
  padding: 0;
  margin: 0;
}
.txt-body-small strong,
.txt-body-small b {
  font-weight: 500;
}

.txt-body-small-medium {
  font-family: var(--txt-body-small-medium-family);
  font-size: var(--txt-body-small-medium-size);
  font-weight: var(--txt-body-small-medium-weight);
  line-height: var(--txt-body-small-medium-lh);
  letter-spacing: var(--txt-body-small-medium-ls, 0);
  text-transform: var(--txt-body-small-medium-tt, none);
  padding: 0;
  margin: 0;
}

.txt-code {
  font-family: var(--txt-code-family);
  font-size: var(--txt-code-size);
  font-weight: var(--txt-code-weight);
  line-height: var(--txt-code-lh);
  letter-spacing: var(--txt-code-ls, 0);
  text-transform: var(--txt-code-tt, none);
  padding: 0;
  margin: 0;
}

.code-wrap {
  background: var(--color-space);
  border: 0.0625rem solid color-mix(in srgb, var(--neutral-1), transparent 90%);
  border-radius: 0.375rem;
  box-sizing: border-box;
  color: var(--color-white);
  display: inline-block;
  font-family: var(--txt-code-family), monospace;
  font-size: var(--txt-code-size);
  line-height: var(--txt-code-lh);
  padding: 0.1875rem 0.375rem;
  position: relative;
}
.code-wrap.code-block {
  display: block;
  padding: 0.375rem 0.75rem;
  width: 100%;
}

@media (max-width: 8640px) {
  .txt-line-clamp-1 {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .txt-line-clamp-2 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .txt-line-clamp-3 {
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .txt-line-clamp-4 {
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
  .txt-line-clamp-5 {
    -webkit-line-clamp: 5;
    line-clamp: 5;
  }
  .txt-line-clamp-6 {
    -webkit-line-clamp: 6;
    line-clamp: 6;
  }
  .txt-line-clamp-7 {
    -webkit-line-clamp: 7;
    line-clamp: 7;
  }
  .txt-line-clamp-8 {
    -webkit-line-clamp: 8;
    line-clamp: 8;
  }
  .txt-line-clamp-9 {
    -webkit-line-clamp: 9;
    line-clamp: 9;
  }
  .txt-line-clamp-10 {
    -webkit-line-clamp: 10;
    line-clamp: 10;
  }
  .txt-left {
    text-align: left;
  }
  .hover\:txt-left:hover {
    text-align: left;
  }
  .txt-center {
    text-align: center;
  }
  .hover\:txt-center:hover {
    text-align: center;
  }
  .txt-right {
    text-align: right;
  }
  .hover\:txt-right:hover {
    text-align: right;
  }
  .white-space-nowrap {
    white-space: nowrap;
  }
  .hover\:white-space-nowrap:hover {
    white-space: nowrap;
  }
  .white-space-initial {
    white-space: initial;
  }
  .hover\:white-space-initial:hover {
    white-space: initial;
  }
  .txt-break-all {
    word-break: break-all;
  }
  .txt-keep-all {
    word-break: keep-all;
  }
  .txt-normal {
    word-break: normal;
  }
  .txt-overflow-wrap-normal {
    overflow-wrap: normal;
  }
  .txt-overflow-wrap-break-word {
    overflow-wrap: break-word;
  }
  .txt-overflow-wrap-anywhere {
    overflow-wrap: anywhere;
  }
  .txt-overflow-ellipsis {
    text-overflow: ellipsis;
  }
  .hover\:txt-overflow-ellipsis:hover {
    text-overflow: ellipsis;
  }
  .txt-uppercase {
    text-transform: uppercase;
  }
  .hover\:txt-uppercase:hover {
    text-transform: uppercase;
  }
  .txt-lowercase {
    text-transform: lowercase;
  }
  .hover\:txt-lowercase:hover {
    text-transform: lowercase;
  }
  .txt-capitalize {
    text-transform: capitalize;
  }
  .hover\:txt-capitalize:hover {
    text-transform: capitalize;
  }
  .txt-transform-none {
    text-transform: none;
  }
  .hover\:txt-transform-none:hover {
    text-transform: none;
  }
  .txt-transform-initial {
    text-transform: initial;
  }
  .hover\:txt-transform-initial:hover {
    text-transform: initial;
  }
}
@media (max-width: 1024px) {
  .tablet\:txt-line-clamp-1 {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .tablet\:txt-line-clamp-2 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .tablet\:txt-line-clamp-3 {
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .tablet\:txt-line-clamp-4 {
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
  .tablet\:txt-line-clamp-5 {
    -webkit-line-clamp: 5;
    line-clamp: 5;
  }
  .tablet\:txt-line-clamp-6 {
    -webkit-line-clamp: 6;
    line-clamp: 6;
  }
  .tablet\:txt-line-clamp-7 {
    -webkit-line-clamp: 7;
    line-clamp: 7;
  }
  .tablet\:txt-line-clamp-8 {
    -webkit-line-clamp: 8;
    line-clamp: 8;
  }
  .tablet\:txt-line-clamp-9 {
    -webkit-line-clamp: 9;
    line-clamp: 9;
  }
  .tablet\:txt-line-clamp-10 {
    -webkit-line-clamp: 10;
    line-clamp: 10;
  }
  .tablet\:txt-left {
    text-align: left;
  }
  .tablet\:hover\:txt-left:hover {
    text-align: left;
  }
  .tablet\:txt-center {
    text-align: center;
  }
  .tablet\:hover\:txt-center:hover {
    text-align: center;
  }
  .tablet\:txt-right {
    text-align: right;
  }
  .tablet\:hover\:txt-right:hover {
    text-align: right;
  }
  .tablet\:white-space-nowrap {
    white-space: nowrap;
  }
  .tablet\:hover\:white-space-nowrap:hover {
    white-space: nowrap;
  }
  .tablet\:white-space-initial {
    white-space: initial;
  }
  .tablet\:hover\:white-space-initial:hover {
    white-space: initial;
  }
  .tablet\:txt-break-all {
    word-break: break-all;
  }
  .tablet\:txt-keep-all {
    word-break: keep-all;
  }
  .tablet\:txt-normal {
    word-break: normal;
  }
  .tablet\:txt-overflow-wrap-normal {
    overflow-wrap: normal;
  }
  .tablet\:txt-overflow-wrap-break-word {
    overflow-wrap: break-word;
  }
  .tablet\:txt-overflow-wrap-anywhere {
    overflow-wrap: anywhere;
  }
  .tablet\:txt-overflow-ellipsis {
    text-overflow: ellipsis;
  }
  .tablet\:hover\:txt-overflow-ellipsis:hover {
    text-overflow: ellipsis;
  }
  .tablet\:txt-uppercase {
    text-transform: uppercase;
  }
  .tablet\:hover\:txt-uppercase:hover {
    text-transform: uppercase;
  }
  .tablet\:txt-lowercase {
    text-transform: lowercase;
  }
  .tablet\:hover\:txt-lowercase:hover {
    text-transform: lowercase;
  }
  .tablet\:txt-capitalize {
    text-transform: capitalize;
  }
  .tablet\:hover\:txt-capitalize:hover {
    text-transform: capitalize;
  }
  .tablet\:txt-transform-none {
    text-transform: none;
  }
  .tablet\:hover\:txt-transform-none:hover {
    text-transform: none;
  }
  .tablet\:txt-transform-initial {
    text-transform: initial;
  }
  .tablet\:hover\:txt-transform-initial:hover {
    text-transform: initial;
  }
}
@media (max-width: 768px) {
  .mobile\:txt-line-clamp-1 {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  .mobile\:txt-line-clamp-2 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  .mobile\:txt-line-clamp-3 {
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }
  .mobile\:txt-line-clamp-4 {
    -webkit-line-clamp: 4;
    line-clamp: 4;
  }
  .mobile\:txt-line-clamp-5 {
    -webkit-line-clamp: 5;
    line-clamp: 5;
  }
  .mobile\:txt-line-clamp-6 {
    -webkit-line-clamp: 6;
    line-clamp: 6;
  }
  .mobile\:txt-line-clamp-7 {
    -webkit-line-clamp: 7;
    line-clamp: 7;
  }
  .mobile\:txt-line-clamp-8 {
    -webkit-line-clamp: 8;
    line-clamp: 8;
  }
  .mobile\:txt-line-clamp-9 {
    -webkit-line-clamp: 9;
    line-clamp: 9;
  }
  .mobile\:txt-line-clamp-10 {
    -webkit-line-clamp: 10;
    line-clamp: 10;
  }
  .mobile\:txt-left {
    text-align: left;
  }
  .mobile\:hover\:txt-left:hover {
    text-align: left;
  }
  .mobile\:txt-center {
    text-align: center;
  }
  .mobile\:hover\:txt-center:hover {
    text-align: center;
  }
  .mobile\:txt-right {
    text-align: right;
  }
  .mobile\:hover\:txt-right:hover {
    text-align: right;
  }
  .mobile\:white-space-nowrap {
    white-space: nowrap;
  }
  .mobile\:hover\:white-space-nowrap:hover {
    white-space: nowrap;
  }
  .mobile\:white-space-initial {
    white-space: initial;
  }
  .mobile\:hover\:white-space-initial:hover {
    white-space: initial;
  }
  .mobile\:txt-break-all {
    word-break: break-all;
  }
  .mobile\:txt-keep-all {
    word-break: keep-all;
  }
  .mobile\:txt-normal {
    word-break: normal;
  }
  .mobile\:txt-overflow-wrap-normal {
    overflow-wrap: normal;
  }
  .mobile\:txt-overflow-wrap-break-word {
    overflow-wrap: break-word;
  }
  .mobile\:txt-overflow-wrap-anywhere {
    overflow-wrap: anywhere;
  }
  .mobile\:txt-overflow-ellipsis {
    text-overflow: ellipsis;
  }
  .mobile\:hover\:txt-overflow-ellipsis:hover {
    text-overflow: ellipsis;
  }
  .mobile\:txt-uppercase {
    text-transform: uppercase;
  }
  .mobile\:hover\:txt-uppercase:hover {
    text-transform: uppercase;
  }
  .mobile\:txt-lowercase {
    text-transform: lowercase;
  }
  .mobile\:hover\:txt-lowercase:hover {
    text-transform: lowercase;
  }
  .mobile\:txt-capitalize {
    text-transform: capitalize;
  }
  .mobile\:hover\:txt-capitalize:hover {
    text-transform: capitalize;
  }
  .mobile\:txt-transform-none {
    text-transform: none;
  }
  .mobile\:hover\:txt-transform-none:hover {
    text-transform: none;
  }
  .mobile\:txt-transform-initial {
    text-transform: initial;
  }
  .mobile\:hover\:txt-transform-initial:hover {
    text-transform: initial;
  }
}
.txt-decoration-style-dashed {
  text-decoration-style: dashed;
}

.txt-decoration-style-dotted {
  text-decoration-style: dotted;
}

.txt-decoration-style-double {
  text-decoration-style: double;
}

.txt-decoration-style-wavy {
  text-decoration-style: wavy;
}

.txt-decoration-style-solid {
  text-decoration-style: solid;
}

.txt-decoration-style-none {
  text-decoration-style: none;
}

.txt-decoration-none {
  text-decoration: none;
}

.group:hover .group-hover\:txt-decoration-none {
  text-decoration: none;
}

.hover\:txt-decoration-none:hover {
  text-decoration: none;
}

.hover\:link-decoration-underline a:hover, .group:hover .group-hover\:link-decoration-underline a, .link-decoration-underline a, .hover\:txt-decoration-underline:hover, .group:hover .group-hover\:txt-decoration-underline, .txt-decoration-underline {
  text-decoration: underline;
  text-underline-offset: var(--padding-slim);
  text-decoration-thickness: var(--padding-hairline);
}

.link-stretched,
.button.link-stretched {
  position: unset;
}
.link-stretched::before,
.button.link-stretched::before {
  content: "";
  position: absolute;
  inset: 0;
}

.link:not(.button),
.jumplink:not(.button) {
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: var(--padding-slim);
  text-decoration-thickness: var(--padding-hairline);
  font-weight: 600;
  color: var(--action);
}
.link:not(.button).default,
.jumplink:not(.button).default {
  color: var(--action);
}
.link:not(.button).default:hover, .link:not(.button).default:focus,
.jumplink:not(.button).default:hover,
.jumplink:not(.button).default:focus {
  color: var(--action-secondary);
}
.link:not(.button):hover,
.jumplink:not(.button):hover {
  color: var(--action-tertiary);
}

.link-arrow,
.link.link-arrow {
  text-decoration: none;
}
.link-arrow::after,
.link.link-arrow::after {
  color: var(--action);
  content: "\e905";
  display: inline-block;
  margin-left: var(--padding-extra-small);
  font-family: brandui-icons;
  transition: transform var(--transition-fast);
  width: var(--padding-small);
  vertical-align: middle;
}
.link-arrow:hover, .link-arrow:focus,
.link.link-arrow:hover,
.link.link-arrow:focus {
  color: var(--action-tertiary);
}
.link-arrow:hover::after, .link-arrow:focus::after,
.link.link-arrow:hover::after,
.link.link-arrow:focus::after {
  color: var(--action-tertiary);
  transform: translateX(-0.25rem);
}

.link-decoration-none {
  text-decoration: none;
}
.link-decoration-none:hover, .link-decoration-none:focus {
  text-decoration: underline;
}

.links a:not(.button),
.jumplinks a:not(.button) {
  text-decoration: underline;
  text-underline-offset: var(--padding-slim);
  text-decoration-thickness: var(--padding-hairline);
  font-weight: 600;
}
.links a:not(.button):hover, .links a:not(.button):focus,
.jumplinks a:not(.button):hover,
.jumplinks a:not(.button):focus {
  color: var(--action-tertiary);
}
.links.default,
.jumplinks.default {
  color: var(--action);
}
.links.default:hover,
.jumplinks.default:hover {
  color: var(--action-secondary);
}
.links-decoration-none a:not(.button),
.jumplinks-decoration-none a:not(.button) {
  text-decoration: none;
}
.links-decoration-none a:not(.button):hover, .links-decoration-none a:not(.button):focus,
.jumplinks-decoration-none a:not(.button):hover,
.jumplinks-decoration-none a:not(.button):focus {
  text-decoration: underline;
  text-underline-offset: var(--padding-slim);
  text-decoration-thickness: var(--padding-hairline);
  font-weight: 600;
  color: var(--action-tertiary);
}
.links.dark a:not(.button):hover, .links.dark a:not(.button):focus,
.jumplinks.dark a:not(.button):hover,
.jumplinks.dark a:not(.button):focus {
  color: var(--action);
}

.jumplink:not(.button),
.jumplinks a:not(.button) {
  max-width: max-content;
  max-height: max-content;
  text-decoration: none;
  color: var(--action);
}
.jumplink:not(.button)::after,
.jumplinks a:not(.button)::after {
  transform: translateY(var(--padding-thin));
  font-family: brandui-icons;
  font-size: var(--padding-medium);
  display: none;
  content: "\e918";
}
.jumplink:not(.button):hover,
.jumplinks a:not(.button):hover {
  text-decoration: underline;
  text-decoration-style: dotted;
  color: var(--action-tertiary);
}
.jumplink:not(.button):hover::after,
.jumplinks a:not(.button):hover::after {
  display: inline-block;
}

.decoration-bg {
  pointer-events: none;
}
.decoration-bg.dot-wave {
  position: absolute;
  inset: 0;
  background-size: contain;
  mix-blend-mode: screen;
  z-index: -1;
  padding-bottom: 28rem;
}
.decoration-bg.dot-wave-1 {
  background: transparent url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/decorations/decoration-bg-dot-wave.svg") center no-repeat;
}
.decoration-bg.dot-wave-1.dot-wave-center-right {
  top: 20rem;
  right: -50rem;
  scale: 1;
  transform: rotateY(180deg);
}
.decoration-bg.dot-wave-1.dot-wave-center-middle {
  top: 33rem;
  right: -2rem;
  scale: 1.25;
  transform: rotateY(180deg);
}
.decoration-bg.dot-wave-2 {
  background: transparent url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/decorations/decoration-bg-dot-wave-2.svg") center no-repeat;
}
.decoration-bg.dot-wave-3 {
  background: transparent url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/decorations/decoration-bg-dot-wave-3.svg") center no-repeat;
}
.decoration-bg.dot-wave-3.dot-wave-bottom-right {
  bottom: -10rem;
  right: -40rem;
  transform: rotate(180deg);
}
.decoration-bg.dot-wave-top-right {
  top: 0;
  right: -40rem;
}
.decoration-bg.dot-wave-top-right-high {
  top: -75rem;
  right: -60rem;
  transform: rotate(180deg);
}
@media (max-width: 1024px) {
  .decoration-bg.dot-wave-top-right-high {
    top: -60rem;
    right: -13rem;
  }
}
@media (max-width: 768px) {
  .decoration-bg.dot-wave-top-right-high {
    top: -40rem;
    right: -10rem;
  }
}
.decoration-bg.dot-wave-bottom-right {
  bottom: -10rem;
  right: -40rem;
}
.decoration-bg.dot-wave-top-left {
  top: -20rem;
  left: -50rem;
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .decoration-bg.dot-wave-top-left {
    top: -30rem;
  }
}
.decoration-bg.dot-wave-top-left-high {
  top: -75rem;
  left: -60rem;
  transform: rotate(180deg);
}
@media (max-width: 1024px) {
  .decoration-bg.dot-wave-top-left-high {
    top: -60rem;
    left: -13rem;
  }
}
@media (max-width: 768px) {
  .decoration-bg.dot-wave-top-left-high {
    top: -40rem;
    left: -10rem;
  }
}
.decoration-bg.dot-wave-bottom-left {
  bottom: -5rem;
  left: -40rem;
}
.decoration-bg.dot-wave-center-right {
  top: 30rem;
  right: -26rem;
}

.wide-wrapper,
.wide-container,
.content-block,
.brandui-section,
.brandui-container {
  z-index: 0;
  position: relative;
}

.wide-wrapper,
.wide-container,
.wide-container-max,
.wide-wrapper-outer-content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.wide-container-max {
  max-width: 2560px;
}

.wide-wrapper-outer-content {
  width: calc(100vw - 2.25rem);
}

.content-block {
  max-width: calc(var(--content-max) / 12 * 12);
  width: calc(100vw - var(--padding-huge));
  margin-right: auto;
  margin-left: auto;
}
@media (width <= 580px) {
  .content-block {
    width: calc(100vw - var(--padding-extra-large));
  }
}

.brandui-section {
  margin: var(--padding-huge) 0;
  padding: 0 var(--padding-huge) var(--padding-extra-large);
  display: block;
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.brandui-section .section-intro, .brandui-section .section-intro-left-aligned {
  max-width: calc(1440px / 12 * 6);
  margin: auto;
  margin-bottom: var(--padding-huge);
  display: flex;
  flex-direction: column;
  gap: var(--padding-medium);
  align-items: center;
  text-align: center;
}
.brandui-section .section-intro.solo-title, .brandui-section .solo-title.section-intro-left-aligned {
  margin-bottom: var(--padding-large);
}
.brandui-section .section-intro-left-aligned {
  align-items: start;
  text-align: left;
  margin: 0;
  margin-bottom: var(--padding-huge);
  max-width: calc(1440px / 12 * 8);
}
@media (max-width: 1024px) {
  .brandui-section {
    padding: 0 var(--padding-extra-large) var(--padding-medium);
  }
}
@media (max-width: 768px) {
  .brandui-section {
    padding: 0 var(--padding-large) var(--padding-small);
  }
}

.brandui-container {
  max-width: var(--content-max);
  margin-left: auto;
  margin-right: auto;
}

.brandui-backdrop {
  background: color-mix(in srgb, var(--ui-accent), transparent 10%);
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  inset: 0;
  z-index: 100;
}

@media (max-width: 8640px) {
  .border-box {
    box-sizing: border-box;
  }
  .content-box {
    box-sizing: content-box;
  }
  .-z-100 {
    z-index: -100;
  }
  .-z-99 {
    z-index: -99;
  }
  .-z-98 {
    z-index: -98;
  }
  .-z-97 {
    z-index: -97;
  }
  .-z-96 {
    z-index: -96;
  }
  .-z-95 {
    z-index: -95;
  }
  .-z-94 {
    z-index: -94;
  }
  .-z-93 {
    z-index: -93;
  }
  .-z-92 {
    z-index: -92;
  }
  .-z-91 {
    z-index: -91;
  }
  .-z-90 {
    z-index: -90;
  }
  .-z-89 {
    z-index: -89;
  }
  .-z-88 {
    z-index: -88;
  }
  .-z-87 {
    z-index: -87;
  }
  .-z-86 {
    z-index: -86;
  }
  .-z-85 {
    z-index: -85;
  }
  .-z-84 {
    z-index: -84;
  }
  .-z-83 {
    z-index: -83;
  }
  .-z-82 {
    z-index: -82;
  }
  .-z-81 {
    z-index: -81;
  }
  .-z-80 {
    z-index: -80;
  }
  .-z-79 {
    z-index: -79;
  }
  .-z-78 {
    z-index: -78;
  }
  .-z-77 {
    z-index: -77;
  }
  .-z-76 {
    z-index: -76;
  }
  .-z-75 {
    z-index: -75;
  }
  .-z-74 {
    z-index: -74;
  }
  .-z-73 {
    z-index: -73;
  }
  .-z-72 {
    z-index: -72;
  }
  .-z-71 {
    z-index: -71;
  }
  .-z-70 {
    z-index: -70;
  }
  .-z-69 {
    z-index: -69;
  }
  .-z-68 {
    z-index: -68;
  }
  .-z-67 {
    z-index: -67;
  }
  .-z-66 {
    z-index: -66;
  }
  .-z-65 {
    z-index: -65;
  }
  .-z-64 {
    z-index: -64;
  }
  .-z-63 {
    z-index: -63;
  }
  .-z-62 {
    z-index: -62;
  }
  .-z-61 {
    z-index: -61;
  }
  .-z-60 {
    z-index: -60;
  }
  .-z-59 {
    z-index: -59;
  }
  .-z-58 {
    z-index: -58;
  }
  .-z-57 {
    z-index: -57;
  }
  .-z-56 {
    z-index: -56;
  }
  .-z-55 {
    z-index: -55;
  }
  .-z-54 {
    z-index: -54;
  }
  .-z-53 {
    z-index: -53;
  }
  .-z-52 {
    z-index: -52;
  }
  .-z-51 {
    z-index: -51;
  }
  .-z-50 {
    z-index: -50;
  }
  .-z-49 {
    z-index: -49;
  }
  .-z-48 {
    z-index: -48;
  }
  .-z-47 {
    z-index: -47;
  }
  .-z-46 {
    z-index: -46;
  }
  .-z-45 {
    z-index: -45;
  }
  .-z-44 {
    z-index: -44;
  }
  .-z-43 {
    z-index: -43;
  }
  .-z-42 {
    z-index: -42;
  }
  .-z-41 {
    z-index: -41;
  }
  .-z-40 {
    z-index: -40;
  }
  .-z-39 {
    z-index: -39;
  }
  .-z-38 {
    z-index: -38;
  }
  .-z-37 {
    z-index: -37;
  }
  .-z-36 {
    z-index: -36;
  }
  .-z-35 {
    z-index: -35;
  }
  .-z-34 {
    z-index: -34;
  }
  .-z-33 {
    z-index: -33;
  }
  .-z-32 {
    z-index: -32;
  }
  .-z-31 {
    z-index: -31;
  }
  .-z-30 {
    z-index: -30;
  }
  .-z-29 {
    z-index: -29;
  }
  .-z-28 {
    z-index: -28;
  }
  .-z-27 {
    z-index: -27;
  }
  .-z-26 {
    z-index: -26;
  }
  .-z-25 {
    z-index: -25;
  }
  .-z-24 {
    z-index: -24;
  }
  .-z-23 {
    z-index: -23;
  }
  .-z-22 {
    z-index: -22;
  }
  .-z-21 {
    z-index: -21;
  }
  .-z-20 {
    z-index: -20;
  }
  .-z-19 {
    z-index: -19;
  }
  .-z-18 {
    z-index: -18;
  }
  .-z-17 {
    z-index: -17;
  }
  .-z-16 {
    z-index: -16;
  }
  .-z-15 {
    z-index: -15;
  }
  .-z-14 {
    z-index: -14;
  }
  .-z-13 {
    z-index: -13;
  }
  .-z-12 {
    z-index: -12;
  }
  .-z-11 {
    z-index: -11;
  }
  .-z-10 {
    z-index: -10;
  }
  .-z-9 {
    z-index: -9;
  }
  .-z-8 {
    z-index: -8;
  }
  .-z-7 {
    z-index: -7;
  }
  .-z-6 {
    z-index: -6;
  }
  .-z-5 {
    z-index: -5;
  }
  .-z-4 {
    z-index: -4;
  }
  .-z-3 {
    z-index: -3;
  }
  .-z-2 {
    z-index: -2;
  }
  .-z-1 {
    z-index: -1;
  }
  .z-0 {
    z-index: 0;
  }
  .z-1 {
    z-index: 1;
  }
  .z-2 {
    z-index: 2;
  }
  .z-3 {
    z-index: 3;
  }
  .z-4 {
    z-index: 4;
  }
  .z-5 {
    z-index: 5;
  }
  .z-6 {
    z-index: 6;
  }
  .z-7 {
    z-index: 7;
  }
  .z-8 {
    z-index: 8;
  }
  .z-9 {
    z-index: 9;
  }
  .z-10 {
    z-index: 10;
  }
  .z-11 {
    z-index: 11;
  }
  .z-12 {
    z-index: 12;
  }
  .z-13 {
    z-index: 13;
  }
  .z-14 {
    z-index: 14;
  }
  .z-15 {
    z-index: 15;
  }
  .z-16 {
    z-index: 16;
  }
  .z-17 {
    z-index: 17;
  }
  .z-18 {
    z-index: 18;
  }
  .z-19 {
    z-index: 19;
  }
  .z-20 {
    z-index: 20;
  }
  .z-21 {
    z-index: 21;
  }
  .z-22 {
    z-index: 22;
  }
  .z-23 {
    z-index: 23;
  }
  .z-24 {
    z-index: 24;
  }
  .z-25 {
    z-index: 25;
  }
  .z-26 {
    z-index: 26;
  }
  .z-27 {
    z-index: 27;
  }
  .z-28 {
    z-index: 28;
  }
  .z-29 {
    z-index: 29;
  }
  .z-30 {
    z-index: 30;
  }
  .z-31 {
    z-index: 31;
  }
  .z-32 {
    z-index: 32;
  }
  .z-33 {
    z-index: 33;
  }
  .z-34 {
    z-index: 34;
  }
  .z-35 {
    z-index: 35;
  }
  .z-36 {
    z-index: 36;
  }
  .z-37 {
    z-index: 37;
  }
  .z-38 {
    z-index: 38;
  }
  .z-39 {
    z-index: 39;
  }
  .z-40 {
    z-index: 40;
  }
  .z-41 {
    z-index: 41;
  }
  .z-42 {
    z-index: 42;
  }
  .z-43 {
    z-index: 43;
  }
  .z-44 {
    z-index: 44;
  }
  .z-45 {
    z-index: 45;
  }
  .z-46 {
    z-index: 46;
  }
  .z-47 {
    z-index: 47;
  }
  .z-48 {
    z-index: 48;
  }
  .z-49 {
    z-index: 49;
  }
  .z-50 {
    z-index: 50;
  }
  .z-51 {
    z-index: 51;
  }
  .z-52 {
    z-index: 52;
  }
  .z-53 {
    z-index: 53;
  }
  .z-54 {
    z-index: 54;
  }
  .z-55 {
    z-index: 55;
  }
  .z-56 {
    z-index: 56;
  }
  .z-57 {
    z-index: 57;
  }
  .z-58 {
    z-index: 58;
  }
  .z-59 {
    z-index: 59;
  }
  .z-60 {
    z-index: 60;
  }
  .z-61 {
    z-index: 61;
  }
  .z-62 {
    z-index: 62;
  }
  .z-63 {
    z-index: 63;
  }
  .z-64 {
    z-index: 64;
  }
  .z-65 {
    z-index: 65;
  }
  .z-66 {
    z-index: 66;
  }
  .z-67 {
    z-index: 67;
  }
  .z-68 {
    z-index: 68;
  }
  .z-69 {
    z-index: 69;
  }
  .z-70 {
    z-index: 70;
  }
  .z-71 {
    z-index: 71;
  }
  .z-72 {
    z-index: 72;
  }
  .z-73 {
    z-index: 73;
  }
  .z-74 {
    z-index: 74;
  }
  .z-75 {
    z-index: 75;
  }
  .z-76 {
    z-index: 76;
  }
  .z-77 {
    z-index: 77;
  }
  .z-78 {
    z-index: 78;
  }
  .z-79 {
    z-index: 79;
  }
  .z-80 {
    z-index: 80;
  }
  .z-81 {
    z-index: 81;
  }
  .z-82 {
    z-index: 82;
  }
  .z-83 {
    z-index: 83;
  }
  .z-84 {
    z-index: 84;
  }
  .z-85 {
    z-index: 85;
  }
  .z-86 {
    z-index: 86;
  }
  .z-87 {
    z-index: 87;
  }
  .z-88 {
    z-index: 88;
  }
  .z-89 {
    z-index: 89;
  }
  .z-90 {
    z-index: 90;
  }
  .z-91 {
    z-index: 91;
  }
  .z-92 {
    z-index: 92;
  }
  .z-93 {
    z-index: 93;
  }
  .z-94 {
    z-index: 94;
  }
  .z-95 {
    z-index: 95;
  }
  .z-96 {
    z-index: 96;
  }
  .z-97 {
    z-index: 97;
  }
  .z-98 {
    z-index: 98;
  }
  .z-99 {
    z-index: 99;
  }
  .z-100 {
    z-index: 100;
  }
  .inset,
  .inset-0 {
    inset: 0;
  }
  .top-0 {
    top: 0;
  }
  .right-0 {
    right: 0;
  }
  .bottom-0 {
    bottom: 0;
  }
  .left-0 {
    left: 0;
  }
  .top-none {
    top: var(--padding-none);
  }
  .right-none {
    right: var(--padding-none);
  }
  .bottom-none {
    bottom: var(--padding-none);
  }
  .left-none {
    left: var(--padding-none);
  }
  .top-hairline {
    top: var(--padding-hairline);
  }
  .right-hairline {
    right: var(--padding-hairline);
  }
  .bottom-hairline {
    bottom: var(--padding-hairline);
  }
  .left-hairline {
    left: var(--padding-hairline);
  }
  .top-thin {
    top: var(--padding-thin);
  }
  .right-thin {
    right: var(--padding-thin);
  }
  .bottom-thin {
    bottom: var(--padding-thin);
  }
  .left-thin {
    left: var(--padding-thin);
  }
  .top-slim {
    top: var(--padding-slim);
  }
  .right-slim {
    right: var(--padding-slim);
  }
  .bottom-slim {
    bottom: var(--padding-slim);
  }
  .left-slim {
    left: var(--padding-slim);
  }
  .top-extra-small {
    top: var(--padding-extra-small);
  }
  .right-extra-small {
    right: var(--padding-extra-small);
  }
  .bottom-extra-small {
    bottom: var(--padding-extra-small);
  }
  .left-extra-small {
    left: var(--padding-extra-small);
  }
  .top-small {
    top: var(--padding-small);
  }
  .right-small {
    right: var(--padding-small);
  }
  .bottom-small {
    bottom: var(--padding-small);
  }
  .left-small {
    left: var(--padding-small);
  }
  .top-medium {
    top: var(--padding-medium);
  }
  .right-medium {
    right: var(--padding-medium);
  }
  .bottom-medium {
    bottom: var(--padding-medium);
  }
  .left-medium {
    left: var(--padding-medium);
  }
  .top-large {
    top: var(--padding-large);
  }
  .right-large {
    right: var(--padding-large);
  }
  .bottom-large {
    bottom: var(--padding-large);
  }
  .left-large {
    left: var(--padding-large);
  }
  .top-extra-large {
    top: var(--padding-extra-large);
  }
  .right-extra-large {
    right: var(--padding-extra-large);
  }
  .bottom-extra-large {
    bottom: var(--padding-extra-large);
  }
  .left-extra-large {
    left: var(--padding-extra-large);
  }
  .top-huge {
    top: var(--padding-huge);
  }
  .right-huge {
    right: var(--padding-huge);
  }
  .bottom-huge {
    bottom: var(--padding-huge);
  }
  .left-huge {
    left: var(--padding-huge);
  }
  .d-none,
  .hover\:d-none:hover,
  .focus\:d-none:focus,
  .focus-within\:d-none:focus-within,
  .group:hover .group-hover\:d-none {
    display: none;
  }
  .d-block,
  .hover\:d-block:hover,
  .focus\:d-block:focus,
  .focus-within\:d-block:focus-within,
  .group:hover .group-hover\:d-block {
    display: block;
  }
  .d-inline-block,
  .hover\:d-inline-block:hover,
  .focus\:d-inline-block:focus,
  .focus-within\:d-inline-block:focus-within,
  .group:hover .group-hover\:d-inline-block {
    display: inline-block;
  }
  .d-flex,
  .hover\:d-flex:hover,
  .focus\:d-flex:focus,
  .focus-within\:d-flex:focus-within,
  .group:hover .group-hover\:d-flex {
    display: flex;
  }
  .d-inline-flex,
  .hover\:d-inline-flex:hover,
  .focus\:d-inline-flex:focus,
  .focus-within\:d-inline-flex:focus-within,
  .group:hover .group-hover\:d-inline-flex {
    display: inline-flex;
  }
  .d-grid,
  .hover\:d-grid:hover,
  .focus\:d-grid:focus,
  .focus-within\:d-grid:focus-within,
  .group:hover .group-hover\:d-grid {
    display: grid;
  }
  .d-inline-grid,
  .hover\:d-inline-grid:hover,
  .focus\:d-inline-grid:focus,
  .focus-within\:d-inline-grid:focus-within,
  .group:hover .group-hover\:d-inline-grid {
    display: inline-grid;
  }
  .p-static,
  .hover\:p-static:hover,
  .focus\:p-static:focus,
  .focus-within\:p-static:focus-within,
  .group:hover .group-hover\:p-static {
    position: static;
  }
  .p-fixed,
  .hover\:p-fixed:hover,
  .focus\:p-fixed:focus,
  .focus-within\:p-fixed:focus-within,
  .group:hover .group-hover\:p-fixed {
    position: fixed;
  }
  .p-absolute,
  .hover\:p-absolute:hover,
  .focus\:p-absolute:focus,
  .focus-within\:p-absolute:focus-within,
  .group:hover .group-hover\:p-absolute {
    position: absolute;
  }
  .p-relative,
  .hover\:p-relative:hover,
  .focus\:p-relative:focus,
  .focus-within\:p-relative:focus-within,
  .group:hover .group-hover\:p-relative {
    position: relative;
  }
  .p-sticky,
  .hover\:p-sticky:hover,
  .focus\:p-sticky:focus,
  .focus-within\:p-sticky:focus-within,
  .group:hover .group-hover\:p-sticky {
    position: sticky;
  }
  .overflow-hidden,
  .hover\:overflow-hidden:hover,
  .focus\:overflow-hidden:focus,
  .focus-within\:overflow-hidden:focus-within,
  .group:hover .group-hover\:overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-hidden,
  .hover\:overflow-x-hidden:hover,
  .focus\:overflow-x-hidden:focus,
  .focus-within\:overflow-x-hidden:focus-within,
  .group:hover .group-hover\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-hidden,
  .hover\:overflow-y-hidden:hover,
  .focus\:overflow-y-hidden:focus,
  .focus-within\:overflow-y-hidden:focus-within,
  .group:hover .group-hover\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .overflow-clip,
  .hover\:overflow-clip:hover,
  .focus\:overflow-clip:focus,
  .focus-within\:overflow-clip:focus-within,
  .group:hover .group-hover\:overflow-clip {
    overflow: clip;
  }
  .overflow-x-clip,
  .hover\:overflow-x-clip:hover,
  .focus\:overflow-x-clip:focus,
  .focus-within\:overflow-x-clip:focus-within,
  .group:hover .group-hover\:overflow-x-clip {
    overflow-x: clip;
  }
  .overflow-y-clip,
  .hover\:overflow-y-clip:hover,
  .focus\:overflow-y-clip:focus,
  .focus-within\:overflow-y-clip:focus-within,
  .group:hover .group-hover\:overflow-y-clip {
    overflow-y: clip;
  }
  .overflow-visible,
  .hover\:overflow-visible:hover,
  .focus\:overflow-visible:focus,
  .focus-within\:overflow-visible:focus-within,
  .group:hover .group-hover\:overflow-visible {
    overflow: visible;
  }
  .overflow-x-visible,
  .hover\:overflow-x-visible:hover,
  .focus\:overflow-x-visible:focus,
  .focus-within\:overflow-x-visible:focus-within,
  .group:hover .group-hover\:overflow-x-visible {
    overflow-x: visible;
  }
  .overflow-y-visible,
  .hover\:overflow-y-visible:hover,
  .focus\:overflow-y-visible:focus,
  .focus-within\:overflow-y-visible:focus-within,
  .group:hover .group-hover\:overflow-y-visible {
    overflow-y: visible;
  }
  .overflow-scroll,
  .hover\:overflow-scroll:hover,
  .focus\:overflow-scroll:focus,
  .focus-within\:overflow-scroll:focus-within,
  .group:hover .group-hover\:overflow-scroll {
    overflow: scroll;
  }
  .overflow-x-scroll,
  .hover\:overflow-x-scroll:hover,
  .focus\:overflow-x-scroll:focus,
  .focus-within\:overflow-x-scroll:focus-within,
  .group:hover .group-hover\:overflow-x-scroll {
    overflow-x: scroll;
  }
  .overflow-y-scroll,
  .hover\:overflow-y-scroll:hover,
  .focus\:overflow-y-scroll:focus,
  .focus-within\:overflow-y-scroll:focus-within,
  .group:hover .group-hover\:overflow-y-scroll {
    overflow-y: scroll;
  }
  .overflow-auto,
  .hover\:overflow-auto:hover,
  .focus\:overflow-auto:focus,
  .focus-within\:overflow-auto:focus-within,
  .group:hover .group-hover\:overflow-auto {
    overflow: auto;
  }
  .overflow-x-auto,
  .hover\:overflow-x-auto:hover,
  .focus\:overflow-x-auto:focus,
  .focus-within\:overflow-x-auto:focus-within,
  .group:hover .group-hover\:overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto,
  .hover\:overflow-y-auto:hover,
  .focus\:overflow-y-auto:focus,
  .focus-within\:overflow-y-auto:focus-within,
  .group:hover .group-hover\:overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-hidden,
  .hover\:overflow-hidden:hover,
  .focus\:overflow-hidden:focus,
  .focus-within\:overflow-hidden:focus-within,
  .group:hover .group-hover\:overflow-hidden {
    overflow: hidden;
  }
  .scroll-lock {
    overflow: hidden !important;
  }
}
@media (max-width: 1024px) {
  .tablet\:border-box {
    box-sizing: border-box;
  }
  .tablet\:content-box {
    box-sizing: content-box;
  }
  .tablet\:-z-100 {
    z-index: -100;
  }
  .tablet\:-z-99 {
    z-index: -99;
  }
  .tablet\:-z-98 {
    z-index: -98;
  }
  .tablet\:-z-97 {
    z-index: -97;
  }
  .tablet\:-z-96 {
    z-index: -96;
  }
  .tablet\:-z-95 {
    z-index: -95;
  }
  .tablet\:-z-94 {
    z-index: -94;
  }
  .tablet\:-z-93 {
    z-index: -93;
  }
  .tablet\:-z-92 {
    z-index: -92;
  }
  .tablet\:-z-91 {
    z-index: -91;
  }
  .tablet\:-z-90 {
    z-index: -90;
  }
  .tablet\:-z-89 {
    z-index: -89;
  }
  .tablet\:-z-88 {
    z-index: -88;
  }
  .tablet\:-z-87 {
    z-index: -87;
  }
  .tablet\:-z-86 {
    z-index: -86;
  }
  .tablet\:-z-85 {
    z-index: -85;
  }
  .tablet\:-z-84 {
    z-index: -84;
  }
  .tablet\:-z-83 {
    z-index: -83;
  }
  .tablet\:-z-82 {
    z-index: -82;
  }
  .tablet\:-z-81 {
    z-index: -81;
  }
  .tablet\:-z-80 {
    z-index: -80;
  }
  .tablet\:-z-79 {
    z-index: -79;
  }
  .tablet\:-z-78 {
    z-index: -78;
  }
  .tablet\:-z-77 {
    z-index: -77;
  }
  .tablet\:-z-76 {
    z-index: -76;
  }
  .tablet\:-z-75 {
    z-index: -75;
  }
  .tablet\:-z-74 {
    z-index: -74;
  }
  .tablet\:-z-73 {
    z-index: -73;
  }
  .tablet\:-z-72 {
    z-index: -72;
  }
  .tablet\:-z-71 {
    z-index: -71;
  }
  .tablet\:-z-70 {
    z-index: -70;
  }
  .tablet\:-z-69 {
    z-index: -69;
  }
  .tablet\:-z-68 {
    z-index: -68;
  }
  .tablet\:-z-67 {
    z-index: -67;
  }
  .tablet\:-z-66 {
    z-index: -66;
  }
  .tablet\:-z-65 {
    z-index: -65;
  }
  .tablet\:-z-64 {
    z-index: -64;
  }
  .tablet\:-z-63 {
    z-index: -63;
  }
  .tablet\:-z-62 {
    z-index: -62;
  }
  .tablet\:-z-61 {
    z-index: -61;
  }
  .tablet\:-z-60 {
    z-index: -60;
  }
  .tablet\:-z-59 {
    z-index: -59;
  }
  .tablet\:-z-58 {
    z-index: -58;
  }
  .tablet\:-z-57 {
    z-index: -57;
  }
  .tablet\:-z-56 {
    z-index: -56;
  }
  .tablet\:-z-55 {
    z-index: -55;
  }
  .tablet\:-z-54 {
    z-index: -54;
  }
  .tablet\:-z-53 {
    z-index: -53;
  }
  .tablet\:-z-52 {
    z-index: -52;
  }
  .tablet\:-z-51 {
    z-index: -51;
  }
  .tablet\:-z-50 {
    z-index: -50;
  }
  .tablet\:-z-49 {
    z-index: -49;
  }
  .tablet\:-z-48 {
    z-index: -48;
  }
  .tablet\:-z-47 {
    z-index: -47;
  }
  .tablet\:-z-46 {
    z-index: -46;
  }
  .tablet\:-z-45 {
    z-index: -45;
  }
  .tablet\:-z-44 {
    z-index: -44;
  }
  .tablet\:-z-43 {
    z-index: -43;
  }
  .tablet\:-z-42 {
    z-index: -42;
  }
  .tablet\:-z-41 {
    z-index: -41;
  }
  .tablet\:-z-40 {
    z-index: -40;
  }
  .tablet\:-z-39 {
    z-index: -39;
  }
  .tablet\:-z-38 {
    z-index: -38;
  }
  .tablet\:-z-37 {
    z-index: -37;
  }
  .tablet\:-z-36 {
    z-index: -36;
  }
  .tablet\:-z-35 {
    z-index: -35;
  }
  .tablet\:-z-34 {
    z-index: -34;
  }
  .tablet\:-z-33 {
    z-index: -33;
  }
  .tablet\:-z-32 {
    z-index: -32;
  }
  .tablet\:-z-31 {
    z-index: -31;
  }
  .tablet\:-z-30 {
    z-index: -30;
  }
  .tablet\:-z-29 {
    z-index: -29;
  }
  .tablet\:-z-28 {
    z-index: -28;
  }
  .tablet\:-z-27 {
    z-index: -27;
  }
  .tablet\:-z-26 {
    z-index: -26;
  }
  .tablet\:-z-25 {
    z-index: -25;
  }
  .tablet\:-z-24 {
    z-index: -24;
  }
  .tablet\:-z-23 {
    z-index: -23;
  }
  .tablet\:-z-22 {
    z-index: -22;
  }
  .tablet\:-z-21 {
    z-index: -21;
  }
  .tablet\:-z-20 {
    z-index: -20;
  }
  .tablet\:-z-19 {
    z-index: -19;
  }
  .tablet\:-z-18 {
    z-index: -18;
  }
  .tablet\:-z-17 {
    z-index: -17;
  }
  .tablet\:-z-16 {
    z-index: -16;
  }
  .tablet\:-z-15 {
    z-index: -15;
  }
  .tablet\:-z-14 {
    z-index: -14;
  }
  .tablet\:-z-13 {
    z-index: -13;
  }
  .tablet\:-z-12 {
    z-index: -12;
  }
  .tablet\:-z-11 {
    z-index: -11;
  }
  .tablet\:-z-10 {
    z-index: -10;
  }
  .tablet\:-z-9 {
    z-index: -9;
  }
  .tablet\:-z-8 {
    z-index: -8;
  }
  .tablet\:-z-7 {
    z-index: -7;
  }
  .tablet\:-z-6 {
    z-index: -6;
  }
  .tablet\:-z-5 {
    z-index: -5;
  }
  .tablet\:-z-4 {
    z-index: -4;
  }
  .tablet\:-z-3 {
    z-index: -3;
  }
  .tablet\:-z-2 {
    z-index: -2;
  }
  .tablet\:-z-1 {
    z-index: -1;
  }
  .tablet\:z-0 {
    z-index: 0;
  }
  .tablet\:z-1 {
    z-index: 1;
  }
  .tablet\:z-2 {
    z-index: 2;
  }
  .tablet\:z-3 {
    z-index: 3;
  }
  .tablet\:z-4 {
    z-index: 4;
  }
  .tablet\:z-5 {
    z-index: 5;
  }
  .tablet\:z-6 {
    z-index: 6;
  }
  .tablet\:z-7 {
    z-index: 7;
  }
  .tablet\:z-8 {
    z-index: 8;
  }
  .tablet\:z-9 {
    z-index: 9;
  }
  .tablet\:z-10 {
    z-index: 10;
  }
  .tablet\:z-11 {
    z-index: 11;
  }
  .tablet\:z-12 {
    z-index: 12;
  }
  .tablet\:z-13 {
    z-index: 13;
  }
  .tablet\:z-14 {
    z-index: 14;
  }
  .tablet\:z-15 {
    z-index: 15;
  }
  .tablet\:z-16 {
    z-index: 16;
  }
  .tablet\:z-17 {
    z-index: 17;
  }
  .tablet\:z-18 {
    z-index: 18;
  }
  .tablet\:z-19 {
    z-index: 19;
  }
  .tablet\:z-20 {
    z-index: 20;
  }
  .tablet\:z-21 {
    z-index: 21;
  }
  .tablet\:z-22 {
    z-index: 22;
  }
  .tablet\:z-23 {
    z-index: 23;
  }
  .tablet\:z-24 {
    z-index: 24;
  }
  .tablet\:z-25 {
    z-index: 25;
  }
  .tablet\:z-26 {
    z-index: 26;
  }
  .tablet\:z-27 {
    z-index: 27;
  }
  .tablet\:z-28 {
    z-index: 28;
  }
  .tablet\:z-29 {
    z-index: 29;
  }
  .tablet\:z-30 {
    z-index: 30;
  }
  .tablet\:z-31 {
    z-index: 31;
  }
  .tablet\:z-32 {
    z-index: 32;
  }
  .tablet\:z-33 {
    z-index: 33;
  }
  .tablet\:z-34 {
    z-index: 34;
  }
  .tablet\:z-35 {
    z-index: 35;
  }
  .tablet\:z-36 {
    z-index: 36;
  }
  .tablet\:z-37 {
    z-index: 37;
  }
  .tablet\:z-38 {
    z-index: 38;
  }
  .tablet\:z-39 {
    z-index: 39;
  }
  .tablet\:z-40 {
    z-index: 40;
  }
  .tablet\:z-41 {
    z-index: 41;
  }
  .tablet\:z-42 {
    z-index: 42;
  }
  .tablet\:z-43 {
    z-index: 43;
  }
  .tablet\:z-44 {
    z-index: 44;
  }
  .tablet\:z-45 {
    z-index: 45;
  }
  .tablet\:z-46 {
    z-index: 46;
  }
  .tablet\:z-47 {
    z-index: 47;
  }
  .tablet\:z-48 {
    z-index: 48;
  }
  .tablet\:z-49 {
    z-index: 49;
  }
  .tablet\:z-50 {
    z-index: 50;
  }
  .tablet\:z-51 {
    z-index: 51;
  }
  .tablet\:z-52 {
    z-index: 52;
  }
  .tablet\:z-53 {
    z-index: 53;
  }
  .tablet\:z-54 {
    z-index: 54;
  }
  .tablet\:z-55 {
    z-index: 55;
  }
  .tablet\:z-56 {
    z-index: 56;
  }
  .tablet\:z-57 {
    z-index: 57;
  }
  .tablet\:z-58 {
    z-index: 58;
  }
  .tablet\:z-59 {
    z-index: 59;
  }
  .tablet\:z-60 {
    z-index: 60;
  }
  .tablet\:z-61 {
    z-index: 61;
  }
  .tablet\:z-62 {
    z-index: 62;
  }
  .tablet\:z-63 {
    z-index: 63;
  }
  .tablet\:z-64 {
    z-index: 64;
  }
  .tablet\:z-65 {
    z-index: 65;
  }
  .tablet\:z-66 {
    z-index: 66;
  }
  .tablet\:z-67 {
    z-index: 67;
  }
  .tablet\:z-68 {
    z-index: 68;
  }
  .tablet\:z-69 {
    z-index: 69;
  }
  .tablet\:z-70 {
    z-index: 70;
  }
  .tablet\:z-71 {
    z-index: 71;
  }
  .tablet\:z-72 {
    z-index: 72;
  }
  .tablet\:z-73 {
    z-index: 73;
  }
  .tablet\:z-74 {
    z-index: 74;
  }
  .tablet\:z-75 {
    z-index: 75;
  }
  .tablet\:z-76 {
    z-index: 76;
  }
  .tablet\:z-77 {
    z-index: 77;
  }
  .tablet\:z-78 {
    z-index: 78;
  }
  .tablet\:z-79 {
    z-index: 79;
  }
  .tablet\:z-80 {
    z-index: 80;
  }
  .tablet\:z-81 {
    z-index: 81;
  }
  .tablet\:z-82 {
    z-index: 82;
  }
  .tablet\:z-83 {
    z-index: 83;
  }
  .tablet\:z-84 {
    z-index: 84;
  }
  .tablet\:z-85 {
    z-index: 85;
  }
  .tablet\:z-86 {
    z-index: 86;
  }
  .tablet\:z-87 {
    z-index: 87;
  }
  .tablet\:z-88 {
    z-index: 88;
  }
  .tablet\:z-89 {
    z-index: 89;
  }
  .tablet\:z-90 {
    z-index: 90;
  }
  .tablet\:z-91 {
    z-index: 91;
  }
  .tablet\:z-92 {
    z-index: 92;
  }
  .tablet\:z-93 {
    z-index: 93;
  }
  .tablet\:z-94 {
    z-index: 94;
  }
  .tablet\:z-95 {
    z-index: 95;
  }
  .tablet\:z-96 {
    z-index: 96;
  }
  .tablet\:z-97 {
    z-index: 97;
  }
  .tablet\:z-98 {
    z-index: 98;
  }
  .tablet\:z-99 {
    z-index: 99;
  }
  .tablet\:z-100 {
    z-index: 100;
  }
  .tablet\:inset,
  .tablet\:inset-0 {
    inset: 0;
  }
  .tablet\:top-0 {
    top: 0;
  }
  .tablet\:right-0 {
    right: 0;
  }
  .tablet\:bottom-0 {
    bottom: 0;
  }
  .tablet\:left-0 {
    left: 0;
  }
  .tablet\:top-none {
    top: var(--padding-none);
  }
  .tablet\:right-none {
    right: var(--padding-none);
  }
  .tablet\:bottom-none {
    bottom: var(--padding-none);
  }
  .tablet\:left-none {
    left: var(--padding-none);
  }
  .tablet\:top-hairline {
    top: var(--padding-hairline);
  }
  .tablet\:right-hairline {
    right: var(--padding-hairline);
  }
  .tablet\:bottom-hairline {
    bottom: var(--padding-hairline);
  }
  .tablet\:left-hairline {
    left: var(--padding-hairline);
  }
  .tablet\:top-thin {
    top: var(--padding-thin);
  }
  .tablet\:right-thin {
    right: var(--padding-thin);
  }
  .tablet\:bottom-thin {
    bottom: var(--padding-thin);
  }
  .tablet\:left-thin {
    left: var(--padding-thin);
  }
  .tablet\:top-slim {
    top: var(--padding-slim);
  }
  .tablet\:right-slim {
    right: var(--padding-slim);
  }
  .tablet\:bottom-slim {
    bottom: var(--padding-slim);
  }
  .tablet\:left-slim {
    left: var(--padding-slim);
  }
  .tablet\:top-extra-small {
    top: var(--padding-extra-small);
  }
  .tablet\:right-extra-small {
    right: var(--padding-extra-small);
  }
  .tablet\:bottom-extra-small {
    bottom: var(--padding-extra-small);
  }
  .tablet\:left-extra-small {
    left: var(--padding-extra-small);
  }
  .tablet\:top-small {
    top: var(--padding-small);
  }
  .tablet\:right-small {
    right: var(--padding-small);
  }
  .tablet\:bottom-small {
    bottom: var(--padding-small);
  }
  .tablet\:left-small {
    left: var(--padding-small);
  }
  .tablet\:top-medium {
    top: var(--padding-medium);
  }
  .tablet\:right-medium {
    right: var(--padding-medium);
  }
  .tablet\:bottom-medium {
    bottom: var(--padding-medium);
  }
  .tablet\:left-medium {
    left: var(--padding-medium);
  }
  .tablet\:top-large {
    top: var(--padding-large);
  }
  .tablet\:right-large {
    right: var(--padding-large);
  }
  .tablet\:bottom-large {
    bottom: var(--padding-large);
  }
  .tablet\:left-large {
    left: var(--padding-large);
  }
  .tablet\:top-extra-large {
    top: var(--padding-extra-large);
  }
  .tablet\:right-extra-large {
    right: var(--padding-extra-large);
  }
  .tablet\:bottom-extra-large {
    bottom: var(--padding-extra-large);
  }
  .tablet\:left-extra-large {
    left: var(--padding-extra-large);
  }
  .tablet\:top-huge {
    top: var(--padding-huge);
  }
  .tablet\:right-huge {
    right: var(--padding-huge);
  }
  .tablet\:bottom-huge {
    bottom: var(--padding-huge);
  }
  .tablet\:left-huge {
    left: var(--padding-huge);
  }
  .tablet\:d-none,
  .tablet\:hover\:d-none:hover,
  .tablet\:focus\:d-none:focus,
  .tablet\:focus-within\:d-none:focus-within,
  .tablet\:group:hover .group-hover\:d-none {
    display: none;
  }
  .tablet\:d-block,
  .tablet\:hover\:d-block:hover,
  .tablet\:focus\:d-block:focus,
  .tablet\:focus-within\:d-block:focus-within,
  .tablet\:group:hover .group-hover\:d-block {
    display: block;
  }
  .tablet\:d-inline-block,
  .tablet\:hover\:d-inline-block:hover,
  .tablet\:focus\:d-inline-block:focus,
  .tablet\:focus-within\:d-inline-block:focus-within,
  .tablet\:group:hover .group-hover\:d-inline-block {
    display: inline-block;
  }
  .tablet\:d-flex,
  .tablet\:hover\:d-flex:hover,
  .tablet\:focus\:d-flex:focus,
  .tablet\:focus-within\:d-flex:focus-within,
  .tablet\:group:hover .group-hover\:d-flex {
    display: flex;
  }
  .tablet\:d-inline-flex,
  .tablet\:hover\:d-inline-flex:hover,
  .tablet\:focus\:d-inline-flex:focus,
  .tablet\:focus-within\:d-inline-flex:focus-within,
  .tablet\:group:hover .group-hover\:d-inline-flex {
    display: inline-flex;
  }
  .tablet\:d-grid,
  .tablet\:hover\:d-grid:hover,
  .tablet\:focus\:d-grid:focus,
  .tablet\:focus-within\:d-grid:focus-within,
  .tablet\:group:hover .group-hover\:d-grid {
    display: grid;
  }
  .tablet\:d-inline-grid,
  .tablet\:hover\:d-inline-grid:hover,
  .tablet\:focus\:d-inline-grid:focus,
  .tablet\:focus-within\:d-inline-grid:focus-within,
  .tablet\:group:hover .group-hover\:d-inline-grid {
    display: inline-grid;
  }
  .tablet\:p-static,
  .tablet\:hover\:p-static:hover,
  .tablet\:focus\:p-static:focus,
  .tablet\:focus-within\:p-static:focus-within,
  .tablet\:group:hover .group-hover\:p-static {
    position: static;
  }
  .tablet\:p-fixed,
  .tablet\:hover\:p-fixed:hover,
  .tablet\:focus\:p-fixed:focus,
  .tablet\:focus-within\:p-fixed:focus-within,
  .tablet\:group:hover .group-hover\:p-fixed {
    position: fixed;
  }
  .tablet\:p-absolute,
  .tablet\:hover\:p-absolute:hover,
  .tablet\:focus\:p-absolute:focus,
  .tablet\:focus-within\:p-absolute:focus-within,
  .tablet\:group:hover .group-hover\:p-absolute {
    position: absolute;
  }
  .tablet\:p-relative,
  .tablet\:hover\:p-relative:hover,
  .tablet\:focus\:p-relative:focus,
  .tablet\:focus-within\:p-relative:focus-within,
  .tablet\:group:hover .group-hover\:p-relative {
    position: relative;
  }
  .tablet\:p-sticky,
  .tablet\:hover\:p-sticky:hover,
  .tablet\:focus\:p-sticky:focus,
  .tablet\:focus-within\:p-sticky:focus-within,
  .tablet\:group:hover .group-hover\:p-sticky {
    position: sticky;
  }
  .tablet\:overflow-hidden,
  .tablet\:hover\:overflow-hidden:hover,
  .tablet\:focus\:overflow-hidden:focus,
  .tablet\:focus-within\:overflow-hidden:focus-within,
  .tablet\:group:hover .group-hover\:overflow-hidden {
    overflow: hidden;
  }
  .tablet\:overflow-x-hidden,
  .tablet\:hover\:overflow-x-hidden:hover,
  .tablet\:focus\:overflow-x-hidden:focus,
  .tablet\:focus-within\:overflow-x-hidden:focus-within,
  .tablet\:group:hover .group-hover\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .tablet\:overflow-y-hidden,
  .tablet\:hover\:overflow-y-hidden:hover,
  .tablet\:focus\:overflow-y-hidden:focus,
  .tablet\:focus-within\:overflow-y-hidden:focus-within,
  .tablet\:group:hover .group-hover\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .tablet\:overflow-clip,
  .tablet\:hover\:overflow-clip:hover,
  .tablet\:focus\:overflow-clip:focus,
  .tablet\:focus-within\:overflow-clip:focus-within,
  .tablet\:group:hover .group-hover\:overflow-clip {
    overflow: clip;
  }
  .tablet\:overflow-x-clip,
  .tablet\:hover\:overflow-x-clip:hover,
  .tablet\:focus\:overflow-x-clip:focus,
  .tablet\:focus-within\:overflow-x-clip:focus-within,
  .tablet\:group:hover .group-hover\:overflow-x-clip {
    overflow-x: clip;
  }
  .tablet\:overflow-y-clip,
  .tablet\:hover\:overflow-y-clip:hover,
  .tablet\:focus\:overflow-y-clip:focus,
  .tablet\:focus-within\:overflow-y-clip:focus-within,
  .tablet\:group:hover .group-hover\:overflow-y-clip {
    overflow-y: clip;
  }
  .tablet\:overflow-visible,
  .tablet\:hover\:overflow-visible:hover,
  .tablet\:focus\:overflow-visible:focus,
  .tablet\:focus-within\:overflow-visible:focus-within,
  .tablet\:group:hover .group-hover\:overflow-visible {
    overflow: visible;
  }
  .tablet\:overflow-x-visible,
  .tablet\:hover\:overflow-x-visible:hover,
  .tablet\:focus\:overflow-x-visible:focus,
  .tablet\:focus-within\:overflow-x-visible:focus-within,
  .tablet\:group:hover .group-hover\:overflow-x-visible {
    overflow-x: visible;
  }
  .tablet\:overflow-y-visible,
  .tablet\:hover\:overflow-y-visible:hover,
  .tablet\:focus\:overflow-y-visible:focus,
  .tablet\:focus-within\:overflow-y-visible:focus-within,
  .tablet\:group:hover .group-hover\:overflow-y-visible {
    overflow-y: visible;
  }
  .tablet\:overflow-scroll,
  .tablet\:hover\:overflow-scroll:hover,
  .tablet\:focus\:overflow-scroll:focus,
  .tablet\:focus-within\:overflow-scroll:focus-within,
  .tablet\:group:hover .group-hover\:overflow-scroll {
    overflow: scroll;
  }
  .tablet\:overflow-x-scroll,
  .tablet\:hover\:overflow-x-scroll:hover,
  .tablet\:focus\:overflow-x-scroll:focus,
  .tablet\:focus-within\:overflow-x-scroll:focus-within,
  .tablet\:group:hover .group-hover\:overflow-x-scroll {
    overflow-x: scroll;
  }
  .tablet\:overflow-y-scroll,
  .tablet\:hover\:overflow-y-scroll:hover,
  .tablet\:focus\:overflow-y-scroll:focus,
  .tablet\:focus-within\:overflow-y-scroll:focus-within,
  .tablet\:group:hover .group-hover\:overflow-y-scroll {
    overflow-y: scroll;
  }
  .tablet\:overflow-auto,
  .tablet\:hover\:overflow-auto:hover,
  .tablet\:focus\:overflow-auto:focus,
  .tablet\:focus-within\:overflow-auto:focus-within,
  .tablet\:group:hover .group-hover\:overflow-auto {
    overflow: auto;
  }
  .tablet\:overflow-x-auto,
  .tablet\:hover\:overflow-x-auto:hover,
  .tablet\:focus\:overflow-x-auto:focus,
  .tablet\:focus-within\:overflow-x-auto:focus-within,
  .tablet\:group:hover .group-hover\:overflow-x-auto {
    overflow-x: auto;
  }
  .tablet\:overflow-y-auto,
  .tablet\:hover\:overflow-y-auto:hover,
  .tablet\:focus\:overflow-y-auto:focus,
  .tablet\:focus-within\:overflow-y-auto:focus-within,
  .tablet\:group:hover .group-hover\:overflow-y-auto {
    overflow-y: auto;
  }
  .tablet\:overflow-hidden,
  .tablet\:hover\:overflow-hidden:hover,
  .tablet\:focus\:overflow-hidden:focus,
  .tablet\:focus-within\:overflow-hidden:focus-within,
  .tablet\:group:hover .group-hover\:overflow-hidden {
    overflow: hidden;
  }
  .tablet\:scroll-lock {
    overflow: hidden !important;
  }
}
@media (max-width: 768px) {
  .mobile\:border-box {
    box-sizing: border-box;
  }
  .mobile\:content-box {
    box-sizing: content-box;
  }
  .mobile\:-z-100 {
    z-index: -100;
  }
  .mobile\:-z-99 {
    z-index: -99;
  }
  .mobile\:-z-98 {
    z-index: -98;
  }
  .mobile\:-z-97 {
    z-index: -97;
  }
  .mobile\:-z-96 {
    z-index: -96;
  }
  .mobile\:-z-95 {
    z-index: -95;
  }
  .mobile\:-z-94 {
    z-index: -94;
  }
  .mobile\:-z-93 {
    z-index: -93;
  }
  .mobile\:-z-92 {
    z-index: -92;
  }
  .mobile\:-z-91 {
    z-index: -91;
  }
  .mobile\:-z-90 {
    z-index: -90;
  }
  .mobile\:-z-89 {
    z-index: -89;
  }
  .mobile\:-z-88 {
    z-index: -88;
  }
  .mobile\:-z-87 {
    z-index: -87;
  }
  .mobile\:-z-86 {
    z-index: -86;
  }
  .mobile\:-z-85 {
    z-index: -85;
  }
  .mobile\:-z-84 {
    z-index: -84;
  }
  .mobile\:-z-83 {
    z-index: -83;
  }
  .mobile\:-z-82 {
    z-index: -82;
  }
  .mobile\:-z-81 {
    z-index: -81;
  }
  .mobile\:-z-80 {
    z-index: -80;
  }
  .mobile\:-z-79 {
    z-index: -79;
  }
  .mobile\:-z-78 {
    z-index: -78;
  }
  .mobile\:-z-77 {
    z-index: -77;
  }
  .mobile\:-z-76 {
    z-index: -76;
  }
  .mobile\:-z-75 {
    z-index: -75;
  }
  .mobile\:-z-74 {
    z-index: -74;
  }
  .mobile\:-z-73 {
    z-index: -73;
  }
  .mobile\:-z-72 {
    z-index: -72;
  }
  .mobile\:-z-71 {
    z-index: -71;
  }
  .mobile\:-z-70 {
    z-index: -70;
  }
  .mobile\:-z-69 {
    z-index: -69;
  }
  .mobile\:-z-68 {
    z-index: -68;
  }
  .mobile\:-z-67 {
    z-index: -67;
  }
  .mobile\:-z-66 {
    z-index: -66;
  }
  .mobile\:-z-65 {
    z-index: -65;
  }
  .mobile\:-z-64 {
    z-index: -64;
  }
  .mobile\:-z-63 {
    z-index: -63;
  }
  .mobile\:-z-62 {
    z-index: -62;
  }
  .mobile\:-z-61 {
    z-index: -61;
  }
  .mobile\:-z-60 {
    z-index: -60;
  }
  .mobile\:-z-59 {
    z-index: -59;
  }
  .mobile\:-z-58 {
    z-index: -58;
  }
  .mobile\:-z-57 {
    z-index: -57;
  }
  .mobile\:-z-56 {
    z-index: -56;
  }
  .mobile\:-z-55 {
    z-index: -55;
  }
  .mobile\:-z-54 {
    z-index: -54;
  }
  .mobile\:-z-53 {
    z-index: -53;
  }
  .mobile\:-z-52 {
    z-index: -52;
  }
  .mobile\:-z-51 {
    z-index: -51;
  }
  .mobile\:-z-50 {
    z-index: -50;
  }
  .mobile\:-z-49 {
    z-index: -49;
  }
  .mobile\:-z-48 {
    z-index: -48;
  }
  .mobile\:-z-47 {
    z-index: -47;
  }
  .mobile\:-z-46 {
    z-index: -46;
  }
  .mobile\:-z-45 {
    z-index: -45;
  }
  .mobile\:-z-44 {
    z-index: -44;
  }
  .mobile\:-z-43 {
    z-index: -43;
  }
  .mobile\:-z-42 {
    z-index: -42;
  }
  .mobile\:-z-41 {
    z-index: -41;
  }
  .mobile\:-z-40 {
    z-index: -40;
  }
  .mobile\:-z-39 {
    z-index: -39;
  }
  .mobile\:-z-38 {
    z-index: -38;
  }
  .mobile\:-z-37 {
    z-index: -37;
  }
  .mobile\:-z-36 {
    z-index: -36;
  }
  .mobile\:-z-35 {
    z-index: -35;
  }
  .mobile\:-z-34 {
    z-index: -34;
  }
  .mobile\:-z-33 {
    z-index: -33;
  }
  .mobile\:-z-32 {
    z-index: -32;
  }
  .mobile\:-z-31 {
    z-index: -31;
  }
  .mobile\:-z-30 {
    z-index: -30;
  }
  .mobile\:-z-29 {
    z-index: -29;
  }
  .mobile\:-z-28 {
    z-index: -28;
  }
  .mobile\:-z-27 {
    z-index: -27;
  }
  .mobile\:-z-26 {
    z-index: -26;
  }
  .mobile\:-z-25 {
    z-index: -25;
  }
  .mobile\:-z-24 {
    z-index: -24;
  }
  .mobile\:-z-23 {
    z-index: -23;
  }
  .mobile\:-z-22 {
    z-index: -22;
  }
  .mobile\:-z-21 {
    z-index: -21;
  }
  .mobile\:-z-20 {
    z-index: -20;
  }
  .mobile\:-z-19 {
    z-index: -19;
  }
  .mobile\:-z-18 {
    z-index: -18;
  }
  .mobile\:-z-17 {
    z-index: -17;
  }
  .mobile\:-z-16 {
    z-index: -16;
  }
  .mobile\:-z-15 {
    z-index: -15;
  }
  .mobile\:-z-14 {
    z-index: -14;
  }
  .mobile\:-z-13 {
    z-index: -13;
  }
  .mobile\:-z-12 {
    z-index: -12;
  }
  .mobile\:-z-11 {
    z-index: -11;
  }
  .mobile\:-z-10 {
    z-index: -10;
  }
  .mobile\:-z-9 {
    z-index: -9;
  }
  .mobile\:-z-8 {
    z-index: -8;
  }
  .mobile\:-z-7 {
    z-index: -7;
  }
  .mobile\:-z-6 {
    z-index: -6;
  }
  .mobile\:-z-5 {
    z-index: -5;
  }
  .mobile\:-z-4 {
    z-index: -4;
  }
  .mobile\:-z-3 {
    z-index: -3;
  }
  .mobile\:-z-2 {
    z-index: -2;
  }
  .mobile\:-z-1 {
    z-index: -1;
  }
  .mobile\:z-0 {
    z-index: 0;
  }
  .mobile\:z-1 {
    z-index: 1;
  }
  .mobile\:z-2 {
    z-index: 2;
  }
  .mobile\:z-3 {
    z-index: 3;
  }
  .mobile\:z-4 {
    z-index: 4;
  }
  .mobile\:z-5 {
    z-index: 5;
  }
  .mobile\:z-6 {
    z-index: 6;
  }
  .mobile\:z-7 {
    z-index: 7;
  }
  .mobile\:z-8 {
    z-index: 8;
  }
  .mobile\:z-9 {
    z-index: 9;
  }
  .mobile\:z-10 {
    z-index: 10;
  }
  .mobile\:z-11 {
    z-index: 11;
  }
  .mobile\:z-12 {
    z-index: 12;
  }
  .mobile\:z-13 {
    z-index: 13;
  }
  .mobile\:z-14 {
    z-index: 14;
  }
  .mobile\:z-15 {
    z-index: 15;
  }
  .mobile\:z-16 {
    z-index: 16;
  }
  .mobile\:z-17 {
    z-index: 17;
  }
  .mobile\:z-18 {
    z-index: 18;
  }
  .mobile\:z-19 {
    z-index: 19;
  }
  .mobile\:z-20 {
    z-index: 20;
  }
  .mobile\:z-21 {
    z-index: 21;
  }
  .mobile\:z-22 {
    z-index: 22;
  }
  .mobile\:z-23 {
    z-index: 23;
  }
  .mobile\:z-24 {
    z-index: 24;
  }
  .mobile\:z-25 {
    z-index: 25;
  }
  .mobile\:z-26 {
    z-index: 26;
  }
  .mobile\:z-27 {
    z-index: 27;
  }
  .mobile\:z-28 {
    z-index: 28;
  }
  .mobile\:z-29 {
    z-index: 29;
  }
  .mobile\:z-30 {
    z-index: 30;
  }
  .mobile\:z-31 {
    z-index: 31;
  }
  .mobile\:z-32 {
    z-index: 32;
  }
  .mobile\:z-33 {
    z-index: 33;
  }
  .mobile\:z-34 {
    z-index: 34;
  }
  .mobile\:z-35 {
    z-index: 35;
  }
  .mobile\:z-36 {
    z-index: 36;
  }
  .mobile\:z-37 {
    z-index: 37;
  }
  .mobile\:z-38 {
    z-index: 38;
  }
  .mobile\:z-39 {
    z-index: 39;
  }
  .mobile\:z-40 {
    z-index: 40;
  }
  .mobile\:z-41 {
    z-index: 41;
  }
  .mobile\:z-42 {
    z-index: 42;
  }
  .mobile\:z-43 {
    z-index: 43;
  }
  .mobile\:z-44 {
    z-index: 44;
  }
  .mobile\:z-45 {
    z-index: 45;
  }
  .mobile\:z-46 {
    z-index: 46;
  }
  .mobile\:z-47 {
    z-index: 47;
  }
  .mobile\:z-48 {
    z-index: 48;
  }
  .mobile\:z-49 {
    z-index: 49;
  }
  .mobile\:z-50 {
    z-index: 50;
  }
  .mobile\:z-51 {
    z-index: 51;
  }
  .mobile\:z-52 {
    z-index: 52;
  }
  .mobile\:z-53 {
    z-index: 53;
  }
  .mobile\:z-54 {
    z-index: 54;
  }
  .mobile\:z-55 {
    z-index: 55;
  }
  .mobile\:z-56 {
    z-index: 56;
  }
  .mobile\:z-57 {
    z-index: 57;
  }
  .mobile\:z-58 {
    z-index: 58;
  }
  .mobile\:z-59 {
    z-index: 59;
  }
  .mobile\:z-60 {
    z-index: 60;
  }
  .mobile\:z-61 {
    z-index: 61;
  }
  .mobile\:z-62 {
    z-index: 62;
  }
  .mobile\:z-63 {
    z-index: 63;
  }
  .mobile\:z-64 {
    z-index: 64;
  }
  .mobile\:z-65 {
    z-index: 65;
  }
  .mobile\:z-66 {
    z-index: 66;
  }
  .mobile\:z-67 {
    z-index: 67;
  }
  .mobile\:z-68 {
    z-index: 68;
  }
  .mobile\:z-69 {
    z-index: 69;
  }
  .mobile\:z-70 {
    z-index: 70;
  }
  .mobile\:z-71 {
    z-index: 71;
  }
  .mobile\:z-72 {
    z-index: 72;
  }
  .mobile\:z-73 {
    z-index: 73;
  }
  .mobile\:z-74 {
    z-index: 74;
  }
  .mobile\:z-75 {
    z-index: 75;
  }
  .mobile\:z-76 {
    z-index: 76;
  }
  .mobile\:z-77 {
    z-index: 77;
  }
  .mobile\:z-78 {
    z-index: 78;
  }
  .mobile\:z-79 {
    z-index: 79;
  }
  .mobile\:z-80 {
    z-index: 80;
  }
  .mobile\:z-81 {
    z-index: 81;
  }
  .mobile\:z-82 {
    z-index: 82;
  }
  .mobile\:z-83 {
    z-index: 83;
  }
  .mobile\:z-84 {
    z-index: 84;
  }
  .mobile\:z-85 {
    z-index: 85;
  }
  .mobile\:z-86 {
    z-index: 86;
  }
  .mobile\:z-87 {
    z-index: 87;
  }
  .mobile\:z-88 {
    z-index: 88;
  }
  .mobile\:z-89 {
    z-index: 89;
  }
  .mobile\:z-90 {
    z-index: 90;
  }
  .mobile\:z-91 {
    z-index: 91;
  }
  .mobile\:z-92 {
    z-index: 92;
  }
  .mobile\:z-93 {
    z-index: 93;
  }
  .mobile\:z-94 {
    z-index: 94;
  }
  .mobile\:z-95 {
    z-index: 95;
  }
  .mobile\:z-96 {
    z-index: 96;
  }
  .mobile\:z-97 {
    z-index: 97;
  }
  .mobile\:z-98 {
    z-index: 98;
  }
  .mobile\:z-99 {
    z-index: 99;
  }
  .mobile\:z-100 {
    z-index: 100;
  }
  .mobile\:inset,
  .mobile\:inset-0 {
    inset: 0;
  }
  .mobile\:top-0 {
    top: 0;
  }
  .mobile\:right-0 {
    right: 0;
  }
  .mobile\:bottom-0 {
    bottom: 0;
  }
  .mobile\:left-0 {
    left: 0;
  }
  .mobile\:top-none {
    top: var(--padding-none);
  }
  .mobile\:right-none {
    right: var(--padding-none);
  }
  .mobile\:bottom-none {
    bottom: var(--padding-none);
  }
  .mobile\:left-none {
    left: var(--padding-none);
  }
  .mobile\:top-hairline {
    top: var(--padding-hairline);
  }
  .mobile\:right-hairline {
    right: var(--padding-hairline);
  }
  .mobile\:bottom-hairline {
    bottom: var(--padding-hairline);
  }
  .mobile\:left-hairline {
    left: var(--padding-hairline);
  }
  .mobile\:top-thin {
    top: var(--padding-thin);
  }
  .mobile\:right-thin {
    right: var(--padding-thin);
  }
  .mobile\:bottom-thin {
    bottom: var(--padding-thin);
  }
  .mobile\:left-thin {
    left: var(--padding-thin);
  }
  .mobile\:top-slim {
    top: var(--padding-slim);
  }
  .mobile\:right-slim {
    right: var(--padding-slim);
  }
  .mobile\:bottom-slim {
    bottom: var(--padding-slim);
  }
  .mobile\:left-slim {
    left: var(--padding-slim);
  }
  .mobile\:top-extra-small {
    top: var(--padding-extra-small);
  }
  .mobile\:right-extra-small {
    right: var(--padding-extra-small);
  }
  .mobile\:bottom-extra-small {
    bottom: var(--padding-extra-small);
  }
  .mobile\:left-extra-small {
    left: var(--padding-extra-small);
  }
  .mobile\:top-small {
    top: var(--padding-small);
  }
  .mobile\:right-small {
    right: var(--padding-small);
  }
  .mobile\:bottom-small {
    bottom: var(--padding-small);
  }
  .mobile\:left-small {
    left: var(--padding-small);
  }
  .mobile\:top-medium {
    top: var(--padding-medium);
  }
  .mobile\:right-medium {
    right: var(--padding-medium);
  }
  .mobile\:bottom-medium {
    bottom: var(--padding-medium);
  }
  .mobile\:left-medium {
    left: var(--padding-medium);
  }
  .mobile\:top-large {
    top: var(--padding-large);
  }
  .mobile\:right-large {
    right: var(--padding-large);
  }
  .mobile\:bottom-large {
    bottom: var(--padding-large);
  }
  .mobile\:left-large {
    left: var(--padding-large);
  }
  .mobile\:top-extra-large {
    top: var(--padding-extra-large);
  }
  .mobile\:right-extra-large {
    right: var(--padding-extra-large);
  }
  .mobile\:bottom-extra-large {
    bottom: var(--padding-extra-large);
  }
  .mobile\:left-extra-large {
    left: var(--padding-extra-large);
  }
  .mobile\:top-huge {
    top: var(--padding-huge);
  }
  .mobile\:right-huge {
    right: var(--padding-huge);
  }
  .mobile\:bottom-huge {
    bottom: var(--padding-huge);
  }
  .mobile\:left-huge {
    left: var(--padding-huge);
  }
  .mobile\:d-none,
  .mobile\:hover\:d-none:hover,
  .mobile\:focus\:d-none:focus,
  .mobile\:focus-within\:d-none:focus-within,
  .mobile\:group:hover .group-hover\:d-none {
    display: none;
  }
  .mobile\:d-block,
  .mobile\:hover\:d-block:hover,
  .mobile\:focus\:d-block:focus,
  .mobile\:focus-within\:d-block:focus-within,
  .mobile\:group:hover .group-hover\:d-block {
    display: block;
  }
  .mobile\:d-inline-block,
  .mobile\:hover\:d-inline-block:hover,
  .mobile\:focus\:d-inline-block:focus,
  .mobile\:focus-within\:d-inline-block:focus-within,
  .mobile\:group:hover .group-hover\:d-inline-block {
    display: inline-block;
  }
  .mobile\:d-flex,
  .mobile\:hover\:d-flex:hover,
  .mobile\:focus\:d-flex:focus,
  .mobile\:focus-within\:d-flex:focus-within,
  .mobile\:group:hover .group-hover\:d-flex {
    display: flex;
  }
  .mobile\:d-inline-flex,
  .mobile\:hover\:d-inline-flex:hover,
  .mobile\:focus\:d-inline-flex:focus,
  .mobile\:focus-within\:d-inline-flex:focus-within,
  .mobile\:group:hover .group-hover\:d-inline-flex {
    display: inline-flex;
  }
  .mobile\:d-grid,
  .mobile\:hover\:d-grid:hover,
  .mobile\:focus\:d-grid:focus,
  .mobile\:focus-within\:d-grid:focus-within,
  .mobile\:group:hover .group-hover\:d-grid {
    display: grid;
  }
  .mobile\:d-inline-grid,
  .mobile\:hover\:d-inline-grid:hover,
  .mobile\:focus\:d-inline-grid:focus,
  .mobile\:focus-within\:d-inline-grid:focus-within,
  .mobile\:group:hover .group-hover\:d-inline-grid {
    display: inline-grid;
  }
  .mobile\:p-static,
  .mobile\:hover\:p-static:hover,
  .mobile\:focus\:p-static:focus,
  .mobile\:focus-within\:p-static:focus-within,
  .mobile\:group:hover .group-hover\:p-static {
    position: static;
  }
  .mobile\:p-fixed,
  .mobile\:hover\:p-fixed:hover,
  .mobile\:focus\:p-fixed:focus,
  .mobile\:focus-within\:p-fixed:focus-within,
  .mobile\:group:hover .group-hover\:p-fixed {
    position: fixed;
  }
  .mobile\:p-absolute,
  .mobile\:hover\:p-absolute:hover,
  .mobile\:focus\:p-absolute:focus,
  .mobile\:focus-within\:p-absolute:focus-within,
  .mobile\:group:hover .group-hover\:p-absolute {
    position: absolute;
  }
  .mobile\:p-relative,
  .mobile\:hover\:p-relative:hover,
  .mobile\:focus\:p-relative:focus,
  .mobile\:focus-within\:p-relative:focus-within,
  .mobile\:group:hover .group-hover\:p-relative {
    position: relative;
  }
  .mobile\:p-sticky,
  .mobile\:hover\:p-sticky:hover,
  .mobile\:focus\:p-sticky:focus,
  .mobile\:focus-within\:p-sticky:focus-within,
  .mobile\:group:hover .group-hover\:p-sticky {
    position: sticky;
  }
  .mobile\:overflow-hidden,
  .mobile\:hover\:overflow-hidden:hover,
  .mobile\:focus\:overflow-hidden:focus,
  .mobile\:focus-within\:overflow-hidden:focus-within,
  .mobile\:group:hover .group-hover\:overflow-hidden {
    overflow: hidden;
  }
  .mobile\:overflow-x-hidden,
  .mobile\:hover\:overflow-x-hidden:hover,
  .mobile\:focus\:overflow-x-hidden:focus,
  .mobile\:focus-within\:overflow-x-hidden:focus-within,
  .mobile\:group:hover .group-hover\:overflow-x-hidden {
    overflow-x: hidden;
  }
  .mobile\:overflow-y-hidden,
  .mobile\:hover\:overflow-y-hidden:hover,
  .mobile\:focus\:overflow-y-hidden:focus,
  .mobile\:focus-within\:overflow-y-hidden:focus-within,
  .mobile\:group:hover .group-hover\:overflow-y-hidden {
    overflow-y: hidden;
  }
  .mobile\:overflow-clip,
  .mobile\:hover\:overflow-clip:hover,
  .mobile\:focus\:overflow-clip:focus,
  .mobile\:focus-within\:overflow-clip:focus-within,
  .mobile\:group:hover .group-hover\:overflow-clip {
    overflow: clip;
  }
  .mobile\:overflow-x-clip,
  .mobile\:hover\:overflow-x-clip:hover,
  .mobile\:focus\:overflow-x-clip:focus,
  .mobile\:focus-within\:overflow-x-clip:focus-within,
  .mobile\:group:hover .group-hover\:overflow-x-clip {
    overflow-x: clip;
  }
  .mobile\:overflow-y-clip,
  .mobile\:hover\:overflow-y-clip:hover,
  .mobile\:focus\:overflow-y-clip:focus,
  .mobile\:focus-within\:overflow-y-clip:focus-within,
  .mobile\:group:hover .group-hover\:overflow-y-clip {
    overflow-y: clip;
  }
  .mobile\:overflow-visible,
  .mobile\:hover\:overflow-visible:hover,
  .mobile\:focus\:overflow-visible:focus,
  .mobile\:focus-within\:overflow-visible:focus-within,
  .mobile\:group:hover .group-hover\:overflow-visible {
    overflow: visible;
  }
  .mobile\:overflow-x-visible,
  .mobile\:hover\:overflow-x-visible:hover,
  .mobile\:focus\:overflow-x-visible:focus,
  .mobile\:focus-within\:overflow-x-visible:focus-within,
  .mobile\:group:hover .group-hover\:overflow-x-visible {
    overflow-x: visible;
  }
  .mobile\:overflow-y-visible,
  .mobile\:hover\:overflow-y-visible:hover,
  .mobile\:focus\:overflow-y-visible:focus,
  .mobile\:focus-within\:overflow-y-visible:focus-within,
  .mobile\:group:hover .group-hover\:overflow-y-visible {
    overflow-y: visible;
  }
  .mobile\:overflow-scroll,
  .mobile\:hover\:overflow-scroll:hover,
  .mobile\:focus\:overflow-scroll:focus,
  .mobile\:focus-within\:overflow-scroll:focus-within,
  .mobile\:group:hover .group-hover\:overflow-scroll {
    overflow: scroll;
  }
  .mobile\:overflow-x-scroll,
  .mobile\:hover\:overflow-x-scroll:hover,
  .mobile\:focus\:overflow-x-scroll:focus,
  .mobile\:focus-within\:overflow-x-scroll:focus-within,
  .mobile\:group:hover .group-hover\:overflow-x-scroll {
    overflow-x: scroll;
  }
  .mobile\:overflow-y-scroll,
  .mobile\:hover\:overflow-y-scroll:hover,
  .mobile\:focus\:overflow-y-scroll:focus,
  .mobile\:focus-within\:overflow-y-scroll:focus-within,
  .mobile\:group:hover .group-hover\:overflow-y-scroll {
    overflow-y: scroll;
  }
  .mobile\:overflow-auto,
  .mobile\:hover\:overflow-auto:hover,
  .mobile\:focus\:overflow-auto:focus,
  .mobile\:focus-within\:overflow-auto:focus-within,
  .mobile\:group:hover .group-hover\:overflow-auto {
    overflow: auto;
  }
  .mobile\:overflow-x-auto,
  .mobile\:hover\:overflow-x-auto:hover,
  .mobile\:focus\:overflow-x-auto:focus,
  .mobile\:focus-within\:overflow-x-auto:focus-within,
  .mobile\:group:hover .group-hover\:overflow-x-auto {
    overflow-x: auto;
  }
  .mobile\:overflow-y-auto,
  .mobile\:hover\:overflow-y-auto:hover,
  .mobile\:focus\:overflow-y-auto:focus,
  .mobile\:focus-within\:overflow-y-auto:focus-within,
  .mobile\:group:hover .group-hover\:overflow-y-auto {
    overflow-y: auto;
  }
  .mobile\:overflow-hidden,
  .mobile\:hover\:overflow-hidden:hover,
  .mobile\:focus\:overflow-hidden:focus,
  .mobile\:focus-within\:overflow-hidden:focus-within,
  .mobile\:group:hover .group-hover\:overflow-hidden {
    overflow: hidden;
  }
  .mobile\:scroll-lock {
    overflow: hidden !important;
  }
}
@media (max-width: 8640px) {
  .pad-none {
    padding: var(--padding-none);
  }
  .hover\:pad-none:hover {
    padding: var(--padding-none);
  }
  .pad-hairline {
    padding: var(--padding-hairline);
  }
  .hover\:pad-hairline:hover {
    padding: var(--padding-hairline);
  }
  .pad-thin {
    padding: var(--padding-thin);
  }
  .hover\:pad-thin:hover {
    padding: var(--padding-thin);
  }
  .pad-slim {
    padding: var(--padding-slim);
  }
  .hover\:pad-slim:hover {
    padding: var(--padding-slim);
  }
  .pad-extra-small {
    padding: var(--padding-extra-small);
  }
  .hover\:pad-extra-small:hover {
    padding: var(--padding-extra-small);
  }
  .pad-small {
    padding: var(--padding-small);
  }
  .hover\:pad-small:hover {
    padding: var(--padding-small);
  }
  .pad-medium {
    padding: var(--padding-medium);
  }
  .hover\:pad-medium:hover {
    padding: var(--padding-medium);
  }
  .pad-large {
    padding: var(--padding-large);
  }
  .hover\:pad-large:hover {
    padding: var(--padding-large);
  }
  .pad-extra-large {
    padding: var(--padding-extra-large);
  }
  .hover\:pad-extra-large:hover {
    padding: var(--padding-extra-large);
  }
  .pad-huge {
    padding: var(--padding-huge);
  }
  .hover\:pad-huge:hover {
    padding: var(--padding-huge);
  }
  .pad-full {
    padding: var(--padding-full);
  }
  .hover\:pad-full:hover {
    padding: var(--padding-full);
  }
  .pad-t-none {
    padding-top: var(--padding-none);
  }
  .hover\:pad-t-none:hover {
    padding-top: var(--padding-none);
  }
  .pad-t-hairline {
    padding-top: var(--padding-hairline);
  }
  .hover\:pad-t-hairline:hover {
    padding-top: var(--padding-hairline);
  }
  .pad-t-thin {
    padding-top: var(--padding-thin);
  }
  .hover\:pad-t-thin:hover {
    padding-top: var(--padding-thin);
  }
  .pad-t-slim {
    padding-top: var(--padding-slim);
  }
  .hover\:pad-t-slim:hover {
    padding-top: var(--padding-slim);
  }
  .pad-t-extra-small {
    padding-top: var(--padding-extra-small);
  }
  .hover\:pad-t-extra-small:hover {
    padding-top: var(--padding-extra-small);
  }
  .pad-t-small {
    padding-top: var(--padding-small);
  }
  .hover\:pad-t-small:hover {
    padding-top: var(--padding-small);
  }
  .pad-t-medium {
    padding-top: var(--padding-medium);
  }
  .hover\:pad-t-medium:hover {
    padding-top: var(--padding-medium);
  }
  .pad-t-large {
    padding-top: var(--padding-large);
  }
  .hover\:pad-t-large:hover {
    padding-top: var(--padding-large);
  }
  .pad-t-extra-large {
    padding-top: var(--padding-extra-large);
  }
  .hover\:pad-t-extra-large:hover {
    padding-top: var(--padding-extra-large);
  }
  .pad-t-huge {
    padding-top: var(--padding-huge);
  }
  .hover\:pad-t-huge:hover {
    padding-top: var(--padding-huge);
  }
  .pad-t-full {
    padding-top: var(--padding-full);
  }
  .hover\:pad-t-full:hover {
    padding-top: var(--padding-full);
  }
  .pad-r-none {
    padding-right: var(--padding-none);
  }
  .hover\:pad-r-none:hover {
    padding-right: var(--padding-none);
  }
  .pad-r-hairline {
    padding-right: var(--padding-hairline);
  }
  .hover\:pad-r-hairline:hover {
    padding-right: var(--padding-hairline);
  }
  .pad-r-thin {
    padding-right: var(--padding-thin);
  }
  .hover\:pad-r-thin:hover {
    padding-right: var(--padding-thin);
  }
  .pad-r-slim {
    padding-right: var(--padding-slim);
  }
  .hover\:pad-r-slim:hover {
    padding-right: var(--padding-slim);
  }
  .pad-r-extra-small {
    padding-right: var(--padding-extra-small);
  }
  .hover\:pad-r-extra-small:hover {
    padding-right: var(--padding-extra-small);
  }
  .pad-r-small {
    padding-right: var(--padding-small);
  }
  .hover\:pad-r-small:hover {
    padding-right: var(--padding-small);
  }
  .pad-r-medium {
    padding-right: var(--padding-medium);
  }
  .hover\:pad-r-medium:hover {
    padding-right: var(--padding-medium);
  }
  .pad-r-large {
    padding-right: var(--padding-large);
  }
  .hover\:pad-r-large:hover {
    padding-right: var(--padding-large);
  }
  .pad-r-extra-large {
    padding-right: var(--padding-extra-large);
  }
  .hover\:pad-r-extra-large:hover {
    padding-right: var(--padding-extra-large);
  }
  .pad-r-huge {
    padding-right: var(--padding-huge);
  }
  .hover\:pad-r-huge:hover {
    padding-right: var(--padding-huge);
  }
  .pad-r-full {
    padding-right: var(--padding-full);
  }
  .hover\:pad-r-full:hover {
    padding-right: var(--padding-full);
  }
  .pad-b-none {
    padding-bottom: var(--padding-none);
  }
  .hover\:pad-b-none:hover {
    padding-bottom: var(--padding-none);
  }
  .pad-b-hairline {
    padding-bottom: var(--padding-hairline);
  }
  .hover\:pad-b-hairline:hover {
    padding-bottom: var(--padding-hairline);
  }
  .pad-b-thin {
    padding-bottom: var(--padding-thin);
  }
  .hover\:pad-b-thin:hover {
    padding-bottom: var(--padding-thin);
  }
  .pad-b-slim {
    padding-bottom: var(--padding-slim);
  }
  .hover\:pad-b-slim:hover {
    padding-bottom: var(--padding-slim);
  }
  .pad-b-extra-small {
    padding-bottom: var(--padding-extra-small);
  }
  .hover\:pad-b-extra-small:hover {
    padding-bottom: var(--padding-extra-small);
  }
  .pad-b-small {
    padding-bottom: var(--padding-small);
  }
  .hover\:pad-b-small:hover {
    padding-bottom: var(--padding-small);
  }
  .pad-b-medium {
    padding-bottom: var(--padding-medium);
  }
  .hover\:pad-b-medium:hover {
    padding-bottom: var(--padding-medium);
  }
  .pad-b-large {
    padding-bottom: var(--padding-large);
  }
  .hover\:pad-b-large:hover {
    padding-bottom: var(--padding-large);
  }
  .pad-b-extra-large {
    padding-bottom: var(--padding-extra-large);
  }
  .hover\:pad-b-extra-large:hover {
    padding-bottom: var(--padding-extra-large);
  }
  .pad-b-huge {
    padding-bottom: var(--padding-huge);
  }
  .hover\:pad-b-huge:hover {
    padding-bottom: var(--padding-huge);
  }
  .pad-b-full {
    padding-bottom: var(--padding-full);
  }
  .hover\:pad-b-full:hover {
    padding-bottom: var(--padding-full);
  }
  .pad-l-none {
    padding-left: var(--padding-none);
  }
  .hover\:pad-l-none:hover {
    padding-left: var(--padding-none);
  }
  .pad-l-hairline {
    padding-left: var(--padding-hairline);
  }
  .hover\:pad-l-hairline:hover {
    padding-left: var(--padding-hairline);
  }
  .pad-l-thin {
    padding-left: var(--padding-thin);
  }
  .hover\:pad-l-thin:hover {
    padding-left: var(--padding-thin);
  }
  .pad-l-slim {
    padding-left: var(--padding-slim);
  }
  .hover\:pad-l-slim:hover {
    padding-left: var(--padding-slim);
  }
  .pad-l-extra-small {
    padding-left: var(--padding-extra-small);
  }
  .hover\:pad-l-extra-small:hover {
    padding-left: var(--padding-extra-small);
  }
  .pad-l-small {
    padding-left: var(--padding-small);
  }
  .hover\:pad-l-small:hover {
    padding-left: var(--padding-small);
  }
  .pad-l-medium {
    padding-left: var(--padding-medium);
  }
  .hover\:pad-l-medium:hover {
    padding-left: var(--padding-medium);
  }
  .pad-l-large {
    padding-left: var(--padding-large);
  }
  .hover\:pad-l-large:hover {
    padding-left: var(--padding-large);
  }
  .pad-l-extra-large {
    padding-left: var(--padding-extra-large);
  }
  .hover\:pad-l-extra-large:hover {
    padding-left: var(--padding-extra-large);
  }
  .pad-l-huge {
    padding-left: var(--padding-huge);
  }
  .hover\:pad-l-huge:hover {
    padding-left: var(--padding-huge);
  }
  .pad-l-full {
    padding-left: var(--padding-full);
  }
  .hover\:pad-l-full:hover {
    padding-left: var(--padding-full);
  }
  .pad-h-none {
    padding-left: var(--padding-none);
    padding-right: var(--padding-none);
  }
  .hover\:pad-h-none:hover {
    padding-left: var(--padding-none);
    padding-right: var(--padding-none);
  }
  .pad-h-hairline {
    padding-left: var(--padding-hairline);
    padding-right: var(--padding-hairline);
  }
  .hover\:pad-h-hairline:hover {
    padding-left: var(--padding-hairline);
    padding-right: var(--padding-hairline);
  }
  .pad-h-thin {
    padding-left: var(--padding-thin);
    padding-right: var(--padding-thin);
  }
  .hover\:pad-h-thin:hover {
    padding-left: var(--padding-thin);
    padding-right: var(--padding-thin);
  }
  .pad-h-slim {
    padding-left: var(--padding-slim);
    padding-right: var(--padding-slim);
  }
  .hover\:pad-h-slim:hover {
    padding-left: var(--padding-slim);
    padding-right: var(--padding-slim);
  }
  .pad-h-extra-small {
    padding-left: var(--padding-extra-small);
    padding-right: var(--padding-extra-small);
  }
  .hover\:pad-h-extra-small:hover {
    padding-left: var(--padding-extra-small);
    padding-right: var(--padding-extra-small);
  }
  .pad-h-small {
    padding-left: var(--padding-small);
    padding-right: var(--padding-small);
  }
  .hover\:pad-h-small:hover {
    padding-left: var(--padding-small);
    padding-right: var(--padding-small);
  }
  .pad-h-medium {
    padding-left: var(--padding-medium);
    padding-right: var(--padding-medium);
  }
  .hover\:pad-h-medium:hover {
    padding-left: var(--padding-medium);
    padding-right: var(--padding-medium);
  }
  .pad-h-large {
    padding-left: var(--padding-large);
    padding-right: var(--padding-large);
  }
  .hover\:pad-h-large:hover {
    padding-left: var(--padding-large);
    padding-right: var(--padding-large);
  }
  .pad-h-extra-large {
    padding-left: var(--padding-extra-large);
    padding-right: var(--padding-extra-large);
  }
  .hover\:pad-h-extra-large:hover {
    padding-left: var(--padding-extra-large);
    padding-right: var(--padding-extra-large);
  }
  .pad-h-huge {
    padding-left: var(--padding-huge);
    padding-right: var(--padding-huge);
  }
  .hover\:pad-h-huge:hover {
    padding-left: var(--padding-huge);
    padding-right: var(--padding-huge);
  }
  .pad-h-full {
    padding-left: var(--padding-full);
    padding-right: var(--padding-full);
  }
  .hover\:pad-h-full:hover {
    padding-left: var(--padding-full);
    padding-right: var(--padding-full);
  }
  .pad-v-none {
    padding-bottom: var(--padding-none);
    padding-top: var(--padding-none);
  }
  .hover\:pad-v-none:hover {
    padding-bottom: var(--padding-none);
    padding-top: var(--padding-none);
  }
  .pad-v-hairline {
    padding-bottom: var(--padding-hairline);
    padding-top: var(--padding-hairline);
  }
  .hover\:pad-v-hairline:hover {
    padding-bottom: var(--padding-hairline);
    padding-top: var(--padding-hairline);
  }
  .pad-v-thin {
    padding-bottom: var(--padding-thin);
    padding-top: var(--padding-thin);
  }
  .hover\:pad-v-thin:hover {
    padding-bottom: var(--padding-thin);
    padding-top: var(--padding-thin);
  }
  .pad-v-slim {
    padding-bottom: var(--padding-slim);
    padding-top: var(--padding-slim);
  }
  .hover\:pad-v-slim:hover {
    padding-bottom: var(--padding-slim);
    padding-top: var(--padding-slim);
  }
  .pad-v-extra-small {
    padding-bottom: var(--padding-extra-small);
    padding-top: var(--padding-extra-small);
  }
  .hover\:pad-v-extra-small:hover {
    padding-bottom: var(--padding-extra-small);
    padding-top: var(--padding-extra-small);
  }
  .pad-v-small {
    padding-bottom: var(--padding-small);
    padding-top: var(--padding-small);
  }
  .hover\:pad-v-small:hover {
    padding-bottom: var(--padding-small);
    padding-top: var(--padding-small);
  }
  .pad-v-medium {
    padding-bottom: var(--padding-medium);
    padding-top: var(--padding-medium);
  }
  .hover\:pad-v-medium:hover {
    padding-bottom: var(--padding-medium);
    padding-top: var(--padding-medium);
  }
  .pad-v-large {
    padding-bottom: var(--padding-large);
    padding-top: var(--padding-large);
  }
  .hover\:pad-v-large:hover {
    padding-bottom: var(--padding-large);
    padding-top: var(--padding-large);
  }
  .pad-v-extra-large {
    padding-bottom: var(--padding-extra-large);
    padding-top: var(--padding-extra-large);
  }
  .hover\:pad-v-extra-large:hover {
    padding-bottom: var(--padding-extra-large);
    padding-top: var(--padding-extra-large);
  }
  .pad-v-huge {
    padding-bottom: var(--padding-huge);
    padding-top: var(--padding-huge);
  }
  .hover\:pad-v-huge:hover {
    padding-bottom: var(--padding-huge);
    padding-top: var(--padding-huge);
  }
  .pad-v-full {
    padding-bottom: var(--padding-full);
    padding-top: var(--padding-full);
  }
  .hover\:pad-v-full:hover {
    padding-bottom: var(--padding-full);
    padding-top: var(--padding-full);
  }
  .marg-none {
    margin: var(--padding-none);
  }
  .hover\:marg-none:hover {
    margin: var(--padding-none);
  }
  .-marg-none {
    margin: calc(-1 * var(--padding-none));
  }
  .hover\:-marg-none:hover {
    margin: calc(-1 * var(--padding-none));
  }
  .marg-hairline {
    margin: var(--padding-hairline);
  }
  .hover\:marg-hairline:hover {
    margin: var(--padding-hairline);
  }
  .-marg-hairline {
    margin: calc(-1 * var(--padding-hairline));
  }
  .hover\:-marg-hairline:hover {
    margin: calc(-1 * var(--padding-hairline));
  }
  .marg-thin {
    margin: var(--padding-thin);
  }
  .hover\:marg-thin:hover {
    margin: var(--padding-thin);
  }
  .-marg-thin {
    margin: calc(-1 * var(--padding-thin));
  }
  .hover\:-marg-thin:hover {
    margin: calc(-1 * var(--padding-thin));
  }
  .marg-slim {
    margin: var(--padding-slim);
  }
  .hover\:marg-slim:hover {
    margin: var(--padding-slim);
  }
  .-marg-slim {
    margin: calc(-1 * var(--padding-slim));
  }
  .hover\:-marg-slim:hover {
    margin: calc(-1 * var(--padding-slim));
  }
  .marg-extra-small {
    margin: var(--padding-extra-small);
  }
  .hover\:marg-extra-small:hover {
    margin: var(--padding-extra-small);
  }
  .-marg-extra-small {
    margin: calc(-1 * var(--padding-extra-small));
  }
  .hover\:-marg-extra-small:hover {
    margin: calc(-1 * var(--padding-extra-small));
  }
  .marg-small {
    margin: var(--padding-small);
  }
  .hover\:marg-small:hover {
    margin: var(--padding-small);
  }
  .-marg-small {
    margin: calc(-1 * var(--padding-small));
  }
  .hover\:-marg-small:hover {
    margin: calc(-1 * var(--padding-small));
  }
  .marg-medium {
    margin: var(--padding-medium);
  }
  .hover\:marg-medium:hover {
    margin: var(--padding-medium);
  }
  .-marg-medium {
    margin: calc(-1 * var(--padding-medium));
  }
  .hover\:-marg-medium:hover {
    margin: calc(-1 * var(--padding-medium));
  }
  .marg-large {
    margin: var(--padding-large);
  }
  .hover\:marg-large:hover {
    margin: var(--padding-large);
  }
  .-marg-large {
    margin: calc(-1 * var(--padding-large));
  }
  .hover\:-marg-large:hover {
    margin: calc(-1 * var(--padding-large));
  }
  .marg-extra-large {
    margin: var(--padding-extra-large);
  }
  .hover\:marg-extra-large:hover {
    margin: var(--padding-extra-large);
  }
  .-marg-extra-large {
    margin: calc(-1 * var(--padding-extra-large));
  }
  .hover\:-marg-extra-large:hover {
    margin: calc(-1 * var(--padding-extra-large));
  }
  .marg-huge {
    margin: var(--padding-huge);
  }
  .hover\:marg-huge:hover {
    margin: var(--padding-huge);
  }
  .-marg-huge {
    margin: calc(-1 * var(--padding-huge));
  }
  .hover\:-marg-huge:hover {
    margin: calc(-1 * var(--padding-huge));
  }
  .marg-full {
    margin: var(--padding-full);
  }
  .hover\:marg-full:hover {
    margin: var(--padding-full);
  }
  .-marg-full {
    margin: calc(-1 * var(--padding-full));
  }
  .hover\:-marg-full:hover {
    margin: calc(-1 * var(--padding-full));
  }
  .marg-auto {
    margin: auto;
  }
  .hover\:marg-auto:hover {
    margin: auto;
  }
  .marg-t-none {
    margin-top: var(--padding-none);
  }
  .hover\:marg-t-none:hover {
    margin-top: var(--padding-none);
  }
  .-marg-t-none {
    margin-top: calc(-1 * var(--padding-none));
  }
  .hover\:-marg-t-none:hover {
    margin-top: calc(-1 * var(--padding-none));
  }
  .marg-t-hairline {
    margin-top: var(--padding-hairline);
  }
  .hover\:marg-t-hairline:hover {
    margin-top: var(--padding-hairline);
  }
  .-marg-t-hairline {
    margin-top: calc(-1 * var(--padding-hairline));
  }
  .hover\:-marg-t-hairline:hover {
    margin-top: calc(-1 * var(--padding-hairline));
  }
  .marg-t-thin {
    margin-top: var(--padding-thin);
  }
  .hover\:marg-t-thin:hover {
    margin-top: var(--padding-thin);
  }
  .-marg-t-thin {
    margin-top: calc(-1 * var(--padding-thin));
  }
  .hover\:-marg-t-thin:hover {
    margin-top: calc(-1 * var(--padding-thin));
  }
  .marg-t-slim {
    margin-top: var(--padding-slim);
  }
  .hover\:marg-t-slim:hover {
    margin-top: var(--padding-slim);
  }
  .-marg-t-slim {
    margin-top: calc(-1 * var(--padding-slim));
  }
  .hover\:-marg-t-slim:hover {
    margin-top: calc(-1 * var(--padding-slim));
  }
  .marg-t-extra-small {
    margin-top: var(--padding-extra-small);
  }
  .hover\:marg-t-extra-small:hover {
    margin-top: var(--padding-extra-small);
  }
  .-marg-t-extra-small {
    margin-top: calc(-1 * var(--padding-extra-small));
  }
  .hover\:-marg-t-extra-small:hover {
    margin-top: calc(-1 * var(--padding-extra-small));
  }
  .marg-t-small {
    margin-top: var(--padding-small);
  }
  .hover\:marg-t-small:hover {
    margin-top: var(--padding-small);
  }
  .-marg-t-small {
    margin-top: calc(-1 * var(--padding-small));
  }
  .hover\:-marg-t-small:hover {
    margin-top: calc(-1 * var(--padding-small));
  }
  .marg-t-medium {
    margin-top: var(--padding-medium);
  }
  .hover\:marg-t-medium:hover {
    margin-top: var(--padding-medium);
  }
  .-marg-t-medium {
    margin-top: calc(-1 * var(--padding-medium));
  }
  .hover\:-marg-t-medium:hover {
    margin-top: calc(-1 * var(--padding-medium));
  }
  .marg-t-large {
    margin-top: var(--padding-large);
  }
  .hover\:marg-t-large:hover {
    margin-top: var(--padding-large);
  }
  .-marg-t-large {
    margin-top: calc(-1 * var(--padding-large));
  }
  .hover\:-marg-t-large:hover {
    margin-top: calc(-1 * var(--padding-large));
  }
  .marg-t-extra-large {
    margin-top: var(--padding-extra-large);
  }
  .hover\:marg-t-extra-large:hover {
    margin-top: var(--padding-extra-large);
  }
  .-marg-t-extra-large {
    margin-top: calc(-1 * var(--padding-extra-large));
  }
  .hover\:-marg-t-extra-large:hover {
    margin-top: calc(-1 * var(--padding-extra-large));
  }
  .marg-t-huge {
    margin-top: var(--padding-huge);
  }
  .hover\:marg-t-huge:hover {
    margin-top: var(--padding-huge);
  }
  .-marg-t-huge {
    margin-top: calc(-1 * var(--padding-huge));
  }
  .hover\:-marg-t-huge:hover {
    margin-top: calc(-1 * var(--padding-huge));
  }
  .marg-t-full {
    margin-top: var(--padding-full);
  }
  .hover\:marg-t-full:hover {
    margin-top: var(--padding-full);
  }
  .-marg-t-full {
    margin-top: calc(-1 * var(--padding-full));
  }
  .hover\:-marg-t-full:hover {
    margin-top: calc(-1 * var(--padding-full));
  }
  .marg-t-auto {
    margin-top: auto;
  }
  .hover\:marg-t-auto:hover {
    margin-top: auto;
  }
  .marg-r-none {
    margin-right: var(--padding-none);
  }
  .hover\:marg-r-none:hover {
    margin-right: var(--padding-none);
  }
  .-marg-r-none {
    margin-right: calc(-1 * var(--padding-none));
  }
  .hover\:-marg-r-none:hover {
    margin-right: calc(-1 * var(--padding-none));
  }
  .marg-r-hairline {
    margin-right: var(--padding-hairline);
  }
  .hover\:marg-r-hairline:hover {
    margin-right: var(--padding-hairline);
  }
  .-marg-r-hairline {
    margin-right: calc(-1 * var(--padding-hairline));
  }
  .hover\:-marg-r-hairline:hover {
    margin-right: calc(-1 * var(--padding-hairline));
  }
  .marg-r-thin {
    margin-right: var(--padding-thin);
  }
  .hover\:marg-r-thin:hover {
    margin-right: var(--padding-thin);
  }
  .-marg-r-thin {
    margin-right: calc(-1 * var(--padding-thin));
  }
  .hover\:-marg-r-thin:hover {
    margin-right: calc(-1 * var(--padding-thin));
  }
  .marg-r-slim {
    margin-right: var(--padding-slim);
  }
  .hover\:marg-r-slim:hover {
    margin-right: var(--padding-slim);
  }
  .-marg-r-slim {
    margin-right: calc(-1 * var(--padding-slim));
  }
  .hover\:-marg-r-slim:hover {
    margin-right: calc(-1 * var(--padding-slim));
  }
  .marg-r-extra-small {
    margin-right: var(--padding-extra-small);
  }
  .hover\:marg-r-extra-small:hover {
    margin-right: var(--padding-extra-small);
  }
  .-marg-r-extra-small {
    margin-right: calc(-1 * var(--padding-extra-small));
  }
  .hover\:-marg-r-extra-small:hover {
    margin-right: calc(-1 * var(--padding-extra-small));
  }
  .marg-r-small {
    margin-right: var(--padding-small);
  }
  .hover\:marg-r-small:hover {
    margin-right: var(--padding-small);
  }
  .-marg-r-small {
    margin-right: calc(-1 * var(--padding-small));
  }
  .hover\:-marg-r-small:hover {
    margin-right: calc(-1 * var(--padding-small));
  }
  .marg-r-medium {
    margin-right: var(--padding-medium);
  }
  .hover\:marg-r-medium:hover {
    margin-right: var(--padding-medium);
  }
  .-marg-r-medium {
    margin-right: calc(-1 * var(--padding-medium));
  }
  .hover\:-marg-r-medium:hover {
    margin-right: calc(-1 * var(--padding-medium));
  }
  .marg-r-large {
    margin-right: var(--padding-large);
  }
  .hover\:marg-r-large:hover {
    margin-right: var(--padding-large);
  }
  .-marg-r-large {
    margin-right: calc(-1 * var(--padding-large));
  }
  .hover\:-marg-r-large:hover {
    margin-right: calc(-1 * var(--padding-large));
  }
  .marg-r-extra-large {
    margin-right: var(--padding-extra-large);
  }
  .hover\:marg-r-extra-large:hover {
    margin-right: var(--padding-extra-large);
  }
  .-marg-r-extra-large {
    margin-right: calc(-1 * var(--padding-extra-large));
  }
  .hover\:-marg-r-extra-large:hover {
    margin-right: calc(-1 * var(--padding-extra-large));
  }
  .marg-r-huge {
    margin-right: var(--padding-huge);
  }
  .hover\:marg-r-huge:hover {
    margin-right: var(--padding-huge);
  }
  .-marg-r-huge {
    margin-right: calc(-1 * var(--padding-huge));
  }
  .hover\:-marg-r-huge:hover {
    margin-right: calc(-1 * var(--padding-huge));
  }
  .marg-r-full {
    margin-right: var(--padding-full);
  }
  .hover\:marg-r-full:hover {
    margin-right: var(--padding-full);
  }
  .-marg-r-full {
    margin-right: calc(-1 * var(--padding-full));
  }
  .hover\:-marg-r-full:hover {
    margin-right: calc(-1 * var(--padding-full));
  }
  .marg-r-auto {
    margin-right: auto;
  }
  .hover\:marg-r-auto:hover {
    margin-right: auto;
  }
  .marg-b-none {
    margin-bottom: var(--padding-none);
  }
  .hover\:marg-b-none:hover {
    margin-bottom: var(--padding-none);
  }
  .-marg-b-none {
    margin-bottom: calc(-1 * var(--padding-none));
  }
  .hover\:-marg-b-none:hover {
    margin-bottom: calc(-1 * var(--padding-none));
  }
  .marg-b-hairline {
    margin-bottom: var(--padding-hairline);
  }
  .hover\:marg-b-hairline:hover {
    margin-bottom: var(--padding-hairline);
  }
  .-marg-b-hairline {
    margin-bottom: calc(-1 * var(--padding-hairline));
  }
  .hover\:-marg-b-hairline:hover {
    margin-bottom: calc(-1 * var(--padding-hairline));
  }
  .marg-b-thin {
    margin-bottom: var(--padding-thin);
  }
  .hover\:marg-b-thin:hover {
    margin-bottom: var(--padding-thin);
  }
  .-marg-b-thin {
    margin-bottom: calc(-1 * var(--padding-thin));
  }
  .hover\:-marg-b-thin:hover {
    margin-bottom: calc(-1 * var(--padding-thin));
  }
  .marg-b-slim {
    margin-bottom: var(--padding-slim);
  }
  .hover\:marg-b-slim:hover {
    margin-bottom: var(--padding-slim);
  }
  .-marg-b-slim {
    margin-bottom: calc(-1 * var(--padding-slim));
  }
  .hover\:-marg-b-slim:hover {
    margin-bottom: calc(-1 * var(--padding-slim));
  }
  .marg-b-extra-small {
    margin-bottom: var(--padding-extra-small);
  }
  .hover\:marg-b-extra-small:hover {
    margin-bottom: var(--padding-extra-small);
  }
  .-marg-b-extra-small {
    margin-bottom: calc(-1 * var(--padding-extra-small));
  }
  .hover\:-marg-b-extra-small:hover {
    margin-bottom: calc(-1 * var(--padding-extra-small));
  }
  .marg-b-small {
    margin-bottom: var(--padding-small);
  }
  .hover\:marg-b-small:hover {
    margin-bottom: var(--padding-small);
  }
  .-marg-b-small {
    margin-bottom: calc(-1 * var(--padding-small));
  }
  .hover\:-marg-b-small:hover {
    margin-bottom: calc(-1 * var(--padding-small));
  }
  .marg-b-medium {
    margin-bottom: var(--padding-medium);
  }
  .hover\:marg-b-medium:hover {
    margin-bottom: var(--padding-medium);
  }
  .-marg-b-medium {
    margin-bottom: calc(-1 * var(--padding-medium));
  }
  .hover\:-marg-b-medium:hover {
    margin-bottom: calc(-1 * var(--padding-medium));
  }
  .marg-b-large {
    margin-bottom: var(--padding-large);
  }
  .hover\:marg-b-large:hover {
    margin-bottom: var(--padding-large);
  }
  .-marg-b-large {
    margin-bottom: calc(-1 * var(--padding-large));
  }
  .hover\:-marg-b-large:hover {
    margin-bottom: calc(-1 * var(--padding-large));
  }
  .marg-b-extra-large {
    margin-bottom: var(--padding-extra-large);
  }
  .hover\:marg-b-extra-large:hover {
    margin-bottom: var(--padding-extra-large);
  }
  .-marg-b-extra-large {
    margin-bottom: calc(-1 * var(--padding-extra-large));
  }
  .hover\:-marg-b-extra-large:hover {
    margin-bottom: calc(-1 * var(--padding-extra-large));
  }
  .marg-b-huge {
    margin-bottom: var(--padding-huge);
  }
  .hover\:marg-b-huge:hover {
    margin-bottom: var(--padding-huge);
  }
  .-marg-b-huge {
    margin-bottom: calc(-1 * var(--padding-huge));
  }
  .hover\:-marg-b-huge:hover {
    margin-bottom: calc(-1 * var(--padding-huge));
  }
  .marg-b-full {
    margin-bottom: var(--padding-full);
  }
  .hover\:marg-b-full:hover {
    margin-bottom: var(--padding-full);
  }
  .-marg-b-full {
    margin-bottom: calc(-1 * var(--padding-full));
  }
  .hover\:-marg-b-full:hover {
    margin-bottom: calc(-1 * var(--padding-full));
  }
  .marg-b-auto {
    margin-bottom: auto;
  }
  .hover\:marg-b-auto:hover {
    margin-bottom: auto;
  }
  .marg-l-none {
    margin-left: var(--padding-none);
  }
  .hover\:marg-l-none:hover {
    margin-left: var(--padding-none);
  }
  .-marg-l-none {
    margin-left: calc(-1 * var(--padding-none));
  }
  .hover\:-marg-l-none:hover {
    margin-left: calc(-1 * var(--padding-none));
  }
  .marg-l-hairline {
    margin-left: var(--padding-hairline);
  }
  .hover\:marg-l-hairline:hover {
    margin-left: var(--padding-hairline);
  }
  .-marg-l-hairline {
    margin-left: calc(-1 * var(--padding-hairline));
  }
  .hover\:-marg-l-hairline:hover {
    margin-left: calc(-1 * var(--padding-hairline));
  }
  .marg-l-thin {
    margin-left: var(--padding-thin);
  }
  .hover\:marg-l-thin:hover {
    margin-left: var(--padding-thin);
  }
  .-marg-l-thin {
    margin-left: calc(-1 * var(--padding-thin));
  }
  .hover\:-marg-l-thin:hover {
    margin-left: calc(-1 * var(--padding-thin));
  }
  .marg-l-slim {
    margin-left: var(--padding-slim);
  }
  .hover\:marg-l-slim:hover {
    margin-left: var(--padding-slim);
  }
  .-marg-l-slim {
    margin-left: calc(-1 * var(--padding-slim));
  }
  .hover\:-marg-l-slim:hover {
    margin-left: calc(-1 * var(--padding-slim));
  }
  .marg-l-extra-small {
    margin-left: var(--padding-extra-small);
  }
  .hover\:marg-l-extra-small:hover {
    margin-left: var(--padding-extra-small);
  }
  .-marg-l-extra-small {
    margin-left: calc(-1 * var(--padding-extra-small));
  }
  .hover\:-marg-l-extra-small:hover {
    margin-left: calc(-1 * var(--padding-extra-small));
  }
  .marg-l-small {
    margin-left: var(--padding-small);
  }
  .hover\:marg-l-small:hover {
    margin-left: var(--padding-small);
  }
  .-marg-l-small {
    margin-left: calc(-1 * var(--padding-small));
  }
  .hover\:-marg-l-small:hover {
    margin-left: calc(-1 * var(--padding-small));
  }
  .marg-l-medium {
    margin-left: var(--padding-medium);
  }
  .hover\:marg-l-medium:hover {
    margin-left: var(--padding-medium);
  }
  .-marg-l-medium {
    margin-left: calc(-1 * var(--padding-medium));
  }
  .hover\:-marg-l-medium:hover {
    margin-left: calc(-1 * var(--padding-medium));
  }
  .marg-l-large {
    margin-left: var(--padding-large);
  }
  .hover\:marg-l-large:hover {
    margin-left: var(--padding-large);
  }
  .-marg-l-large {
    margin-left: calc(-1 * var(--padding-large));
  }
  .hover\:-marg-l-large:hover {
    margin-left: calc(-1 * var(--padding-large));
  }
  .marg-l-extra-large {
    margin-left: var(--padding-extra-large);
  }
  .hover\:marg-l-extra-large:hover {
    margin-left: var(--padding-extra-large);
  }
  .-marg-l-extra-large {
    margin-left: calc(-1 * var(--padding-extra-large));
  }
  .hover\:-marg-l-extra-large:hover {
    margin-left: calc(-1 * var(--padding-extra-large));
  }
  .marg-l-huge {
    margin-left: var(--padding-huge);
  }
  .hover\:marg-l-huge:hover {
    margin-left: var(--padding-huge);
  }
  .-marg-l-huge {
    margin-left: calc(-1 * var(--padding-huge));
  }
  .hover\:-marg-l-huge:hover {
    margin-left: calc(-1 * var(--padding-huge));
  }
  .marg-l-full {
    margin-left: var(--padding-full);
  }
  .hover\:marg-l-full:hover {
    margin-left: var(--padding-full);
  }
  .-marg-l-full {
    margin-left: calc(-1 * var(--padding-full));
  }
  .hover\:-marg-l-full:hover {
    margin-left: calc(-1 * var(--padding-full));
  }
  .marg-l-auto {
    margin-left: auto;
  }
  .hover\:marg-l-auto:hover {
    margin-left: auto;
  }
  .marg-h-none {
    margin-left: var(--padding-none);
    margin-right: var(--padding-none);
  }
  .hover\:marg-h-none:hover {
    margin-left: var(--padding-none);
    margin-right: var(--padding-none);
  }
  .-marg-h-none {
    margin-left: calc(-1 * var(--padding-none));
    margin-right: calc(-1 * var(--padding-none));
  }
  .hover\:-marg-h-none:hover {
    margin-left: calc(-1 * var(--padding-none));
    margin-right: calc(-1 * var(--padding-none));
  }
  .marg-h-hairline {
    margin-left: var(--padding-hairline);
    margin-right: var(--padding-hairline);
  }
  .hover\:marg-h-hairline:hover {
    margin-left: var(--padding-hairline);
    margin-right: var(--padding-hairline);
  }
  .-marg-h-hairline {
    margin-left: calc(-1 * var(--padding-hairline));
    margin-right: calc(-1 * var(--padding-hairline));
  }
  .hover\:-marg-h-hairline:hover {
    margin-left: calc(-1 * var(--padding-hairline));
    margin-right: calc(-1 * var(--padding-hairline));
  }
  .marg-h-thin {
    margin-left: var(--padding-thin);
    margin-right: var(--padding-thin);
  }
  .hover\:marg-h-thin:hover {
    margin-left: var(--padding-thin);
    margin-right: var(--padding-thin);
  }
  .-marg-h-thin {
    margin-left: calc(-1 * var(--padding-thin));
    margin-right: calc(-1 * var(--padding-thin));
  }
  .hover\:-marg-h-thin:hover {
    margin-left: calc(-1 * var(--padding-thin));
    margin-right: calc(-1 * var(--padding-thin));
  }
  .marg-h-slim {
    margin-left: var(--padding-slim);
    margin-right: var(--padding-slim);
  }
  .hover\:marg-h-slim:hover {
    margin-left: var(--padding-slim);
    margin-right: var(--padding-slim);
  }
  .-marg-h-slim {
    margin-left: calc(-1 * var(--padding-slim));
    margin-right: calc(-1 * var(--padding-slim));
  }
  .hover\:-marg-h-slim:hover {
    margin-left: calc(-1 * var(--padding-slim));
    margin-right: calc(-1 * var(--padding-slim));
  }
  .marg-h-extra-small {
    margin-left: var(--padding-extra-small);
    margin-right: var(--padding-extra-small);
  }
  .hover\:marg-h-extra-small:hover {
    margin-left: var(--padding-extra-small);
    margin-right: var(--padding-extra-small);
  }
  .-marg-h-extra-small {
    margin-left: calc(-1 * var(--padding-extra-small));
    margin-right: calc(-1 * var(--padding-extra-small));
  }
  .hover\:-marg-h-extra-small:hover {
    margin-left: calc(-1 * var(--padding-extra-small));
    margin-right: calc(-1 * var(--padding-extra-small));
  }
  .marg-h-small {
    margin-left: var(--padding-small);
    margin-right: var(--padding-small);
  }
  .hover\:marg-h-small:hover {
    margin-left: var(--padding-small);
    margin-right: var(--padding-small);
  }
  .-marg-h-small {
    margin-left: calc(-1 * var(--padding-small));
    margin-right: calc(-1 * var(--padding-small));
  }
  .hover\:-marg-h-small:hover {
    margin-left: calc(-1 * var(--padding-small));
    margin-right: calc(-1 * var(--padding-small));
  }
  .marg-h-medium {
    margin-left: var(--padding-medium);
    margin-right: var(--padding-medium);
  }
  .hover\:marg-h-medium:hover {
    margin-left: var(--padding-medium);
    margin-right: var(--padding-medium);
  }
  .-marg-h-medium {
    margin-left: calc(-1 * var(--padding-medium));
    margin-right: calc(-1 * var(--padding-medium));
  }
  .hover\:-marg-h-medium:hover {
    margin-left: calc(-1 * var(--padding-medium));
    margin-right: calc(-1 * var(--padding-medium));
  }
  .marg-h-large {
    margin-left: var(--padding-large);
    margin-right: var(--padding-large);
  }
  .hover\:marg-h-large:hover {
    margin-left: var(--padding-large);
    margin-right: var(--padding-large);
  }
  .-marg-h-large {
    margin-left: calc(-1 * var(--padding-large));
    margin-right: calc(-1 * var(--padding-large));
  }
  .hover\:-marg-h-large:hover {
    margin-left: calc(-1 * var(--padding-large));
    margin-right: calc(-1 * var(--padding-large));
  }
  .marg-h-extra-large {
    margin-left: var(--padding-extra-large);
    margin-right: var(--padding-extra-large);
  }
  .hover\:marg-h-extra-large:hover {
    margin-left: var(--padding-extra-large);
    margin-right: var(--padding-extra-large);
  }
  .-marg-h-extra-large {
    margin-left: calc(-1 * var(--padding-extra-large));
    margin-right: calc(-1 * var(--padding-extra-large));
  }
  .hover\:-marg-h-extra-large:hover {
    margin-left: calc(-1 * var(--padding-extra-large));
    margin-right: calc(-1 * var(--padding-extra-large));
  }
  .marg-h-huge {
    margin-left: var(--padding-huge);
    margin-right: var(--padding-huge);
  }
  .hover\:marg-h-huge:hover {
    margin-left: var(--padding-huge);
    margin-right: var(--padding-huge);
  }
  .-marg-h-huge {
    margin-left: calc(-1 * var(--padding-huge));
    margin-right: calc(-1 * var(--padding-huge));
  }
  .hover\:-marg-h-huge:hover {
    margin-left: calc(-1 * var(--padding-huge));
    margin-right: calc(-1 * var(--padding-huge));
  }
  .marg-h-full {
    margin-left: var(--padding-full);
    margin-right: var(--padding-full);
  }
  .hover\:marg-h-full:hover {
    margin-left: var(--padding-full);
    margin-right: var(--padding-full);
  }
  .-marg-h-full {
    margin-left: calc(-1 * var(--padding-full));
    margin-right: calc(-1 * var(--padding-full));
  }
  .hover\:-marg-h-full:hover {
    margin-left: calc(-1 * var(--padding-full));
    margin-right: calc(-1 * var(--padding-full));
  }
  .marg-h-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .hover\:marg-h-auto:hover {
    margin-left: auto;
    margin-right: auto;
  }
  .marg-v-none {
    margin-bottom: var(--padding-none);
    margin-top: var(--padding-none);
  }
  .hover\:marg-v-none:hover {
    margin-bottom: var(--padding-none);
    margin-top: var(--padding-none);
  }
  .-marg-v-none {
    margin-bottom: calc(-1 * var(--padding-none));
    margin-top: calc(-1 * var(--padding-none));
  }
  .hover\:-marg-v-none:hover {
    margin-bottom: calc(-1 * var(--padding-none));
    margin-top: calc(-1 * var(--padding-none));
  }
  .marg-v-hairline {
    margin-bottom: var(--padding-hairline);
    margin-top: var(--padding-hairline);
  }
  .hover\:marg-v-hairline:hover {
    margin-bottom: var(--padding-hairline);
    margin-top: var(--padding-hairline);
  }
  .-marg-v-hairline {
    margin-bottom: calc(-1 * var(--padding-hairline));
    margin-top: calc(-1 * var(--padding-hairline));
  }
  .hover\:-marg-v-hairline:hover {
    margin-bottom: calc(-1 * var(--padding-hairline));
    margin-top: calc(-1 * var(--padding-hairline));
  }
  .marg-v-thin {
    margin-bottom: var(--padding-thin);
    margin-top: var(--padding-thin);
  }
  .hover\:marg-v-thin:hover {
    margin-bottom: var(--padding-thin);
    margin-top: var(--padding-thin);
  }
  .-marg-v-thin {
    margin-bottom: calc(-1 * var(--padding-thin));
    margin-top: calc(-1 * var(--padding-thin));
  }
  .hover\:-marg-v-thin:hover {
    margin-bottom: calc(-1 * var(--padding-thin));
    margin-top: calc(-1 * var(--padding-thin));
  }
  .marg-v-slim {
    margin-bottom: var(--padding-slim);
    margin-top: var(--padding-slim);
  }
  .hover\:marg-v-slim:hover {
    margin-bottom: var(--padding-slim);
    margin-top: var(--padding-slim);
  }
  .-marg-v-slim {
    margin-bottom: calc(-1 * var(--padding-slim));
    margin-top: calc(-1 * var(--padding-slim));
  }
  .hover\:-marg-v-slim:hover {
    margin-bottom: calc(-1 * var(--padding-slim));
    margin-top: calc(-1 * var(--padding-slim));
  }
  .marg-v-extra-small {
    margin-bottom: var(--padding-extra-small);
    margin-top: var(--padding-extra-small);
  }
  .hover\:marg-v-extra-small:hover {
    margin-bottom: var(--padding-extra-small);
    margin-top: var(--padding-extra-small);
  }
  .-marg-v-extra-small {
    margin-bottom: calc(-1 * var(--padding-extra-small));
    margin-top: calc(-1 * var(--padding-extra-small));
  }
  .hover\:-marg-v-extra-small:hover {
    margin-bottom: calc(-1 * var(--padding-extra-small));
    margin-top: calc(-1 * var(--padding-extra-small));
  }
  .marg-v-small {
    margin-bottom: var(--padding-small);
    margin-top: var(--padding-small);
  }
  .hover\:marg-v-small:hover {
    margin-bottom: var(--padding-small);
    margin-top: var(--padding-small);
  }
  .-marg-v-small {
    margin-bottom: calc(-1 * var(--padding-small));
    margin-top: calc(-1 * var(--padding-small));
  }
  .hover\:-marg-v-small:hover {
    margin-bottom: calc(-1 * var(--padding-small));
    margin-top: calc(-1 * var(--padding-small));
  }
  .marg-v-medium {
    margin-bottom: var(--padding-medium);
    margin-top: var(--padding-medium);
  }
  .hover\:marg-v-medium:hover {
    margin-bottom: var(--padding-medium);
    margin-top: var(--padding-medium);
  }
  .-marg-v-medium {
    margin-bottom: calc(-1 * var(--padding-medium));
    margin-top: calc(-1 * var(--padding-medium));
  }
  .hover\:-marg-v-medium:hover {
    margin-bottom: calc(-1 * var(--padding-medium));
    margin-top: calc(-1 * var(--padding-medium));
  }
  .marg-v-large {
    margin-bottom: var(--padding-large);
    margin-top: var(--padding-large);
  }
  .hover\:marg-v-large:hover {
    margin-bottom: var(--padding-large);
    margin-top: var(--padding-large);
  }
  .-marg-v-large {
    margin-bottom: calc(-1 * var(--padding-large));
    margin-top: calc(-1 * var(--padding-large));
  }
  .hover\:-marg-v-large:hover {
    margin-bottom: calc(-1 * var(--padding-large));
    margin-top: calc(-1 * var(--padding-large));
  }
  .marg-v-extra-large {
    margin-bottom: var(--padding-extra-large);
    margin-top: var(--padding-extra-large);
  }
  .hover\:marg-v-extra-large:hover {
    margin-bottom: var(--padding-extra-large);
    margin-top: var(--padding-extra-large);
  }
  .-marg-v-extra-large {
    margin-bottom: calc(-1 * var(--padding-extra-large));
    margin-top: calc(-1 * var(--padding-extra-large));
  }
  .hover\:-marg-v-extra-large:hover {
    margin-bottom: calc(-1 * var(--padding-extra-large));
    margin-top: calc(-1 * var(--padding-extra-large));
  }
  .marg-v-huge {
    margin-bottom: var(--padding-huge);
    margin-top: var(--padding-huge);
  }
  .hover\:marg-v-huge:hover {
    margin-bottom: var(--padding-huge);
    margin-top: var(--padding-huge);
  }
  .-marg-v-huge {
    margin-bottom: calc(-1 * var(--padding-huge));
    margin-top: calc(-1 * var(--padding-huge));
  }
  .hover\:-marg-v-huge:hover {
    margin-bottom: calc(-1 * var(--padding-huge));
    margin-top: calc(-1 * var(--padding-huge));
  }
  .marg-v-full {
    margin-bottom: var(--padding-full);
    margin-top: var(--padding-full);
  }
  .hover\:marg-v-full:hover {
    margin-bottom: var(--padding-full);
    margin-top: var(--padding-full);
  }
  .-marg-v-full {
    margin-bottom: calc(-1 * var(--padding-full));
    margin-top: calc(-1 * var(--padding-full));
  }
  .hover\:-marg-v-full:hover {
    margin-bottom: calc(-1 * var(--padding-full));
    margin-top: calc(-1 * var(--padding-full));
  }
  .marg-v-auto {
    margin-bottom: auto;
    margin-top: auto;
  }
  .hover\:marg-v-auto:hover {
    margin-bottom: auto;
    margin-top: auto;
  }
  .gap-none {
    gap: var(--padding-none);
  }
  .gap-x-none {
    column-gap: var(--padding-none);
  }
  .gap-y-none {
    row-gap: var(--padding-none);
  }
  .gap-hairline {
    gap: var(--padding-hairline);
  }
  .gap-x-hairline {
    column-gap: var(--padding-hairline);
  }
  .gap-y-hairline {
    row-gap: var(--padding-hairline);
  }
  .gap-thin {
    gap: var(--padding-thin);
  }
  .gap-x-thin {
    column-gap: var(--padding-thin);
  }
  .gap-y-thin {
    row-gap: var(--padding-thin);
  }
  .gap-slim {
    gap: var(--padding-slim);
  }
  .gap-x-slim {
    column-gap: var(--padding-slim);
  }
  .gap-y-slim {
    row-gap: var(--padding-slim);
  }
  .gap-extra-small {
    gap: var(--padding-extra-small);
  }
  .gap-x-extra-small {
    column-gap: var(--padding-extra-small);
  }
  .gap-y-extra-small {
    row-gap: var(--padding-extra-small);
  }
  .gap-small {
    gap: var(--padding-small);
  }
  .gap-x-small {
    column-gap: var(--padding-small);
  }
  .gap-y-small {
    row-gap: var(--padding-small);
  }
  .gap-medium {
    gap: var(--padding-medium);
  }
  .gap-x-medium {
    column-gap: var(--padding-medium);
  }
  .gap-y-medium {
    row-gap: var(--padding-medium);
  }
  .gap-large {
    gap: var(--padding-large);
  }
  .gap-x-large {
    column-gap: var(--padding-large);
  }
  .gap-y-large {
    row-gap: var(--padding-large);
  }
  .gap-extra-large {
    gap: var(--padding-extra-large);
  }
  .gap-x-extra-large {
    column-gap: var(--padding-extra-large);
  }
  .gap-y-extra-large {
    row-gap: var(--padding-extra-large);
  }
  .gap-huge {
    gap: var(--padding-huge);
  }
  .gap-x-huge {
    column-gap: var(--padding-huge);
  }
  .gap-y-huge {
    row-gap: var(--padding-huge);
  }
}
@media (max-width: 1024px) {
  .tablet\:pad-none {
    padding: var(--padding-none);
  }
  .tablet\:hover\:pad-none:hover {
    padding: var(--padding-none);
  }
  .tablet\:pad-hairline {
    padding: var(--padding-hairline);
  }
  .tablet\:hover\:pad-hairline:hover {
    padding: var(--padding-hairline);
  }
  .tablet\:pad-thin {
    padding: var(--padding-thin);
  }
  .tablet\:hover\:pad-thin:hover {
    padding: var(--padding-thin);
  }
  .tablet\:pad-slim {
    padding: var(--padding-slim);
  }
  .tablet\:hover\:pad-slim:hover {
    padding: var(--padding-slim);
  }
  .tablet\:pad-extra-small {
    padding: var(--padding-extra-small);
  }
  .tablet\:hover\:pad-extra-small:hover {
    padding: var(--padding-extra-small);
  }
  .tablet\:pad-small {
    padding: var(--padding-small);
  }
  .tablet\:hover\:pad-small:hover {
    padding: var(--padding-small);
  }
  .tablet\:pad-medium {
    padding: var(--padding-medium);
  }
  .tablet\:hover\:pad-medium:hover {
    padding: var(--padding-medium);
  }
  .tablet\:pad-large {
    padding: var(--padding-large);
  }
  .tablet\:hover\:pad-large:hover {
    padding: var(--padding-large);
  }
  .tablet\:pad-extra-large {
    padding: var(--padding-extra-large);
  }
  .tablet\:hover\:pad-extra-large:hover {
    padding: var(--padding-extra-large);
  }
  .tablet\:pad-huge {
    padding: var(--padding-huge);
  }
  .tablet\:hover\:pad-huge:hover {
    padding: var(--padding-huge);
  }
  .tablet\:pad-full {
    padding: var(--padding-full);
  }
  .tablet\:hover\:pad-full:hover {
    padding: var(--padding-full);
  }
  .tablet\:pad-t-none {
    padding-top: var(--padding-none);
  }
  .tablet\:hover\:pad-t-none:hover {
    padding-top: var(--padding-none);
  }
  .tablet\:pad-t-hairline {
    padding-top: var(--padding-hairline);
  }
  .tablet\:hover\:pad-t-hairline:hover {
    padding-top: var(--padding-hairline);
  }
  .tablet\:pad-t-thin {
    padding-top: var(--padding-thin);
  }
  .tablet\:hover\:pad-t-thin:hover {
    padding-top: var(--padding-thin);
  }
  .tablet\:pad-t-slim {
    padding-top: var(--padding-slim);
  }
  .tablet\:hover\:pad-t-slim:hover {
    padding-top: var(--padding-slim);
  }
  .tablet\:pad-t-extra-small {
    padding-top: var(--padding-extra-small);
  }
  .tablet\:hover\:pad-t-extra-small:hover {
    padding-top: var(--padding-extra-small);
  }
  .tablet\:pad-t-small {
    padding-top: var(--padding-small);
  }
  .tablet\:hover\:pad-t-small:hover {
    padding-top: var(--padding-small);
  }
  .tablet\:pad-t-medium {
    padding-top: var(--padding-medium);
  }
  .tablet\:hover\:pad-t-medium:hover {
    padding-top: var(--padding-medium);
  }
  .tablet\:pad-t-large {
    padding-top: var(--padding-large);
  }
  .tablet\:hover\:pad-t-large:hover {
    padding-top: var(--padding-large);
  }
  .tablet\:pad-t-extra-large {
    padding-top: var(--padding-extra-large);
  }
  .tablet\:hover\:pad-t-extra-large:hover {
    padding-top: var(--padding-extra-large);
  }
  .tablet\:pad-t-huge {
    padding-top: var(--padding-huge);
  }
  .tablet\:hover\:pad-t-huge:hover {
    padding-top: var(--padding-huge);
  }
  .tablet\:pad-t-full {
    padding-top: var(--padding-full);
  }
  .tablet\:hover\:pad-t-full:hover {
    padding-top: var(--padding-full);
  }
  .tablet\:pad-r-none {
    padding-right: var(--padding-none);
  }
  .tablet\:hover\:pad-r-none:hover {
    padding-right: var(--padding-none);
  }
  .tablet\:pad-r-hairline {
    padding-right: var(--padding-hairline);
  }
  .tablet\:hover\:pad-r-hairline:hover {
    padding-right: var(--padding-hairline);
  }
  .tablet\:pad-r-thin {
    padding-right: var(--padding-thin);
  }
  .tablet\:hover\:pad-r-thin:hover {
    padding-right: var(--padding-thin);
  }
  .tablet\:pad-r-slim {
    padding-right: var(--padding-slim);
  }
  .tablet\:hover\:pad-r-slim:hover {
    padding-right: var(--padding-slim);
  }
  .tablet\:pad-r-extra-small {
    padding-right: var(--padding-extra-small);
  }
  .tablet\:hover\:pad-r-extra-small:hover {
    padding-right: var(--padding-extra-small);
  }
  .tablet\:pad-r-small {
    padding-right: var(--padding-small);
  }
  .tablet\:hover\:pad-r-small:hover {
    padding-right: var(--padding-small);
  }
  .tablet\:pad-r-medium {
    padding-right: var(--padding-medium);
  }
  .tablet\:hover\:pad-r-medium:hover {
    padding-right: var(--padding-medium);
  }
  .tablet\:pad-r-large {
    padding-right: var(--padding-large);
  }
  .tablet\:hover\:pad-r-large:hover {
    padding-right: var(--padding-large);
  }
  .tablet\:pad-r-extra-large {
    padding-right: var(--padding-extra-large);
  }
  .tablet\:hover\:pad-r-extra-large:hover {
    padding-right: var(--padding-extra-large);
  }
  .tablet\:pad-r-huge {
    padding-right: var(--padding-huge);
  }
  .tablet\:hover\:pad-r-huge:hover {
    padding-right: var(--padding-huge);
  }
  .tablet\:pad-r-full {
    padding-right: var(--padding-full);
  }
  .tablet\:hover\:pad-r-full:hover {
    padding-right: var(--padding-full);
  }
  .tablet\:pad-b-none {
    padding-bottom: var(--padding-none);
  }
  .tablet\:hover\:pad-b-none:hover {
    padding-bottom: var(--padding-none);
  }
  .tablet\:pad-b-hairline {
    padding-bottom: var(--padding-hairline);
  }
  .tablet\:hover\:pad-b-hairline:hover {
    padding-bottom: var(--padding-hairline);
  }
  .tablet\:pad-b-thin {
    padding-bottom: var(--padding-thin);
  }
  .tablet\:hover\:pad-b-thin:hover {
    padding-bottom: var(--padding-thin);
  }
  .tablet\:pad-b-slim {
    padding-bottom: var(--padding-slim);
  }
  .tablet\:hover\:pad-b-slim:hover {
    padding-bottom: var(--padding-slim);
  }
  .tablet\:pad-b-extra-small {
    padding-bottom: var(--padding-extra-small);
  }
  .tablet\:hover\:pad-b-extra-small:hover {
    padding-bottom: var(--padding-extra-small);
  }
  .tablet\:pad-b-small {
    padding-bottom: var(--padding-small);
  }
  .tablet\:hover\:pad-b-small:hover {
    padding-bottom: var(--padding-small);
  }
  .tablet\:pad-b-medium {
    padding-bottom: var(--padding-medium);
  }
  .tablet\:hover\:pad-b-medium:hover {
    padding-bottom: var(--padding-medium);
  }
  .tablet\:pad-b-large {
    padding-bottom: var(--padding-large);
  }
  .tablet\:hover\:pad-b-large:hover {
    padding-bottom: var(--padding-large);
  }
  .tablet\:pad-b-extra-large {
    padding-bottom: var(--padding-extra-large);
  }
  .tablet\:hover\:pad-b-extra-large:hover {
    padding-bottom: var(--padding-extra-large);
  }
  .tablet\:pad-b-huge {
    padding-bottom: var(--padding-huge);
  }
  .tablet\:hover\:pad-b-huge:hover {
    padding-bottom: var(--padding-huge);
  }
  .tablet\:pad-b-full {
    padding-bottom: var(--padding-full);
  }
  .tablet\:hover\:pad-b-full:hover {
    padding-bottom: var(--padding-full);
  }
  .tablet\:pad-l-none {
    padding-left: var(--padding-none);
  }
  .tablet\:hover\:pad-l-none:hover {
    padding-left: var(--padding-none);
  }
  .tablet\:pad-l-hairline {
    padding-left: var(--padding-hairline);
  }
  .tablet\:hover\:pad-l-hairline:hover {
    padding-left: var(--padding-hairline);
  }
  .tablet\:pad-l-thin {
    padding-left: var(--padding-thin);
  }
  .tablet\:hover\:pad-l-thin:hover {
    padding-left: var(--padding-thin);
  }
  .tablet\:pad-l-slim {
    padding-left: var(--padding-slim);
  }
  .tablet\:hover\:pad-l-slim:hover {
    padding-left: var(--padding-slim);
  }
  .tablet\:pad-l-extra-small {
    padding-left: var(--padding-extra-small);
  }
  .tablet\:hover\:pad-l-extra-small:hover {
    padding-left: var(--padding-extra-small);
  }
  .tablet\:pad-l-small {
    padding-left: var(--padding-small);
  }
  .tablet\:hover\:pad-l-small:hover {
    padding-left: var(--padding-small);
  }
  .tablet\:pad-l-medium {
    padding-left: var(--padding-medium);
  }
  .tablet\:hover\:pad-l-medium:hover {
    padding-left: var(--padding-medium);
  }
  .tablet\:pad-l-large {
    padding-left: var(--padding-large);
  }
  .tablet\:hover\:pad-l-large:hover {
    padding-left: var(--padding-large);
  }
  .tablet\:pad-l-extra-large {
    padding-left: var(--padding-extra-large);
  }
  .tablet\:hover\:pad-l-extra-large:hover {
    padding-left: var(--padding-extra-large);
  }
  .tablet\:pad-l-huge {
    padding-left: var(--padding-huge);
  }
  .tablet\:hover\:pad-l-huge:hover {
    padding-left: var(--padding-huge);
  }
  .tablet\:pad-l-full {
    padding-left: var(--padding-full);
  }
  .tablet\:hover\:pad-l-full:hover {
    padding-left: var(--padding-full);
  }
  .tablet\:pad-h-none {
    padding-left: var(--padding-none);
    padding-right: var(--padding-none);
  }
  .tablet\:hover\:pad-h-none:hover {
    padding-left: var(--padding-none);
    padding-right: var(--padding-none);
  }
  .tablet\:pad-h-hairline {
    padding-left: var(--padding-hairline);
    padding-right: var(--padding-hairline);
  }
  .tablet\:hover\:pad-h-hairline:hover {
    padding-left: var(--padding-hairline);
    padding-right: var(--padding-hairline);
  }
  .tablet\:pad-h-thin {
    padding-left: var(--padding-thin);
    padding-right: var(--padding-thin);
  }
  .tablet\:hover\:pad-h-thin:hover {
    padding-left: var(--padding-thin);
    padding-right: var(--padding-thin);
  }
  .tablet\:pad-h-slim {
    padding-left: var(--padding-slim);
    padding-right: var(--padding-slim);
  }
  .tablet\:hover\:pad-h-slim:hover {
    padding-left: var(--padding-slim);
    padding-right: var(--padding-slim);
  }
  .tablet\:pad-h-extra-small {
    padding-left: var(--padding-extra-small);
    padding-right: var(--padding-extra-small);
  }
  .tablet\:hover\:pad-h-extra-small:hover {
    padding-left: var(--padding-extra-small);
    padding-right: var(--padding-extra-small);
  }
  .tablet\:pad-h-small {
    padding-left: var(--padding-small);
    padding-right: var(--padding-small);
  }
  .tablet\:hover\:pad-h-small:hover {
    padding-left: var(--padding-small);
    padding-right: var(--padding-small);
  }
  .tablet\:pad-h-medium {
    padding-left: var(--padding-medium);
    padding-right: var(--padding-medium);
  }
  .tablet\:hover\:pad-h-medium:hover {
    padding-left: var(--padding-medium);
    padding-right: var(--padding-medium);
  }
  .tablet\:pad-h-large {
    padding-left: var(--padding-large);
    padding-right: var(--padding-large);
  }
  .tablet\:hover\:pad-h-large:hover {
    padding-left: var(--padding-large);
    padding-right: var(--padding-large);
  }
  .tablet\:pad-h-extra-large {
    padding-left: var(--padding-extra-large);
    padding-right: var(--padding-extra-large);
  }
  .tablet\:hover\:pad-h-extra-large:hover {
    padding-left: var(--padding-extra-large);
    padding-right: var(--padding-extra-large);
  }
  .tablet\:pad-h-huge {
    padding-left: var(--padding-huge);
    padding-right: var(--padding-huge);
  }
  .tablet\:hover\:pad-h-huge:hover {
    padding-left: var(--padding-huge);
    padding-right: var(--padding-huge);
  }
  .tablet\:pad-h-full {
    padding-left: var(--padding-full);
    padding-right: var(--padding-full);
  }
  .tablet\:hover\:pad-h-full:hover {
    padding-left: var(--padding-full);
    padding-right: var(--padding-full);
  }
  .tablet\:pad-v-none {
    padding-bottom: var(--padding-none);
    padding-top: var(--padding-none);
  }
  .tablet\:hover\:pad-v-none:hover {
    padding-bottom: var(--padding-none);
    padding-top: var(--padding-none);
  }
  .tablet\:pad-v-hairline {
    padding-bottom: var(--padding-hairline);
    padding-top: var(--padding-hairline);
  }
  .tablet\:hover\:pad-v-hairline:hover {
    padding-bottom: var(--padding-hairline);
    padding-top: var(--padding-hairline);
  }
  .tablet\:pad-v-thin {
    padding-bottom: var(--padding-thin);
    padding-top: var(--padding-thin);
  }
  .tablet\:hover\:pad-v-thin:hover {
    padding-bottom: var(--padding-thin);
    padding-top: var(--padding-thin);
  }
  .tablet\:pad-v-slim {
    padding-bottom: var(--padding-slim);
    padding-top: var(--padding-slim);
  }
  .tablet\:hover\:pad-v-slim:hover {
    padding-bottom: var(--padding-slim);
    padding-top: var(--padding-slim);
  }
  .tablet\:pad-v-extra-small {
    padding-bottom: var(--padding-extra-small);
    padding-top: var(--padding-extra-small);
  }
  .tablet\:hover\:pad-v-extra-small:hover {
    padding-bottom: var(--padding-extra-small);
    padding-top: var(--padding-extra-small);
  }
  .tablet\:pad-v-small {
    padding-bottom: var(--padding-small);
    padding-top: var(--padding-small);
  }
  .tablet\:hover\:pad-v-small:hover {
    padding-bottom: var(--padding-small);
    padding-top: var(--padding-small);
  }
  .tablet\:pad-v-medium {
    padding-bottom: var(--padding-medium);
    padding-top: var(--padding-medium);
  }
  .tablet\:hover\:pad-v-medium:hover {
    padding-bottom: var(--padding-medium);
    padding-top: var(--padding-medium);
  }
  .tablet\:pad-v-large {
    padding-bottom: var(--padding-large);
    padding-top: var(--padding-large);
  }
  .tablet\:hover\:pad-v-large:hover {
    padding-bottom: var(--padding-large);
    padding-top: var(--padding-large);
  }
  .tablet\:pad-v-extra-large {
    padding-bottom: var(--padding-extra-large);
    padding-top: var(--padding-extra-large);
  }
  .tablet\:hover\:pad-v-extra-large:hover {
    padding-bottom: var(--padding-extra-large);
    padding-top: var(--padding-extra-large);
  }
  .tablet\:pad-v-huge {
    padding-bottom: var(--padding-huge);
    padding-top: var(--padding-huge);
  }
  .tablet\:hover\:pad-v-huge:hover {
    padding-bottom: var(--padding-huge);
    padding-top: var(--padding-huge);
  }
  .tablet\:pad-v-full {
    padding-bottom: var(--padding-full);
    padding-top: var(--padding-full);
  }
  .tablet\:hover\:pad-v-full:hover {
    padding-bottom: var(--padding-full);
    padding-top: var(--padding-full);
  }
  .tablet\:marg-none {
    margin: var(--padding-none);
  }
  .tablet\:hover\:marg-none:hover {
    margin: var(--padding-none);
  }
  .tablet\:-marg-none {
    margin: calc(-1 * var(--padding-none));
  }
  .tablet\:hover\:-marg-none:hover {
    margin: calc(-1 * var(--padding-none));
  }
  .tablet\:marg-hairline {
    margin: var(--padding-hairline);
  }
  .tablet\:hover\:marg-hairline:hover {
    margin: var(--padding-hairline);
  }
  .tablet\:-marg-hairline {
    margin: calc(-1 * var(--padding-hairline));
  }
  .tablet\:hover\:-marg-hairline:hover {
    margin: calc(-1 * var(--padding-hairline));
  }
  .tablet\:marg-thin {
    margin: var(--padding-thin);
  }
  .tablet\:hover\:marg-thin:hover {
    margin: var(--padding-thin);
  }
  .tablet\:-marg-thin {
    margin: calc(-1 * var(--padding-thin));
  }
  .tablet\:hover\:-marg-thin:hover {
    margin: calc(-1 * var(--padding-thin));
  }
  .tablet\:marg-slim {
    margin: var(--padding-slim);
  }
  .tablet\:hover\:marg-slim:hover {
    margin: var(--padding-slim);
  }
  .tablet\:-marg-slim {
    margin: calc(-1 * var(--padding-slim));
  }
  .tablet\:hover\:-marg-slim:hover {
    margin: calc(-1 * var(--padding-slim));
  }
  .tablet\:marg-extra-small {
    margin: var(--padding-extra-small);
  }
  .tablet\:hover\:marg-extra-small:hover {
    margin: var(--padding-extra-small);
  }
  .tablet\:-marg-extra-small {
    margin: calc(-1 * var(--padding-extra-small));
  }
  .tablet\:hover\:-marg-extra-small:hover {
    margin: calc(-1 * var(--padding-extra-small));
  }
  .tablet\:marg-small {
    margin: var(--padding-small);
  }
  .tablet\:hover\:marg-small:hover {
    margin: var(--padding-small);
  }
  .tablet\:-marg-small {
    margin: calc(-1 * var(--padding-small));
  }
  .tablet\:hover\:-marg-small:hover {
    margin: calc(-1 * var(--padding-small));
  }
  .tablet\:marg-medium {
    margin: var(--padding-medium);
  }
  .tablet\:hover\:marg-medium:hover {
    margin: var(--padding-medium);
  }
  .tablet\:-marg-medium {
    margin: calc(-1 * var(--padding-medium));
  }
  .tablet\:hover\:-marg-medium:hover {
    margin: calc(-1 * var(--padding-medium));
  }
  .tablet\:marg-large {
    margin: var(--padding-large);
  }
  .tablet\:hover\:marg-large:hover {
    margin: var(--padding-large);
  }
  .tablet\:-marg-large {
    margin: calc(-1 * var(--padding-large));
  }
  .tablet\:hover\:-marg-large:hover {
    margin: calc(-1 * var(--padding-large));
  }
  .tablet\:marg-extra-large {
    margin: var(--padding-extra-large);
  }
  .tablet\:hover\:marg-extra-large:hover {
    margin: var(--padding-extra-large);
  }
  .tablet\:-marg-extra-large {
    margin: calc(-1 * var(--padding-extra-large));
  }
  .tablet\:hover\:-marg-extra-large:hover {
    margin: calc(-1 * var(--padding-extra-large));
  }
  .tablet\:marg-huge {
    margin: var(--padding-huge);
  }
  .tablet\:hover\:marg-huge:hover {
    margin: var(--padding-huge);
  }
  .tablet\:-marg-huge {
    margin: calc(-1 * var(--padding-huge));
  }
  .tablet\:hover\:-marg-huge:hover {
    margin: calc(-1 * var(--padding-huge));
  }
  .tablet\:marg-full {
    margin: var(--padding-full);
  }
  .tablet\:hover\:marg-full:hover {
    margin: var(--padding-full);
  }
  .tablet\:-marg-full {
    margin: calc(-1 * var(--padding-full));
  }
  .tablet\:hover\:-marg-full:hover {
    margin: calc(-1 * var(--padding-full));
  }
  .tablet\:marg-auto {
    margin: auto;
  }
  .tablet\:hover\:marg-auto:hover {
    margin: auto;
  }
  .tablet\:marg-t-none {
    margin-top: var(--padding-none);
  }
  .tablet\:hover\:marg-t-none:hover {
    margin-top: var(--padding-none);
  }
  .tablet\:-marg-t-none {
    margin-top: calc(-1 * var(--padding-none));
  }
  .tablet\:hover\:-marg-t-none:hover {
    margin-top: calc(-1 * var(--padding-none));
  }
  .tablet\:marg-t-hairline {
    margin-top: var(--padding-hairline);
  }
  .tablet\:hover\:marg-t-hairline:hover {
    margin-top: var(--padding-hairline);
  }
  .tablet\:-marg-t-hairline {
    margin-top: calc(-1 * var(--padding-hairline));
  }
  .tablet\:hover\:-marg-t-hairline:hover {
    margin-top: calc(-1 * var(--padding-hairline));
  }
  .tablet\:marg-t-thin {
    margin-top: var(--padding-thin);
  }
  .tablet\:hover\:marg-t-thin:hover {
    margin-top: var(--padding-thin);
  }
  .tablet\:-marg-t-thin {
    margin-top: calc(-1 * var(--padding-thin));
  }
  .tablet\:hover\:-marg-t-thin:hover {
    margin-top: calc(-1 * var(--padding-thin));
  }
  .tablet\:marg-t-slim {
    margin-top: var(--padding-slim);
  }
  .tablet\:hover\:marg-t-slim:hover {
    margin-top: var(--padding-slim);
  }
  .tablet\:-marg-t-slim {
    margin-top: calc(-1 * var(--padding-slim));
  }
  .tablet\:hover\:-marg-t-slim:hover {
    margin-top: calc(-1 * var(--padding-slim));
  }
  .tablet\:marg-t-extra-small {
    margin-top: var(--padding-extra-small);
  }
  .tablet\:hover\:marg-t-extra-small:hover {
    margin-top: var(--padding-extra-small);
  }
  .tablet\:-marg-t-extra-small {
    margin-top: calc(-1 * var(--padding-extra-small));
  }
  .tablet\:hover\:-marg-t-extra-small:hover {
    margin-top: calc(-1 * var(--padding-extra-small));
  }
  .tablet\:marg-t-small {
    margin-top: var(--padding-small);
  }
  .tablet\:hover\:marg-t-small:hover {
    margin-top: var(--padding-small);
  }
  .tablet\:-marg-t-small {
    margin-top: calc(-1 * var(--padding-small));
  }
  .tablet\:hover\:-marg-t-small:hover {
    margin-top: calc(-1 * var(--padding-small));
  }
  .tablet\:marg-t-medium {
    margin-top: var(--padding-medium);
  }
  .tablet\:hover\:marg-t-medium:hover {
    margin-top: var(--padding-medium);
  }
  .tablet\:-marg-t-medium {
    margin-top: calc(-1 * var(--padding-medium));
  }
  .tablet\:hover\:-marg-t-medium:hover {
    margin-top: calc(-1 * var(--padding-medium));
  }
  .tablet\:marg-t-large {
    margin-top: var(--padding-large);
  }
  .tablet\:hover\:marg-t-large:hover {
    margin-top: var(--padding-large);
  }
  .tablet\:-marg-t-large {
    margin-top: calc(-1 * var(--padding-large));
  }
  .tablet\:hover\:-marg-t-large:hover {
    margin-top: calc(-1 * var(--padding-large));
  }
  .tablet\:marg-t-extra-large {
    margin-top: var(--padding-extra-large);
  }
  .tablet\:hover\:marg-t-extra-large:hover {
    margin-top: var(--padding-extra-large);
  }
  .tablet\:-marg-t-extra-large {
    margin-top: calc(-1 * var(--padding-extra-large));
  }
  .tablet\:hover\:-marg-t-extra-large:hover {
    margin-top: calc(-1 * var(--padding-extra-large));
  }
  .tablet\:marg-t-huge {
    margin-top: var(--padding-huge);
  }
  .tablet\:hover\:marg-t-huge:hover {
    margin-top: var(--padding-huge);
  }
  .tablet\:-marg-t-huge {
    margin-top: calc(-1 * var(--padding-huge));
  }
  .tablet\:hover\:-marg-t-huge:hover {
    margin-top: calc(-1 * var(--padding-huge));
  }
  .tablet\:marg-t-full {
    margin-top: var(--padding-full);
  }
  .tablet\:hover\:marg-t-full:hover {
    margin-top: var(--padding-full);
  }
  .tablet\:-marg-t-full {
    margin-top: calc(-1 * var(--padding-full));
  }
  .tablet\:hover\:-marg-t-full:hover {
    margin-top: calc(-1 * var(--padding-full));
  }
  .tablet\:marg-t-auto {
    margin-top: auto;
  }
  .tablet\:hover\:marg-t-auto:hover {
    margin-top: auto;
  }
  .tablet\:marg-r-none {
    margin-right: var(--padding-none);
  }
  .tablet\:hover\:marg-r-none:hover {
    margin-right: var(--padding-none);
  }
  .tablet\:-marg-r-none {
    margin-right: calc(-1 * var(--padding-none));
  }
  .tablet\:hover\:-marg-r-none:hover {
    margin-right: calc(-1 * var(--padding-none));
  }
  .tablet\:marg-r-hairline {
    margin-right: var(--padding-hairline);
  }
  .tablet\:hover\:marg-r-hairline:hover {
    margin-right: var(--padding-hairline);
  }
  .tablet\:-marg-r-hairline {
    margin-right: calc(-1 * var(--padding-hairline));
  }
  .tablet\:hover\:-marg-r-hairline:hover {
    margin-right: calc(-1 * var(--padding-hairline));
  }
  .tablet\:marg-r-thin {
    margin-right: var(--padding-thin);
  }
  .tablet\:hover\:marg-r-thin:hover {
    margin-right: var(--padding-thin);
  }
  .tablet\:-marg-r-thin {
    margin-right: calc(-1 * var(--padding-thin));
  }
  .tablet\:hover\:-marg-r-thin:hover {
    margin-right: calc(-1 * var(--padding-thin));
  }
  .tablet\:marg-r-slim {
    margin-right: var(--padding-slim);
  }
  .tablet\:hover\:marg-r-slim:hover {
    margin-right: var(--padding-slim);
  }
  .tablet\:-marg-r-slim {
    margin-right: calc(-1 * var(--padding-slim));
  }
  .tablet\:hover\:-marg-r-slim:hover {
    margin-right: calc(-1 * var(--padding-slim));
  }
  .tablet\:marg-r-extra-small {
    margin-right: var(--padding-extra-small);
  }
  .tablet\:hover\:marg-r-extra-small:hover {
    margin-right: var(--padding-extra-small);
  }
  .tablet\:-marg-r-extra-small {
    margin-right: calc(-1 * var(--padding-extra-small));
  }
  .tablet\:hover\:-marg-r-extra-small:hover {
    margin-right: calc(-1 * var(--padding-extra-small));
  }
  .tablet\:marg-r-small {
    margin-right: var(--padding-small);
  }
  .tablet\:hover\:marg-r-small:hover {
    margin-right: var(--padding-small);
  }
  .tablet\:-marg-r-small {
    margin-right: calc(-1 * var(--padding-small));
  }
  .tablet\:hover\:-marg-r-small:hover {
    margin-right: calc(-1 * var(--padding-small));
  }
  .tablet\:marg-r-medium {
    margin-right: var(--padding-medium);
  }
  .tablet\:hover\:marg-r-medium:hover {
    margin-right: var(--padding-medium);
  }
  .tablet\:-marg-r-medium {
    margin-right: calc(-1 * var(--padding-medium));
  }
  .tablet\:hover\:-marg-r-medium:hover {
    margin-right: calc(-1 * var(--padding-medium));
  }
  .tablet\:marg-r-large {
    margin-right: var(--padding-large);
  }
  .tablet\:hover\:marg-r-large:hover {
    margin-right: var(--padding-large);
  }
  .tablet\:-marg-r-large {
    margin-right: calc(-1 * var(--padding-large));
  }
  .tablet\:hover\:-marg-r-large:hover {
    margin-right: calc(-1 * var(--padding-large));
  }
  .tablet\:marg-r-extra-large {
    margin-right: var(--padding-extra-large);
  }
  .tablet\:hover\:marg-r-extra-large:hover {
    margin-right: var(--padding-extra-large);
  }
  .tablet\:-marg-r-extra-large {
    margin-right: calc(-1 * var(--padding-extra-large));
  }
  .tablet\:hover\:-marg-r-extra-large:hover {
    margin-right: calc(-1 * var(--padding-extra-large));
  }
  .tablet\:marg-r-huge {
    margin-right: var(--padding-huge);
  }
  .tablet\:hover\:marg-r-huge:hover {
    margin-right: var(--padding-huge);
  }
  .tablet\:-marg-r-huge {
    margin-right: calc(-1 * var(--padding-huge));
  }
  .tablet\:hover\:-marg-r-huge:hover {
    margin-right: calc(-1 * var(--padding-huge));
  }
  .tablet\:marg-r-full {
    margin-right: var(--padding-full);
  }
  .tablet\:hover\:marg-r-full:hover {
    margin-right: var(--padding-full);
  }
  .tablet\:-marg-r-full {
    margin-right: calc(-1 * var(--padding-full));
  }
  .tablet\:hover\:-marg-r-full:hover {
    margin-right: calc(-1 * var(--padding-full));
  }
  .tablet\:marg-r-auto {
    margin-right: auto;
  }
  .tablet\:hover\:marg-r-auto:hover {
    margin-right: auto;
  }
  .tablet\:marg-b-none {
    margin-bottom: var(--padding-none);
  }
  .tablet\:hover\:marg-b-none:hover {
    margin-bottom: var(--padding-none);
  }
  .tablet\:-marg-b-none {
    margin-bottom: calc(-1 * var(--padding-none));
  }
  .tablet\:hover\:-marg-b-none:hover {
    margin-bottom: calc(-1 * var(--padding-none));
  }
  .tablet\:marg-b-hairline {
    margin-bottom: var(--padding-hairline);
  }
  .tablet\:hover\:marg-b-hairline:hover {
    margin-bottom: var(--padding-hairline);
  }
  .tablet\:-marg-b-hairline {
    margin-bottom: calc(-1 * var(--padding-hairline));
  }
  .tablet\:hover\:-marg-b-hairline:hover {
    margin-bottom: calc(-1 * var(--padding-hairline));
  }
  .tablet\:marg-b-thin {
    margin-bottom: var(--padding-thin);
  }
  .tablet\:hover\:marg-b-thin:hover {
    margin-bottom: var(--padding-thin);
  }
  .tablet\:-marg-b-thin {
    margin-bottom: calc(-1 * var(--padding-thin));
  }
  .tablet\:hover\:-marg-b-thin:hover {
    margin-bottom: calc(-1 * var(--padding-thin));
  }
  .tablet\:marg-b-slim {
    margin-bottom: var(--padding-slim);
  }
  .tablet\:hover\:marg-b-slim:hover {
    margin-bottom: var(--padding-slim);
  }
  .tablet\:-marg-b-slim {
    margin-bottom: calc(-1 * var(--padding-slim));
  }
  .tablet\:hover\:-marg-b-slim:hover {
    margin-bottom: calc(-1 * var(--padding-slim));
  }
  .tablet\:marg-b-extra-small {
    margin-bottom: var(--padding-extra-small);
  }
  .tablet\:hover\:marg-b-extra-small:hover {
    margin-bottom: var(--padding-extra-small);
  }
  .tablet\:-marg-b-extra-small {
    margin-bottom: calc(-1 * var(--padding-extra-small));
  }
  .tablet\:hover\:-marg-b-extra-small:hover {
    margin-bottom: calc(-1 * var(--padding-extra-small));
  }
  .tablet\:marg-b-small {
    margin-bottom: var(--padding-small);
  }
  .tablet\:hover\:marg-b-small:hover {
    margin-bottom: var(--padding-small);
  }
  .tablet\:-marg-b-small {
    margin-bottom: calc(-1 * var(--padding-small));
  }
  .tablet\:hover\:-marg-b-small:hover {
    margin-bottom: calc(-1 * var(--padding-small));
  }
  .tablet\:marg-b-medium {
    margin-bottom: var(--padding-medium);
  }
  .tablet\:hover\:marg-b-medium:hover {
    margin-bottom: var(--padding-medium);
  }
  .tablet\:-marg-b-medium {
    margin-bottom: calc(-1 * var(--padding-medium));
  }
  .tablet\:hover\:-marg-b-medium:hover {
    margin-bottom: calc(-1 * var(--padding-medium));
  }
  .tablet\:marg-b-large {
    margin-bottom: var(--padding-large);
  }
  .tablet\:hover\:marg-b-large:hover {
    margin-bottom: var(--padding-large);
  }
  .tablet\:-marg-b-large {
    margin-bottom: calc(-1 * var(--padding-large));
  }
  .tablet\:hover\:-marg-b-large:hover {
    margin-bottom: calc(-1 * var(--padding-large));
  }
  .tablet\:marg-b-extra-large {
    margin-bottom: var(--padding-extra-large);
  }
  .tablet\:hover\:marg-b-extra-large:hover {
    margin-bottom: var(--padding-extra-large);
  }
  .tablet\:-marg-b-extra-large {
    margin-bottom: calc(-1 * var(--padding-extra-large));
  }
  .tablet\:hover\:-marg-b-extra-large:hover {
    margin-bottom: calc(-1 * var(--padding-extra-large));
  }
  .tablet\:marg-b-huge {
    margin-bottom: var(--padding-huge);
  }
  .tablet\:hover\:marg-b-huge:hover {
    margin-bottom: var(--padding-huge);
  }
  .tablet\:-marg-b-huge {
    margin-bottom: calc(-1 * var(--padding-huge));
  }
  .tablet\:hover\:-marg-b-huge:hover {
    margin-bottom: calc(-1 * var(--padding-huge));
  }
  .tablet\:marg-b-full {
    margin-bottom: var(--padding-full);
  }
  .tablet\:hover\:marg-b-full:hover {
    margin-bottom: var(--padding-full);
  }
  .tablet\:-marg-b-full {
    margin-bottom: calc(-1 * var(--padding-full));
  }
  .tablet\:hover\:-marg-b-full:hover {
    margin-bottom: calc(-1 * var(--padding-full));
  }
  .tablet\:marg-b-auto {
    margin-bottom: auto;
  }
  .tablet\:hover\:marg-b-auto:hover {
    margin-bottom: auto;
  }
  .tablet\:marg-l-none {
    margin-left: var(--padding-none);
  }
  .tablet\:hover\:marg-l-none:hover {
    margin-left: var(--padding-none);
  }
  .tablet\:-marg-l-none {
    margin-left: calc(-1 * var(--padding-none));
  }
  .tablet\:hover\:-marg-l-none:hover {
    margin-left: calc(-1 * var(--padding-none));
  }
  .tablet\:marg-l-hairline {
    margin-left: var(--padding-hairline);
  }
  .tablet\:hover\:marg-l-hairline:hover {
    margin-left: var(--padding-hairline);
  }
  .tablet\:-marg-l-hairline {
    margin-left: calc(-1 * var(--padding-hairline));
  }
  .tablet\:hover\:-marg-l-hairline:hover {
    margin-left: calc(-1 * var(--padding-hairline));
  }
  .tablet\:marg-l-thin {
    margin-left: var(--padding-thin);
  }
  .tablet\:hover\:marg-l-thin:hover {
    margin-left: var(--padding-thin);
  }
  .tablet\:-marg-l-thin {
    margin-left: calc(-1 * var(--padding-thin));
  }
  .tablet\:hover\:-marg-l-thin:hover {
    margin-left: calc(-1 * var(--padding-thin));
  }
  .tablet\:marg-l-slim {
    margin-left: var(--padding-slim);
  }
  .tablet\:hover\:marg-l-slim:hover {
    margin-left: var(--padding-slim);
  }
  .tablet\:-marg-l-slim {
    margin-left: calc(-1 * var(--padding-slim));
  }
  .tablet\:hover\:-marg-l-slim:hover {
    margin-left: calc(-1 * var(--padding-slim));
  }
  .tablet\:marg-l-extra-small {
    margin-left: var(--padding-extra-small);
  }
  .tablet\:hover\:marg-l-extra-small:hover {
    margin-left: var(--padding-extra-small);
  }
  .tablet\:-marg-l-extra-small {
    margin-left: calc(-1 * var(--padding-extra-small));
  }
  .tablet\:hover\:-marg-l-extra-small:hover {
    margin-left: calc(-1 * var(--padding-extra-small));
  }
  .tablet\:marg-l-small {
    margin-left: var(--padding-small);
  }
  .tablet\:hover\:marg-l-small:hover {
    margin-left: var(--padding-small);
  }
  .tablet\:-marg-l-small {
    margin-left: calc(-1 * var(--padding-small));
  }
  .tablet\:hover\:-marg-l-small:hover {
    margin-left: calc(-1 * var(--padding-small));
  }
  .tablet\:marg-l-medium {
    margin-left: var(--padding-medium);
  }
  .tablet\:hover\:marg-l-medium:hover {
    margin-left: var(--padding-medium);
  }
  .tablet\:-marg-l-medium {
    margin-left: calc(-1 * var(--padding-medium));
  }
  .tablet\:hover\:-marg-l-medium:hover {
    margin-left: calc(-1 * var(--padding-medium));
  }
  .tablet\:marg-l-large {
    margin-left: var(--padding-large);
  }
  .tablet\:hover\:marg-l-large:hover {
    margin-left: var(--padding-large);
  }
  .tablet\:-marg-l-large {
    margin-left: calc(-1 * var(--padding-large));
  }
  .tablet\:hover\:-marg-l-large:hover {
    margin-left: calc(-1 * var(--padding-large));
  }
  .tablet\:marg-l-extra-large {
    margin-left: var(--padding-extra-large);
  }
  .tablet\:hover\:marg-l-extra-large:hover {
    margin-left: var(--padding-extra-large);
  }
  .tablet\:-marg-l-extra-large {
    margin-left: calc(-1 * var(--padding-extra-large));
  }
  .tablet\:hover\:-marg-l-extra-large:hover {
    margin-left: calc(-1 * var(--padding-extra-large));
  }
  .tablet\:marg-l-huge {
    margin-left: var(--padding-huge);
  }
  .tablet\:hover\:marg-l-huge:hover {
    margin-left: var(--padding-huge);
  }
  .tablet\:-marg-l-huge {
    margin-left: calc(-1 * var(--padding-huge));
  }
  .tablet\:hover\:-marg-l-huge:hover {
    margin-left: calc(-1 * var(--padding-huge));
  }
  .tablet\:marg-l-full {
    margin-left: var(--padding-full);
  }
  .tablet\:hover\:marg-l-full:hover {
    margin-left: var(--padding-full);
  }
  .tablet\:-marg-l-full {
    margin-left: calc(-1 * var(--padding-full));
  }
  .tablet\:hover\:-marg-l-full:hover {
    margin-left: calc(-1 * var(--padding-full));
  }
  .tablet\:marg-l-auto {
    margin-left: auto;
  }
  .tablet\:hover\:marg-l-auto:hover {
    margin-left: auto;
  }
  .tablet\:marg-h-none {
    margin-left: var(--padding-none);
    margin-right: var(--padding-none);
  }
  .tablet\:hover\:marg-h-none:hover {
    margin-left: var(--padding-none);
    margin-right: var(--padding-none);
  }
  .tablet\:-marg-h-none {
    margin-left: calc(-1 * var(--padding-none));
    margin-right: calc(-1 * var(--padding-none));
  }
  .tablet\:hover\:-marg-h-none:hover {
    margin-left: calc(-1 * var(--padding-none));
    margin-right: calc(-1 * var(--padding-none));
  }
  .tablet\:marg-h-hairline {
    margin-left: var(--padding-hairline);
    margin-right: var(--padding-hairline);
  }
  .tablet\:hover\:marg-h-hairline:hover {
    margin-left: var(--padding-hairline);
    margin-right: var(--padding-hairline);
  }
  .tablet\:-marg-h-hairline {
    margin-left: calc(-1 * var(--padding-hairline));
    margin-right: calc(-1 * var(--padding-hairline));
  }
  .tablet\:hover\:-marg-h-hairline:hover {
    margin-left: calc(-1 * var(--padding-hairline));
    margin-right: calc(-1 * var(--padding-hairline));
  }
  .tablet\:marg-h-thin {
    margin-left: var(--padding-thin);
    margin-right: var(--padding-thin);
  }
  .tablet\:hover\:marg-h-thin:hover {
    margin-left: var(--padding-thin);
    margin-right: var(--padding-thin);
  }
  .tablet\:-marg-h-thin {
    margin-left: calc(-1 * var(--padding-thin));
    margin-right: calc(-1 * var(--padding-thin));
  }
  .tablet\:hover\:-marg-h-thin:hover {
    margin-left: calc(-1 * var(--padding-thin));
    margin-right: calc(-1 * var(--padding-thin));
  }
  .tablet\:marg-h-slim {
    margin-left: var(--padding-slim);
    margin-right: var(--padding-slim);
  }
  .tablet\:hover\:marg-h-slim:hover {
    margin-left: var(--padding-slim);
    margin-right: var(--padding-slim);
  }
  .tablet\:-marg-h-slim {
    margin-left: calc(-1 * var(--padding-slim));
    margin-right: calc(-1 * var(--padding-slim));
  }
  .tablet\:hover\:-marg-h-slim:hover {
    margin-left: calc(-1 * var(--padding-slim));
    margin-right: calc(-1 * var(--padding-slim));
  }
  .tablet\:marg-h-extra-small {
    margin-left: var(--padding-extra-small);
    margin-right: var(--padding-extra-small);
  }
  .tablet\:hover\:marg-h-extra-small:hover {
    margin-left: var(--padding-extra-small);
    margin-right: var(--padding-extra-small);
  }
  .tablet\:-marg-h-extra-small {
    margin-left: calc(-1 * var(--padding-extra-small));
    margin-right: calc(-1 * var(--padding-extra-small));
  }
  .tablet\:hover\:-marg-h-extra-small:hover {
    margin-left: calc(-1 * var(--padding-extra-small));
    margin-right: calc(-1 * var(--padding-extra-small));
  }
  .tablet\:marg-h-small {
    margin-left: var(--padding-small);
    margin-right: var(--padding-small);
  }
  .tablet\:hover\:marg-h-small:hover {
    margin-left: var(--padding-small);
    margin-right: var(--padding-small);
  }
  .tablet\:-marg-h-small {
    margin-left: calc(-1 * var(--padding-small));
    margin-right: calc(-1 * var(--padding-small));
  }
  .tablet\:hover\:-marg-h-small:hover {
    margin-left: calc(-1 * var(--padding-small));
    margin-right: calc(-1 * var(--padding-small));
  }
  .tablet\:marg-h-medium {
    margin-left: var(--padding-medium);
    margin-right: var(--padding-medium);
  }
  .tablet\:hover\:marg-h-medium:hover {
    margin-left: var(--padding-medium);
    margin-right: var(--padding-medium);
  }
  .tablet\:-marg-h-medium {
    margin-left: calc(-1 * var(--padding-medium));
    margin-right: calc(-1 * var(--padding-medium));
  }
  .tablet\:hover\:-marg-h-medium:hover {
    margin-left: calc(-1 * var(--padding-medium));
    margin-right: calc(-1 * var(--padding-medium));
  }
  .tablet\:marg-h-large {
    margin-left: var(--padding-large);
    margin-right: var(--padding-large);
  }
  .tablet\:hover\:marg-h-large:hover {
    margin-left: var(--padding-large);
    margin-right: var(--padding-large);
  }
  .tablet\:-marg-h-large {
    margin-left: calc(-1 * var(--padding-large));
    margin-right: calc(-1 * var(--padding-large));
  }
  .tablet\:hover\:-marg-h-large:hover {
    margin-left: calc(-1 * var(--padding-large));
    margin-right: calc(-1 * var(--padding-large));
  }
  .tablet\:marg-h-extra-large {
    margin-left: var(--padding-extra-large);
    margin-right: var(--padding-extra-large);
  }
  .tablet\:hover\:marg-h-extra-large:hover {
    margin-left: var(--padding-extra-large);
    margin-right: var(--padding-extra-large);
  }
  .tablet\:-marg-h-extra-large {
    margin-left: calc(-1 * var(--padding-extra-large));
    margin-right: calc(-1 * var(--padding-extra-large));
  }
  .tablet\:hover\:-marg-h-extra-large:hover {
    margin-left: calc(-1 * var(--padding-extra-large));
    margin-right: calc(-1 * var(--padding-extra-large));
  }
  .tablet\:marg-h-huge {
    margin-left: var(--padding-huge);
    margin-right: var(--padding-huge);
  }
  .tablet\:hover\:marg-h-huge:hover {
    margin-left: var(--padding-huge);
    margin-right: var(--padding-huge);
  }
  .tablet\:-marg-h-huge {
    margin-left: calc(-1 * var(--padding-huge));
    margin-right: calc(-1 * var(--padding-huge));
  }
  .tablet\:hover\:-marg-h-huge:hover {
    margin-left: calc(-1 * var(--padding-huge));
    margin-right: calc(-1 * var(--padding-huge));
  }
  .tablet\:marg-h-full {
    margin-left: var(--padding-full);
    margin-right: var(--padding-full);
  }
  .tablet\:hover\:marg-h-full:hover {
    margin-left: var(--padding-full);
    margin-right: var(--padding-full);
  }
  .tablet\:-marg-h-full {
    margin-left: calc(-1 * var(--padding-full));
    margin-right: calc(-1 * var(--padding-full));
  }
  .tablet\:hover\:-marg-h-full:hover {
    margin-left: calc(-1 * var(--padding-full));
    margin-right: calc(-1 * var(--padding-full));
  }
  .tablet\:marg-h-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .tablet\:hover\:marg-h-auto:hover {
    margin-left: auto;
    margin-right: auto;
  }
  .tablet\:marg-v-none {
    margin-bottom: var(--padding-none);
    margin-top: var(--padding-none);
  }
  .tablet\:hover\:marg-v-none:hover {
    margin-bottom: var(--padding-none);
    margin-top: var(--padding-none);
  }
  .tablet\:-marg-v-none {
    margin-bottom: calc(-1 * var(--padding-none));
    margin-top: calc(-1 * var(--padding-none));
  }
  .tablet\:hover\:-marg-v-none:hover {
    margin-bottom: calc(-1 * var(--padding-none));
    margin-top: calc(-1 * var(--padding-none));
  }
  .tablet\:marg-v-hairline {
    margin-bottom: var(--padding-hairline);
    margin-top: var(--padding-hairline);
  }
  .tablet\:hover\:marg-v-hairline:hover {
    margin-bottom: var(--padding-hairline);
    margin-top: var(--padding-hairline);
  }
  .tablet\:-marg-v-hairline {
    margin-bottom: calc(-1 * var(--padding-hairline));
    margin-top: calc(-1 * var(--padding-hairline));
  }
  .tablet\:hover\:-marg-v-hairline:hover {
    margin-bottom: calc(-1 * var(--padding-hairline));
    margin-top: calc(-1 * var(--padding-hairline));
  }
  .tablet\:marg-v-thin {
    margin-bottom: var(--padding-thin);
    margin-top: var(--padding-thin);
  }
  .tablet\:hover\:marg-v-thin:hover {
    margin-bottom: var(--padding-thin);
    margin-top: var(--padding-thin);
  }
  .tablet\:-marg-v-thin {
    margin-bottom: calc(-1 * var(--padding-thin));
    margin-top: calc(-1 * var(--padding-thin));
  }
  .tablet\:hover\:-marg-v-thin:hover {
    margin-bottom: calc(-1 * var(--padding-thin));
    margin-top: calc(-1 * var(--padding-thin));
  }
  .tablet\:marg-v-slim {
    margin-bottom: var(--padding-slim);
    margin-top: var(--padding-slim);
  }
  .tablet\:hover\:marg-v-slim:hover {
    margin-bottom: var(--padding-slim);
    margin-top: var(--padding-slim);
  }
  .tablet\:-marg-v-slim {
    margin-bottom: calc(-1 * var(--padding-slim));
    margin-top: calc(-1 * var(--padding-slim));
  }
  .tablet\:hover\:-marg-v-slim:hover {
    margin-bottom: calc(-1 * var(--padding-slim));
    margin-top: calc(-1 * var(--padding-slim));
  }
  .tablet\:marg-v-extra-small {
    margin-bottom: var(--padding-extra-small);
    margin-top: var(--padding-extra-small);
  }
  .tablet\:hover\:marg-v-extra-small:hover {
    margin-bottom: var(--padding-extra-small);
    margin-top: var(--padding-extra-small);
  }
  .tablet\:-marg-v-extra-small {
    margin-bottom: calc(-1 * var(--padding-extra-small));
    margin-top: calc(-1 * var(--padding-extra-small));
  }
  .tablet\:hover\:-marg-v-extra-small:hover {
    margin-bottom: calc(-1 * var(--padding-extra-small));
    margin-top: calc(-1 * var(--padding-extra-small));
  }
  .tablet\:marg-v-small {
    margin-bottom: var(--padding-small);
    margin-top: var(--padding-small);
  }
  .tablet\:hover\:marg-v-small:hover {
    margin-bottom: var(--padding-small);
    margin-top: var(--padding-small);
  }
  .tablet\:-marg-v-small {
    margin-bottom: calc(-1 * var(--padding-small));
    margin-top: calc(-1 * var(--padding-small));
  }
  .tablet\:hover\:-marg-v-small:hover {
    margin-bottom: calc(-1 * var(--padding-small));
    margin-top: calc(-1 * var(--padding-small));
  }
  .tablet\:marg-v-medium {
    margin-bottom: var(--padding-medium);
    margin-top: var(--padding-medium);
  }
  .tablet\:hover\:marg-v-medium:hover {
    margin-bottom: var(--padding-medium);
    margin-top: var(--padding-medium);
  }
  .tablet\:-marg-v-medium {
    margin-bottom: calc(-1 * var(--padding-medium));
    margin-top: calc(-1 * var(--padding-medium));
  }
  .tablet\:hover\:-marg-v-medium:hover {
    margin-bottom: calc(-1 * var(--padding-medium));
    margin-top: calc(-1 * var(--padding-medium));
  }
  .tablet\:marg-v-large {
    margin-bottom: var(--padding-large);
    margin-top: var(--padding-large);
  }
  .tablet\:hover\:marg-v-large:hover {
    margin-bottom: var(--padding-large);
    margin-top: var(--padding-large);
  }
  .tablet\:-marg-v-large {
    margin-bottom: calc(-1 * var(--padding-large));
    margin-top: calc(-1 * var(--padding-large));
  }
  .tablet\:hover\:-marg-v-large:hover {
    margin-bottom: calc(-1 * var(--padding-large));
    margin-top: calc(-1 * var(--padding-large));
  }
  .tablet\:marg-v-extra-large {
    margin-bottom: var(--padding-extra-large);
    margin-top: var(--padding-extra-large);
  }
  .tablet\:hover\:marg-v-extra-large:hover {
    margin-bottom: var(--padding-extra-large);
    margin-top: var(--padding-extra-large);
  }
  .tablet\:-marg-v-extra-large {
    margin-bottom: calc(-1 * var(--padding-extra-large));
    margin-top: calc(-1 * var(--padding-extra-large));
  }
  .tablet\:hover\:-marg-v-extra-large:hover {
    margin-bottom: calc(-1 * var(--padding-extra-large));
    margin-top: calc(-1 * var(--padding-extra-large));
  }
  .tablet\:marg-v-huge {
    margin-bottom: var(--padding-huge);
    margin-top: var(--padding-huge);
  }
  .tablet\:hover\:marg-v-huge:hover {
    margin-bottom: var(--padding-huge);
    margin-top: var(--padding-huge);
  }
  .tablet\:-marg-v-huge {
    margin-bottom: calc(-1 * var(--padding-huge));
    margin-top: calc(-1 * var(--padding-huge));
  }
  .tablet\:hover\:-marg-v-huge:hover {
    margin-bottom: calc(-1 * var(--padding-huge));
    margin-top: calc(-1 * var(--padding-huge));
  }
  .tablet\:marg-v-full {
    margin-bottom: var(--padding-full);
    margin-top: var(--padding-full);
  }
  .tablet\:hover\:marg-v-full:hover {
    margin-bottom: var(--padding-full);
    margin-top: var(--padding-full);
  }
  .tablet\:-marg-v-full {
    margin-bottom: calc(-1 * var(--padding-full));
    margin-top: calc(-1 * var(--padding-full));
  }
  .tablet\:hover\:-marg-v-full:hover {
    margin-bottom: calc(-1 * var(--padding-full));
    margin-top: calc(-1 * var(--padding-full));
  }
  .tablet\:marg-v-auto {
    margin-bottom: auto;
    margin-top: auto;
  }
  .tablet\:hover\:marg-v-auto:hover {
    margin-bottom: auto;
    margin-top: auto;
  }
  .tablet\:gap-none {
    gap: var(--padding-none);
  }
  .tablet\:gap-x-none {
    column-gap: var(--padding-none);
  }
  .tablet\:gap-y-none {
    row-gap: var(--padding-none);
  }
  .tablet\:gap-hairline {
    gap: var(--padding-hairline);
  }
  .tablet\:gap-x-hairline {
    column-gap: var(--padding-hairline);
  }
  .tablet\:gap-y-hairline {
    row-gap: var(--padding-hairline);
  }
  .tablet\:gap-thin {
    gap: var(--padding-thin);
  }
  .tablet\:gap-x-thin {
    column-gap: var(--padding-thin);
  }
  .tablet\:gap-y-thin {
    row-gap: var(--padding-thin);
  }
  .tablet\:gap-slim {
    gap: var(--padding-slim);
  }
  .tablet\:gap-x-slim {
    column-gap: var(--padding-slim);
  }
  .tablet\:gap-y-slim {
    row-gap: var(--padding-slim);
  }
  .tablet\:gap-extra-small {
    gap: var(--padding-extra-small);
  }
  .tablet\:gap-x-extra-small {
    column-gap: var(--padding-extra-small);
  }
  .tablet\:gap-y-extra-small {
    row-gap: var(--padding-extra-small);
  }
  .tablet\:gap-small {
    gap: var(--padding-small);
  }
  .tablet\:gap-x-small {
    column-gap: var(--padding-small);
  }
  .tablet\:gap-y-small {
    row-gap: var(--padding-small);
  }
  .tablet\:gap-medium {
    gap: var(--padding-medium);
  }
  .tablet\:gap-x-medium {
    column-gap: var(--padding-medium);
  }
  .tablet\:gap-y-medium {
    row-gap: var(--padding-medium);
  }
  .tablet\:gap-large {
    gap: var(--padding-large);
  }
  .tablet\:gap-x-large {
    column-gap: var(--padding-large);
  }
  .tablet\:gap-y-large {
    row-gap: var(--padding-large);
  }
  .tablet\:gap-extra-large {
    gap: var(--padding-extra-large);
  }
  .tablet\:gap-x-extra-large {
    column-gap: var(--padding-extra-large);
  }
  .tablet\:gap-y-extra-large {
    row-gap: var(--padding-extra-large);
  }
  .tablet\:gap-huge {
    gap: var(--padding-huge);
  }
  .tablet\:gap-x-huge {
    column-gap: var(--padding-huge);
  }
  .tablet\:gap-y-huge {
    row-gap: var(--padding-huge);
  }
}
@media (max-width: 768px) {
  .mobile\:pad-none {
    padding: var(--padding-none);
  }
  .mobile\:hover\:pad-none:hover {
    padding: var(--padding-none);
  }
  .mobile\:pad-hairline {
    padding: var(--padding-hairline);
  }
  .mobile\:hover\:pad-hairline:hover {
    padding: var(--padding-hairline);
  }
  .mobile\:pad-thin {
    padding: var(--padding-thin);
  }
  .mobile\:hover\:pad-thin:hover {
    padding: var(--padding-thin);
  }
  .mobile\:pad-slim {
    padding: var(--padding-slim);
  }
  .mobile\:hover\:pad-slim:hover {
    padding: var(--padding-slim);
  }
  .mobile\:pad-extra-small {
    padding: var(--padding-extra-small);
  }
  .mobile\:hover\:pad-extra-small:hover {
    padding: var(--padding-extra-small);
  }
  .mobile\:pad-small {
    padding: var(--padding-small);
  }
  .mobile\:hover\:pad-small:hover {
    padding: var(--padding-small);
  }
  .mobile\:pad-medium {
    padding: var(--padding-medium);
  }
  .mobile\:hover\:pad-medium:hover {
    padding: var(--padding-medium);
  }
  .mobile\:pad-large {
    padding: var(--padding-large);
  }
  .mobile\:hover\:pad-large:hover {
    padding: var(--padding-large);
  }
  .mobile\:pad-extra-large {
    padding: var(--padding-extra-large);
  }
  .mobile\:hover\:pad-extra-large:hover {
    padding: var(--padding-extra-large);
  }
  .mobile\:pad-huge {
    padding: var(--padding-huge);
  }
  .mobile\:hover\:pad-huge:hover {
    padding: var(--padding-huge);
  }
  .mobile\:pad-full {
    padding: var(--padding-full);
  }
  .mobile\:hover\:pad-full:hover {
    padding: var(--padding-full);
  }
  .mobile\:pad-t-none {
    padding-top: var(--padding-none);
  }
  .mobile\:hover\:pad-t-none:hover {
    padding-top: var(--padding-none);
  }
  .mobile\:pad-t-hairline {
    padding-top: var(--padding-hairline);
  }
  .mobile\:hover\:pad-t-hairline:hover {
    padding-top: var(--padding-hairline);
  }
  .mobile\:pad-t-thin {
    padding-top: var(--padding-thin);
  }
  .mobile\:hover\:pad-t-thin:hover {
    padding-top: var(--padding-thin);
  }
  .mobile\:pad-t-slim {
    padding-top: var(--padding-slim);
  }
  .mobile\:hover\:pad-t-slim:hover {
    padding-top: var(--padding-slim);
  }
  .mobile\:pad-t-extra-small {
    padding-top: var(--padding-extra-small);
  }
  .mobile\:hover\:pad-t-extra-small:hover {
    padding-top: var(--padding-extra-small);
  }
  .mobile\:pad-t-small {
    padding-top: var(--padding-small);
  }
  .mobile\:hover\:pad-t-small:hover {
    padding-top: var(--padding-small);
  }
  .mobile\:pad-t-medium {
    padding-top: var(--padding-medium);
  }
  .mobile\:hover\:pad-t-medium:hover {
    padding-top: var(--padding-medium);
  }
  .mobile\:pad-t-large {
    padding-top: var(--padding-large);
  }
  .mobile\:hover\:pad-t-large:hover {
    padding-top: var(--padding-large);
  }
  .mobile\:pad-t-extra-large {
    padding-top: var(--padding-extra-large);
  }
  .mobile\:hover\:pad-t-extra-large:hover {
    padding-top: var(--padding-extra-large);
  }
  .mobile\:pad-t-huge {
    padding-top: var(--padding-huge);
  }
  .mobile\:hover\:pad-t-huge:hover {
    padding-top: var(--padding-huge);
  }
  .mobile\:pad-t-full {
    padding-top: var(--padding-full);
  }
  .mobile\:hover\:pad-t-full:hover {
    padding-top: var(--padding-full);
  }
  .mobile\:pad-r-none {
    padding-right: var(--padding-none);
  }
  .mobile\:hover\:pad-r-none:hover {
    padding-right: var(--padding-none);
  }
  .mobile\:pad-r-hairline {
    padding-right: var(--padding-hairline);
  }
  .mobile\:hover\:pad-r-hairline:hover {
    padding-right: var(--padding-hairline);
  }
  .mobile\:pad-r-thin {
    padding-right: var(--padding-thin);
  }
  .mobile\:hover\:pad-r-thin:hover {
    padding-right: var(--padding-thin);
  }
  .mobile\:pad-r-slim {
    padding-right: var(--padding-slim);
  }
  .mobile\:hover\:pad-r-slim:hover {
    padding-right: var(--padding-slim);
  }
  .mobile\:pad-r-extra-small {
    padding-right: var(--padding-extra-small);
  }
  .mobile\:hover\:pad-r-extra-small:hover {
    padding-right: var(--padding-extra-small);
  }
  .mobile\:pad-r-small {
    padding-right: var(--padding-small);
  }
  .mobile\:hover\:pad-r-small:hover {
    padding-right: var(--padding-small);
  }
  .mobile\:pad-r-medium {
    padding-right: var(--padding-medium);
  }
  .mobile\:hover\:pad-r-medium:hover {
    padding-right: var(--padding-medium);
  }
  .mobile\:pad-r-large {
    padding-right: var(--padding-large);
  }
  .mobile\:hover\:pad-r-large:hover {
    padding-right: var(--padding-large);
  }
  .mobile\:pad-r-extra-large {
    padding-right: var(--padding-extra-large);
  }
  .mobile\:hover\:pad-r-extra-large:hover {
    padding-right: var(--padding-extra-large);
  }
  .mobile\:pad-r-huge {
    padding-right: var(--padding-huge);
  }
  .mobile\:hover\:pad-r-huge:hover {
    padding-right: var(--padding-huge);
  }
  .mobile\:pad-r-full {
    padding-right: var(--padding-full);
  }
  .mobile\:hover\:pad-r-full:hover {
    padding-right: var(--padding-full);
  }
  .mobile\:pad-b-none {
    padding-bottom: var(--padding-none);
  }
  .mobile\:hover\:pad-b-none:hover {
    padding-bottom: var(--padding-none);
  }
  .mobile\:pad-b-hairline {
    padding-bottom: var(--padding-hairline);
  }
  .mobile\:hover\:pad-b-hairline:hover {
    padding-bottom: var(--padding-hairline);
  }
  .mobile\:pad-b-thin {
    padding-bottom: var(--padding-thin);
  }
  .mobile\:hover\:pad-b-thin:hover {
    padding-bottom: var(--padding-thin);
  }
  .mobile\:pad-b-slim {
    padding-bottom: var(--padding-slim);
  }
  .mobile\:hover\:pad-b-slim:hover {
    padding-bottom: var(--padding-slim);
  }
  .mobile\:pad-b-extra-small {
    padding-bottom: var(--padding-extra-small);
  }
  .mobile\:hover\:pad-b-extra-small:hover {
    padding-bottom: var(--padding-extra-small);
  }
  .mobile\:pad-b-small {
    padding-bottom: var(--padding-small);
  }
  .mobile\:hover\:pad-b-small:hover {
    padding-bottom: var(--padding-small);
  }
  .mobile\:pad-b-medium {
    padding-bottom: var(--padding-medium);
  }
  .mobile\:hover\:pad-b-medium:hover {
    padding-bottom: var(--padding-medium);
  }
  .mobile\:pad-b-large {
    padding-bottom: var(--padding-large);
  }
  .mobile\:hover\:pad-b-large:hover {
    padding-bottom: var(--padding-large);
  }
  .mobile\:pad-b-extra-large {
    padding-bottom: var(--padding-extra-large);
  }
  .mobile\:hover\:pad-b-extra-large:hover {
    padding-bottom: var(--padding-extra-large);
  }
  .mobile\:pad-b-huge {
    padding-bottom: var(--padding-huge);
  }
  .mobile\:hover\:pad-b-huge:hover {
    padding-bottom: var(--padding-huge);
  }
  .mobile\:pad-b-full {
    padding-bottom: var(--padding-full);
  }
  .mobile\:hover\:pad-b-full:hover {
    padding-bottom: var(--padding-full);
  }
  .mobile\:pad-l-none {
    padding-left: var(--padding-none);
  }
  .mobile\:hover\:pad-l-none:hover {
    padding-left: var(--padding-none);
  }
  .mobile\:pad-l-hairline {
    padding-left: var(--padding-hairline);
  }
  .mobile\:hover\:pad-l-hairline:hover {
    padding-left: var(--padding-hairline);
  }
  .mobile\:pad-l-thin {
    padding-left: var(--padding-thin);
  }
  .mobile\:hover\:pad-l-thin:hover {
    padding-left: var(--padding-thin);
  }
  .mobile\:pad-l-slim {
    padding-left: var(--padding-slim);
  }
  .mobile\:hover\:pad-l-slim:hover {
    padding-left: var(--padding-slim);
  }
  .mobile\:pad-l-extra-small {
    padding-left: var(--padding-extra-small);
  }
  .mobile\:hover\:pad-l-extra-small:hover {
    padding-left: var(--padding-extra-small);
  }
  .mobile\:pad-l-small {
    padding-left: var(--padding-small);
  }
  .mobile\:hover\:pad-l-small:hover {
    padding-left: var(--padding-small);
  }
  .mobile\:pad-l-medium {
    padding-left: var(--padding-medium);
  }
  .mobile\:hover\:pad-l-medium:hover {
    padding-left: var(--padding-medium);
  }
  .mobile\:pad-l-large {
    padding-left: var(--padding-large);
  }
  .mobile\:hover\:pad-l-large:hover {
    padding-left: var(--padding-large);
  }
  .mobile\:pad-l-extra-large {
    padding-left: var(--padding-extra-large);
  }
  .mobile\:hover\:pad-l-extra-large:hover {
    padding-left: var(--padding-extra-large);
  }
  .mobile\:pad-l-huge {
    padding-left: var(--padding-huge);
  }
  .mobile\:hover\:pad-l-huge:hover {
    padding-left: var(--padding-huge);
  }
  .mobile\:pad-l-full {
    padding-left: var(--padding-full);
  }
  .mobile\:hover\:pad-l-full:hover {
    padding-left: var(--padding-full);
  }
  .mobile\:pad-h-none {
    padding-left: var(--padding-none);
    padding-right: var(--padding-none);
  }
  .mobile\:hover\:pad-h-none:hover {
    padding-left: var(--padding-none);
    padding-right: var(--padding-none);
  }
  .mobile\:pad-h-hairline {
    padding-left: var(--padding-hairline);
    padding-right: var(--padding-hairline);
  }
  .mobile\:hover\:pad-h-hairline:hover {
    padding-left: var(--padding-hairline);
    padding-right: var(--padding-hairline);
  }
  .mobile\:pad-h-thin {
    padding-left: var(--padding-thin);
    padding-right: var(--padding-thin);
  }
  .mobile\:hover\:pad-h-thin:hover {
    padding-left: var(--padding-thin);
    padding-right: var(--padding-thin);
  }
  .mobile\:pad-h-slim {
    padding-left: var(--padding-slim);
    padding-right: var(--padding-slim);
  }
  .mobile\:hover\:pad-h-slim:hover {
    padding-left: var(--padding-slim);
    padding-right: var(--padding-slim);
  }
  .mobile\:pad-h-extra-small {
    padding-left: var(--padding-extra-small);
    padding-right: var(--padding-extra-small);
  }
  .mobile\:hover\:pad-h-extra-small:hover {
    padding-left: var(--padding-extra-small);
    padding-right: var(--padding-extra-small);
  }
  .mobile\:pad-h-small {
    padding-left: var(--padding-small);
    padding-right: var(--padding-small);
  }
  .mobile\:hover\:pad-h-small:hover {
    padding-left: var(--padding-small);
    padding-right: var(--padding-small);
  }
  .mobile\:pad-h-medium {
    padding-left: var(--padding-medium);
    padding-right: var(--padding-medium);
  }
  .mobile\:hover\:pad-h-medium:hover {
    padding-left: var(--padding-medium);
    padding-right: var(--padding-medium);
  }
  .mobile\:pad-h-large {
    padding-left: var(--padding-large);
    padding-right: var(--padding-large);
  }
  .mobile\:hover\:pad-h-large:hover {
    padding-left: var(--padding-large);
    padding-right: var(--padding-large);
  }
  .mobile\:pad-h-extra-large {
    padding-left: var(--padding-extra-large);
    padding-right: var(--padding-extra-large);
  }
  .mobile\:hover\:pad-h-extra-large:hover {
    padding-left: var(--padding-extra-large);
    padding-right: var(--padding-extra-large);
  }
  .mobile\:pad-h-huge {
    padding-left: var(--padding-huge);
    padding-right: var(--padding-huge);
  }
  .mobile\:hover\:pad-h-huge:hover {
    padding-left: var(--padding-huge);
    padding-right: var(--padding-huge);
  }
  .mobile\:pad-h-full {
    padding-left: var(--padding-full);
    padding-right: var(--padding-full);
  }
  .mobile\:hover\:pad-h-full:hover {
    padding-left: var(--padding-full);
    padding-right: var(--padding-full);
  }
  .mobile\:pad-v-none {
    padding-bottom: var(--padding-none);
    padding-top: var(--padding-none);
  }
  .mobile\:hover\:pad-v-none:hover {
    padding-bottom: var(--padding-none);
    padding-top: var(--padding-none);
  }
  .mobile\:pad-v-hairline {
    padding-bottom: var(--padding-hairline);
    padding-top: var(--padding-hairline);
  }
  .mobile\:hover\:pad-v-hairline:hover {
    padding-bottom: var(--padding-hairline);
    padding-top: var(--padding-hairline);
  }
  .mobile\:pad-v-thin {
    padding-bottom: var(--padding-thin);
    padding-top: var(--padding-thin);
  }
  .mobile\:hover\:pad-v-thin:hover {
    padding-bottom: var(--padding-thin);
    padding-top: var(--padding-thin);
  }
  .mobile\:pad-v-slim {
    padding-bottom: var(--padding-slim);
    padding-top: var(--padding-slim);
  }
  .mobile\:hover\:pad-v-slim:hover {
    padding-bottom: var(--padding-slim);
    padding-top: var(--padding-slim);
  }
  .mobile\:pad-v-extra-small {
    padding-bottom: var(--padding-extra-small);
    padding-top: var(--padding-extra-small);
  }
  .mobile\:hover\:pad-v-extra-small:hover {
    padding-bottom: var(--padding-extra-small);
    padding-top: var(--padding-extra-small);
  }
  .mobile\:pad-v-small {
    padding-bottom: var(--padding-small);
    padding-top: var(--padding-small);
  }
  .mobile\:hover\:pad-v-small:hover {
    padding-bottom: var(--padding-small);
    padding-top: var(--padding-small);
  }
  .mobile\:pad-v-medium {
    padding-bottom: var(--padding-medium);
    padding-top: var(--padding-medium);
  }
  .mobile\:hover\:pad-v-medium:hover {
    padding-bottom: var(--padding-medium);
    padding-top: var(--padding-medium);
  }
  .mobile\:pad-v-large {
    padding-bottom: var(--padding-large);
    padding-top: var(--padding-large);
  }
  .mobile\:hover\:pad-v-large:hover {
    padding-bottom: var(--padding-large);
    padding-top: var(--padding-large);
  }
  .mobile\:pad-v-extra-large {
    padding-bottom: var(--padding-extra-large);
    padding-top: var(--padding-extra-large);
  }
  .mobile\:hover\:pad-v-extra-large:hover {
    padding-bottom: var(--padding-extra-large);
    padding-top: var(--padding-extra-large);
  }
  .mobile\:pad-v-huge {
    padding-bottom: var(--padding-huge);
    padding-top: var(--padding-huge);
  }
  .mobile\:hover\:pad-v-huge:hover {
    padding-bottom: var(--padding-huge);
    padding-top: var(--padding-huge);
  }
  .mobile\:pad-v-full {
    padding-bottom: var(--padding-full);
    padding-top: var(--padding-full);
  }
  .mobile\:hover\:pad-v-full:hover {
    padding-bottom: var(--padding-full);
    padding-top: var(--padding-full);
  }
  .mobile\:marg-none {
    margin: var(--padding-none);
  }
  .mobile\:hover\:marg-none:hover {
    margin: var(--padding-none);
  }
  .mobile\:-marg-none {
    margin: calc(-1 * var(--padding-none));
  }
  .mobile\:hover\:-marg-none:hover {
    margin: calc(-1 * var(--padding-none));
  }
  .mobile\:marg-hairline {
    margin: var(--padding-hairline);
  }
  .mobile\:hover\:marg-hairline:hover {
    margin: var(--padding-hairline);
  }
  .mobile\:-marg-hairline {
    margin: calc(-1 * var(--padding-hairline));
  }
  .mobile\:hover\:-marg-hairline:hover {
    margin: calc(-1 * var(--padding-hairline));
  }
  .mobile\:marg-thin {
    margin: var(--padding-thin);
  }
  .mobile\:hover\:marg-thin:hover {
    margin: var(--padding-thin);
  }
  .mobile\:-marg-thin {
    margin: calc(-1 * var(--padding-thin));
  }
  .mobile\:hover\:-marg-thin:hover {
    margin: calc(-1 * var(--padding-thin));
  }
  .mobile\:marg-slim {
    margin: var(--padding-slim);
  }
  .mobile\:hover\:marg-slim:hover {
    margin: var(--padding-slim);
  }
  .mobile\:-marg-slim {
    margin: calc(-1 * var(--padding-slim));
  }
  .mobile\:hover\:-marg-slim:hover {
    margin: calc(-1 * var(--padding-slim));
  }
  .mobile\:marg-extra-small {
    margin: var(--padding-extra-small);
  }
  .mobile\:hover\:marg-extra-small:hover {
    margin: var(--padding-extra-small);
  }
  .mobile\:-marg-extra-small {
    margin: calc(-1 * var(--padding-extra-small));
  }
  .mobile\:hover\:-marg-extra-small:hover {
    margin: calc(-1 * var(--padding-extra-small));
  }
  .mobile\:marg-small {
    margin: var(--padding-small);
  }
  .mobile\:hover\:marg-small:hover {
    margin: var(--padding-small);
  }
  .mobile\:-marg-small {
    margin: calc(-1 * var(--padding-small));
  }
  .mobile\:hover\:-marg-small:hover {
    margin: calc(-1 * var(--padding-small));
  }
  .mobile\:marg-medium {
    margin: var(--padding-medium);
  }
  .mobile\:hover\:marg-medium:hover {
    margin: var(--padding-medium);
  }
  .mobile\:-marg-medium {
    margin: calc(-1 * var(--padding-medium));
  }
  .mobile\:hover\:-marg-medium:hover {
    margin: calc(-1 * var(--padding-medium));
  }
  .mobile\:marg-large {
    margin: var(--padding-large);
  }
  .mobile\:hover\:marg-large:hover {
    margin: var(--padding-large);
  }
  .mobile\:-marg-large {
    margin: calc(-1 * var(--padding-large));
  }
  .mobile\:hover\:-marg-large:hover {
    margin: calc(-1 * var(--padding-large));
  }
  .mobile\:marg-extra-large {
    margin: var(--padding-extra-large);
  }
  .mobile\:hover\:marg-extra-large:hover {
    margin: var(--padding-extra-large);
  }
  .mobile\:-marg-extra-large {
    margin: calc(-1 * var(--padding-extra-large));
  }
  .mobile\:hover\:-marg-extra-large:hover {
    margin: calc(-1 * var(--padding-extra-large));
  }
  .mobile\:marg-huge {
    margin: var(--padding-huge);
  }
  .mobile\:hover\:marg-huge:hover {
    margin: var(--padding-huge);
  }
  .mobile\:-marg-huge {
    margin: calc(-1 * var(--padding-huge));
  }
  .mobile\:hover\:-marg-huge:hover {
    margin: calc(-1 * var(--padding-huge));
  }
  .mobile\:marg-full {
    margin: var(--padding-full);
  }
  .mobile\:hover\:marg-full:hover {
    margin: var(--padding-full);
  }
  .mobile\:-marg-full {
    margin: calc(-1 * var(--padding-full));
  }
  .mobile\:hover\:-marg-full:hover {
    margin: calc(-1 * var(--padding-full));
  }
  .mobile\:marg-auto {
    margin: auto;
  }
  .mobile\:hover\:marg-auto:hover {
    margin: auto;
  }
  .mobile\:marg-t-none {
    margin-top: var(--padding-none);
  }
  .mobile\:hover\:marg-t-none:hover {
    margin-top: var(--padding-none);
  }
  .mobile\:-marg-t-none {
    margin-top: calc(-1 * var(--padding-none));
  }
  .mobile\:hover\:-marg-t-none:hover {
    margin-top: calc(-1 * var(--padding-none));
  }
  .mobile\:marg-t-hairline {
    margin-top: var(--padding-hairline);
  }
  .mobile\:hover\:marg-t-hairline:hover {
    margin-top: var(--padding-hairline);
  }
  .mobile\:-marg-t-hairline {
    margin-top: calc(-1 * var(--padding-hairline));
  }
  .mobile\:hover\:-marg-t-hairline:hover {
    margin-top: calc(-1 * var(--padding-hairline));
  }
  .mobile\:marg-t-thin {
    margin-top: var(--padding-thin);
  }
  .mobile\:hover\:marg-t-thin:hover {
    margin-top: var(--padding-thin);
  }
  .mobile\:-marg-t-thin {
    margin-top: calc(-1 * var(--padding-thin));
  }
  .mobile\:hover\:-marg-t-thin:hover {
    margin-top: calc(-1 * var(--padding-thin));
  }
  .mobile\:marg-t-slim {
    margin-top: var(--padding-slim);
  }
  .mobile\:hover\:marg-t-slim:hover {
    margin-top: var(--padding-slim);
  }
  .mobile\:-marg-t-slim {
    margin-top: calc(-1 * var(--padding-slim));
  }
  .mobile\:hover\:-marg-t-slim:hover {
    margin-top: calc(-1 * var(--padding-slim));
  }
  .mobile\:marg-t-extra-small {
    margin-top: var(--padding-extra-small);
  }
  .mobile\:hover\:marg-t-extra-small:hover {
    margin-top: var(--padding-extra-small);
  }
  .mobile\:-marg-t-extra-small {
    margin-top: calc(-1 * var(--padding-extra-small));
  }
  .mobile\:hover\:-marg-t-extra-small:hover {
    margin-top: calc(-1 * var(--padding-extra-small));
  }
  .mobile\:marg-t-small {
    margin-top: var(--padding-small);
  }
  .mobile\:hover\:marg-t-small:hover {
    margin-top: var(--padding-small);
  }
  .mobile\:-marg-t-small {
    margin-top: calc(-1 * var(--padding-small));
  }
  .mobile\:hover\:-marg-t-small:hover {
    margin-top: calc(-1 * var(--padding-small));
  }
  .mobile\:marg-t-medium {
    margin-top: var(--padding-medium);
  }
  .mobile\:hover\:marg-t-medium:hover {
    margin-top: var(--padding-medium);
  }
  .mobile\:-marg-t-medium {
    margin-top: calc(-1 * var(--padding-medium));
  }
  .mobile\:hover\:-marg-t-medium:hover {
    margin-top: calc(-1 * var(--padding-medium));
  }
  .mobile\:marg-t-large {
    margin-top: var(--padding-large);
  }
  .mobile\:hover\:marg-t-large:hover {
    margin-top: var(--padding-large);
  }
  .mobile\:-marg-t-large {
    margin-top: calc(-1 * var(--padding-large));
  }
  .mobile\:hover\:-marg-t-large:hover {
    margin-top: calc(-1 * var(--padding-large));
  }
  .mobile\:marg-t-extra-large {
    margin-top: var(--padding-extra-large);
  }
  .mobile\:hover\:marg-t-extra-large:hover {
    margin-top: var(--padding-extra-large);
  }
  .mobile\:-marg-t-extra-large {
    margin-top: calc(-1 * var(--padding-extra-large));
  }
  .mobile\:hover\:-marg-t-extra-large:hover {
    margin-top: calc(-1 * var(--padding-extra-large));
  }
  .mobile\:marg-t-huge {
    margin-top: var(--padding-huge);
  }
  .mobile\:hover\:marg-t-huge:hover {
    margin-top: var(--padding-huge);
  }
  .mobile\:-marg-t-huge {
    margin-top: calc(-1 * var(--padding-huge));
  }
  .mobile\:hover\:-marg-t-huge:hover {
    margin-top: calc(-1 * var(--padding-huge));
  }
  .mobile\:marg-t-full {
    margin-top: var(--padding-full);
  }
  .mobile\:hover\:marg-t-full:hover {
    margin-top: var(--padding-full);
  }
  .mobile\:-marg-t-full {
    margin-top: calc(-1 * var(--padding-full));
  }
  .mobile\:hover\:-marg-t-full:hover {
    margin-top: calc(-1 * var(--padding-full));
  }
  .mobile\:marg-t-auto {
    margin-top: auto;
  }
  .mobile\:hover\:marg-t-auto:hover {
    margin-top: auto;
  }
  .mobile\:marg-r-none {
    margin-right: var(--padding-none);
  }
  .mobile\:hover\:marg-r-none:hover {
    margin-right: var(--padding-none);
  }
  .mobile\:-marg-r-none {
    margin-right: calc(-1 * var(--padding-none));
  }
  .mobile\:hover\:-marg-r-none:hover {
    margin-right: calc(-1 * var(--padding-none));
  }
  .mobile\:marg-r-hairline {
    margin-right: var(--padding-hairline);
  }
  .mobile\:hover\:marg-r-hairline:hover {
    margin-right: var(--padding-hairline);
  }
  .mobile\:-marg-r-hairline {
    margin-right: calc(-1 * var(--padding-hairline));
  }
  .mobile\:hover\:-marg-r-hairline:hover {
    margin-right: calc(-1 * var(--padding-hairline));
  }
  .mobile\:marg-r-thin {
    margin-right: var(--padding-thin);
  }
  .mobile\:hover\:marg-r-thin:hover {
    margin-right: var(--padding-thin);
  }
  .mobile\:-marg-r-thin {
    margin-right: calc(-1 * var(--padding-thin));
  }
  .mobile\:hover\:-marg-r-thin:hover {
    margin-right: calc(-1 * var(--padding-thin));
  }
  .mobile\:marg-r-slim {
    margin-right: var(--padding-slim);
  }
  .mobile\:hover\:marg-r-slim:hover {
    margin-right: var(--padding-slim);
  }
  .mobile\:-marg-r-slim {
    margin-right: calc(-1 * var(--padding-slim));
  }
  .mobile\:hover\:-marg-r-slim:hover {
    margin-right: calc(-1 * var(--padding-slim));
  }
  .mobile\:marg-r-extra-small {
    margin-right: var(--padding-extra-small);
  }
  .mobile\:hover\:marg-r-extra-small:hover {
    margin-right: var(--padding-extra-small);
  }
  .mobile\:-marg-r-extra-small {
    margin-right: calc(-1 * var(--padding-extra-small));
  }
  .mobile\:hover\:-marg-r-extra-small:hover {
    margin-right: calc(-1 * var(--padding-extra-small));
  }
  .mobile\:marg-r-small {
    margin-right: var(--padding-small);
  }
  .mobile\:hover\:marg-r-small:hover {
    margin-right: var(--padding-small);
  }
  .mobile\:-marg-r-small {
    margin-right: calc(-1 * var(--padding-small));
  }
  .mobile\:hover\:-marg-r-small:hover {
    margin-right: calc(-1 * var(--padding-small));
  }
  .mobile\:marg-r-medium {
    margin-right: var(--padding-medium);
  }
  .mobile\:hover\:marg-r-medium:hover {
    margin-right: var(--padding-medium);
  }
  .mobile\:-marg-r-medium {
    margin-right: calc(-1 * var(--padding-medium));
  }
  .mobile\:hover\:-marg-r-medium:hover {
    margin-right: calc(-1 * var(--padding-medium));
  }
  .mobile\:marg-r-large {
    margin-right: var(--padding-large);
  }
  .mobile\:hover\:marg-r-large:hover {
    margin-right: var(--padding-large);
  }
  .mobile\:-marg-r-large {
    margin-right: calc(-1 * var(--padding-large));
  }
  .mobile\:hover\:-marg-r-large:hover {
    margin-right: calc(-1 * var(--padding-large));
  }
  .mobile\:marg-r-extra-large {
    margin-right: var(--padding-extra-large);
  }
  .mobile\:hover\:marg-r-extra-large:hover {
    margin-right: var(--padding-extra-large);
  }
  .mobile\:-marg-r-extra-large {
    margin-right: calc(-1 * var(--padding-extra-large));
  }
  .mobile\:hover\:-marg-r-extra-large:hover {
    margin-right: calc(-1 * var(--padding-extra-large));
  }
  .mobile\:marg-r-huge {
    margin-right: var(--padding-huge);
  }
  .mobile\:hover\:marg-r-huge:hover {
    margin-right: var(--padding-huge);
  }
  .mobile\:-marg-r-huge {
    margin-right: calc(-1 * var(--padding-huge));
  }
  .mobile\:hover\:-marg-r-huge:hover {
    margin-right: calc(-1 * var(--padding-huge));
  }
  .mobile\:marg-r-full {
    margin-right: var(--padding-full);
  }
  .mobile\:hover\:marg-r-full:hover {
    margin-right: var(--padding-full);
  }
  .mobile\:-marg-r-full {
    margin-right: calc(-1 * var(--padding-full));
  }
  .mobile\:hover\:-marg-r-full:hover {
    margin-right: calc(-1 * var(--padding-full));
  }
  .mobile\:marg-r-auto {
    margin-right: auto;
  }
  .mobile\:hover\:marg-r-auto:hover {
    margin-right: auto;
  }
  .mobile\:marg-b-none {
    margin-bottom: var(--padding-none);
  }
  .mobile\:hover\:marg-b-none:hover {
    margin-bottom: var(--padding-none);
  }
  .mobile\:-marg-b-none {
    margin-bottom: calc(-1 * var(--padding-none));
  }
  .mobile\:hover\:-marg-b-none:hover {
    margin-bottom: calc(-1 * var(--padding-none));
  }
  .mobile\:marg-b-hairline {
    margin-bottom: var(--padding-hairline);
  }
  .mobile\:hover\:marg-b-hairline:hover {
    margin-bottom: var(--padding-hairline);
  }
  .mobile\:-marg-b-hairline {
    margin-bottom: calc(-1 * var(--padding-hairline));
  }
  .mobile\:hover\:-marg-b-hairline:hover {
    margin-bottom: calc(-1 * var(--padding-hairline));
  }
  .mobile\:marg-b-thin {
    margin-bottom: var(--padding-thin);
  }
  .mobile\:hover\:marg-b-thin:hover {
    margin-bottom: var(--padding-thin);
  }
  .mobile\:-marg-b-thin {
    margin-bottom: calc(-1 * var(--padding-thin));
  }
  .mobile\:hover\:-marg-b-thin:hover {
    margin-bottom: calc(-1 * var(--padding-thin));
  }
  .mobile\:marg-b-slim {
    margin-bottom: var(--padding-slim);
  }
  .mobile\:hover\:marg-b-slim:hover {
    margin-bottom: var(--padding-slim);
  }
  .mobile\:-marg-b-slim {
    margin-bottom: calc(-1 * var(--padding-slim));
  }
  .mobile\:hover\:-marg-b-slim:hover {
    margin-bottom: calc(-1 * var(--padding-slim));
  }
  .mobile\:marg-b-extra-small {
    margin-bottom: var(--padding-extra-small);
  }
  .mobile\:hover\:marg-b-extra-small:hover {
    margin-bottom: var(--padding-extra-small);
  }
  .mobile\:-marg-b-extra-small {
    margin-bottom: calc(-1 * var(--padding-extra-small));
  }
  .mobile\:hover\:-marg-b-extra-small:hover {
    margin-bottom: calc(-1 * var(--padding-extra-small));
  }
  .mobile\:marg-b-small {
    margin-bottom: var(--padding-small);
  }
  .mobile\:hover\:marg-b-small:hover {
    margin-bottom: var(--padding-small);
  }
  .mobile\:-marg-b-small {
    margin-bottom: calc(-1 * var(--padding-small));
  }
  .mobile\:hover\:-marg-b-small:hover {
    margin-bottom: calc(-1 * var(--padding-small));
  }
  .mobile\:marg-b-medium {
    margin-bottom: var(--padding-medium);
  }
  .mobile\:hover\:marg-b-medium:hover {
    margin-bottom: var(--padding-medium);
  }
  .mobile\:-marg-b-medium {
    margin-bottom: calc(-1 * var(--padding-medium));
  }
  .mobile\:hover\:-marg-b-medium:hover {
    margin-bottom: calc(-1 * var(--padding-medium));
  }
  .mobile\:marg-b-large {
    margin-bottom: var(--padding-large);
  }
  .mobile\:hover\:marg-b-large:hover {
    margin-bottom: var(--padding-large);
  }
  .mobile\:-marg-b-large {
    margin-bottom: calc(-1 * var(--padding-large));
  }
  .mobile\:hover\:-marg-b-large:hover {
    margin-bottom: calc(-1 * var(--padding-large));
  }
  .mobile\:marg-b-extra-large {
    margin-bottom: var(--padding-extra-large);
  }
  .mobile\:hover\:marg-b-extra-large:hover {
    margin-bottom: var(--padding-extra-large);
  }
  .mobile\:-marg-b-extra-large {
    margin-bottom: calc(-1 * var(--padding-extra-large));
  }
  .mobile\:hover\:-marg-b-extra-large:hover {
    margin-bottom: calc(-1 * var(--padding-extra-large));
  }
  .mobile\:marg-b-huge {
    margin-bottom: var(--padding-huge);
  }
  .mobile\:hover\:marg-b-huge:hover {
    margin-bottom: var(--padding-huge);
  }
  .mobile\:-marg-b-huge {
    margin-bottom: calc(-1 * var(--padding-huge));
  }
  .mobile\:hover\:-marg-b-huge:hover {
    margin-bottom: calc(-1 * var(--padding-huge));
  }
  .mobile\:marg-b-full {
    margin-bottom: var(--padding-full);
  }
  .mobile\:hover\:marg-b-full:hover {
    margin-bottom: var(--padding-full);
  }
  .mobile\:-marg-b-full {
    margin-bottom: calc(-1 * var(--padding-full));
  }
  .mobile\:hover\:-marg-b-full:hover {
    margin-bottom: calc(-1 * var(--padding-full));
  }
  .mobile\:marg-b-auto {
    margin-bottom: auto;
  }
  .mobile\:hover\:marg-b-auto:hover {
    margin-bottom: auto;
  }
  .mobile\:marg-l-none {
    margin-left: var(--padding-none);
  }
  .mobile\:hover\:marg-l-none:hover {
    margin-left: var(--padding-none);
  }
  .mobile\:-marg-l-none {
    margin-left: calc(-1 * var(--padding-none));
  }
  .mobile\:hover\:-marg-l-none:hover {
    margin-left: calc(-1 * var(--padding-none));
  }
  .mobile\:marg-l-hairline {
    margin-left: var(--padding-hairline);
  }
  .mobile\:hover\:marg-l-hairline:hover {
    margin-left: var(--padding-hairline);
  }
  .mobile\:-marg-l-hairline {
    margin-left: calc(-1 * var(--padding-hairline));
  }
  .mobile\:hover\:-marg-l-hairline:hover {
    margin-left: calc(-1 * var(--padding-hairline));
  }
  .mobile\:marg-l-thin {
    margin-left: var(--padding-thin);
  }
  .mobile\:hover\:marg-l-thin:hover {
    margin-left: var(--padding-thin);
  }
  .mobile\:-marg-l-thin {
    margin-left: calc(-1 * var(--padding-thin));
  }
  .mobile\:hover\:-marg-l-thin:hover {
    margin-left: calc(-1 * var(--padding-thin));
  }
  .mobile\:marg-l-slim {
    margin-left: var(--padding-slim);
  }
  .mobile\:hover\:marg-l-slim:hover {
    margin-left: var(--padding-slim);
  }
  .mobile\:-marg-l-slim {
    margin-left: calc(-1 * var(--padding-slim));
  }
  .mobile\:hover\:-marg-l-slim:hover {
    margin-left: calc(-1 * var(--padding-slim));
  }
  .mobile\:marg-l-extra-small {
    margin-left: var(--padding-extra-small);
  }
  .mobile\:hover\:marg-l-extra-small:hover {
    margin-left: var(--padding-extra-small);
  }
  .mobile\:-marg-l-extra-small {
    margin-left: calc(-1 * var(--padding-extra-small));
  }
  .mobile\:hover\:-marg-l-extra-small:hover {
    margin-left: calc(-1 * var(--padding-extra-small));
  }
  .mobile\:marg-l-small {
    margin-left: var(--padding-small);
  }
  .mobile\:hover\:marg-l-small:hover {
    margin-left: var(--padding-small);
  }
  .mobile\:-marg-l-small {
    margin-left: calc(-1 * var(--padding-small));
  }
  .mobile\:hover\:-marg-l-small:hover {
    margin-left: calc(-1 * var(--padding-small));
  }
  .mobile\:marg-l-medium {
    margin-left: var(--padding-medium);
  }
  .mobile\:hover\:marg-l-medium:hover {
    margin-left: var(--padding-medium);
  }
  .mobile\:-marg-l-medium {
    margin-left: calc(-1 * var(--padding-medium));
  }
  .mobile\:hover\:-marg-l-medium:hover {
    margin-left: calc(-1 * var(--padding-medium));
  }
  .mobile\:marg-l-large {
    margin-left: var(--padding-large);
  }
  .mobile\:hover\:marg-l-large:hover {
    margin-left: var(--padding-large);
  }
  .mobile\:-marg-l-large {
    margin-left: calc(-1 * var(--padding-large));
  }
  .mobile\:hover\:-marg-l-large:hover {
    margin-left: calc(-1 * var(--padding-large));
  }
  .mobile\:marg-l-extra-large {
    margin-left: var(--padding-extra-large);
  }
  .mobile\:hover\:marg-l-extra-large:hover {
    margin-left: var(--padding-extra-large);
  }
  .mobile\:-marg-l-extra-large {
    margin-left: calc(-1 * var(--padding-extra-large));
  }
  .mobile\:hover\:-marg-l-extra-large:hover {
    margin-left: calc(-1 * var(--padding-extra-large));
  }
  .mobile\:marg-l-huge {
    margin-left: var(--padding-huge);
  }
  .mobile\:hover\:marg-l-huge:hover {
    margin-left: var(--padding-huge);
  }
  .mobile\:-marg-l-huge {
    margin-left: calc(-1 * var(--padding-huge));
  }
  .mobile\:hover\:-marg-l-huge:hover {
    margin-left: calc(-1 * var(--padding-huge));
  }
  .mobile\:marg-l-full {
    margin-left: var(--padding-full);
  }
  .mobile\:hover\:marg-l-full:hover {
    margin-left: var(--padding-full);
  }
  .mobile\:-marg-l-full {
    margin-left: calc(-1 * var(--padding-full));
  }
  .mobile\:hover\:-marg-l-full:hover {
    margin-left: calc(-1 * var(--padding-full));
  }
  .mobile\:marg-l-auto {
    margin-left: auto;
  }
  .mobile\:hover\:marg-l-auto:hover {
    margin-left: auto;
  }
  .mobile\:marg-h-none {
    margin-left: var(--padding-none);
    margin-right: var(--padding-none);
  }
  .mobile\:hover\:marg-h-none:hover {
    margin-left: var(--padding-none);
    margin-right: var(--padding-none);
  }
  .mobile\:-marg-h-none {
    margin-left: calc(-1 * var(--padding-none));
    margin-right: calc(-1 * var(--padding-none));
  }
  .mobile\:hover\:-marg-h-none:hover {
    margin-left: calc(-1 * var(--padding-none));
    margin-right: calc(-1 * var(--padding-none));
  }
  .mobile\:marg-h-hairline {
    margin-left: var(--padding-hairline);
    margin-right: var(--padding-hairline);
  }
  .mobile\:hover\:marg-h-hairline:hover {
    margin-left: var(--padding-hairline);
    margin-right: var(--padding-hairline);
  }
  .mobile\:-marg-h-hairline {
    margin-left: calc(-1 * var(--padding-hairline));
    margin-right: calc(-1 * var(--padding-hairline));
  }
  .mobile\:hover\:-marg-h-hairline:hover {
    margin-left: calc(-1 * var(--padding-hairline));
    margin-right: calc(-1 * var(--padding-hairline));
  }
  .mobile\:marg-h-thin {
    margin-left: var(--padding-thin);
    margin-right: var(--padding-thin);
  }
  .mobile\:hover\:marg-h-thin:hover {
    margin-left: var(--padding-thin);
    margin-right: var(--padding-thin);
  }
  .mobile\:-marg-h-thin {
    margin-left: calc(-1 * var(--padding-thin));
    margin-right: calc(-1 * var(--padding-thin));
  }
  .mobile\:hover\:-marg-h-thin:hover {
    margin-left: calc(-1 * var(--padding-thin));
    margin-right: calc(-1 * var(--padding-thin));
  }
  .mobile\:marg-h-slim {
    margin-left: var(--padding-slim);
    margin-right: var(--padding-slim);
  }
  .mobile\:hover\:marg-h-slim:hover {
    margin-left: var(--padding-slim);
    margin-right: var(--padding-slim);
  }
  .mobile\:-marg-h-slim {
    margin-left: calc(-1 * var(--padding-slim));
    margin-right: calc(-1 * var(--padding-slim));
  }
  .mobile\:hover\:-marg-h-slim:hover {
    margin-left: calc(-1 * var(--padding-slim));
    margin-right: calc(-1 * var(--padding-slim));
  }
  .mobile\:marg-h-extra-small {
    margin-left: var(--padding-extra-small);
    margin-right: var(--padding-extra-small);
  }
  .mobile\:hover\:marg-h-extra-small:hover {
    margin-left: var(--padding-extra-small);
    margin-right: var(--padding-extra-small);
  }
  .mobile\:-marg-h-extra-small {
    margin-left: calc(-1 * var(--padding-extra-small));
    margin-right: calc(-1 * var(--padding-extra-small));
  }
  .mobile\:hover\:-marg-h-extra-small:hover {
    margin-left: calc(-1 * var(--padding-extra-small));
    margin-right: calc(-1 * var(--padding-extra-small));
  }
  .mobile\:marg-h-small {
    margin-left: var(--padding-small);
    margin-right: var(--padding-small);
  }
  .mobile\:hover\:marg-h-small:hover {
    margin-left: var(--padding-small);
    margin-right: var(--padding-small);
  }
  .mobile\:-marg-h-small {
    margin-left: calc(-1 * var(--padding-small));
    margin-right: calc(-1 * var(--padding-small));
  }
  .mobile\:hover\:-marg-h-small:hover {
    margin-left: calc(-1 * var(--padding-small));
    margin-right: calc(-1 * var(--padding-small));
  }
  .mobile\:marg-h-medium {
    margin-left: var(--padding-medium);
    margin-right: var(--padding-medium);
  }
  .mobile\:hover\:marg-h-medium:hover {
    margin-left: var(--padding-medium);
    margin-right: var(--padding-medium);
  }
  .mobile\:-marg-h-medium {
    margin-left: calc(-1 * var(--padding-medium));
    margin-right: calc(-1 * var(--padding-medium));
  }
  .mobile\:hover\:-marg-h-medium:hover {
    margin-left: calc(-1 * var(--padding-medium));
    margin-right: calc(-1 * var(--padding-medium));
  }
  .mobile\:marg-h-large {
    margin-left: var(--padding-large);
    margin-right: var(--padding-large);
  }
  .mobile\:hover\:marg-h-large:hover {
    margin-left: var(--padding-large);
    margin-right: var(--padding-large);
  }
  .mobile\:-marg-h-large {
    margin-left: calc(-1 * var(--padding-large));
    margin-right: calc(-1 * var(--padding-large));
  }
  .mobile\:hover\:-marg-h-large:hover {
    margin-left: calc(-1 * var(--padding-large));
    margin-right: calc(-1 * var(--padding-large));
  }
  .mobile\:marg-h-extra-large {
    margin-left: var(--padding-extra-large);
    margin-right: var(--padding-extra-large);
  }
  .mobile\:hover\:marg-h-extra-large:hover {
    margin-left: var(--padding-extra-large);
    margin-right: var(--padding-extra-large);
  }
  .mobile\:-marg-h-extra-large {
    margin-left: calc(-1 * var(--padding-extra-large));
    margin-right: calc(-1 * var(--padding-extra-large));
  }
  .mobile\:hover\:-marg-h-extra-large:hover {
    margin-left: calc(-1 * var(--padding-extra-large));
    margin-right: calc(-1 * var(--padding-extra-large));
  }
  .mobile\:marg-h-huge {
    margin-left: var(--padding-huge);
    margin-right: var(--padding-huge);
  }
  .mobile\:hover\:marg-h-huge:hover {
    margin-left: var(--padding-huge);
    margin-right: var(--padding-huge);
  }
  .mobile\:-marg-h-huge {
    margin-left: calc(-1 * var(--padding-huge));
    margin-right: calc(-1 * var(--padding-huge));
  }
  .mobile\:hover\:-marg-h-huge:hover {
    margin-left: calc(-1 * var(--padding-huge));
    margin-right: calc(-1 * var(--padding-huge));
  }
  .mobile\:marg-h-full {
    margin-left: var(--padding-full);
    margin-right: var(--padding-full);
  }
  .mobile\:hover\:marg-h-full:hover {
    margin-left: var(--padding-full);
    margin-right: var(--padding-full);
  }
  .mobile\:-marg-h-full {
    margin-left: calc(-1 * var(--padding-full));
    margin-right: calc(-1 * var(--padding-full));
  }
  .mobile\:hover\:-marg-h-full:hover {
    margin-left: calc(-1 * var(--padding-full));
    margin-right: calc(-1 * var(--padding-full));
  }
  .mobile\:marg-h-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .mobile\:hover\:marg-h-auto:hover {
    margin-left: auto;
    margin-right: auto;
  }
  .mobile\:marg-v-none {
    margin-bottom: var(--padding-none);
    margin-top: var(--padding-none);
  }
  .mobile\:hover\:marg-v-none:hover {
    margin-bottom: var(--padding-none);
    margin-top: var(--padding-none);
  }
  .mobile\:-marg-v-none {
    margin-bottom: calc(-1 * var(--padding-none));
    margin-top: calc(-1 * var(--padding-none));
  }
  .mobile\:hover\:-marg-v-none:hover {
    margin-bottom: calc(-1 * var(--padding-none));
    margin-top: calc(-1 * var(--padding-none));
  }
  .mobile\:marg-v-hairline {
    margin-bottom: var(--padding-hairline);
    margin-top: var(--padding-hairline);
  }
  .mobile\:hover\:marg-v-hairline:hover {
    margin-bottom: var(--padding-hairline);
    margin-top: var(--padding-hairline);
  }
  .mobile\:-marg-v-hairline {
    margin-bottom: calc(-1 * var(--padding-hairline));
    margin-top: calc(-1 * var(--padding-hairline));
  }
  .mobile\:hover\:-marg-v-hairline:hover {
    margin-bottom: calc(-1 * var(--padding-hairline));
    margin-top: calc(-1 * var(--padding-hairline));
  }
  .mobile\:marg-v-thin {
    margin-bottom: var(--padding-thin);
    margin-top: var(--padding-thin);
  }
  .mobile\:hover\:marg-v-thin:hover {
    margin-bottom: var(--padding-thin);
    margin-top: var(--padding-thin);
  }
  .mobile\:-marg-v-thin {
    margin-bottom: calc(-1 * var(--padding-thin));
    margin-top: calc(-1 * var(--padding-thin));
  }
  .mobile\:hover\:-marg-v-thin:hover {
    margin-bottom: calc(-1 * var(--padding-thin));
    margin-top: calc(-1 * var(--padding-thin));
  }
  .mobile\:marg-v-slim {
    margin-bottom: var(--padding-slim);
    margin-top: var(--padding-slim);
  }
  .mobile\:hover\:marg-v-slim:hover {
    margin-bottom: var(--padding-slim);
    margin-top: var(--padding-slim);
  }
  .mobile\:-marg-v-slim {
    margin-bottom: calc(-1 * var(--padding-slim));
    margin-top: calc(-1 * var(--padding-slim));
  }
  .mobile\:hover\:-marg-v-slim:hover {
    margin-bottom: calc(-1 * var(--padding-slim));
    margin-top: calc(-1 * var(--padding-slim));
  }
  .mobile\:marg-v-extra-small {
    margin-bottom: var(--padding-extra-small);
    margin-top: var(--padding-extra-small);
  }
  .mobile\:hover\:marg-v-extra-small:hover {
    margin-bottom: var(--padding-extra-small);
    margin-top: var(--padding-extra-small);
  }
  .mobile\:-marg-v-extra-small {
    margin-bottom: calc(-1 * var(--padding-extra-small));
    margin-top: calc(-1 * var(--padding-extra-small));
  }
  .mobile\:hover\:-marg-v-extra-small:hover {
    margin-bottom: calc(-1 * var(--padding-extra-small));
    margin-top: calc(-1 * var(--padding-extra-small));
  }
  .mobile\:marg-v-small {
    margin-bottom: var(--padding-small);
    margin-top: var(--padding-small);
  }
  .mobile\:hover\:marg-v-small:hover {
    margin-bottom: var(--padding-small);
    margin-top: var(--padding-small);
  }
  .mobile\:-marg-v-small {
    margin-bottom: calc(-1 * var(--padding-small));
    margin-top: calc(-1 * var(--padding-small));
  }
  .mobile\:hover\:-marg-v-small:hover {
    margin-bottom: calc(-1 * var(--padding-small));
    margin-top: calc(-1 * var(--padding-small));
  }
  .mobile\:marg-v-medium {
    margin-bottom: var(--padding-medium);
    margin-top: var(--padding-medium);
  }
  .mobile\:hover\:marg-v-medium:hover {
    margin-bottom: var(--padding-medium);
    margin-top: var(--padding-medium);
  }
  .mobile\:-marg-v-medium {
    margin-bottom: calc(-1 * var(--padding-medium));
    margin-top: calc(-1 * var(--padding-medium));
  }
  .mobile\:hover\:-marg-v-medium:hover {
    margin-bottom: calc(-1 * var(--padding-medium));
    margin-top: calc(-1 * var(--padding-medium));
  }
  .mobile\:marg-v-large {
    margin-bottom: var(--padding-large);
    margin-top: var(--padding-large);
  }
  .mobile\:hover\:marg-v-large:hover {
    margin-bottom: var(--padding-large);
    margin-top: var(--padding-large);
  }
  .mobile\:-marg-v-large {
    margin-bottom: calc(-1 * var(--padding-large));
    margin-top: calc(-1 * var(--padding-large));
  }
  .mobile\:hover\:-marg-v-large:hover {
    margin-bottom: calc(-1 * var(--padding-large));
    margin-top: calc(-1 * var(--padding-large));
  }
  .mobile\:marg-v-extra-large {
    margin-bottom: var(--padding-extra-large);
    margin-top: var(--padding-extra-large);
  }
  .mobile\:hover\:marg-v-extra-large:hover {
    margin-bottom: var(--padding-extra-large);
    margin-top: var(--padding-extra-large);
  }
  .mobile\:-marg-v-extra-large {
    margin-bottom: calc(-1 * var(--padding-extra-large));
    margin-top: calc(-1 * var(--padding-extra-large));
  }
  .mobile\:hover\:-marg-v-extra-large:hover {
    margin-bottom: calc(-1 * var(--padding-extra-large));
    margin-top: calc(-1 * var(--padding-extra-large));
  }
  .mobile\:marg-v-huge {
    margin-bottom: var(--padding-huge);
    margin-top: var(--padding-huge);
  }
  .mobile\:hover\:marg-v-huge:hover {
    margin-bottom: var(--padding-huge);
    margin-top: var(--padding-huge);
  }
  .mobile\:-marg-v-huge {
    margin-bottom: calc(-1 * var(--padding-huge));
    margin-top: calc(-1 * var(--padding-huge));
  }
  .mobile\:hover\:-marg-v-huge:hover {
    margin-bottom: calc(-1 * var(--padding-huge));
    margin-top: calc(-1 * var(--padding-huge));
  }
  .mobile\:marg-v-full {
    margin-bottom: var(--padding-full);
    margin-top: var(--padding-full);
  }
  .mobile\:hover\:marg-v-full:hover {
    margin-bottom: var(--padding-full);
    margin-top: var(--padding-full);
  }
  .mobile\:-marg-v-full {
    margin-bottom: calc(-1 * var(--padding-full));
    margin-top: calc(-1 * var(--padding-full));
  }
  .mobile\:hover\:-marg-v-full:hover {
    margin-bottom: calc(-1 * var(--padding-full));
    margin-top: calc(-1 * var(--padding-full));
  }
  .mobile\:marg-v-auto {
    margin-bottom: auto;
    margin-top: auto;
  }
  .mobile\:hover\:marg-v-auto:hover {
    margin-bottom: auto;
    margin-top: auto;
  }
  .mobile\:gap-none {
    gap: var(--padding-none);
  }
  .mobile\:gap-x-none {
    column-gap: var(--padding-none);
  }
  .mobile\:gap-y-none {
    row-gap: var(--padding-none);
  }
  .mobile\:gap-hairline {
    gap: var(--padding-hairline);
  }
  .mobile\:gap-x-hairline {
    column-gap: var(--padding-hairline);
  }
  .mobile\:gap-y-hairline {
    row-gap: var(--padding-hairline);
  }
  .mobile\:gap-thin {
    gap: var(--padding-thin);
  }
  .mobile\:gap-x-thin {
    column-gap: var(--padding-thin);
  }
  .mobile\:gap-y-thin {
    row-gap: var(--padding-thin);
  }
  .mobile\:gap-slim {
    gap: var(--padding-slim);
  }
  .mobile\:gap-x-slim {
    column-gap: var(--padding-slim);
  }
  .mobile\:gap-y-slim {
    row-gap: var(--padding-slim);
  }
  .mobile\:gap-extra-small {
    gap: var(--padding-extra-small);
  }
  .mobile\:gap-x-extra-small {
    column-gap: var(--padding-extra-small);
  }
  .mobile\:gap-y-extra-small {
    row-gap: var(--padding-extra-small);
  }
  .mobile\:gap-small {
    gap: var(--padding-small);
  }
  .mobile\:gap-x-small {
    column-gap: var(--padding-small);
  }
  .mobile\:gap-y-small {
    row-gap: var(--padding-small);
  }
  .mobile\:gap-medium {
    gap: var(--padding-medium);
  }
  .mobile\:gap-x-medium {
    column-gap: var(--padding-medium);
  }
  .mobile\:gap-y-medium {
    row-gap: var(--padding-medium);
  }
  .mobile\:gap-large {
    gap: var(--padding-large);
  }
  .mobile\:gap-x-large {
    column-gap: var(--padding-large);
  }
  .mobile\:gap-y-large {
    row-gap: var(--padding-large);
  }
  .mobile\:gap-extra-large {
    gap: var(--padding-extra-large);
  }
  .mobile\:gap-x-extra-large {
    column-gap: var(--padding-extra-large);
  }
  .mobile\:gap-y-extra-large {
    row-gap: var(--padding-extra-large);
  }
  .mobile\:gap-huge {
    gap: var(--padding-huge);
  }
  .mobile\:gap-x-huge {
    column-gap: var(--padding-huge);
  }
  .mobile\:gap-y-huge {
    row-gap: var(--padding-huge);
  }
}
@media (max-width: 8640px) {
  .w-auto {
    width: auto;
  }
  .hover\:w-auto:hover {
    width: auto;
  }
  .w-fit {
    width: fit-content;
  }
  .hover\:w-fit:hover {
    width: fit-content;
  }
  .w-max {
    width: max-content;
  }
  .hover\:w-max:hover {
    width: max-content;
  }
  .w-min {
    width: min-content;
  }
  .hover\:w-min:hover {
    width: min-content;
  }
  .w-full {
    width: 100%;
  }
  .hover\:w-full:hover {
    width: 100%;
  }
  .w-viewport {
    width: 100vw;
  }
  .hover\:w-viewport:hover {
    width: 100vw;
  }
  .h-auto {
    height: auto;
  }
  .hover\:h-auto:hover {
    height: auto;
  }
  .h-fit {
    height: fit-content;
  }
  .hover\:h-fit:hover {
    height: fit-content;
  }
  .h-max {
    height: max-content;
  }
  .hover\:h-max:hover {
    height: max-content;
  }
  .h-min {
    height: min-content;
  }
  .hover\:h-min:hover {
    height: min-content;
  }
  .h-full {
    height: 100%;
  }
  .hover\:h-full:hover {
    height: 100%;
  }
  .h-viewport {
    height: 100vh;
  }
  .hover\:h-viewport:hover {
    height: 100vh;
  }
  .h-huge {
    height: var(--padding-huge);
  }
  .w-huge {
    width: var(--padding-huge);
  }
  .min-huge {
    min-height: var(--padding-huge);
    min-width: var(--padding-huge);
  }
  .min-h-huge {
    min-height: var(--padding-huge);
  }
  .min-w-huge {
    min-width: var(--padding-huge);
  }
  .max-huge {
    max-height: var(--padding-huge);
    max-width: var(--padding-huge);
  }
  .max-h-huge {
    max-height: var(--padding-huge);
  }
  .max-w-huge {
    max-width: var(--padding-huge);
  }
  .h-extra-large {
    height: var(--padding-extra-large);
  }
  .w-extra-large {
    width: var(--padding-extra-large);
  }
  .min-extra-large {
    min-height: var(--padding-extra-large);
    min-width: var(--padding-extra-large);
  }
  .min-h-extra-large {
    min-height: var(--padding-extra-large);
  }
  .min-w-extra-large {
    min-width: var(--padding-extra-large);
  }
  .max-extra-large {
    max-height: var(--padding-extra-large);
    max-width: var(--padding-extra-large);
  }
  .max-h-extra-large {
    max-height: var(--padding-extra-large);
  }
  .max-w-extra-large {
    max-width: var(--padding-extra-large);
  }
  .h-large {
    height: var(--padding-large);
  }
  .w-large {
    width: var(--padding-large);
  }
  .min-large {
    min-height: var(--padding-large);
    min-width: var(--padding-large);
  }
  .min-h-large {
    min-height: var(--padding-large);
  }
  .min-w-large {
    min-width: var(--padding-large);
  }
  .max-large {
    max-height: var(--padding-large);
    max-width: var(--padding-large);
  }
  .max-h-large {
    max-height: var(--padding-large);
  }
  .max-w-large {
    max-width: var(--padding-large);
  }
  .h-medium {
    height: var(--padding-medium);
  }
  .w-medium {
    width: var(--padding-medium);
  }
  .min-medium {
    min-height: var(--padding-medium);
    min-width: var(--padding-medium);
  }
  .min-h-medium {
    min-height: var(--padding-medium);
  }
  .min-w-medium {
    min-width: var(--padding-medium);
  }
  .max-medium {
    max-height: var(--padding-medium);
    max-width: var(--padding-medium);
  }
  .max-h-medium {
    max-height: var(--padding-medium);
  }
  .max-w-medium {
    max-width: var(--padding-medium);
  }
  .h-small {
    height: var(--padding-small);
  }
  .w-small {
    width: var(--padding-small);
  }
  .min-small {
    min-height: var(--padding-small);
    min-width: var(--padding-small);
  }
  .min-h-small {
    min-height: var(--padding-small);
  }
  .min-w-small {
    min-width: var(--padding-small);
  }
  .max-small {
    max-height: var(--padding-small);
    max-width: var(--padding-small);
  }
  .max-h-small {
    max-height: var(--padding-small);
  }
  .max-w-small {
    max-width: var(--padding-small);
  }
  .h-extra-small {
    height: var(--padding-extra-small);
  }
  .w-extra-small {
    width: var(--padding-extra-small);
  }
  .min-extra-small {
    min-height: var(--padding-extra-small);
    min-width: var(--padding-extra-small);
  }
  .min-h-extra-small {
    min-height: var(--padding-extra-small);
  }
  .min-w-extra-small {
    min-width: var(--padding-extra-small);
  }
  .max-extra-small {
    max-height: var(--padding-extra-small);
    max-width: var(--padding-extra-small);
  }
  .max-h-extra-small {
    max-height: var(--padding-extra-small);
  }
  .max-w-extra-small {
    max-width: var(--padding-extra-small);
  }
  .h-slim {
    height: var(--padding-slim);
  }
  .w-slim {
    width: var(--padding-slim);
  }
  .min-slim {
    min-height: var(--padding-slim);
    min-width: var(--padding-slim);
  }
  .min-h-slim {
    min-height: var(--padding-slim);
  }
  .min-w-slim {
    min-width: var(--padding-slim);
  }
  .max-slim {
    max-height: var(--padding-slim);
    max-width: var(--padding-slim);
  }
  .max-h-slim {
    max-height: var(--padding-slim);
  }
  .max-w-slim {
    max-width: var(--padding-slim);
  }
  .h-thin {
    height: var(--padding-thin);
  }
  .w-thin {
    width: var(--padding-thin);
  }
  .min-thin {
    min-height: var(--padding-thin);
    min-width: var(--padding-thin);
  }
  .min-h-thin {
    min-height: var(--padding-thin);
  }
  .min-w-thin {
    min-width: var(--padding-thin);
  }
  .max-thin {
    max-height: var(--padding-thin);
    max-width: var(--padding-thin);
  }
  .max-h-thin {
    max-height: var(--padding-thin);
  }
  .max-w-thin {
    max-width: var(--padding-thin);
  }
  .h-hairline {
    height: var(--padding-hairline);
  }
  .w-hairline {
    width: var(--padding-hairline);
  }
  .min-hairline {
    min-height: var(--padding-hairline);
    min-width: var(--padding-hairline);
  }
  .min-h-hairline {
    min-height: var(--padding-hairline);
  }
  .min-w-hairline {
    min-width: var(--padding-hairline);
  }
  .max-hairline {
    max-height: var(--padding-hairline);
    max-width: var(--padding-hairline);
  }
  .max-h-hairline {
    max-height: var(--padding-hairline);
  }
  .max-w-hairline {
    max-width: var(--padding-hairline);
  }
  .h-none {
    height: 0;
  }
  .w-none {
    width: 0;
  }
  .min-none {
    min-height: 0;
    min-width: 0;
  }
  .min-h-none {
    min-height: 0;
  }
  .min-w-none {
    min-width: 0;
  }
  .max-none {
    max-height: 0;
    max-width: 0;
  }
  .max-h-none {
    max-height: 0;
  }
  .max-w-none {
    max-width: 0;
  }
  .h-full {
    height: 100%;
  }
  .w-full {
    width: 100%;
  }
  .min-full {
    min-height: 100%;
    min-width: 100%;
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-w-full {
    min-width: 100%;
  }
  .max-full {
    max-height: 100%;
    max-width: 100%;
  }
  .max-h-full {
    max-height: 100%;
  }
  .max-w-full {
    max-width: 100%;
  }
  .h-content {
    height: max-content;
  }
  .w-content {
    width: max-content;
  }
  .min-content {
    min-height: max-content;
    min-width: max-content;
  }
  .min-h-content {
    min-height: max-content;
  }
  .min-w-content {
    min-width: max-content;
  }
  .max-content {
    max-height: max-content;
    max-width: max-content;
  }
  .max-h-content {
    max-height: max-content;
  }
  .max-w-content {
    max-width: max-content;
  }
  .h-viewport {
    height: 100vh;
  }
  .w-viewport {
    width: 100vw;
  }
  .min-viewport {
    min-height: 100vh;
    min-width: 100vw;
  }
  .min-h-viewport {
    min-height: 100vh;
  }
  .min-w-viewport {
    min-width: 100vw;
  }
  .max-viewport {
    max-height: 100vh;
    max-width: 100vw;
  }
  .max-h-viewport {
    max-height: 100vh;
  }
  .max-w-viewport {
    max-width: 100vw;
  }
  .h-viewport-9 {
    height: 90vh;
  }
  .w-viewport-9 {
    width: 90vw;
  }
  .min-viewport-9 {
    min-height: 90vh;
    min-width: 90vw;
  }
  .min-h-viewport-9 {
    min-height: 90vh;
  }
  .min-w-viewport-9 {
    min-width: 90vw;
  }
  .max-viewport-9 {
    max-height: 90vh;
    max-width: 90vw;
  }
  .max-h-viewport-9 {
    max-height: 90vh;
  }
  .max-w-viewport-9 {
    max-width: 90vw;
  }
  .h-viewport-8 {
    height: 80vh;
  }
  .w-viewport-8 {
    width: 80vw;
  }
  .min-viewport-8 {
    min-height: 80vh;
    min-width: 80vw;
  }
  .min-h-viewport-8 {
    min-height: 80vh;
  }
  .min-w-viewport-8 {
    min-width: 80vw;
  }
  .max-viewport-8 {
    max-height: 80vh;
    max-width: 80vw;
  }
  .max-h-viewport-8 {
    max-height: 80vh;
  }
  .max-w-viewport-8 {
    max-width: 80vw;
  }
  .h-viewport-7 {
    height: 70vh;
  }
  .w-viewport-7 {
    width: 70vw;
  }
  .min-viewport-7 {
    min-height: 70vh;
    min-width: 70vw;
  }
  .min-h-viewport-7 {
    min-height: 70vh;
  }
  .min-w-viewport-7 {
    min-width: 70vw;
  }
  .max-viewport-7 {
    max-height: 70vh;
    max-width: 70vw;
  }
  .max-h-viewport-7 {
    max-height: 70vh;
  }
  .max-w-viewport-7 {
    max-width: 70vw;
  }
  .h-viewport-6 {
    height: 60vh;
  }
  .w-viewport-6 {
    width: 60vw;
  }
  .min-viewport-6 {
    min-height: 60vh;
    min-width: 60vw;
  }
  .min-h-viewport-6 {
    min-height: 60vh;
  }
  .min-w-viewport-6 {
    min-width: 60vw;
  }
  .max-viewport-6 {
    max-height: 60vh;
    max-width: 60vw;
  }
  .max-h-viewport-6 {
    max-height: 60vh;
  }
  .max-w-viewport-6 {
    max-width: 60vw;
  }
  .h-viewport-5 {
    height: 50vh;
  }
  .w-viewport-5 {
    width: 50vw;
  }
  .min-viewport-5 {
    min-height: 50vh;
    min-width: 50vw;
  }
  .min-h-viewport-5 {
    min-height: 50vh;
  }
  .min-w-viewport-5 {
    min-width: 50vw;
  }
  .max-viewport-5 {
    max-height: 50vh;
    max-width: 50vw;
  }
  .max-h-viewport-5 {
    max-height: 50vh;
  }
  .max-w-viewport-5 {
    max-width: 50vw;
  }
  .h-viewport-4 {
    height: 40vh;
  }
  .w-viewport-4 {
    width: 40vw;
  }
  .min-viewport-4 {
    min-height: 40vh;
    min-width: 40vw;
  }
  .min-h-viewport-4 {
    min-height: 40vh;
  }
  .min-w-viewport-4 {
    min-width: 40vw;
  }
  .max-viewport-4 {
    max-height: 40vh;
    max-width: 40vw;
  }
  .max-h-viewport-4 {
    max-height: 40vh;
  }
  .max-w-viewport-4 {
    max-width: 40vw;
  }
  .h-viewport-3 {
    height: 30vh;
  }
  .w-viewport-3 {
    width: 30vw;
  }
  .min-viewport-3 {
    min-height: 30vh;
    min-width: 30vw;
  }
  .min-h-viewport-3 {
    min-height: 30vh;
  }
  .min-w-viewport-3 {
    min-width: 30vw;
  }
  .max-viewport-3 {
    max-height: 30vh;
    max-width: 30vw;
  }
  .max-h-viewport-3 {
    max-height: 30vh;
  }
  .max-w-viewport-3 {
    max-width: 30vw;
  }
  .h-viewport-2 {
    height: 20vh;
  }
  .w-viewport-2 {
    width: 20vw;
  }
  .min-viewport-2 {
    min-height: 20vh;
    min-width: 20vw;
  }
  .min-h-viewport-2 {
    min-height: 20vh;
  }
  .min-w-viewport-2 {
    min-width: 20vw;
  }
  .max-viewport-2 {
    max-height: 20vh;
    max-width: 20vw;
  }
  .max-h-viewport-2 {
    max-height: 20vh;
  }
  .max-w-viewport-2 {
    max-width: 20vw;
  }
  .h-viewport-1 {
    height: 10vh;
  }
  .w-viewport-1 {
    width: 10vw;
  }
  .min-viewport-1 {
    min-height: 10vh;
    min-width: 10vw;
  }
  .min-h-viewport-1 {
    min-height: 10vh;
  }
  .min-w-viewport-1 {
    min-width: 10vw;
  }
  .max-viewport-1 {
    max-height: 10vh;
    max-width: 10vw;
  }
  .max-h-viewport-1 {
    max-height: 10vh;
  }
  .max-w-viewport-1 {
    max-width: 10vw;
  }
  .h-1 {
    height: calc(var(--content-max) / 12 * 1);
  }
  .w-1 {
    width: calc(var(--content-max) / 12 * 1);
  }
  .min-1 {
    min-height: calc(var(--content-max) / 12 * 1);
    min-width: calc(var(--content-max) / 12 * 1);
  }
  .min-h-1 {
    min-height: calc(var(--content-max) / 12 * 1);
  }
  .min-w-1 {
    min-width: calc(var(--content-max) / 12 * 1);
  }
  .max-1 {
    max-height: calc(var(--content-max) / 12 * 1);
    max-width: calc(var(--content-max) / 12 * 1);
  }
  .max-h-1 {
    max-height: calc(var(--content-max) / 12 * 1);
  }
  .max-w-1 {
    max-width: calc(var(--content-max) / 12 * 1);
  }
  .h-2 {
    height: calc(var(--content-max) / 12 * 2);
  }
  .w-2 {
    width: calc(var(--content-max) / 12 * 2);
  }
  .min-2 {
    min-height: calc(var(--content-max) / 12 * 2);
    min-width: calc(var(--content-max) / 12 * 2);
  }
  .min-h-2 {
    min-height: calc(var(--content-max) / 12 * 2);
  }
  .min-w-2 {
    min-width: calc(var(--content-max) / 12 * 2);
  }
  .max-2 {
    max-height: calc(var(--content-max) / 12 * 2);
    max-width: calc(var(--content-max) / 12 * 2);
  }
  .max-h-2 {
    max-height: calc(var(--content-max) / 12 * 2);
  }
  .max-w-2 {
    max-width: calc(var(--content-max) / 12 * 2);
  }
  .h-3 {
    height: calc(var(--content-max) / 12 * 3);
  }
  .w-3 {
    width: calc(var(--content-max) / 12 * 3);
  }
  .min-3 {
    min-height: calc(var(--content-max) / 12 * 3);
    min-width: calc(var(--content-max) / 12 * 3);
  }
  .min-h-3 {
    min-height: calc(var(--content-max) / 12 * 3);
  }
  .min-w-3 {
    min-width: calc(var(--content-max) / 12 * 3);
  }
  .max-3 {
    max-height: calc(var(--content-max) / 12 * 3);
    max-width: calc(var(--content-max) / 12 * 3);
  }
  .max-h-3 {
    max-height: calc(var(--content-max) / 12 * 3);
  }
  .max-w-3 {
    max-width: calc(var(--content-max) / 12 * 3);
  }
  .h-4 {
    height: calc(var(--content-max) / 12 * 4);
  }
  .w-4 {
    width: calc(var(--content-max) / 12 * 4);
  }
  .min-4 {
    min-height: calc(var(--content-max) / 12 * 4);
    min-width: calc(var(--content-max) / 12 * 4);
  }
  .min-h-4 {
    min-height: calc(var(--content-max) / 12 * 4);
  }
  .min-w-4 {
    min-width: calc(var(--content-max) / 12 * 4);
  }
  .max-4 {
    max-height: calc(var(--content-max) / 12 * 4);
    max-width: calc(var(--content-max) / 12 * 4);
  }
  .max-h-4 {
    max-height: calc(var(--content-max) / 12 * 4);
  }
  .max-w-4 {
    max-width: calc(var(--content-max) / 12 * 4);
  }
  .h-5 {
    height: calc(var(--content-max) / 12 * 5);
  }
  .w-5 {
    width: calc(var(--content-max) / 12 * 5);
  }
  .min-5 {
    min-height: calc(var(--content-max) / 12 * 5);
    min-width: calc(var(--content-max) / 12 * 5);
  }
  .min-h-5 {
    min-height: calc(var(--content-max) / 12 * 5);
  }
  .min-w-5 {
    min-width: calc(var(--content-max) / 12 * 5);
  }
  .max-5 {
    max-height: calc(var(--content-max) / 12 * 5);
    max-width: calc(var(--content-max) / 12 * 5);
  }
  .max-h-5 {
    max-height: calc(var(--content-max) / 12 * 5);
  }
  .max-w-5 {
    max-width: calc(var(--content-max) / 12 * 5);
  }
  .h-6 {
    height: calc(var(--content-max) / 12 * 6);
  }
  .w-6 {
    width: calc(var(--content-max) / 12 * 6);
  }
  .min-6 {
    min-height: calc(var(--content-max) / 12 * 6);
    min-width: calc(var(--content-max) / 12 * 6);
  }
  .min-h-6 {
    min-height: calc(var(--content-max) / 12 * 6);
  }
  .min-w-6 {
    min-width: calc(var(--content-max) / 12 * 6);
  }
  .max-6 {
    max-height: calc(var(--content-max) / 12 * 6);
    max-width: calc(var(--content-max) / 12 * 6);
  }
  .max-h-6 {
    max-height: calc(var(--content-max) / 12 * 6);
  }
  .max-w-6 {
    max-width: calc(var(--content-max) / 12 * 6);
  }
  .h-7 {
    height: calc(var(--content-max) / 12 * 7);
  }
  .w-7 {
    width: calc(var(--content-max) / 12 * 7);
  }
  .min-7 {
    min-height: calc(var(--content-max) / 12 * 7);
    min-width: calc(var(--content-max) / 12 * 7);
  }
  .min-h-7 {
    min-height: calc(var(--content-max) / 12 * 7);
  }
  .min-w-7 {
    min-width: calc(var(--content-max) / 12 * 7);
  }
  .max-7 {
    max-height: calc(var(--content-max) / 12 * 7);
    max-width: calc(var(--content-max) / 12 * 7);
  }
  .max-h-7 {
    max-height: calc(var(--content-max) / 12 * 7);
  }
  .max-w-7 {
    max-width: calc(var(--content-max) / 12 * 7);
  }
  .h-8 {
    height: calc(var(--content-max) / 12 * 8);
  }
  .w-8 {
    width: calc(var(--content-max) / 12 * 8);
  }
  .min-8 {
    min-height: calc(var(--content-max) / 12 * 8);
    min-width: calc(var(--content-max) / 12 * 8);
  }
  .min-h-8 {
    min-height: calc(var(--content-max) / 12 * 8);
  }
  .min-w-8 {
    min-width: calc(var(--content-max) / 12 * 8);
  }
  .max-8 {
    max-height: calc(var(--content-max) / 12 * 8);
    max-width: calc(var(--content-max) / 12 * 8);
  }
  .max-h-8 {
    max-height: calc(var(--content-max) / 12 * 8);
  }
  .max-w-8 {
    max-width: calc(var(--content-max) / 12 * 8);
  }
  .h-9 {
    height: calc(var(--content-max) / 12 * 9);
  }
  .w-9 {
    width: calc(var(--content-max) / 12 * 9);
  }
  .min-9 {
    min-height: calc(var(--content-max) / 12 * 9);
    min-width: calc(var(--content-max) / 12 * 9);
  }
  .min-h-9 {
    min-height: calc(var(--content-max) / 12 * 9);
  }
  .min-w-9 {
    min-width: calc(var(--content-max) / 12 * 9);
  }
  .max-9 {
    max-height: calc(var(--content-max) / 12 * 9);
    max-width: calc(var(--content-max) / 12 * 9);
  }
  .max-h-9 {
    max-height: calc(var(--content-max) / 12 * 9);
  }
  .max-w-9 {
    max-width: calc(var(--content-max) / 12 * 9);
  }
  .h-10 {
    height: calc(var(--content-max) / 12 * 10);
  }
  .w-10 {
    width: calc(var(--content-max) / 12 * 10);
  }
  .min-10 {
    min-height: calc(var(--content-max) / 12 * 10);
    min-width: calc(var(--content-max) / 12 * 10);
  }
  .min-h-10 {
    min-height: calc(var(--content-max) / 12 * 10);
  }
  .min-w-10 {
    min-width: calc(var(--content-max) / 12 * 10);
  }
  .max-10 {
    max-height: calc(var(--content-max) / 12 * 10);
    max-width: calc(var(--content-max) / 12 * 10);
  }
  .max-h-10 {
    max-height: calc(var(--content-max) / 12 * 10);
  }
  .max-w-10 {
    max-width: calc(var(--content-max) / 12 * 10);
  }
  .h-11 {
    height: calc(var(--content-max) / 12 * 11);
  }
  .w-11 {
    width: calc(var(--content-max) / 12 * 11);
  }
  .min-11 {
    min-height: calc(var(--content-max) / 12 * 11);
    min-width: calc(var(--content-max) / 12 * 11);
  }
  .min-h-11 {
    min-height: calc(var(--content-max) / 12 * 11);
  }
  .min-w-11 {
    min-width: calc(var(--content-max) / 12 * 11);
  }
  .max-11 {
    max-height: calc(var(--content-max) / 12 * 11);
    max-width: calc(var(--content-max) / 12 * 11);
  }
  .max-h-11 {
    max-height: calc(var(--content-max) / 12 * 11);
  }
  .max-w-11 {
    max-width: calc(var(--content-max) / 12 * 11);
  }
  .h-12 {
    height: calc(var(--content-max) / 12 * 12);
  }
  .w-12 {
    width: calc(var(--content-max) / 12 * 12);
  }
  .min-12 {
    min-height: calc(var(--content-max) / 12 * 12);
    min-width: calc(var(--content-max) / 12 * 12);
  }
  .min-h-12 {
    min-height: calc(var(--content-max) / 12 * 12);
  }
  .min-w-12 {
    min-width: calc(var(--content-max) / 12 * 12);
  }
  .max-12 {
    max-height: calc(var(--content-max) / 12 * 12);
    max-width: calc(var(--content-max) / 12 * 12);
  }
  .max-h-12 {
    max-height: calc(var(--content-max) / 12 * 12);
  }
  .max-w-12 {
    max-width: calc(var(--content-max) / 12 * 12);
  }
  .aspect-ratio-square {
    aspect-ratio: 1/1;
  }
  .aspect-ratio-video {
    aspect-ratio: 16/9;
  }
  .aspect-ratio-headshot {
    aspect-ratio: 320 / 320;
  }
  .aspect-ratio-banner {
    aspect-ratio: 1200 / 630;
  }
  .aspect-ratio-hero {
    aspect-ratio: 615 / 377;
  }
  .aspect-ratio-media-asset {
    aspect-ratio: 619 / 396;
  }
  .aspect-ratio-media-card {
    aspect-ratio: 330 / 130;
  }
  .aspect-ratio-logo {
    aspect-ratio: 268 / 102;
  }
  .max-size-headshot {
    max-width: 320px;
    max-height: 320px;
  }
  .max-size-banner {
    max-width: 1200px;
    max-height: 630px;
  }
  .max-size-hero {
    max-width: 615px;
    max-height: 377px;
  }
  .max-size-media-asset {
    max-width: 619px;
    max-height: 396px;
  }
  .max-size-media-card {
    max-width: 330px;
    max-height: 130px;
  }
  .max-size-logo {
    max-width: 268px;
    max-height: 102px;
  }
}
@media (max-width: 1024px) {
  .tablet\:w-auto {
    width: auto;
  }
  .tablet\:hover\:w-auto:hover {
    width: auto;
  }
  .tablet\:w-fit {
    width: fit-content;
  }
  .tablet\:hover\:w-fit:hover {
    width: fit-content;
  }
  .tablet\:w-max {
    width: max-content;
  }
  .tablet\:hover\:w-max:hover {
    width: max-content;
  }
  .tablet\:w-min {
    width: min-content;
  }
  .tablet\:hover\:w-min:hover {
    width: min-content;
  }
  .tablet\:w-full {
    width: 100%;
  }
  .tablet\:hover\:w-full:hover {
    width: 100%;
  }
  .tablet\:w-viewport {
    width: 100vw;
  }
  .tablet\:hover\:w-viewport:hover {
    width: 100vw;
  }
  .tablet\:h-auto {
    height: auto;
  }
  .tablet\:hover\:h-auto:hover {
    height: auto;
  }
  .tablet\:h-fit {
    height: fit-content;
  }
  .tablet\:hover\:h-fit:hover {
    height: fit-content;
  }
  .tablet\:h-max {
    height: max-content;
  }
  .tablet\:hover\:h-max:hover {
    height: max-content;
  }
  .tablet\:h-min {
    height: min-content;
  }
  .tablet\:hover\:h-min:hover {
    height: min-content;
  }
  .tablet\:h-full {
    height: 100%;
  }
  .tablet\:hover\:h-full:hover {
    height: 100%;
  }
  .tablet\:h-viewport {
    height: 100vh;
  }
  .tablet\:hover\:h-viewport:hover {
    height: 100vh;
  }
  .tablet\:h-huge {
    height: var(--padding-huge);
  }
  .tablet\:w-huge {
    width: var(--padding-huge);
  }
  .tablet\:min-huge {
    min-height: var(--padding-huge);
    min-width: var(--padding-huge);
  }
  .tablet\:min-h-huge {
    min-height: var(--padding-huge);
  }
  .tablet\:min-w-huge {
    min-width: var(--padding-huge);
  }
  .tablet\:max-huge {
    max-height: var(--padding-huge);
    max-width: var(--padding-huge);
  }
  .tablet\:max-h-huge {
    max-height: var(--padding-huge);
  }
  .tablet\:max-w-huge {
    max-width: var(--padding-huge);
  }
  .tablet\:h-extra-large {
    height: var(--padding-extra-large);
  }
  .tablet\:w-extra-large {
    width: var(--padding-extra-large);
  }
  .tablet\:min-extra-large {
    min-height: var(--padding-extra-large);
    min-width: var(--padding-extra-large);
  }
  .tablet\:min-h-extra-large {
    min-height: var(--padding-extra-large);
  }
  .tablet\:min-w-extra-large {
    min-width: var(--padding-extra-large);
  }
  .tablet\:max-extra-large {
    max-height: var(--padding-extra-large);
    max-width: var(--padding-extra-large);
  }
  .tablet\:max-h-extra-large {
    max-height: var(--padding-extra-large);
  }
  .tablet\:max-w-extra-large {
    max-width: var(--padding-extra-large);
  }
  .tablet\:h-large {
    height: var(--padding-large);
  }
  .tablet\:w-large {
    width: var(--padding-large);
  }
  .tablet\:min-large {
    min-height: var(--padding-large);
    min-width: var(--padding-large);
  }
  .tablet\:min-h-large {
    min-height: var(--padding-large);
  }
  .tablet\:min-w-large {
    min-width: var(--padding-large);
  }
  .tablet\:max-large {
    max-height: var(--padding-large);
    max-width: var(--padding-large);
  }
  .tablet\:max-h-large {
    max-height: var(--padding-large);
  }
  .tablet\:max-w-large {
    max-width: var(--padding-large);
  }
  .tablet\:h-medium {
    height: var(--padding-medium);
  }
  .tablet\:w-medium {
    width: var(--padding-medium);
  }
  .tablet\:min-medium {
    min-height: var(--padding-medium);
    min-width: var(--padding-medium);
  }
  .tablet\:min-h-medium {
    min-height: var(--padding-medium);
  }
  .tablet\:min-w-medium {
    min-width: var(--padding-medium);
  }
  .tablet\:max-medium {
    max-height: var(--padding-medium);
    max-width: var(--padding-medium);
  }
  .tablet\:max-h-medium {
    max-height: var(--padding-medium);
  }
  .tablet\:max-w-medium {
    max-width: var(--padding-medium);
  }
  .tablet\:h-small {
    height: var(--padding-small);
  }
  .tablet\:w-small {
    width: var(--padding-small);
  }
  .tablet\:min-small {
    min-height: var(--padding-small);
    min-width: var(--padding-small);
  }
  .tablet\:min-h-small {
    min-height: var(--padding-small);
  }
  .tablet\:min-w-small {
    min-width: var(--padding-small);
  }
  .tablet\:max-small {
    max-height: var(--padding-small);
    max-width: var(--padding-small);
  }
  .tablet\:max-h-small {
    max-height: var(--padding-small);
  }
  .tablet\:max-w-small {
    max-width: var(--padding-small);
  }
  .tablet\:h-extra-small {
    height: var(--padding-extra-small);
  }
  .tablet\:w-extra-small {
    width: var(--padding-extra-small);
  }
  .tablet\:min-extra-small {
    min-height: var(--padding-extra-small);
    min-width: var(--padding-extra-small);
  }
  .tablet\:min-h-extra-small {
    min-height: var(--padding-extra-small);
  }
  .tablet\:min-w-extra-small {
    min-width: var(--padding-extra-small);
  }
  .tablet\:max-extra-small {
    max-height: var(--padding-extra-small);
    max-width: var(--padding-extra-small);
  }
  .tablet\:max-h-extra-small {
    max-height: var(--padding-extra-small);
  }
  .tablet\:max-w-extra-small {
    max-width: var(--padding-extra-small);
  }
  .tablet\:h-slim {
    height: var(--padding-slim);
  }
  .tablet\:w-slim {
    width: var(--padding-slim);
  }
  .tablet\:min-slim {
    min-height: var(--padding-slim);
    min-width: var(--padding-slim);
  }
  .tablet\:min-h-slim {
    min-height: var(--padding-slim);
  }
  .tablet\:min-w-slim {
    min-width: var(--padding-slim);
  }
  .tablet\:max-slim {
    max-height: var(--padding-slim);
    max-width: var(--padding-slim);
  }
  .tablet\:max-h-slim {
    max-height: var(--padding-slim);
  }
  .tablet\:max-w-slim {
    max-width: var(--padding-slim);
  }
  .tablet\:h-thin {
    height: var(--padding-thin);
  }
  .tablet\:w-thin {
    width: var(--padding-thin);
  }
  .tablet\:min-thin {
    min-height: var(--padding-thin);
    min-width: var(--padding-thin);
  }
  .tablet\:min-h-thin {
    min-height: var(--padding-thin);
  }
  .tablet\:min-w-thin {
    min-width: var(--padding-thin);
  }
  .tablet\:max-thin {
    max-height: var(--padding-thin);
    max-width: var(--padding-thin);
  }
  .tablet\:max-h-thin {
    max-height: var(--padding-thin);
  }
  .tablet\:max-w-thin {
    max-width: var(--padding-thin);
  }
  .tablet\:h-hairline {
    height: var(--padding-hairline);
  }
  .tablet\:w-hairline {
    width: var(--padding-hairline);
  }
  .tablet\:min-hairline {
    min-height: var(--padding-hairline);
    min-width: var(--padding-hairline);
  }
  .tablet\:min-h-hairline {
    min-height: var(--padding-hairline);
  }
  .tablet\:min-w-hairline {
    min-width: var(--padding-hairline);
  }
  .tablet\:max-hairline {
    max-height: var(--padding-hairline);
    max-width: var(--padding-hairline);
  }
  .tablet\:max-h-hairline {
    max-height: var(--padding-hairline);
  }
  .tablet\:max-w-hairline {
    max-width: var(--padding-hairline);
  }
  .tablet\:h-none {
    height: 0;
  }
  .tablet\:w-none {
    width: 0;
  }
  .tablet\:min-none {
    min-height: 0;
    min-width: 0;
  }
  .tablet\:min-h-none {
    min-height: 0;
  }
  .tablet\:min-w-none {
    min-width: 0;
  }
  .tablet\:max-none {
    max-height: 0;
    max-width: 0;
  }
  .tablet\:max-h-none {
    max-height: 0;
  }
  .tablet\:max-w-none {
    max-width: 0;
  }
  .tablet\:h-full {
    height: 100%;
  }
  .tablet\:w-full {
    width: 100%;
  }
  .tablet\:min-full {
    min-height: 100%;
    min-width: 100%;
  }
  .tablet\:min-h-full {
    min-height: 100%;
  }
  .tablet\:min-w-full {
    min-width: 100%;
  }
  .tablet\:max-full {
    max-height: 100%;
    max-width: 100%;
  }
  .tablet\:max-h-full {
    max-height: 100%;
  }
  .tablet\:max-w-full {
    max-width: 100%;
  }
  .tablet\:h-content {
    height: max-content;
  }
  .tablet\:w-content {
    width: max-content;
  }
  .tablet\:min-content {
    min-height: max-content;
    min-width: max-content;
  }
  .tablet\:min-h-content {
    min-height: max-content;
  }
  .tablet\:min-w-content {
    min-width: max-content;
  }
  .tablet\:max-content {
    max-height: max-content;
    max-width: max-content;
  }
  .tablet\:max-h-content {
    max-height: max-content;
  }
  .tablet\:max-w-content {
    max-width: max-content;
  }
  .tablet\:h-viewport {
    height: 100vh;
  }
  .tablet\:w-viewport {
    width: 100vw;
  }
  .tablet\:min-viewport {
    min-height: 100vh;
    min-width: 100vw;
  }
  .tablet\:min-h-viewport {
    min-height: 100vh;
  }
  .tablet\:min-w-viewport {
    min-width: 100vw;
  }
  .tablet\:max-viewport {
    max-height: 100vh;
    max-width: 100vw;
  }
  .tablet\:max-h-viewport {
    max-height: 100vh;
  }
  .tablet\:max-w-viewport {
    max-width: 100vw;
  }
  .tablet\:h-viewport-9 {
    height: 90vh;
  }
  .tablet\:w-viewport-9 {
    width: 90vw;
  }
  .tablet\:min-viewport-9 {
    min-height: 90vh;
    min-width: 90vw;
  }
  .tablet\:min-h-viewport-9 {
    min-height: 90vh;
  }
  .tablet\:min-w-viewport-9 {
    min-width: 90vw;
  }
  .tablet\:max-viewport-9 {
    max-height: 90vh;
    max-width: 90vw;
  }
  .tablet\:max-h-viewport-9 {
    max-height: 90vh;
  }
  .tablet\:max-w-viewport-9 {
    max-width: 90vw;
  }
  .tablet\:h-viewport-8 {
    height: 80vh;
  }
  .tablet\:w-viewport-8 {
    width: 80vw;
  }
  .tablet\:min-viewport-8 {
    min-height: 80vh;
    min-width: 80vw;
  }
  .tablet\:min-h-viewport-8 {
    min-height: 80vh;
  }
  .tablet\:min-w-viewport-8 {
    min-width: 80vw;
  }
  .tablet\:max-viewport-8 {
    max-height: 80vh;
    max-width: 80vw;
  }
  .tablet\:max-h-viewport-8 {
    max-height: 80vh;
  }
  .tablet\:max-w-viewport-8 {
    max-width: 80vw;
  }
  .tablet\:h-viewport-7 {
    height: 70vh;
  }
  .tablet\:w-viewport-7 {
    width: 70vw;
  }
  .tablet\:min-viewport-7 {
    min-height: 70vh;
    min-width: 70vw;
  }
  .tablet\:min-h-viewport-7 {
    min-height: 70vh;
  }
  .tablet\:min-w-viewport-7 {
    min-width: 70vw;
  }
  .tablet\:max-viewport-7 {
    max-height: 70vh;
    max-width: 70vw;
  }
  .tablet\:max-h-viewport-7 {
    max-height: 70vh;
  }
  .tablet\:max-w-viewport-7 {
    max-width: 70vw;
  }
  .tablet\:h-viewport-6 {
    height: 60vh;
  }
  .tablet\:w-viewport-6 {
    width: 60vw;
  }
  .tablet\:min-viewport-6 {
    min-height: 60vh;
    min-width: 60vw;
  }
  .tablet\:min-h-viewport-6 {
    min-height: 60vh;
  }
  .tablet\:min-w-viewport-6 {
    min-width: 60vw;
  }
  .tablet\:max-viewport-6 {
    max-height: 60vh;
    max-width: 60vw;
  }
  .tablet\:max-h-viewport-6 {
    max-height: 60vh;
  }
  .tablet\:max-w-viewport-6 {
    max-width: 60vw;
  }
  .tablet\:h-viewport-5 {
    height: 50vh;
  }
  .tablet\:w-viewport-5 {
    width: 50vw;
  }
  .tablet\:min-viewport-5 {
    min-height: 50vh;
    min-width: 50vw;
  }
  .tablet\:min-h-viewport-5 {
    min-height: 50vh;
  }
  .tablet\:min-w-viewport-5 {
    min-width: 50vw;
  }
  .tablet\:max-viewport-5 {
    max-height: 50vh;
    max-width: 50vw;
  }
  .tablet\:max-h-viewport-5 {
    max-height: 50vh;
  }
  .tablet\:max-w-viewport-5 {
    max-width: 50vw;
  }
  .tablet\:h-viewport-4 {
    height: 40vh;
  }
  .tablet\:w-viewport-4 {
    width: 40vw;
  }
  .tablet\:min-viewport-4 {
    min-height: 40vh;
    min-width: 40vw;
  }
  .tablet\:min-h-viewport-4 {
    min-height: 40vh;
  }
  .tablet\:min-w-viewport-4 {
    min-width: 40vw;
  }
  .tablet\:max-viewport-4 {
    max-height: 40vh;
    max-width: 40vw;
  }
  .tablet\:max-h-viewport-4 {
    max-height: 40vh;
  }
  .tablet\:max-w-viewport-4 {
    max-width: 40vw;
  }
  .tablet\:h-viewport-3 {
    height: 30vh;
  }
  .tablet\:w-viewport-3 {
    width: 30vw;
  }
  .tablet\:min-viewport-3 {
    min-height: 30vh;
    min-width: 30vw;
  }
  .tablet\:min-h-viewport-3 {
    min-height: 30vh;
  }
  .tablet\:min-w-viewport-3 {
    min-width: 30vw;
  }
  .tablet\:max-viewport-3 {
    max-height: 30vh;
    max-width: 30vw;
  }
  .tablet\:max-h-viewport-3 {
    max-height: 30vh;
  }
  .tablet\:max-w-viewport-3 {
    max-width: 30vw;
  }
  .tablet\:h-viewport-2 {
    height: 20vh;
  }
  .tablet\:w-viewport-2 {
    width: 20vw;
  }
  .tablet\:min-viewport-2 {
    min-height: 20vh;
    min-width: 20vw;
  }
  .tablet\:min-h-viewport-2 {
    min-height: 20vh;
  }
  .tablet\:min-w-viewport-2 {
    min-width: 20vw;
  }
  .tablet\:max-viewport-2 {
    max-height: 20vh;
    max-width: 20vw;
  }
  .tablet\:max-h-viewport-2 {
    max-height: 20vh;
  }
  .tablet\:max-w-viewport-2 {
    max-width: 20vw;
  }
  .tablet\:h-viewport-1 {
    height: 10vh;
  }
  .tablet\:w-viewport-1 {
    width: 10vw;
  }
  .tablet\:min-viewport-1 {
    min-height: 10vh;
    min-width: 10vw;
  }
  .tablet\:min-h-viewport-1 {
    min-height: 10vh;
  }
  .tablet\:min-w-viewport-1 {
    min-width: 10vw;
  }
  .tablet\:max-viewport-1 {
    max-height: 10vh;
    max-width: 10vw;
  }
  .tablet\:max-h-viewport-1 {
    max-height: 10vh;
  }
  .tablet\:max-w-viewport-1 {
    max-width: 10vw;
  }
  .tablet\:h-1 {
    height: calc(var(--content-max) / 12 * 1);
  }
  .tablet\:w-1 {
    width: calc(var(--content-max) / 12 * 1);
  }
  .tablet\:min-1 {
    min-height: calc(var(--content-max) / 12 * 1);
    min-width: calc(var(--content-max) / 12 * 1);
  }
  .tablet\:min-h-1 {
    min-height: calc(var(--content-max) / 12 * 1);
  }
  .tablet\:min-w-1 {
    min-width: calc(var(--content-max) / 12 * 1);
  }
  .tablet\:max-1 {
    max-height: calc(var(--content-max) / 12 * 1);
    max-width: calc(var(--content-max) / 12 * 1);
  }
  .tablet\:max-h-1 {
    max-height: calc(var(--content-max) / 12 * 1);
  }
  .tablet\:max-w-1 {
    max-width: calc(var(--content-max) / 12 * 1);
  }
  .tablet\:h-2 {
    height: calc(var(--content-max) / 12 * 2);
  }
  .tablet\:w-2 {
    width: calc(var(--content-max) / 12 * 2);
  }
  .tablet\:min-2 {
    min-height: calc(var(--content-max) / 12 * 2);
    min-width: calc(var(--content-max) / 12 * 2);
  }
  .tablet\:min-h-2 {
    min-height: calc(var(--content-max) / 12 * 2);
  }
  .tablet\:min-w-2 {
    min-width: calc(var(--content-max) / 12 * 2);
  }
  .tablet\:max-2 {
    max-height: calc(var(--content-max) / 12 * 2);
    max-width: calc(var(--content-max) / 12 * 2);
  }
  .tablet\:max-h-2 {
    max-height: calc(var(--content-max) / 12 * 2);
  }
  .tablet\:max-w-2 {
    max-width: calc(var(--content-max) / 12 * 2);
  }
  .tablet\:h-3 {
    height: calc(var(--content-max) / 12 * 3);
  }
  .tablet\:w-3 {
    width: calc(var(--content-max) / 12 * 3);
  }
  .tablet\:min-3 {
    min-height: calc(var(--content-max) / 12 * 3);
    min-width: calc(var(--content-max) / 12 * 3);
  }
  .tablet\:min-h-3 {
    min-height: calc(var(--content-max) / 12 * 3);
  }
  .tablet\:min-w-3 {
    min-width: calc(var(--content-max) / 12 * 3);
  }
  .tablet\:max-3 {
    max-height: calc(var(--content-max) / 12 * 3);
    max-width: calc(var(--content-max) / 12 * 3);
  }
  .tablet\:max-h-3 {
    max-height: calc(var(--content-max) / 12 * 3);
  }
  .tablet\:max-w-3 {
    max-width: calc(var(--content-max) / 12 * 3);
  }
  .tablet\:h-4 {
    height: calc(var(--content-max) / 12 * 4);
  }
  .tablet\:w-4 {
    width: calc(var(--content-max) / 12 * 4);
  }
  .tablet\:min-4 {
    min-height: calc(var(--content-max) / 12 * 4);
    min-width: calc(var(--content-max) / 12 * 4);
  }
  .tablet\:min-h-4 {
    min-height: calc(var(--content-max) / 12 * 4);
  }
  .tablet\:min-w-4 {
    min-width: calc(var(--content-max) / 12 * 4);
  }
  .tablet\:max-4 {
    max-height: calc(var(--content-max) / 12 * 4);
    max-width: calc(var(--content-max) / 12 * 4);
  }
  .tablet\:max-h-4 {
    max-height: calc(var(--content-max) / 12 * 4);
  }
  .tablet\:max-w-4 {
    max-width: calc(var(--content-max) / 12 * 4);
  }
  .tablet\:h-5 {
    height: calc(var(--content-max) / 12 * 5);
  }
  .tablet\:w-5 {
    width: calc(var(--content-max) / 12 * 5);
  }
  .tablet\:min-5 {
    min-height: calc(var(--content-max) / 12 * 5);
    min-width: calc(var(--content-max) / 12 * 5);
  }
  .tablet\:min-h-5 {
    min-height: calc(var(--content-max) / 12 * 5);
  }
  .tablet\:min-w-5 {
    min-width: calc(var(--content-max) / 12 * 5);
  }
  .tablet\:max-5 {
    max-height: calc(var(--content-max) / 12 * 5);
    max-width: calc(var(--content-max) / 12 * 5);
  }
  .tablet\:max-h-5 {
    max-height: calc(var(--content-max) / 12 * 5);
  }
  .tablet\:max-w-5 {
    max-width: calc(var(--content-max) / 12 * 5);
  }
  .tablet\:h-6 {
    height: calc(var(--content-max) / 12 * 6);
  }
  .tablet\:w-6 {
    width: calc(var(--content-max) / 12 * 6);
  }
  .tablet\:min-6 {
    min-height: calc(var(--content-max) / 12 * 6);
    min-width: calc(var(--content-max) / 12 * 6);
  }
  .tablet\:min-h-6 {
    min-height: calc(var(--content-max) / 12 * 6);
  }
  .tablet\:min-w-6 {
    min-width: calc(var(--content-max) / 12 * 6);
  }
  .tablet\:max-6 {
    max-height: calc(var(--content-max) / 12 * 6);
    max-width: calc(var(--content-max) / 12 * 6);
  }
  .tablet\:max-h-6 {
    max-height: calc(var(--content-max) / 12 * 6);
  }
  .tablet\:max-w-6 {
    max-width: calc(var(--content-max) / 12 * 6);
  }
  .tablet\:h-7 {
    height: calc(var(--content-max) / 12 * 7);
  }
  .tablet\:w-7 {
    width: calc(var(--content-max) / 12 * 7);
  }
  .tablet\:min-7 {
    min-height: calc(var(--content-max) / 12 * 7);
    min-width: calc(var(--content-max) / 12 * 7);
  }
  .tablet\:min-h-7 {
    min-height: calc(var(--content-max) / 12 * 7);
  }
  .tablet\:min-w-7 {
    min-width: calc(var(--content-max) / 12 * 7);
  }
  .tablet\:max-7 {
    max-height: calc(var(--content-max) / 12 * 7);
    max-width: calc(var(--content-max) / 12 * 7);
  }
  .tablet\:max-h-7 {
    max-height: calc(var(--content-max) / 12 * 7);
  }
  .tablet\:max-w-7 {
    max-width: calc(var(--content-max) / 12 * 7);
  }
  .tablet\:h-8 {
    height: calc(var(--content-max) / 12 * 8);
  }
  .tablet\:w-8 {
    width: calc(var(--content-max) / 12 * 8);
  }
  .tablet\:min-8 {
    min-height: calc(var(--content-max) / 12 * 8);
    min-width: calc(var(--content-max) / 12 * 8);
  }
  .tablet\:min-h-8 {
    min-height: calc(var(--content-max) / 12 * 8);
  }
  .tablet\:min-w-8 {
    min-width: calc(var(--content-max) / 12 * 8);
  }
  .tablet\:max-8 {
    max-height: calc(var(--content-max) / 12 * 8);
    max-width: calc(var(--content-max) / 12 * 8);
  }
  .tablet\:max-h-8 {
    max-height: calc(var(--content-max) / 12 * 8);
  }
  .tablet\:max-w-8 {
    max-width: calc(var(--content-max) / 12 * 8);
  }
  .tablet\:h-9 {
    height: calc(var(--content-max) / 12 * 9);
  }
  .tablet\:w-9 {
    width: calc(var(--content-max) / 12 * 9);
  }
  .tablet\:min-9 {
    min-height: calc(var(--content-max) / 12 * 9);
    min-width: calc(var(--content-max) / 12 * 9);
  }
  .tablet\:min-h-9 {
    min-height: calc(var(--content-max) / 12 * 9);
  }
  .tablet\:min-w-9 {
    min-width: calc(var(--content-max) / 12 * 9);
  }
  .tablet\:max-9 {
    max-height: calc(var(--content-max) / 12 * 9);
    max-width: calc(var(--content-max) / 12 * 9);
  }
  .tablet\:max-h-9 {
    max-height: calc(var(--content-max) / 12 * 9);
  }
  .tablet\:max-w-9 {
    max-width: calc(var(--content-max) / 12 * 9);
  }
  .tablet\:h-10 {
    height: calc(var(--content-max) / 12 * 10);
  }
  .tablet\:w-10 {
    width: calc(var(--content-max) / 12 * 10);
  }
  .tablet\:min-10 {
    min-height: calc(var(--content-max) / 12 * 10);
    min-width: calc(var(--content-max) / 12 * 10);
  }
  .tablet\:min-h-10 {
    min-height: calc(var(--content-max) / 12 * 10);
  }
  .tablet\:min-w-10 {
    min-width: calc(var(--content-max) / 12 * 10);
  }
  .tablet\:max-10 {
    max-height: calc(var(--content-max) / 12 * 10);
    max-width: calc(var(--content-max) / 12 * 10);
  }
  .tablet\:max-h-10 {
    max-height: calc(var(--content-max) / 12 * 10);
  }
  .tablet\:max-w-10 {
    max-width: calc(var(--content-max) / 12 * 10);
  }
  .tablet\:h-11 {
    height: calc(var(--content-max) / 12 * 11);
  }
  .tablet\:w-11 {
    width: calc(var(--content-max) / 12 * 11);
  }
  .tablet\:min-11 {
    min-height: calc(var(--content-max) / 12 * 11);
    min-width: calc(var(--content-max) / 12 * 11);
  }
  .tablet\:min-h-11 {
    min-height: calc(var(--content-max) / 12 * 11);
  }
  .tablet\:min-w-11 {
    min-width: calc(var(--content-max) / 12 * 11);
  }
  .tablet\:max-11 {
    max-height: calc(var(--content-max) / 12 * 11);
    max-width: calc(var(--content-max) / 12 * 11);
  }
  .tablet\:max-h-11 {
    max-height: calc(var(--content-max) / 12 * 11);
  }
  .tablet\:max-w-11 {
    max-width: calc(var(--content-max) / 12 * 11);
  }
  .tablet\:h-12 {
    height: calc(var(--content-max) / 12 * 12);
  }
  .tablet\:w-12 {
    width: calc(var(--content-max) / 12 * 12);
  }
  .tablet\:min-12 {
    min-height: calc(var(--content-max) / 12 * 12);
    min-width: calc(var(--content-max) / 12 * 12);
  }
  .tablet\:min-h-12 {
    min-height: calc(var(--content-max) / 12 * 12);
  }
  .tablet\:min-w-12 {
    min-width: calc(var(--content-max) / 12 * 12);
  }
  .tablet\:max-12 {
    max-height: calc(var(--content-max) / 12 * 12);
    max-width: calc(var(--content-max) / 12 * 12);
  }
  .tablet\:max-h-12 {
    max-height: calc(var(--content-max) / 12 * 12);
  }
  .tablet\:max-w-12 {
    max-width: calc(var(--content-max) / 12 * 12);
  }
  .tablet\:aspect-ratio-square {
    aspect-ratio: 1/1;
  }
  .tablet\:aspect-ratio-video {
    aspect-ratio: 16/9;
  }
  .tablet\:aspect-ratio-headshot {
    aspect-ratio: 320 / 320;
  }
  .tablet\:aspect-ratio-banner {
    aspect-ratio: 1200 / 630;
  }
  .tablet\:aspect-ratio-hero {
    aspect-ratio: 615 / 377;
  }
  .tablet\:aspect-ratio-media-asset {
    aspect-ratio: 619 / 396;
  }
  .tablet\:aspect-ratio-media-card {
    aspect-ratio: 330 / 130;
  }
  .tablet\:aspect-ratio-logo {
    aspect-ratio: 268 / 102;
  }
  .tablet\:max-size-headshot {
    max-width: 320px;
    max-height: 320px;
  }
  .tablet\:max-size-banner {
    max-width: 1200px;
    max-height: 630px;
  }
  .tablet\:max-size-hero {
    max-width: 615px;
    max-height: 377px;
  }
  .tablet\:max-size-media-asset {
    max-width: 619px;
    max-height: 396px;
  }
  .tablet\:max-size-media-card {
    max-width: 330px;
    max-height: 130px;
  }
  .tablet\:max-size-logo {
    max-width: 268px;
    max-height: 102px;
  }
}
@media (max-width: 768px) {
  .mobile\:w-auto {
    width: auto;
  }
  .mobile\:hover\:w-auto:hover {
    width: auto;
  }
  .mobile\:w-fit {
    width: fit-content;
  }
  .mobile\:hover\:w-fit:hover {
    width: fit-content;
  }
  .mobile\:w-max {
    width: max-content;
  }
  .mobile\:hover\:w-max:hover {
    width: max-content;
  }
  .mobile\:w-min {
    width: min-content;
  }
  .mobile\:hover\:w-min:hover {
    width: min-content;
  }
  .mobile\:w-full {
    width: 100%;
  }
  .mobile\:hover\:w-full:hover {
    width: 100%;
  }
  .mobile\:w-viewport {
    width: 100vw;
  }
  .mobile\:hover\:w-viewport:hover {
    width: 100vw;
  }
  .mobile\:h-auto {
    height: auto;
  }
  .mobile\:hover\:h-auto:hover {
    height: auto;
  }
  .mobile\:h-fit {
    height: fit-content;
  }
  .mobile\:hover\:h-fit:hover {
    height: fit-content;
  }
  .mobile\:h-max {
    height: max-content;
  }
  .mobile\:hover\:h-max:hover {
    height: max-content;
  }
  .mobile\:h-min {
    height: min-content;
  }
  .mobile\:hover\:h-min:hover {
    height: min-content;
  }
  .mobile\:h-full {
    height: 100%;
  }
  .mobile\:hover\:h-full:hover {
    height: 100%;
  }
  .mobile\:h-viewport {
    height: 100vh;
  }
  .mobile\:hover\:h-viewport:hover {
    height: 100vh;
  }
  .mobile\:h-huge {
    height: var(--padding-huge);
  }
  .mobile\:w-huge {
    width: var(--padding-huge);
  }
  .mobile\:min-huge {
    min-height: var(--padding-huge);
    min-width: var(--padding-huge);
  }
  .mobile\:min-h-huge {
    min-height: var(--padding-huge);
  }
  .mobile\:min-w-huge {
    min-width: var(--padding-huge);
  }
  .mobile\:max-huge {
    max-height: var(--padding-huge);
    max-width: var(--padding-huge);
  }
  .mobile\:max-h-huge {
    max-height: var(--padding-huge);
  }
  .mobile\:max-w-huge {
    max-width: var(--padding-huge);
  }
  .mobile\:h-extra-large {
    height: var(--padding-extra-large);
  }
  .mobile\:w-extra-large {
    width: var(--padding-extra-large);
  }
  .mobile\:min-extra-large {
    min-height: var(--padding-extra-large);
    min-width: var(--padding-extra-large);
  }
  .mobile\:min-h-extra-large {
    min-height: var(--padding-extra-large);
  }
  .mobile\:min-w-extra-large {
    min-width: var(--padding-extra-large);
  }
  .mobile\:max-extra-large {
    max-height: var(--padding-extra-large);
    max-width: var(--padding-extra-large);
  }
  .mobile\:max-h-extra-large {
    max-height: var(--padding-extra-large);
  }
  .mobile\:max-w-extra-large {
    max-width: var(--padding-extra-large);
  }
  .mobile\:h-large {
    height: var(--padding-large);
  }
  .mobile\:w-large {
    width: var(--padding-large);
  }
  .mobile\:min-large {
    min-height: var(--padding-large);
    min-width: var(--padding-large);
  }
  .mobile\:min-h-large {
    min-height: var(--padding-large);
  }
  .mobile\:min-w-large {
    min-width: var(--padding-large);
  }
  .mobile\:max-large {
    max-height: var(--padding-large);
    max-width: var(--padding-large);
  }
  .mobile\:max-h-large {
    max-height: var(--padding-large);
  }
  .mobile\:max-w-large {
    max-width: var(--padding-large);
  }
  .mobile\:h-medium {
    height: var(--padding-medium);
  }
  .mobile\:w-medium {
    width: var(--padding-medium);
  }
  .mobile\:min-medium {
    min-height: var(--padding-medium);
    min-width: var(--padding-medium);
  }
  .mobile\:min-h-medium {
    min-height: var(--padding-medium);
  }
  .mobile\:min-w-medium {
    min-width: var(--padding-medium);
  }
  .mobile\:max-medium {
    max-height: var(--padding-medium);
    max-width: var(--padding-medium);
  }
  .mobile\:max-h-medium {
    max-height: var(--padding-medium);
  }
  .mobile\:max-w-medium {
    max-width: var(--padding-medium);
  }
  .mobile\:h-small {
    height: var(--padding-small);
  }
  .mobile\:w-small {
    width: var(--padding-small);
  }
  .mobile\:min-small {
    min-height: var(--padding-small);
    min-width: var(--padding-small);
  }
  .mobile\:min-h-small {
    min-height: var(--padding-small);
  }
  .mobile\:min-w-small {
    min-width: var(--padding-small);
  }
  .mobile\:max-small {
    max-height: var(--padding-small);
    max-width: var(--padding-small);
  }
  .mobile\:max-h-small {
    max-height: var(--padding-small);
  }
  .mobile\:max-w-small {
    max-width: var(--padding-small);
  }
  .mobile\:h-extra-small {
    height: var(--padding-extra-small);
  }
  .mobile\:w-extra-small {
    width: var(--padding-extra-small);
  }
  .mobile\:min-extra-small {
    min-height: var(--padding-extra-small);
    min-width: var(--padding-extra-small);
  }
  .mobile\:min-h-extra-small {
    min-height: var(--padding-extra-small);
  }
  .mobile\:min-w-extra-small {
    min-width: var(--padding-extra-small);
  }
  .mobile\:max-extra-small {
    max-height: var(--padding-extra-small);
    max-width: var(--padding-extra-small);
  }
  .mobile\:max-h-extra-small {
    max-height: var(--padding-extra-small);
  }
  .mobile\:max-w-extra-small {
    max-width: var(--padding-extra-small);
  }
  .mobile\:h-slim {
    height: var(--padding-slim);
  }
  .mobile\:w-slim {
    width: var(--padding-slim);
  }
  .mobile\:min-slim {
    min-height: var(--padding-slim);
    min-width: var(--padding-slim);
  }
  .mobile\:min-h-slim {
    min-height: var(--padding-slim);
  }
  .mobile\:min-w-slim {
    min-width: var(--padding-slim);
  }
  .mobile\:max-slim {
    max-height: var(--padding-slim);
    max-width: var(--padding-slim);
  }
  .mobile\:max-h-slim {
    max-height: var(--padding-slim);
  }
  .mobile\:max-w-slim {
    max-width: var(--padding-slim);
  }
  .mobile\:h-thin {
    height: var(--padding-thin);
  }
  .mobile\:w-thin {
    width: var(--padding-thin);
  }
  .mobile\:min-thin {
    min-height: var(--padding-thin);
    min-width: var(--padding-thin);
  }
  .mobile\:min-h-thin {
    min-height: var(--padding-thin);
  }
  .mobile\:min-w-thin {
    min-width: var(--padding-thin);
  }
  .mobile\:max-thin {
    max-height: var(--padding-thin);
    max-width: var(--padding-thin);
  }
  .mobile\:max-h-thin {
    max-height: var(--padding-thin);
  }
  .mobile\:max-w-thin {
    max-width: var(--padding-thin);
  }
  .mobile\:h-hairline {
    height: var(--padding-hairline);
  }
  .mobile\:w-hairline {
    width: var(--padding-hairline);
  }
  .mobile\:min-hairline {
    min-height: var(--padding-hairline);
    min-width: var(--padding-hairline);
  }
  .mobile\:min-h-hairline {
    min-height: var(--padding-hairline);
  }
  .mobile\:min-w-hairline {
    min-width: var(--padding-hairline);
  }
  .mobile\:max-hairline {
    max-height: var(--padding-hairline);
    max-width: var(--padding-hairline);
  }
  .mobile\:max-h-hairline {
    max-height: var(--padding-hairline);
  }
  .mobile\:max-w-hairline {
    max-width: var(--padding-hairline);
  }
  .mobile\:h-none {
    height: 0;
  }
  .mobile\:w-none {
    width: 0;
  }
  .mobile\:min-none {
    min-height: 0;
    min-width: 0;
  }
  .mobile\:min-h-none {
    min-height: 0;
  }
  .mobile\:min-w-none {
    min-width: 0;
  }
  .mobile\:max-none {
    max-height: 0;
    max-width: 0;
  }
  .mobile\:max-h-none {
    max-height: 0;
  }
  .mobile\:max-w-none {
    max-width: 0;
  }
  .mobile\:h-full {
    height: 100%;
  }
  .mobile\:w-full {
    width: 100%;
  }
  .mobile\:min-full {
    min-height: 100%;
    min-width: 100%;
  }
  .mobile\:min-h-full {
    min-height: 100%;
  }
  .mobile\:min-w-full {
    min-width: 100%;
  }
  .mobile\:max-full {
    max-height: 100%;
    max-width: 100%;
  }
  .mobile\:max-h-full {
    max-height: 100%;
  }
  .mobile\:max-w-full {
    max-width: 100%;
  }
  .mobile\:h-content {
    height: max-content;
  }
  .mobile\:w-content {
    width: max-content;
  }
  .mobile\:min-content {
    min-height: max-content;
    min-width: max-content;
  }
  .mobile\:min-h-content {
    min-height: max-content;
  }
  .mobile\:min-w-content {
    min-width: max-content;
  }
  .mobile\:max-content {
    max-height: max-content;
    max-width: max-content;
  }
  .mobile\:max-h-content {
    max-height: max-content;
  }
  .mobile\:max-w-content {
    max-width: max-content;
  }
  .mobile\:h-viewport {
    height: 100vh;
  }
  .mobile\:w-viewport {
    width: 100vw;
  }
  .mobile\:min-viewport {
    min-height: 100vh;
    min-width: 100vw;
  }
  .mobile\:min-h-viewport {
    min-height: 100vh;
  }
  .mobile\:min-w-viewport {
    min-width: 100vw;
  }
  .mobile\:max-viewport {
    max-height: 100vh;
    max-width: 100vw;
  }
  .mobile\:max-h-viewport {
    max-height: 100vh;
  }
  .mobile\:max-w-viewport {
    max-width: 100vw;
  }
  .mobile\:h-viewport-9 {
    height: 90vh;
  }
  .mobile\:w-viewport-9 {
    width: 90vw;
  }
  .mobile\:min-viewport-9 {
    min-height: 90vh;
    min-width: 90vw;
  }
  .mobile\:min-h-viewport-9 {
    min-height: 90vh;
  }
  .mobile\:min-w-viewport-9 {
    min-width: 90vw;
  }
  .mobile\:max-viewport-9 {
    max-height: 90vh;
    max-width: 90vw;
  }
  .mobile\:max-h-viewport-9 {
    max-height: 90vh;
  }
  .mobile\:max-w-viewport-9 {
    max-width: 90vw;
  }
  .mobile\:h-viewport-8 {
    height: 80vh;
  }
  .mobile\:w-viewport-8 {
    width: 80vw;
  }
  .mobile\:min-viewport-8 {
    min-height: 80vh;
    min-width: 80vw;
  }
  .mobile\:min-h-viewport-8 {
    min-height: 80vh;
  }
  .mobile\:min-w-viewport-8 {
    min-width: 80vw;
  }
  .mobile\:max-viewport-8 {
    max-height: 80vh;
    max-width: 80vw;
  }
  .mobile\:max-h-viewport-8 {
    max-height: 80vh;
  }
  .mobile\:max-w-viewport-8 {
    max-width: 80vw;
  }
  .mobile\:h-viewport-7 {
    height: 70vh;
  }
  .mobile\:w-viewport-7 {
    width: 70vw;
  }
  .mobile\:min-viewport-7 {
    min-height: 70vh;
    min-width: 70vw;
  }
  .mobile\:min-h-viewport-7 {
    min-height: 70vh;
  }
  .mobile\:min-w-viewport-7 {
    min-width: 70vw;
  }
  .mobile\:max-viewport-7 {
    max-height: 70vh;
    max-width: 70vw;
  }
  .mobile\:max-h-viewport-7 {
    max-height: 70vh;
  }
  .mobile\:max-w-viewport-7 {
    max-width: 70vw;
  }
  .mobile\:h-viewport-6 {
    height: 60vh;
  }
  .mobile\:w-viewport-6 {
    width: 60vw;
  }
  .mobile\:min-viewport-6 {
    min-height: 60vh;
    min-width: 60vw;
  }
  .mobile\:min-h-viewport-6 {
    min-height: 60vh;
  }
  .mobile\:min-w-viewport-6 {
    min-width: 60vw;
  }
  .mobile\:max-viewport-6 {
    max-height: 60vh;
    max-width: 60vw;
  }
  .mobile\:max-h-viewport-6 {
    max-height: 60vh;
  }
  .mobile\:max-w-viewport-6 {
    max-width: 60vw;
  }
  .mobile\:h-viewport-5 {
    height: 50vh;
  }
  .mobile\:w-viewport-5 {
    width: 50vw;
  }
  .mobile\:min-viewport-5 {
    min-height: 50vh;
    min-width: 50vw;
  }
  .mobile\:min-h-viewport-5 {
    min-height: 50vh;
  }
  .mobile\:min-w-viewport-5 {
    min-width: 50vw;
  }
  .mobile\:max-viewport-5 {
    max-height: 50vh;
    max-width: 50vw;
  }
  .mobile\:max-h-viewport-5 {
    max-height: 50vh;
  }
  .mobile\:max-w-viewport-5 {
    max-width: 50vw;
  }
  .mobile\:h-viewport-4 {
    height: 40vh;
  }
  .mobile\:w-viewport-4 {
    width: 40vw;
  }
  .mobile\:min-viewport-4 {
    min-height: 40vh;
    min-width: 40vw;
  }
  .mobile\:min-h-viewport-4 {
    min-height: 40vh;
  }
  .mobile\:min-w-viewport-4 {
    min-width: 40vw;
  }
  .mobile\:max-viewport-4 {
    max-height: 40vh;
    max-width: 40vw;
  }
  .mobile\:max-h-viewport-4 {
    max-height: 40vh;
  }
  .mobile\:max-w-viewport-4 {
    max-width: 40vw;
  }
  .mobile\:h-viewport-3 {
    height: 30vh;
  }
  .mobile\:w-viewport-3 {
    width: 30vw;
  }
  .mobile\:min-viewport-3 {
    min-height: 30vh;
    min-width: 30vw;
  }
  .mobile\:min-h-viewport-3 {
    min-height: 30vh;
  }
  .mobile\:min-w-viewport-3 {
    min-width: 30vw;
  }
  .mobile\:max-viewport-3 {
    max-height: 30vh;
    max-width: 30vw;
  }
  .mobile\:max-h-viewport-3 {
    max-height: 30vh;
  }
  .mobile\:max-w-viewport-3 {
    max-width: 30vw;
  }
  .mobile\:h-viewport-2 {
    height: 20vh;
  }
  .mobile\:w-viewport-2 {
    width: 20vw;
  }
  .mobile\:min-viewport-2 {
    min-height: 20vh;
    min-width: 20vw;
  }
  .mobile\:min-h-viewport-2 {
    min-height: 20vh;
  }
  .mobile\:min-w-viewport-2 {
    min-width: 20vw;
  }
  .mobile\:max-viewport-2 {
    max-height: 20vh;
    max-width: 20vw;
  }
  .mobile\:max-h-viewport-2 {
    max-height: 20vh;
  }
  .mobile\:max-w-viewport-2 {
    max-width: 20vw;
  }
  .mobile\:h-viewport-1 {
    height: 10vh;
  }
  .mobile\:w-viewport-1 {
    width: 10vw;
  }
  .mobile\:min-viewport-1 {
    min-height: 10vh;
    min-width: 10vw;
  }
  .mobile\:min-h-viewport-1 {
    min-height: 10vh;
  }
  .mobile\:min-w-viewport-1 {
    min-width: 10vw;
  }
  .mobile\:max-viewport-1 {
    max-height: 10vh;
    max-width: 10vw;
  }
  .mobile\:max-h-viewport-1 {
    max-height: 10vh;
  }
  .mobile\:max-w-viewport-1 {
    max-width: 10vw;
  }
  .mobile\:h-1 {
    height: calc(var(--content-max) / 12 * 1);
  }
  .mobile\:w-1 {
    width: calc(var(--content-max) / 12 * 1);
  }
  .mobile\:min-1 {
    min-height: calc(var(--content-max) / 12 * 1);
    min-width: calc(var(--content-max) / 12 * 1);
  }
  .mobile\:min-h-1 {
    min-height: calc(var(--content-max) / 12 * 1);
  }
  .mobile\:min-w-1 {
    min-width: calc(var(--content-max) / 12 * 1);
  }
  .mobile\:max-1 {
    max-height: calc(var(--content-max) / 12 * 1);
    max-width: calc(var(--content-max) / 12 * 1);
  }
  .mobile\:max-h-1 {
    max-height: calc(var(--content-max) / 12 * 1);
  }
  .mobile\:max-w-1 {
    max-width: calc(var(--content-max) / 12 * 1);
  }
  .mobile\:h-2 {
    height: calc(var(--content-max) / 12 * 2);
  }
  .mobile\:w-2 {
    width: calc(var(--content-max) / 12 * 2);
  }
  .mobile\:min-2 {
    min-height: calc(var(--content-max) / 12 * 2);
    min-width: calc(var(--content-max) / 12 * 2);
  }
  .mobile\:min-h-2 {
    min-height: calc(var(--content-max) / 12 * 2);
  }
  .mobile\:min-w-2 {
    min-width: calc(var(--content-max) / 12 * 2);
  }
  .mobile\:max-2 {
    max-height: calc(var(--content-max) / 12 * 2);
    max-width: calc(var(--content-max) / 12 * 2);
  }
  .mobile\:max-h-2 {
    max-height: calc(var(--content-max) / 12 * 2);
  }
  .mobile\:max-w-2 {
    max-width: calc(var(--content-max) / 12 * 2);
  }
  .mobile\:h-3 {
    height: calc(var(--content-max) / 12 * 3);
  }
  .mobile\:w-3 {
    width: calc(var(--content-max) / 12 * 3);
  }
  .mobile\:min-3 {
    min-height: calc(var(--content-max) / 12 * 3);
    min-width: calc(var(--content-max) / 12 * 3);
  }
  .mobile\:min-h-3 {
    min-height: calc(var(--content-max) / 12 * 3);
  }
  .mobile\:min-w-3 {
    min-width: calc(var(--content-max) / 12 * 3);
  }
  .mobile\:max-3 {
    max-height: calc(var(--content-max) / 12 * 3);
    max-width: calc(var(--content-max) / 12 * 3);
  }
  .mobile\:max-h-3 {
    max-height: calc(var(--content-max) / 12 * 3);
  }
  .mobile\:max-w-3 {
    max-width: calc(var(--content-max) / 12 * 3);
  }
  .mobile\:h-4 {
    height: calc(var(--content-max) / 12 * 4);
  }
  .mobile\:w-4 {
    width: calc(var(--content-max) / 12 * 4);
  }
  .mobile\:min-4 {
    min-height: calc(var(--content-max) / 12 * 4);
    min-width: calc(var(--content-max) / 12 * 4);
  }
  .mobile\:min-h-4 {
    min-height: calc(var(--content-max) / 12 * 4);
  }
  .mobile\:min-w-4 {
    min-width: calc(var(--content-max) / 12 * 4);
  }
  .mobile\:max-4 {
    max-height: calc(var(--content-max) / 12 * 4);
    max-width: calc(var(--content-max) / 12 * 4);
  }
  .mobile\:max-h-4 {
    max-height: calc(var(--content-max) / 12 * 4);
  }
  .mobile\:max-w-4 {
    max-width: calc(var(--content-max) / 12 * 4);
  }
  .mobile\:h-5 {
    height: calc(var(--content-max) / 12 * 5);
  }
  .mobile\:w-5 {
    width: calc(var(--content-max) / 12 * 5);
  }
  .mobile\:min-5 {
    min-height: calc(var(--content-max) / 12 * 5);
    min-width: calc(var(--content-max) / 12 * 5);
  }
  .mobile\:min-h-5 {
    min-height: calc(var(--content-max) / 12 * 5);
  }
  .mobile\:min-w-5 {
    min-width: calc(var(--content-max) / 12 * 5);
  }
  .mobile\:max-5 {
    max-height: calc(var(--content-max) / 12 * 5);
    max-width: calc(var(--content-max) / 12 * 5);
  }
  .mobile\:max-h-5 {
    max-height: calc(var(--content-max) / 12 * 5);
  }
  .mobile\:max-w-5 {
    max-width: calc(var(--content-max) / 12 * 5);
  }
  .mobile\:h-6 {
    height: calc(var(--content-max) / 12 * 6);
  }
  .mobile\:w-6 {
    width: calc(var(--content-max) / 12 * 6);
  }
  .mobile\:min-6 {
    min-height: calc(var(--content-max) / 12 * 6);
    min-width: calc(var(--content-max) / 12 * 6);
  }
  .mobile\:min-h-6 {
    min-height: calc(var(--content-max) / 12 * 6);
  }
  .mobile\:min-w-6 {
    min-width: calc(var(--content-max) / 12 * 6);
  }
  .mobile\:max-6 {
    max-height: calc(var(--content-max) / 12 * 6);
    max-width: calc(var(--content-max) / 12 * 6);
  }
  .mobile\:max-h-6 {
    max-height: calc(var(--content-max) / 12 * 6);
  }
  .mobile\:max-w-6 {
    max-width: calc(var(--content-max) / 12 * 6);
  }
  .mobile\:h-7 {
    height: calc(var(--content-max) / 12 * 7);
  }
  .mobile\:w-7 {
    width: calc(var(--content-max) / 12 * 7);
  }
  .mobile\:min-7 {
    min-height: calc(var(--content-max) / 12 * 7);
    min-width: calc(var(--content-max) / 12 * 7);
  }
  .mobile\:min-h-7 {
    min-height: calc(var(--content-max) / 12 * 7);
  }
  .mobile\:min-w-7 {
    min-width: calc(var(--content-max) / 12 * 7);
  }
  .mobile\:max-7 {
    max-height: calc(var(--content-max) / 12 * 7);
    max-width: calc(var(--content-max) / 12 * 7);
  }
  .mobile\:max-h-7 {
    max-height: calc(var(--content-max) / 12 * 7);
  }
  .mobile\:max-w-7 {
    max-width: calc(var(--content-max) / 12 * 7);
  }
  .mobile\:h-8 {
    height: calc(var(--content-max) / 12 * 8);
  }
  .mobile\:w-8 {
    width: calc(var(--content-max) / 12 * 8);
  }
  .mobile\:min-8 {
    min-height: calc(var(--content-max) / 12 * 8);
    min-width: calc(var(--content-max) / 12 * 8);
  }
  .mobile\:min-h-8 {
    min-height: calc(var(--content-max) / 12 * 8);
  }
  .mobile\:min-w-8 {
    min-width: calc(var(--content-max) / 12 * 8);
  }
  .mobile\:max-8 {
    max-height: calc(var(--content-max) / 12 * 8);
    max-width: calc(var(--content-max) / 12 * 8);
  }
  .mobile\:max-h-8 {
    max-height: calc(var(--content-max) / 12 * 8);
  }
  .mobile\:max-w-8 {
    max-width: calc(var(--content-max) / 12 * 8);
  }
  .mobile\:h-9 {
    height: calc(var(--content-max) / 12 * 9);
  }
  .mobile\:w-9 {
    width: calc(var(--content-max) / 12 * 9);
  }
  .mobile\:min-9 {
    min-height: calc(var(--content-max) / 12 * 9);
    min-width: calc(var(--content-max) / 12 * 9);
  }
  .mobile\:min-h-9 {
    min-height: calc(var(--content-max) / 12 * 9);
  }
  .mobile\:min-w-9 {
    min-width: calc(var(--content-max) / 12 * 9);
  }
  .mobile\:max-9 {
    max-height: calc(var(--content-max) / 12 * 9);
    max-width: calc(var(--content-max) / 12 * 9);
  }
  .mobile\:max-h-9 {
    max-height: calc(var(--content-max) / 12 * 9);
  }
  .mobile\:max-w-9 {
    max-width: calc(var(--content-max) / 12 * 9);
  }
  .mobile\:h-10 {
    height: calc(var(--content-max) / 12 * 10);
  }
  .mobile\:w-10 {
    width: calc(var(--content-max) / 12 * 10);
  }
  .mobile\:min-10 {
    min-height: calc(var(--content-max) / 12 * 10);
    min-width: calc(var(--content-max) / 12 * 10);
  }
  .mobile\:min-h-10 {
    min-height: calc(var(--content-max) / 12 * 10);
  }
  .mobile\:min-w-10 {
    min-width: calc(var(--content-max) / 12 * 10);
  }
  .mobile\:max-10 {
    max-height: calc(var(--content-max) / 12 * 10);
    max-width: calc(var(--content-max) / 12 * 10);
  }
  .mobile\:max-h-10 {
    max-height: calc(var(--content-max) / 12 * 10);
  }
  .mobile\:max-w-10 {
    max-width: calc(var(--content-max) / 12 * 10);
  }
  .mobile\:h-11 {
    height: calc(var(--content-max) / 12 * 11);
  }
  .mobile\:w-11 {
    width: calc(var(--content-max) / 12 * 11);
  }
  .mobile\:min-11 {
    min-height: calc(var(--content-max) / 12 * 11);
    min-width: calc(var(--content-max) / 12 * 11);
  }
  .mobile\:min-h-11 {
    min-height: calc(var(--content-max) / 12 * 11);
  }
  .mobile\:min-w-11 {
    min-width: calc(var(--content-max) / 12 * 11);
  }
  .mobile\:max-11 {
    max-height: calc(var(--content-max) / 12 * 11);
    max-width: calc(var(--content-max) / 12 * 11);
  }
  .mobile\:max-h-11 {
    max-height: calc(var(--content-max) / 12 * 11);
  }
  .mobile\:max-w-11 {
    max-width: calc(var(--content-max) / 12 * 11);
  }
  .mobile\:h-12 {
    height: calc(var(--content-max) / 12 * 12);
  }
  .mobile\:w-12 {
    width: calc(var(--content-max) / 12 * 12);
  }
  .mobile\:min-12 {
    min-height: calc(var(--content-max) / 12 * 12);
    min-width: calc(var(--content-max) / 12 * 12);
  }
  .mobile\:min-h-12 {
    min-height: calc(var(--content-max) / 12 * 12);
  }
  .mobile\:min-w-12 {
    min-width: calc(var(--content-max) / 12 * 12);
  }
  .mobile\:max-12 {
    max-height: calc(var(--content-max) / 12 * 12);
    max-width: calc(var(--content-max) / 12 * 12);
  }
  .mobile\:max-h-12 {
    max-height: calc(var(--content-max) / 12 * 12);
  }
  .mobile\:max-w-12 {
    max-width: calc(var(--content-max) / 12 * 12);
  }
  .mobile\:aspect-ratio-square {
    aspect-ratio: 1/1;
  }
  .mobile\:aspect-ratio-video {
    aspect-ratio: 16/9;
  }
  .mobile\:aspect-ratio-headshot {
    aspect-ratio: 320 / 320;
  }
  .mobile\:aspect-ratio-banner {
    aspect-ratio: 1200 / 630;
  }
  .mobile\:aspect-ratio-hero {
    aspect-ratio: 615 / 377;
  }
  .mobile\:aspect-ratio-media-asset {
    aspect-ratio: 619 / 396;
  }
  .mobile\:aspect-ratio-media-card {
    aspect-ratio: 330 / 130;
  }
  .mobile\:aspect-ratio-logo {
    aspect-ratio: 268 / 102;
  }
  .mobile\:max-size-headshot {
    max-width: 320px;
    max-height: 320px;
  }
  .mobile\:max-size-banner {
    max-width: 1200px;
    max-height: 630px;
  }
  .mobile\:max-size-hero {
    max-width: 615px;
    max-height: 377px;
  }
  .mobile\:max-size-media-asset {
    max-width: 619px;
    max-height: 396px;
  }
  .mobile\:max-size-media-card {
    max-width: 330px;
    max-height: 130px;
  }
  .mobile\:max-size-logo {
    max-width: 268px;
    max-height: 102px;
  }
}
.decorations-wrapper {
  isolation: isolate;
}
.decorations-wrapper.card-decorations {
  position: absolute;
  z-index: 1;
  inset: 2px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .decorations-wrapper.card-decorations {
    opacity: 0.35;
  }
}
/*# sourceMappingURL=base.css.map */