@charset "UTF-8";
/* The bundle of all BrandUI styles */
/* 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) */
/* brandui theme tokens — auto-generated, do not edit */
:root {
  /* brandui color labels */
  --default: var(--color-black);
  --ui-headline: var(--color-white);
  --ui-body: var(--color-steel);
  --ui-fill: var(--color-dark-grey);
  --ui-stroke: var(--color-steel);
  --ui-text: var(--color-white);
  --ui-surface: var(--color-dark-purple);
  --ui-accent: var(--color-bubblegum);
  --ui-soft: var(--color-lavender-light);
  --ui-subtle: var(--color-steel);
  --action: var(--color-white);
  --action-outline: var(--color-white);
  --action-contrast: var(--color-black);
  --action-secondary: var(--color-black);
  --action-secondary-contrast: var(--color-white);
  --action-tertiary: var(--color-lavender);
  --action-tertiary-contrast: var(--color-black);
  --info: var(--color-lavender);
  --info-contrast: var(--color-midnight);
  --success: var(--color-vibe);
  --success-contrast: var(--color-midnight);
  --warning: var(--color-tiger);
  --warning-contrast: var(--color-midnight);
  --fail: var(--color-rose);
  --fail-contrast: var(--color-midnight);
  --neutral-1: var(--color-black);
  --neutral-2: var(--color-charcoal);
  --neutral-3: var(--color-pewter);
  --neutral-4: var(--color-mauve);
  --neutral-5: var(--color-frost);
  --neutral-6: var(--color-white);
  /* hero-title-large */
  --txt-hero-title-large-size: 4rem;
  --txt-hero-title-large-lh: 4.5rem;
  --txt-hero-title-large-weight: 700;
  --txt-hero-title-large-family: Geist, sans-serif;
  --txt-hero-title-large-ls: -0.01em;
  /* hero-title-small */
  --txt-hero-title-small-size: 2.5rem;
  --txt-hero-title-small-lh: 2.75rem;
  --txt-hero-title-small-weight: 700;
  --txt-hero-title-small-family: Geist, sans-serif;
  --txt-hero-title-small-ls: -0.01em;
  /* page-title-large */
  --txt-page-title-large-size: 3rem;
  --txt-page-title-large-lh: 3.5rem;
  --txt-page-title-large-weight: 700;
  --txt-page-title-large-family: Geist, sans-serif;
  --txt-page-title-large-ls: -0.01em;
  /* page-title */
  --txt-page-title-size: 2.375rem;
  --txt-page-title-lh: 2.5rem;
  --txt-page-title-weight: 700;
  --txt-page-title-family: Geist, sans-serif;
  --txt-page-title-ls: -0.01em;
  /* section-title */
  --txt-section-title-size: 2.375rem;
  --txt-section-title-lh: 2.75rem;
  --txt-section-title-weight: 700;
  --txt-section-title-family: Geist, sans-serif;
  --txt-section-title-ls: -0.01em;
  /* headline-large */
  --txt-headline-large-size: 2.5rem;
  --txt-headline-large-lh: 3rem;
  --txt-headline-large-weight: 700;
  --txt-headline-large-family: Geist, sans-serif;
  --txt-headline-large-ls: -0.01em;
  /* headline-small */
  --txt-headline-small-size: 2rem;
  --txt-headline-small-lh: 2.5rem;
  --txt-headline-small-weight: 700;
  --txt-headline-small-family: Geist, sans-serif;
  --txt-headline-small-ls: -0.01em;
  /* subhead */
  --txt-subhead-size: 1.5rem;
  --txt-subhead-lh: 2.25rem;
  --txt-subhead-weight: 700;
  --txt-subhead-family: Geist, sans-serif;
  --txt-subhead-ls: -0.01em;
  /* subhead-small */
  --txt-subhead-small-size: 1.125rem;
  --txt-subhead-small-lh: 1.75rem;
  --txt-subhead-small-weight: 700;
  --txt-subhead-small-family: Geist, sans-serif;
  --txt-subhead-small-ls: -0.01em;
  /* mini-header */
  --txt-mini-header-size: 1rem;
  --txt-mini-header-lh: 1.5rem;
  --txt-mini-header-weight: 700;
  --txt-mini-header-family: Geist Mono, monospace;
  --txt-mini-header-ls: 0.12em;
  --txt-mini-header-tt: uppercase;
  /* mini-header-small */
  --txt-mini-header-small-size: 0.875rem;
  --txt-mini-header-small-lh: 1.5rem;
  --txt-mini-header-small-weight: 700;
  --txt-mini-header-small-family: Geist Mono, monospace;
  --txt-mini-header-small-ls: 0.12em;
  --txt-mini-header-small-tt: uppercase;
  /* body-lead */
  --txt-body-lead-size: 1rem;
  --txt-body-lead-lh: 1.5rem;
  --txt-body-lead-weight: 500;
  --txt-body-lead-family: Geist, sans-serif;
  --txt-body-lead-ls: 0.01em;
  --txt-body-lead-tt: none;
  /* body-lead-bold */
  --txt-body-lead-bold-size: 1rem;
  --txt-body-lead-bold-lh: 1.5rem;
  --txt-body-lead-bold-weight: 700;
  --txt-body-lead-bold-family: Geist, sans-serif;
  --txt-body-lead-bold-ls: 0.01em;
  --txt-body-lead-bold-tt: none;
  /* body */
  --txt-body-size: 1rem;
  --txt-body-lh: 1.5rem;
  --txt-body-weight: 400;
  --txt-body-family: Geist, sans-serif;
  --txt-body-ls: 0;
  --txt-body-tt: none;
  /* body-bold */
  --txt-body-bold-size: 1rem;
  --txt-body-bold-lh: 1.5rem;
  --txt-body-bold-weight: 600;
  --txt-body-bold-family: Geist, sans-serif;
  --txt-body-bold-ls: 0.005em;
  --txt-body-bold-tt: none;
  /* body-long */
  --txt-body-long-size: 1.125rem;
  --txt-body-long-lh: 2rem;
  --txt-body-long-weight: 400;
  --txt-body-long-family: Geist, sans-serif;
  --txt-body-long-ls: 0.01em;
  --txt-body-long-tt: none;
  /* body-small */
  --txt-body-small-size: 0.875rem;
  --txt-body-small-lh: 1.5rem;
  --txt-body-small-weight: 400;
  --txt-body-small-family: Geist, sans-serif;
  --txt-body-small-ls: 0;
  --txt-body-small-tt: none;
  /* body-small-medium */
  --txt-body-small-medium-size: 0.875rem;
  --txt-body-small-medium-lh: 1.5rem;
  --txt-body-small-medium-weight: 500;
  --txt-body-small-medium-family: Geist, sans-serif;
  --txt-body-small-medium-ls: 0;
  --txt-body-small-medium-tt: none;
  /* code */
  --txt-code-size: 1rem;
  --txt-code-lh: 1.625rem;
  --txt-code-weight: 400;
  --txt-code-family: Geist Mono, monospace;
  --txt-code-ls: 0;
  --txt-code-tt: none;
}

@media (max-width: 768px) {
  :root {
    /* hero-title-large -> hero-title-small */
    --txt-hero-title-large-size: 2.5rem;
    --txt-hero-title-large-lh: 2.75rem;
    --txt-hero-title-large-ls: -0.01em;
    /* page-title-large -> hero-title-small */
    --txt-page-title-large-size: 2.5rem;
    --txt-page-title-large-lh: 2.75rem;
    --txt-page-title-large-ls: -0.01em;
    /* page-title -> hero-title-small */
    --txt-page-title-size: 2.5rem;
    --txt-page-title-lh: 2.75rem;
    --txt-page-title-ls: -0.01em;
    /* section-title -> hero-title-small */
    --txt-section-title-size: 2.5rem;
    --txt-section-title-lh: 2.75rem;
    --txt-section-title-ls: -0.01em;
    /* headline-large -> headline-small */
    --txt-headline-large-size: 2rem;
    --txt-headline-large-lh: 2.5rem;
    --txt-headline-large-ls: -0.01em;
    /* headline-small -> subhead */
    --txt-headline-small-size: 1.5rem;
    --txt-headline-small-lh: 2.25rem;
    --txt-headline-small-ls: -0.01em;
    /* subhead -> subhead-small */
    --txt-subhead-size: 1.125rem;
    --txt-subhead-lh: 1.75rem;
    --txt-subhead-ls: -0.01em;
    /* mini-header -> mini-header-small */
    --txt-mini-header-size: 0.875rem;
    --txt-mini-header-lh: 1.5rem;
    --txt-mini-header-ls: 0.12em;
  }
}
@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;
}
/* The bundle of all BrandUI styles */
/* Icons */
/* Brand logos >> logo-name: (light version, dark version, ratio) */
/* The bundle of all BrandUI styles */
/* The bundle of all BrandUI styles */
/* Breakpoints mixin */
/* The bundle of all BrandUI styles */
* {
  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);
}

/* The bundle of all BrandUI styles */
[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);
}

/* The bundle of all BrandUI styles */
.link-stretched, .list-item a.list-item-label, .announcement-link,
.button.link-stretched {
  position: unset;
}
.link-stretched::before, .list-item a.list-item-label::before, .announcement-link::before,
.button.link-stretched::before {
  content: "";
  position: absolute;
  inset: 0;
}

.link:not(.button), .footer-cta-signup-links a: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, .footer-cta-signup-links a:not(.button).default,
.jumplink:not(.button).default {
  color: var(--action);
}
.link:not(.button).default:hover, .footer-cta-signup-links a:not(.button).default:hover, .link:not(.button).default:focus, .footer-cta-signup-links a:not(.button).default:focus,
.jumplink:not(.button).default:hover,
.jumplink:not(.button).default:focus {
  color: var(--action-secondary);
}
.link:not(.button):hover, .footer-cta-signup-links a:not(.button):hover,
.jumplink:not(.button):hover {
  color: var(--action-tertiary);
}

.link-arrow,
.link.link-arrow,
.footer-cta-signup-links a.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;
}

/* The bundle of all BrandUI styles */
.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, .hero,
.wide-container,
.content-block,
.brandui-section,
.brandui-footer,
.brandui-container {
  z-index: 0;
  position: relative;
}

.wide-wrapper, .hero,
.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, .brandui-footer {
  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-footer .section-intro, .brandui-section .section-intro-left-aligned, .brandui-footer .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-footer .section-intro.solo-title, .brandui-section .solo-title.section-intro-left-aligned, .brandui-footer .solo-title.section-intro-left-aligned {
  margin-bottom: var(--padding-large);
}
.brandui-section .section-intro-left-aligned, .brandui-footer .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, .brandui-footer {
    padding: 0 var(--padding-extra-large) var(--padding-medium);
  }
}
@media (max-width: 768px) {
  .brandui-section, .brandui-footer {
    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;
  }
}
/* The bundle of all BrandUI styles */
@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);
  }
}
/* The bundle of all BrandUI styles */
@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;
  }
}

.avatar {
  display: inline-block;
  height: 2rem;
  position: relative;
  width: 2rem;
  overflow: hidden;
}
.avatar::before {
  inset: 0;
  text-align: center;
  color: var(--ui-text);
  text-transform: uppercase;
  content: attr(data-name);
  display: block;
  height: 1.25rem;
  margin: auto;
  overflow: hidden;
  position: absolute;
  z-index: 1;
}
.avatar.no-image::after {
  background: var(--color-dark-purple);
  inset: 0;
  content: "";
  height: 100%;
  margin: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.avatar img {
  box-sizing: border-box;
  display: block;
  height: 100%;
  object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 2;
}
.avatar-extra-small {
  height: 1.125rem;
  width: 1.125rem;
}
.avatar-extra-small::before {
  transform: scale(0.6);
}
.avatar-small {
  height: 1.5rem;
  width: 1.5rem;
}
.avatar-small::before {
  transform: scale(0.8);
}
.avatar-medium {
  height: 4rem;
  width: 4rem;
}
.avatar-medium::before {
  transform: scale(1);
}
.avatar-large {
  height: 5.25rem;
  width: 5.25rem;
}
.avatar-large::before {
  transform: scale(2.6);
}
.avatar-huge {
  height: 8.75rem;
  width: 8.75rem;
}
.avatar-huge::before {
  transform: scale(2.6);
}

.badge {
  width: max-content;
  height: max-content;
  padding: 0.125rem 0.25rem 0.125rem 0.4rem;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  border-radius: 0.25rem;
}

.button {
  border: 0.0625rem solid transparent;
  place-content: center center;
  place-items: center center;
  border-radius: var(--radius-small);
  display: inline-flex;
  font-family: var(--txt-body-family), sans-serif;
  font-size: var(--txt-body-size);
  font-weight: 700;
  letter-spacing: 0.005em;
  line-height: 0.875rem;
  padding: var(--padding-small) var(--padding-medium);
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
  user-select: none;
  color: var(--ui-headline);
}
.button:hover {
  cursor: pointer;
}
.button:focus {
  color: var(--action);
  background-color: color-mix(in srgb, var(--action-secondary), transparent 90%);
}
.button-small {
  padding: var(--padding-extra-small) var(--padding-small);
  line-height: 1.5;
}
.button.pad-none {
  padding: 0;
}
.button.default {
  color: var(--ui-headline);
}
.button.default:hover {
  cursor: pointer;
  color: var(--action);
  background-color: color-mix(in srgb, var(--action-secondary), transparent 90%);
}
.button.default:focus {
  color: var(--action);
  background-color: color-mix(in srgb, var(--action-secondary), transparent 90%);
}
.button.primary {
  position: relative;
  border: 1px;
  border-style: solid;
  color: var(--action-contrast);
  border-color: var(--action);
  background-color: var(--action);
}
.button.primary:hover, .button.primary:focus {
  border-color: var(--ui-soft);
}
.button.primary:hover, .button.primary:focus {
  background-color: var(--ui-soft);
}
.button.primary .general-icon {
  color: var(--action-secondary);
}
.button.secondary {
  position: relative;
  border: 1px solid color-mix(in srgb, var(--neutral-6), transparent 70%);
  transition: color var(--transition-fast), background-color var(--transition-fast);
  color: var(--ui-stroke);
}
.button.secondary:hover {
  background-color: var(--ui-fill);
  color: var(--ui-text);
}
.button.destroy {
  border-color: color-mix(in srgb, var(--fail), transparent 50%);
  background-color: var(--fail-base-dark);
  color: var(--fail-hover-dark);
}
.button.destroy:hover, .button.destroy:focus {
  border-color: color-mix(in srgb, var(--fail), transparent 0%);
  background-color: var(--fail-hover-dark);
  color: var(--action-contrast);
}
.button.tertiary, .button.glyph, .button.arrow, .button.external {
  background: transparent;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  max-width: max-content;
  text-align: left;
  vertical-align: middle;
  line-height: 1.2;
  gap: var(--padding-extra-small);
  color: var(--action-tertiary);
}
.button.tertiary::after, .button.glyph::after, .button.arrow::after, .button.external::after {
  content: "";
  display: inline-block;
  font-family: brandui-icons;
  font-size: var(--padding-small);
  transition: transform var(--transition-fast);
  width: var(--padding-small);
  vertical-align: middle;
}
.button.tertiary:hover, .button.tertiary:focus, .button.glyph:hover, .button.glyph:focus, .button.arrow:hover, .button.arrow:focus, .button.external:hover, .button.external:focus {
  background: transparent;
  color: var(--action);
}
.button.tertiary:hover::after, .button.tertiary:focus::after, .button.glyph:hover::after, .button.glyph:focus::after, .button.arrow:hover::after, .button.arrow:focus::after, .button.external:hover::after, .button.external:focus::after {
  transform: translateX(0.25rem);
}
.button.tertiary::after, .button.glyph::after, .button.arrow::after {
  content: "\e905";
}
.button.external::after {
  content: "\e906";
}
.button.disabled, .button[disabled] {
  opacity: 0.3;
  pointer-events: none;
}
.button.small {
  padding: var(--padding-extra-small) var(--padding-small);
  font-size: var(--font-size-body-small);
  line-height: var(--line-height-body-small);
}
.button.search-trigger:hover, .button.search-trigger:focus {
  color: var(--action);
  background-color: transparent;
}

.buttons {
  max-width: max-content;
  display: flex;
  flex-wrap: wrap;
  gap: var(--padding-medium);
}
@media (max-width: 1024px) {
  .buttons {
    flex-direction: column;
    gap: var(--padding-small);
    justify-content: center;
    align-items: center;
  }
}

@keyframes glimmer {
  100% {
    --glimmer-angle: 360deg;
  }
}
.copy-to-clipboard-body {
  border: 1px solid;
  border-color: var(--action-tertiary);
}
.copy-to-clipboard .tooltip-wrapper {
  border-color: var(--action-tertiary);
}
.copy-to-clipboard .tooltip-wrapper:hover .general-icon {
  color: var(--action);
}
.copy-to-clipboard .tooltip-wrapper .general-icon {
  color: var(--action-secondary);
}

.clipboard-trigger {
  background-color: var(--action-tertiary);
  border-color: var(--action-tertiary);
}
.clipboard-trigger:hover {
  background-color: var(--action-tertiary);
}

/* The bundle of all BrandUI styles */
.category {
  display: flex;
  gap: var(--padding-extra-small);
  align-items: center;
  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, normal);
  text-transform: var(--txt-mini-header-tt, none);
  color: var(--ui-headline);
}

/* The bundle of all BrandUI styles */
.check {
  cursor: pointer;
  padding-left: 2.25rem;
  position: relative;
  text-align: left;
  user-select: none;
}
.check.adjust {
  padding-top: 0;
}
.check input[type=checkbox] {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.check .checkmark {
  border: 0.0625rem solid;
  border-radius: 0.25rem;
  height: 1.375rem;
  position: absolute;
  left: 0;
  top: 0;
  transition: border-color var(--transition-fast);
  width: 1.375rem;
  box-sizing: content-box;
  outline-color: transparent;
  background-color: var(--ui-fill);
  border-color: var(--ui-stroke);
}
.check .checkmark::after {
  border-width: 0 0.1875rem 0.1875rem 0;
  border-style: solid;
  content: "";
  height: 0.625rem;
  left: 0.5rem;
  opacity: 0;
  position: absolute;
  top: 0.1875rem;
  transform: rotate(0deg);
  transition: border-color var(--transition-fast);
  width: 0.25rem;
  border-color: var(--action);
}
.check .detail {
  display: inline-flex;
  flex-direction: column;
  color: var(--ui-body);
}
.check .detail .disclaimer {
  display: block;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
.check:hover input[type=checkbox] + .checkmark {
  border-width: 0.0625rem;
  border-style: solid;
  box-shadow: 0 0 0.625rem color-mix(in srgb, var(--ui-soft), transparent 80%);
  border-color: var(--action);
}
.check:focus input[type=checkbox] + .checkmark, .check:focus-visible input[type=checkbox] + .checkmark, .check:focus-within input[type=checkbox] + .checkmark {
  outline: var(--action-tertiary) solid 3px;
  box-shadow: 0 0 0.625rem color-mix(in srgb, var(--ui-soft), transparent 80%);
}
.check i {
  display: inline-block;
  margin-bottom: -0.1875rem;
  margin-left: 0.1875rem;
  width: 0.875rem;
}
.check input[type=checkbox] {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.check input[type=checkbox]:checked + .checkmark {
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: 0.25rem;
  border-color: var(--action);
}
.check input[type=checkbox]:checked + .checkmark::after {
  opacity: 1;
  transform: rotate(45deg);
}
.check.inactive:hover input[type=checkbox] + .checkmark, .check.inactive:focus input[type=checkbox] + .checkmark, .check.disabled:hover input[type=checkbox] + .checkmark, .check.disabled:focus input[type=checkbox] + .checkmark {
  box-shadow: none;
}
.check.inactive input[type=checkbox] + .checkmark {
  border: 0;
}
.check.inactive input[type=checkbox]:checked + .checkmark {
  border: 0;
}
.check.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  color: var(--ui-text);
}
.check.disabled input[type=checkbox] + .checkmark {
  border-width: 0.0625rem;
  border-style: solid;
  background-color: var(--ui-fill);
  border-color: var(--ui-stroke);
}
.check.disabled input[type=checkbox]:checked + .checkmark {
  border-width: 0.0625rem;
  border-style: solid;
  opacity: 0.5;
  background-color: var(--ui-fill);
  border-color: var(--ui-stroke);
}
.check.disabled .checkmark::after {
  border-color: var(--ui-stroke);
}
.check.danger {
  cursor: pointer;
  color: var(--fail);
}
.check.danger input[type=checkbox] + .checkmark {
  border-width: 0.0625rem;
  border-style: solid;
  background-color: var(--ui-fill);
  border-color: var(--fail);
}
.check.danger input[type=checkbox]:checked + .checkmark {
  border-width: 0.0625rem;
  border-style: solid;
  background-color: var(--ui-fill);
  border-color: var(--fail);
}
.check.danger .checkmark::after {
  border-color: var(--fail);
}
.check.hidden {
  height: 0.0625rem;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  width: 0.0625rem;
}

.chip {
  font-weight: 700;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-extra-large);
  display: inline-flex;
  place-items: center center;
  max-width: max-content;
  padding: var(--padding-extra-small) var(--padding-small);
  outline: transparent solid 0.1875rem;
  position: relative;
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
  user-select: none;
  width: 100%;
  color: var(--ui-text);
  background-color: var(--ui-fill);
  border-color: var(--ui-text);
}
.chip.red {
  border: none;
  background-color: var(--color-salmon);
  color: var(--ui-text);
}
.chip.orange {
  border: none;
  background-color: var(--color-tiger);
  color: var(--ui-text);
}
.chip.yellow {
  border: none;
  background-color: var(--color-daffodil);
  color: var(--color-black);
}
.chip.blue {
  border: none;
  background-color: var(--color-electric-blue);
  color: var(--ui-text);
}
.chip.purple {
  border: none;
  background-color: var(--color-lavender);
  color: var(--ui-text);
}
.chip.green {
  border: none;
  background-color: var(--color-vibe);
  color: var(--ui-text);
}
.chip.grey {
  border: none;
  background-color: var(--color-steel);
  color: var(--ui-text);
}
.chip.pink {
  border: none;
  background-color: var(--color-bubblegum);
  color: var(--ui-text);
}
.chip .dismiss::after {
  color: var(--action);
  background-color: color-mix(in srgb, var(--action-secondary), transparent 90%);
  content: "\e916";
  font-family: brandui-icons;
  font-style: normal;
  font-size: inherit;
  margin: 0 0 0 var(--padding-thin);
  padding: var(--padding-thin);
  display: block;
  border-radius: 100%;
  transform: rotate(45deg);
  cursor: pointer;
  transition: color var(--transition-fast), background-color var(--transition-fast);
}
.chip.active {
  box-shadow: 0 0.625rem 0.938rem color-mix(in srgb, var(--ui-soft), transparent 80%);
  color: var(--color-action-contrast);
  background-color: var(--color-action);
  border-color: var(--color-action);
}
.chip.active > * {
  color: var(--color-action-contrast);
}
.chip.active .dismiss::after {
  color: var(--action);
  background-color: var(--ui-fill);
  transform: rotate(0deg);
}
.chip.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.chip.beta {
  padding: 8px;
  margin: 0 6px;
  height: 18px;
  min-height: 0;
  max-height: 18px;
  font-size: 10px;
  box-shadow: none;
  transform: translateY(-2px);
}
.chip.beta:hover, .chip.beta:focus {
  outline: none;
}

a.chip {
  text-decoration: none;
}
a.chip:hover, a.chip:focus {
  color: var(--action);
  background-color: var(--tinting);
  border-color: var(--action);
}

.divider {
  border-top: 0.0625rem solid color-mix(in srgb, var(--neutral-6), transparent 70%);
}

.dropdown-links {
  width: 100%;
  display: block;
  position: relative;
  overflow-wrap: break-word;
}
.dropdown-links-label {
  width: 100%;
  padding: var(--padding-extra-small);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: transparent;
  border-radius: var(--radius-small);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.dropdown-links-label strong,
.dropdown-links-label b {
  font-weight: 700;
}
.dropdown-links-label {
  color: var(--ui-headline);
}
.dropdown-links-label::after {
  content: "";
  border-bottom: 0.1875rem solid var(--action);
  border-bottom-left-radius: 0.125rem;
  border-left: 0.1875rem solid var(--action);
  display: block;
  height: var(--padding-extra-small);
  margin: 0.75rem 1rem;
  position: absolute;
  right: 0;
  transform: rotate(-45deg) translate(0.1875rem);
  transform-origin: center center;
  transition: border-color var(--transition-fast);
  width: var(--padding-extra-small);
  pointer-events: none;
}
.dropdown-links-label:hover {
  cursor: pointer;
  box-shadow: var(--shadow-near);
  border-color: var(--ui-stroke);
}
.dropdown-links-menu {
  width: 100%;
  padding: var(--padding-small);
  display: flex;
  flex-direction: column;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-small);
  box-shadow: var(--shadow-mid);
  background-color: var(--default);
  border-color: var(--ui-stroke);
}
.dropdown-links-menu-wrapper {
  width: 100%;
  padding-top: var(--padding-small);
  display: none;
  position: absolute;
  top: var(--padding-extra-large);
  z-index: 100;
}
.dropdown-links-menu a {
  padding: var(--padding-extra-small);
  border-radius: var(--radius-small);
  text-decoration: none;
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.dropdown-links-menu a strong,
.dropdown-links-menu a b {
  font-weight: 700;
}
.dropdown-links-menu a {
  color: var(--ui-body);
}
.dropdown-links-menu a:hover {
  color: var(--action);
}
.dropdown-links:focus .dropdown-links-label::after, .dropdown-links:focus-within .dropdown-links-label::after, .dropdown-links.open .dropdown-links-label::after {
  transform: rotate(135deg) translate(0, -0.1875rem);
}
.dropdown-links:focus .dropdown-links-menu-wrapper, .dropdown-links:focus-within .dropdown-links-menu-wrapper, .dropdown-links.open .dropdown-links-menu-wrapper {
  display: flex;
}
.dropdown-select {
  position: relative;
  outline: transparent solid 0.1875rem;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-small);
  cursor: pointer;
  display: block;
  margin-bottom: var(--padding-extra-small);
  padding: 0.906rem var(--padding-small);
  padding-right: var(--padding-extra-large);
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
  color: var(--ui-text);
  background-color: var(--ui-fill);
  border-color: color-mix(in srgb, var(--ui-stroke), transparent 70%);
}
.dropdown-select::after {
  content: "";
  border-bottom: 0.1875rem solid var(--action);
  border-bottom-left-radius: 0.125rem;
  border-left: 0.1875rem solid var(--action);
  display: block;
  height: var(--padding-extra-small);
  margin: 0.75rem 1rem;
  position: absolute;
  right: 0;
  top: 0.5rem;
  transform: rotate(-45deg) translate(0.1875rem);
  transform-origin: center center;
  transition: transform var(--transition-fast);
  width: var(--padding-extra-small);
  pointer-events: none;
}
.dropdown-select.open::after {
  transform: rotate(-225deg);
}
.dropdown-select-links {
  position: absolute;
  display: none;
  max-width: calc(1440px / 12 * 5);
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-small);
  left: 0;
  right: 0;
  z-index: 1;
}
.dropdown-select-links.open {
  display: block;
}
.dropdown-select-links {
  border-color: color-mix(in srgb, var(--ui-stroke), transparent 70%);
  background-color: var(--ui-fill);
}
.dropdown-select-option {
  padding: var(--padding-small) var(--padding-medium);
  margin: var(--padding-extra-small);
  border-radius: var(--radius-small);
}
.dropdown-select-option:hover {
  cursor: pointer;
  color: var(--action);
  background-color: var(--tinting);
}
.dropdown-select-option.active {
  outline: var(--action-outline) solid 0.1875rem;
  border-color: var(--action);
}

@keyframes dropdown-options-enter {
  from {
    opacity: 0;
    transform: translateY(-4px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.dropdown-button {
  position: relative;
  width: fit-content;
}
.dropdown-button .trigger {
  position: relative;
  padding-right: var(--padding-extra-large);
}
.dropdown-button .trigger span {
  margin-right: var(--padding-small);
}
.dropdown-button .trigger::after {
  content: "\e925";
  display: inline-block;
  font-family: brandui-icons;
  font-size: var(--txt-subhead-small-size);
  font-weight: 900;
  line-height: 1;
  position: absolute;
  right: var(--padding-medium);
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 150ms ease-out;
  pointer-events: none;
}
.dropdown-button .options {
  position: absolute;
  top: calc(100% + var(--padding-extra-small));
  min-width: 100%;
  border: 1px solid var(--ui-fill);
  border-radius: var(--radius-medium);
  overflow-y: auto;
  max-height: min(70vh, 20rem);
  padding: var(--padding-extra-small);
  animation: dropdown-options-enter 150ms ease-out;
  background-color: var(--default);
}
.dropdown-button .options .option {
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.dropdown-button .options .option strong,
.dropdown-button .options .option b {
  font-weight: 700;
}
.dropdown-button .options .option {
  padding: var(--padding-extra-small) var(--padding-small);
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: var(--padding-small);
  border-radius: var(--radius-small);
  outline: none;
  background: transparent;
  text-decoration: none;
  transition: background-color 120ms ease-out, color 120ms ease-out;
  color: var(--ui-headline);
}
.dropdown-button .options .option + .option {
  margin-top: var(--padding-thin);
}
.dropdown-button .options .option-leading {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-small);
  background-color: var(--ui-fill);
  overflow: hidden;
}
.dropdown-button .options .option-logo-image {
  width: 1rem;
  height: 1rem;
  display: block;
  object-fit: contain;
  filter: invert(1);
  mix-blend-mode: screen;
}
.dropdown-button .options .option-label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-button .options .option.link-external::after {
  content: "\e92f";
  margin-left: auto;
  font-family: brandui-icons;
  font-size: var(--txt-subhead-small-size);
  font-weight: 500;
  pointer-events: none;
  flex-shrink: 0;
}
.dropdown-button .options .option:hover, .dropdown-button .options .option:focus-visible {
  color: var(--action);
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.dropdown-button .options .option:focus-visible {
  box-shadow: none;
}
.dropdown-button .options .option:active {
  background-color: color-mix(in srgb, var(--action), transparent 84%);
}
.dropdown-button.is-open {
  z-index: 20;
}
.dropdown-button.is-open .trigger::after {
  transform: translateY(-50%) rotate(180deg);
}

/* The bundle of all BrandUI styles */
.feature-checkmark {
  width: var(--padding-medium);
  height: var(--padding-medium);
  position: relative;
  display: block;
}
.feature-checkmark::after {
  content: "\e910";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0;
  font-family: brandui-icons;
  font-size: var(--padding-large);
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: var(--action);
}

/* The bundle of all BrandUI styles */
.icon {
  display: inline-block;
  height: 4rem;
  font-size: 4rem;
  position: relative;
  transition: transform var(--transition-fast);
  width: 4rem;
}
.icon.icon-sm {
  height: 1rem;
  width: 1rem;
}
.icon.icon-rg {
  height: 1.5rem;
  width: 1.5rem;
}
.icon.icon-md {
  height: 2rem;
  width: 2rem;
}
.icon.icon-lg {
  height: 4rem;
  width: 4rem;
}
.icon::before {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}
.icon-border, .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link .general-icon,
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link .product-logo, .brandui-navigation .navigation .nav-login-accordion-links .login-link .general-icon,
.brandui-navigation .navigation .nav-login-accordion-links .login-link .product-logo {
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-medium);
  padding: var(--padding-slim);
  border-color: color-mix(in srgb, var(--ui-subtle), transparent 30%);
}
.icon.icon-actionable-results::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/actionable-results.svg");
}
.icon.icon-admin::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/admin.svg");
}
.icon.icon-advisor-1::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/advisor-1.svg");
}
.icon.icon-advisor::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/advisor.svg");
}
.icon.icon-ai-generated-code::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai-generated-code.svg");
}
.icon.icon-ai-solutions::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai-solutions.svg");
}
.icon.icon-ai-vulnerable-code::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai-vulnerable-code.svg");
}
.icon.icon-ai::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai.svg");
}
.icon.icon-alert-high::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-high.svg");
}
.icon.icon-alert-info::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-info.svg");
}
.icon.icon-alert-low::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-low.svg");
}
.icon.icon-alert-med::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-med.svg");
}
.icon.icon-api::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/api.svg");
}
.icon.icon-application-security::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/application-security.svg");
}
.icon.icon-assessments::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/assessments.svg");
}
.icon.icon-assignments::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/assignments.svg");
}
.icon.icon-attention::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/attention.svg");
}
.icon.icon-automate::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/automate.svg");
}
.icon.icon-care-deeply::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/care-deeply.svg");
}
.icon.icon-certificates::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/certificates.svg");
}
.icon.icon-ci-cd::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ci-cd.svg");
}
.icon.icon-cli::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cli.svg");
}
.icon.icon-climate::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/climate.svg");
}
.icon.icon-cloud-and-back::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cloud-and-back.svg");
}
.icon.icon-cloud-launch::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cloud-launch.svg");
}
.icon.icon-cloud-security::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cloud-security.svg");
}
.icon.icon-code-to-cloud::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/code-to-cloud.svg");
}
.icon.icon-code::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/code.svg");
}
.icon.icon-coding::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/coding.svg");
}
.icon.icon-community::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/community.svg");
}
.icon.icon-compliance-automation::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/compliance-automation.svg");
}
.icon.icon-customer-centricity::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/customer-centricity.svg");
}
.icon.icon-design-applications::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/design-applications.svg");
}
.icon.icon-dev-ai::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/dev-ai.svg");
}
.icon.icon-dev-friendly::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/dev-friendly.svg");
}
.icon.icon-developer-security::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/developer-security.svg");
}
.icon.icon-docs-published::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/docs-published.svg");
}
.icon.icon-documentation::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/documentation.svg");
}
.icon.icon-donate::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/donate.svg");
}
.icon.icon-efficiency::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/efficiency.svg");
}
.icon.icon-enablement-and-education::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/enablement-and-education.svg");
}
.icon.icon-expert::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/expert.svg");
}
.icon.icon-false-positive-rate::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/false-positive-rate.svg");
}
.icon.icon-family::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/family.svg");
}
.icon.icon-fast-and-accurate::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/fast-and-accurate.svg");
}
.icon.icon-feedback::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/feedback.svg");
}
.icon.icon-fix-faster::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/fix-faster.svg");
}
.icon.icon-flexible::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/flexible.svg");
}
.icon.icon-forward-thinking::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/forward-thinking.svg ");
}
.icon.icon-get-started::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/get-started.svg");
}
.icon.icon-git-security::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/git-security.svg");
}
.icon.icon-ide::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ide.svg");
}
.icon.icon-integrations::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/integrations.svg");
}
.icon.icon-learn-always::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learn-always.svg");
}
.icon.icon-learn-snyk-1::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learn-snyk-1.svg");
}
.icon.icon-learn-snyk::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learn-snyk.svg");
}
.icon.icon-learning-paths::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learning-paths.svg");
}
.icon.icon-live-environment::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/live-environment.svg");
}
.icon.icon-live-video::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/live-video.svg");
}
.icon.icon-machine-learning::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/machine-learning.svg");
}
.icon.icon-meetup::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/meetup.svg");
}
.icon.icon-office-hours::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/office-hours.svg");
}
.icon.icon-onboarding::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/onboarding.svg");
}
.icon.icon-one-team::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/one-team.svg");
}
.icon.icon-ongoing::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ongoing.svg");
}
.icon.icon-platform::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/platform.svg");
}
.icon.icon-pull-request::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/pull-request.svg");
}
.icon.icon-query-cloud::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/query-cloud.svg");
}
.icon.icon-real-time-scan::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/real-time-scan.svg");
}
.icon.icon-remediate-faster::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/remediate-faster.svg");
}
.icon.icon-roadmap::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/roadmap.svg");
}
.icon.icon-scaleable::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/scaleable.svg");
}
.icon.icon-scanning::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/scanning.svg");
}
.icon.icon-secure-dependencies::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/secure-dependencies.svg");
}
.icon.icon-secure-projects::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/secure-projects.svg");
}
.icon.icon-security-automation::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-automation.svg");
}
.icon.icon-security-awareness::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-awareness.svg");
}
.icon.icon-security-outnumbered::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-outnumbered.svg");
}
.icon.icon-security-team::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-team.svg");
}
.icon.icon-self-serve::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/self-serve.svg");
}
.icon.icon-ship-it::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ship-it.svg");
}
.icon.icon-snyk-code-knowledgebase::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/snyk-code-knowledgebase.svg");
}
.icon.icon-supply-chain-security::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/supply-chain-security.svg");
}
.icon.icon-support::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/support.svg");
}
.icon.icon-swag::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/swag.svg");
}
.icon.icon-tech::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/tech.svg");
}
.icon.icon-think-bigger::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/think-bigger.svg");
}
.icon.icon-tsd::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/tsd.svg");
}
.icon.icon-unified-policy-engine::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/unified-policy-engine.svg");
}
.icon.icon-user-admin::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/user-admin.svg");
}
.icon.icon-visibility-and-intelligence::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/visibility-and-intelligence.svg");
}
.icon.icon-vuln-database::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/vuln-database.svg");
}
.icon.icon-write-policies::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/write-policies.svg");
}
.icon.icon-zero-day::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/zero-day.svg");
}
.icon.icon-solid.icon-actionable-results {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/actionable-results.svg") 100% no-repeat;
}
.icon.icon-solid.icon-actionable-results::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/actionable-results.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-admin {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/admin.svg") 100% no-repeat;
}
.icon.icon-solid.icon-admin::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/admin.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-advisor-1 {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/advisor-1.svg") 100% no-repeat;
}
.icon.icon-solid.icon-advisor-1::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/advisor-1.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-advisor {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/advisor.svg") 100% no-repeat;
}
.icon.icon-solid.icon-advisor::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/advisor.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-ai-generated-code {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai-generated-code.svg") 100% no-repeat;
}
.icon.icon-solid.icon-ai-generated-code::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai-generated-code.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-ai-solutions {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai-solutions.svg") 100% no-repeat;
}
.icon.icon-solid.icon-ai-solutions::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai-solutions.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-ai-vulnerable-code {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai-vulnerable-code.svg") 100% no-repeat;
}
.icon.icon-solid.icon-ai-vulnerable-code::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai-vulnerable-code.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-ai {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai.svg") 100% no-repeat;
}
.icon.icon-solid.icon-ai::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ai.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-alert-high {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-high.svg") 100% no-repeat;
}
.icon.icon-solid.icon-alert-high::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-high.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-alert-info {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-info.svg") 100% no-repeat;
}
.icon.icon-solid.icon-alert-info::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-info.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-alert-low {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-low.svg") 100% no-repeat;
}
.icon.icon-solid.icon-alert-low::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-low.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-alert-med {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-med.svg") 100% no-repeat;
}
.icon.icon-solid.icon-alert-med::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/alert-med.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-api {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/api.svg") 100% no-repeat;
}
.icon.icon-solid.icon-api::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/api.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-application-security {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/application-security.svg") 100% no-repeat;
}
.icon.icon-solid.icon-application-security::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/application-security.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-assessments {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/assessments.svg") 100% no-repeat;
}
.icon.icon-solid.icon-assessments::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/assessments.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-assignments {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/assignments.svg") 100% no-repeat;
}
.icon.icon-solid.icon-assignments::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/assignments.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-attention {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/attention.svg") 100% no-repeat;
}
.icon.icon-solid.icon-attention::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/attention.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-automate {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/automate.svg") 100% no-repeat;
}
.icon.icon-solid.icon-automate::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/automate.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-care-deeply {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/care-deeply.svg") 100% no-repeat;
}
.icon.icon-solid.icon-care-deeply::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/care-deeply.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-certificates {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/certificates.svg") 100% no-repeat;
}
.icon.icon-solid.icon-certificates::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/certificates.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-ci-cd {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ci-cd.svg") 100% no-repeat;
}
.icon.icon-solid.icon-ci-cd::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ci-cd.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-cli {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cli.svg") 100% no-repeat;
}
.icon.icon-solid.icon-cli::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cli.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-climate {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/climate.svg") 100% no-repeat;
}
.icon.icon-solid.icon-climate::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/climate.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-cloud-and-back {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cloud-and-back.svg") 100% no-repeat;
}
.icon.icon-solid.icon-cloud-and-back::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cloud-and-back.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-cloud-launch {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cloud-launch.svg") 100% no-repeat;
}
.icon.icon-solid.icon-cloud-launch::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cloud-launch.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-cloud-security {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cloud-security.svg") 100% no-repeat;
}
.icon.icon-solid.icon-cloud-security::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/cloud-security.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-code-to-cloud {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/code-to-cloud.svg") 100% no-repeat;
}
.icon.icon-solid.icon-code-to-cloud::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/code-to-cloud.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-code {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/code.svg") 100% no-repeat;
}
.icon.icon-solid.icon-code::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/code.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-coding {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/coding.svg") 100% no-repeat;
}
.icon.icon-solid.icon-coding::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/coding.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-community {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/community.svg") 100% no-repeat;
}
.icon.icon-solid.icon-community::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/community.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-compliance-automation {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/compliance-automation.svg") 100% no-repeat;
}
.icon.icon-solid.icon-compliance-automation::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/compliance-automation.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-customer-centricity {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/customer-centricity.svg") 100% no-repeat;
}
.icon.icon-solid.icon-customer-centricity::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/customer-centricity.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-design-applications {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/design-applications.svg") 100% no-repeat;
}
.icon.icon-solid.icon-design-applications::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/design-applications.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-dev-ai {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/dev-ai.svg") 100% no-repeat;
}
.icon.icon-solid.icon-dev-ai::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/dev-ai.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-dev-friendly {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/dev-friendly.svg") 100% no-repeat;
}
.icon.icon-solid.icon-dev-friendly::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/dev-friendly.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-developer-security {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/developer-security.svg") 100% no-repeat;
}
.icon.icon-solid.icon-developer-security::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/developer-security.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-docs-published {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/docs-published.svg") 100% no-repeat;
}
.icon.icon-solid.icon-docs-published::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/docs-published.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-documentation {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/documentation.svg") 100% no-repeat;
}
.icon.icon-solid.icon-documentation::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/documentation.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-donate {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/donate.svg") 100% no-repeat;
}
.icon.icon-solid.icon-donate::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/donate.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-efficiency {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/efficiency.svg") 100% no-repeat;
}
.icon.icon-solid.icon-efficiency::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/efficiency.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-enablement-and-education {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/enablement-and-education.svg") 100% no-repeat;
}
.icon.icon-solid.icon-enablement-and-education::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/enablement-and-education.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-expert {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/expert.svg") 100% no-repeat;
}
.icon.icon-solid.icon-expert::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/expert.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-false-positive-rate {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/false-positive-rate.svg") 100% no-repeat;
}
.icon.icon-solid.icon-false-positive-rate::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/false-positive-rate.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-family {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/family.svg") 100% no-repeat;
}
.icon.icon-solid.icon-family::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/family.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-fast-and-accurate {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/fast-and-accurate.svg") 100% no-repeat;
}
.icon.icon-solid.icon-fast-and-accurate::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/fast-and-accurate.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-feedback {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/feedback.svg") 100% no-repeat;
}
.icon.icon-solid.icon-feedback::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/feedback.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-fix-faster {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/fix-faster.svg") 100% no-repeat;
}
.icon.icon-solid.icon-fix-faster::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/fix-faster.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-flexible {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/flexible.svg") 100% no-repeat;
}
.icon.icon-solid.icon-flexible::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/flexible.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-forward-thinking {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/forward-thinking.svg ") 100% no-repeat;
}
.icon.icon-solid.icon-forward-thinking::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/forward-thinking.svg ");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-get-started {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/get-started.svg") 100% no-repeat;
}
.icon.icon-solid.icon-get-started::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/get-started.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-git-security {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/git-security.svg") 100% no-repeat;
}
.icon.icon-solid.icon-git-security::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/git-security.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-ide {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ide.svg") 100% no-repeat;
}
.icon.icon-solid.icon-ide::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ide.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-integrations {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/integrations.svg") 100% no-repeat;
}
.icon.icon-solid.icon-integrations::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/integrations.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-learn-always {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learn-always.svg") 100% no-repeat;
}
.icon.icon-solid.icon-learn-always::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learn-always.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-learn-snyk-1 {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learn-snyk-1.svg") 100% no-repeat;
}
.icon.icon-solid.icon-learn-snyk-1::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learn-snyk-1.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-learn-snyk {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learn-snyk.svg") 100% no-repeat;
}
.icon.icon-solid.icon-learn-snyk::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learn-snyk.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-learning-paths {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learning-paths.svg") 100% no-repeat;
}
.icon.icon-solid.icon-learning-paths::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/learning-paths.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-live-environment {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/live-environment.svg") 100% no-repeat;
}
.icon.icon-solid.icon-live-environment::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/live-environment.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-live-video {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/live-video.svg") 100% no-repeat;
}
.icon.icon-solid.icon-live-video::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/live-video.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-machine-learning {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/machine-learning.svg") 100% no-repeat;
}
.icon.icon-solid.icon-machine-learning::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/machine-learning.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-meetup {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/meetup.svg") 100% no-repeat;
}
.icon.icon-solid.icon-meetup::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/meetup.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-office-hours {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/office-hours.svg") 100% no-repeat;
}
.icon.icon-solid.icon-office-hours::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/office-hours.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-onboarding {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/onboarding.svg") 100% no-repeat;
}
.icon.icon-solid.icon-onboarding::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/onboarding.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-one-team {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/one-team.svg") 100% no-repeat;
}
.icon.icon-solid.icon-one-team::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/one-team.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-ongoing {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ongoing.svg") 100% no-repeat;
}
.icon.icon-solid.icon-ongoing::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ongoing.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-platform {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/platform.svg") 100% no-repeat;
}
.icon.icon-solid.icon-platform::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/platform.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-pull-request {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/pull-request.svg") 100% no-repeat;
}
.icon.icon-solid.icon-pull-request::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/pull-request.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-query-cloud {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/query-cloud.svg") 100% no-repeat;
}
.icon.icon-solid.icon-query-cloud::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/query-cloud.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-real-time-scan {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/real-time-scan.svg") 100% no-repeat;
}
.icon.icon-solid.icon-real-time-scan::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/real-time-scan.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-remediate-faster {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/remediate-faster.svg") 100% no-repeat;
}
.icon.icon-solid.icon-remediate-faster::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/remediate-faster.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-roadmap {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/roadmap.svg") 100% no-repeat;
}
.icon.icon-solid.icon-roadmap::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/roadmap.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-scaleable {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/scaleable.svg") 100% no-repeat;
}
.icon.icon-solid.icon-scaleable::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/scaleable.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-scanning {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/scanning.svg") 100% no-repeat;
}
.icon.icon-solid.icon-scanning::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/scanning.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-secure-dependencies {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/secure-dependencies.svg") 100% no-repeat;
}
.icon.icon-solid.icon-secure-dependencies::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/secure-dependencies.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-secure-projects {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/secure-projects.svg") 100% no-repeat;
}
.icon.icon-solid.icon-secure-projects::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/secure-projects.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-security-automation {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-automation.svg") 100% no-repeat;
}
.icon.icon-solid.icon-security-automation::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-automation.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-security-awareness {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-awareness.svg") 100% no-repeat;
}
.icon.icon-solid.icon-security-awareness::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-awareness.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-security-outnumbered {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-outnumbered.svg") 100% no-repeat;
}
.icon.icon-solid.icon-security-outnumbered::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-outnumbered.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-security-team {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-team.svg") 100% no-repeat;
}
.icon.icon-solid.icon-security-team::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/security-team.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-self-serve {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/self-serve.svg") 100% no-repeat;
}
.icon.icon-solid.icon-self-serve::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/self-serve.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-ship-it {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ship-it.svg") 100% no-repeat;
}
.icon.icon-solid.icon-ship-it::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/ship-it.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-snyk-code-knowledgebase {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/snyk-code-knowledgebase.svg") 100% no-repeat;
}
.icon.icon-solid.icon-snyk-code-knowledgebase::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/snyk-code-knowledgebase.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-supply-chain-security {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/supply-chain-security.svg") 100% no-repeat;
}
.icon.icon-solid.icon-supply-chain-security::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/supply-chain-security.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-support {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/support.svg") 100% no-repeat;
}
.icon.icon-solid.icon-support::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/support.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-swag {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/swag.svg") 100% no-repeat;
}
.icon.icon-solid.icon-swag::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/swag.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-tech {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/tech.svg") 100% no-repeat;
}
.icon.icon-solid.icon-tech::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/tech.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-think-bigger {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/think-bigger.svg") 100% no-repeat;
}
.icon.icon-solid.icon-think-bigger::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/think-bigger.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-tsd {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/tsd.svg") 100% no-repeat;
}
.icon.icon-solid.icon-tsd::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/tsd.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-unified-policy-engine {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/unified-policy-engine.svg") 100% no-repeat;
}
.icon.icon-solid.icon-unified-policy-engine::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/unified-policy-engine.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-user-admin {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/user-admin.svg") 100% no-repeat;
}
.icon.icon-solid.icon-user-admin::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/user-admin.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-visibility-and-intelligence {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/visibility-and-intelligence.svg") 100% no-repeat;
}
.icon.icon-solid.icon-visibility-and-intelligence::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/visibility-and-intelligence.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-vuln-database {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/vuln-database.svg") 100% no-repeat;
}
.icon.icon-solid.icon-vuln-database::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/vuln-database.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-write-policies {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/write-policies.svg") 100% no-repeat;
}
.icon.icon-solid.icon-write-policies::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/write-policies.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.icon.icon-solid.icon-zero-day {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/zero-day.svg") 100% no-repeat;
}
.icon.icon-solid.icon-zero-day::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/zero-day.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}

.icon-sm {
  font-size: 1rem;
  height: 1rem;
  width: 1rem;
}

.icon-rg {
  font-size: 1.5rem;
  height: 1.5rem;
  width: 1.5rem;
}

.icon-md {
  font-size: 2rem;
  height: 2rem;
  width: 2rem;
}

.icon-lg {
  font-size: 4rem;
  height: 4rem;
  width: 4rem;
}

.general-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: brandui-icons !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  color: var(--ui-text);
}
.general-icon.icon-account::before {
  content: "\e900";
}
.general-icon.icon-add::before {
  content: "\e901";
}
.general-icon.icon-ai-sec-eng-icon::before {
  content: "\e983";
}
.general-icon.icon-ai-sparkles::before {
  content: "\e943";
}
.general-icon.icon-ambassadors::before {
  content: "\e944";
}
.general-icon.icon-api-web::before {
  content: "\e96c";
}
.general-icon.icon-apple-podcasts::before {
  content: "\e902";
}
.general-icon.icon-arrow-back::before {
  content: "\e903";
}
.general-icon.icon-arrow-down::before {
  content: "\e904";
}
.general-icon.icon-arrow-forward::before {
  content: "\e905";
}
.general-icon.icon-arrow-left::before {
  content: "\e903";
}
.general-icon.icon-arrow-right::before {
  content: "\e905";
}
.general-icon.icon-arrow-top-right::before {
  content: "\e906";
}
.general-icon.icon-arrow-up::before {
  content: "\e907";
}
.general-icon.icon-article::before {
  content: "\e908";
}
.general-icon.icon-attachment::before {
  content: "\e909";
}
.general-icon.icon-ballot::before {
  content: "\e90a";
}
.general-icon.icon-bio::before {
  content: "\e90b";
}
.general-icon.icon-bitbucket::before {
  content: "\e90c";
}
.general-icon.icon-blocks::before {
  content: "\e945";
}
.general-icon.icon-blog::before {
  content: "\e946";
}
.general-icon.icon-booklet::before {
  content: "\e947";
}
.general-icon.icon-brain::before {
  content: "\e948";
}
.general-icon.icon-briefcase::before {
  content: "\e949";
}
.general-icon.icon-bug::before {
  content: "\e974";
}
.general-icon.icon-build-code::before {
  content: "\e96d";
}
.general-icon.icon-byline::before {
  content: "\e90d";
}
.general-icon.icon-calendar-today::before {
  content: "\e90e";
}
.general-icon.icon-case-study::before {
  content: "\e90f";
}
.general-icon.icon-check::before {
  content: "\e910";
}
.general-icon.icon-check-circle::before {
  content: "\e912";
}
.general-icon.icon-check-shield::before {
  content: "\e93e";
}
.general-icon.icon-checkbox-hover::before {
  content: "\e94a";
}
.general-icon.icon-ci-cd::before {
  content: "\e984";
}
.general-icon.icon-chevron-down::before {
  content: "\e924";
}
.general-icon.icon-chevron-left::before {
  content: "\e913";
}
.general-icon.icon-chevron-right::before {
  content: "\e914";
}
.general-icon.icon-chevron-up::before {
  content: "\e915";
}
.general-icon.icon-close::before {
  content: "\e916";
}
.general-icon.icon-collapse::before {
  content: "\e917";
}
.general-icon.icon-compliance::before {
  content: "\e96e";
}
.general-icon.icon-contact::before {
  content: "\e94b";
}
.general-icon.icon-copy-link::before {
  content: "\e918";
}
.general-icon.icon-copy-to-clipboard::before {
  content: "\e919";
}
.general-icon.icon-customers::before {
  content: "\e94c";
}
.general-icon.icon-developer::before {
  content: "\e94d";
}
.general-icon.icon-discord::before {
  content: "\e93c";
}
.general-icon.icon-discord-bubble::before {
  content: "\e93d";
}
.general-icon.icon-east::before {
  content: "\e91a";
}
.general-icon.icon-ebook::before {
  content: "\e93f";
}
.general-icon.icon-eclipse::before {
  content: "\e94e";
}
.general-icon.icon-events::before {
  content: "\e94f";
}
.general-icon.icon-expand::before {
  content: "\e91b";
}
.general-icon.icon-facebook::before {
  content: "\e91c";
}
.general-icon.icon-facebook-circle::before {
  content: "\e91d";
}
.general-icon.icon-filter::before {
  content: "\e91e";
}
.general-icon.icon-fix::before {
  content: "\e96f";
}
.general-icon.icon-git-fork::before {
  content: "\e975";
}
.general-icon.icon-git-issue::before {
  content: "\e976";
}
.general-icon.icon-github::before {
  content: "\e91f";
}
.general-icon.icon-glassdoor::before {
  content: "\e920";
}
.general-icon.icon-glossary::before {
  content: "\e97e";
}
.general-icon.icon-google::before {
  content: "\e921";
}
.general-icon.icon-government::before {
  content: "\e950";
}
.general-icon.icon-grading::before {
  content: "\e940";
}
.general-icon.icon-hand-wave::before {
  content: "\e951";
}
.general-icon.icon-handbook::before {
  content: "\e952";
}
.general-icon.icon-headphones::before {
  content: "\e977";
}
.general-icon.icon-info-scan::before {
  content: "\e953";
}
.general-icon.icon-info-warning::before {
  content: "\e954";
}
.general-icon.icon-infographic::before {
  content: "\e970";
}
.general-icon.icon-insert-chart::before {
  content: "\e922";
}
.general-icon.icon-insert-drive-file::before {
  content: "\e923";
}
.general-icon.icon-instagram::before {
  content: "\e943";
}
.general-icon.icon-keyboard-arrow-down::before {
  content: "\e925";
}
.general-icon.icon-labs::before {
  content: "\e978";
}
.general-icon.icon-language::before {
  content: "\e926";
}
.general-icon.icon-leadership::before {
  content: "\e982";
}
.general-icon.icon-library::before {
  content: "\e955";
}
.general-icon.icon-light-bulb::before {
  content: "\e956";
}
.general-icon.icon-linkedin::before {
  content: "\e927";
}
.general-icon.icon-livestream::before {
  content: "\e928";
}
.general-icon.icon-location::before {
  content: "\e929";
}
.general-icon.icon-lock-heart::before {
  content: "\e957";
}
.general-icon.icon-mail-inbox::before {
  content: "\e979";
}
.general-icon.icon-mail-outline::before {
  content: "\e92a";
}
.general-icon.icon-menu::before {
  content: "\e92b";
}
.general-icon.icon-mic::before {
  content: "\e92c";
}
.general-icon.icon-monetization::before {
  content: "\e941";
}
.general-icon.icon-moon::before {
  content: "\e958";
}
.general-icon.icon-more-horizontal::before {
  content: "\e92d";
}
.general-icon.icon-newsroom::before {
  content: "\e959";
}
.general-icon.icon-npm::before {
  content: "\e92e";
}
.general-icon.icon-open-in-new::before {
  content: "\e92f";
}
.general-icon.icon-partners::before {
  content: "\e95a";
}
.general-icon.icon-pie-chart::before {
  content: "\e942";
}
.general-icon.icon-play-circle::before {
  content: "\e931";
}
.general-icon.icon-play::before {
  content: "\e930";
}
.general-icon.icon-podcast::before {
  content: "\e95b";
}
.general-icon.icon-press-release::before {
  content: "\e932";
}
.general-icon.icon-quote::before {
  content: "\e933";
}
.general-icon.icon-reddit::before {
  content: "\e973";
}
.general-icon.icon-remove::before {
  content: "\e934";
}
.general-icon.icon-risk::before {
  content: "\e971";
}
.general-icon.icon-risk-based-prioritization::before {
  content: "\e980";
}
.general-icon.icon-search::before {
  content: "\e935";
}
.general-icon.icon-secrets::before {
  content: "\e985";
}
.general-icon.icon-send-mail::before {
  content: "\e97a";
}
.general-icon.icon-services::before {
  content: "\e95c";
}
.general-icon.icon-shield::before {
  content: "\e95f";
}
.general-icon.icon-shield-ai::before {
  content: "\e97d";
}
.general-icon.icon-shield-chevron-up::before {
  content: "\e95d";
}
.general-icon.icon-shield-star::before {
  content: "\e95e";
}
.general-icon.icon-snyk-apprisk::before {
  content: "\e960";
}
.general-icon.icon-snyk-code::before {
  content: "\e961";
}
.general-icon.icon-snyk-container::before {
  content: "\e962";
}
.general-icon.icon-snyk-docs::before {
  content: "\e963";
}
.general-icon.icon-snyk-iac::before {
  content: "\e964";
}
.general-icon.icon-snyk-learn::before {
  content: "\e965";
}
.general-icon.icon-snyk-oss::before {
  content: "\e966";
}
.general-icon.icon-snyk-studio::before {
  content: "\e97f";
}
.general-icon.icon-snyk-support::before {
  content: "\e967";
}
.general-icon.icon-spotify::before {
  content: "\e936";
}
.general-icon.icon-star-outline::before {
  content: "\e97b";
}
.general-icon.icon-sun::before {
  content: "\e968";
}
.general-icon.icon-supply-chain::before {
  content: "\e969";
}
.general-icon.icon-time::before {
  content: "\e937";
}
.general-icon.icon-twitch::before {
  content: "\e938";
}
.general-icon.icon-twitter::before {
  content: "\e939";
}
.general-icon.icon-updates::before {
  content: "\e96a";
}
.general-icon.icon-videocam::before {
  content: "\e93a";
}
.general-icon.icon-vuln-db::before {
  content: "\e96b";
}
.general-icon.icon-vulnvortex::before {
  content: "\e972";
}
.general-icon.icon-workflows::before {
  content: "\e911";
}
.general-icon.icon-video-bubble::before {
  content: "\e981";
}
.general-icon.icon-x::before {
  content: "\e93b";
}
.general-icon.icon-youtube::before {
  content: "\e97c";
}

.icon-extra-small {
  font-size: 0.5rem;
}

.icon-small {
  font-size: 1rem;
}

.icon-medium {
  font-size: 1.5rem;
}

.icon-large {
  font-size: 2rem;
}

.icon-extra-large {
  font-size: 2.5rem;
}

.icon-huge {
  font-size: 5rem;
}

.tooltip-wrapper:has(> .tooltip > .info-tooltip-trigger) {
  border: none;
  border-radius: 0;
}

.info-tooltip-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-dark-grey);
  border-radius: var(--radius-extra-large);
  height: var(--padding-medium);
  width: var(--padding-medium);
  color: var(--neutral-6);
  cursor: pointer;
}

/* The bundle of all BrandUI styles */
.input {
  place-items: center left;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: 0.25rem;
  display: inline-flex;
  padding: var(--padding-extra-small) var(--padding-small);
  position: relative;
  text-align: left;
  width: 100%;
  min-height: 3.125rem;
  outline: transparent solid 0.1875rem;
  transition: border-color var(--transition-fast);
  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, normal);
  text-transform: var(--txt-body-small-tt, none);
}
.input strong,
.input b {
  font-weight: 500;
}
.input {
  background-color: var(--ui-fill);
  border-color: var(--ui-stroke);
  color: var(--ui-text);
}
.input::placeholder {
  color: var(--ui-text);
  opacity: 0.5;
}
.input:hover {
  border-color: var(--action);
}
.input.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.input.danger {
  border-color: var(--fail);
  color: var(--fail);
}

.locale-selector {
  position: relative;
  background-color: transparent;
  border: none;
  border-radius: var(--radius-small);
  appearance: none;
  text-indent: 2rem;
  min-width: 11rem;
  isolation: isolate;
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.locale-selector strong,
.locale-selector b {
  font-weight: 700;
}
.locale-selector {
  color: var(--ui-headline);
}
.locale-selector:hover {
  cursor: pointer;
  color: var(--action);
}
@media (max-width: 768px) {
  .locale-selector {
    padding: 0.75rem 1rem;
  }
}
@media (min-width: 769px) {
  .locale-selector {
    max-width: 0;
    background: transparent;
    padding: 0.75rem 2rem;
    opacity: 0;
    min-width: 3.25rem;
    text-indent: 0;
  }
  .locale-selector * {
    font-size: initial;
  }
}
.locale-selector-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--padding-slim);
  border-radius: var(--radius-small);
  transition: background-color var(--transition-fast);
  cursor: pointer;
}
.locale-selector-wrapper:hover {
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.locale-selector-wrapper:hover .locale-selector-display {
  color: var(--action);
}
.locale-selector-wrapper:hover .locale-selector-display > * {
  transition: color var(--transition-fast);
}
@media (max-width: 768px) {
  .locale-selector-wrapper {
    justify-content: start;
    background-color: color-mix(in srgb, var(--action), transparent 90%);
  }
  .locale-selector-wrapper::after {
    content: "\e925";
    font-family: brandui-icons;
    font-size: 1.5rem;
    margin-left: -2rem;
    padding-right: 1rem;
    position: absolute;
    right: 0;
    pointer-events: none;
  }
}
.locale-selector-display {
  display: flex;
  align-items: center;
  gap: var(--padding-slim);
  position: absolute;
  color: var(--ui-headline);
}
.locale-selector-display > * {
  transition: color var(--transition-fast);
}
.locale-selector-display::before {
  content: "\e926";
  font-family: brandui-icons;
  font-size: 1.5rem;
  font-weight: 500;
  transition: color var(--transition-fast);
}
.locale-selector-display-label {
  font-family: var(--txt-body-small-family), sans-serif;
  font-size: var(--txt-body-small-size);
  font-weight: 600;
  letter-spacing: 0.005em;
}
@media (max-width: 1024px) {
  .locale-selector-display-label {
    display: none;
  }
}
@media (max-width: 1024px) {
  .locale-selector-display {
    margin-left: var(--padding-small);
    pointer-events: none;
  }
}

/* The bundle of all BrandUI styles */
.logo-container {
  width: 100%;
  min-height: 2rem;
  position: relative;
}
.logo-container img,
.logo-container svg {
  object-fit: contain;
  object-position: left;
}
.logo-container.centered img,
.logo-container.centered svg {
  object-position: center;
}
.logo-container .logo-default {
  display: none;
}
.logo-container .logo-dark {
  display: initial;
}
.logo-container:not(:has(.logo-dark)) {
  border-width: 0.125rem;
  border-style: solid;
  border-radius: var(--radius-small);
  backdrop-filter: blur(1.5rem);
  border-color: color-mix(in srgb, var(--default), transparent 30%);
  background-color: color-mix(in srgb, var(--default), transparent 20%);
}
.logo-container:not(:has(.logo-dark)) .logo-default {
  padding: var(--padding-slim);
  display: initial;
}

/* The bundle of all BrandUI styles */
.product-logo {
  display: inline-block;
  height: 4rem;
  font-size: 4rem;
  position: relative;
  transition: transform var(--transition-fast);
  width: 4rem;
}
.product-logo::before {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}
.product-logo.logo-snyk-apprisk::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/apprisk.svg");
}
.product-logo.logo-snyk-cloud::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/cloud.svg");
}
.product-logo.logo-snyk-code::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/code.svg");
}
.product-logo.logo-snyk-container::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/container.svg");
}
.product-logo.logo-snyk-deepcodeai::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/deepcodeai.svg");
}
.product-logo.logo-snyk-iac::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/iac.svg");
}
.product-logo.logo-snyk-learn::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/learn.svg");
}
.product-logo.logo-snyk-oss::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/oss.svg");
}
.product-logo.logo-snyk-studio::before {
  content: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/snyk-studio-brand.svg");
}
.product-logo.logo-theme-solid.logo-snyk-apprisk {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/apprisk.svg") 100% no-repeat;
}
.product-logo.logo-theme-solid.logo-snyk-apprisk::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/apprisk.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.product-logo.logo-theme-solid.logo-snyk-cloud {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/cloud.svg") 100% no-repeat;
}
.product-logo.logo-theme-solid.logo-snyk-cloud::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/cloud.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.product-logo.logo-theme-solid.logo-snyk-code {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/code.svg") 100% no-repeat;
}
.product-logo.logo-theme-solid.logo-snyk-code::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/code.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.product-logo.logo-theme-solid.logo-snyk-container {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/container.svg") 100% no-repeat;
}
.product-logo.logo-theme-solid.logo-snyk-container::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/container.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.product-logo.logo-theme-solid.logo-snyk-deepcodeai {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/deepcodeai.svg") 100% no-repeat;
}
.product-logo.logo-theme-solid.logo-snyk-deepcodeai::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/deepcodeai.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.product-logo.logo-theme-solid.logo-snyk-iac {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/iac.svg") 100% no-repeat;
}
.product-logo.logo-theme-solid.logo-snyk-iac::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/iac.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.product-logo.logo-theme-solid.logo-snyk-learn {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/learn.svg") 100% no-repeat;
}
.product-logo.logo-theme-solid.logo-snyk-learn::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/learn.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.product-logo.logo-theme-solid.logo-snyk-oss {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/oss.svg") 100% no-repeat;
}
.product-logo.logo-theme-solid.logo-snyk-oss::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/oss.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}
.product-logo.logo-theme-solid.logo-snyk-studio {
  mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/snyk-studio-brand.svg") 100% no-repeat;
}
.product-logo.logo-theme-solid.logo-snyk-studio::before {
  content: "";
  mask-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/product-logos/snyk-studio-brand.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentcolor;
}

@media (max-width: 8640px) {
  .logo-sm {
    font-size: 1rem;
    height: 1rem;
    width: 1rem;
  }
  .logo-rg {
    font-size: 1.5rem;
    height: 1.5rem;
    width: 1.5rem;
  }
  .logo-md, .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link .product-logo, .brandui-navigation .navigation .nav-login-accordion-links .login-link .product-logo {
    font-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .logo-lg {
    font-size: 4rem;
    height: 4rem;
    width: 4rem;
  }
}
@media (max-width: 1024px) {
  .tablet\:logo-sm {
    font-size: 1rem;
    height: 1rem;
    width: 1rem;
  }
  .tablet\:logo-rg {
    font-size: 1.5rem;
    height: 1.5rem;
    width: 1.5rem;
  }
  .tablet\:logo-md {
    font-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .tablet\:logo-lg {
    font-size: 4rem;
    height: 4rem;
    width: 4rem;
  }
}
@media (max-width: 768px) {
  .mobile\:logo-sm {
    font-size: 1rem;
    height: 1rem;
    width: 1rem;
  }
  .mobile\:logo-rg {
    font-size: 1.5rem;
    height: 1.5rem;
    width: 1.5rem;
  }
  .mobile\:logo-md {
    font-size: 2rem;
    height: 2rem;
    width: 2rem;
  }
  .mobile\:logo-lg {
    font-size: 4rem;
    height: 4rem;
    width: 4rem;
  }
}
.progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 5px;
  z-index: 999;
  animation: scroll-progress linear;
  animation-timeline: scroll(root);
  background-color: var(--action);
}
@media (prefers-reduced-motion) {
  .progress-bar {
    display: none;
    animation: none;
  }
}

@keyframes scroll-progress {
  to {
    width: 100%;
  }
}
.radios {
  display: flex;
}
.radios label {
  color: var(--ui-text);
}
.radios input[type=radio] + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin-right: 1.5rem;
  padding-left: 2.313rem;
}
.radios input[type=radio] + label span {
  display: block;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
.radios input[type=radio] + label::before, .radios input[type=radio] + label::after {
  transition: border-color var(--transition-fast), background-color 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.radios input[type=radio] + label::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.875rem;
  position: absolute;
  top: -0.1875rem;
  left: 0;
  border-width: 0.125rem;
  border-style: solid;
  box-sizing: border-box;
  border-radius: 50%;
  border-color: var(--ui-stroke);
  background-color: var(--ui-fill);
}
.radios input[type=radio] + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.1875rem;
  left: 0.375rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  transform: scale(0);
  opacity: 0;
  background-color: var(--action);
}
.radios input[type=radio] + label:hover::before {
  border-width: 0.125rem;
  border-style: solid;
  border-color: var(--action);
}
.radios input[type=radio] + label:hover::after {
  top: 0.1875rem;
}
.radios input[type=radio] + label.adjust {
  padding-left: 2.375rem;
}
.radios input[type=radio] + label.adjust::before {
  top: -0.0625rem;
}
.radios input[type=radio] + label.adjust::after {
  top: 0.313rem;
}
.radios input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.radios input[type=radio]:checked + label::before {
  border-width: 0.125rem;
  border-style: solid;
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-color: var(--action);
}
.radios input[type=radio]:checked + label::after {
  transform: scale(1);
  opacity: 1;
}
.radios input[type=radio]:focus + label::before {
  border-width: 0.125rem;
  border-style: solid;
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-color: var(--action);
}
.radios.danger label {
  color: var(--fail);
}
.radios.danger input[type=radio] + label::before {
  border-width: 0.125rem;
  border-style: solid;
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-color: var(--fail);
}
.radios.danger input[type=radio] + label::after {
  background-color: var(--fail);
}
.radios.danger input[type=radio] + label:hover::before {
  border-width: 0.125rem;
  border-style: solid;
  border-color: var(--fail);
}
.radios.danger input[type=radio]:focus + label::before {
  border-width: 0.125rem;
  border-style: solid;
  background-color: color-mix(in srgb, var(--fail), transparent 95%);
  border-color: var(--fail);
}

.radio + label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 1.875rem;
  margin-right: var(--padding-extra-large);
}
.radio + label span {
  display: block;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
.radio + label::before, .radio + label::after {
  transition: border-color var(--transition-fast), background-color 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.radio + label::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.875rem;
  position: absolute;
  top: -0.1875rem;
  left: 0;
  border-width: 0.125rem;
  border-style: solid;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: var(--ui-fill);
  border-color: var(--ui-stroke);
}
.radio + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.1875rem;
  left: 0.375rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  transform: scale(0);
  opacity: 0;
  background-color: var(--action);
}
.radio + label:hover::before {
  border-width: 0.125rem;
  border-style: solid;
  border-color: var(--action);
}
.radio + label:hover::after {
  top: 0.1875rem;
}
.radio + label.adjust {
  padding-left: 2.375rem;
}
.radio + label.adjust::before {
  top: -0.0625rem;
}
.radio + label.adjust::after {
  top: 0.313rem;
}

.radio {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.radio:checked + label::before {
  border-width: 0.125rem;
  border-style: solid;
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-color: var(--action);
}
.radio:checked + label::after {
  transform: scale(1);
  opacity: 1;
}
.radio:focus + label::before {
  border-width: 0.125rem;
  border-style: solid;
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-color: var(--action);
}
.radio.danger label {
  color: var(--fail);
}
.radio.danger + label::before {
  border-width: 0.125rem;
  border-style: solid;
  background-color: color-mix(in srgb, var(--fail), transparent 95%);
  border-color: var(--fail);
}
.radio.danger + label::after {
  background-color: var(--fail);
}
.radio.danger + label:hover::before {
  border-width: 0.125rem;
  border-style: solid;
  border-color: var(--fail);
}
.radio.danger:checked + label::before {
  border-width: 0.125rem;
  border-style: solid;
  background-color: color-mix(in srgb, var(--fail), transparent 95%);
  border-color: var(--fail);
}
.radio.danger:checked + label::after {
  background-color: var(--fail);
}
.radio.danger:checked + label:hover::before {
  border: 0.125rem solid var(--fail);
}
.radio.danger:focus + label::before {
  border-width: 0.125rem;
  border-style: solid;
  background-color: color-mix(in srgb, var(--fail), transparent 95%);
  border-color: var(--fail);
}

.brandui-ribbon {
  z-index: 100;
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  width: 9.375rem;
  height: 9.375rem;
}
.brandui-ribbon::before, .brandui-ribbon::after {
  z-index: -1;
  border-style: solid;
  border-width: 0.315rem;
  position: absolute;
  display: block;
  content: "";
  border-color: var(--ui-soft);
}
.brandui-ribbon span {
  display: block;
  position: absolute;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: var(--padding-extra-small) var(--padding-extra-large) var(--padding-extra-small) 1.875rem;
  width: 14.063rem;
  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, normal);
  text-transform: var(--txt-mini-header-small-tt, none);
}
.brandui-ribbon.top-left span, .brandui-ribbon.bottom-right span {
  transform: rotate(-45deg);
}
.brandui-ribbon.top-right span, .brandui-ribbon.bottom-left span {
  transform: rotate(45deg);
}
.brandui-ribbon.top-left {
  top: -0.625rem;
  left: -0.625rem;
}
.brandui-ribbon.top-left::before, .brandui-ribbon.top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.brandui-ribbon.top-left::before {
  top: 0;
  right: 0;
}
.brandui-ribbon.top-left::after {
  bottom: 0;
  left: 0;
}
.brandui-ribbon.top-left span {
  right: -1.813rem;
  top: 2.25rem;
}
.brandui-ribbon.top-right {
  top: -0.625rem;
  right: -0.625rem;
}
.brandui-ribbon.top-right::before, .brandui-ribbon.top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.brandui-ribbon.top-right::before {
  top: 0;
  left: 0;
}
.brandui-ribbon.top-right::after {
  bottom: 0;
  right: 0;
}
.brandui-ribbon.top-right span {
  padding-left: 3.75rem;
  left: -1.813rem;
  top: 2.25rem;
}
.brandui-ribbon.bottom-left {
  bottom: -0.625rem;
  left: -0.625rem;
}
.brandui-ribbon.bottom-left::before, .brandui-ribbon.bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.brandui-ribbon.bottom-left::before {
  bottom: 0;
  right: 0;
}
.brandui-ribbon.bottom-left::after {
  top: 0;
  left: 0;
}
.brandui-ribbon.bottom-left span {
  right: -1.813rem;
  bottom: 2.25rem;
}
.brandui-ribbon.bottom-right {
  bottom: -0.625rem;
  right: -0.625rem;
}
.brandui-ribbon.bottom-right::before, .brandui-ribbon.bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.brandui-ribbon.bottom-right::before {
  bottom: 0;
  left: 0;
}
.brandui-ribbon.bottom-right::after {
  top: 0;
  right: 0;
}
.brandui-ribbon.bottom-right span {
  padding-left: 3.75rem;
  left: -1.813rem;
  bottom: 2.25rem;
}

.slider {
  --slider-color: var(--color-violet);
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
}
.slider .slider-track-wrapper {
  position: relative;
}
.slider input[type=range] {
  appearance: none;
  border-radius: var(--radius-pill);
  cursor: pointer;
  width: 100%;
  height: 0.75rem;
  background: linear-gradient(to right, var(--slider-color) 0%, var(--slider-color) var(--slider-progress), var(--ui-fill) var(--slider-progress), var(--ui-fill) 100%);
}
.slider input[type=range]::-webkit-slider-thumb {
  appearance: none;
  width: var(--radius-extra-large);
  height: var(--radius-extra-large);
  border-radius: var(--radius-full);
  background: var(--neutral-6);
  transition: transform var(--transition-fast);
  cursor: pointer;
}
.slider input[type=range]::-moz-range-thumb {
  appearance: none;
  width: var(--radius-extra-large);
  height: var(--radius-extra-large);
  border-radius: var(--radius-full);
  background: var(--neutral-6);
  transition: transform var(--transition-fast);
  cursor: pointer;
}
.slider input[type=range]:focus-visible {
  outline: var(--action-outline) solid 0.1875rem;
  outline-offset: var(--padding-slim);
  border-radius: var(--radius-pill);
}
.slider input[type=range]:disabled {
  cursor: not-allowed;
}
.slider .slider-tooltip {
  --tooltip-fill: var(--slider-color);
  --tooltip-foreground: var(--slider-contrast);
  top: 0;
  width: 0;
  pointer-events: none;
}
.slider .slider-tooltip::after {
  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, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.slider .slider-tooltip::after strong,
.slider .slider-tooltip::after b {
  font-weight: 500;
}
.slider .slider-tooltip::after {
  padding: var(--padding-slim) var(--padding-extra-small);
}
.slider .slider-track-wrapper:hover .slider-tooltip::before,
.slider .slider-track-wrapper:focus-within .slider-tooltip::before {
  opacity: 1;
  transform: translate(-50%, var(--tooltip-gap));
}
.slider .slider-track-wrapper:hover .slider-tooltip::after,
.slider .slider-track-wrapper:focus-within .slider-tooltip::after {
  opacity: 1;
  transform: translate(-50%, calc(100% + var(--tooltip-gap))) scale(1);
}
.slider .slider-ticks {
  position: relative;
  width: 100%;
  height: 1.5rem;
  margin-top: var(--padding-slim);
}
.slider .slider-tick {
  position: absolute;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--padding-slim);
  opacity: 0.5;
}
.slider .slider-tick-mark {
  display: block;
  width: 1px;
  height: 0.375rem;
  background: var(--ui-stroke);
}
.slider .slider-tick-label {
  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, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.slider .slider-tick-label strong,
.slider .slider-tick-label b {
  font-weight: 500;
}
.slider .slider-tick-label {
  font-family: var(--txt-code-family);
  line-height: 1;
  color: var(--ui-stroke);
}
.slider.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.slider.tertiary {
  --slider-color: var(--action-tertiary);
  --slider-contrast: var(--action-tertiary-contrast);
}

.slider-label-container {
  display: flex;
  align-items: center;
  gap: var(--padding-extra-small);
}

/* The bundle of all BrandUI styles */
.snyk-logo {
  height: auto;
  position: relative;
  transition: transform var(--transition-fast);
}
.snyk-logo::before {
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.snyk-logo::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
}
.snyk-logo.logo-default::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/default-dark.svg");
}
.snyk-logo.logo-default::after {
  content: "";
  padding-bottom: 52%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-default-solid::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/default-solid-dark.svg");
}
.snyk-logo.logo-default-solid::after {
  content: "";
  padding-bottom: 52%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-icon::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/icon-dark.svg");
}
.snyk-logo.logo-icon::after {
  content: "";
  padding-bottom: 62%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-icon-solid::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/icon-solid-dark.svg");
}
.snyk-logo.logo-icon-solid::after {
  content: "";
  padding-bottom: 62%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-vertical::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/vertical-dark.svg");
}
.snyk-logo.logo-vertical::after {
  content: "";
  padding-bottom: 77%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-vertical-solid::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/vertical-solid-dark.svg");
}
.snyk-logo.logo-vertical-solid::after {
  content: "";
  padding-bottom: 77%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-wordmark::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/wordmark-dark.svg");
}
.snyk-logo.logo-wordmark::after {
  content: "";
  padding-bottom: 58%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-security-labs-solid::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/security-labs-solid-dark.svg");
}
.snyk-logo.logo-security-labs-solid::after {
  content: "";
  padding-bottom: 24%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-icon-security-labs-solid::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/icon-security-labs-solid-dark.svg");
}
.snyk-logo.logo-icon-security-labs-solid::after {
  content: "";
  padding-bottom: 24%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-labs-solid::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/labs-solid-dark.svg");
}
.snyk-logo.logo-labs-solid::after {
  content: "";
  padding-bottom: 26%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-evo-solid::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/evo-logo-dark-mode.svg");
}
.snyk-logo.logo-evo-solid::after {
  content: "";
  padding-bottom: 26%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-labs-mono::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/labs-mono-dark.svg");
}
.snyk-logo.logo-labs-mono::after {
  content: "";
  padding-bottom: 26%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}
.snyk-logo.logo-labs-mono-reverse::before {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/labs-mono-light.svg");
}
.snyk-logo.logo-labs-mono-reverse::after {
  content: "";
  padding-bottom: 26%;
}
.snyk-logo.footer-logo::before {
  background-position: left;
}

.stamp {
  max-width: max-content;
  max-height: max-content;
  padding-right: var(--padding-small);
  padding-left: var(--padding-small);
  border-radius: var(--radius-medium);
  border-width: 0.0625rem;
  border-style: solid;
  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, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.stamp strong,
.stamp b {
  font-weight: 500;
}
.stamp {
  border-color: var(--ui-stroke);
  color: var(--ui-text);
}

.switch {
  cursor: pointer;
  display: inline-block;
}
.switch .switch-toggle {
  background: color-mix(in srgb, var(--ui-soft), transparent 80%);
  border-radius: var(--radius-large);
  display: inline-block;
  height: 0.625rem;
  position: relative;
  transform: translateY(-0.125rem);
  transition: var(--transition-fast);
  vertical-align: middle;
  width: 2.125rem;
}
.switch .switch-toggle::before {
  font-family: brandui-icons;
  content: attr(data-icon-default);
  transition: left var(--transition-fast);
  background: var(--ui-soft);
  border-radius: 50%;
  box-shadow: var(--shadow-near);
  outline: transparent solid 0.1875rem;
  display: block;
  height: 1.25rem;
  left: -0.1875rem;
  position: absolute;
  top: -0.313rem;
  width: 1.25rem;
}
.switch.toggle .switch-toggle {
  background: color-mix(in srgb, var(--action), transparent 80%);
}
.switch.toggle .switch-toggle::before {
  background: var(--action);
}
.switch input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.switch input[type=checkbox]:checked + .switch-toggle {
  background: color-mix(in srgb, var(--action), transparent 80%);
}
.switch input[type=checkbox]:checked + .switch-toggle::before {
  background: var(--action);
  left: 1.063rem;
}
.switch input[type=checkbox]:focus + .switch-toggle::before {
  outline: var(--action-outline) solid 0.1875rem;
}
.switch.reverse {
  transform: rotate(180deg);
}
.switch.alt .switch-toggle {
  background: var(--ui-soft);
  border-radius: 1.25rem;
  width: max-content;
  min-width: 4rem;
  height: 1.75rem;
  padding: 0.25rem;
}
.switch.alt .switch-toggle::before {
  background: var(--ui-fill);
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0.25rem;
  top: 0.25rem;
}
.switch.alt .switch-toggle .switch-labels {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: var(--padding-extra-small);
  padding-left: var(--padding-extra-small);
  color: var(--ui-fill);
  pointer-events: none;
  user-select: none;
  height: 1.25rem;
  width: max-content;
  overflow: hidden;
  box-sizing: border-box;
  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, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.switch.alt .switch-toggle .switch-labels strong,
.switch.alt .switch-toggle .switch-labels b {
  font-weight: 500;
}
.switch.alt .switch-toggle .switch-labels > * {
  display: block;
  position: relative;
  transition: opacity var(--transition-fast), width var(--transition-fast);
  width: max-content;
  z-index: 0;
}
.switch.alt .switch-toggle .switch-labels > *:first-child {
  opacity: 0;
  width: 1.25rem;
}
.switch.alt .switch-toggle .switch-labels > *:last-child {
  opacity: 1;
  width: max-content;
}
.switch.alt.toggle .switch-toggle {
  background: var(--action);
}
.switch.alt.toggle .switch-toggle::before {
  background: var(--ui-fill);
  color: var(--action);
}
.switch.alt.adjust .switch-toggle {
  height: 1.75rem;
}
.switch.alt input[type=checkbox]:checked + .switch-toggle {
  background: var(--action);
}
.switch.alt input[type=checkbox]:checked + .switch-toggle::before {
  background: var(--ui-fill);
  color: var(--action);
  content: attr(data-icon-active);
  left: calc(100% - 1.5rem);
}
.switch.alt input[type=checkbox]:checked + .switch-toggle .switch-labels > *:first-child {
  opacity: 1;
  width: max-content;
}
.switch.alt input[type=checkbox]:checked + .switch-toggle .switch-labels > *:last-child {
  opacity: 0;
  width: 1.25rem;
}

.toggle-switch input[role=switch] {
  opacity: 0;
  position: absolute;
  top: -9999999px;
  left: -9999999px;
}
.toggle-switch input[role=switch] ~ .switch-state {
  display: flex;
  user-select: none;
  position: relative;
  border-radius: 1.25rem;
  width: max-content;
  padding: 0.25rem;
  min-width: 4rem;
  height: 1.75rem;
  outline: transparent solid 0.1875rem;
  background: var(--neutral-3);
}
.toggle-switch input[role=switch] ~ .switch-state .switch-label {
  display: block;
  place-self: center end;
  padding-inline: 1.75rem 0.5rem;
  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, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.toggle-switch input[role=switch] ~ .switch-state .switch-label strong,
.toggle-switch input[role=switch] ~ .switch-state .switch-label b {
  font-weight: 500;
}
.toggle-switch input[role=switch] ~ .switch-state .switch-label {
  color: var(--default);
}
.toggle-switch input[role=switch] ~ .switch-state .switch-label.active {
  color: var(--ui-fill);
}
.toggle-switch input[role=switch] ~ .switch-state::before {
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0.25rem;
  top: 0.25rem;
  background: var(--ui-fill);
}
.toggle-switch input[role=switch] ~ .switch-state .switch-container .switch-position {
  position: absolute;
  right: 100%;
  left: 0;
  top: 50%;
  transform: translate(5px, -50%);
  display: inline-block;
  border: 2px solid white;
  border-radius: 2rem;
  width: 1.25rem;
  height: 1.25rem;
  background: white;
  transition: 0.2s ease-in-out;
}
.toggle-switch input[role=switch]:focus ~ .switch-state {
  outline: var(--action-outline) solid 0.1875rem;
}
.toggle-switch input[role=switch]:checked ~ .switch-state {
  background: var(--action);
}
.toggle-switch input[role=switch]:checked ~ .switch-state .switch-label {
  justify-self: start;
  padding-inline: 0.5rem 1.75rem;
}
.toggle-switch input[role=switch]:checked ~ .switch-state .switch-container .switch-position {
  right: 0;
  left: 100%;
  transform: translate(calc(-100% - 5px), -50%);
}
.toggle-switch :hover {
  cursor: pointer;
}

/* The bundle of all BrandUI styles */
.tabs {
  max-width: max-content;
  width: 100%;
  margin: 0 auto var(--spacing-small) auto;
  padding: var(--padding-extra-small);
  display: flex;
  gap: var(--padding-medium);
  border-radius: var(--radius-small);
  border-width: 1px;
  border-style: solid;
  cursor: default;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  border-color: color-mix(in srgb, var(--ui-subtle), transparent 70%);
}
.tabs-body {
  display: flex;
  min-height: var(--spacing-huge);
}
.tabs-slim {
  padding: var(--padding-slim);
  gap: var(--padding-slim);
  background-color: var(--color-dark-grey);
  border: 0.0625rem solid color-mix(in srgb, var(--neutral-6), transparent 70%);
}
.tabs-slim .tab-label-content {
  display: inline-flex;
  align-items: center;
  gap: var(--padding-extra-small);
}
.tabs-slim .tab-tag {
  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, normal);
  text-transform: var(--txt-body-small-tt, none);
}
.tabs-slim .tab-tag strong,
.tabs-slim .tab-tag b {
  font-weight: 500;
}
.tabs-slim .tab-tag {
  background-color: var(--color-violet);
  color: var(--neutral-6);
  border-radius: var(--radius-small);
  padding: 0 var(--padding-extra-small);
}
.tabs-slim .tab .tab-label {
  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, normal);
  text-transform: var(--txt-body-lead-tt, none);
}
.tabs .tab {
  border: 0.0625rem solid transparent;
  border-radius: var(--radius-extra-small);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
  align-items: center;
  justify-content: center;
  min-width: max-content;
  outline: transparent solid 0.1875rem;
  padding: var(--padding-extra-small) var(--padding-small);
  text-align: center;
  transition: color var(--transition-fast), background-color var(--transition-fast);
  user-select: none;
  -webkit-text-stroke: 0.06ex transparent;
  font-weight: 700;
  scroll-snap-align: center;
}
.tabs .tab-label {
  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, normal);
  text-transform: var(--txt-body-lead-bold-tt, none);
  color: var(--action);
}
.tabs .tab-subtext {
  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, normal);
  text-transform: var(--txt-body-tt, none);
}
.tabs .tab-subtext strong,
.tabs .tab-subtext b {
  font-weight: 700;
}
.tabs .tab-subtext {
  color: var(--ui-body);
}
.tabs .tab:hover {
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.tabs .tab.active {
  pointer-events: none;
  background-color: var(--action);
  border-color: var(--neutral-6);
}
.tabs .tab.active .tab-label,
.tabs .tab.active .tab-subtext {
  color: var(--action-contrast);
}
.tabs .tab:focus {
  outline: var(--action-outline) solid 0.1875rem;
}

.hide-tab {
  display: none;
}

@media (min-width: 1025px) {
  .slide-in-left {
    animation-name: slide-in-left;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    overflow-x: hidden;
  }
}
@media (prefers-reduced-motion) {
  .slide-in-left {
    animation: none;
  }
}

@media (min-width: 1025px) {
  .slide-in-right {
    animation-name: slide-in-right;
    animation-duration: 1s;
    animation-fill-mode: forwards;
  }
}
@media (prefers-reduced-motion) {
  .slide-in-right {
    animation: none;
  }
}

@keyframes slide-in-left {
  0% {
    transform: translateX(-5rem);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    transform: translateX(5rem);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.tags {
  display: flex;
  gap: var(--padding-small);
  flex-wrap: wrap;
}

.tag {
  padding: var(--padding-slim) var(--padding-extra-small);
  font-weight: 500;
  font-family: var(--txt-body-family), sans-serif;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-small);
  color: var(--ui-body);
  border-color: var(--ui-stroke);
}

a.tag {
  text-decoration: none;
  transition: color var(--transition-fast), border-color var(--transition-fast);
  outline-color: transparent;
  color: var(--action);
}
a.tag:hover {
  color: var(--action-tertiary);
  border-color: var(--action-tertiary);
  background-color: color-mix(in srgb, var(--action-secondary), transparent 90%);
}
a.tag:focus {
  outline: var(--action-outline) solid 0.1875rem;
}

/* The bundle of all BrandUI styles */
.toggle-accordion {
  width: var(--padding-extra-large);
  height: var(--padding-extra-large);
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-medium);
  transition: color var(--transition-fast), background-color var(--transition-fast);
  cursor: pointer;
  color: var(--action);
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-color: color-mix(in srgb, var(--action), transparent 50%);
}
.toggle-accordion::after {
  content: "\e91b";
  font-family: brandui-icons;
  font-size: 1.5rem;
  font-weight: 500;
}
.toggle-accordion:hover, .toggle-accordion:focus-within, .toggle-accordion.open {
  color: var(--action-contrast);
  background-color: var(--action);
}
.toggle-accordion.open::after {
  content: "\e916";
}

/* The bundle of all BrandUI styles */
.toggle-filter {
  display: flex;
  align-items: center;
  gap: var(--padding-extra-small);
  width: max-content;
  transition: var(--transition-fast);
  cursor: pointer;
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.toggle-filter strong,
.toggle-filter b {
  font-weight: 700;
}
.toggle-filter {
  color: var(--action);
}
.toggle-filter * {
  transition: var(--transition-fast);
}
.toggle-filter::before {
  content: "\e91e";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: brandui-icons;
  font-size: 1.5rem;
  font-weight: 600;
}
.toggle-filter.open::before {
  content: "\e916";
}
.toggle-filter:hover, .toggle-filter:focus-within, .toggle-filter.open {
  color: var(--action-tertiary);
}

/* The bundle of all BrandUI styles */
.toggle-menu {
  display: none;
  width: var(--padding-extra-large);
  height: var(--padding-extra-large);
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-medium);
  transition: var(--transition-fast);
  cursor: pointer;
  color: var(--action);
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-color: color-mix(in srgb, var(--action), transparent 50%);
}
.toggle-menu::after {
  content: "\e92b";
  font-family: brandui-icons;
  font-size: 1.5rem;
  font-weight: 500;
}
.toggle-menu:hover, .toggle-menu:focus-within, .toggle-menu.open {
  color: var(--action-contrast);
  background-color: var(--action);
}
.toggle-menu.open::after {
  content: "\e916";
}
@media (max-width: 1024px) {
  .toggle-menu {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

/* The bundle of all BrandUI styles */
.trigger-nav {
  display: flex;
  align-items: center;
  gap: var(--padding-extra-small);
  transition: var(--transition-fast);
  cursor: pointer;
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.trigger-nav strong,
.trigger-nav b {
  font-weight: 700;
}
.trigger-nav {
  color: var(--action);
}
.trigger-nav-prev::before {
  content: "\e903";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: brandui-icons;
  font-size: 1.5rem;
  font-weight: 500;
  width: var(--padding-extra-large);
  height: var(--padding-extra-large);
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-medium);
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-color: color-mix(in srgb, var(--action), transparent 50%);
}
.trigger-nav-next::after {
  content: "\e905";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: brandui-icons;
  font-size: 1.5rem;
  font-weight: 500;
  width: var(--padding-extra-large);
  height: var(--padding-extra-large);
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-medium);
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
  background-color: color-mix(in srgb, var(--action), transparent 95%);
  border-color: color-mix(in srgb, var(--action), transparent 50%);
}
.trigger-nav:hover::before, .trigger-nav:focus-within::before, .trigger-nav.open::before {
  color: var(--action-contrast);
  background-color: var(--action);
}
.trigger-nav:hover::after, .trigger-nav:focus-within::after, .trigger-nav.open::after {
  color: var(--action-contrast);
  background-color: var(--action);
}

/* The bundle of all BrandUI styles */
.toggle-play {
  width: var(--padding-extra-large);
  height: var(--padding-extra-large);
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-medium);
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
  cursor: pointer;
  color: var(--action);
  background-color: var(--ui-fill);
  border-color: color-mix(in srgb, var(--action), transparent 50%);
}
.toggle-play-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0;
  cursor: pointer;
}
.toggle-play-wrapper:hover .toggle-play, .toggle-play-wrapper:focus-within .toggle-play {
  color: var(--action-contrast);
  background-color: var(--action);
}
.toggle-play-overlay {
  background-color: color-mix(in srgb, var(--ui-surface), transparent 30%);
}
.toggle-play::after {
  content: "\e930";
  font-family: brandui-icons;
  font-size: 1.5rem;
  font-weight: 500;
}
.toggle-play:hover, .toggle-play:focus-within, .toggle-play.open {
  color: var(--action-contrast);
  background-color: var(--action);
}

/* The bundle of all BrandUI styles */
.tooltip-wrapper + .tooltip-wrapper {
  margin-top: 0.625rem;
  z-index: 500;
}

.tooltip-wrapper {
  width: fit-content;
  border-width: 1px;
  border-style: solid;
  border-radius: 0 var(--radius-pill) var(--radius-pill) 0;
  border-color: var(--action);
}

.tooltip {
  --tooltip-ease: cubic-bezier(0.23, 1, 0.32, 1);
  --tooltip-duration: 0.2s;
  --tooltip-arrow-size: 0.313rem;
  --tooltip-gap: 0.625rem;
  --tooltip-fill: var(--ui-fill);
  --tooltip-foreground: var(--ui-headline);
  position: relative;
}
.tooltip::before {
  position: absolute;
  content: " ";
  border: var(--tooltip-arrow-size) solid transparent;
  z-index: 500;
  opacity: 0;
  transition: opacity var(--tooltip-duration) var(--tooltip-ease), transform var(--tooltip-duration) var(--tooltip-ease);
  pointer-events: none;
}
.tooltip::after {
  display: flex;
  place-items: center center;
  content: attr(data-tooltip-text);
  width: max-content;
  max-width: 11.25rem;
  height: auto;
  max-height: max-content;
  border-radius: 0.1875rem;
  position: absolute;
  text-align: center;
  z-index: 1000;
  opacity: 0;
  transition: opacity var(--tooltip-duration) var(--tooltip-ease), transform var(--tooltip-duration) var(--tooltip-ease);
  pointer-events: none;
  padding: 0.375rem 0.625rem;
  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, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.tooltip::after strong,
.tooltip::after b {
  font-weight: 500;
}
.tooltip::after {
  color: var(--tooltip-foreground);
  background-color: var(--tooltip-fill);
}
.tooltip:hover, .tooltip:focus {
  opacity: 1;
}
.tooltip:hover::before, .tooltip:hover::after, .tooltip:focus::before, .tooltip:focus::after {
  opacity: 1;
}
.tooltip[data-tooltip-instant]::before, .tooltip[data-tooltip-instant]::after {
  --tooltip-duration: 0s;
}
@media (prefers-reduced-motion) {
  .tooltip::before, .tooltip::after {
    transition: opacity var(--tooltip-duration) var(--tooltip-ease);
  }
}
.tooltip.t-top::before {
  top: 0;
  left: 50%;
  transform: translate(-50%, calc(-1 * var(--tooltip-arrow-size)));
  border-top-color: var(--tooltip-fill);
}
.tooltip.t-top::after {
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%) scale(0.97);
  transform-origin: bottom center;
}
.tooltip.t-top:hover::before, .tooltip.t-top:focus::before {
  transform: translate(-50%, calc(-1 * var(--tooltip-gap)));
}
.tooltip.t-top:hover::after, .tooltip.t-top:focus::after {
  transform: translate(-50%, calc(-100% - var(--tooltip-gap))) scale(1);
}
.tooltip.t-left::before {
  top: 0;
  left: 0;
  transform: translate(calc(-1 * var(--tooltip-arrow-size)));
  border-left-color: var(--tooltip-fill);
}
.tooltip.t-left::after {
  top: 0;
  left: 0;
  transform: scale(0.97);
  transform-origin: right center;
}
.tooltip.t-left:hover::before, .tooltip.t-left:focus::before {
  transform: translate(calc(-1 * var(--tooltip-gap)));
}
.tooltip.t-left:hover::after, .tooltip.t-left:focus::after {
  transform: translate(calc(-100% - var(--tooltip-gap))) scale(1);
}
.tooltip.t-right::before {
  top: 0;
  right: 0;
  transform: translate(var(--tooltip-arrow-size));
  border-right-color: var(--tooltip-fill);
}
.tooltip.t-right::after {
  top: 0;
  right: 0;
  transform: translate(calc(100% + var(--tooltip-arrow-size))) scale(0.97);
  transform-origin: left center;
}
.tooltip.t-right:hover::before, .tooltip.t-right:focus::before {
  transform: translate(var(--tooltip-gap));
}
.tooltip.t-right:hover::after, .tooltip.t-right:focus::after {
  transform: translate(calc(100% + var(--tooltip-gap))) scale(1);
}
.tooltip.t-bottom::before {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  border-bottom-color: var(--tooltip-fill);
}
.tooltip.t-bottom::after {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0) scale(0.97);
  transform-origin: top center;
}
.tooltip.t-bottom:hover::before, .tooltip.t-bottom:focus::before {
  transform: translate(-50%, calc(100% + var(--tooltip-gap)));
}
.tooltip.t-bottom:hover::after, .tooltip.t-bottom:focus::after {
  transform: translate(-50%, calc(100% + var(--tooltip-gap))) scale(1);
}

@media (width <= 1440px) {
  .tooltip-overflow .tooltip.t-top::before {
    transform: translate(-50%, calc(-1 * var(--tooltip-gap)));
  }
  .tooltip-overflow .tooltip.t-top::after {
    transform: translate(-90%, calc(-100% - var(--tooltip-gap))) scale(0.97);
  }
  .tooltip-overflow .tooltip.t-top:hover::after, .tooltip-overflow .tooltip.t-top:focus::after {
    transform: translate(-90%, calc(-100% - var(--tooltip-gap))) scale(1);
  }
  .tooltip-overflow .tooltip.t-bottom::before {
    transform: translate(-50%, var(--tooltip-gap));
  }
  .tooltip-overflow .tooltip.t-bottom::after {
    transform: translate(-90%, calc(100% + var(--tooltip-gap))) scale(0.97);
  }
  .tooltip-overflow .tooltip.t-bottom:hover::after, .tooltip-overflow .tooltip.t-bottom:focus::after {
    transform: translate(-90%, calc(100% + var(--tooltip-gap))) scale(1);
  }
  .tooltip-overflow .tooltip.t-right::before {
    top: 0;
    left: 0;
    border-right-color: transparent;
    border-left-color: var(--tooltip-fill);
    transform: translate(-60%);
  }
  .tooltip-overflow .tooltip.t-right::after {
    top: 0;
    left: 0;
    transform: translate(calc(-100% - var(--tooltip-gap))) scale(0.97);
  }
  .tooltip-overflow .tooltip.t-right:hover::before, .tooltip-overflow .tooltip.t-right:focus::before {
    transform: translate(-60%);
  }
  .tooltip-overflow .tooltip.t-right:hover::after, .tooltip-overflow .tooltip.t-right:focus::after {
    top: 0;
    left: 0;
    transform: translate(calc(-100% - var(--tooltip-gap))) scale(1);
  }
}

/* The bundle of all BrandUI styles */
.accordion-label {
  padding: var(--padding-small);
  border-radius: var(--radius-small);
  display: flex;
  align-items: center;
  gap: var(--padding-extra-small);
  cursor: pointer;
  transition: color var(--transition-fast), background-color var(--transition-fast);
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.accordion-label strong,
.accordion-label b {
  font-weight: 700;
}
.accordion-label {
  color: var(--ui-headline);
}
.accordion-label * {
  transition: var(--transition-fast);
}
.accordion-label:not(.slim):hover {
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.accordion-label::before {
  content: "\e901";
  font-family: brandui-icons;
  font-weight: 500;
  color: var(--action);
}
.accordion-label.slim {
  padding: 0;
}
.accordion-label.slim:hover {
  color: var(--action);
}
.accordion-content {
  display: none;
  padding: var(--padding-small);
}
.accordion-content.open {
  display: block;
}
.accordion-link-list {
  padding-left: var(--padding-medium);
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
  list-style: none;
}
.accordion-link {
  text-decoration: none;
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.accordion-link strong,
.accordion-link b {
  font-weight: 700;
}
.accordion-link {
  color: var(--ui-body);
}
.accordion-link:hover {
  color: var(--action);
}
.accordion-link.active {
  color: var(--action);
}
.accordion.open .accordion-label:not(.slim) {
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.accordion.open .accordion-label.slim {
  color: var(--action);
}
.accordion.open .accordion-label::before {
  content: "\e934";
}
.accordion.open .accordion-content {
  display: block;
}

/* The bundle of all BrandUI styles */
.agenda {
  display: flex;
  flex-direction: column;
  gap: var(--padding-huge);
}
.agenda-items {
  max-width: calc(1440px / 12 * 4);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--padding-medium);
}
@media (max-width: 768px) {
  .agenda-items {
    margin: 0;
  }
}
.agenda-items.items-hide {
  display: none;
}
.agenda-item {
  display: flex;
  gap: var(--padding-extra-large);
}
.agenda-item-datetime {
  max-width: 100%;
  width: calc(1440px / 12 * 3);
  height: fit-content;
  padding: var(--padding-extra-small) var(--padding-slim);
  text-align: center;
  border-radius: var(--radius-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, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.agenda-item-datetime strong,
.agenda-item-datetime b {
  font-weight: 500;
}
@media (max-width: 768px) {
  .agenda-item-datetime {
    width: calc(1440px / 12 * 12);
  }
}
.agenda-item-content {
  max-width: 100%;
  width: calc(1440px / 12 * 9);
}
@media (max-width: 768px) {
  .agenda-item-content {
    width: calc(1440px / 12 * 12);
  }
}
@media (max-width: 768px) {
  .agenda-item {
    flex-direction: column;
    gap: var(--padding-small);
  }
}

/* The bundle of all BrandUI styles */
.card, .glossary-nav, .feature-cta-card, .basic-cta, .alert {
  display: flex;
  flex-direction: column;
  position: relative;
  border-style: solid;
  border-width: var(--padding-hairline);
  border-radius: var(--radius-small);
  transition: var(--transition-fast);
  overflow: hidden;
  background-color: color-mix(in srgb, var(--ui-fill), transparent 20%);
  border-color: color-mix(in srgb, var(--ui-stroke), transparent 70%);
}
.card-wrapper {
  position: relative;
}
.card-banner {
  overflow: hidden;
  border-radius: var(--radius-extra-small) var(--radius-extra-small) 0 0;
}
.card-headshot {
  aspect-ratio: 1/1;
}
.card-body {
  padding: var(--padding-medium);
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
  flex-grow: 1;
}
.card.spotlight, .spotlight.glossary-nav, .spotlight.feature-cta-card, .spotlight.basic-cta, .spotlight.alert {
  box-shadow: none;
}
.card .bio-trigger, .glossary-nav .bio-trigger, .feature-cta-card .bio-trigger, .basic-cta .bio-trigger, .alert .bio-trigger {
  display: flex;
  align-items: center;
  gap: var(--padding-extra-small);
  cursor: pointer;
  margin-left: auto;
  outline: none;
  border-radius: var(--radius-small);
  transition: var(--transition-fast);
  color: var(--action);
}
.card .bio-trigger:hover, .glossary-nav .bio-trigger:hover, .feature-cta-card .bio-trigger:hover, .basic-cta .bio-trigger:hover, .alert .bio-trigger:hover {
  color: var(--action-tertiary);
}
.card .bio-trigger:focus, .glossary-nav .bio-trigger:focus, .feature-cta-card .bio-trigger:focus, .basic-cta .bio-trigger:focus, .alert .bio-trigger:focus {
  color: var(--action);
  outline: 2px solid var(--action);
  outline-offset: 2px;
}

.card-decorated, .body-cta {
  position: relative;
  padding: var(--padding-huge);
  max-width: calc(1440px / 12 * 12);
  border-radius: var(--radius-small);
  overflow: hidden;
  box-shadow: var(--shadow-far);
  background-color: color-mix(in srgb, var(--ui-fill), transparent 20%);
  border-color: color-mix(in srgb, var(--ui-stroke), transparent 70%);
}
.card-decorated > *, .body-cta > * {
  position: relative;
  z-index: 2;
}
.card-decorated::before, .body-cta::before {
  background: linear-gradient(90deg, var(--ui-accent), var(--ui-surface));
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  border-radius: var(--radius-small);
}
@media (max-width: 768px) {
  .card-decorated::before, .body-cta::before {
    margin: 0;
  }
}
.card-decorated::after, .body-cta::after {
  content: "";
  z-index: 0;
  position: absolute;
  inset: 2px;
  border-radius: var(--radius-small);
  background-color: var(--ui-fill);
}
@media (max-width: 768px) {
  .card-decorated::after, .body-cta::after {
    margin: 0;
  }
}
@media (max-width: 768px) {
  .card-decorated, .body-cta {
    padding: var(--padding-large);
  }
}

.alert {
  padding: var(--padding-medium);
  position: relative;
  border-color: var(--info);
}
.alert-body {
  display: flex;
  gap: var(--padding-small);
}
@media (max-width: 768px) {
  .alert-body {
    flex-direction: column;
  }
}
.alert-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}
.alert.alert-success {
  border-color: var(--success);
}
.alert.alert-success .button.tertiary {
  color: var(--success);
}
.alert.alert-warning {
  border-color: var(--warning);
}
.alert.alert-warning .button.tertiary {
  color: var(--warning);
}
.alert.alert-fail {
  border-color: var(--fail);
}
.alert.alert-fail .button.tertiary {
  color: var(--fail);
}
.alert.alert .button:hover, .alert.alert .button:focus {
  color: var(--action);
}

.alert-accordion .accordion-label {
  padding: var(--padding-extra-small) 0;
}
.alert-accordion .accordion-label:not(.slim):hover {
  background-color: transparent;
  color: var(--action);
}
.alert-accordion .accordion-content {
  padding: 0;
  padding-top: var(--padding-extra-small);
}
.alert-accordion .accordion-content.open {
  overflow: visible;
}

.announcement-bar {
  border: 1px solid;
  border-radius: var(--radius-small);
  cursor: pointer;
  display: inline-block;
  align-items: center;
  gap: var(--padding-extra-small);
  max-width: max-content;
  padding: 0.5rem 1.5rem;
  position: relative;
  transition: var(--transition-fast);
  background-color: var(--default);
  border-color: var(--ui-fill);
}
.announcement-bar .badge {
  margin-right: var(--padding-extra-small);
}
.announcement-bar:hover, .announcement-bar:focus {
  background-color: var(--ui-fill);
}
.announcement-bar.rsa {
  --rsa-theme-border: rgb(164 214 94 / 50%);
  --rsa-theme-background: rgb(164 214 94 / 10%);
  --rsa-theme-text: rgb(164 214 94 / 100%);
  border-color: var(--rsa-theme-border);
}
.announcement-bar.rsa .announcement-link {
  color: var(--rsa-theme-text);
}
.announcement-bar.rsa .announcement-link::after {
  color: var(--rsa-theme-text);
}
@media (min-width: 769px) {
  .announcement-bar.rsa {
    background-color: var(--rsa-theme-background);
  }
}
.announcement-message {
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.announcement-message strong,
.announcement-message b {
  font-weight: 700;
}
.announcement-message {
  color: var(--ui-headline);
}
.announcement-link {
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.announcement-link strong,
.announcement-link b {
  font-weight: 700;
}
.announcement-link {
  color: var(--ui-stroke);
}
.announcement-link::after {
  color: var(--ui-stroke);
}
.announcement-link:hover, .announcement-link:focus {
  text-decoration: none;
  transition: var(--transition-fast);
  color: var(--action);
}
.announcement-link:hover::after, .announcement-link:focus::after {
  color: var(--action);
}
.announcement-banner {
  width: 100%;
  padding: var(--padding-extra-large);
  position: relative;
  display: flex;
  gap: var(--padding-huge);
  border-width: 2px;
  border-style: solid;
  border-radius: var(--radius-large);
  box-shadow: var(--shadow-outline);
  background-color: var(--ui-fill);
  border-color: var(--ui-fill);
}
@media (max-width: 768px) {
  .announcement-banner {
    padding: var(--padding-small);
    gap: var(--padding-large);
    flex-wrap: wrap;
    text-align: center;
  }
}

/* The bundle of all BrandUI styles */
.avatar-grid-item {
  display: flex;
  flex-direction: column;
  gap: var(--padding-large);
}
.avatar-grid-item-content {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}

/* The bundle of all BrandUI styles */
.avatar-username {
  display: flex;
  align-items: center;
  gap: var(--padding-extra-small);
}
.avatar-username a {
  text-decoration: none;
  color: var(--action);
}
.avatar-username a:hover {
  color: var(--action-tertiary);
}

/* The bundle of all BrandUI styles */
.card-bg-image {
  position: relative;
  overflow: clip;
  border-radius: var(--radius-small);
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: end;
  min-height: calc(1440px / 12 * 2);
}
.card-bg-image * {
  transition: var(--transition-mid);
}
.card-bg-image:hover .card-bg-image-asset, .card-bg-image:focus-within .card-bg-image-asset {
  transform: scale(1.25);
}
.card-bg-image:hover .card-bg-image-content, .card-bg-image:focus-within .card-bg-image-content {
  transform: translateY(0);
}
.card-bg-image-asset {
  position: absolute;
  inset: 0;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  transform: scale(1);
}
.card-bg-image-content {
  padding: var(--padding-large) var(--padding-medium);
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: var(--padding-small);
  transform: translateY(var(--padding-huge));
}
.card-bg-image-content > [data-component=Title][class*=txt-line-clamp-] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card-bg-image-content::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, color-mix(in srgb, var(--neutral-1), transparent 100%) 0%, color-mix(in srgb, var(--neutral-1), transparent 40%) 12%, color-mix(in srgb, var(--neutral-1), transparent 20%) 25%, color-mix(in srgb, var(--neutral-1), transparent 10%) 50%, color-mix(in srgb, var(--neutral-1), transparent 0%) 100%);
  z-index: -1;
}

.action-card {
  backdrop-filter: blur(1rem);
  background-color: color-mix(in srgb, var(--default), transparent 50%);
}
.action-card.group:hover, .action-card.group:focus {
  background-color: color-mix(in srgb, var(--default), transparent 70%);
}
.action-card {
  display: flex;
  flex-direction: column;
  border: 0.0625rem solid color-mix(in srgb, var(--neutral-6), transparent 70%);
  border-radius: var(--radius-small);
  padding: var(--padding-large);
  gap: var(--spacing-extra-small);
  align-self: start;
}
.action-card-description {
  color: var(--color-white);
}

.callout-card {
  backdrop-filter: blur(1rem);
  background-color: color-mix(in srgb, var(--default), transparent 50%);
}
.callout-card.group:hover, .callout-card.group:focus {
  background-color: color-mix(in srgb, var(--default), transparent 70%);
}
.callout-card {
  border: 0.0625rem solid color-mix(in srgb, var(--neutral-6), transparent 70%);
  border-radius: var(--radius-small);
  padding: var(--padding-large);
  gap: var(--spacing-extra-small);
  display: flex;
  flex-direction: column;
}

.pricing-card {
  backdrop-filter: blur(1rem);
  background-color: color-mix(in srgb, var(--default), transparent 50%);
}
.pricing-card.group:hover, .pricing-card.group:focus {
  background-color: color-mix(in srgb, var(--default), transparent 70%);
}
.pricing-card {
  border: 1px solid color-mix(in srgb, var(--neutral-6), transparent 70%);
  border-radius: var(--radius-small);
  padding: var(--padding-large);
}
.pricing-card-subgrid {
  display: grid;
  grid-row: span 8;
  grid-template-rows: subgrid;
  gap: var(--spacing-extra-small);
}
.pricing-card-description {
  color: var(--neutral-6);
}
.pricing-card-pricing-statement {
  color: var(--neutral-4);
  font-family: var(--txt-code-family);
  margin-bottom: calc(-1 * var(--spacing-extra-small));
}
.pricing-card-pricing-suffix {
  color: var(--neutral-4);
  font-family: var(--txt-code-family);
  margin-top: calc(-1 * var(--spacing-extra-small));
}
.pricing-card-features-label {
  font-family: var(--txt-code-family);
  color: var(--neutral-6);
}
.pricing-card-feature-label {
  color: var(--neutral-6);
}
.pricing-card-highlighted {
  background: linear-gradient(var(--ui-fill), var(--ui-fill)) padding-box, linear-gradient(to bottom right, var(--color-bubblegum), var(--color-electric-blue)) border-box;
  border: 0.0625rem solid transparent;
  backdrop-filter: blur(var(--radius-extra-large));
  box-shadow: 0 var(--radius-medium) var(--padding-extra-large) var(--color-dark-purple);
}
.pricing-card .feature-checkmark::after {
  color: var(--color-pink);
}

/* The bundle of all BrandUI styles */
.chipbar {
  margin: 0 -var(--padding-large);
}
.chipbar .chips {
  width: fit-content;
  margin: 0 auto;
  padding: 0 var(--padding-large);
  display: flex;
  gap: var(--padding-small) var(--padding-extra-small);
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .chipbar .chips {
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }
}
@media (max-width: 768px) {
  .chipbar {
    margin: 0;
  }
}

.code-block-copy-btn {
  position: absolute;
  top: var(--padding-extra-small);
  right: var(--padding-extra-small);
  z-index: 1;
}
.code-block-copy-btn .code-block-copy-trigger {
  padding: var(--padding-extra-small);
  border: none;
  border-radius: var(--radius-small);
  background-color: var(--action-tertiary);
  cursor: pointer;
  transition: background-color var(--transition-fast);
  box-shadow: none;
}
.code-block-copy-btn .code-block-copy-trigger::before {
  transform: translate(calc(-100% + 0.375rem));
}
.code-block-copy-btn .code-block-copy-trigger::after {
  transform: translate(calc(-100% - 0.25rem));
}
.code-block-copy-btn .code-block-copy-trigger .general-icon {
  color: var(--color-white);
}
.code-block-copy-btn .code-block-copy-trigger:hover, .code-block-copy-btn .code-block-copy-trigger:focus {
  background-color: var(--action-secondary);
  box-shadow: none;
}
.code-block-copy-btn .code-block-copy-trigger:focus-visible {
  outline: var(--action-outline) solid 0.1875rem;
}

.code-block-scrollbar-corner ::-webkit-scrollbar-corner {
  background: black;
}

/* The bundle of all BrandUI styles */
.filter-fields {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-large);
  overflow-y: auto;
  max-height: 60vh;
  padding: var(--padding-large) var(--padding-medium) var(--padding-large) 0;
}
@media (max-width: 768px) {
  .filter-fields {
    max-height: var(--spacing-full);
    height: max-content;
    padding: var(--padding-extra-small) 0;
    overflow: visible;
  }
}
.filter-fields-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
}
.filter-fields-group {
  padding: 0 var(--padding-slim);
}
.filter-fields-group-heading {
  margin-bottom: var(--padding-medium);
  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, normal);
  text-transform: var(--txt-subhead-small-tt, none);
  color: var(--ui-headline);
}
.filter-actions {
  display: flex;
  flex-direction: column;
  margin-top: var(--padding-small);
  gap: var(--padding-small);
}

.filter-animation-paused {
  animation-play-state: paused;
  width: 0%;
  overflow: hidden;
  display: none;
}

.filter-opened {
  width: calc(1440px / 12 * 3);
  animation: filter-slide-in var(--transition-slow) forwards;
  animation-timing-function: cubic-bezier(0.12, 0, 0.39, 0);
  overflow: auto;
}
@media (max-width: 1024px) {
  .filter-opened {
    animation: none;
    width: max-content;
    overflow: auto;
    padding-top: 0;
  }
}

.filter-collapsed {
  animation: filter-slide-out var(--transition-slow) forwards;
  animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
  width: 0;
}
@media (max-width: 1024px) {
  .filter-collapsed {
    animation: none;
    width: 0;
    overflow: hidden;
    display: none;
  }
}

@keyframes filter-slide-in {
  0% {
    display: block;
    width: 0%;
  }
  100% {
    width: calc(1440px / 12 * 3);
  }
}
@keyframes filter-slide-out {
  0% {
    width: calc(1440px / 12 * 3);
  }
  100% {
    width: 0%;
    overflow: hidden;
    display: none;
  }
}
@keyframes filter-slide-down {
  0% {
    display: block;
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes filter-slide-up {
  0% {
    height: 100%;
  }
  100% {
    height: 0%;
    overflow: hidden;
    display: none;
  }
}
/* The bundle of all BrandUI styles */
.list-item {
  padding: var(--padding-extra-small);
  display: flex;
  align-items: center;
  gap: var(--padding-extra-small);
  border-radius: var(--radius-small);
  position: relative;
  transition: var(--transition-fast);
}
.list-item > * {
  transition: var(--transition-fast);
}
.list-item-label {
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.list-item-label strong,
.list-item-label b {
  font-weight: 700;
}
.list-item-label {
  color: var(--ui-headline);
}
.list-item:has(a):not(.slim)::after {
  content: "\e905";
  font-family: brandui-icons;
  font-style: normal;
  font-size: 1.5rem;
  margin-left: auto;
  transform: translateX(-0.5rem);
  color: var(--action);
}
.list-item:has(a):not(.slim):hover {
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.list-item:has(a):not(.slim):hover::after {
  transform: translateX(0);
  transition: var(--transition-fast);
}
.list-item:has(a):not(.slim):hover a.list-item-label {
  color: var(--action);
}
.list-item.slim:has(a):hover {
  color: var(--action);
}
.list-item.slim:has(a):hover .general-icon {
  transition: var(--transition-fast);
  color: var(--action-tertiary);
}
.list-item.slim:has(a):hover a.list-item-label {
  color: var(--action-tertiary);
}
.list-item a.list-item-label {
  text-decoration: none;
  color: var(--ui-headline);
}

.logo-parade {
  display: flex;
  gap: var(--padding-medium);
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.logo-parade .logo-container {
  flex-basis: calc(1440px / 12 * 1);
}

.logo-cluster {
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(auto-fill, minmax(calc(var(--content-max) / 12 * 2), 1fr));
  gap: var(--padding-large) var(--padding-small);
}
.logo-cluster .logo-container {
  max-width: calc(1440px / 12 * 1);
}

.recognition-badges {
  display: flex;
  gap: var(--padding-extra-large);
  place-items: center;
}
.recognition-badges-wrapper {
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-large);
}
@media (max-width: 768px) {
  .recognition-badges {
    flex-direction: column;
  }
}

/* The bundle of all BrandUI styles */
.modal {
  margin: auto;
  padding: var(--padding-small);
  position: fixed;
  inset: 0;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden auto;
  outline: 0;
  isolation: isolate;
  z-index: 1000;
}
.modal .modal-dialog {
  max-width: calc(1440px / 12 * 6);
  margin: auto;
  padding: var(--padding-small);
  border-width: 0.1875rem;
  border-style: solid;
  border-radius: var(--radius-large);
  z-index: 1;
  backdrop-filter: blur(1.5rem);
  background-color: color-mix(in srgb, var(--default), transparent 20%);
}
.modal .modal-dialog.group:hover, .modal .modal-dialog.group:focus {
  background-color: color-mix(in srgb, var(--default), transparent 50%);
}
.modal .modal-dialog {
  border-color: color-mix(in srgb, var(--default), transparent 70%);
}
.modal .modal-dialog.group:hover, .modal .modal-dialog.group:focus {
  border-color: color-mix(in srgb, var(--default), transparent 50%);
}
.modal .modal-dialog-content {
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
  color: var(--ui-headline);
}
.modal .modal-dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: var(--padding-small);
}
.modal .modal-dialog-header .close-modal-trigger {
  margin-left: auto;
  color: var(--ui-headline);
}
.modal .modal-dialog-body {
  max-height: 50vh;
  overflow-x: auto;
}
.modal .modal-dialog-footer {
  margin-top: var(--padding-small);
}
.modal.open {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.modal::after {
  content: "";
  position: fixed;
  inset: 0;
  backdrop-filter: blur(1rem);
  background-color: color-mix(in srgb, var(--default), transparent 30%);
}

.notification {
  margin: var(--padding-small);
  padding: var(--padding-small);
  display: flex;
  flex-direction: column;
  position: fixed;
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-medium);
  background-color: var(--ui-surface);
  border-color: var(--info);
}
.notification.notification-success {
  background-color: var(--ui-surface);
  border-color: var(--success);
}
.notification.notification-warning {
  background-color: var(--ui-surface);
  border-color: var(--warning);
}
.notification.notification-fail {
  background-color: var(--ui-surface);
  border-color: var(--fail);
}

/* The bundle of all BrandUI styles */
.pagination-links {
  display: flex;
  gap: var(--padding-extra-small);
  justify-content: center;
}
@media (max-width: 768px) {
  .pagination-links {
    display: none;
  }
}
.pagination-links-bar {
  display: flex;
  justify-content: center;
  gap: var(--padding-small);
}
.pagination-links-tile, .pagination-links-util, .pagination-links-skip {
  display: flex;
  align-items: center;
  padding: var(--padding-extra-small) var(--padding-small);
  border-width: 0.0625rem;
  border-style: solid;
  border-radius: var(--radius-small);
  text-decoration: none;
  transition: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);
  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, normal);
  text-transform: var(--txt-body-lead-tt, none);
  color: var(--action);
  background-color: var(--neutral-1);
  border-color: color-mix(in srgb, var(--ui-body), transparent 70%);
}
.pagination-links-tile:hover, .pagination-links-util:hover, .pagination-links-skip:hover {
  color: var(--action-secondary);
  background-color: var(--action);
  border-color: var(--action);
}
.pagination-links-tile.active {
  border-color: var(--neutral-6);
}
.pagination-links-skip .general-icon {
  color: inherit;
}
.pagination-links-util.util-prev::after {
  content: "\e913";
  font-family: brandui-icons;
  font-size: 1.5rem;
  font-style: normal;
}
.pagination-links-util.util-next::after {
  content: "\e914";
  font-family: brandui-icons;
  font-size: 1.5rem;
  font-style: normal;
}
.pagination-links-util.disabled {
  opacity: 0.5;
  pointer-events: none;
}

/* The bundle of all BrandUI styles */
.share-this {
  display: flex;
  gap: var(--padding-extra-small);
}
.share-this-label {
  max-width: max-content;
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.share-this-label strong,
.share-this-label b {
  font-weight: 700;
}
.share-this-icon {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--padding-medium);
  height: var(--padding-medium);
  border-radius: var(--radius-small);
  transition: var(--transition-fast);
  color: var(--action);
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.share-this-icon-list {
  display: flex;
  gap: var(--padding-extra-small);
}
.share-this-icon:hover {
  cursor: pointer;
  background-color: color-mix(in srgb, var(--action-secondary), transparent 90%);
  background-color: var(--ui-fill);
  color: var(--action-tertiary);
}

.search-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  border: 2px solid transparent;
  border-radius: var(--radius-small);
}
.search-input {
  border: 2px solid transparent;
  border-radius: var(--radius-small);
  outline: none;
  padding: var(--padding-extra-small) var(--padding-medium);
  width: 100%;
  font-family: var(--txt-body-family), sans-serif;
  min-width: 300px;
  font-size: var(--txt-body-size);
  color: var(--neutral-1);
}
.search-input::placeholder {
  font-size: var(--txt-body-size);
  font-family: var(--txt-body-family), sans-serif;
}
@media (min-width: 769px) {
  .search-input {
    min-width: 500px;
  }
}
.search-actions {
  position: absolute;
  right: 0;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.search-actions hr {
  width: 1px;
  height: 20px;
  margin: 0 10px;
  background-color: var(--color-midnight);
}
.search-actions .general-icon {
  color: var(--action-secondary);
}

.search-result-highlight {
  border-radius: 2px;
  background-color: var(--color-daffodil);
}

.table-basic {
  border-collapse: collapse;
  min-width: calc(1440px / 12 * 6);
}
.table-basic-wrapper {
  border-radius: var(--padding-extra-small);
  border-width: 1px;
  border-style: solid;
  overflow-y: hidden;
  border-color: var(--ui-fill);
}
.table-basic tr:nth-child(even) {
  background-color: var(--ui-fill);
}
.table-basic-caption {
  width: calc(1440px / 12 * 6);
}
.table-basic-caption-content {
  max-width: calc(1440px / 12 * 3);
}
@media (max-width: 768px) {
  .table-basic-caption-content {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .table-basic-caption {
    width: calc(1440px / 12 * 12);
    text-align: center;
  }
}
.table-basic-col-header {
  min-width: 200px;
  padding: var(--padding-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, normal);
  text-transform: var(--txt-subhead-small-tt, none);
  background-color: var(--ui-fill);
}
.table-basic-col-header-wrapper {
  text-align: left;
  vertical-align: top;
}
.table-basic-row-header {
  vertical-align: middle;
  background-color: var(--ui-body);
}
.table-basic-row-header-content {
  padding: var(--padding-small);
}
.table-basic-row-data-content {
  padding: var(--padding-small);
}
.table-multi-dimensional {
  border-collapse: collapse;
  border-radius: var(--padding-extra-small) var(--padding-extra-small) 0 0;
  overflow-y: hidden;
}
.table-multi-dimensional tr:nth-child(even) {
  background-color: var(--ui-surface);
}
.table-multi-dimensional-caption {
  width: calc(1440px / 12 * 6);
}
.table-multi-dimensional-caption-content {
  max-width: calc(1440px / 12 * 3);
}
@media (max-width: 768px) {
  .table-multi-dimensional-caption-content {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .table-multi-dimensional-caption {
    width: calc(1440px / 12 * 12);
    text-align: center;
  }
}
.table-multi-dimensional-col-header {
  min-width: 200px;
  padding: var(--padding-small);
  background-color: var(--ui-body);
}
.table-multi-dimensional-col-header-wrapper {
  vertical-align: top;
}
.table-multi-dimensional-row-header {
  vertical-align: middle;
  background-color: var(--ui-body);
}
.table-multi-dimensional-row-header-content {
  padding: var(--padding-small);
}
.table-multi-dimensional-row-data-content {
  padding: var(--padding-small);
}
.table-comparison-caption {
  width: calc(1440px / 12 * 6);
}
.table-comparison-caption-content {
  max-width: calc(1440px / 12 * 3);
}
@media (max-width: 768px) {
  .table-comparison-caption-content {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .table-comparison-caption {
    width: calc(1440px / 12 * 12);
    text-align: center;
  }
}
.table-comparison-col-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  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, normal);
  text-transform: var(--txt-subhead-small-tt, none);
  color: var(--ui-headline);
}
.table-comparison-group-header {
  display: block;
  width: 100%;
  margin: var(--padding-extra-large) 0 var(--padding-medium);
}
.table-comparison-group-header-content {
  border-radius: var(--radius-large);
  padding: var(--padding-small);
  text-align: left;
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.table-comparison-group-header-content strong,
.table-comparison-group-header-content b {
  font-weight: 700;
}
.table-comparison-group-header-content {
  background-color: var(--ui-fill);
}
.table-comparison-row-header {
  width: calc(1440px / 12 * 4);
  padding-left: var(--padding-small);
  text-align: left;
  vertical-align: top;
}
.table-comparison-row-header-content {
  margin-bottom: var(--padding-extra-small);
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.table-comparison-row-header-content strong,
.table-comparison-row-header-content b {
  font-weight: 700;
}
@media (max-width: 768px) {
  .table-comparison-row-header {
    width: calc(1440px / 12 * 12);
  }
}
.table-comparison-row-data {
  width: calc(1440px / 12 * 2);
  text-align: center;
  vertical-align: top;
}
.table-comparison-row-data-content {
  margin-bottom: var(--padding-extra-small);
  display: flex;
  justify-content: center;
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.table-comparison-row-data-content strong,
.table-comparison-row-data-content b {
  font-weight: 700;
}
@media (max-width: 768px) {
  .table-comparison-row-data {
    width: calc(1440px / 12 * 3);
    max-width: max-content;
  }
}
.table-product-comparison {
  border-collapse: collapse;
}
.table-product-comparison-wrapper {
  border-radius: 1rem;
  overflow-x: auto;
  min-width: calc(1440px / 12 * 6);
}
.table-product-comparison tr td:nth-child(even),
.table-product-comparison tr th:nth-child(even) {
  background-color: var(--ui-body);
}
.table-product-comparison tr td:nth-child(odd),
.table-product-comparison tr th:nth-child(odd) {
  background-color: var(--ui-surface);
}
.table-product-comparison tr:not(:last-child) .table-product-comparison-row-header,
.table-product-comparison tr:not(:last-child) .table-product-comparison-row-data {
  border-bottom: 3px solid color-mix(in srgb, var(--ui-stroke), transparent 50%);
}
.table-product-comparison-cell-content {
  padding: var(--padding-large) var(--padding-medium);
}
.table-product-comparison-col-header {
  text-align: start;
}
.table-product-comparison-col-header-wrapper {
  padding: var(--padding-large) var(--padding-medium);
  border-bottom: 3px solid color-mix(in srgb, var(--ui-stroke), transparent 50%);
}
.table-product-comparison-row-header {
  vertical-align: middle;
  background-color: var(--ui-body);
}
.table-product-comparison-row-header-content {
  padding: var(--padding-large) var(--padding-medium);
  text-align: start;
}
.table-product-comparison-row-data .table-product-comparison-cell-content {
  display: flex;
  gap: var(--padding-medium);
}

.brandui-table {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-width: 0.1875rem;
  border-style: solid;
  border-radius: var(--radius-large);
  box-shadow: var(--shadow-outline);
  overflow: hidden;
  border-color: color-mix(in srgb, var(--default), transparent 70%);
}
.brandui-table.group:hover, .brandui-table.group:focus {
  border-color: color-mix(in srgb, var(--default), transparent 50%);
}
.brandui-table .table-wrapper {
  width: 100%;
  overflow-x: scroll;
  background-color: var(--default);
}
.brandui-table .table-wrapper table {
  width: 100%;
  border-collapse: collapse;
  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, normal);
  text-transform: var(--txt-body-small-tt, none);
}
.brandui-table .table-wrapper table strong,
.brandui-table .table-wrapper table b {
  font-weight: 500;
}
.brandui-table .table-wrapper table caption {
  margin-bottom: 0;
  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, normal);
  text-transform: var(--txt-subhead-tt, none);
}
.brandui-table .table-wrapper table thead,
.brandui-table .table-wrapper table tfoot {
  cursor: default;
  font-weight: 600;
  border-collapse: separate;
  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, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.brandui-table .table-wrapper table thead strong,
.brandui-table .table-wrapper table thead b,
.brandui-table .table-wrapper table tfoot strong,
.brandui-table .table-wrapper table tfoot b {
  font-weight: 500;
}
.brandui-table .table-wrapper table thead,
.brandui-table .table-wrapper table tfoot {
  color: var(--headline);
}
.brandui-table .table-wrapper table thead {
  border-bottom: 0.0625rem solid var(--ui-stroke);
}
.brandui-table .table-wrapper table tfoot {
  border-top: 0.0625rem solid var(--ui-stroke);
}
.brandui-table .table-wrapper table tr {
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
  border-color: var(--ui-accent);
}
.brandui-table .table-wrapper table tr:nth-child(2n) {
  background-color: var(--ui-accent);
}
.brandui-table .table-wrapper table tr:last-of-type {
  border: none;
}
.brandui-table .table-wrapper table td,
.brandui-table .table-wrapper table th,
.brandui-table .table-wrapper table col {
  padding: var(--padding-small);
  position: relative;
}
.brandui-table .table-wrapper.sortable table thead th,
.brandui-table .table-wrapper.sortable table thead td {
  border-width: 0.252rem;
  border-style: solid;
  border-color: transparent;
  border-radius: var(--radius-large);
  cursor: pointer;
  padding-top: var(--padding-extra-small);
  padding-bottom: var(--padding-extra-small);
  vertical-align: middle;
}
.brandui-table .table-wrapper.sortable table thead th.active, .brandui-table .table-wrapper.sortable table thead th:hover,
.brandui-table .table-wrapper.sortable table thead td.active,
.brandui-table .table-wrapper.sortable table thead td:hover {
  background-color: color-mix(in srgb, var(--action), transparent 95%);
}
.brandui-table .table-wrapper.sortable table thead th.active,
.brandui-table .table-wrapper.sortable table thead td.active {
  padding-left: var(--padding-extra-small);
  color: var(--action);
}
.brandui-table .table-description {
  padding: var(--padding-small);
  text-align: left;
  background-color: var(--default);
}

/* The bundle of all BrandUI styles */
.toc {
  border-radius: var(--radius-small);
  border-width: 1px;
  border-style: solid;
  padding-bottom: var(--padding-medium);
  border-color: color-mix(in srgb, var(--ui-body), transparent 70%);
}
@media (max-width: 768px) {
  .toc {
    display: none;
  }
}
.toc-title {
  margin: var(--padding-medium);
  padding-bottom: var(--padding-small);
  border-bottom: 1px solid color-mix(in srgb, var(--ui-body), transparent 70%);
  color: var(--ui-headline);
}
.toc-item {
  padding: var(--padding-extra-small) var(--padding-small);
  transition: var(--transition-fast);
}
.toc-item-link {
  display: block;
  text-decoration: none;
  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, normal);
  text-transform: var(--txt-body-tt, none);
}
.toc-item-link strong,
.toc-item-link b {
  font-weight: 700;
}
.toc-item-link {
  color: var(--ui-headline);
}
.toc-item-link:hover {
  text-decoration: underline;
  text-underline-offset: var(--padding-slim);
  text-decoration-thickness: var(--padding-hairline);
  color: var(--action);
}
.toc-item-children {
  max-height: 0;
  transition: var(--transition-slow);
  overflow: hidden;
}
.toc-item-wrapper {
  padding: 0 var(--padding-small);
  border-radius: var(--radius-extra-large);
}
.toc-item-wrapper:has(.toc-item-children .active) > .toc-item-children {
  max-height: 1000px;
}
.toc-item-wrapper .toc-item.active + .toc-item-children {
  max-height: 1000px;
}
.toc-item.active {
  position: relative;
  border-radius: 0 var(--radius-small) var(--radius-small) 0;
  border-color: var(--action);
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.toc-item.active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-left: 3px solid var(--action);
  height: 100%;
}

/* The bundle of all BrandUI styles */
.title-text {
  display: flex;
  flex-direction: column;
  gap: var(--padding-medium);
}
@media (max-width: 768px) {
  .title-text {
    text-align: center;
    align-items: center;
  }
}
.title-text-left {
  max-width: calc(1440px / 12 * 12);
}
@media (max-width: 768px) {
  .title-text-left {
    max-width: 100%;
  }
}

/* The bundle of all BrandUI styles */
.text-grid-item {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}
.text-grid-item.center {
  text-align: center;
}

/* The bundle of all BrandUI styles */
.text-media {
  display: flex;
  gap: var(--padding-huge);
}
@media (max-width: 1024px) {
  .text-media {
    flex-direction: column;
    gap: var(--padding-large);
  }
}
.text-media.reverse {
  flex-direction: row-reverse;
}
@media (max-width: 1024px) {
  .text-media.reverse {
    flex-direction: column-reverse;
  }
}
.text-media-media {
  width: 58.3333333333%;
}
@media (max-width: 1024px) {
  .text-media-media {
    width: 100%;
  }
}
.text-media-text {
  width: 41.6666666667%;
}
@media (max-width: 1024px) {
  .text-media-text {
    width: 100%;
  }
}
.text-media-text-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0 var(--padding-huge) 0;
}
.text-media-text-content.reverse {
  padding: 0;
}
@media (max-width: 1024px) {
  .text-media-text-content {
    padding: 0;
  }
}

.quote-media-asset {
  display: block;
}
.quote-media-item {
  display: flex;
  justify-content: center;
  width: calc(1440px / 12 * 5);
  padding: var(--padding-small);
}
.quote-media-item.blockquote {
  flex-direction: column;
  align-items: start;
  gap: var(--padding-large);
}
.quote-media-item.blockquote blockquote {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8;
  line-clamp: 8;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .quote-media-item {
    width: unset;
  }
}
.quote-media-source {
  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, normal);
  text-transform: var(--txt-mini-header-small-tt, none);
}
.quote-media-text {
  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, normal);
  text-transform: var(--txt-subhead-tt, none);
}
.quote-media-wrapper {
  display: flex;
  gap: var(--padding-huge);
}
@media (max-width: 1024px) {
  .quote-media-wrapper {
    flex-direction: column;
  }
}

.list-style-disc {
  list-style: disc;
}

.list-style-circle {
  list-style: circle;
}

.list-style-square {
  list-style: square;
}

.list-style-decimal {
  list-style: decimal;
}

.list-style-decimal-leading-zero {
  list-style: decimal-leading-zero;
}

.list-style-lower-roman {
  list-style: lower-roman;
}

.list-style-upper-roman {
  list-style: upper-roman;
}

.list-style-lower-greek {
  list-style: lower-greek;
}

.list-style-lower-latin {
  list-style: lower-latin;
}

.list-style-upper-latin {
  list-style: upper-latin;
}

.list-style-armenian {
  list-style: armenian;
}

.list-style-georgian {
  list-style: georgian;
}

.list-style-lower-alpha {
  list-style: lower-alpha;
}

.list-style-upper-alpha {
  list-style: upper-alpha;
}

.list-style-none {
  list-style: none;
}

.list-reset, .sub-navigation-links, .brandui-navigation .navigation-menu, .brandui-navigation .navigation-submenu .submenu-nav-items, .breadcrumbs-links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.breadcrumbs-links {
  padding: var(--padding-small) 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.breadcrumbs-links li {
  display: flex;
  align-items: center;
}
.breadcrumbs-links li + li::before {
  content: "\e914";
  font-family: brandui-icons;
  font-style: normal;
  font-size: var(--txt-subhead-size);
  font-weight: 600;
}
.breadcrumbs-links li a.breadcrumb-link {
  text-decoration: none;
  transition: color var(--transition-fast);
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.breadcrumbs-links li a.breadcrumb-link strong,
.breadcrumbs-links li a.breadcrumb-link b {
  font-weight: 700;
}
.breadcrumbs-links li a.breadcrumb-link {
  color: var(--action);
}
.breadcrumbs-links li a.breadcrumb-link:hover {
  color: var(--action-secondary);
}
.breadcrumbs-links li .breadcrumb-link-current {
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.breadcrumbs-links li .breadcrumb-link-current strong,
.breadcrumbs-links li .breadcrumb-link-current b {
  font-weight: 700;
}
.breadcrumbs-links li .breadcrumb-link-current {
  color: var(--ui-body);
}

/* The bundle of all BrandUI styles */
.basic-cta {
  width: 100%;
  margin: 0 auto;
  padding: var(--padding-medium);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--padding-huge);
}
.basic-cta-content {
  max-width: calc(1440px / 12 * 7);
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}
.basic-cta-header-group {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}
@media (max-width: 768px) {
  .basic-cta {
    flex-direction: column;
    gap: var(--padding-extra-large);
    text-align: center;
  }
}

/* The bundle of all BrandUI styles */
.body-cta {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--padding-huge);
}
.body-cta-content {
  max-width: calc(1440px / 12 * 8);
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
}
@media (max-width: 768px) {
  .body-cta-content {
    max-width: calc(1440px / 12 * 12);
    align-items: center;
  }
}
.body-cta-header-group {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}
.body-cta-media {
  max-width: calc(1440px / 12 * 4);
  width: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .body-cta-media {
    max-width: calc(1440px / 12 * 12);
  }
}
@media (max-width: 768px) {
  .body-cta {
    flex-direction: column;
    gap: var(--padding-extra-large);
    text-align: center;
  }
}

/* The bundle of all BrandUI styles */
.feature-cta {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.feature-cta-content {
  max-width: calc(1440px / 12 * 8);
  height: fit-content;
  padding: var(--padding-medium);
  padding-right: 12rem;
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
  justify-content: center;
  border-width: 0.1875rem;
  border-style: solid;
  border-radius: var(--radius-large) 0 0 var(--radius-large);
  box-shadow: var(--shadow-outline);
  border-color: color-mix(in srgb, var(--default), transparent 70%);
}
.feature-cta-content.group:hover, .feature-cta-content.group:focus {
  border-color: color-mix(in srgb, var(--default), transparent 50%);
}
@media (max-width: 1024px) {
  .feature-cta-content {
    max-width: calc(1440px / 12 * 12);
    padding-right: unset;
    border-radius: var(--radius-large) var(--radius-large) 0 0;
  }
}
.feature-cta-header-group {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}
.feature-cta-card {
  width: 100%;
  margin-left: -0.5rem;
}
@media (max-width: 1024px) {
  .feature-cta-card {
    max-width: calc(1440px / 12 * 12);
    margin-left: unset;
    margin-top: -0.5rem;
  }
}
.feature-cta .card-wrapper {
  max-width: calc(1440px / 12 * 4);
  width: 100%;
  position: relative;
  isolation: isolate;
}
.feature-cta .card-wrapper .patch-wrapper {
  max-width: calc(1440px / 12 * 4);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: -16rem;
  z-index: -1;
}
@media (max-width: 1024px) {
  .feature-cta .card-wrapper .patch-wrapper {
    display: none;
  }
}
@media (max-width: 1024px) {
  .feature-cta .card-wrapper {
    max-width: calc(1440px / 12 * 12);
  }
}
@media (max-width: 1024px) {
  .feature-cta {
    flex-direction: column;
  }
}

/* The bundle of all BrandUI styles */
.footer-cta {
  margin-bottom: -var(--padding-huge);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1024px) {
  .footer-cta {
    margin: 0 var(--padding-large);
  }
}
.footer-cta-content {
  max-width: calc(1440px / 12 * 7);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
  justify-content: center;
}
.footer-cta-content .buttons {
  justify-content: center;
}
@media (max-width: 1024px) {
  .footer-cta-content {
    max-width: 100%;
    text-align: center;
    align-items: center;
  }
}
.footer-cta-content-wrapper {
  display: flex;
}
@media (max-width: 1024px) {
  .footer-cta-content-wrapper {
    flex-direction: column;
    gap: var(--padding-small);
  }
}
.footer-cta-signup-links {
  display: flex;
  align-items: center;
  gap: var(--padding-small);
  flex-wrap: wrap;
}
.footer-cta-media {
  max-width: calc(1440px / 12 * 5);
  width: 100%;
}
.footer-cta-media .patch-wrapper {
  max-width: calc(1440px / 12 * 4);
  width: 100%;
  margin: auto;
}
@media (max-width: 1024px) {
  .footer-cta-media {
    max-width: 100%;
  }
}

/* The bundle of all BrandUI styles */
.carousel {
  position: relative;
  perspective: 6.25rem;
  margin-left: -var(--padding-huge);
  margin-right: -var(--padding-huge);
}
.carousel ol,
.carousel ul,
.carousel li {
  list-style: none;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
.carousel .carousel-wrapper {
  display: flex;
  gap: var(--padding-large);
  overflow: scroll hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}
.carousel .carousel-slide {
  position: relative;
  flex: 0 0 60%;
  width: 60%;
}
.carousel .carousel-slide:first-of-type {
  margin-left: 50%;
}
.carousel .carousel-slide:last-of-type {
  margin-right: 50%;
}
@media (max-width: 768px) {
  .carousel .carousel-slide {
    flex: 0 0 90%;
    width: 90%;
  }
}
.carousel .carousel-snap {
  scroll-snap-align: center;
}
.carousel * {
  box-sizing: border-box;
  scrollbar-color: transparent transparent;
  scrollbar-width: 0;
  -ms-overflow-style: none;
}
.carousel *::-webkit-scrollbar {
  width: 0;
}
.carousel *::-webkit-scrollbar-track {
  background: transparent;
}
.carousel *::-webkit-scrollbar-thumb {
  background: transparent;
  border: none;
}
@media (max-width: 768px) {
  .carousel {
    margin-left: -var(--padding-small);
    margin-right: -var(--padding-small);
  }
}

/* The bundle of all BrandUI styles */
.brandui-footer {
  padding: var(--padding-large);
  padding-top: var(--padding-huge);
}
.brandui-footer .footer-content {
  display: grid;
  gap: var(--padding-large);
}
.brandui-footer .footer-content:not(:has(.footer-navigation)) .footer-info {
  border: none;
  padding-top: 0;
}
.brandui-footer .footer-navigation, .brandui-footer .footer-info, .brandui-footer .footer-legal {
  display: flex;
  gap: var(--padding-large);
  justify-content: space-between;
}
@media (max-width: 768px) {
  .brandui-footer .footer-navigation, .brandui-footer .footer-info, .brandui-footer .footer-legal {
    flex-wrap: wrap;
  }
}
.brandui-footer .footer-info, .brandui-footer .footer-legal {
  border-width: 0;
  border-top-width: 0.0625rem;
  border-style: solid;
  padding-top: var(--padding-medium);
  border-color: color-mix(in srgb, var(--ui-stroke), transparent 50%);
}
.brandui-footer .footer-column {
  width: 100%;
}
.brandui-footer .footer-column-title {
  margin-bottom: var(--padding-small);
  color: var(--ui-text);
}
.brandui-footer .footer-links {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}
.brandui-footer .footer-links li {
  list-style: none;
}
.brandui-footer .footer-links a {
  font-weight: 400;
  text-decoration: none;
  display: block;
  color: var(--ui-body);
}
.brandui-footer .footer-links a:hover {
  text-decoration: underline;
  color: var(--action);
}
@media (max-width: 768px) {
  .brandui-footer .footer-links li a {
    padding: var(--padding-extra-small) 0;
  }
}
.brandui-footer .footer-legal {
  font-size: 0.875rem;
  color: var(--ui-body);
}
.brandui-footer .footer-legal-links {
  display: flex;
  gap: var(--padding-extra-small);
}
.brandui-footer .footer-legal-links li {
  list-style: none;
}
.brandui-footer .footer-legal-links li + li::before {
  content: "•";
  padding-right: var(--padding-extra-small);
}
.brandui-footer .footer-legal-links a {
  font-weight: 400;
  text-decoration: none;
  color: var(--ui-body);
}
.brandui-footer .footer-legal-links a:hover {
  text-decoration: underline;
  color: var(--action);
}
@media (max-width: 768px) {
  .brandui-footer .footer-legal-links {
    flex-wrap: wrap;
  }
}
.brandui-footer .footer-social-links {
  display: flex;
  gap: var(--padding-extra-small);
  color: var(--ui-text);
}
.brandui-footer .footer-social-links li {
  list-style: none;
}
.brandui-footer .footer-social-links .icon-border {
  border-color: color-mix(in srgb, var(--ui-accent), transparent 30%);
}
.brandui-footer .footer-social-links a {
  font-weight: 400;
  text-decoration: none;
  color: var(--ui-text);
}
.brandui-footer .footer-social-links a:hover {
  color: var(--action);
}
@media (max-width: 768px) {
  .brandui-footer {
    padding: var(--padding-small);
    padding-top: var(--padding-huge);
  }
}

/* The bundle of all BrandUI styles */
.glossary-highlight {
  background-color: color-mix(in srgb, var(--action-tertiary), transparent 70%);
}
.glossary-nav {
  backdrop-filter: blur(1rem);
  background-color: color-mix(in srgb, var(--default), transparent 50%);
}
.glossary-nav.group:hover, .glossary-nav.group:focus {
  background-color: color-mix(in srgb, var(--default), transparent 70%);
}
.glossary-nav {
  padding: var(--padding-small);
  box-shadow: var(--shadow-outline);
  border-color: transparent;
  overflow: visible;
}
.glossary-nav-wrapper {
  margin: auto auto var(--padding-medium) auto;
  width: 100%;
  position: sticky;
  top: var(--padding-huge);
  z-index: 99;
}
.glossary-search {
  position: relative;
}
.glossary-search-results {
  padding: var(--padding-extra-small);
}
.glossary-search-results-wrapper {
  max-height: 30vh;
  width: 100%;
  margin-top: var(--padding-extra-small);
  position: absolute;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--radius-small);
  box-shadow: var(--shadow-outline);
  overflow-y: scroll;
  z-index: 100;
  background-color: var(--default);
  border-color: color-mix(in srgb, var(--ui-stroke), transparent 70%);
}
.glossary-search-results-item {
  padding: var(--padding-extra-small);
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
  border-radius: var(--radius-small);
  cursor: pointer;
}
.glossary-search-results-item:hover {
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.glossary-search-alphabet {
  margin-top: var(--padding-extra-small);
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .glossary-search-alphabet-wrapper {
    width: 100%;
    overflow-x: scroll;
  }
}
.glossary-search-alphabet-letter {
  padding: var(--padding-extra-small);
  cursor: pointer;
  transition: background-color var(--transition-fast);
  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, normal);
  text-transform: var(--txt-subhead-tt, none);
  color: var(--ui-body);
}
.glossary-search-alphabet-letter:hover {
  color: var(--action);
}
@media (max-width: 1024px) {
  .glossary-search-alphabet {
    justify-content: start;
  }
}
.glossary-search .input {
  background-color: var(--default);
}

.featured-media {
  display: flex;
  flex-direction: column;
  gap: var(--padding-huge);
}
.featured-media-card {
  width: calc(1440px / 12 * 5);
}
@media (max-width: 768px) {
  .featured-media-card {
    width: 100%;
  }
}
.featured-media-item {
  width: calc(1440px / 12 * 5);
}
@media (max-width: 768px) {
  .featured-media-item {
    width: 100%;
  }
}
.featured-media-content-wrapper {
  display: flex;
  justify-content: space-around;
}
@media (max-width: 768px) {
  .featured-media-content-wrapper {
    flex-direction: column;
    align-items: center;
    justify-content: baseline;
    gap: var(--padding-large);
  }
}
.featured-media-image {
  width: calc(1440px / 12 * 7);
  z-index: 0;
  transform: scale(1.2);
  transform-origin: bottom center;
}
@media (max-width: 768px) {
  .featured-media-image {
    width: 100%;
  }
}
@container (max-width: 720px) {
  .featured-media-image {
    transform: scale(1.25);
  }
}

.featured-media-image {
  container-type: inline-size;
  container-name: feature-media-image;
}

/* The bundle of all BrandUI styles */
.hero {
  margin-bottom: var(--padding-huge);
  padding-top: calc(var(--padding-huge) + var(--padding-medium));
  padding-bottom: var(--padding-extra-large);
  position: relative;
}
@media (max-width: 768px) {
  .hero {
    padding-top: calc(var(--padding-extra-large) + var(--padding-huge));
  }
}

.bg-radial-gradient-default {
  background: radial-gradient(113.24% 69.92% at 73.05% 11.07%, #070738 0%, #031573 50%, #01011e 100%);
}

/* The bundle of all BrandUI styles */
.hero-avatar-content {
  max-width: calc(1440px / 12 * 7);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
  place-items: center;
  text-align: center;
}
@media (max-width: 768px) {
  .hero-avatar {
    padding-bottom: var(--padding-extra-large);
  }
}

/* The bundle of all BrandUI styles */
.hero-background-media {
  padding-top: calc(var(--padding-huge) + var(--padding-huge));
  display: flex;
  flex-direction: column;
}
.hero-background-media .background-media {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}
.hero-background-media:not(:has(.media-slot)):has(.hero-bottom-gradient) {
  padding-bottom: 10rem;
}
.hero-background-media .media-slot {
  width: 100%;
  padding-top: var(--padding-extra-large);
  padding-left: var(--padding-small);
  padding-right: var(--padding-small);
}
@media (max-width: 768px) {
  .hero-background-media .media-slot {
    padding-left: var(--padding-small);
    padding-right: var(--padding-small);
  }
}
.hero-background-media:has(.media-slot) .background-media {
  bottom: var(--padding-huge);
}
.hero-background-media:has(.media-slot) .separator-wrapper {
  position: absolute;
  bottom: 5rem;
  left: 0;
  right: 0;
}
.hero-background-media-content {
  max-width: calc(1440px / 12 * 7);
  width: 100%;
  margin: 0 auto;
  padding-bottom: var(--padding-extra-large);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--padding-small);
  text-align: center;
}
.hero-background-media-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-large);
}
.hero-background-media .hero-bottom-gradient::after {
  content: "";
  height: 25%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, color-mix(in srgb, var(--default), transparent 100%) 0%, color-mix(in srgb, var(--default), transparent 80%) 25%, color-mix(in srgb, var(--default), transparent 50%) 50%, color-mix(in srgb, var(--default), transparent 20%) 75%, color-mix(in srgb, var(--default), transparent 0%) 100%);
}
@media (max-width: 768px) {
  .hero-background-media {
    padding-top: calc(var(--padding-extra-large) + var(--padding-huge));
  }
}

/* The bundle of all BrandUI styles */
.hero-case-study {
  position: relative;
}
.hero-case-study-content {
  max-width: calc(1440px / 12 * 8);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-large);
  justify-content: center;
}
.hero-case-study-content-wrapper {
  display: flex;
  gap: var(--padding-huge);
}
@media (max-width: 768px) {
  .hero-case-study-content-wrapper {
    flex-direction: column;
  }
}
.hero-case-study-content .customer-spotlight {
  display: flex;
  flex-wrap: wrap;
  gap: var(--padding-extra-large);
}
.hero-case-study-content .customer-spotlight-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
}
.hero-case-study-content .customer-spotlight .customer {
  max-width: calc(1440px / 12 * 3);
}
@media (max-width: 768px) {
  .hero-case-study-content {
    max-width: calc(1440px / 12 * 12);
  }
}
.hero-case-study-card {
  max-width: calc(1440px / 12 * 4);
  width: 100%;
  padding: var(--padding-medium);
  display: flex;
  flex-direction: column;
  gap: var(--padding-medium);
  background-color: var(--ui-fill);
}
.hero-case-study-card .company-info {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}
.hero-case-study-card .company-info-wrapper {
  padding-bottom: var(--padding-medium);
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
  border-color: color-mix(in srgb, var(--neutral-6), transparent 70%);
}
.hero-case-study-card .products-featured a.product-link {
  width: fit-content;
  display: flex;
  gap: var(--padding-extra-small);
  align-items: center;
  text-decoration: none;
  transition: color var(--transition-fast);
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.hero-case-study-card .products-featured a.product-link strong,
.hero-case-study-card .products-featured a.product-link b {
  font-weight: 700;
}
.hero-case-study-card .products-featured a.product-link {
  color: var(--action);
}
.hero-case-study-card .products-featured a.product-link:hover {
  color: var(--action-tertiary);
}
.hero-case-study-card .products-featured,
.hero-case-study-card .use-cases {
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
}
@media (max-width: 768px) {
  .hero-case-study-card {
    max-width: calc(1440px / 12 * 12);
  }
}

/* The bundle of all BrandUI styles */
.hero-editorial-content {
  max-width: calc(1440px / 12 * 6);
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--padding-small);
}
.hero-editorial-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-large);
}
.hero-editorial-grid {
  display: grid;
  gap: var(--padding-small);
}
@media (min-width: 1025px) {
  .hero-editorial-grid.grid-items-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1025px) {
  .hero-editorial-grid.grid-items-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hero-editorial-grid.grid-items-3 .grid-item-featured {
    min-height: calc(1440px / 12 * 3);
    grid-column: 1/-1;
  }
}
@media (min-width: 1025px) {
  .hero-editorial-grid.grid-items-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .hero-editorial-grid.grid-items-4 .grid-item-featured {
    min-height: calc(1440px / 12 * 3);
    grid-column: 1/-1;
  }
}
@media (min-width: 1025px) {
  .hero-editorial-grid.grid-items-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .hero-editorial-grid.grid-items-5 .grid-item-featured {
    min-height: calc(1440px / 12 * 3);
    grid-column: span 2/span 2;
  }
}

/* The bundle of all BrandUI styles */
.hero-form-content {
  max-width: calc(1440px / 12 * 8);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
}
.hero-form-content-wrapper {
  display: flex;
  gap: var(--padding-huge);
}
@media (max-width: 1024px) {
  .hero-form-content-wrapper {
    flex-direction: column;
  }
}
@media (max-width: 1024px) {
  .hero-form-content {
    max-width: calc(1440px / 12 * 12);
  }
}
.hero-form-wrapper {
  max-width: calc(1440px / 12 * 4);
  width: 100%;
}
@media (max-width: 1024px) {
  .hero-form-wrapper {
    max-width: calc(1440px / 12 * 12);
  }
}

/* The bundle of all BrandUI styles */
.hero-text-media-content {
  max-width: calc(1440px / 12 * 6);
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--padding-medium);
  justify-content: center;
}
.hero-text-media-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--padding-huge);
}
.hero-text-media-content-columns {
  display: flex;
  gap: var(--padding-extra-large);
}
@media (max-width: 1024px) {
  .hero-text-media-content-columns {
    flex-direction: column;
  }
}
.hero-text-media-content-header-group {
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
  justify-content: center;
}
@media (max-width: 1024px) {
  .hero-text-media-content-header-group {
    text-align: center;
    align-items: center;
  }
}
@media (max-width: 1024px) {
  .hero-text-media-content {
    max-width: calc(1440px / 12 * 12);
    text-align: center;
    align-items: center;
  }
}
.hero-text-media-wrapper {
  max-width: calc(1440px / 12 * 6);
  width: 100%;
  display: flex;
  flex-direction: column;
  place-items: center;
}
@media (max-width: 1024px) {
  .hero-text-media-wrapper {
    max-width: calc(1440px / 12 * 12);
  }
}
.hero-text-media.homepage .hero-text-media-content-columns {
  gap: 0;
}
.hero-text-media.homepage .hero-text-media-wrapper {
  transform: scale(1.2);
  transform-origin: center center;
  z-index: -1;
}

/* The bundle of all BrandUI styles */
.hero-title-text {
  padding-top: calc(var(--padding-huge) + var(--padding-huge));
}
.hero-title-text-content {
  max-width: calc(1440px / 12 * 9);
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
  text-align: center;
}
.hero-title-text-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-large);
}
.hero-title-text .media-slot {
  width: 100%;
  padding-top: var(--padding-extra-large);
  padding-left: var(--padding-small);
  padding-right: var(--padding-small);
  position: relative;
}
@media (max-width: 768px) {
  .hero-title-text .media-slot {
    padding-left: var(--padding-small);
    padding-right: var(--padding-small);
  }
}
@media (max-width: 768px) {
  .hero-title-text {
    padding-top: calc(var(--padding-extra-large) + var(--padding-huge));
  }
}
.hero-title-text:has(.dropdown-button.is-open) {
  z-index: 20;
}

.brandui-navigation {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 100;
  backdrop-filter: blur(1.5rem);
  background-color: color-mix(in srgb, var(--default), transparent 20%);
}
.brandui-navigation.group:hover, .brandui-navigation.group:focus {
  background-color: color-mix(in srgb, var(--default), transparent 50%);
}
.brandui-navigation .navigation {
  padding: var(--padding-small) var(--padding-large);
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--padding-large);
}
.brandui-navigation .navigation-logo {
  width: 6rem;
  border-radius: var(--radius-small);
}
.brandui-navigation .navigation-logo.logo-med {
  width: 11rem;
}
.brandui-navigation .navigation-logo.logo-long {
  width: 15rem;
}
.brandui-navigation .navigation-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-wrapper.open {
    display: flex;
    transform: unset;
  }
}
.brandui-navigation .navigation-wrapper:has(.with-search) {
  justify-content: end;
  gap: var(--padding-small);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-wrapper:has(.with-search) {
    justify-content: start;
    gap: var(--padding-extra-small);
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-wrapper {
    margin-top: var(--padding-huge);
    padding: var(--padding-small);
    padding-bottom: var(--padding-huge);
    display: none;
    flex-direction: column;
    justify-content: start;
    gap: var(--padding-medium);
    overflow: scroll;
    height: 90vh;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: var(--default);
  }
}
.brandui-navigation .navigation-menu {
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-menu {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation {
    justify-content: space-between;
  }
}
.brandui-navigation .navigation-item {
  transition: var(--transition-fast);
}
.brandui-navigation .navigation-item:hover .nav-dropdown, .brandui-navigation .navigation-item:focus .nav-dropdown, .brandui-navigation .navigation-item:focus-within .nav-dropdown, .brandui-navigation .navigation-item:focus-visible .nav-dropdown, .brandui-navigation .navigation-item:has(.navigation-submenu.open) .nav-dropdown {
  color: var(--action);
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
.brandui-navigation .navigation-item:hover .nav-login-menu, .brandui-navigation .navigation-item:has(.nav-dropdown.open) .nav-login-menu {
  display: block;
}
.brandui-navigation .navigation-item:hover .nav-dropdown::after, .brandui-navigation .navigation-item:has(.nav-dropdown.open) .nav-dropdown::after {
  transform: rotate(180deg);
  transition: var(--transition-fast);
}
.brandui-navigation .navigation-item:hover .nav-dropdown::after, .brandui-navigation .navigation-item:has(.navigation-submenu.open) .nav-dropdown::after {
  transform: rotate(180deg);
  transition: var(--transition-fast);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-item:hover .nav-dropdown, .brandui-navigation .navigation-item:has(.navigation-submenu.open) .nav-dropdown {
    padding-left: var(--padding-small);
  }
}
.brandui-navigation .navigation-item:hover .navigation-submenu, .brandui-navigation .navigation-item:has(.navigation-submenu.open) .navigation-submenu {
  opacity: 1;
  visibility: visible;
  transition: var(--transition-fast);
}
.brandui-navigation .navigation-item .nav-dropdown,
.brandui-navigation .navigation-item .nav-link {
  padding: var(--padding-extra-small) var(--padding-small);
  align-items: center;
  border-radius: var(--radius-small);
  border: 1px solid transparent;
  font-family: var(--txt-body-family), sans-serif;
  font-size: var(--txt-body-size);
  font-weight: 700;
  letter-spacing: 0.005em;
  transition: var(--transition-fast);
  color: var(--ui-headline);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-item .nav-dropdown,
  .brandui-navigation .navigation-item .nav-link {
    padding: var(--padding-small);
    padding-left: 0;
    justify-content: space-between;
  }
  .brandui-navigation .navigation-item .nav-dropdown:hover,
  .brandui-navigation .navigation-item .nav-link:hover {
    padding-left: unset;
  }
}
.brandui-navigation .navigation-item .nav-dropdown {
  display: flex;
  gap: var(--padding-extra-small);
  pointer-events: none;
}
.brandui-navigation .navigation-item .nav-dropdown::after {
  content: "\e925";
  font-family: brandui-icons;
  font-weight: 900;
  pointer-events: none;
  color: var(--action);
}
.brandui-navigation .navigation-item .nav-link {
  text-decoration: none;
  display: flex;
  position: relative;
}
.brandui-navigation .navigation-item .nav-link:hover, .brandui-navigation .navigation-item .nav-link:focus {
  color: var(--action);
  background-color: color-mix(in srgb, var(--action), transparent 90%);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-item .nav-link {
    display: flex;
  }
  .brandui-navigation .navigation-item .nav-link::after {
    content: "\e91a";
    font-family: brandui-icons;
    font-weight: 400;
    pointer-events: none;
    color: var(--action);
  }
}
.brandui-navigation .navigation-item .nav-link .new-evo-feature {
  background: linear-gradient(140deg, var(--color-orange), var(--color-pink));
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
  background: linear-gradient(140deg, var(--color-orange), var(--color-pink));
  position: absolute;
  top: 0;
  right: -10px;
  font-size: 9px;
  border-radius: var(--radius-extra-small);
  padding: var(--padding-thin);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
    right: unset;
    left: 30px;
  }
}
.brandui-navigation .navigation-item .nav-link:hover .new-evo-feature-tag, .brandui-navigation .navigation-item .nav-link:focus .new-evo-feature-tag {
  color: var(--ui-subtle);
}
.brandui-navigation .navigation-submenu {
  padding: var(--padding-small) var(--padding-large);
  padding-bottom: var(--padding-extra-large);
  position: absolute;
  top: var(--padding-huge);
  left: 0;
  right: 0;
  opacity: 0;
  box-shadow: var(--shadow-mid);
  visibility: hidden;
  transition: var(--transition-fast);
  background-color: var(--default);
}
.brandui-navigation .navigation-submenu::before {
  content: "";
  padding-top: var(--padding-small);
  position: absolute;
  top: -var(--padding-small);
  left: 0;
  right: 0;
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu::before {
    padding-top: 0;
    top: 0;
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu.open {
    display: block;
    top: 0;
    visibility: visible;
  }
}
.brandui-navigation .navigation-submenu .submenu-columns {
  display: flex;
  justify-content: center;
  gap: var(--padding-extra-large);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu .submenu-columns {
    flex-wrap: wrap;
  }
}
.brandui-navigation .navigation-submenu .submenu-column {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
}
.brandui-navigation .navigation-submenu .submenu-column-row + .submenu-column-row {
  padding-top: var(--padding-small);
  border-top: 1px solid var(--ui-fill);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu .submenu-column-row + .submenu-column-row:has(.submenu-column-label) {
    border-top-width: 0;
  }
}
.brandui-navigation .navigation-submenu .submenu-column-label {
  position: relative;
  padding-bottom: var(--padding-small);
  white-space: nowrap;
  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, normal);
  text-transform: var(--txt-mini-header-small-tt, none);
  color: var(--ui-headline);
}
.brandui-navigation .navigation-submenu .submenu-column-label::after {
  content: "";
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu .submenu-column-label::after {
    width: 100%;
    display: block;
    border-top: 1px solid var(--ui-stroke);
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu .submenu-column-label {
    padding: 0;
    display: flex;
    align-items: center;
    gap: var(--padding-small);
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu .submenu-column {
    padding-top: var(--padding-small);
  }
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link {
  padding: var(--padding-extra-small);
  display: flex;
  align-items: center;
  gap: var(--padding-small);
  text-decoration: none;
  border-radius: var(--radius-medium);
  transition: var(--transition-fast);
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link strong,
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link b {
  font-weight: 700;
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link {
  color: var(--ui-headline);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link:hover {
  color: var(--action);
  background-color: color-mix(in srgb, var(--action), transparent 95%);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link:hover .submenu-link-label,
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link:hover .submenu-link-desc {
  transition: var(--transition-fast);
  color: var(--action);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link.link-external::after {
  content: "\e92f";
  margin-left: auto;
  font-family: brandui-icons;
  font-size: var(--txt-subhead-small-size);
  font-weight: 500;
  pointer-events: none;
  color: var(--action);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link .general-icon,
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link .product-logo {
  padding: var(--padding-extra-small);
  background-color: var(--ui-fill);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link .general-icon {
  font-size: var(--icon-medium-size);
  border-color: var(--ui-fill);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-copy {
    margin-right: auto;
  }
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-label {
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-label strong,
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-label b {
  font-weight: 700;
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-label {
  color: var(--ui-headline);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-desc {
  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, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-desc strong,
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-desc b {
  font-weight: 500;
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-desc {
  color: var(--ui-body);
}
@media (max-width: 768px) {
  .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link-desc {
    display: none;
  }
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link.spotlight, .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link.spotlight-secondary {
  margin-bottom: var(--padding-extra-small);
}
.brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link.spotlight .general-icon, .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link.spotlight-secondary .general-icon {
  font-size: 2rem;
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link.spotlight .general-icon, .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link.spotlight-secondary .general-icon {
    font-size: 1.5rem;
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link.spotlight, .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link.spotlight-secondary {
    background: none;
    margin-bottom: 0;
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link {
    padding: var(--padding-small);
    justify-content: space-between;
  }
}
@media (max-width: 768px) {
  .brandui-navigation .navigation-submenu .submenu-nav-item .submenu-link {
    align-items: center;
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-submenu {
    padding: var(--padding-small) 0;
    padding-bottom: var(--padding-extra-large);
    position: relative;
    display: none;
    box-shadow: none;
    opacity: 1;
    transform: unset;
  }
}
.brandui-navigation .navigation .nav-login {
  display: flex;
  align-content: center;
  position: relative;
}
.brandui-navigation .navigation .nav-login-label {
  padding: var(--padding-extra-small) var(--padding-small);
  align-items: center;
  border-radius: var(--radius-small);
  border: 1px solid transparent;
  transition: var(--transition-fast);
  display: flex;
  gap: var(--padding-extra-small);
  font-family: var(--txt-body-family), sans-serif;
  font-size: var(--txt-body-size);
  font-weight: 700;
  letter-spacing: 0.005em;
  color: var(--ui-headline);
}
@media (min-width: 769px) {
  .brandui-navigation .navigation .nav-login-label {
    height: 100%;
  }
}
.brandui-navigation .navigation .nav-login-label::after {
  content: "\e925";
  font-family: brandui-icons;
  font-weight: 900;
  pointer-events: none;
  color: var(--action);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation .nav-login-label {
    padding: var(--padding-small);
    justify-content: center;
  }
}
.brandui-navigation .navigation .nav-login-menu {
  max-width: calc(1440px / 12 * 6);
  width: calc(1440px / 12 * 4);
  margin-left: -10rem;
  display: none;
  flex-direction: column;
  position: absolute;
  top: 3rem;
  right: -0.5rem;
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-mid);
  transition: var(--transition-fast);
  background-color: var(--default);
}
.brandui-navigation .navigation .nav-login-menu.open {
  display: block;
}
.brandui-navigation .navigation .nav-login-menu::before {
  content: "";
  padding-top: var(--padding-small);
  position: absolute;
  top: -var(--padding-small);
  left: 0;
  right: 0;
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation .nav-login-menu::before {
    padding-top: 0;
    top: 0;
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation .nav-login-menu {
    width: 100%;
    margin-left: 0;
    position: relative;
    top: 0;
    right: 0;
    box-shadow: none;
  }
}
.brandui-navigation .navigation .nav-login-accordion {
  padding: var(--padding-small) var(--padding-medium);
}
.brandui-navigation .navigation .nav-login-accordion.open .nav-login-accordion-content {
  display: flex;
  flex-direction: column;
}
.brandui-navigation .navigation .nav-login-accordion.open .nav-login-accordion-label {
  padding-bottom: var(--padding-extra-small);
}
.brandui-navigation .navigation .nav-login-accordion.open .nav-login-accordion-label::after {
  transform: rotate(180deg);
  transition: var(--transition-fast);
}
.brandui-navigation .navigation .nav-login-accordion-label {
  display: flex;
  gap: var(--padding-small);
  cursor: pointer;
  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, normal);
  text-transform: var(--txt-mini-header-small-tt, none);
  color: var(--ui-headline);
}
.brandui-navigation .navigation .nav-login-accordion-label::after {
  content: "\e925";
  margin-left: auto;
  font-family: brandui-icons;
  font-size: var(--txt-mini-header-size);
  font-weight: 900;
  pointer-events: none;
  color: var(--action);
}
.brandui-navigation .navigation .nav-login-accordion + .nav-login-accordion {
  padding-top: var(--padding-small);
  border-top: 1px solid var(--ui-fill);
}
.brandui-navigation .navigation .nav-login-accordion-content {
  display: none;
  gap: var(--padding-small);
}
.brandui-navigation .navigation .nav-login-accordion-links {
  display: flex;
  flex-direction: column;
}
.brandui-navigation .navigation .nav-login-accordion-links li {
  list-style: none;
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link {
  padding: var(--padding-extra-small);
  display: flex;
  align-items: center;
  gap: var(--padding-small);
  text-decoration: none;
  border-radius: var(--radius-medium);
  transition: var(--transition-fast);
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link strong,
.brandui-navigation .navigation .nav-login-accordion-links .login-link b {
  font-weight: 700;
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link {
  color: var(--ui-headline);
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link:hover {
  color: var(--action);
  background-color: color-mix(in srgb, var(--action), transparent 95%);
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link:hover .submenu-link-label,
.brandui-navigation .navigation .nav-login-accordion-links .login-link:hover .submenu-link-desc {
  transition: var(--transition-fast);
  color: var(--action);
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link .general-icon,
.brandui-navigation .navigation .nav-login-accordion-links .login-link .product-logo {
  padding: var(--padding-extra-small);
  background-color: var(--ui-fill);
  border-color: var(--ui-fill);
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link .general-icon {
  font-size: 1.5rem;
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation .nav-login-accordion-links .login-link-copy {
    margin-right: auto;
  }
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link-label {
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link-label strong,
.brandui-navigation .navigation .nav-login-accordion-links .login-link-label b {
  font-weight: 700;
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link-label {
  color: var(--ui-headline);
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link-desc {
  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, normal);
  text-transform: var(--txt-body-small-medium-tt, none);
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link-desc strong,
.brandui-navigation .navigation .nav-login-accordion-links .login-link-desc b {
  font-weight: 500;
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link-desc {
  color: var(--ui-body);
}
@media (max-width: 768px) {
  .brandui-navigation .navigation .nav-login-accordion-links .login-link-desc {
    display: none;
  }
}
.brandui-navigation .navigation .nav-login-accordion-links .login-link.link-external::after {
  content: "\e92f";
  margin-left: auto;
  font-family: brandui-icons;
  font-size: var(--subhead-small);
  font-weight: 500;
  pointer-events: none;
  color: var(--action);
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation .nav-login-accordion-links .login-link {
    padding: var(--padding-small) 0;
    justify-content: space-between;
  }
}
@media (max-width: 768px) {
  .brandui-navigation .navigation .nav-login-accordion-links .login-link {
    align-items: center;
  }
}
.brandui-navigation .navigation .nav-login-accordion-disclaimer {
  padding-bottom: var(--padding-extra-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, normal);
  text-transform: var(--txt-body-small-tt, none);
}
.brandui-navigation .navigation .nav-login-accordion-disclaimer strong,
.brandui-navigation .navigation .nav-login-accordion-disclaimer b {
  font-weight: 500;
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation .nav-login-accordion {
    padding: var(--padding-small) var(--padding-extra-small);
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation .nav-login {
    flex-direction: column;
  }
}
.brandui-navigation .navigation-buttons {
  display: flex;
  gap: var(--padding-small);
  transition: var(--transition-fast);
  margin-left: auto;
}
@media (min-width: 1025px) {
  .brandui-navigation .navigation-buttons.with-search {
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation-buttons {
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
  }
  .brandui-navigation .navigation-buttons.no-reverse {
    flex-direction: column;
  }
}
@media (max-width: 1024px) {
  .brandui-navigation .navigation {
    padding: var(--padding-small);
  }
}

.navigation-top-offset {
  padding-top: 7rem;
}
.navigation-top-offset-small {
  padding-top: 5rem;
}

.plans-comparison-card {
  backdrop-filter: blur(1rem);
  background-color: color-mix(in srgb, var(--default), transparent 50%);
}
.plans-comparison-card.group:hover, .plans-comparison-card.group:focus {
  background-color: color-mix(in srgb, var(--default), transparent 70%);
}
.plans-comparison-card {
  border: 1px solid color-mix(in srgb, var(--neutral-6), transparent 70%);
  border-radius: var(--radius-small);
  padding: var(--padding-small);
}
.plans-comparison-card-subgrid {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  gap: var(--spacing-extra-small);
}
.plans-comparison-card-pricing-suffix {
  color: var(--neutral-4);
  font-family: var(--txt-code-family);
}
.plans-comparison-card-highlighted {
  background: linear-gradient(var(--ui-fill), var(--ui-fill)) padding-box, linear-gradient(to bottom right, var(--color-bubblegum), var(--color-electric-blue)) border-box;
  border: 0.0625rem solid transparent;
  backdrop-filter: blur(var(--radius-extra-large));
  box-shadow: 0 var(--radius-medium) var(--padding-extra-large) var(--color-dark-purple);
}
.plans-comparison-header {
  position: sticky;
  top: calc(var(--padding-huge) + var(--padding-small));
  z-index: 5;
  background: transparent;
}
.plans-comparison-card-grid .d-grid {
  margin-right: 0;
}

.plans-comparison-accordion {
  margin-top: var(--padding-small);
  display: flex;
  flex-direction: column;
  gap: var(--padding-extra-small);
}
.plans-comparison-accordion-trigger {
  background: var(--ui-fill);
  border-radius: var(--radius-small);
  padding: var(--padding-small);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}
.plans-comparison-accordion-trigger .plans-comparison-accordion-chevron {
  transform: rotate(90deg);
  transition: transform var(--transition-fast);
}
.plans-comparison-accordion-trigger .plans-comparison-accordion-chevron.open {
  transform: rotate(-90deg);
}
.plans-comparison-accordion-content {
  display: none;
}
.plans-comparison-accordion-content.open {
  display: block;
  padding-left: var(--padding-small);
}
.plans-comparison-accordion-content-feature {
  display: flex;
  align-items: center;
  border-bottom: 0.0625rem solid var(--color-dark-grey);
  padding: var(--padding-small) 0;
}
.plans-comparison-accordion-content-feature:last-child {
  border-bottom: none;
}
.plans-comparison-accordion-content-feature-label {
  flex: 1 1 0%;
  min-width: 0;
  color: var(--neutral-6);
  display: flex;
  align-items: center;
  gap: var(--padding-extra-small);
}
.plans-comparison-accordion-content-feature-values {
  flex: 0 0 auto;
  width: calc(var(--content-max) / 12 * 8);
  max-width: 100%;
}
.plans-comparison-accordion-content-feature-value {
  display: flex;
  justify-content: center;
  align-items: center;
}
.plans-comparison-accordion-content-feature-value .button {
  padding: 0;
  font-weight: 500;
}
.plans-comparison-accordion-content-feature .feature-checkmark::after {
  color: var(--color-pink);
}

.plans-comparison-card-spacer {
  display: none;
}

@media (max-width: 768px) {
  .plans-comparison {
    --cmp-label-w: 8rem;
    --cmp-col-w: 9.5rem;
    --cmp-gap: var(--padding-extra-small);
  }
  .plans-comparison .plans-comparison-header {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    background: var(--default);
    box-shadow: 0 calc(-1 * var(--padding-huge)) 0 0 var(--default);
  }
  .plans-comparison .plans-comparison-body {
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
  .plans-comparison .plans-comparison-card-grid {
    width: max-content;
  }
  .plans-comparison .plans-comparison-card-grid .d-grid {
    width: max-content;
    max-width: none;
    margin: 0;
    grid-template-columns: var(--cmp-label-w);
    grid-auto-flow: column;
    grid-auto-columns: var(--cmp-col-w);
    gap: var(--cmp-gap);
  }
  .plans-comparison .plans-comparison-accordion {
    width: max-content;
  }
  .plans-comparison .plans-comparison-card-spacer {
    display: block;
    grid-row: span 3;
    position: sticky;
    left: 0;
    z-index: 3;
    background: var(--default);
    border-right: 0.0625rem solid var(--color-dark-grey);
  }
  .plans-comparison .plans-comparison-card-highlighted {
    box-shadow: none;
  }
}

@media (max-width: 768px) {
  .plans-comparison-accordion-trigger-label {
    position: sticky;
    left: var(--padding-small);
  }
  .plans-comparison-accordion-chevron {
    position: sticky;
    right: var(--padding-small);
  }
  .plans-comparison-accordion-content.open {
    padding-left: 0;
  }
  .plans-comparison-accordion-content-feature {
    display: grid;
    grid-template-columns: var(--cmp-label-w) max-content;
    gap: var(--cmp-gap);
    align-items: stretch;
    width: max-content;
  }
  .plans-comparison-accordion-content-feature-label {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--default);
    border-right: 0.0625rem solid var(--color-dark-grey);
    padding-right: var(--cmp-gap);
  }
  .plans-comparison-accordion-content-feature-values {
    width: auto;
    max-width: none;
  }
  .plans-comparison-accordion-content-feature-values .d-grid {
    width: max-content;
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: var(--cmp-col-w);
    gap: var(--cmp-gap);
  }
}

.pricing-provider-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-medium);
}

.pricing-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--padding-huge);
}
@media (max-width: 1024px) {
  .pricing-header {
    flex-direction: column;
    align-items: stretch;
    gap: var(--padding-large);
  }
}
.pricing-header-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--padding-small);
}
@media (max-width: 768px) {
  .pricing-header-tabs {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--padding-small);
  }
}
.pricing-header-slider {
  width: 100%;
  max-width: calc(var(--content-max) / 12 * 4);
}
@media (max-width: 1024px) {
  .pricing-header-slider {
    max-width: 100%;
  }
}

.pricing-faq-accordion-answer.open {
  padding: var(--padding-small);
  color: var(--neutral-6);
}
.pricing-faq-accordion-answer p {
  margin: 0;
}
.pricing-faq-accordion-answer p + p {
  margin-top: var(--padding-extra-small);
}

.pricing-start-cta {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-medium);
}
.pricing-start-cta-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-extra-small);
}

.split-content-wrapper {
  display: flex;
  gap: var(--padding-huge);
}
@media (max-width: 1024px) {
  .split-content-wrapper {
    flex-direction: column;
  }
}
.split-content-item {
  width: calc(1440px / 12 * 5);
}
.split-content-item:last-child {
  width: calc(1440px / 12 * 7);
}
@media (max-width: 1024px) {
  .split-content-item:last-child {
    width: unset;
  }
}
@media (max-width: 1024px) {
  .split-content-item {
    width: unset;
  }
}

/* The bundle of all BrandUI styles */
.sticky-media-columns {
  display: flex;
  gap: var(--padding-huge);
}
@media (max-width: 1024px) {
  .sticky-media-columns {
    flex-direction: column-reverse;
  }
}
.sticky-media-fixed-media {
  flex-basis: 60%;
}
.sticky-media-fixed-media > * {
  top: 10rem;
}
@media (max-width: 1024px) {
  .sticky-media-fixed-media {
    flex-basis: unset;
  }
}
.sticky-media-scrollable-content {
  z-index: 0;
  flex-basis: 40%;
  display: grid;
  gap: var(--padding-medium);
  align-items: start;
}
.sticky-media-scrollable-content-item {
  min-height: 50vh;
  display: flex;
  scroll-snap-align: start;
}
@media (max-width: 768px) {
  .sticky-media-scrollable-content-item {
    min-height: 40vh;
  }
}
.sticky-media-scrollable-content.grid-cols-2 {
  gap: var(--padding-extra-large);
}
@media (max-width: 768px) {
  .sticky-media-scrollable-content.grid-cols-2 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1024px) {
  .sticky-media-scrollable-content {
    flex-basis: unset;
    gap: var(--padding-huge);
  }
}

.sub-navigation {
  padding-top: var(--padding-slim);
  position: relative;
  z-index: 1;
}
.sub-navigation-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--padding-extra-small);
  flex-wrap: wrap;
  flex-grow: 1;
}
.sub-navigation-content-wrapper {
  padding: var(--padding-extra-small) var(--padding-small);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--padding-small);
  flex-wrap: wrap;
  border-width: 0.1875rem;
  border-style: solid;
  border-radius: var(--radius-large);
  box-shadow: var(--shadow-outline);
  backdrop-filter: blur(1.5rem);
  background-color: color-mix(in srgb, var(--default), transparent 20%);
}
.sub-navigation-content-wrapper.group:hover, .sub-navigation-content-wrapper.group:focus {
  background-color: color-mix(in srgb, var(--default), transparent 50%);
}
.sub-navigation-content-wrapper {
  border-color: color-mix(in srgb, var(--default), transparent 70%);
}
.sub-navigation-content-wrapper.group:hover, .sub-navigation-content-wrapper.group:focus {
  border-color: color-mix(in srgb, var(--default), transparent 50%);
}
@media (max-width: 768px) {
  .sub-navigation-content-wrapper {
    flex-direction: column;
    align-items: start;
  }
}
@media (max-width: 768px) {
  .sub-navigation-content {
    flex-direction: column;
    align-items: start;
  }
}
.sub-navigation-root-label {
  min-width: fit-content;
  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, normal);
  text-transform: var(--txt-subhead-small-tt, none);
  color: var(--ui-headline);
}
.sub-navigation-links {
  display: flex;
  align-items: center;
  gap: var(--padding-extra-small);
}
.sub-navigation-links a.sub-navigation-link {
  padding: var(--padding-extra-small) var(--padding-small);
  border-radius: var(--radius-small);
  text-decoration: none;
  transition: color var(--transition-fast), background-color var(--transition-fast);
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.sub-navigation-links a.sub-navigation-link strong,
.sub-navigation-links a.sub-navigation-link b {
  font-weight: 700;
}
.sub-navigation-links a.sub-navigation-link {
  color: var(--action);
}
.sub-navigation-links a.sub-navigation-link:hover {
  color: var(--action-tertiary);
  background-color: color-mix(in srgb, var(--action-secondary), transparent 90%);
}
.sub-navigation-links .sub-navigation-link-current {
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.sub-navigation-links .sub-navigation-link-current strong,
.sub-navigation-links .sub-navigation-link-current b {
  font-weight: 700;
}
.sub-navigation-links .sub-navigation-link-current {
  color: var(--ui-body);
}
@media (max-width: 1024px) {
  .sub-navigation-links {
    display: none;
  }
}
.sub-navigation-mobile-dropdown {
  display: none;
}
@media (max-width: 1024px) {
  .sub-navigation-mobile-dropdown {
    min-width: calc(1440px / 12 * 2);
    display: block;
    z-index: 99;
  }
}

.brandui-swiper .swiper-trigger {
  font-size: 3rem;
  line-height: 1.3;
  transform: translateX(2.5rem) scale(0.7);
}
.brandui-swiper .swiper-heading,
.brandui-swiper .swiper-center,
.brandui-swiper .swiper-left {
  transition: all 0.06s linear;
}
.brandui-swiper .swiper-slider {
  cursor: col-resize;
}
@media (width <= 960px) {
  .brandui-swiper .swiper-trigger {
    transform: translateX(2.5rem) scale(0.4);
  }
}

.sr-only {
  position: absolute !important;
  left: -999999px !important;
  top: -999999px !important;
}

.sr-focus-only {
  position: absolute !important;
  left: -999999px !important;
  top: -999999px !important;
}
.sr-focus-only:focus {
  position: absolute;
  top: 5px !important;
  left: 5px !important;
  z-index: 10000;
}

.display-on-focus {
  position: absolute;
  left: -999999px !important;
}
.display-on-focus:focus {
  position: absolute;
  top: 5px !important;
  left: 5px !important;
  z-index: 10000;
}

.outline-offset-reset {
  outline-offset: 0;
}

@keyframes reveal {
  0% {
    transform: scale(0.5);
  }
  90% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.animated {
  opacity: 1;
  transform: translateZ(0);
  transform-style: preserve-3d;
}

.fly-in-top {
  animation: fly-in-top 3s 1 ease-out;
}

.fly-in-bottom {
  animation: fly-in-bottom 3s 1 ease-in-out;
  z-index: 10;
}

.pan-left {
  animation: pan-left 3s 1 ease-out;
}

.pan-right {
  animation: pan-right 3s 1 ease-out;
}

.fade-in {
  animation: fade-in 3s 1 ease-out;
}

.fade-out {
  animation: fade-out 3s 1 ease-out;
}

.shimmer {
  animation: shimmer 3s infinite;
}

.sparkle {
  animation: sparkle 4s ease-in-out infinite;
}

@media (min-width: 769px) {
  @supports (animation-timeline: view()) {
    .revealing-image {
      animation: linear reveal both;
      animation-timeline: view();
      animation-range: entry 25% cover 50%;
    }
  }
}

.bg-skeleton {
  position: relative;
  overflow: hidden;
  background-color: var(--default);
}
.bg-skeleton::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, color-mix(in srgb, var(--neutral-6), transparent 100%) 0, color-mix(in srgb, var(--neutral-6), transparent 80%) 20%, color-mix(in srgb, var(--neutral-6), transparent 50%) 60%, color-mix(in srgb, var(--neutral-6), transparent 100%));
  animation: shimmer 3s infinite;
}

.border {
  border-width: 0.0625rem;
  border-style: solid;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-0 {
  border-width: 0rem;
}

.border-1 {
  border-width: 0.0625rem;
}

.border-2 {
  border-width: 0.125rem;
}

.border-3 {
  border-width: 0.1875rem;
}

.border-4 {
  border-width: 0.25rem;
}

.border-5 {
  border-width: 0.3125rem;
}

.border-6 {
  border-width: 0.375rem;
}

.border-7 {
  border-width: 0.4375rem;
}

.border-8 {
  border-width: 0.5rem;
}

.border-9 {
  border-width: 0.5625rem;
}

.border-10 {
  border-width: 0.625rem;
}

.border-top {
  border-top-width: 0.0625rem;
  border-top-style: solid;
}

.border-top-solid {
  border-top-style: solid;
}

.border-top-dashed {
  border-top-style: dashed;
}

.border-top-dotted {
  border-top-style: dotted;
}

.border-top-0 {
  border-top-width: 0rem;
}

.border-top-1 {
  border-top-width: 0.0625rem;
}

.border-top-2 {
  border-top-width: 0.125rem;
}

.border-top-3 {
  border-top-width: 0.1875rem;
}

.border-top-4 {
  border-top-width: 0.25rem;
}

.border-top-5 {
  border-top-width: 0.3125rem;
}

.border-top-6 {
  border-top-width: 0.375rem;
}

.border-top-7 {
  border-top-width: 0.4375rem;
}

.border-top-8 {
  border-top-width: 0.5rem;
}

.border-top-9 {
  border-top-width: 0.5625rem;
}

.border-top-10 {
  border-top-width: 0.625rem;
}

.border-right {
  border-right-width: 0.0625rem;
  border-right-style: solid;
}

.border-right-solid {
  border-right-style: solid;
}

.border-right-dashed {
  border-right-style: dashed;
}

.border-right-dotted {
  border-right-style: dotted;
}

.border-right-0 {
  border-right-width: 0rem;
}

.border-right-1 {
  border-right-width: 0.0625rem;
}

.border-right-2 {
  border-right-width: 0.125rem;
}

.border-right-3 {
  border-right-width: 0.1875rem;
}

.border-right-4 {
  border-right-width: 0.25rem;
}

.border-right-5 {
  border-right-width: 0.3125rem;
}

.border-right-6 {
  border-right-width: 0.375rem;
}

.border-right-7 {
  border-right-width: 0.4375rem;
}

.border-right-8 {
  border-right-width: 0.5rem;
}

.border-right-9 {
  border-right-width: 0.5625rem;
}

.border-right-10 {
  border-right-width: 0.625rem;
}

.border-bottom {
  border-bottom-width: 0.0625rem;
  border-bottom-style: solid;
}

.border-bottom-solid {
  border-bottom-style: solid;
}

.border-bottom-dashed {
  border-bottom-style: dashed;
}

.border-bottom-dotted {
  border-bottom-style: dotted;
}

.border-bottom-0 {
  border-bottom-width: 0rem;
}

.border-bottom-1 {
  border-bottom-width: 0.0625rem;
}

.border-bottom-2 {
  border-bottom-width: 0.125rem;
}

.border-bottom-3 {
  border-bottom-width: 0.1875rem;
}

.border-bottom-4 {
  border-bottom-width: 0.25rem;
}

.border-bottom-5 {
  border-bottom-width: 0.3125rem;
}

.border-bottom-6 {
  border-bottom-width: 0.375rem;
}

.border-bottom-7 {
  border-bottom-width: 0.4375rem;
}

.border-bottom-8 {
  border-bottom-width: 0.5rem;
}

.border-bottom-9 {
  border-bottom-width: 0.5625rem;
}

.border-bottom-10 {
  border-bottom-width: 0.625rem;
}

.border-left {
  border-left-width: 0.0625rem;
  border-left-style: solid;
}

.border-left-solid {
  border-left-style: solid;
}

.border-left-dashed {
  border-left-style: dashed;
}

.border-left-dotted {
  border-left-style: dotted;
}

.border-left-0 {
  border-left-width: 0rem;
}

.border-left-1 {
  border-left-width: 0.0625rem;
}

.border-left-2 {
  border-left-width: 0.125rem;
}

.border-left-3 {
  border-left-width: 0.1875rem;
}

.border-left-4 {
  border-left-width: 0.25rem;
}

.border-left-5 {
  border-left-width: 0.3125rem;
}

.border-left-6 {
  border-left-width: 0.375rem;
}

.border-left-7 {
  border-left-width: 0.4375rem;
}

.border-left-8 {
  border-left-width: 0.5rem;
}

.border-left-9 {
  border-left-width: 0.5625rem;
}

.border-left-10 {
  border-left-width: 0.625rem;
}

.border-none {
  border: none;
}

.collapse-separate {
  border-collapse: separate;
}

.border-spacing-extra-small {
  border-spacing: var(--padding-extra-small);
}

/* The bundle of all BrandUI styles */
@media (max-width: 8640px) {
  .opacity-0,
  .hover\:opacity-0:hover,
  .focus\:opacity-0:focus,
  .group:hover .group-hover\:opacity-0,
  .group:focus-within .group-focus-within\:opacity-0 {
    opacity: 0;
  }
  .opacity-00,
  .hover\:opacity-00:hover,
  .focus\:opacity-00:focus,
  .group:hover .group-hover\:opacity-00,
  .group:focus-within .group-focus-within\:opacity-00 {
    opacity: 0;
  }
  .opacity-1,
  .hover\:opacity-1:hover,
  .focus\:opacity-1:focus,
  .group:hover .group-hover\:opacity-1,
  .group:focus-within .group-focus-within\:opacity-1 {
    opacity: 0.1;
  }
  .opacity-01,
  .hover\:opacity-01:hover,
  .focus\:opacity-01:focus,
  .group:hover .group-hover\:opacity-01,
  .group:focus-within .group-focus-within\:opacity-01 {
    opacity: 0.01;
  }
  .opacity-2,
  .hover\:opacity-2:hover,
  .focus\:opacity-2:focus,
  .group:hover .group-hover\:opacity-2,
  .group:focus-within .group-focus-within\:opacity-2 {
    opacity: 0.2;
  }
  .opacity-02,
  .hover\:opacity-02:hover,
  .focus\:opacity-02:focus,
  .group:hover .group-hover\:opacity-02,
  .group:focus-within .group-focus-within\:opacity-02 {
    opacity: 0.02;
  }
  .opacity-3,
  .hover\:opacity-3:hover,
  .focus\:opacity-3:focus,
  .group:hover .group-hover\:opacity-3,
  .group:focus-within .group-focus-within\:opacity-3 {
    opacity: 0.3;
  }
  .opacity-03,
  .hover\:opacity-03:hover,
  .focus\:opacity-03:focus,
  .group:hover .group-hover\:opacity-03,
  .group:focus-within .group-focus-within\:opacity-03 {
    opacity: 0.03;
  }
  .opacity-4,
  .hover\:opacity-4:hover,
  .focus\:opacity-4:focus,
  .group:hover .group-hover\:opacity-4,
  .group:focus-within .group-focus-within\:opacity-4 {
    opacity: 0.4;
  }
  .opacity-04,
  .hover\:opacity-04:hover,
  .focus\:opacity-04:focus,
  .group:hover .group-hover\:opacity-04,
  .group:focus-within .group-focus-within\:opacity-04 {
    opacity: 0.04;
  }
  .opacity-5,
  .hover\:opacity-5:hover,
  .focus\:opacity-5:focus,
  .group:hover .group-hover\:opacity-5,
  .group:focus-within .group-focus-within\:opacity-5 {
    opacity: 0.5;
  }
  .opacity-05,
  .hover\:opacity-05:hover,
  .focus\:opacity-05:focus,
  .group:hover .group-hover\:opacity-05,
  .group:focus-within .group-focus-within\:opacity-05 {
    opacity: 0.05;
  }
  .opacity-6,
  .hover\:opacity-6:hover,
  .focus\:opacity-6:focus,
  .group:hover .group-hover\:opacity-6,
  .group:focus-within .group-focus-within\:opacity-6 {
    opacity: 0.6;
  }
  .opacity-06,
  .hover\:opacity-06:hover,
  .focus\:opacity-06:focus,
  .group:hover .group-hover\:opacity-06,
  .group:focus-within .group-focus-within\:opacity-06 {
    opacity: 0.06;
  }
  .opacity-7,
  .hover\:opacity-7:hover,
  .focus\:opacity-7:focus,
  .group:hover .group-hover\:opacity-7,
  .group:focus-within .group-focus-within\:opacity-7 {
    opacity: 0.7;
  }
  .opacity-07,
  .hover\:opacity-07:hover,
  .focus\:opacity-07:focus,
  .group:hover .group-hover\:opacity-07,
  .group:focus-within .group-focus-within\:opacity-07 {
    opacity: 0.07;
  }
  .opacity-8,
  .hover\:opacity-8:hover,
  .focus\:opacity-8:focus,
  .group:hover .group-hover\:opacity-8,
  .group:focus-within .group-focus-within\:opacity-8 {
    opacity: 0.8;
  }
  .opacity-08,
  .hover\:opacity-08:hover,
  .focus\:opacity-08:focus,
  .group:hover .group-hover\:opacity-08,
  .group:focus-within .group-focus-within\:opacity-08 {
    opacity: 0.08;
  }
  .opacity-9,
  .hover\:opacity-9:hover,
  .focus\:opacity-9:focus,
  .group:hover .group-hover\:opacity-9,
  .group:focus-within .group-focus-within\:opacity-9 {
    opacity: 0.9;
  }
  .opacity-09,
  .hover\:opacity-09:hover,
  .focus\:opacity-09:focus,
  .group:hover .group-hover\:opacity-09,
  .group:focus-within .group-focus-within\:opacity-09 {
    opacity: 0.09;
  }
  .opacity-10,
  .hover\:opacity-10:hover,
  .focus\:opacity-10:focus,
  .group:hover .group-hover\:opacity-10,
  .group:focus-within .group-focus-within\:opacity-10 {
    opacity: 1;
  }
  .grayscale-full {
    filter: grayscale(1);
  }
  .grayscale-none {
    filter: grayscale(0);
  }
  .blur-small {
    filter: blur(0.625rem);
  }
  .blur-medium {
    filter: blur(1.25rem);
  }
  .blur-large {
    filter: blur(2.5rem);
  }
  .blur-none {
    filter: blur(0);
  }
  .bg-blur-small {
    backdrop-filter: blur(0.625rem);
  }
  .bg-blur-medium {
    backdrop-filter: blur(1.25rem);
  }
  .bg-blur-large {
    backdrop-filter: blur(2.5rem);
  }
  .bg-blur-none {
    backdrop-filter: blur(0);
  }
  .taper-fade-v, .brandui-flip .brandui-flip-back-content,
  .taper-fade-h {
    display: block;
    position: relative;
    overflow: hidden;
  }
  .taper-fade-v::before, .brandui-flip .brandui-flip-back-content::before, .taper-fade-v::after, .brandui-flip .brandui-flip-back-content::after,
  .taper-fade-h::before,
  .taper-fade-h::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    transition: var(--transition-fast);
    pointer-events: none;
    inset: 0;
    margin: auto 0 0;
    width: 100%;
    height: 2rem;
    z-index: 100;
  }
  .taper-fade-v::before, .brandui-flip .brandui-flip-back-content::before,
  .taper-fade-h::before {
    margin: 0 0 auto;
    background: linear-gradient(180deg, color-mix(in srgb, var(--default), transparent 0%), color-mix(in srgb, var(--default), transparent 100%));
  }
  .taper-fade-v::after, .brandui-flip .brandui-flip-back-content::after,
  .taper-fade-h::after {
    background: linear-gradient(0deg, color-mix(in srgb, var(--default), transparent 0%), color-mix(in srgb, var(--default), transparent 100%));
  }
  .taper-fade-h::before, .taper-fade-h::after {
    margin: 0 auto 0 0;
    width: 2rem;
    height: 100%;
  }
  .taper-fade-h::after {
    margin: 0 0 0 auto;
  }
  .taper-fade-h::before {
    background: linear-gradient(90deg, color-mix(in srgb, var(--default), transparent 0%), color-mix(in srgb, var(--default), transparent 100%));
  }
  .taper-fade-h::after {
    background: linear-gradient(270deg, color-mix(in srgb, var(--default), transparent 0%), color-mix(in srgb, var(--default), transparent 100%));
  }
  .taper-fade-none::before, .taper-fade-none::after {
    display: none;
  }
}
@media (max-width: 1024px) {
  .tablet\:opacity-0,
  .tablet\:hover\:opacity-0:hover,
  .tablet\:focus\:opacity-0:focus,
  .tablet\:group:hover .group-hover\:opacity-0,
  .tablet\:group:focus-within .group-focus-within\:opacity-0 {
    opacity: 0;
  }
  .tablet\:opacity-00,
  .tablet\:hover\:opacity-00:hover,
  .tablet\:focus\:opacity-00:focus,
  .tablet\:group:hover .group-hover\:opacity-00,
  .tablet\:group:focus-within .group-focus-within\:opacity-00 {
    opacity: 0;
  }
  .tablet\:opacity-1,
  .tablet\:hover\:opacity-1:hover,
  .tablet\:focus\:opacity-1:focus,
  .tablet\:group:hover .group-hover\:opacity-1,
  .tablet\:group:focus-within .group-focus-within\:opacity-1 {
    opacity: 0.1;
  }
  .tablet\:opacity-01,
  .tablet\:hover\:opacity-01:hover,
  .tablet\:focus\:opacity-01:focus,
  .tablet\:group:hover .group-hover\:opacity-01,
  .tablet\:group:focus-within .group-focus-within\:opacity-01 {
    opacity: 0.01;
  }
  .tablet\:opacity-2,
  .tablet\:hover\:opacity-2:hover,
  .tablet\:focus\:opacity-2:focus,
  .tablet\:group:hover .group-hover\:opacity-2,
  .tablet\:group:focus-within .group-focus-within\:opacity-2 {
    opacity: 0.2;
  }
  .tablet\:opacity-02,
  .tablet\:hover\:opacity-02:hover,
  .tablet\:focus\:opacity-02:focus,
  .tablet\:group:hover .group-hover\:opacity-02,
  .tablet\:group:focus-within .group-focus-within\:opacity-02 {
    opacity: 0.02;
  }
  .tablet\:opacity-3,
  .tablet\:hover\:opacity-3:hover,
  .tablet\:focus\:opacity-3:focus,
  .tablet\:group:hover .group-hover\:opacity-3,
  .tablet\:group:focus-within .group-focus-within\:opacity-3 {
    opacity: 0.3;
  }
  .tablet\:opacity-03,
  .tablet\:hover\:opacity-03:hover,
  .tablet\:focus\:opacity-03:focus,
  .tablet\:group:hover .group-hover\:opacity-03,
  .tablet\:group:focus-within .group-focus-within\:opacity-03 {
    opacity: 0.03;
  }
  .tablet\:opacity-4,
  .tablet\:hover\:opacity-4:hover,
  .tablet\:focus\:opacity-4:focus,
  .tablet\:group:hover .group-hover\:opacity-4,
  .tablet\:group:focus-within .group-focus-within\:opacity-4 {
    opacity: 0.4;
  }
  .tablet\:opacity-04,
  .tablet\:hover\:opacity-04:hover,
  .tablet\:focus\:opacity-04:focus,
  .tablet\:group:hover .group-hover\:opacity-04,
  .tablet\:group:focus-within .group-focus-within\:opacity-04 {
    opacity: 0.04;
  }
  .tablet\:opacity-5,
  .tablet\:hover\:opacity-5:hover,
  .tablet\:focus\:opacity-5:focus,
  .tablet\:group:hover .group-hover\:opacity-5,
  .tablet\:group:focus-within .group-focus-within\:opacity-5 {
    opacity: 0.5;
  }
  .tablet\:opacity-05,
  .tablet\:hover\:opacity-05:hover,
  .tablet\:focus\:opacity-05:focus,
  .tablet\:group:hover .group-hover\:opacity-05,
  .tablet\:group:focus-within .group-focus-within\:opacity-05 {
    opacity: 0.05;
  }
  .tablet\:opacity-6,
  .tablet\:hover\:opacity-6:hover,
  .tablet\:focus\:opacity-6:focus,
  .tablet\:group:hover .group-hover\:opacity-6,
  .tablet\:group:focus-within .group-focus-within\:opacity-6 {
    opacity: 0.6;
  }
  .tablet\:opacity-06,
  .tablet\:hover\:opacity-06:hover,
  .tablet\:focus\:opacity-06:focus,
  .tablet\:group:hover .group-hover\:opacity-06,
  .tablet\:group:focus-within .group-focus-within\:opacity-06 {
    opacity: 0.06;
  }
  .tablet\:opacity-7,
  .tablet\:hover\:opacity-7:hover,
  .tablet\:focus\:opacity-7:focus,
  .tablet\:group:hover .group-hover\:opacity-7,
  .tablet\:group:focus-within .group-focus-within\:opacity-7 {
    opacity: 0.7;
  }
  .tablet\:opacity-07,
  .tablet\:hover\:opacity-07:hover,
  .tablet\:focus\:opacity-07:focus,
  .tablet\:group:hover .group-hover\:opacity-07,
  .tablet\:group:focus-within .group-focus-within\:opacity-07 {
    opacity: 0.07;
  }
  .tablet\:opacity-8,
  .tablet\:hover\:opacity-8:hover,
  .tablet\:focus\:opacity-8:focus,
  .tablet\:group:hover .group-hover\:opacity-8,
  .tablet\:group:focus-within .group-focus-within\:opacity-8 {
    opacity: 0.8;
  }
  .tablet\:opacity-08,
  .tablet\:hover\:opacity-08:hover,
  .tablet\:focus\:opacity-08:focus,
  .tablet\:group:hover .group-hover\:opacity-08,
  .tablet\:group:focus-within .group-focus-within\:opacity-08 {
    opacity: 0.08;
  }
  .tablet\:opacity-9,
  .tablet\:hover\:opacity-9:hover,
  .tablet\:focus\:opacity-9:focus,
  .tablet\:group:hover .group-hover\:opacity-9,
  .tablet\:group:focus-within .group-focus-within\:opacity-9 {
    opacity: 0.9;
  }
  .tablet\:opacity-09,
  .tablet\:hover\:opacity-09:hover,
  .tablet\:focus\:opacity-09:focus,
  .tablet\:group:hover .group-hover\:opacity-09,
  .tablet\:group:focus-within .group-focus-within\:opacity-09 {
    opacity: 0.09;
  }
  .tablet\:opacity-10,
  .tablet\:hover\:opacity-10:hover,
  .tablet\:focus\:opacity-10:focus,
  .tablet\:group:hover .group-hover\:opacity-10,
  .tablet\:group:focus-within .group-focus-within\:opacity-10 {
    opacity: 1;
  }
  .tablet\:grayscale-full {
    filter: grayscale(1);
  }
  .tablet\:grayscale-none {
    filter: grayscale(0);
  }
  .tablet\:blur-small {
    filter: blur(0.625rem);
  }
  .tablet\:blur-medium {
    filter: blur(1.25rem);
  }
  .tablet\:blur-large {
    filter: blur(2.5rem);
  }
  .tablet\:blur-none {
    filter: blur(0);
  }
  .tablet\:bg-blur-small {
    backdrop-filter: blur(0.625rem);
  }
  .tablet\:bg-blur-medium {
    backdrop-filter: blur(1.25rem);
  }
  .tablet\:bg-blur-large {
    backdrop-filter: blur(2.5rem);
  }
  .tablet\:bg-blur-none {
    backdrop-filter: blur(0);
  }
  .tablet\:taper-fade-v,
  .tablet\:taper-fade-h {
    display: block;
    position: relative;
    overflow: hidden;
  }
  .tablet\:taper-fade-v::before, .tablet\:taper-fade-v::after,
  .tablet\:taper-fade-h::before,
  .tablet\:taper-fade-h::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    transition: var(--transition-fast);
    pointer-events: none;
    inset: 0;
    margin: auto 0 0;
    width: 100%;
    height: 2rem;
    z-index: 100;
  }
  .tablet\:taper-fade-v::before,
  .tablet\:taper-fade-h::before {
    margin: 0 0 auto;
    background: linear-gradient(180deg, color-mix(in srgb, var(--default), transparent 0%), color-mix(in srgb, var(--default), transparent 100%));
  }
  .tablet\:taper-fade-v::after,
  .tablet\:taper-fade-h::after {
    background: linear-gradient(0deg, color-mix(in srgb, var(--default), transparent 0%), color-mix(in srgb, var(--default), transparent 100%));
  }
  .tablet\:taper-fade-h::before, .tablet\:taper-fade-h::after {
    margin: 0 auto 0 0;
    width: 2rem;
    height: 100%;
  }
  .tablet\:taper-fade-h::after {
    margin: 0 0 0 auto;
  }
  .tablet\:taper-fade-h::before {
    background: linear-gradient(90deg, color-mix(in srgb, var(--default), transparent 0%), color-mix(in srgb, var(--default), transparent 100%));
  }
  .tablet\:taper-fade-h::after {
    background: linear-gradient(270deg, color-mix(in srgb, var(--default), transparent 0%), color-mix(in srgb, var(--default), transparent 100%));
  }
  .tablet\:taper-fade-none::before, .tablet\:taper-fade-none::after {
    display: none;
  }
}
@media (max-width: 768px) {
  .mobile\:opacity-0,
  .mobile\:hover\:opacity-0:hover,
  .mobile\:focus\:opacity-0:focus,
  .mobile\:group:hover .group-hover\:opacity-0,
  .mobile\:group:focus-within .group-focus-within\:opacity-0 {
    opacity: 0;
  }
  .mobile\:opacity-00,
  .mobile\:hover\:opacity-00:hover,
  .mobile\:focus\:opacity-00:focus,
  .mobile\:group:hover .group-hover\:opacity-00,
  .mobile\:group:focus-within .group-focus-within\:opacity-00 {
    opacity: 0;
  }
  .mobile\:opacity-1,
  .mobile\:hover\:opacity-1:hover,
  .mobile\:focus\:opacity-1:focus,
  .mobile\:group:hover .group-hover\:opacity-1,
  .mobile\:group:focus-within .group-focus-within\:opacity-1 {
    opacity: 0.1;
  }
  .mobile\:opacity-01,
  .mobile\:hover\:opacity-01:hover,
  .mobile\:focus\:opacity-01:focus,
  .mobile\:group:hover .group-hover\:opacity-01,
  .mobile\:group:focus-within .group-focus-within\:opacity-01 {
    opacity: 0.01;
  }
  .mobile\:opacity-2,
  .mobile\:hover\:opacity-2:hover,
  .mobile\:focus\:opacity-2:focus,
  .mobile\:group:hover .group-hover\:opacity-2,
  .mobile\:group:focus-within .group-focus-within\:opacity-2 {
    opacity: 0.2;
  }
  .mobile\:opacity-02,
  .mobile\:hover\:opacity-02:hover,
  .mobile\:focus\:opacity-02:focus,
  .mobile\:group:hover .group-hover\:opacity-02,
  .mobile\:group:focus-within .group-focus-within\:opacity-02 {
    opacity: 0.02;
  }
  .mobile\:opacity-3,
  .mobile\:hover\:opacity-3:hover,
  .mobile\:focus\:opacity-3:focus,
  .mobile\:group:hover .group-hover\:opacity-3,
  .mobile\:group:focus-within .group-focus-within\:opacity-3 {
    opacity: 0.3;
  }
  .mobile\:opacity-03,
  .mobile\:hover\:opacity-03:hover,
  .mobile\:focus\:opacity-03:focus,
  .mobile\:group:hover .group-hover\:opacity-03,
  .mobile\:group:focus-within .group-focus-within\:opacity-03 {
    opacity: 0.03;
  }
  .mobile\:opacity-4,
  .mobile\:hover\:opacity-4:hover,
  .mobile\:focus\:opacity-4:focus,
  .mobile\:group:hover .group-hover\:opacity-4,
  .mobile\:group:focus-within .group-focus-within\:opacity-4 {
    opacity: 0.4;
  }
  .mobile\:opacity-04,
  .mobile\:hover\:opacity-04:hover,
  .mobile\:focus\:opacity-04:focus,
  .mobile\:group:hover .group-hover\:opacity-04,
  .mobile\:group:focus-within .group-focus-within\:opacity-04 {
    opacity: 0.04;
  }
  .mobile\:opacity-5,
  .mobile\:hover\:opacity-5:hover,
  .mobile\:focus\:opacity-5:focus,
  .mobile\:group:hover .group-hover\:opacity-5,
  .mobile\:group:focus-within .group-focus-within\:opacity-5 {
    opacity: 0.5;
  }
  .mobile\:opacity-05,
  .mobile\:hover\:opacity-05:hover,
  .mobile\:focus\:opacity-05:focus,
  .mobile\:group:hover .group-hover\:opacity-05,
  .mobile\:group:focus-within .group-focus-within\:opacity-05 {
    opacity: 0.05;
  }
  .mobile\:opacity-6,
  .mobile\:hover\:opacity-6:hover,
  .mobile\:focus\:opacity-6:focus,
  .mobile\:group:hover .group-hover\:opacity-6,
  .mobile\:group:focus-within .group-focus-within\:opacity-6 {
    opacity: 0.6;
  }
  .mobile\:opacity-06,
  .mobile\:hover\:opacity-06:hover,
  .mobile\:focus\:opacity-06:focus,
  .mobile\:group:hover .group-hover\:opacity-06,
  .mobile\:group:focus-within .group-focus-within\:opacity-06 {
    opacity: 0.06;
  }
  .mobile\:opacity-7,
  .mobile\:hover\:opacity-7:hover,
  .mobile\:focus\:opacity-7:focus,
  .mobile\:group:hover .group-hover\:opacity-7,
  .mobile\:group:focus-within .group-focus-within\:opacity-7 {
    opacity: 0.7;
  }
  .mobile\:opacity-07,
  .mobile\:hover\:opacity-07:hover,
  .mobile\:focus\:opacity-07:focus,
  .mobile\:group:hover .group-hover\:opacity-07,
  .mobile\:group:focus-within .group-focus-within\:opacity-07 {
    opacity: 0.07;
  }
  .mobile\:opacity-8,
  .mobile\:hover\:opacity-8:hover,
  .mobile\:focus\:opacity-8:focus,
  .mobile\:group:hover .group-hover\:opacity-8,
  .mobile\:group:focus-within .group-focus-within\:opacity-8 {
    opacity: 0.8;
  }
  .mobile\:opacity-08,
  .mobile\:hover\:opacity-08:hover,
  .mobile\:focus\:opacity-08:focus,
  .mobile\:group:hover .group-hover\:opacity-08,
  .mobile\:group:focus-within .group-focus-within\:opacity-08 {
    opacity: 0.08;
  }
  .mobile\:opacity-9,
  .mobile\:hover\:opacity-9:hover,
  .mobile\:focus\:opacity-9:focus,
  .mobile\:group:hover .group-hover\:opacity-9,
  .mobile\:group:focus-within .group-focus-within\:opacity-9 {
    opacity: 0.9;
  }
  .mobile\:opacity-09,
  .mobile\:hover\:opacity-09:hover,
  .mobile\:focus\:opacity-09:focus,
  .mobile\:group:hover .group-hover\:opacity-09,
  .mobile\:group:focus-within .group-focus-within\:opacity-09 {
    opacity: 0.09;
  }
  .mobile\:opacity-10,
  .mobile\:hover\:opacity-10:hover,
  .mobile\:focus\:opacity-10:focus,
  .mobile\:group:hover .group-hover\:opacity-10,
  .mobile\:group:focus-within .group-focus-within\:opacity-10 {
    opacity: 1;
  }
  .mobile\:grayscale-full {
    filter: grayscale(1);
  }
  .mobile\:grayscale-none {
    filter: grayscale(0);
  }
  .mobile\:blur-small {
    filter: blur(0.625rem);
  }
  .mobile\:blur-medium {
    filter: blur(1.25rem);
  }
  .mobile\:blur-large {
    filter: blur(2.5rem);
  }
  .mobile\:blur-none {
    filter: blur(0);
  }
  .mobile\:bg-blur-small {
    backdrop-filter: blur(0.625rem);
  }
  .mobile\:bg-blur-medium {
    backdrop-filter: blur(1.25rem);
  }
  .mobile\:bg-blur-large {
    backdrop-filter: blur(2.5rem);
  }
  .mobile\:bg-blur-none {
    backdrop-filter: blur(0);
  }
  .mobile\:taper-fade-v,
  .mobile\:taper-fade-h {
    display: block;
    position: relative;
    overflow: hidden;
  }
  .mobile\:taper-fade-v::before, .mobile\:taper-fade-v::after,
  .mobile\:taper-fade-h::before,
  .mobile\:taper-fade-h::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    transition: var(--transition-fast);
    pointer-events: none;
    inset: 0;
    margin: auto 0 0;
    width: 100%;
    height: 2rem;
    z-index: 100;
  }
  .mobile\:taper-fade-v::before,
  .mobile\:taper-fade-h::before {
    margin: 0 0 auto;
    background: linear-gradient(180deg, color-mix(in srgb, var(--default), transparent 0%), color-mix(in srgb, var(--default), transparent 100%));
  }
  .mobile\:taper-fade-v::after,
  .mobile\:taper-fade-h::after {
    background: linear-gradient(0deg, color-mix(in srgb, var(--default), transparent 0%), color-mix(in srgb, var(--default), transparent 100%));
  }
  .mobile\:taper-fade-h::before, .mobile\:taper-fade-h::after {
    margin: 0 auto 0 0;
    width: 2rem;
    height: 100%;
  }
  .mobile\:taper-fade-h::after {
    margin: 0 0 0 auto;
  }
  .mobile\:taper-fade-h::before {
    background: linear-gradient(90deg, color-mix(in srgb, var(--default), transparent 0%), color-mix(in srgb, var(--default), transparent 100%));
  }
  .mobile\:taper-fade-h::after {
    background: linear-gradient(270deg, color-mix(in srgb, var(--default), transparent 0%), color-mix(in srgb, var(--default), transparent 100%));
  }
  .mobile\:taper-fade-none::before, .mobile\:taper-fade-none::after {
    display: none;
  }
}
/* The bundle of all BrandUI styles */
@media (max-width: 8640px) {
  .shadow-outline,
  .hover\:shadow-outline:hover,
  .focus\:shadow-outline:focus,
  .group:hover .group-hover\:shadow-outline,
  .group:focus-within .group-focus-within\:shadow-outline {
    box-shadow: var(--shadow-outline);
  }
  .shadow-outline-inset,
  .hover\:shadow-outline-inset:hover,
  .focus\:shadow-outline-inset:focus,
  .group:hover .group-hover\:shadow-outline-inset,
  .group:focus-within .group-focus-within\:shadow-outline-inset {
    box-shadow: inset var(--shadow-outline);
  }
  .shadow-faint,
  .hover\:shadow-faint:hover,
  .focus\:shadow-faint:focus,
  .group:hover .group-hover\:shadow-faint,
  .group:focus-within .group-focus-within\:shadow-faint {
    box-shadow: var(--shadow-faint);
  }
  .shadow-faint-inset,
  .hover\:shadow-faint-inset:hover,
  .focus\:shadow-faint-inset:focus,
  .group:hover .group-hover\:shadow-faint-inset,
  .group:focus-within .group-focus-within\:shadow-faint-inset {
    box-shadow: inset var(--shadow-faint);
  }
  .shadow-near,
  .hover\:shadow-near:hover,
  .focus\:shadow-near:focus,
  .group:hover .group-hover\:shadow-near,
  .group:focus-within .group-focus-within\:shadow-near {
    box-shadow: var(--shadow-near);
  }
  .shadow-near-inset,
  .hover\:shadow-near-inset:hover,
  .focus\:shadow-near-inset:focus,
  .group:hover .group-hover\:shadow-near-inset,
  .group:focus-within .group-focus-within\:shadow-near-inset {
    box-shadow: inset var(--shadow-near);
  }
  .shadow-mid,
  .hover\:shadow-mid:hover,
  .focus\:shadow-mid:focus,
  .group:hover .group-hover\:shadow-mid,
  .group:focus-within .group-focus-within\:shadow-mid {
    box-shadow: var(--shadow-mid);
  }
  .shadow-mid-inset,
  .hover\:shadow-mid-inset:hover,
  .focus\:shadow-mid-inset:focus,
  .group:hover .group-hover\:shadow-mid-inset,
  .group:focus-within .group-focus-within\:shadow-mid-inset {
    box-shadow: inset var(--shadow-mid);
  }
  .shadow-far,
  .hover\:shadow-far:hover,
  .focus\:shadow-far:focus,
  .group:hover .group-hover\:shadow-far,
  .group:focus-within .group-focus-within\:shadow-far {
    box-shadow: var(--shadow-far);
  }
  .shadow-far-inset,
  .hover\:shadow-far-inset:hover,
  .focus\:shadow-far-inset:focus,
  .group:hover .group-hover\:shadow-far-inset,
  .group:focus-within .group-focus-within\:shadow-far-inset {
    box-shadow: inset var(--shadow-far);
  }
  .shadow-none,
  .hover\:shadow-none:hover,
  .focus\:shadow-none:focus,
  .group:hover .group-hover\:shadow-none,
  .group:focus-within .group-focus-within\:shadow-none {
    box-shadow: none;
  }
}
@media (max-width: 1024px) {
  .tablet\:shadow-outline,
  .tablet\:hover\:shadow-outline:hover,
  .tablet\:focus\:shadow-outline:focus,
  .tablet\:group:hover .group-hover\:shadow-outline,
  .tablet\:group:focus-within .group-focus-within\:shadow-outline {
    box-shadow: var(--shadow-outline);
  }
  .tablet\:shadow-outline-inset,
  .tablet\:hover\:shadow-outline-inset:hover,
  .tablet\:focus\:shadow-outline-inset:focus,
  .tablet\:group:hover .group-hover\:shadow-outline-inset,
  .tablet\:group:focus-within .group-focus-within\:shadow-outline-inset {
    box-shadow: inset var(--shadow-outline);
  }
  .tablet\:shadow-faint,
  .tablet\:hover\:shadow-faint:hover,
  .tablet\:focus\:shadow-faint:focus,
  .tablet\:group:hover .group-hover\:shadow-faint,
  .tablet\:group:focus-within .group-focus-within\:shadow-faint {
    box-shadow: var(--shadow-faint);
  }
  .tablet\:shadow-faint-inset,
  .tablet\:hover\:shadow-faint-inset:hover,
  .tablet\:focus\:shadow-faint-inset:focus,
  .tablet\:group:hover .group-hover\:shadow-faint-inset,
  .tablet\:group:focus-within .group-focus-within\:shadow-faint-inset {
    box-shadow: inset var(--shadow-faint);
  }
  .tablet\:shadow-near,
  .tablet\:hover\:shadow-near:hover,
  .tablet\:focus\:shadow-near:focus,
  .tablet\:group:hover .group-hover\:shadow-near,
  .tablet\:group:focus-within .group-focus-within\:shadow-near {
    box-shadow: var(--shadow-near);
  }
  .tablet\:shadow-near-inset,
  .tablet\:hover\:shadow-near-inset:hover,
  .tablet\:focus\:shadow-near-inset:focus,
  .tablet\:group:hover .group-hover\:shadow-near-inset,
  .tablet\:group:focus-within .group-focus-within\:shadow-near-inset {
    box-shadow: inset var(--shadow-near);
  }
  .tablet\:shadow-mid,
  .tablet\:hover\:shadow-mid:hover,
  .tablet\:focus\:shadow-mid:focus,
  .tablet\:group:hover .group-hover\:shadow-mid,
  .tablet\:group:focus-within .group-focus-within\:shadow-mid {
    box-shadow: var(--shadow-mid);
  }
  .tablet\:shadow-mid-inset,
  .tablet\:hover\:shadow-mid-inset:hover,
  .tablet\:focus\:shadow-mid-inset:focus,
  .tablet\:group:hover .group-hover\:shadow-mid-inset,
  .tablet\:group:focus-within .group-focus-within\:shadow-mid-inset {
    box-shadow: inset var(--shadow-mid);
  }
  .tablet\:shadow-far,
  .tablet\:hover\:shadow-far:hover,
  .tablet\:focus\:shadow-far:focus,
  .tablet\:group:hover .group-hover\:shadow-far,
  .tablet\:group:focus-within .group-focus-within\:shadow-far {
    box-shadow: var(--shadow-far);
  }
  .tablet\:shadow-far-inset,
  .tablet\:hover\:shadow-far-inset:hover,
  .tablet\:focus\:shadow-far-inset:focus,
  .tablet\:group:hover .group-hover\:shadow-far-inset,
  .tablet\:group:focus-within .group-focus-within\:shadow-far-inset {
    box-shadow: inset var(--shadow-far);
  }
  .tablet\:shadow-none,
  .tablet\:hover\:shadow-none:hover,
  .tablet\:focus\:shadow-none:focus,
  .tablet\:group:hover .group-hover\:shadow-none,
  .tablet\:group:focus-within .group-focus-within\:shadow-none {
    box-shadow: none;
  }
}
@media (max-width: 768px) {
  .mobile\:shadow-outline,
  .mobile\:hover\:shadow-outline:hover,
  .mobile\:focus\:shadow-outline:focus,
  .mobile\:group:hover .group-hover\:shadow-outline,
  .mobile\:group:focus-within .group-focus-within\:shadow-outline {
    box-shadow: var(--shadow-outline);
  }
  .mobile\:shadow-outline-inset,
  .mobile\:hover\:shadow-outline-inset:hover,
  .mobile\:focus\:shadow-outline-inset:focus,
  .mobile\:group:hover .group-hover\:shadow-outline-inset,
  .mobile\:group:focus-within .group-focus-within\:shadow-outline-inset {
    box-shadow: inset var(--shadow-outline);
  }
  .mobile\:shadow-faint,
  .mobile\:hover\:shadow-faint:hover,
  .mobile\:focus\:shadow-faint:focus,
  .mobile\:group:hover .group-hover\:shadow-faint,
  .mobile\:group:focus-within .group-focus-within\:shadow-faint {
    box-shadow: var(--shadow-faint);
  }
  .mobile\:shadow-faint-inset,
  .mobile\:hover\:shadow-faint-inset:hover,
  .mobile\:focus\:shadow-faint-inset:focus,
  .mobile\:group:hover .group-hover\:shadow-faint-inset,
  .mobile\:group:focus-within .group-focus-within\:shadow-faint-inset {
    box-shadow: inset var(--shadow-faint);
  }
  .mobile\:shadow-near,
  .mobile\:hover\:shadow-near:hover,
  .mobile\:focus\:shadow-near:focus,
  .mobile\:group:hover .group-hover\:shadow-near,
  .mobile\:group:focus-within .group-focus-within\:shadow-near {
    box-shadow: var(--shadow-near);
  }
  .mobile\:shadow-near-inset,
  .mobile\:hover\:shadow-near-inset:hover,
  .mobile\:focus\:shadow-near-inset:focus,
  .mobile\:group:hover .group-hover\:shadow-near-inset,
  .mobile\:group:focus-within .group-focus-within\:shadow-near-inset {
    box-shadow: inset var(--shadow-near);
  }
  .mobile\:shadow-mid,
  .mobile\:hover\:shadow-mid:hover,
  .mobile\:focus\:shadow-mid:focus,
  .mobile\:group:hover .group-hover\:shadow-mid,
  .mobile\:group:focus-within .group-focus-within\:shadow-mid {
    box-shadow: var(--shadow-mid);
  }
  .mobile\:shadow-mid-inset,
  .mobile\:hover\:shadow-mid-inset:hover,
  .mobile\:focus\:shadow-mid-inset:focus,
  .mobile\:group:hover .group-hover\:shadow-mid-inset,
  .mobile\:group:focus-within .group-focus-within\:shadow-mid-inset {
    box-shadow: inset var(--shadow-mid);
  }
  .mobile\:shadow-far,
  .mobile\:hover\:shadow-far:hover,
  .mobile\:focus\:shadow-far:focus,
  .mobile\:group:hover .group-hover\:shadow-far,
  .mobile\:group:focus-within .group-focus-within\:shadow-far {
    box-shadow: var(--shadow-far);
  }
  .mobile\:shadow-far-inset,
  .mobile\:hover\:shadow-far-inset:hover,
  .mobile\:focus\:shadow-far-inset:focus,
  .mobile\:group:hover .group-hover\:shadow-far-inset,
  .mobile\:group:focus-within .group-focus-within\:shadow-far-inset {
    box-shadow: inset var(--shadow-far);
  }
  .mobile\:shadow-none,
  .mobile\:hover\:shadow-none:hover,
  .mobile\:focus\:shadow-none:focus,
  .mobile\:group:hover .group-hover\:shadow-none,
  .mobile\:group:focus-within .group-focus-within\:shadow-none {
    box-shadow: none;
  }
}
/* The bundle of all BrandUI styles */
@media (max-width: 8640px) {
  .mix-blend-mode-color {
    mix-blend-mode: color;
  }
  .mix-blend-mode-color-burn {
    mix-blend-mode: color-burn;
  }
  .mix-blend-mode-darken {
    mix-blend-mode: darken;
  }
  .mix-blend-mode-difference {
    mix-blend-mode: difference;
  }
  .mix-blend-mode-exclusion {
    mix-blend-mode: exclusion;
  }
  .mix-blend-mode-hard-light {
    mix-blend-mode: hard-light;
  }
  .mix-blend-mode-hue {
    mix-blend-mode: hue;
  }
  .mix-blend-mode-lighten {
    mix-blend-mode: lighten;
  }
  .mix-blend-mode-luminosity {
    mix-blend-mode: luminosity;
  }
  .mix-blend-mode-multiply {
    mix-blend-mode: multiply;
  }
  .mix-blend-mode-normal {
    mix-blend-mode: normal;
  }
  .mix-blend-mode-overlay {
    mix-blend-mode: overlay;
  }
  .mix-blend-mode-saturation {
    mix-blend-mode: saturation;
  }
  .mix-blend-mode-screen {
    mix-blend-mode: screen;
  }
  .mix-blend-mode-soft-light {
    mix-blend-mode: soft-light;
  }
  .mix-blend-mode-inherit {
    mix-blend-mode: inherit;
  }
  .mix-blend-mode-initial {
    mix-blend-mode: initial;
  }
  .mix-blend-mode-unset {
    mix-blend-mode: unset;
  }
}
@media (max-width: 1024px) {
  .tablet\:mix-blend-mode-color {
    mix-blend-mode: color;
  }
  .tablet\:mix-blend-mode-color-burn {
    mix-blend-mode: color-burn;
  }
  .tablet\:mix-blend-mode-darken {
    mix-blend-mode: darken;
  }
  .tablet\:mix-blend-mode-difference {
    mix-blend-mode: difference;
  }
  .tablet\:mix-blend-mode-exclusion {
    mix-blend-mode: exclusion;
  }
  .tablet\:mix-blend-mode-hard-light {
    mix-blend-mode: hard-light;
  }
  .tablet\:mix-blend-mode-hue {
    mix-blend-mode: hue;
  }
  .tablet\:mix-blend-mode-lighten {
    mix-blend-mode: lighten;
  }
  .tablet\:mix-blend-mode-luminosity {
    mix-blend-mode: luminosity;
  }
  .tablet\:mix-blend-mode-multiply {
    mix-blend-mode: multiply;
  }
  .tablet\:mix-blend-mode-normal {
    mix-blend-mode: normal;
  }
  .tablet\:mix-blend-mode-overlay {
    mix-blend-mode: overlay;
  }
  .tablet\:mix-blend-mode-saturation {
    mix-blend-mode: saturation;
  }
  .tablet\:mix-blend-mode-screen {
    mix-blend-mode: screen;
  }
  .tablet\:mix-blend-mode-soft-light {
    mix-blend-mode: soft-light;
  }
  .tablet\:mix-blend-mode-inherit {
    mix-blend-mode: inherit;
  }
  .tablet\:mix-blend-mode-initial {
    mix-blend-mode: initial;
  }
  .tablet\:mix-blend-mode-unset {
    mix-blend-mode: unset;
  }
}
@media (max-width: 768px) {
  .mobile\:mix-blend-mode-color {
    mix-blend-mode: color;
  }
  .mobile\:mix-blend-mode-color-burn {
    mix-blend-mode: color-burn;
  }
  .mobile\:mix-blend-mode-darken {
    mix-blend-mode: darken;
  }
  .mobile\:mix-blend-mode-difference {
    mix-blend-mode: difference;
  }
  .mobile\:mix-blend-mode-exclusion {
    mix-blend-mode: exclusion;
  }
  .mobile\:mix-blend-mode-hard-light {
    mix-blend-mode: hard-light;
  }
  .mobile\:mix-blend-mode-hue {
    mix-blend-mode: hue;
  }
  .mobile\:mix-blend-mode-lighten {
    mix-blend-mode: lighten;
  }
  .mobile\:mix-blend-mode-luminosity {
    mix-blend-mode: luminosity;
  }
  .mobile\:mix-blend-mode-multiply {
    mix-blend-mode: multiply;
  }
  .mobile\:mix-blend-mode-normal {
    mix-blend-mode: normal;
  }
  .mobile\:mix-blend-mode-overlay {
    mix-blend-mode: overlay;
  }
  .mobile\:mix-blend-mode-saturation {
    mix-blend-mode: saturation;
  }
  .mobile\:mix-blend-mode-screen {
    mix-blend-mode: screen;
  }
  .mobile\:mix-blend-mode-soft-light {
    mix-blend-mode: soft-light;
  }
  .mobile\:mix-blend-mode-inherit {
    mix-blend-mode: inherit;
  }
  .mobile\:mix-blend-mode-initial {
    mix-blend-mode: initial;
  }
  .mobile\:mix-blend-mode-unset {
    mix-blend-mode: unset;
  }
}
/* The bundle of all BrandUI styles */
@media (max-width: 8640px) {
  .flex-start {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
  }
  .flex-center {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .flex-space-between {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .flex-space-around {
    align-items: center;
    display: flex;
    justify-content: space-around;
  }
  .flex-space-evenly {
    align-items: center;
    display: flex;
    justify-content: space-evenly;
  }
  .flex-left {
    align-items: center;
    display: flex;
    justify-content: left;
  }
  .flex-right {
    align-items: center;
    display: flex;
    justify-content: right;
  }
  .flex-stretch {
    align-items: stretch;
    display: flex;
    justify-content: flex-start;
  }
  .flex-end {
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .flex-row {
    flex-direction: row;
  }
  .flex-row-reverse {
    flex-direction: row-reverse;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-col-reverse {
    flex-direction: column-reverse;
  }
  .flex-initial {
    flex-direction: initial;
  }
  .flex-shrink-0 {
    flex-shrink: 0;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-grows-0 {
    flex-grow: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .flex-basis {
    flex-basis: 1;
  }
  .flex-basis-auto {
    flex-basis: auto;
  }
  .flex-basis-50 {
    flex-basis: 50%;
  }
  .flex-basis-33 {
    flex-basis: 33.33%;
  }
  .flex-basis-25 {
    flex-basis: 25%;
  }
  .content-center {
    align-content: center;
  }
  .content-start {
    align-content: flex-start;
  }
  .content-end {
    align-content: flex-end;
  }
  .content-between {
    align-content: space-between;
  }
  .content-around {
    align-content: space-around;
  }
  .content-evenly {
    align-content: space-evenly;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-center {
    align-items: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-stretch {
    align-items: stretch;
  }
  .self-auto {
    align-self: auto;
  }
  .self-start {
    align-self: flex-start;
  }
  .self-end {
    align-self: flex-end;
  }
  .self-center {
    align-self: center;
  }
  .self-stretch {
    align-self: stretch;
  }
  .self-baseline {
    align-self: baseline;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-around {
    justify-content: space-around;
  }
  .justify-evenly {
    justify-content: space-evenly;
  }
  .justify-items-start {
    justify-items: start;
  }
  .justify-items-end {
    justify-items: end;
  }
  .justify-items-center {
    justify-items: center;
  }
  .justify-items-stretch {
    justify-items: stretch;
  }
  .justify-self-auto {
    justify-self: auto;
  }
  .justify-self-start {
    justify-self: start;
  }
  .justify-self-end {
    justify-self: end;
  }
  .justify-self-center {
    justify-self: center;
  }
  .justify-self-stretch {
    justify-self: stretch;
  }
  .cols-1 {
    width: calc(8.3333333333% * 1);
  }
  .cols-2 {
    width: calc(8.3333333333% * 2);
  }
  .cols-3 {
    width: calc(8.3333333333% * 3);
  }
  .cols-4 {
    width: calc(8.3333333333% * 4);
  }
  .cols-5 {
    width: calc(8.3333333333% * 5);
  }
  .cols-6 {
    width: calc(8.3333333333% * 6);
  }
  .cols-7 {
    width: calc(8.3333333333% * 7);
  }
  .cols-8 {
    width: calc(8.3333333333% * 8);
  }
  .cols-9 {
    width: calc(8.3333333333% * 9);
  }
  .cols-10 {
    width: calc(8.3333333333% * 10);
  }
  .cols-11 {
    width: calc(8.3333333333% * 11);
  }
  .cols-12 {
    width: calc(8.3333333333% * 12);
  }
}
@media (max-width: 1024px) {
  .tablet\:flex-start {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
  }
  .tablet\:flex-center {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .tablet\:flex-space-between {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .tablet\:flex-space-around {
    align-items: center;
    display: flex;
    justify-content: space-around;
  }
  .tablet\:flex-space-evenly {
    align-items: center;
    display: flex;
    justify-content: space-evenly;
  }
  .tablet\:flex-left {
    align-items: center;
    display: flex;
    justify-content: left;
  }
  .tablet\:flex-right {
    align-items: center;
    display: flex;
    justify-content: right;
  }
  .tablet\:flex-stretch {
    align-items: stretch;
    display: flex;
    justify-content: flex-start;
  }
  .tablet\:flex-end {
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
  }
  .tablet\:flex-wrap {
    flex-wrap: wrap;
  }
  .tablet\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .tablet\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .tablet\:flex-row {
    flex-direction: row;
  }
  .tablet\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .tablet\:flex-col {
    flex-direction: column;
  }
  .tablet\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  .tablet\:flex-initial {
    flex-direction: initial;
  }
  .tablet\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .tablet\:flex-shrink {
    flex-shrink: 1;
  }
  .tablet\:flex-grows-0 {
    flex-grow: 0;
  }
  .tablet\:flex-grow {
    flex-grow: 1;
  }
  .tablet\:flex-basis {
    flex-basis: 1;
  }
  .tablet\:flex-basis-auto {
    flex-basis: auto;
  }
  .tablet\:flex-basis-50 {
    flex-basis: 50%;
  }
  .tablet\:flex-basis-33 {
    flex-basis: 33.33%;
  }
  .tablet\:flex-basis-25 {
    flex-basis: 25%;
  }
  .tablet\:content-center {
    align-content: center;
  }
  .tablet\:content-start {
    align-content: flex-start;
  }
  .tablet\:content-end {
    align-content: flex-end;
  }
  .tablet\:content-between {
    align-content: space-between;
  }
  .tablet\:content-around {
    align-content: space-around;
  }
  .tablet\:content-evenly {
    align-content: space-evenly;
  }
  .tablet\:items-start {
    align-items: flex-start;
  }
  .tablet\:items-end {
    align-items: flex-end;
  }
  .tablet\:items-center {
    align-items: center;
  }
  .tablet\:items-baseline {
    align-items: baseline;
  }
  .tablet\:items-stretch {
    align-items: stretch;
  }
  .tablet\:self-auto {
    align-self: auto;
  }
  .tablet\:self-start {
    align-self: flex-start;
  }
  .tablet\:self-end {
    align-self: flex-end;
  }
  .tablet\:self-center {
    align-self: center;
  }
  .tablet\:self-stretch {
    align-self: stretch;
  }
  .tablet\:self-baseline {
    align-self: baseline;
  }
  .tablet\:justify-start {
    justify-content: flex-start;
  }
  .tablet\:justify-end {
    justify-content: flex-end;
  }
  .tablet\:justify-center {
    justify-content: center;
  }
  .tablet\:justify-between {
    justify-content: space-between;
  }
  .tablet\:justify-around {
    justify-content: space-around;
  }
  .tablet\:justify-evenly {
    justify-content: space-evenly;
  }
  .tablet\:justify-items-start {
    justify-items: start;
  }
  .tablet\:justify-items-end {
    justify-items: end;
  }
  .tablet\:justify-items-center {
    justify-items: center;
  }
  .tablet\:justify-items-stretch {
    justify-items: stretch;
  }
  .tablet\:justify-self-auto {
    justify-self: auto;
  }
  .tablet\:justify-self-start {
    justify-self: start;
  }
  .tablet\:justify-self-end {
    justify-self: end;
  }
  .tablet\:justify-self-center {
    justify-self: center;
  }
  .tablet\:justify-self-stretch {
    justify-self: stretch;
  }
  .tablet\:cols-1 {
    width: calc(8.3333333333% * 1);
  }
  .tablet\:cols-2 {
    width: calc(8.3333333333% * 2);
  }
  .tablet\:cols-3 {
    width: calc(8.3333333333% * 3);
  }
  .tablet\:cols-4 {
    width: calc(8.3333333333% * 4);
  }
  .tablet\:cols-5 {
    width: calc(8.3333333333% * 5);
  }
  .tablet\:cols-6 {
    width: calc(8.3333333333% * 6);
  }
  .tablet\:cols-7 {
    width: calc(8.3333333333% * 7);
  }
  .tablet\:cols-8 {
    width: calc(8.3333333333% * 8);
  }
  .tablet\:cols-9 {
    width: calc(8.3333333333% * 9);
  }
  .tablet\:cols-10 {
    width: calc(8.3333333333% * 10);
  }
  .tablet\:cols-11 {
    width: calc(8.3333333333% * 11);
  }
  .tablet\:cols-12 {
    width: calc(8.3333333333% * 12);
  }
}
@media (max-width: 768px) {
  .mobile\:flex-start {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
  }
  .mobile\:flex-center {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .mobile\:flex-space-between {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .mobile\:flex-space-around {
    align-items: center;
    display: flex;
    justify-content: space-around;
  }
  .mobile\:flex-space-evenly {
    align-items: center;
    display: flex;
    justify-content: space-evenly;
  }
  .mobile\:flex-left {
    align-items: center;
    display: flex;
    justify-content: left;
  }
  .mobile\:flex-right {
    align-items: center;
    display: flex;
    justify-content: right;
  }
  .mobile\:flex-stretch {
    align-items: stretch;
    display: flex;
    justify-content: flex-start;
  }
  .mobile\:flex-end {
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
  }
  .mobile\:flex-wrap {
    flex-wrap: wrap;
  }
  .mobile\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .mobile\:flex-nowrap {
    flex-wrap: nowrap;
  }
  .mobile\:flex-row {
    flex-direction: row;
  }
  .mobile\:flex-row-reverse {
    flex-direction: row-reverse;
  }
  .mobile\:flex-col {
    flex-direction: column;
  }
  .mobile\:flex-col-reverse {
    flex-direction: column-reverse;
  }
  .mobile\:flex-initial {
    flex-direction: initial;
  }
  .mobile\:flex-shrink-0 {
    flex-shrink: 0;
  }
  .mobile\:flex-shrink {
    flex-shrink: 1;
  }
  .mobile\:flex-grows-0 {
    flex-grow: 0;
  }
  .mobile\:flex-grow {
    flex-grow: 1;
  }
  .mobile\:flex-basis {
    flex-basis: 1;
  }
  .mobile\:flex-basis-auto {
    flex-basis: auto;
  }
  .mobile\:flex-basis-50 {
    flex-basis: 50%;
  }
  .mobile\:flex-basis-33 {
    flex-basis: 33.33%;
  }
  .mobile\:flex-basis-25 {
    flex-basis: 25%;
  }
  .mobile\:content-center {
    align-content: center;
  }
  .mobile\:content-start {
    align-content: flex-start;
  }
  .mobile\:content-end {
    align-content: flex-end;
  }
  .mobile\:content-between {
    align-content: space-between;
  }
  .mobile\:content-around {
    align-content: space-around;
  }
  .mobile\:content-evenly {
    align-content: space-evenly;
  }
  .mobile\:items-start {
    align-items: flex-start;
  }
  .mobile\:items-end {
    align-items: flex-end;
  }
  .mobile\:items-center {
    align-items: center;
  }
  .mobile\:items-baseline {
    align-items: baseline;
  }
  .mobile\:items-stretch {
    align-items: stretch;
  }
  .mobile\:self-auto {
    align-self: auto;
  }
  .mobile\:self-start {
    align-self: flex-start;
  }
  .mobile\:self-end {
    align-self: flex-end;
  }
  .mobile\:self-center {
    align-self: center;
  }
  .mobile\:self-stretch {
    align-self: stretch;
  }
  .mobile\:self-baseline {
    align-self: baseline;
  }
  .mobile\:justify-start {
    justify-content: flex-start;
  }
  .mobile\:justify-end {
    justify-content: flex-end;
  }
  .mobile\:justify-center {
    justify-content: center;
  }
  .mobile\:justify-between {
    justify-content: space-between;
  }
  .mobile\:justify-around {
    justify-content: space-around;
  }
  .mobile\:justify-evenly {
    justify-content: space-evenly;
  }
  .mobile\:justify-items-start {
    justify-items: start;
  }
  .mobile\:justify-items-end {
    justify-items: end;
  }
  .mobile\:justify-items-center {
    justify-items: center;
  }
  .mobile\:justify-items-stretch {
    justify-items: stretch;
  }
  .mobile\:justify-self-auto {
    justify-self: auto;
  }
  .mobile\:justify-self-start {
    justify-self: start;
  }
  .mobile\:justify-self-end {
    justify-self: end;
  }
  .mobile\:justify-self-center {
    justify-self: center;
  }
  .mobile\:justify-self-stretch {
    justify-self: stretch;
  }
  .mobile\:cols-1 {
    width: calc(8.3333333333% * 1);
  }
  .mobile\:cols-2 {
    width: calc(8.3333333333% * 2);
  }
  .mobile\:cols-3 {
    width: calc(8.3333333333% * 3);
  }
  .mobile\:cols-4 {
    width: calc(8.3333333333% * 4);
  }
  .mobile\:cols-5 {
    width: calc(8.3333333333% * 5);
  }
  .mobile\:cols-6 {
    width: calc(8.3333333333% * 6);
  }
  .mobile\:cols-7 {
    width: calc(8.3333333333% * 7);
  }
  .mobile\:cols-8 {
    width: calc(8.3333333333% * 8);
  }
  .mobile\:cols-9 {
    width: calc(8.3333333333% * 9);
  }
  .mobile\:cols-10 {
    width: calc(8.3333333333% * 10);
  }
  .mobile\:cols-11 {
    width: calc(8.3333333333% * 11);
  }
  .mobile\:cols-12 {
    width: calc(8.3333333333% * 12);
  }
}
.brandui-flip {
  background-color: transparent;
  perspective: 62.5rem;
}
.brandui-flip .brandui-flip-inner,
.brandui-flip .brandui-flip-front,
.brandui-flip .brandui-flip-back {
  display: block;
  position: relative;
  transition: var(--transition-slow);
  width: 100%;
  transform-style: preserve-3d;
}
.brandui-flip .brandui-flip-front,
.brandui-flip .brandui-flip-back {
  backface-visibility: hidden;
}
.brandui-flip .brandui-flip-back {
  inset: 0;
  margin: 0;
  position: absolute;
  box-sizing: border-box;
  transform: rotateY(180deg);
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.brandui-flip .brandui-flip-back-content {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: var(--default);
}
.brandui-flip.flipped .brandui-flip-inner {
  transform: rotateY(180deg);
}
.brandui-flip.flipped-reverse .brandui-flip-inner {
  transform: rotateY(-180deg);
}

/* The bundle of all BrandUI styles */
@media (max-width: 8640px) {
  .grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid-rows-1-auto {
    grid-template-rows: repeat(1, auto);
  }
  .grid-rows-span-1 {
    grid-row: span 1/span 1;
  }
  .grid-rows-span-start-1 {
    grid-row-start: span 1;
  }
  .grid-rows-span-end-1 {
    grid-row-end: span 1;
  }
  .grid-rows-start-1 {
    grid-row-start: 1;
  }
  .grid-rows-end-1 {
    grid-row-end: 1;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-1-auto {
    grid-template-columns: repeat(1, auto);
  }
  .grid-col-span-1 {
    grid-column: span 1/span 1;
  }
  .grid-col-span-start-1 {
    grid-column-start: span 1;
  }
  .grid-col-span-end-1 {
    grid-column-end: span 1;
  }
  .grid-col-start-1 {
    grid-column-start: 1;
  }
  .grid-col-end-1 {
    grid-column-end: 1;
  }
  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid-rows-2-auto {
    grid-template-rows: repeat(2, auto);
  }
  .grid-rows-span-2 {
    grid-row: span 2/span 2;
  }
  .grid-rows-span-start-2 {
    grid-row-start: span 2;
  }
  .grid-rows-span-end-2 {
    grid-row-end: span 2;
  }
  .grid-rows-start-2 {
    grid-row-start: 2;
  }
  .grid-rows-end-2 {
    grid-row-end: 2;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-2-auto {
    grid-template-columns: repeat(2, auto);
  }
  .grid-col-span-2 {
    grid-column: span 2/span 2;
  }
  .grid-col-span-start-2 {
    grid-column-start: span 2;
  }
  .grid-col-span-end-2 {
    grid-column-end: span 2;
  }
  .grid-col-start-2 {
    grid-column-start: 2;
  }
  .grid-col-end-2 {
    grid-column-end: 2;
  }
  .grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid-rows-3-auto {
    grid-template-rows: repeat(3, auto);
  }
  .grid-rows-span-3 {
    grid-row: span 3/span 3;
  }
  .grid-rows-span-start-3 {
    grid-row-start: span 3;
  }
  .grid-rows-span-end-3 {
    grid-row-end: span 3;
  }
  .grid-rows-start-3 {
    grid-row-start: 3;
  }
  .grid-rows-end-3 {
    grid-row-end: 3;
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-3-auto {
    grid-template-columns: repeat(3, auto);
  }
  .grid-col-span-3 {
    grid-column: span 3/span 3;
  }
  .grid-col-span-start-3 {
    grid-column-start: span 3;
  }
  .grid-col-span-end-3 {
    grid-column-end: span 3;
  }
  .grid-col-start-3 {
    grid-column-start: 3;
  }
  .grid-col-end-3 {
    grid-column-end: 3;
  }
  .grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid-rows-4-auto {
    grid-template-rows: repeat(4, auto);
  }
  .grid-rows-span-4 {
    grid-row: span 4/span 4;
  }
  .grid-rows-span-start-4 {
    grid-row-start: span 4;
  }
  .grid-rows-span-end-4 {
    grid-row-end: span 4;
  }
  .grid-rows-start-4 {
    grid-row-start: 4;
  }
  .grid-rows-end-4 {
    grid-row-end: 4;
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-4-auto {
    grid-template-columns: repeat(4, auto);
  }
  .grid-col-span-4 {
    grid-column: span 4/span 4;
  }
  .grid-col-span-start-4 {
    grid-column-start: span 4;
  }
  .grid-col-span-end-4 {
    grid-column-end: span 4;
  }
  .grid-col-start-4 {
    grid-column-start: 4;
  }
  .grid-col-end-4 {
    grid-column-end: 4;
  }
  .grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid-rows-5-auto {
    grid-template-rows: repeat(5, auto);
  }
  .grid-rows-span-5 {
    grid-row: span 5/span 5;
  }
  .grid-rows-span-start-5 {
    grid-row-start: span 5;
  }
  .grid-rows-span-end-5 {
    grid-row-end: span 5;
  }
  .grid-rows-start-5 {
    grid-row-start: 5;
  }
  .grid-rows-end-5 {
    grid-row-end: 5;
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-5-auto {
    grid-template-columns: repeat(5, auto);
  }
  .grid-col-span-5 {
    grid-column: span 5/span 5;
  }
  .grid-col-span-start-5 {
    grid-column-start: span 5;
  }
  .grid-col-span-end-5 {
    grid-column-end: span 5;
  }
  .grid-col-start-5 {
    grid-column-start: 5;
  }
  .grid-col-end-5 {
    grid-column-end: 5;
  }
  .grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid-rows-6-auto {
    grid-template-rows: repeat(6, auto);
  }
  .grid-rows-span-6 {
    grid-row: span 6/span 6;
  }
  .grid-rows-span-start-6 {
    grid-row-start: span 6;
  }
  .grid-rows-span-end-6 {
    grid-row-end: span 6;
  }
  .grid-rows-start-6 {
    grid-row-start: 6;
  }
  .grid-rows-end-6 {
    grid-row-end: 6;
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-6-auto {
    grid-template-columns: repeat(6, auto);
  }
  .grid-col-span-6 {
    grid-column: span 6/span 6;
  }
  .grid-col-span-start-6 {
    grid-column-start: span 6;
  }
  .grid-col-span-end-6 {
    grid-column-end: span 6;
  }
  .grid-col-start-6 {
    grid-column-start: 6;
  }
  .grid-col-end-6 {
    grid-column-end: 6;
  }
  .grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid-rows-7-auto {
    grid-template-rows: repeat(7, auto);
  }
  .grid-rows-span-7 {
    grid-row: span 7/span 7;
  }
  .grid-rows-span-start-7 {
    grid-row-start: span 7;
  }
  .grid-rows-span-end-7 {
    grid-row-end: span 7;
  }
  .grid-rows-start-7 {
    grid-row-start: 7;
  }
  .grid-rows-end-7 {
    grid-row-end: 7;
  }
  .grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-7-auto {
    grid-template-columns: repeat(7, auto);
  }
  .grid-col-span-7 {
    grid-column: span 7/span 7;
  }
  .grid-col-span-start-7 {
    grid-column-start: span 7;
  }
  .grid-col-span-end-7 {
    grid-column-end: span 7;
  }
  .grid-col-start-7 {
    grid-column-start: 7;
  }
  .grid-col-end-7 {
    grid-column-end: 7;
  }
  .grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid-rows-8-auto {
    grid-template-rows: repeat(8, auto);
  }
  .grid-rows-span-8 {
    grid-row: span 8/span 8;
  }
  .grid-rows-span-start-8 {
    grid-row-start: span 8;
  }
  .grid-rows-span-end-8 {
    grid-row-end: span 8;
  }
  .grid-rows-start-8 {
    grid-row-start: 8;
  }
  .grid-rows-end-8 {
    grid-row-end: 8;
  }
  .grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-8-auto {
    grid-template-columns: repeat(8, auto);
  }
  .grid-col-span-8 {
    grid-column: span 8/span 8;
  }
  .grid-col-span-start-8 {
    grid-column-start: span 8;
  }
  .grid-col-span-end-8 {
    grid-column-end: span 8;
  }
  .grid-col-start-8 {
    grid-column-start: 8;
  }
  .grid-col-end-8 {
    grid-column-end: 8;
  }
  .grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid-rows-9-auto {
    grid-template-rows: repeat(9, auto);
  }
  .grid-rows-span-9 {
    grid-row: span 9/span 9;
  }
  .grid-rows-span-start-9 {
    grid-row-start: span 9;
  }
  .grid-rows-span-end-9 {
    grid-row-end: span 9;
  }
  .grid-rows-start-9 {
    grid-row-start: 9;
  }
  .grid-rows-end-9 {
    grid-row-end: 9;
  }
  .grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-9-auto {
    grid-template-columns: repeat(9, auto);
  }
  .grid-col-span-9 {
    grid-column: span 9/span 9;
  }
  .grid-col-span-start-9 {
    grid-column-start: span 9;
  }
  .grid-col-span-end-9 {
    grid-column-end: span 9;
  }
  .grid-col-start-9 {
    grid-column-start: 9;
  }
  .grid-col-end-9 {
    grid-column-end: 9;
  }
  .grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid-rows-10-auto {
    grid-template-rows: repeat(10, auto);
  }
  .grid-rows-span-10 {
    grid-row: span 10/span 10;
  }
  .grid-rows-span-start-10 {
    grid-row-start: span 10;
  }
  .grid-rows-span-end-10 {
    grid-row-end: span 10;
  }
  .grid-rows-start-10 {
    grid-row-start: 10;
  }
  .grid-rows-end-10 {
    grid-row-end: 10;
  }
  .grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-10-auto {
    grid-template-columns: repeat(10, auto);
  }
  .grid-col-span-10 {
    grid-column: span 10/span 10;
  }
  .grid-col-span-start-10 {
    grid-column-start: span 10;
  }
  .grid-col-span-end-10 {
    grid-column-end: span 10;
  }
  .grid-col-start-10 {
    grid-column-start: 10;
  }
  .grid-col-end-10 {
    grid-column-end: 10;
  }
  .grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid-rows-11-auto {
    grid-template-rows: repeat(11, auto);
  }
  .grid-rows-span-11 {
    grid-row: span 11/span 11;
  }
  .grid-rows-span-start-11 {
    grid-row-start: span 11;
  }
  .grid-rows-span-end-11 {
    grid-row-end: span 11;
  }
  .grid-rows-start-11 {
    grid-row-start: 11;
  }
  .grid-rows-end-11 {
    grid-row-end: 11;
  }
  .grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-11-auto {
    grid-template-columns: repeat(11, auto);
  }
  .grid-col-span-11 {
    grid-column: span 11/span 11;
  }
  .grid-col-span-start-11 {
    grid-column-start: span 11;
  }
  .grid-col-span-end-11 {
    grid-column-end: span 11;
  }
  .grid-col-start-11 {
    grid-column-start: 11;
  }
  .grid-col-end-11 {
    grid-column-end: 11;
  }
  .grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid-rows-12-auto {
    grid-template-rows: repeat(12, auto);
  }
  .grid-rows-span-12 {
    grid-row: span 12/span 12;
  }
  .grid-rows-span-start-12 {
    grid-row-start: span 12;
  }
  .grid-rows-span-end-12 {
    grid-row-end: span 12;
  }
  .grid-rows-start-12 {
    grid-row-start: 12;
  }
  .grid-rows-end-12 {
    grid-row-end: 12;
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-12-auto {
    grid-template-columns: repeat(12, auto);
  }
  .grid-col-span-12 {
    grid-column: span 12/span 12;
  }
  .grid-col-span-start-12 {
    grid-column-start: span 12;
  }
  .grid-col-span-end-12 {
    grid-column-end: span 12;
  }
  .grid-col-start-12 {
    grid-column-start: 12;
  }
  .grid-col-end-12 {
    grid-column-end: 12;
  }
  .grid-rows-13 {
    grid-template-rows: repeat(13, minmax(0, 1fr));
  }
  .grid-rows-13-auto {
    grid-template-rows: repeat(13, auto);
  }
  .grid-rows-span-13 {
    grid-row: span 13/span 13;
  }
  .grid-rows-span-start-13 {
    grid-row-start: span 13;
  }
  .grid-rows-span-end-13 {
    grid-row-end: span 13;
  }
  .grid-rows-start-13 {
    grid-row-start: 13;
  }
  .grid-rows-end-13 {
    grid-row-end: 13;
  }
  .grid-cols-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  .grid-cols-13-auto {
    grid-template-columns: repeat(13, auto);
  }
  .grid-col-span-13 {
    grid-column: span 13/span 13;
  }
  .grid-col-span-start-13 {
    grid-column-start: span 13;
  }
  .grid-col-span-end-13 {
    grid-column-end: span 13;
  }
  .grid-col-start-13 {
    grid-column-start: 13;
  }
  .grid-col-end-13 {
    grid-column-end: 13;
  }
  .grid-rows-none {
    grid-template-rows: none;
  }
  .grid-rows-auto {
    grid-row: auto;
  }
  .grid-rows-span-full {
    grid-row: 1/-1;
  }
  .grid-rows-start-auto {
    grid-row-start: auto;
  }
  .grid-rows-end-auto {
    grid-row-end: auto;
  }
  .grid-auto-rows {
    grid-auto-rows: auto;
  }
  .grid-auto-rows-min {
    grid-auto-rows: min-content;
  }
  .grid-auto-rows-max {
    grid-auto-rows: max-content;
  }
  .grid-auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }
  .grid-flow-row {
    grid-auto-flow: row;
  }
  .grid-flow-rows-dense {
    grid-auto-flow: row dense;
  }
  .grid-cols-none {
    grid-template-columns: none;
  }
  .grid-col-auto {
    grid-column: auto;
  }
  .grid-col-span-full {
    grid-column: 1/-1;
  }
  .grid-col-start-auto {
    grid-column-start: auto;
  }
  .grid-col-end-auto {
    grid-column-end: auto;
  }
  .grid-auto-cols {
    grid-auto-columns: auto;
  }
  .grid-auto-cols-min {
    grid-auto-columns: min-content;
  }
  .grid-auto-cols-max {
    grid-auto-columns: max-content;
  }
  .grid-auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }
  .grid-flow-col {
    grid-auto-flow: column;
  }
  .grid-flow-col-dense {
    grid-auto-flow: column dense;
  }
  .grid-flow-dense {
    grid-auto-flow: dense;
  }
  .grid-auto-rows-none {
    grid-auto-rows: minmax(0, var(--padding-none));
  }
  .grid-rows-auto-none {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-none), 1fr));
  }
  .grid-auto-cols-none {
    grid-auto-columns: minmax(0, var(--padding-none));
  }
  .grid-cols-auto-none {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-none), 1fr));
  }
  .grid-auto-rows-hairline {
    grid-auto-rows: minmax(0, var(--padding-hairline));
  }
  .grid-rows-auto-hairline {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-hairline), 1fr));
  }
  .grid-auto-cols-hairline {
    grid-auto-columns: minmax(0, var(--padding-hairline));
  }
  .grid-cols-auto-hairline {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-hairline), 1fr));
  }
  .grid-auto-rows-thin {
    grid-auto-rows: minmax(0, var(--padding-thin));
  }
  .grid-rows-auto-thin {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-thin), 1fr));
  }
  .grid-auto-cols-thin {
    grid-auto-columns: minmax(0, var(--padding-thin));
  }
  .grid-cols-auto-thin {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-thin), 1fr));
  }
  .grid-auto-rows-slim {
    grid-auto-rows: minmax(0, var(--padding-slim));
  }
  .grid-rows-auto-slim {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-slim), 1fr));
  }
  .grid-auto-cols-slim {
    grid-auto-columns: minmax(0, var(--padding-slim));
  }
  .grid-cols-auto-slim {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-slim), 1fr));
  }
  .grid-auto-rows-extra-small {
    grid-auto-rows: minmax(0, var(--padding-extra-small));
  }
  .grid-rows-auto-extra-small {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-extra-small), 1fr));
  }
  .grid-auto-cols-extra-small {
    grid-auto-columns: minmax(0, var(--padding-extra-small));
  }
  .grid-cols-auto-extra-small {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-extra-small), 1fr));
  }
  .grid-auto-rows-small {
    grid-auto-rows: minmax(0, var(--padding-small));
  }
  .grid-rows-auto-small {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-small), 1fr));
  }
  .grid-auto-cols-small {
    grid-auto-columns: minmax(0, var(--padding-small));
  }
  .grid-cols-auto-small {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-small), 1fr));
  }
  .grid-auto-rows-medium {
    grid-auto-rows: minmax(0, var(--padding-medium));
  }
  .grid-rows-auto-medium {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-medium), 1fr));
  }
  .grid-auto-cols-medium {
    grid-auto-columns: minmax(0, var(--padding-medium));
  }
  .grid-cols-auto-medium {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-medium), 1fr));
  }
  .grid-auto-rows-large {
    grid-auto-rows: minmax(0, var(--padding-large));
  }
  .grid-rows-auto-large {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-large), 1fr));
  }
  .grid-auto-cols-large {
    grid-auto-columns: minmax(0, var(--padding-large));
  }
  .grid-cols-auto-large {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-large), 1fr));
  }
  .grid-auto-rows-extra-large {
    grid-auto-rows: minmax(0, var(--padding-extra-large));
  }
  .grid-rows-auto-extra-large {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-extra-large), 1fr));
  }
  .grid-auto-cols-extra-large {
    grid-auto-columns: minmax(0, var(--padding-extra-large));
  }
  .grid-cols-auto-extra-large {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-extra-large), 1fr));
  }
  .grid-auto-rows-huge {
    grid-auto-rows: minmax(0, var(--padding-huge));
  }
  .grid-rows-auto-huge {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-huge), 1fr));
  }
  .grid-auto-cols-huge {
    grid-auto-columns: minmax(0, var(--padding-huge));
  }
  .grid-cols-auto-huge {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-huge), 1fr));
  }
  .grid-auto-rows-1 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 1));
  }
  .grid-rows-auto-1 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 1), 1fr));
  }
  .grid-auto-cols-1 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 1));
  }
  .grid-cols-auto-1 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 1), 1fr));
  }
  .grid-auto-rows-2 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 2));
  }
  .grid-rows-auto-2 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 2), 1fr));
  }
  .grid-auto-cols-2 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 2));
  }
  .grid-cols-auto-2 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 2), 1fr));
  }
  .grid-auto-rows-3 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 3));
  }
  .grid-rows-auto-3 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 3), 1fr));
  }
  .grid-auto-cols-3 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 3));
  }
  .grid-cols-auto-3 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 3), 1fr));
  }
  .grid-auto-rows-4 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 4));
  }
  .grid-rows-auto-4 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 4), 1fr));
  }
  .grid-auto-cols-4 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 4));
  }
  .grid-cols-auto-4 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 4), 1fr));
  }
  .grid-auto-rows-5 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 5));
  }
  .grid-rows-auto-5 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 5), 1fr));
  }
  .grid-auto-cols-5 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 5));
  }
  .grid-cols-auto-5 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 5), 1fr));
  }
  .grid-auto-rows-6 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 6));
  }
  .grid-rows-auto-6 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 6), 1fr));
  }
  .grid-auto-cols-6 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 6));
  }
  .grid-cols-auto-6 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 6), 1fr));
  }
  .grid-auto-rows-7 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 7));
  }
  .grid-rows-auto-7 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 7), 1fr));
  }
  .grid-auto-cols-7 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 7));
  }
  .grid-cols-auto-7 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 7), 1fr));
  }
  .grid-auto-rows-8 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 8));
  }
  .grid-rows-auto-8 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 8), 1fr));
  }
  .grid-auto-cols-8 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 8));
  }
  .grid-cols-auto-8 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 8), 1fr));
  }
  .grid-auto-rows-9 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 9));
  }
  .grid-rows-auto-9 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 9), 1fr));
  }
  .grid-auto-cols-9 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 9));
  }
  .grid-cols-auto-9 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 9), 1fr));
  }
  .grid-auto-rows-10 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 10));
  }
  .grid-rows-auto-10 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 10), 1fr));
  }
  .grid-auto-cols-10 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 10));
  }
  .grid-cols-auto-10 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 10), 1fr));
  }
  .grid-auto-rows-11 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 11));
  }
  .grid-rows-auto-11 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 11), 1fr));
  }
  .grid-auto-cols-11 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 11));
  }
  .grid-cols-auto-11 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 11), 1fr));
  }
  .grid-auto-rows-12 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 12));
  }
  .grid-rows-auto-12 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 12), 1fr));
  }
  .grid-auto-cols-12 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 12));
  }
  .grid-cols-auto-12 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 12), 1fr));
  }
}
@media (max-width: 1024px) {
  .tablet\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .tablet\:grid-rows-1-auto {
    grid-template-rows: repeat(1, auto);
  }
  .tablet\:grid-rows-span-1 {
    grid-row: span 1/span 1;
  }
  .tablet\:grid-rows-span-start-1 {
    grid-row-start: span 1;
  }
  .tablet\:grid-rows-span-end-1 {
    grid-row-end: span 1;
  }
  .tablet\:grid-rows-start-1 {
    grid-row-start: 1;
  }
  .tablet\:grid-rows-end-1 {
    grid-row-end: 1;
  }
  .tablet\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .tablet\:grid-cols-1-auto {
    grid-template-columns: repeat(1, auto);
  }
  .tablet\:grid-col-span-1 {
    grid-column: span 1/span 1;
  }
  .tablet\:grid-col-span-start-1 {
    grid-column-start: span 1;
  }
  .tablet\:grid-col-span-end-1 {
    grid-column-end: span 1;
  }
  .tablet\:grid-col-start-1 {
    grid-column-start: 1;
  }
  .tablet\:grid-col-end-1 {
    grid-column-end: 1;
  }
  .tablet\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .tablet\:grid-rows-2-auto {
    grid-template-rows: repeat(2, auto);
  }
  .tablet\:grid-rows-span-2 {
    grid-row: span 2/span 2;
  }
  .tablet\:grid-rows-span-start-2 {
    grid-row-start: span 2;
  }
  .tablet\:grid-rows-span-end-2 {
    grid-row-end: span 2;
  }
  .tablet\:grid-rows-start-2 {
    grid-row-start: 2;
  }
  .tablet\:grid-rows-end-2 {
    grid-row-end: 2;
  }
  .tablet\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tablet\:grid-cols-2-auto {
    grid-template-columns: repeat(2, auto);
  }
  .tablet\:grid-col-span-2 {
    grid-column: span 2/span 2;
  }
  .tablet\:grid-col-span-start-2 {
    grid-column-start: span 2;
  }
  .tablet\:grid-col-span-end-2 {
    grid-column-end: span 2;
  }
  .tablet\:grid-col-start-2 {
    grid-column-start: 2;
  }
  .tablet\:grid-col-end-2 {
    grid-column-end: 2;
  }
  .tablet\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .tablet\:grid-rows-3-auto {
    grid-template-rows: repeat(3, auto);
  }
  .tablet\:grid-rows-span-3 {
    grid-row: span 3/span 3;
  }
  .tablet\:grid-rows-span-start-3 {
    grid-row-start: span 3;
  }
  .tablet\:grid-rows-span-end-3 {
    grid-row-end: span 3;
  }
  .tablet\:grid-rows-start-3 {
    grid-row-start: 3;
  }
  .tablet\:grid-rows-end-3 {
    grid-row-end: 3;
  }
  .tablet\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .tablet\:grid-cols-3-auto {
    grid-template-columns: repeat(3, auto);
  }
  .tablet\:grid-col-span-3 {
    grid-column: span 3/span 3;
  }
  .tablet\:grid-col-span-start-3 {
    grid-column-start: span 3;
  }
  .tablet\:grid-col-span-end-3 {
    grid-column-end: span 3;
  }
  .tablet\:grid-col-start-3 {
    grid-column-start: 3;
  }
  .tablet\:grid-col-end-3 {
    grid-column-end: 3;
  }
  .tablet\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .tablet\:grid-rows-4-auto {
    grid-template-rows: repeat(4, auto);
  }
  .tablet\:grid-rows-span-4 {
    grid-row: span 4/span 4;
  }
  .tablet\:grid-rows-span-start-4 {
    grid-row-start: span 4;
  }
  .tablet\:grid-rows-span-end-4 {
    grid-row-end: span 4;
  }
  .tablet\:grid-rows-start-4 {
    grid-row-start: 4;
  }
  .tablet\:grid-rows-end-4 {
    grid-row-end: 4;
  }
  .tablet\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .tablet\:grid-cols-4-auto {
    grid-template-columns: repeat(4, auto);
  }
  .tablet\:grid-col-span-4 {
    grid-column: span 4/span 4;
  }
  .tablet\:grid-col-span-start-4 {
    grid-column-start: span 4;
  }
  .tablet\:grid-col-span-end-4 {
    grid-column-end: span 4;
  }
  .tablet\:grid-col-start-4 {
    grid-column-start: 4;
  }
  .tablet\:grid-col-end-4 {
    grid-column-end: 4;
  }
  .tablet\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .tablet\:grid-rows-5-auto {
    grid-template-rows: repeat(5, auto);
  }
  .tablet\:grid-rows-span-5 {
    grid-row: span 5/span 5;
  }
  .tablet\:grid-rows-span-start-5 {
    grid-row-start: span 5;
  }
  .tablet\:grid-rows-span-end-5 {
    grid-row-end: span 5;
  }
  .tablet\:grid-rows-start-5 {
    grid-row-start: 5;
  }
  .tablet\:grid-rows-end-5 {
    grid-row-end: 5;
  }
  .tablet\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .tablet\:grid-cols-5-auto {
    grid-template-columns: repeat(5, auto);
  }
  .tablet\:grid-col-span-5 {
    grid-column: span 5/span 5;
  }
  .tablet\:grid-col-span-start-5 {
    grid-column-start: span 5;
  }
  .tablet\:grid-col-span-end-5 {
    grid-column-end: span 5;
  }
  .tablet\:grid-col-start-5 {
    grid-column-start: 5;
  }
  .tablet\:grid-col-end-5 {
    grid-column-end: 5;
  }
  .tablet\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .tablet\:grid-rows-6-auto {
    grid-template-rows: repeat(6, auto);
  }
  .tablet\:grid-rows-span-6 {
    grid-row: span 6/span 6;
  }
  .tablet\:grid-rows-span-start-6 {
    grid-row-start: span 6;
  }
  .tablet\:grid-rows-span-end-6 {
    grid-row-end: span 6;
  }
  .tablet\:grid-rows-start-6 {
    grid-row-start: 6;
  }
  .tablet\:grid-rows-end-6 {
    grid-row-end: 6;
  }
  .tablet\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .tablet\:grid-cols-6-auto {
    grid-template-columns: repeat(6, auto);
  }
  .tablet\:grid-col-span-6 {
    grid-column: span 6/span 6;
  }
  .tablet\:grid-col-span-start-6 {
    grid-column-start: span 6;
  }
  .tablet\:grid-col-span-end-6 {
    grid-column-end: span 6;
  }
  .tablet\:grid-col-start-6 {
    grid-column-start: 6;
  }
  .tablet\:grid-col-end-6 {
    grid-column-end: 6;
  }
  .tablet\:grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .tablet\:grid-rows-7-auto {
    grid-template-rows: repeat(7, auto);
  }
  .tablet\:grid-rows-span-7 {
    grid-row: span 7/span 7;
  }
  .tablet\:grid-rows-span-start-7 {
    grid-row-start: span 7;
  }
  .tablet\:grid-rows-span-end-7 {
    grid-row-end: span 7;
  }
  .tablet\:grid-rows-start-7 {
    grid-row-start: 7;
  }
  .tablet\:grid-rows-end-7 {
    grid-row-end: 7;
  }
  .tablet\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .tablet\:grid-cols-7-auto {
    grid-template-columns: repeat(7, auto);
  }
  .tablet\:grid-col-span-7 {
    grid-column: span 7/span 7;
  }
  .tablet\:grid-col-span-start-7 {
    grid-column-start: span 7;
  }
  .tablet\:grid-col-span-end-7 {
    grid-column-end: span 7;
  }
  .tablet\:grid-col-start-7 {
    grid-column-start: 7;
  }
  .tablet\:grid-col-end-7 {
    grid-column-end: 7;
  }
  .tablet\:grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .tablet\:grid-rows-8-auto {
    grid-template-rows: repeat(8, auto);
  }
  .tablet\:grid-rows-span-8 {
    grid-row: span 8/span 8;
  }
  .tablet\:grid-rows-span-start-8 {
    grid-row-start: span 8;
  }
  .tablet\:grid-rows-span-end-8 {
    grid-row-end: span 8;
  }
  .tablet\:grid-rows-start-8 {
    grid-row-start: 8;
  }
  .tablet\:grid-rows-end-8 {
    grid-row-end: 8;
  }
  .tablet\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .tablet\:grid-cols-8-auto {
    grid-template-columns: repeat(8, auto);
  }
  .tablet\:grid-col-span-8 {
    grid-column: span 8/span 8;
  }
  .tablet\:grid-col-span-start-8 {
    grid-column-start: span 8;
  }
  .tablet\:grid-col-span-end-8 {
    grid-column-end: span 8;
  }
  .tablet\:grid-col-start-8 {
    grid-column-start: 8;
  }
  .tablet\:grid-col-end-8 {
    grid-column-end: 8;
  }
  .tablet\:grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .tablet\:grid-rows-9-auto {
    grid-template-rows: repeat(9, auto);
  }
  .tablet\:grid-rows-span-9 {
    grid-row: span 9/span 9;
  }
  .tablet\:grid-rows-span-start-9 {
    grid-row-start: span 9;
  }
  .tablet\:grid-rows-span-end-9 {
    grid-row-end: span 9;
  }
  .tablet\:grid-rows-start-9 {
    grid-row-start: 9;
  }
  .tablet\:grid-rows-end-9 {
    grid-row-end: 9;
  }
  .tablet\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .tablet\:grid-cols-9-auto {
    grid-template-columns: repeat(9, auto);
  }
  .tablet\:grid-col-span-9 {
    grid-column: span 9/span 9;
  }
  .tablet\:grid-col-span-start-9 {
    grid-column-start: span 9;
  }
  .tablet\:grid-col-span-end-9 {
    grid-column-end: span 9;
  }
  .tablet\:grid-col-start-9 {
    grid-column-start: 9;
  }
  .tablet\:grid-col-end-9 {
    grid-column-end: 9;
  }
  .tablet\:grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .tablet\:grid-rows-10-auto {
    grid-template-rows: repeat(10, auto);
  }
  .tablet\:grid-rows-span-10 {
    grid-row: span 10/span 10;
  }
  .tablet\:grid-rows-span-start-10 {
    grid-row-start: span 10;
  }
  .tablet\:grid-rows-span-end-10 {
    grid-row-end: span 10;
  }
  .tablet\:grid-rows-start-10 {
    grid-row-start: 10;
  }
  .tablet\:grid-rows-end-10 {
    grid-row-end: 10;
  }
  .tablet\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .tablet\:grid-cols-10-auto {
    grid-template-columns: repeat(10, auto);
  }
  .tablet\:grid-col-span-10 {
    grid-column: span 10/span 10;
  }
  .tablet\:grid-col-span-start-10 {
    grid-column-start: span 10;
  }
  .tablet\:grid-col-span-end-10 {
    grid-column-end: span 10;
  }
  .tablet\:grid-col-start-10 {
    grid-column-start: 10;
  }
  .tablet\:grid-col-end-10 {
    grid-column-end: 10;
  }
  .tablet\:grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .tablet\:grid-rows-11-auto {
    grid-template-rows: repeat(11, auto);
  }
  .tablet\:grid-rows-span-11 {
    grid-row: span 11/span 11;
  }
  .tablet\:grid-rows-span-start-11 {
    grid-row-start: span 11;
  }
  .tablet\:grid-rows-span-end-11 {
    grid-row-end: span 11;
  }
  .tablet\:grid-rows-start-11 {
    grid-row-start: 11;
  }
  .tablet\:grid-rows-end-11 {
    grid-row-end: 11;
  }
  .tablet\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .tablet\:grid-cols-11-auto {
    grid-template-columns: repeat(11, auto);
  }
  .tablet\:grid-col-span-11 {
    grid-column: span 11/span 11;
  }
  .tablet\:grid-col-span-start-11 {
    grid-column-start: span 11;
  }
  .tablet\:grid-col-span-end-11 {
    grid-column-end: span 11;
  }
  .tablet\:grid-col-start-11 {
    grid-column-start: 11;
  }
  .tablet\:grid-col-end-11 {
    grid-column-end: 11;
  }
  .tablet\:grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .tablet\:grid-rows-12-auto {
    grid-template-rows: repeat(12, auto);
  }
  .tablet\:grid-rows-span-12 {
    grid-row: span 12/span 12;
  }
  .tablet\:grid-rows-span-start-12 {
    grid-row-start: span 12;
  }
  .tablet\:grid-rows-span-end-12 {
    grid-row-end: span 12;
  }
  .tablet\:grid-rows-start-12 {
    grid-row-start: 12;
  }
  .tablet\:grid-rows-end-12 {
    grid-row-end: 12;
  }
  .tablet\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .tablet\:grid-cols-12-auto {
    grid-template-columns: repeat(12, auto);
  }
  .tablet\:grid-col-span-12 {
    grid-column: span 12/span 12;
  }
  .tablet\:grid-col-span-start-12 {
    grid-column-start: span 12;
  }
  .tablet\:grid-col-span-end-12 {
    grid-column-end: span 12;
  }
  .tablet\:grid-col-start-12 {
    grid-column-start: 12;
  }
  .tablet\:grid-col-end-12 {
    grid-column-end: 12;
  }
  .tablet\:grid-rows-13 {
    grid-template-rows: repeat(13, minmax(0, 1fr));
  }
  .tablet\:grid-rows-13-auto {
    grid-template-rows: repeat(13, auto);
  }
  .tablet\:grid-rows-span-13 {
    grid-row: span 13/span 13;
  }
  .tablet\:grid-rows-span-start-13 {
    grid-row-start: span 13;
  }
  .tablet\:grid-rows-span-end-13 {
    grid-row-end: span 13;
  }
  .tablet\:grid-rows-start-13 {
    grid-row-start: 13;
  }
  .tablet\:grid-rows-end-13 {
    grid-row-end: 13;
  }
  .tablet\:grid-cols-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  .tablet\:grid-cols-13-auto {
    grid-template-columns: repeat(13, auto);
  }
  .tablet\:grid-col-span-13 {
    grid-column: span 13/span 13;
  }
  .tablet\:grid-col-span-start-13 {
    grid-column-start: span 13;
  }
  .tablet\:grid-col-span-end-13 {
    grid-column-end: span 13;
  }
  .tablet\:grid-col-start-13 {
    grid-column-start: 13;
  }
  .tablet\:grid-col-end-13 {
    grid-column-end: 13;
  }
  .tablet\:grid-rows-none {
    grid-template-rows: none;
  }
  .tablet\:grid-rows-auto {
    grid-row: auto;
  }
  .tablet\:grid-rows-span-full {
    grid-row: 1/-1;
  }
  .tablet\:grid-rows-start-auto {
    grid-row-start: auto;
  }
  .tablet\:grid-rows-end-auto {
    grid-row-end: auto;
  }
  .tablet\:grid-auto-rows {
    grid-auto-rows: auto;
  }
  .tablet\:grid-auto-rows-min {
    grid-auto-rows: min-content;
  }
  .tablet\:grid-auto-rows-max {
    grid-auto-rows: max-content;
  }
  .tablet\:grid-auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }
  .tablet\:grid-flow-row {
    grid-auto-flow: row;
  }
  .tablet\:grid-flow-rows-dense {
    grid-auto-flow: row dense;
  }
  .tablet\:grid-cols-none {
    grid-template-columns: none;
  }
  .tablet\:grid-col-auto {
    grid-column: auto;
  }
  .tablet\:grid-col-span-full {
    grid-column: 1/-1;
  }
  .tablet\:grid-col-start-auto {
    grid-column-start: auto;
  }
  .tablet\:grid-col-end-auto {
    grid-column-end: auto;
  }
  .tablet\:grid-auto-cols {
    grid-auto-columns: auto;
  }
  .tablet\:grid-auto-cols-min {
    grid-auto-columns: min-content;
  }
  .tablet\:grid-auto-cols-max {
    grid-auto-columns: max-content;
  }
  .tablet\:grid-auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }
  .tablet\:grid-flow-col {
    grid-auto-flow: column;
  }
  .tablet\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }
  .tablet\:grid-flow-dense {
    grid-auto-flow: dense;
  }
  .tablet\:grid-auto-rows-none {
    grid-auto-rows: minmax(0, var(--padding-none));
  }
  .tablet\:grid-rows-auto-none {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-none), 1fr));
  }
  .tablet\:grid-auto-cols-none {
    grid-auto-columns: minmax(0, var(--padding-none));
  }
  .tablet\:grid-cols-auto-none {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-none), 1fr));
  }
  .tablet\:grid-auto-rows-hairline {
    grid-auto-rows: minmax(0, var(--padding-hairline));
  }
  .tablet\:grid-rows-auto-hairline {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-hairline), 1fr));
  }
  .tablet\:grid-auto-cols-hairline {
    grid-auto-columns: minmax(0, var(--padding-hairline));
  }
  .tablet\:grid-cols-auto-hairline {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-hairline), 1fr));
  }
  .tablet\:grid-auto-rows-thin {
    grid-auto-rows: minmax(0, var(--padding-thin));
  }
  .tablet\:grid-rows-auto-thin {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-thin), 1fr));
  }
  .tablet\:grid-auto-cols-thin {
    grid-auto-columns: minmax(0, var(--padding-thin));
  }
  .tablet\:grid-cols-auto-thin {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-thin), 1fr));
  }
  .tablet\:grid-auto-rows-slim {
    grid-auto-rows: minmax(0, var(--padding-slim));
  }
  .tablet\:grid-rows-auto-slim {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-slim), 1fr));
  }
  .tablet\:grid-auto-cols-slim {
    grid-auto-columns: minmax(0, var(--padding-slim));
  }
  .tablet\:grid-cols-auto-slim {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-slim), 1fr));
  }
  .tablet\:grid-auto-rows-extra-small {
    grid-auto-rows: minmax(0, var(--padding-extra-small));
  }
  .tablet\:grid-rows-auto-extra-small {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-extra-small), 1fr));
  }
  .tablet\:grid-auto-cols-extra-small {
    grid-auto-columns: minmax(0, var(--padding-extra-small));
  }
  .tablet\:grid-cols-auto-extra-small {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-extra-small), 1fr));
  }
  .tablet\:grid-auto-rows-small {
    grid-auto-rows: minmax(0, var(--padding-small));
  }
  .tablet\:grid-rows-auto-small {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-small), 1fr));
  }
  .tablet\:grid-auto-cols-small {
    grid-auto-columns: minmax(0, var(--padding-small));
  }
  .tablet\:grid-cols-auto-small {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-small), 1fr));
  }
  .tablet\:grid-auto-rows-medium {
    grid-auto-rows: minmax(0, var(--padding-medium));
  }
  .tablet\:grid-rows-auto-medium {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-medium), 1fr));
  }
  .tablet\:grid-auto-cols-medium {
    grid-auto-columns: minmax(0, var(--padding-medium));
  }
  .tablet\:grid-cols-auto-medium {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-medium), 1fr));
  }
  .tablet\:grid-auto-rows-large {
    grid-auto-rows: minmax(0, var(--padding-large));
  }
  .tablet\:grid-rows-auto-large {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-large), 1fr));
  }
  .tablet\:grid-auto-cols-large {
    grid-auto-columns: minmax(0, var(--padding-large));
  }
  .tablet\:grid-cols-auto-large {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-large), 1fr));
  }
  .tablet\:grid-auto-rows-extra-large {
    grid-auto-rows: minmax(0, var(--padding-extra-large));
  }
  .tablet\:grid-rows-auto-extra-large {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-extra-large), 1fr));
  }
  .tablet\:grid-auto-cols-extra-large {
    grid-auto-columns: minmax(0, var(--padding-extra-large));
  }
  .tablet\:grid-cols-auto-extra-large {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-extra-large), 1fr));
  }
  .tablet\:grid-auto-rows-huge {
    grid-auto-rows: minmax(0, var(--padding-huge));
  }
  .tablet\:grid-rows-auto-huge {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-huge), 1fr));
  }
  .tablet\:grid-auto-cols-huge {
    grid-auto-columns: minmax(0, var(--padding-huge));
  }
  .tablet\:grid-cols-auto-huge {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-huge), 1fr));
  }
  .tablet\:grid-auto-rows-1 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 1));
  }
  .tablet\:grid-rows-auto-1 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 1), 1fr));
  }
  .tablet\:grid-auto-cols-1 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 1));
  }
  .tablet\:grid-cols-auto-1 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 1), 1fr));
  }
  .tablet\:grid-auto-rows-2 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 2));
  }
  .tablet\:grid-rows-auto-2 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 2), 1fr));
  }
  .tablet\:grid-auto-cols-2 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 2));
  }
  .tablet\:grid-cols-auto-2 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 2), 1fr));
  }
  .tablet\:grid-auto-rows-3 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 3));
  }
  .tablet\:grid-rows-auto-3 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 3), 1fr));
  }
  .tablet\:grid-auto-cols-3 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 3));
  }
  .tablet\:grid-cols-auto-3 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 3), 1fr));
  }
  .tablet\:grid-auto-rows-4 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 4));
  }
  .tablet\:grid-rows-auto-4 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 4), 1fr));
  }
  .tablet\:grid-auto-cols-4 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 4));
  }
  .tablet\:grid-cols-auto-4 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 4), 1fr));
  }
  .tablet\:grid-auto-rows-5 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 5));
  }
  .tablet\:grid-rows-auto-5 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 5), 1fr));
  }
  .tablet\:grid-auto-cols-5 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 5));
  }
  .tablet\:grid-cols-auto-5 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 5), 1fr));
  }
  .tablet\:grid-auto-rows-6 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 6));
  }
  .tablet\:grid-rows-auto-6 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 6), 1fr));
  }
  .tablet\:grid-auto-cols-6 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 6));
  }
  .tablet\:grid-cols-auto-6 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 6), 1fr));
  }
  .tablet\:grid-auto-rows-7 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 7));
  }
  .tablet\:grid-rows-auto-7 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 7), 1fr));
  }
  .tablet\:grid-auto-cols-7 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 7));
  }
  .tablet\:grid-cols-auto-7 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 7), 1fr));
  }
  .tablet\:grid-auto-rows-8 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 8));
  }
  .tablet\:grid-rows-auto-8 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 8), 1fr));
  }
  .tablet\:grid-auto-cols-8 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 8));
  }
  .tablet\:grid-cols-auto-8 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 8), 1fr));
  }
  .tablet\:grid-auto-rows-9 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 9));
  }
  .tablet\:grid-rows-auto-9 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 9), 1fr));
  }
  .tablet\:grid-auto-cols-9 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 9));
  }
  .tablet\:grid-cols-auto-9 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 9), 1fr));
  }
  .tablet\:grid-auto-rows-10 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 10));
  }
  .tablet\:grid-rows-auto-10 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 10), 1fr));
  }
  .tablet\:grid-auto-cols-10 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 10));
  }
  .tablet\:grid-cols-auto-10 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 10), 1fr));
  }
  .tablet\:grid-auto-rows-11 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 11));
  }
  .tablet\:grid-rows-auto-11 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 11), 1fr));
  }
  .tablet\:grid-auto-cols-11 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 11));
  }
  .tablet\:grid-cols-auto-11 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 11), 1fr));
  }
  .tablet\:grid-auto-rows-12 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 12));
  }
  .tablet\:grid-rows-auto-12 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 12), 1fr));
  }
  .tablet\:grid-auto-cols-12 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 12));
  }
  .tablet\:grid-cols-auto-12 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 12), 1fr));
  }
}
@media (max-width: 768px) {
  .mobile\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .mobile\:grid-rows-1-auto {
    grid-template-rows: repeat(1, auto);
  }
  .mobile\:grid-rows-span-1 {
    grid-row: span 1/span 1;
  }
  .mobile\:grid-rows-span-start-1 {
    grid-row-start: span 1;
  }
  .mobile\:grid-rows-span-end-1 {
    grid-row-end: span 1;
  }
  .mobile\:grid-rows-start-1 {
    grid-row-start: 1;
  }
  .mobile\:grid-rows-end-1 {
    grid-row-end: 1;
  }
  .mobile\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .mobile\:grid-cols-1-auto {
    grid-template-columns: repeat(1, auto);
  }
  .mobile\:grid-col-span-1 {
    grid-column: span 1/span 1;
  }
  .mobile\:grid-col-span-start-1 {
    grid-column-start: span 1;
  }
  .mobile\:grid-col-span-end-1 {
    grid-column-end: span 1;
  }
  .mobile\:grid-col-start-1 {
    grid-column-start: 1;
  }
  .mobile\:grid-col-end-1 {
    grid-column-end: 1;
  }
  .mobile\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .mobile\:grid-rows-2-auto {
    grid-template-rows: repeat(2, auto);
  }
  .mobile\:grid-rows-span-2 {
    grid-row: span 2/span 2;
  }
  .mobile\:grid-rows-span-start-2 {
    grid-row-start: span 2;
  }
  .mobile\:grid-rows-span-end-2 {
    grid-row-end: span 2;
  }
  .mobile\:grid-rows-start-2 {
    grid-row-start: 2;
  }
  .mobile\:grid-rows-end-2 {
    grid-row-end: 2;
  }
  .mobile\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mobile\:grid-cols-2-auto {
    grid-template-columns: repeat(2, auto);
  }
  .mobile\:grid-col-span-2 {
    grid-column: span 2/span 2;
  }
  .mobile\:grid-col-span-start-2 {
    grid-column-start: span 2;
  }
  .mobile\:grid-col-span-end-2 {
    grid-column-end: span 2;
  }
  .mobile\:grid-col-start-2 {
    grid-column-start: 2;
  }
  .mobile\:grid-col-end-2 {
    grid-column-end: 2;
  }
  .mobile\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .mobile\:grid-rows-3-auto {
    grid-template-rows: repeat(3, auto);
  }
  .mobile\:grid-rows-span-3 {
    grid-row: span 3/span 3;
  }
  .mobile\:grid-rows-span-start-3 {
    grid-row-start: span 3;
  }
  .mobile\:grid-rows-span-end-3 {
    grid-row-end: span 3;
  }
  .mobile\:grid-rows-start-3 {
    grid-row-start: 3;
  }
  .mobile\:grid-rows-end-3 {
    grid-row-end: 3;
  }
  .mobile\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .mobile\:grid-cols-3-auto {
    grid-template-columns: repeat(3, auto);
  }
  .mobile\:grid-col-span-3 {
    grid-column: span 3/span 3;
  }
  .mobile\:grid-col-span-start-3 {
    grid-column-start: span 3;
  }
  .mobile\:grid-col-span-end-3 {
    grid-column-end: span 3;
  }
  .mobile\:grid-col-start-3 {
    grid-column-start: 3;
  }
  .mobile\:grid-col-end-3 {
    grid-column-end: 3;
  }
  .mobile\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .mobile\:grid-rows-4-auto {
    grid-template-rows: repeat(4, auto);
  }
  .mobile\:grid-rows-span-4 {
    grid-row: span 4/span 4;
  }
  .mobile\:grid-rows-span-start-4 {
    grid-row-start: span 4;
  }
  .mobile\:grid-rows-span-end-4 {
    grid-row-end: span 4;
  }
  .mobile\:grid-rows-start-4 {
    grid-row-start: 4;
  }
  .mobile\:grid-rows-end-4 {
    grid-row-end: 4;
  }
  .mobile\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .mobile\:grid-cols-4-auto {
    grid-template-columns: repeat(4, auto);
  }
  .mobile\:grid-col-span-4 {
    grid-column: span 4/span 4;
  }
  .mobile\:grid-col-span-start-4 {
    grid-column-start: span 4;
  }
  .mobile\:grid-col-span-end-4 {
    grid-column-end: span 4;
  }
  .mobile\:grid-col-start-4 {
    grid-column-start: 4;
  }
  .mobile\:grid-col-end-4 {
    grid-column-end: 4;
  }
  .mobile\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .mobile\:grid-rows-5-auto {
    grid-template-rows: repeat(5, auto);
  }
  .mobile\:grid-rows-span-5 {
    grid-row: span 5/span 5;
  }
  .mobile\:grid-rows-span-start-5 {
    grid-row-start: span 5;
  }
  .mobile\:grid-rows-span-end-5 {
    grid-row-end: span 5;
  }
  .mobile\:grid-rows-start-5 {
    grid-row-start: 5;
  }
  .mobile\:grid-rows-end-5 {
    grid-row-end: 5;
  }
  .mobile\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .mobile\:grid-cols-5-auto {
    grid-template-columns: repeat(5, auto);
  }
  .mobile\:grid-col-span-5 {
    grid-column: span 5/span 5;
  }
  .mobile\:grid-col-span-start-5 {
    grid-column-start: span 5;
  }
  .mobile\:grid-col-span-end-5 {
    grid-column-end: span 5;
  }
  .mobile\:grid-col-start-5 {
    grid-column-start: 5;
  }
  .mobile\:grid-col-end-5 {
    grid-column-end: 5;
  }
  .mobile\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .mobile\:grid-rows-6-auto {
    grid-template-rows: repeat(6, auto);
  }
  .mobile\:grid-rows-span-6 {
    grid-row: span 6/span 6;
  }
  .mobile\:grid-rows-span-start-6 {
    grid-row-start: span 6;
  }
  .mobile\:grid-rows-span-end-6 {
    grid-row-end: span 6;
  }
  .mobile\:grid-rows-start-6 {
    grid-row-start: 6;
  }
  .mobile\:grid-rows-end-6 {
    grid-row-end: 6;
  }
  .mobile\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .mobile\:grid-cols-6-auto {
    grid-template-columns: repeat(6, auto);
  }
  .mobile\:grid-col-span-6 {
    grid-column: span 6/span 6;
  }
  .mobile\:grid-col-span-start-6 {
    grid-column-start: span 6;
  }
  .mobile\:grid-col-span-end-6 {
    grid-column-end: span 6;
  }
  .mobile\:grid-col-start-6 {
    grid-column-start: 6;
  }
  .mobile\:grid-col-end-6 {
    grid-column-end: 6;
  }
  .mobile\:grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .mobile\:grid-rows-7-auto {
    grid-template-rows: repeat(7, auto);
  }
  .mobile\:grid-rows-span-7 {
    grid-row: span 7/span 7;
  }
  .mobile\:grid-rows-span-start-7 {
    grid-row-start: span 7;
  }
  .mobile\:grid-rows-span-end-7 {
    grid-row-end: span 7;
  }
  .mobile\:grid-rows-start-7 {
    grid-row-start: 7;
  }
  .mobile\:grid-rows-end-7 {
    grid-row-end: 7;
  }
  .mobile\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .mobile\:grid-cols-7-auto {
    grid-template-columns: repeat(7, auto);
  }
  .mobile\:grid-col-span-7 {
    grid-column: span 7/span 7;
  }
  .mobile\:grid-col-span-start-7 {
    grid-column-start: span 7;
  }
  .mobile\:grid-col-span-end-7 {
    grid-column-end: span 7;
  }
  .mobile\:grid-col-start-7 {
    grid-column-start: 7;
  }
  .mobile\:grid-col-end-7 {
    grid-column-end: 7;
  }
  .mobile\:grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .mobile\:grid-rows-8-auto {
    grid-template-rows: repeat(8, auto);
  }
  .mobile\:grid-rows-span-8 {
    grid-row: span 8/span 8;
  }
  .mobile\:grid-rows-span-start-8 {
    grid-row-start: span 8;
  }
  .mobile\:grid-rows-span-end-8 {
    grid-row-end: span 8;
  }
  .mobile\:grid-rows-start-8 {
    grid-row-start: 8;
  }
  .mobile\:grid-rows-end-8 {
    grid-row-end: 8;
  }
  .mobile\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .mobile\:grid-cols-8-auto {
    grid-template-columns: repeat(8, auto);
  }
  .mobile\:grid-col-span-8 {
    grid-column: span 8/span 8;
  }
  .mobile\:grid-col-span-start-8 {
    grid-column-start: span 8;
  }
  .mobile\:grid-col-span-end-8 {
    grid-column-end: span 8;
  }
  .mobile\:grid-col-start-8 {
    grid-column-start: 8;
  }
  .mobile\:grid-col-end-8 {
    grid-column-end: 8;
  }
  .mobile\:grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .mobile\:grid-rows-9-auto {
    grid-template-rows: repeat(9, auto);
  }
  .mobile\:grid-rows-span-9 {
    grid-row: span 9/span 9;
  }
  .mobile\:grid-rows-span-start-9 {
    grid-row-start: span 9;
  }
  .mobile\:grid-rows-span-end-9 {
    grid-row-end: span 9;
  }
  .mobile\:grid-rows-start-9 {
    grid-row-start: 9;
  }
  .mobile\:grid-rows-end-9 {
    grid-row-end: 9;
  }
  .mobile\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .mobile\:grid-cols-9-auto {
    grid-template-columns: repeat(9, auto);
  }
  .mobile\:grid-col-span-9 {
    grid-column: span 9/span 9;
  }
  .mobile\:grid-col-span-start-9 {
    grid-column-start: span 9;
  }
  .mobile\:grid-col-span-end-9 {
    grid-column-end: span 9;
  }
  .mobile\:grid-col-start-9 {
    grid-column-start: 9;
  }
  .mobile\:grid-col-end-9 {
    grid-column-end: 9;
  }
  .mobile\:grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .mobile\:grid-rows-10-auto {
    grid-template-rows: repeat(10, auto);
  }
  .mobile\:grid-rows-span-10 {
    grid-row: span 10/span 10;
  }
  .mobile\:grid-rows-span-start-10 {
    grid-row-start: span 10;
  }
  .mobile\:grid-rows-span-end-10 {
    grid-row-end: span 10;
  }
  .mobile\:grid-rows-start-10 {
    grid-row-start: 10;
  }
  .mobile\:grid-rows-end-10 {
    grid-row-end: 10;
  }
  .mobile\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .mobile\:grid-cols-10-auto {
    grid-template-columns: repeat(10, auto);
  }
  .mobile\:grid-col-span-10 {
    grid-column: span 10/span 10;
  }
  .mobile\:grid-col-span-start-10 {
    grid-column-start: span 10;
  }
  .mobile\:grid-col-span-end-10 {
    grid-column-end: span 10;
  }
  .mobile\:grid-col-start-10 {
    grid-column-start: 10;
  }
  .mobile\:grid-col-end-10 {
    grid-column-end: 10;
  }
  .mobile\:grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .mobile\:grid-rows-11-auto {
    grid-template-rows: repeat(11, auto);
  }
  .mobile\:grid-rows-span-11 {
    grid-row: span 11/span 11;
  }
  .mobile\:grid-rows-span-start-11 {
    grid-row-start: span 11;
  }
  .mobile\:grid-rows-span-end-11 {
    grid-row-end: span 11;
  }
  .mobile\:grid-rows-start-11 {
    grid-row-start: 11;
  }
  .mobile\:grid-rows-end-11 {
    grid-row-end: 11;
  }
  .mobile\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .mobile\:grid-cols-11-auto {
    grid-template-columns: repeat(11, auto);
  }
  .mobile\:grid-col-span-11 {
    grid-column: span 11/span 11;
  }
  .mobile\:grid-col-span-start-11 {
    grid-column-start: span 11;
  }
  .mobile\:grid-col-span-end-11 {
    grid-column-end: span 11;
  }
  .mobile\:grid-col-start-11 {
    grid-column-start: 11;
  }
  .mobile\:grid-col-end-11 {
    grid-column-end: 11;
  }
  .mobile\:grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .mobile\:grid-rows-12-auto {
    grid-template-rows: repeat(12, auto);
  }
  .mobile\:grid-rows-span-12 {
    grid-row: span 12/span 12;
  }
  .mobile\:grid-rows-span-start-12 {
    grid-row-start: span 12;
  }
  .mobile\:grid-rows-span-end-12 {
    grid-row-end: span 12;
  }
  .mobile\:grid-rows-start-12 {
    grid-row-start: 12;
  }
  .mobile\:grid-rows-end-12 {
    grid-row-end: 12;
  }
  .mobile\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .mobile\:grid-cols-12-auto {
    grid-template-columns: repeat(12, auto);
  }
  .mobile\:grid-col-span-12 {
    grid-column: span 12/span 12;
  }
  .mobile\:grid-col-span-start-12 {
    grid-column-start: span 12;
  }
  .mobile\:grid-col-span-end-12 {
    grid-column-end: span 12;
  }
  .mobile\:grid-col-start-12 {
    grid-column-start: 12;
  }
  .mobile\:grid-col-end-12 {
    grid-column-end: 12;
  }
  .mobile\:grid-rows-13 {
    grid-template-rows: repeat(13, minmax(0, 1fr));
  }
  .mobile\:grid-rows-13-auto {
    grid-template-rows: repeat(13, auto);
  }
  .mobile\:grid-rows-span-13 {
    grid-row: span 13/span 13;
  }
  .mobile\:grid-rows-span-start-13 {
    grid-row-start: span 13;
  }
  .mobile\:grid-rows-span-end-13 {
    grid-row-end: span 13;
  }
  .mobile\:grid-rows-start-13 {
    grid-row-start: 13;
  }
  .mobile\:grid-rows-end-13 {
    grid-row-end: 13;
  }
  .mobile\:grid-cols-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }
  .mobile\:grid-cols-13-auto {
    grid-template-columns: repeat(13, auto);
  }
  .mobile\:grid-col-span-13 {
    grid-column: span 13/span 13;
  }
  .mobile\:grid-col-span-start-13 {
    grid-column-start: span 13;
  }
  .mobile\:grid-col-span-end-13 {
    grid-column-end: span 13;
  }
  .mobile\:grid-col-start-13 {
    grid-column-start: 13;
  }
  .mobile\:grid-col-end-13 {
    grid-column-end: 13;
  }
  .mobile\:grid-rows-none {
    grid-template-rows: none;
  }
  .mobile\:grid-rows-auto {
    grid-row: auto;
  }
  .mobile\:grid-rows-span-full {
    grid-row: 1/-1;
  }
  .mobile\:grid-rows-start-auto {
    grid-row-start: auto;
  }
  .mobile\:grid-rows-end-auto {
    grid-row-end: auto;
  }
  .mobile\:grid-auto-rows {
    grid-auto-rows: auto;
  }
  .mobile\:grid-auto-rows-min {
    grid-auto-rows: min-content;
  }
  .mobile\:grid-auto-rows-max {
    grid-auto-rows: max-content;
  }
  .mobile\:grid-auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
  }
  .mobile\:grid-flow-row {
    grid-auto-flow: row;
  }
  .mobile\:grid-flow-rows-dense {
    grid-auto-flow: row dense;
  }
  .mobile\:grid-cols-none {
    grid-template-columns: none;
  }
  .mobile\:grid-col-auto {
    grid-column: auto;
  }
  .mobile\:grid-col-span-full {
    grid-column: 1/-1;
  }
  .mobile\:grid-col-start-auto {
    grid-column-start: auto;
  }
  .mobile\:grid-col-end-auto {
    grid-column-end: auto;
  }
  .mobile\:grid-auto-cols {
    grid-auto-columns: auto;
  }
  .mobile\:grid-auto-cols-min {
    grid-auto-columns: min-content;
  }
  .mobile\:grid-auto-cols-max {
    grid-auto-columns: max-content;
  }
  .mobile\:grid-auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }
  .mobile\:grid-flow-col {
    grid-auto-flow: column;
  }
  .mobile\:grid-flow-col-dense {
    grid-auto-flow: column dense;
  }
  .mobile\:grid-flow-dense {
    grid-auto-flow: dense;
  }
  .mobile\:grid-auto-rows-none {
    grid-auto-rows: minmax(0, var(--padding-none));
  }
  .mobile\:grid-rows-auto-none {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-none), 1fr));
  }
  .mobile\:grid-auto-cols-none {
    grid-auto-columns: minmax(0, var(--padding-none));
  }
  .mobile\:grid-cols-auto-none {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-none), 1fr));
  }
  .mobile\:grid-auto-rows-hairline {
    grid-auto-rows: minmax(0, var(--padding-hairline));
  }
  .mobile\:grid-rows-auto-hairline {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-hairline), 1fr));
  }
  .mobile\:grid-auto-cols-hairline {
    grid-auto-columns: minmax(0, var(--padding-hairline));
  }
  .mobile\:grid-cols-auto-hairline {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-hairline), 1fr));
  }
  .mobile\:grid-auto-rows-thin {
    grid-auto-rows: minmax(0, var(--padding-thin));
  }
  .mobile\:grid-rows-auto-thin {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-thin), 1fr));
  }
  .mobile\:grid-auto-cols-thin {
    grid-auto-columns: minmax(0, var(--padding-thin));
  }
  .mobile\:grid-cols-auto-thin {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-thin), 1fr));
  }
  .mobile\:grid-auto-rows-slim {
    grid-auto-rows: minmax(0, var(--padding-slim));
  }
  .mobile\:grid-rows-auto-slim {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-slim), 1fr));
  }
  .mobile\:grid-auto-cols-slim {
    grid-auto-columns: minmax(0, var(--padding-slim));
  }
  .mobile\:grid-cols-auto-slim {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-slim), 1fr));
  }
  .mobile\:grid-auto-rows-extra-small {
    grid-auto-rows: minmax(0, var(--padding-extra-small));
  }
  .mobile\:grid-rows-auto-extra-small {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-extra-small), 1fr));
  }
  .mobile\:grid-auto-cols-extra-small {
    grid-auto-columns: minmax(0, var(--padding-extra-small));
  }
  .mobile\:grid-cols-auto-extra-small {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-extra-small), 1fr));
  }
  .mobile\:grid-auto-rows-small {
    grid-auto-rows: minmax(0, var(--padding-small));
  }
  .mobile\:grid-rows-auto-small {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-small), 1fr));
  }
  .mobile\:grid-auto-cols-small {
    grid-auto-columns: minmax(0, var(--padding-small));
  }
  .mobile\:grid-cols-auto-small {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-small), 1fr));
  }
  .mobile\:grid-auto-rows-medium {
    grid-auto-rows: minmax(0, var(--padding-medium));
  }
  .mobile\:grid-rows-auto-medium {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-medium), 1fr));
  }
  .mobile\:grid-auto-cols-medium {
    grid-auto-columns: minmax(0, var(--padding-medium));
  }
  .mobile\:grid-cols-auto-medium {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-medium), 1fr));
  }
  .mobile\:grid-auto-rows-large {
    grid-auto-rows: minmax(0, var(--padding-large));
  }
  .mobile\:grid-rows-auto-large {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-large), 1fr));
  }
  .mobile\:grid-auto-cols-large {
    grid-auto-columns: minmax(0, var(--padding-large));
  }
  .mobile\:grid-cols-auto-large {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-large), 1fr));
  }
  .mobile\:grid-auto-rows-extra-large {
    grid-auto-rows: minmax(0, var(--padding-extra-large));
  }
  .mobile\:grid-rows-auto-extra-large {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-extra-large), 1fr));
  }
  .mobile\:grid-auto-cols-extra-large {
    grid-auto-columns: minmax(0, var(--padding-extra-large));
  }
  .mobile\:grid-cols-auto-extra-large {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-extra-large), 1fr));
  }
  .mobile\:grid-auto-rows-huge {
    grid-auto-rows: minmax(0, var(--padding-huge));
  }
  .mobile\:grid-rows-auto-huge {
    grid-template-rows: repeat(auto-fill, minmax(var(--padding-huge), 1fr));
  }
  .mobile\:grid-auto-cols-huge {
    grid-auto-columns: minmax(0, var(--padding-huge));
  }
  .mobile\:grid-cols-auto-huge {
    grid-template-columns: repeat(auto-fill, minmax(var(--padding-huge), 1fr));
  }
  .mobile\:grid-auto-rows-1 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 1));
  }
  .mobile\:grid-rows-auto-1 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 1), 1fr));
  }
  .mobile\:grid-auto-cols-1 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 1));
  }
  .mobile\:grid-cols-auto-1 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 1), 1fr));
  }
  .mobile\:grid-auto-rows-2 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 2));
  }
  .mobile\:grid-rows-auto-2 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 2), 1fr));
  }
  .mobile\:grid-auto-cols-2 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 2));
  }
  .mobile\:grid-cols-auto-2 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 2), 1fr));
  }
  .mobile\:grid-auto-rows-3 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 3));
  }
  .mobile\:grid-rows-auto-3 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 3), 1fr));
  }
  .mobile\:grid-auto-cols-3 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 3));
  }
  .mobile\:grid-cols-auto-3 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 3), 1fr));
  }
  .mobile\:grid-auto-rows-4 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 4));
  }
  .mobile\:grid-rows-auto-4 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 4), 1fr));
  }
  .mobile\:grid-auto-cols-4 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 4));
  }
  .mobile\:grid-cols-auto-4 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 4), 1fr));
  }
  .mobile\:grid-auto-rows-5 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 5));
  }
  .mobile\:grid-rows-auto-5 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 5), 1fr));
  }
  .mobile\:grid-auto-cols-5 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 5));
  }
  .mobile\:grid-cols-auto-5 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 5), 1fr));
  }
  .mobile\:grid-auto-rows-6 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 6));
  }
  .mobile\:grid-rows-auto-6 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 6), 1fr));
  }
  .mobile\:grid-auto-cols-6 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 6));
  }
  .mobile\:grid-cols-auto-6 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 6), 1fr));
  }
  .mobile\:grid-auto-rows-7 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 7));
  }
  .mobile\:grid-rows-auto-7 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 7), 1fr));
  }
  .mobile\:grid-auto-cols-7 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 7));
  }
  .mobile\:grid-cols-auto-7 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 7), 1fr));
  }
  .mobile\:grid-auto-rows-8 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 8));
  }
  .mobile\:grid-rows-auto-8 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 8), 1fr));
  }
  .mobile\:grid-auto-cols-8 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 8));
  }
  .mobile\:grid-cols-auto-8 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 8), 1fr));
  }
  .mobile\:grid-auto-rows-9 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 9));
  }
  .mobile\:grid-rows-auto-9 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 9), 1fr));
  }
  .mobile\:grid-auto-cols-9 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 9));
  }
  .mobile\:grid-cols-auto-9 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 9), 1fr));
  }
  .mobile\:grid-auto-rows-10 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 10));
  }
  .mobile\:grid-rows-auto-10 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 10), 1fr));
  }
  .mobile\:grid-auto-cols-10 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 10));
  }
  .mobile\:grid-cols-auto-10 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 10), 1fr));
  }
  .mobile\:grid-auto-rows-11 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 11));
  }
  .mobile\:grid-rows-auto-11 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 11), 1fr));
  }
  .mobile\:grid-auto-cols-11 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 11));
  }
  .mobile\:grid-cols-auto-11 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 11), 1fr));
  }
  .mobile\:grid-auto-rows-12 {
    grid-auto-rows: minmax(0, calc(1440px / 12 * 12));
  }
  .mobile\:grid-rows-auto-12 {
    grid-template-rows: repeat(auto-fill, minmax(calc(1440px / 12 * 12), 1fr));
  }
  .mobile\:grid-auto-cols-12 {
    grid-auto-columns: minmax(0, calc(1440px / 12 * 12));
  }
  .mobile\:grid-cols-auto-12 {
    grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 12), 1fr));
  }
}
.grid-editorial {
  display: grid;
}
@media (min-width: 1025px) {
  .grid-editorial.grid-items {
    /* Styles for 2 cards */
  }
  .grid-editorial.grid-items {
    /* Styles for 3 cards */
    /* Styles for 4 cards */
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .grid-editorial.grid-items-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .grid-editorial.grid-items-3 > :nth-child(1), .grid-editorial.grid-items-3 > :nth-child(3) {
    grid-column: span 6;
  }
  .grid-editorial.grid-items-3 > :nth-child(2) {
    grid-column: 7/span 6;
    grid-row: span 2;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .grid-editorial.grid-items-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-editorial.grid-items-4 > :first-child {
    min-height: calc(1440px / 12 * 3);
    grid-column: 1/-1;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .grid-editorial.grid-items-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-editorial.grid-items-5 > :first-child {
    min-height: calc(1440px / 12 * 3);
    grid-column: span 2/span 2;
  }
}

/* Temporary styles until real content is present
   TODO: may need to split this into a 2 column grid,
   with a nested grid within the right column.
*/
.grid-masonry {
  display: grid;
  gap: var(--padding-large);
}
@media (min-width: 769px) {
  .grid-masonry.grid-items-9 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: unset;
  }
  .grid-masonry.grid-items-9 > * {
    grid-column: span 1;
    grid-row: span 4;
  }
  .grid-masonry.grid-items-9 > :nth-child(7) {
    grid-column: span 2;
    grid-row: span 3;
  }
}
@media (min-width: 1025px) {
  .grid-masonry.grid-items-9 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .grid-masonry.grid-items-9 > * {
    grid-column: span 3;
    grid-row: span 7;
  }
  .grid-masonry.grid-items-9 > :nth-child(1), .grid-masonry.grid-items-9 > :nth-child(6) {
    grid-column: span 4;
    grid-row: span 10;
  }
  .grid-masonry.grid-items-9 > :nth-child(7) {
    grid-column: span 6;
    grid-row: span 4;
  }
}

.grid-collapsible {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(calc(1440px / 12 * 2.5), 1fr));
}

/* The bundle of all BrandUI styles */
@media (max-width: 8640px) {
  .pointer-events-none {
    pointer-events: none;
  }
  .pointer-events-initial {
    pointer-events: initial;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-initial {
    cursor: initial;
  }
  .no-scrollbar {
    scrollbar-width: none;
  }
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
}
@media (max-width: 1024px) {
  .tablet\:pointer-events-none {
    pointer-events: none;
  }
  .tablet\:pointer-events-initial {
    pointer-events: initial;
  }
  .tablet\:cursor-pointer {
    cursor: pointer;
  }
  .tablet\:cursor-default {
    cursor: default;
  }
  .tablet\:cursor-not-allowed {
    cursor: not-allowed;
  }
  .tablet\:cursor-initial {
    cursor: initial;
  }
  .tablet\:no-scrollbar {
    scrollbar-width: none;
  }
  .tablet\:no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .tablet\:overscroll-contain {
    overscroll-behavior: contain;
  }
}
@media (max-width: 768px) {
  .mobile\:pointer-events-none {
    pointer-events: none;
  }
  .mobile\:pointer-events-initial {
    pointer-events: initial;
  }
  .mobile\:cursor-pointer {
    cursor: pointer;
  }
  .mobile\:cursor-default {
    cursor: default;
  }
  .mobile\:cursor-not-allowed {
    cursor: not-allowed;
  }
  .mobile\:cursor-initial {
    cursor: initial;
  }
  .mobile\:no-scrollbar {
    scrollbar-width: none;
  }
  .mobile\:no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  .mobile\:overscroll-contain {
    overscroll-behavior: contain;
  }
}
/* The bundle of all BrandUI styles */
@media (max-width: 8640px) {
  .object-fit-fill,
  .object-fit-fill-inner img {
    object-fit: fill;
  }
  .object-fit-contain,
  .object-fit-contain-inner img {
    object-fit: contain;
  }
  .object-fit-cover,
  .object-fit-cover-inner img {
    object-fit: cover;
  }
  .object-fit-none,
  .object-fit-none-inner img {
    object-fit: none;
  }
  .object-fit-scale-down,
  .object-fit-scale-down-inner img {
    object-fit: scale-down;
  }
  .object-fit-initial,
  .object-fit-initial-inner img {
    object-fit: initial;
  }
  .object-position-top,
  .object-position-top-inner img {
    object-position: top;
  }
  .object-position-right,
  .object-position-right-inner img {
    object-position: right;
  }
  .object-position-bottom,
  .object-position-bottom-inner img {
    object-position: bottom;
  }
  .object-position-left,
  .object-position-left-inner img {
    object-position: left;
  }
  .object-position-center,
  .object-position-center-inner img {
    object-position: center;
  }
  .object-position-initial,
  .object-position-initial-inner img {
    object-position: initial;
  }
  .video-wrap {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  .video-wrap iframe,
  .video-wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1024px) {
  .tablet\:object-fit-fill,
  .tablet\:object-fit-fill-inner img {
    object-fit: fill;
  }
  .tablet\:object-fit-contain,
  .tablet\:object-fit-contain-inner img {
    object-fit: contain;
  }
  .tablet\:object-fit-cover,
  .tablet\:object-fit-cover-inner img {
    object-fit: cover;
  }
  .tablet\:object-fit-none,
  .tablet\:object-fit-none-inner img {
    object-fit: none;
  }
  .tablet\:object-fit-scale-down,
  .tablet\:object-fit-scale-down-inner img {
    object-fit: scale-down;
  }
  .tablet\:object-fit-initial,
  .tablet\:object-fit-initial-inner img {
    object-fit: initial;
  }
  .tablet\:object-position-top,
  .tablet\:object-position-top-inner img {
    object-position: top;
  }
  .tablet\:object-position-right,
  .tablet\:object-position-right-inner img {
    object-position: right;
  }
  .tablet\:object-position-bottom,
  .tablet\:object-position-bottom-inner img {
    object-position: bottom;
  }
  .tablet\:object-position-left,
  .tablet\:object-position-left-inner img {
    object-position: left;
  }
  .tablet\:object-position-center,
  .tablet\:object-position-center-inner img {
    object-position: center;
  }
  .tablet\:object-position-initial,
  .tablet\:object-position-initial-inner img {
    object-position: initial;
  }
  .tablet\:video-wrap {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  .tablet\:video-wrap iframe,
  .tablet\:video-wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 768px) {
  .mobile\:object-fit-fill,
  .mobile\:object-fit-fill-inner img {
    object-fit: fill;
  }
  .mobile\:object-fit-contain,
  .mobile\:object-fit-contain-inner img {
    object-fit: contain;
  }
  .mobile\:object-fit-cover,
  .mobile\:object-fit-cover-inner img {
    object-fit: cover;
  }
  .mobile\:object-fit-none,
  .mobile\:object-fit-none-inner img {
    object-fit: none;
  }
  .mobile\:object-fit-scale-down,
  .mobile\:object-fit-scale-down-inner img {
    object-fit: scale-down;
  }
  .mobile\:object-fit-initial,
  .mobile\:object-fit-initial-inner img {
    object-fit: initial;
  }
  .mobile\:object-position-top,
  .mobile\:object-position-top-inner img {
    object-position: top;
  }
  .mobile\:object-position-right,
  .mobile\:object-position-right-inner img {
    object-position: right;
  }
  .mobile\:object-position-bottom,
  .mobile\:object-position-bottom-inner img {
    object-position: bottom;
  }
  .mobile\:object-position-left,
  .mobile\:object-position-left-inner img {
    object-position: left;
  }
  .mobile\:object-position-center,
  .mobile\:object-position-center-inner img {
    object-position: center;
  }
  .mobile\:object-position-initial,
  .mobile\:object-position-initial-inner img {
    object-position: initial;
  }
  .mobile\:video-wrap {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
  .mobile\:video-wrap iframe,
  .mobile\:video-wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
/* The bundle of all BrandUI styles */
/*
The rich text class applies default styling to HTML when you cannot apply class names directly to the children of a parent
*/
.txt-rich,
.txt-rich-long {
  display: flex;
  flex-direction: column;
  gap: var(--padding-small);
}
.txt-rich h1:not([class]),
.txt-rich-long h1:not([class]) {
  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, normal);
  text-transform: var(--txt-page-title-tt, none);
}
.txt-rich h2:not([class]),
.txt-rich-long h2:not([class]) {
  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, normal);
  text-transform: var(--txt-headline-small-tt, none);
}
.txt-rich h3:not([class]),
.txt-rich-long h3:not([class]) {
  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, normal);
  text-transform: var(--txt-subhead-tt, none);
}
.txt-rich h4:not([class]),
.txt-rich-long h4:not([class]) {
  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, normal);
  text-transform: var(--txt-subhead-small-tt, none);
}
.txt-rich h5:not([class]),
.txt-rich-long h5:not([class]) {
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.txt-rich h5:not([class]) strong,
.txt-rich h5:not([class]) b,
.txt-rich-long h5:not([class]) strong,
.txt-rich-long h5:not([class]) b {
  font-weight: 700;
}
.txt-rich h6:not([class]),
.txt-rich-long h6:not([class]) {
  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, normal);
  text-transform: var(--txt-body-bold-tt, none);
}
.txt-rich h6:not([class]) strong,
.txt-rich h6:not([class]) b,
.txt-rich-long h6:not([class]) strong,
.txt-rich-long h6:not([class]) b {
  font-weight: 700;
}
.txt-rich p:not([class]),
.txt-rich-long p:not([class]) {
  line-height: var(--txt-body-lh);
}
.txt-rich a.jumplink,
.txt-rich-long a.jumplink {
  color: var(--ui-headline);
}
.txt-rich a:not([class]),
.txt-rich-long a:not([class]) {
  overflow-wrap: break-word;
  text-decoration: underline;
  font-weight: 700;
  color: var(--action);
}
.txt-rich a:not([class]):hover, .txt-rich a:not([class]):focus,
.txt-rich-long a:not([class]):hover,
.txt-rich-long a:not([class]):focus {
  color: var(--action-tertiary);
}
.txt-rich blockquote:not([class]),
.txt-rich-long blockquote:not([class]) {
  margin-top: var(--padding-large);
  margin-bottom: var(--padding-large);
  border-left: 0.1875rem solid;
  padding-left: 2.5rem;
  margin-left: 0;
  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, normal);
  text-transform: var(--txt-body-lead-tt, none);
}
.txt-rich ul ul,
.txt-rich ol ul,
.txt-rich ol ol,
.txt-rich-long ul ul,
.txt-rich-long ol ul,
.txt-rich-long ol ol {
  margin-top: var(--padding-small);
}

.txt-rich-long {
  gap: var(--padding-medium);
}
.txt-rich-long h1:not([class]),
.txt-rich-long h2:not([class]),
.txt-rich-long h3:not([class]),
.txt-rich-long h4:not([class]),
.txt-rich-long h5:not([class]),
.txt-rich-long h6:not([class]) {
  margin-top: var(--padding-medium);
}
.txt-rich-long h2:not([class]) .jumplink:not(.button) {
  font-weight: 700;
}
.txt-rich-long p:not([class]) {
  line-height: var(--txt-body-long-lh);
}
.txt-rich-long table p:not([class]),
.txt-rich-long li p:not([class]),
.txt-rich-long .txt-rich p:not([class]) {
  line-height: var(--txt-body-lh);
}
.txt-rich-long li {
  margin-bottom: var(--padding-small);
}

.txt-rich-two-cols {
  display: block;
  column-count: 2;
  column-gap: var(--padding-extra-large);
}
.txt-rich-two-cols p {
  margin-bottom: var(--padding-small);
}
@media (max-width: 768px) {
  .txt-rich-two-cols {
    column-count: 1;
  }
}

.list-legal {
  font-size: var(--txt-body-lead-size);
}
.list-legal ol {
  font-weight: bold;
  counter-reset: ol;
  list-style-type: none;
  padding-left: 0;
}
.list-legal ol > li {
  margin: 0.625rem 0;
  padding: 0;
}
.list-legal ol li::before {
  counter-increment: ol;
  content: counters(ol, ".") ". ";
  font-weight: bold;
}
.list-legal ol ol {
  font-weight: 400;
}
.list-legal ol ol li {
  padding-left: 1.5rem;
}
.list-legal ol ol li:not(:last-child) {
  margin-bottom: 1.5rem;
}

/* The bundle of all BrandUI styles */
.brandui-scrollbar ::-webkit-scrollbar {
  scrollbar-width: thin;
}
.brandui-scrollbar ::-webkit-scrollbar-track {
  background: transparent;
}
.brandui-scrollbar ::-webkit-scrollbar-thumb {
  border-radius: 20px;
  border: transparent;
  background-color: color-mix(in srgb, var(--neutral-6), transparent 75%);
}
.brandui-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: color-mix(in srgb, var(--neutral-6), transparent 50%);
}

/* The bundle of all BrandUI styles */
@media (max-width: 8640px) {
  .radius-none {
    border-radius: 0;
  }
  .group:hover .group-hover\:radius-none {
    border-radius: 0;
  }
  .radius-extra-small {
    border-radius: var(--radius-extra-small);
  }
  .radius-extra-small-plus {
    border-radius: calc(var(--radius-extra-small) + 2px);
  }
  .group:hover .group-hover\:radius-extra-small-plus {
    border-radius: calc(var(--radius-extra-small) + 2px);
  }
  .group:hover .group-hover\:radius-extra-small {
    border-radius: var(--radius-extra-small);
  }
  .radius-small {
    border-radius: var(--radius-small);
  }
  .radius-small-plus {
    border-radius: calc(var(--radius-small) + 2px);
  }
  .group:hover .group-hover\:radius-small-plus {
    border-radius: calc(var(--radius-small) + 2px);
  }
  .group:hover .group-hover\:radius-small {
    border-radius: var(--radius-small);
  }
  .radius-medium {
    border-radius: var(--radius-medium);
  }
  .radius-medium-plus {
    border-radius: calc(var(--radius-medium) + 2px);
  }
  .group:hover .group-hover\:radius-medium-plus {
    border-radius: calc(var(--radius-medium) + 2px);
  }
  .group:hover .group-hover\:radius-medium {
    border-radius: var(--radius-medium);
  }
  .radius-large {
    border-radius: var(--radius-large);
  }
  .radius-large-plus {
    border-radius: calc(var(--radius-large) + 2px);
  }
  .group:hover .group-hover\:radius-large-plus {
    border-radius: calc(var(--radius-large) + 2px);
  }
  .group:hover .group-hover\:radius-large {
    border-radius: var(--radius-large);
  }
  .radius-extra-large {
    border-radius: var(--radius-extra-large);
  }
  .radius-extra-large-plus {
    border-radius: calc(var(--radius-extra-large) + 2px);
  }
  .group:hover .group-hover\:radius-extra-large-plus {
    border-radius: calc(var(--radius-extra-large) + 2px);
  }
  .group:hover .group-hover\:radius-extra-large {
    border-radius: var(--radius-extra-large);
  }
  .radius-pill {
    border-radius: var(--radius-pill);
  }
  .radius-pill-plus {
    border-radius: calc(var(--radius-pill) + 2px);
  }
  .group:hover .group-hover\:radius-pill-plus {
    border-radius: calc(var(--radius-pill) + 2px);
  }
  .group:hover .group-hover\:radius-pill {
    border-radius: var(--radius-pill);
  }
  .radius-full {
    border-radius: var(--radius-full);
  }
  .radius-full-plus {
    border-radius: calc(var(--radius-full) + 2px);
  }
  .group:hover .group-hover\:radius-full-plus {
    border-radius: calc(var(--radius-full) + 2px);
  }
  .group:hover .group-hover\:radius-full {
    border-radius: var(--radius-full);
  }
  .radius-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .group:hover .group-hover\:radius-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .radius-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .group:hover .group-hover\:radius-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .radius-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .group:hover .group-hover\:radius-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .radius-l-none {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .group:hover .group-hover\:radius-l-none {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
}
@media (max-width: 1024px) {
  .tablet\:radius-none {
    border-radius: 0;
  }
  .tablet\:group:hover .group-hover\:radius-none {
    border-radius: 0;
  }
  .tablet\:radius-extra-small {
    border-radius: var(--radius-extra-small);
  }
  .tablet\:radius-extra-small-plus {
    border-radius: calc(var(--radius-extra-small) + 2px);
  }
  .tablet\:group:hover .group-hover\:radius-extra-small-plus {
    border-radius: calc(var(--radius-extra-small) + 2px);
  }
  .tablet\:group:hover .group-hover\:radius-extra-small {
    border-radius: var(--radius-extra-small);
  }
  .tablet\:radius-small {
    border-radius: var(--radius-small);
  }
  .tablet\:radius-small-plus {
    border-radius: calc(var(--radius-small) + 2px);
  }
  .tablet\:group:hover .group-hover\:radius-small-plus {
    border-radius: calc(var(--radius-small) + 2px);
  }
  .tablet\:group:hover .group-hover\:radius-small {
    border-radius: var(--radius-small);
  }
  .tablet\:radius-medium {
    border-radius: var(--radius-medium);
  }
  .tablet\:radius-medium-plus {
    border-radius: calc(var(--radius-medium) + 2px);
  }
  .tablet\:group:hover .group-hover\:radius-medium-plus {
    border-radius: calc(var(--radius-medium) + 2px);
  }
  .tablet\:group:hover .group-hover\:radius-medium {
    border-radius: var(--radius-medium);
  }
  .tablet\:radius-large {
    border-radius: var(--radius-large);
  }
  .tablet\:radius-large-plus {
    border-radius: calc(var(--radius-large) + 2px);
  }
  .tablet\:group:hover .group-hover\:radius-large-plus {
    border-radius: calc(var(--radius-large) + 2px);
  }
  .tablet\:group:hover .group-hover\:radius-large {
    border-radius: var(--radius-large);
  }
  .tablet\:radius-extra-large {
    border-radius: var(--radius-extra-large);
  }
  .tablet\:radius-extra-large-plus {
    border-radius: calc(var(--radius-extra-large) + 2px);
  }
  .tablet\:group:hover .group-hover\:radius-extra-large-plus {
    border-radius: calc(var(--radius-extra-large) + 2px);
  }
  .tablet\:group:hover .group-hover\:radius-extra-large {
    border-radius: var(--radius-extra-large);
  }
  .tablet\:radius-pill {
    border-radius: var(--radius-pill);
  }
  .tablet\:radius-pill-plus {
    border-radius: calc(var(--radius-pill) + 2px);
  }
  .tablet\:group:hover .group-hover\:radius-pill-plus {
    border-radius: calc(var(--radius-pill) + 2px);
  }
  .tablet\:group:hover .group-hover\:radius-pill {
    border-radius: var(--radius-pill);
  }
  .tablet\:radius-full {
    border-radius: var(--radius-full);
  }
  .tablet\:radius-full-plus {
    border-radius: calc(var(--radius-full) + 2px);
  }
  .tablet\:group:hover .group-hover\:radius-full-plus {
    border-radius: calc(var(--radius-full) + 2px);
  }
  .tablet\:group:hover .group-hover\:radius-full {
    border-radius: var(--radius-full);
  }
  .tablet\:radius-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .tablet\:group:hover .group-hover\:radius-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .tablet\:radius-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .tablet\:group:hover .group-hover\:radius-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .tablet\:radius-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .tablet\:group:hover .group-hover\:radius-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .tablet\:radius-l-none {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .tablet\:group:hover .group-hover\:radius-l-none {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
}
@media (max-width: 768px) {
  .mobile\:radius-none {
    border-radius: 0;
  }
  .mobile\:group:hover .group-hover\:radius-none {
    border-radius: 0;
  }
  .mobile\:radius-extra-small {
    border-radius: var(--radius-extra-small);
  }
  .mobile\:radius-extra-small-plus {
    border-radius: calc(var(--radius-extra-small) + 2px);
  }
  .mobile\:group:hover .group-hover\:radius-extra-small-plus {
    border-radius: calc(var(--radius-extra-small) + 2px);
  }
  .mobile\:group:hover .group-hover\:radius-extra-small {
    border-radius: var(--radius-extra-small);
  }
  .mobile\:radius-small {
    border-radius: var(--radius-small);
  }
  .mobile\:radius-small-plus {
    border-radius: calc(var(--radius-small) + 2px);
  }
  .mobile\:group:hover .group-hover\:radius-small-plus {
    border-radius: calc(var(--radius-small) + 2px);
  }
  .mobile\:group:hover .group-hover\:radius-small {
    border-radius: var(--radius-small);
  }
  .mobile\:radius-medium {
    border-radius: var(--radius-medium);
  }
  .mobile\:radius-medium-plus {
    border-radius: calc(var(--radius-medium) + 2px);
  }
  .mobile\:group:hover .group-hover\:radius-medium-plus {
    border-radius: calc(var(--radius-medium) + 2px);
  }
  .mobile\:group:hover .group-hover\:radius-medium {
    border-radius: var(--radius-medium);
  }
  .mobile\:radius-large {
    border-radius: var(--radius-large);
  }
  .mobile\:radius-large-plus {
    border-radius: calc(var(--radius-large) + 2px);
  }
  .mobile\:group:hover .group-hover\:radius-large-plus {
    border-radius: calc(var(--radius-large) + 2px);
  }
  .mobile\:group:hover .group-hover\:radius-large {
    border-radius: var(--radius-large);
  }
  .mobile\:radius-extra-large {
    border-radius: var(--radius-extra-large);
  }
  .mobile\:radius-extra-large-plus {
    border-radius: calc(var(--radius-extra-large) + 2px);
  }
  .mobile\:group:hover .group-hover\:radius-extra-large-plus {
    border-radius: calc(var(--radius-extra-large) + 2px);
  }
  .mobile\:group:hover .group-hover\:radius-extra-large {
    border-radius: var(--radius-extra-large);
  }
  .mobile\:radius-pill {
    border-radius: var(--radius-pill);
  }
  .mobile\:radius-pill-plus {
    border-radius: calc(var(--radius-pill) + 2px);
  }
  .mobile\:group:hover .group-hover\:radius-pill-plus {
    border-radius: calc(var(--radius-pill) + 2px);
  }
  .mobile\:group:hover .group-hover\:radius-pill {
    border-radius: var(--radius-pill);
  }
  .mobile\:radius-full {
    border-radius: var(--radius-full);
  }
  .mobile\:radius-full-plus {
    border-radius: calc(var(--radius-full) + 2px);
  }
  .mobile\:group:hover .group-hover\:radius-full-plus {
    border-radius: calc(var(--radius-full) + 2px);
  }
  .mobile\:group:hover .group-hover\:radius-full {
    border-radius: var(--radius-full);
  }
  .mobile\:radius-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .mobile\:group:hover .group-hover\:radius-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .mobile\:radius-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .mobile\:group:hover .group-hover\:radius-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .mobile\:radius-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .mobile\:group:hover .group-hover\:radius-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .mobile\:radius-l-none {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .mobile\:group:hover .group-hover\:radius-l-none {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
}
.break-word {
  overflow-wrap: break-word;
}

.wrap-anywhere {
  overflow-wrap: anywhere;
}

.vertical-align-top {
  vertical-align: top;
}

/* The bundle of all BrandUI styles */
@media (max-width: 8640px) {
  .translate-none,
  .hover\:translate-none:hover,
  .focus\:translate-none:focus,
  .group:hover .group-hover\:translate-none,
  .group:focus-within .group-focus-within\:translate-none {
    transform: translate(var(--padding-none), var(--padding-none));
  }
  .translate-x-none,
  .hover\:translate-x-none:hover,
  .focus\:translate-x-none:focus,
  .group:hover .group-hover\:translate-x-none,
  .group:focus-within .group-focus-within\:translate-x-none {
    transform: translateX(var(--padding-none));
  }
  .translate-y-none,
  .hover\:translate-y-none:hover,
  .focus\:translate-y-none:focus,
  .group:hover .group-hover\:translate-y-none,
  .group:focus-within .group-focus-within\:translate-y-none {
    transform: translateY(var(--padding-none));
  }
  .-translate-none,
  .hover\:-translate-none:hover,
  .focus\:-translate-none:focus,
  .group:hover .group-hover\:-translate-none,
  .group:focus-within .group-focus-within\:-translate-none {
    transform: translate(calc(-1 * var(--padding-none)), calc(-1 * var(--padding-none)));
  }
  .-translate-x-none,
  .hover\:-translate-x-none:hover,
  .focus\:-translate-x-none:focus,
  .group:hover .group-hover\:-translate-x-none,
  .group:focus-within .group-focus-within\:-translate-x-none {
    transform: translateX(calc(-1 * var(--padding-none)));
  }
  .-translate-y-none,
  .hover\:-translate-y-none:hover,
  .focus\:-translate-y-none:focus,
  .group:hover .group-hover\:-translate-y-none,
  .group:focus-within .group-focus-within\:-translate-y-none {
    transform: translateY(calc(-1 * var(--padding-none)));
  }
  .translate-hairline,
  .hover\:translate-hairline:hover,
  .focus\:translate-hairline:focus,
  .group:hover .group-hover\:translate-hairline,
  .group:focus-within .group-focus-within\:translate-hairline {
    transform: translate(var(--padding-hairline), var(--padding-hairline));
  }
  .translate-x-hairline,
  .hover\:translate-x-hairline:hover,
  .focus\:translate-x-hairline:focus,
  .group:hover .group-hover\:translate-x-hairline,
  .group:focus-within .group-focus-within\:translate-x-hairline {
    transform: translateX(var(--padding-hairline));
  }
  .translate-y-hairline,
  .hover\:translate-y-hairline:hover,
  .focus\:translate-y-hairline:focus,
  .group:hover .group-hover\:translate-y-hairline,
  .group:focus-within .group-focus-within\:translate-y-hairline {
    transform: translateY(var(--padding-hairline));
  }
  .-translate-hairline,
  .hover\:-translate-hairline:hover,
  .focus\:-translate-hairline:focus,
  .group:hover .group-hover\:-translate-hairline,
  .group:focus-within .group-focus-within\:-translate-hairline {
    transform: translate(calc(-1 * var(--padding-hairline)), calc(-1 * var(--padding-hairline)));
  }
  .-translate-x-hairline,
  .hover\:-translate-x-hairline:hover,
  .focus\:-translate-x-hairline:focus,
  .group:hover .group-hover\:-translate-x-hairline,
  .group:focus-within .group-focus-within\:-translate-x-hairline {
    transform: translateX(calc(-1 * var(--padding-hairline)));
  }
  .-translate-y-hairline,
  .hover\:-translate-y-hairline:hover,
  .focus\:-translate-y-hairline:focus,
  .group:hover .group-hover\:-translate-y-hairline,
  .group:focus-within .group-focus-within\:-translate-y-hairline {
    transform: translateY(calc(-1 * var(--padding-hairline)));
  }
  .translate-thin,
  .hover\:translate-thin:hover,
  .focus\:translate-thin:focus,
  .group:hover .group-hover\:translate-thin,
  .group:focus-within .group-focus-within\:translate-thin {
    transform: translate(var(--padding-thin), var(--padding-thin));
  }
  .translate-x-thin,
  .hover\:translate-x-thin:hover,
  .focus\:translate-x-thin:focus,
  .group:hover .group-hover\:translate-x-thin,
  .group:focus-within .group-focus-within\:translate-x-thin {
    transform: translateX(var(--padding-thin));
  }
  .translate-y-thin,
  .hover\:translate-y-thin:hover,
  .focus\:translate-y-thin:focus,
  .group:hover .group-hover\:translate-y-thin,
  .group:focus-within .group-focus-within\:translate-y-thin {
    transform: translateY(var(--padding-thin));
  }
  .-translate-thin,
  .hover\:-translate-thin:hover,
  .focus\:-translate-thin:focus,
  .group:hover .group-hover\:-translate-thin,
  .group:focus-within .group-focus-within\:-translate-thin {
    transform: translate(calc(-1 * var(--padding-thin)), calc(-1 * var(--padding-thin)));
  }
  .-translate-x-thin,
  .hover\:-translate-x-thin:hover,
  .focus\:-translate-x-thin:focus,
  .group:hover .group-hover\:-translate-x-thin,
  .group:focus-within .group-focus-within\:-translate-x-thin {
    transform: translateX(calc(-1 * var(--padding-thin)));
  }
  .-translate-y-thin,
  .hover\:-translate-y-thin:hover,
  .focus\:-translate-y-thin:focus,
  .group:hover .group-hover\:-translate-y-thin,
  .group:focus-within .group-focus-within\:-translate-y-thin {
    transform: translateY(calc(-1 * var(--padding-thin)));
  }
  .translate-slim,
  .hover\:translate-slim:hover,
  .focus\:translate-slim:focus,
  .group:hover .group-hover\:translate-slim,
  .group:focus-within .group-focus-within\:translate-slim {
    transform: translate(var(--padding-slim), var(--padding-slim));
  }
  .translate-x-slim,
  .hover\:translate-x-slim:hover,
  .focus\:translate-x-slim:focus,
  .group:hover .group-hover\:translate-x-slim,
  .group:focus-within .group-focus-within\:translate-x-slim {
    transform: translateX(var(--padding-slim));
  }
  .translate-y-slim,
  .hover\:translate-y-slim:hover,
  .focus\:translate-y-slim:focus,
  .group:hover .group-hover\:translate-y-slim,
  .group:focus-within .group-focus-within\:translate-y-slim {
    transform: translateY(var(--padding-slim));
  }
  .-translate-slim,
  .hover\:-translate-slim:hover,
  .focus\:-translate-slim:focus,
  .group:hover .group-hover\:-translate-slim,
  .group:focus-within .group-focus-within\:-translate-slim {
    transform: translate(calc(-1 * var(--padding-slim)), calc(-1 * var(--padding-slim)));
  }
  .-translate-x-slim,
  .hover\:-translate-x-slim:hover,
  .focus\:-translate-x-slim:focus,
  .group:hover .group-hover\:-translate-x-slim,
  .group:focus-within .group-focus-within\:-translate-x-slim {
    transform: translateX(calc(-1 * var(--padding-slim)));
  }
  .-translate-y-slim,
  .hover\:-translate-y-slim:hover,
  .focus\:-translate-y-slim:focus,
  .group:hover .group-hover\:-translate-y-slim,
  .group:focus-within .group-focus-within\:-translate-y-slim {
    transform: translateY(calc(-1 * var(--padding-slim)));
  }
  .translate-extra-small,
  .hover\:translate-extra-small:hover,
  .focus\:translate-extra-small:focus,
  .group:hover .group-hover\:translate-extra-small,
  .group:focus-within .group-focus-within\:translate-extra-small {
    transform: translate(var(--padding-extra-small), var(--padding-extra-small));
  }
  .translate-x-extra-small,
  .hover\:translate-x-extra-small:hover,
  .focus\:translate-x-extra-small:focus,
  .group:hover .group-hover\:translate-x-extra-small,
  .group:focus-within .group-focus-within\:translate-x-extra-small {
    transform: translateX(var(--padding-extra-small));
  }
  .translate-y-extra-small,
  .hover\:translate-y-extra-small:hover,
  .focus\:translate-y-extra-small:focus,
  .group:hover .group-hover\:translate-y-extra-small,
  .group:focus-within .group-focus-within\:translate-y-extra-small {
    transform: translateY(var(--padding-extra-small));
  }
  .-translate-extra-small,
  .hover\:-translate-extra-small:hover,
  .focus\:-translate-extra-small:focus,
  .group:hover .group-hover\:-translate-extra-small,
  .group:focus-within .group-focus-within\:-translate-extra-small {
    transform: translate(calc(-1 * var(--padding-extra-small)), calc(-1 * var(--padding-extra-small)));
  }
  .-translate-x-extra-small,
  .hover\:-translate-x-extra-small:hover,
  .focus\:-translate-x-extra-small:focus,
  .group:hover .group-hover\:-translate-x-extra-small,
  .group:focus-within .group-focus-within\:-translate-x-extra-small {
    transform: translateX(calc(-1 * var(--padding-extra-small)));
  }
  .-translate-y-extra-small,
  .hover\:-translate-y-extra-small:hover,
  .focus\:-translate-y-extra-small:focus,
  .group:hover .group-hover\:-translate-y-extra-small,
  .group:focus-within .group-focus-within\:-translate-y-extra-small {
    transform: translateY(calc(-1 * var(--padding-extra-small)));
  }
  .translate-small,
  .hover\:translate-small:hover,
  .focus\:translate-small:focus,
  .group:hover .group-hover\:translate-small,
  .group:focus-within .group-focus-within\:translate-small {
    transform: translate(var(--padding-small), var(--padding-small));
  }
  .translate-x-small,
  .hover\:translate-x-small:hover,
  .focus\:translate-x-small:focus,
  .group:hover .group-hover\:translate-x-small,
  .group:focus-within .group-focus-within\:translate-x-small {
    transform: translateX(var(--padding-small));
  }
  .translate-y-small,
  .hover\:translate-y-small:hover,
  .focus\:translate-y-small:focus,
  .group:hover .group-hover\:translate-y-small,
  .group:focus-within .group-focus-within\:translate-y-small {
    transform: translateY(var(--padding-small));
  }
  .-translate-small,
  .hover\:-translate-small:hover,
  .focus\:-translate-small:focus,
  .group:hover .group-hover\:-translate-small,
  .group:focus-within .group-focus-within\:-translate-small {
    transform: translate(calc(-1 * var(--padding-small)), calc(-1 * var(--padding-small)));
  }
  .-translate-x-small,
  .hover\:-translate-x-small:hover,
  .focus\:-translate-x-small:focus,
  .group:hover .group-hover\:-translate-x-small,
  .group:focus-within .group-focus-within\:-translate-x-small {
    transform: translateX(calc(-1 * var(--padding-small)));
  }
  .-translate-y-small,
  .hover\:-translate-y-small:hover,
  .focus\:-translate-y-small:focus,
  .group:hover .group-hover\:-translate-y-small,
  .group:focus-within .group-focus-within\:-translate-y-small {
    transform: translateY(calc(-1 * var(--padding-small)));
  }
  .translate-medium,
  .hover\:translate-medium:hover,
  .focus\:translate-medium:focus,
  .group:hover .group-hover\:translate-medium,
  .group:focus-within .group-focus-within\:translate-medium {
    transform: translate(var(--padding-medium), var(--padding-medium));
  }
  .translate-x-medium,
  .hover\:translate-x-medium:hover,
  .focus\:translate-x-medium:focus,
  .group:hover .group-hover\:translate-x-medium,
  .group:focus-within .group-focus-within\:translate-x-medium {
    transform: translateX(var(--padding-medium));
  }
  .translate-y-medium,
  .hover\:translate-y-medium:hover,
  .focus\:translate-y-medium:focus,
  .group:hover .group-hover\:translate-y-medium,
  .group:focus-within .group-focus-within\:translate-y-medium {
    transform: translateY(var(--padding-medium));
  }
  .-translate-medium,
  .hover\:-translate-medium:hover,
  .focus\:-translate-medium:focus,
  .group:hover .group-hover\:-translate-medium,
  .group:focus-within .group-focus-within\:-translate-medium {
    transform: translate(calc(-1 * var(--padding-medium)), calc(-1 * var(--padding-medium)));
  }
  .-translate-x-medium,
  .hover\:-translate-x-medium:hover,
  .focus\:-translate-x-medium:focus,
  .group:hover .group-hover\:-translate-x-medium,
  .group:focus-within .group-focus-within\:-translate-x-medium {
    transform: translateX(calc(-1 * var(--padding-medium)));
  }
  .-translate-y-medium,
  .hover\:-translate-y-medium:hover,
  .focus\:-translate-y-medium:focus,
  .group:hover .group-hover\:-translate-y-medium,
  .group:focus-within .group-focus-within\:-translate-y-medium {
    transform: translateY(calc(-1 * var(--padding-medium)));
  }
  .translate-large,
  .hover\:translate-large:hover,
  .focus\:translate-large:focus,
  .group:hover .group-hover\:translate-large,
  .group:focus-within .group-focus-within\:translate-large {
    transform: translate(var(--padding-large), var(--padding-large));
  }
  .translate-x-large,
  .hover\:translate-x-large:hover,
  .focus\:translate-x-large:focus,
  .group:hover .group-hover\:translate-x-large,
  .group:focus-within .group-focus-within\:translate-x-large {
    transform: translateX(var(--padding-large));
  }
  .translate-y-large,
  .hover\:translate-y-large:hover,
  .focus\:translate-y-large:focus,
  .group:hover .group-hover\:translate-y-large,
  .group:focus-within .group-focus-within\:translate-y-large {
    transform: translateY(var(--padding-large));
  }
  .-translate-large,
  .hover\:-translate-large:hover,
  .focus\:-translate-large:focus,
  .group:hover .group-hover\:-translate-large,
  .group:focus-within .group-focus-within\:-translate-large {
    transform: translate(calc(-1 * var(--padding-large)), calc(-1 * var(--padding-large)));
  }
  .-translate-x-large,
  .hover\:-translate-x-large:hover,
  .focus\:-translate-x-large:focus,
  .group:hover .group-hover\:-translate-x-large,
  .group:focus-within .group-focus-within\:-translate-x-large {
    transform: translateX(calc(-1 * var(--padding-large)));
  }
  .-translate-y-large,
  .hover\:-translate-y-large:hover,
  .focus\:-translate-y-large:focus,
  .group:hover .group-hover\:-translate-y-large,
  .group:focus-within .group-focus-within\:-translate-y-large {
    transform: translateY(calc(-1 * var(--padding-large)));
  }
  .translate-extra-large,
  .hover\:translate-extra-large:hover,
  .focus\:translate-extra-large:focus,
  .group:hover .group-hover\:translate-extra-large,
  .group:focus-within .group-focus-within\:translate-extra-large {
    transform: translate(var(--padding-extra-large), var(--padding-extra-large));
  }
  .translate-x-extra-large,
  .hover\:translate-x-extra-large:hover,
  .focus\:translate-x-extra-large:focus,
  .group:hover .group-hover\:translate-x-extra-large,
  .group:focus-within .group-focus-within\:translate-x-extra-large {
    transform: translateX(var(--padding-extra-large));
  }
  .translate-y-extra-large,
  .hover\:translate-y-extra-large:hover,
  .focus\:translate-y-extra-large:focus,
  .group:hover .group-hover\:translate-y-extra-large,
  .group:focus-within .group-focus-within\:translate-y-extra-large {
    transform: translateY(var(--padding-extra-large));
  }
  .-translate-extra-large,
  .hover\:-translate-extra-large:hover,
  .focus\:-translate-extra-large:focus,
  .group:hover .group-hover\:-translate-extra-large,
  .group:focus-within .group-focus-within\:-translate-extra-large {
    transform: translate(calc(-1 * var(--padding-extra-large)), calc(-1 * var(--padding-extra-large)));
  }
  .-translate-x-extra-large,
  .hover\:-translate-x-extra-large:hover,
  .focus\:-translate-x-extra-large:focus,
  .group:hover .group-hover\:-translate-x-extra-large,
  .group:focus-within .group-focus-within\:-translate-x-extra-large {
    transform: translateX(calc(-1 * var(--padding-extra-large)));
  }
  .-translate-y-extra-large,
  .hover\:-translate-y-extra-large:hover,
  .focus\:-translate-y-extra-large:focus,
  .group:hover .group-hover\:-translate-y-extra-large,
  .group:focus-within .group-focus-within\:-translate-y-extra-large {
    transform: translateY(calc(-1 * var(--padding-extra-large)));
  }
  .translate-huge,
  .hover\:translate-huge:hover,
  .focus\:translate-huge:focus,
  .group:hover .group-hover\:translate-huge,
  .group:focus-within .group-focus-within\:translate-huge {
    transform: translate(var(--padding-huge), var(--padding-huge));
  }
  .translate-x-huge,
  .hover\:translate-x-huge:hover,
  .focus\:translate-x-huge:focus,
  .group:hover .group-hover\:translate-x-huge,
  .group:focus-within .group-focus-within\:translate-x-huge {
    transform: translateX(var(--padding-huge));
  }
  .translate-y-huge,
  .hover\:translate-y-huge:hover,
  .focus\:translate-y-huge:focus,
  .group:hover .group-hover\:translate-y-huge,
  .group:focus-within .group-focus-within\:translate-y-huge {
    transform: translateY(var(--padding-huge));
  }
  .-translate-huge,
  .hover\:-translate-huge:hover,
  .focus\:-translate-huge:focus,
  .group:hover .group-hover\:-translate-huge,
  .group:focus-within .group-focus-within\:-translate-huge {
    transform: translate(calc(-1 * var(--padding-huge)), calc(-1 * var(--padding-huge)));
  }
  .-translate-x-huge,
  .hover\:-translate-x-huge:hover,
  .focus\:-translate-x-huge:focus,
  .group:hover .group-hover\:-translate-x-huge,
  .group:focus-within .group-focus-within\:-translate-x-huge {
    transform: translateX(calc(-1 * var(--padding-huge)));
  }
  .-translate-y-huge,
  .hover\:-translate-y-huge:hover,
  .focus\:-translate-y-huge:focus,
  .group:hover .group-hover\:-translate-y-huge,
  .group:focus-within .group-focus-within\:-translate-y-huge {
    transform: translateY(calc(-1 * var(--padding-huge)));
  }
  .translate-full,
  .hover\:translate-full:hover,
  .focus\:translate-full:focus,
  .group:hover .group-hover\:translate-full,
  .group:focus-within .group-focus-within\:translate-full {
    transform: translate(var(--padding-full), var(--padding-full));
  }
  .translate-x-full,
  .hover\:translate-x-full:hover,
  .focus\:translate-x-full:focus,
  .group:hover .group-hover\:translate-x-full,
  .group:focus-within .group-focus-within\:translate-x-full {
    transform: translateX(var(--padding-full));
  }
  .translate-y-full,
  .hover\:translate-y-full:hover,
  .focus\:translate-y-full:focus,
  .group:hover .group-hover\:translate-y-full,
  .group:focus-within .group-focus-within\:translate-y-full {
    transform: translateY(var(--padding-full));
  }
  .-translate-full,
  .hover\:-translate-full:hover,
  .focus\:-translate-full:focus,
  .group:hover .group-hover\:-translate-full,
  .group:focus-within .group-focus-within\:-translate-full {
    transform: translate(calc(-1 * var(--padding-full)), calc(-1 * var(--padding-full)));
  }
  .-translate-x-full,
  .hover\:-translate-x-full:hover,
  .focus\:-translate-x-full:focus,
  .group:hover .group-hover\:-translate-x-full,
  .group:focus-within .group-focus-within\:-translate-x-full {
    transform: translateX(calc(-1 * var(--padding-full)));
  }
  .-translate-y-full,
  .hover\:-translate-y-full:hover,
  .focus\:-translate-y-full:focus,
  .group:hover .group-hover\:-translate-y-full,
  .group:focus-within .group-focus-within\:-translate-y-full {
    transform: translateY(calc(-1 * var(--padding-full)));
  }
  .flip-h {
    transform: scaleX(-1);
  }
  .flip-v {
    transform: scaleY(-1);
  }
  .-rotate-0,
  .hover\:-rotate-0:hover,
  .focus\:-rotate-0:focus,
  .group:hover .group-hover\:-rotate-0,
  .group:focus-within .group-focus-within\:-rotate-0 {
    transform: rotate(-0deg);
  }
  .-rotate-1,
  .hover\:-rotate-1:hover,
  .focus\:-rotate-1:focus,
  .group:hover .group-hover\:-rotate-1,
  .group:focus-within .group-focus-within\:-rotate-1 {
    transform: rotate(-1deg);
  }
  .-rotate-2,
  .hover\:-rotate-2:hover,
  .focus\:-rotate-2:focus,
  .group:hover .group-hover\:-rotate-2,
  .group:focus-within .group-focus-within\:-rotate-2 {
    transform: rotate(-2deg);
  }
  .-rotate-3,
  .hover\:-rotate-3:hover,
  .focus\:-rotate-3:focus,
  .group:hover .group-hover\:-rotate-3,
  .group:focus-within .group-focus-within\:-rotate-3 {
    transform: rotate(-3deg);
  }
  .-rotate-4,
  .hover\:-rotate-4:hover,
  .focus\:-rotate-4:focus,
  .group:hover .group-hover\:-rotate-4,
  .group:focus-within .group-focus-within\:-rotate-4 {
    transform: rotate(-4deg);
  }
  .-rotate-5,
  .hover\:-rotate-5:hover,
  .focus\:-rotate-5:focus,
  .group:hover .group-hover\:-rotate-5,
  .group:focus-within .group-focus-within\:-rotate-5 {
    transform: rotate(-5deg);
  }
  .-rotate-6,
  .hover\:-rotate-6:hover,
  .focus\:-rotate-6:focus,
  .group:hover .group-hover\:-rotate-6,
  .group:focus-within .group-focus-within\:-rotate-6 {
    transform: rotate(-6deg);
  }
  .-rotate-7,
  .hover\:-rotate-7:hover,
  .focus\:-rotate-7:focus,
  .group:hover .group-hover\:-rotate-7,
  .group:focus-within .group-focus-within\:-rotate-7 {
    transform: rotate(-7deg);
  }
  .-rotate-8,
  .hover\:-rotate-8:hover,
  .focus\:-rotate-8:focus,
  .group:hover .group-hover\:-rotate-8,
  .group:focus-within .group-focus-within\:-rotate-8 {
    transform: rotate(-8deg);
  }
  .-rotate-9,
  .hover\:-rotate-9:hover,
  .focus\:-rotate-9:focus,
  .group:hover .group-hover\:-rotate-9,
  .group:focus-within .group-focus-within\:-rotate-9 {
    transform: rotate(-9deg);
  }
  .-rotate-10,
  .hover\:-rotate-10:hover,
  .focus\:-rotate-10:focus,
  .group:hover .group-hover\:-rotate-10,
  .group:focus-within .group-focus-within\:-rotate-10 {
    transform: rotate(-10deg);
  }
  .-rotate-11,
  .hover\:-rotate-11:hover,
  .focus\:-rotate-11:focus,
  .group:hover .group-hover\:-rotate-11,
  .group:focus-within .group-focus-within\:-rotate-11 {
    transform: rotate(-11deg);
  }
  .-rotate-12,
  .hover\:-rotate-12:hover,
  .focus\:-rotate-12:focus,
  .group:hover .group-hover\:-rotate-12,
  .group:focus-within .group-focus-within\:-rotate-12 {
    transform: rotate(-12deg);
  }
  .-rotate-13,
  .hover\:-rotate-13:hover,
  .focus\:-rotate-13:focus,
  .group:hover .group-hover\:-rotate-13,
  .group:focus-within .group-focus-within\:-rotate-13 {
    transform: rotate(-13deg);
  }
  .-rotate-14,
  .hover\:-rotate-14:hover,
  .focus\:-rotate-14:focus,
  .group:hover .group-hover\:-rotate-14,
  .group:focus-within .group-focus-within\:-rotate-14 {
    transform: rotate(-14deg);
  }
  .-rotate-15,
  .hover\:-rotate-15:hover,
  .focus\:-rotate-15:focus,
  .group:hover .group-hover\:-rotate-15,
  .group:focus-within .group-focus-within\:-rotate-15 {
    transform: rotate(-15deg);
  }
  .-rotate-16,
  .hover\:-rotate-16:hover,
  .focus\:-rotate-16:focus,
  .group:hover .group-hover\:-rotate-16,
  .group:focus-within .group-focus-within\:-rotate-16 {
    transform: rotate(-16deg);
  }
  .-rotate-17,
  .hover\:-rotate-17:hover,
  .focus\:-rotate-17:focus,
  .group:hover .group-hover\:-rotate-17,
  .group:focus-within .group-focus-within\:-rotate-17 {
    transform: rotate(-17deg);
  }
  .-rotate-18,
  .hover\:-rotate-18:hover,
  .focus\:-rotate-18:focus,
  .group:hover .group-hover\:-rotate-18,
  .group:focus-within .group-focus-within\:-rotate-18 {
    transform: rotate(-18deg);
  }
  .-rotate-19,
  .hover\:-rotate-19:hover,
  .focus\:-rotate-19:focus,
  .group:hover .group-hover\:-rotate-19,
  .group:focus-within .group-focus-within\:-rotate-19 {
    transform: rotate(-19deg);
  }
  .-rotate-20,
  .hover\:-rotate-20:hover,
  .focus\:-rotate-20:focus,
  .group:hover .group-hover\:-rotate-20,
  .group:focus-within .group-focus-within\:-rotate-20 {
    transform: rotate(-20deg);
  }
  .-rotate-21,
  .hover\:-rotate-21:hover,
  .focus\:-rotate-21:focus,
  .group:hover .group-hover\:-rotate-21,
  .group:focus-within .group-focus-within\:-rotate-21 {
    transform: rotate(-21deg);
  }
  .-rotate-22,
  .hover\:-rotate-22:hover,
  .focus\:-rotate-22:focus,
  .group:hover .group-hover\:-rotate-22,
  .group:focus-within .group-focus-within\:-rotate-22 {
    transform: rotate(-22deg);
  }
  .-rotate-23,
  .hover\:-rotate-23:hover,
  .focus\:-rotate-23:focus,
  .group:hover .group-hover\:-rotate-23,
  .group:focus-within .group-focus-within\:-rotate-23 {
    transform: rotate(-23deg);
  }
  .-rotate-24,
  .hover\:-rotate-24:hover,
  .focus\:-rotate-24:focus,
  .group:hover .group-hover\:-rotate-24,
  .group:focus-within .group-focus-within\:-rotate-24 {
    transform: rotate(-24deg);
  }
  .-rotate-25,
  .hover\:-rotate-25:hover,
  .focus\:-rotate-25:focus,
  .group:hover .group-hover\:-rotate-25,
  .group:focus-within .group-focus-within\:-rotate-25 {
    transform: rotate(-25deg);
  }
  .-rotate-26,
  .hover\:-rotate-26:hover,
  .focus\:-rotate-26:focus,
  .group:hover .group-hover\:-rotate-26,
  .group:focus-within .group-focus-within\:-rotate-26 {
    transform: rotate(-26deg);
  }
  .-rotate-27,
  .hover\:-rotate-27:hover,
  .focus\:-rotate-27:focus,
  .group:hover .group-hover\:-rotate-27,
  .group:focus-within .group-focus-within\:-rotate-27 {
    transform: rotate(-27deg);
  }
  .-rotate-28,
  .hover\:-rotate-28:hover,
  .focus\:-rotate-28:focus,
  .group:hover .group-hover\:-rotate-28,
  .group:focus-within .group-focus-within\:-rotate-28 {
    transform: rotate(-28deg);
  }
  .-rotate-29,
  .hover\:-rotate-29:hover,
  .focus\:-rotate-29:focus,
  .group:hover .group-hover\:-rotate-29,
  .group:focus-within .group-focus-within\:-rotate-29 {
    transform: rotate(-29deg);
  }
  .-rotate-30,
  .hover\:-rotate-30:hover,
  .focus\:-rotate-30:focus,
  .group:hover .group-hover\:-rotate-30,
  .group:focus-within .group-focus-within\:-rotate-30 {
    transform: rotate(-30deg);
  }
  .-rotate-31,
  .hover\:-rotate-31:hover,
  .focus\:-rotate-31:focus,
  .group:hover .group-hover\:-rotate-31,
  .group:focus-within .group-focus-within\:-rotate-31 {
    transform: rotate(-31deg);
  }
  .-rotate-32,
  .hover\:-rotate-32:hover,
  .focus\:-rotate-32:focus,
  .group:hover .group-hover\:-rotate-32,
  .group:focus-within .group-focus-within\:-rotate-32 {
    transform: rotate(-32deg);
  }
  .-rotate-33,
  .hover\:-rotate-33:hover,
  .focus\:-rotate-33:focus,
  .group:hover .group-hover\:-rotate-33,
  .group:focus-within .group-focus-within\:-rotate-33 {
    transform: rotate(-33deg);
  }
  .-rotate-34,
  .hover\:-rotate-34:hover,
  .focus\:-rotate-34:focus,
  .group:hover .group-hover\:-rotate-34,
  .group:focus-within .group-focus-within\:-rotate-34 {
    transform: rotate(-34deg);
  }
  .-rotate-35,
  .hover\:-rotate-35:hover,
  .focus\:-rotate-35:focus,
  .group:hover .group-hover\:-rotate-35,
  .group:focus-within .group-focus-within\:-rotate-35 {
    transform: rotate(-35deg);
  }
  .-rotate-36,
  .hover\:-rotate-36:hover,
  .focus\:-rotate-36:focus,
  .group:hover .group-hover\:-rotate-36,
  .group:focus-within .group-focus-within\:-rotate-36 {
    transform: rotate(-36deg);
  }
  .-rotate-37,
  .hover\:-rotate-37:hover,
  .focus\:-rotate-37:focus,
  .group:hover .group-hover\:-rotate-37,
  .group:focus-within .group-focus-within\:-rotate-37 {
    transform: rotate(-37deg);
  }
  .-rotate-38,
  .hover\:-rotate-38:hover,
  .focus\:-rotate-38:focus,
  .group:hover .group-hover\:-rotate-38,
  .group:focus-within .group-focus-within\:-rotate-38 {
    transform: rotate(-38deg);
  }
  .-rotate-39,
  .hover\:-rotate-39:hover,
  .focus\:-rotate-39:focus,
  .group:hover .group-hover\:-rotate-39,
  .group:focus-within .group-focus-within\:-rotate-39 {
    transform: rotate(-39deg);
  }
  .-rotate-40,
  .hover\:-rotate-40:hover,
  .focus\:-rotate-40:focus,
  .group:hover .group-hover\:-rotate-40,
  .group:focus-within .group-focus-within\:-rotate-40 {
    transform: rotate(-40deg);
  }
  .-rotate-41,
  .hover\:-rotate-41:hover,
  .focus\:-rotate-41:focus,
  .group:hover .group-hover\:-rotate-41,
  .group:focus-within .group-focus-within\:-rotate-41 {
    transform: rotate(-41deg);
  }
  .-rotate-42,
  .hover\:-rotate-42:hover,
  .focus\:-rotate-42:focus,
  .group:hover .group-hover\:-rotate-42,
  .group:focus-within .group-focus-within\:-rotate-42 {
    transform: rotate(-42deg);
  }
  .-rotate-43,
  .hover\:-rotate-43:hover,
  .focus\:-rotate-43:focus,
  .group:hover .group-hover\:-rotate-43,
  .group:focus-within .group-focus-within\:-rotate-43 {
    transform: rotate(-43deg);
  }
  .-rotate-44,
  .hover\:-rotate-44:hover,
  .focus\:-rotate-44:focus,
  .group:hover .group-hover\:-rotate-44,
  .group:focus-within .group-focus-within\:-rotate-44 {
    transform: rotate(-44deg);
  }
  .-rotate-45,
  .hover\:-rotate-45:hover,
  .focus\:-rotate-45:focus,
  .group:hover .group-hover\:-rotate-45,
  .group:focus-within .group-focus-within\:-rotate-45 {
    transform: rotate(-45deg);
  }
  .-rotate-46,
  .hover\:-rotate-46:hover,
  .focus\:-rotate-46:focus,
  .group:hover .group-hover\:-rotate-46,
  .group:focus-within .group-focus-within\:-rotate-46 {
    transform: rotate(-46deg);
  }
  .-rotate-47,
  .hover\:-rotate-47:hover,
  .focus\:-rotate-47:focus,
  .group:hover .group-hover\:-rotate-47,
  .group:focus-within .group-focus-within\:-rotate-47 {
    transform: rotate(-47deg);
  }
  .-rotate-48,
  .hover\:-rotate-48:hover,
  .focus\:-rotate-48:focus,
  .group:hover .group-hover\:-rotate-48,
  .group:focus-within .group-focus-within\:-rotate-48 {
    transform: rotate(-48deg);
  }
  .-rotate-49,
  .hover\:-rotate-49:hover,
  .focus\:-rotate-49:focus,
  .group:hover .group-hover\:-rotate-49,
  .group:focus-within .group-focus-within\:-rotate-49 {
    transform: rotate(-49deg);
  }
  .-rotate-50,
  .hover\:-rotate-50:hover,
  .focus\:-rotate-50:focus,
  .group:hover .group-hover\:-rotate-50,
  .group:focus-within .group-focus-within\:-rotate-50 {
    transform: rotate(-50deg);
  }
  .-rotate-51,
  .hover\:-rotate-51:hover,
  .focus\:-rotate-51:focus,
  .group:hover .group-hover\:-rotate-51,
  .group:focus-within .group-focus-within\:-rotate-51 {
    transform: rotate(-51deg);
  }
  .-rotate-52,
  .hover\:-rotate-52:hover,
  .focus\:-rotate-52:focus,
  .group:hover .group-hover\:-rotate-52,
  .group:focus-within .group-focus-within\:-rotate-52 {
    transform: rotate(-52deg);
  }
  .-rotate-53,
  .hover\:-rotate-53:hover,
  .focus\:-rotate-53:focus,
  .group:hover .group-hover\:-rotate-53,
  .group:focus-within .group-focus-within\:-rotate-53 {
    transform: rotate(-53deg);
  }
  .-rotate-54,
  .hover\:-rotate-54:hover,
  .focus\:-rotate-54:focus,
  .group:hover .group-hover\:-rotate-54,
  .group:focus-within .group-focus-within\:-rotate-54 {
    transform: rotate(-54deg);
  }
  .-rotate-55,
  .hover\:-rotate-55:hover,
  .focus\:-rotate-55:focus,
  .group:hover .group-hover\:-rotate-55,
  .group:focus-within .group-focus-within\:-rotate-55 {
    transform: rotate(-55deg);
  }
  .-rotate-56,
  .hover\:-rotate-56:hover,
  .focus\:-rotate-56:focus,
  .group:hover .group-hover\:-rotate-56,
  .group:focus-within .group-focus-within\:-rotate-56 {
    transform: rotate(-56deg);
  }
  .-rotate-57,
  .hover\:-rotate-57:hover,
  .focus\:-rotate-57:focus,
  .group:hover .group-hover\:-rotate-57,
  .group:focus-within .group-focus-within\:-rotate-57 {
    transform: rotate(-57deg);
  }
  .-rotate-58,
  .hover\:-rotate-58:hover,
  .focus\:-rotate-58:focus,
  .group:hover .group-hover\:-rotate-58,
  .group:focus-within .group-focus-within\:-rotate-58 {
    transform: rotate(-58deg);
  }
  .-rotate-59,
  .hover\:-rotate-59:hover,
  .focus\:-rotate-59:focus,
  .group:hover .group-hover\:-rotate-59,
  .group:focus-within .group-focus-within\:-rotate-59 {
    transform: rotate(-59deg);
  }
  .-rotate-60,
  .hover\:-rotate-60:hover,
  .focus\:-rotate-60:focus,
  .group:hover .group-hover\:-rotate-60,
  .group:focus-within .group-focus-within\:-rotate-60 {
    transform: rotate(-60deg);
  }
  .-rotate-61,
  .hover\:-rotate-61:hover,
  .focus\:-rotate-61:focus,
  .group:hover .group-hover\:-rotate-61,
  .group:focus-within .group-focus-within\:-rotate-61 {
    transform: rotate(-61deg);
  }
  .-rotate-62,
  .hover\:-rotate-62:hover,
  .focus\:-rotate-62:focus,
  .group:hover .group-hover\:-rotate-62,
  .group:focus-within .group-focus-within\:-rotate-62 {
    transform: rotate(-62deg);
  }
  .-rotate-63,
  .hover\:-rotate-63:hover,
  .focus\:-rotate-63:focus,
  .group:hover .group-hover\:-rotate-63,
  .group:focus-within .group-focus-within\:-rotate-63 {
    transform: rotate(-63deg);
  }
  .-rotate-64,
  .hover\:-rotate-64:hover,
  .focus\:-rotate-64:focus,
  .group:hover .group-hover\:-rotate-64,
  .group:focus-within .group-focus-within\:-rotate-64 {
    transform: rotate(-64deg);
  }
  .-rotate-65,
  .hover\:-rotate-65:hover,
  .focus\:-rotate-65:focus,
  .group:hover .group-hover\:-rotate-65,
  .group:focus-within .group-focus-within\:-rotate-65 {
    transform: rotate(-65deg);
  }
  .-rotate-66,
  .hover\:-rotate-66:hover,
  .focus\:-rotate-66:focus,
  .group:hover .group-hover\:-rotate-66,
  .group:focus-within .group-focus-within\:-rotate-66 {
    transform: rotate(-66deg);
  }
  .-rotate-67,
  .hover\:-rotate-67:hover,
  .focus\:-rotate-67:focus,
  .group:hover .group-hover\:-rotate-67,
  .group:focus-within .group-focus-within\:-rotate-67 {
    transform: rotate(-67deg);
  }
  .-rotate-68,
  .hover\:-rotate-68:hover,
  .focus\:-rotate-68:focus,
  .group:hover .group-hover\:-rotate-68,
  .group:focus-within .group-focus-within\:-rotate-68 {
    transform: rotate(-68deg);
  }
  .-rotate-69,
  .hover\:-rotate-69:hover,
  .focus\:-rotate-69:focus,
  .group:hover .group-hover\:-rotate-69,
  .group:focus-within .group-focus-within\:-rotate-69 {
    transform: rotate(-69deg);
  }
  .-rotate-70,
  .hover\:-rotate-70:hover,
  .focus\:-rotate-70:focus,
  .group:hover .group-hover\:-rotate-70,
  .group:focus-within .group-focus-within\:-rotate-70 {
    transform: rotate(-70deg);
  }
  .-rotate-71,
  .hover\:-rotate-71:hover,
  .focus\:-rotate-71:focus,
  .group:hover .group-hover\:-rotate-71,
  .group:focus-within .group-focus-within\:-rotate-71 {
    transform: rotate(-71deg);
  }
  .-rotate-72,
  .hover\:-rotate-72:hover,
  .focus\:-rotate-72:focus,
  .group:hover .group-hover\:-rotate-72,
  .group:focus-within .group-focus-within\:-rotate-72 {
    transform: rotate(-72deg);
  }
  .-rotate-73,
  .hover\:-rotate-73:hover,
  .focus\:-rotate-73:focus,
  .group:hover .group-hover\:-rotate-73,
  .group:focus-within .group-focus-within\:-rotate-73 {
    transform: rotate(-73deg);
  }
  .-rotate-74,
  .hover\:-rotate-74:hover,
  .focus\:-rotate-74:focus,
  .group:hover .group-hover\:-rotate-74,
  .group:focus-within .group-focus-within\:-rotate-74 {
    transform: rotate(-74deg);
  }
  .-rotate-75,
  .hover\:-rotate-75:hover,
  .focus\:-rotate-75:focus,
  .group:hover .group-hover\:-rotate-75,
  .group:focus-within .group-focus-within\:-rotate-75 {
    transform: rotate(-75deg);
  }
  .-rotate-76,
  .hover\:-rotate-76:hover,
  .focus\:-rotate-76:focus,
  .group:hover .group-hover\:-rotate-76,
  .group:focus-within .group-focus-within\:-rotate-76 {
    transform: rotate(-76deg);
  }
  .-rotate-77,
  .hover\:-rotate-77:hover,
  .focus\:-rotate-77:focus,
  .group:hover .group-hover\:-rotate-77,
  .group:focus-within .group-focus-within\:-rotate-77 {
    transform: rotate(-77deg);
  }
  .-rotate-78,
  .hover\:-rotate-78:hover,
  .focus\:-rotate-78:focus,
  .group:hover .group-hover\:-rotate-78,
  .group:focus-within .group-focus-within\:-rotate-78 {
    transform: rotate(-78deg);
  }
  .-rotate-79,
  .hover\:-rotate-79:hover,
  .focus\:-rotate-79:focus,
  .group:hover .group-hover\:-rotate-79,
  .group:focus-within .group-focus-within\:-rotate-79 {
    transform: rotate(-79deg);
  }
  .-rotate-80,
  .hover\:-rotate-80:hover,
  .focus\:-rotate-80:focus,
  .group:hover .group-hover\:-rotate-80,
  .group:focus-within .group-focus-within\:-rotate-80 {
    transform: rotate(-80deg);
  }
  .-rotate-81,
  .hover\:-rotate-81:hover,
  .focus\:-rotate-81:focus,
  .group:hover .group-hover\:-rotate-81,
  .group:focus-within .group-focus-within\:-rotate-81 {
    transform: rotate(-81deg);
  }
  .-rotate-82,
  .hover\:-rotate-82:hover,
  .focus\:-rotate-82:focus,
  .group:hover .group-hover\:-rotate-82,
  .group:focus-within .group-focus-within\:-rotate-82 {
    transform: rotate(-82deg);
  }
  .-rotate-83,
  .hover\:-rotate-83:hover,
  .focus\:-rotate-83:focus,
  .group:hover .group-hover\:-rotate-83,
  .group:focus-within .group-focus-within\:-rotate-83 {
    transform: rotate(-83deg);
  }
  .-rotate-84,
  .hover\:-rotate-84:hover,
  .focus\:-rotate-84:focus,
  .group:hover .group-hover\:-rotate-84,
  .group:focus-within .group-focus-within\:-rotate-84 {
    transform: rotate(-84deg);
  }
  .-rotate-85,
  .hover\:-rotate-85:hover,
  .focus\:-rotate-85:focus,
  .group:hover .group-hover\:-rotate-85,
  .group:focus-within .group-focus-within\:-rotate-85 {
    transform: rotate(-85deg);
  }
  .-rotate-86,
  .hover\:-rotate-86:hover,
  .focus\:-rotate-86:focus,
  .group:hover .group-hover\:-rotate-86,
  .group:focus-within .group-focus-within\:-rotate-86 {
    transform: rotate(-86deg);
  }
  .-rotate-87,
  .hover\:-rotate-87:hover,
  .focus\:-rotate-87:focus,
  .group:hover .group-hover\:-rotate-87,
  .group:focus-within .group-focus-within\:-rotate-87 {
    transform: rotate(-87deg);
  }
  .-rotate-88,
  .hover\:-rotate-88:hover,
  .focus\:-rotate-88:focus,
  .group:hover .group-hover\:-rotate-88,
  .group:focus-within .group-focus-within\:-rotate-88 {
    transform: rotate(-88deg);
  }
  .-rotate-89,
  .hover\:-rotate-89:hover,
  .focus\:-rotate-89:focus,
  .group:hover .group-hover\:-rotate-89,
  .group:focus-within .group-focus-within\:-rotate-89 {
    transform: rotate(-89deg);
  }
  .-rotate-90,
  .hover\:-rotate-90:hover,
  .focus\:-rotate-90:focus,
  .group:hover .group-hover\:-rotate-90,
  .group:focus-within .group-focus-within\:-rotate-90 {
    transform: rotate(-90deg);
  }
  .-rotate-91,
  .hover\:-rotate-91:hover,
  .focus\:-rotate-91:focus,
  .group:hover .group-hover\:-rotate-91,
  .group:focus-within .group-focus-within\:-rotate-91 {
    transform: rotate(-91deg);
  }
  .-rotate-92,
  .hover\:-rotate-92:hover,
  .focus\:-rotate-92:focus,
  .group:hover .group-hover\:-rotate-92,
  .group:focus-within .group-focus-within\:-rotate-92 {
    transform: rotate(-92deg);
  }
  .-rotate-93,
  .hover\:-rotate-93:hover,
  .focus\:-rotate-93:focus,
  .group:hover .group-hover\:-rotate-93,
  .group:focus-within .group-focus-within\:-rotate-93 {
    transform: rotate(-93deg);
  }
  .-rotate-94,
  .hover\:-rotate-94:hover,
  .focus\:-rotate-94:focus,
  .group:hover .group-hover\:-rotate-94,
  .group:focus-within .group-focus-within\:-rotate-94 {
    transform: rotate(-94deg);
  }
  .-rotate-95,
  .hover\:-rotate-95:hover,
  .focus\:-rotate-95:focus,
  .group:hover .group-hover\:-rotate-95,
  .group:focus-within .group-focus-within\:-rotate-95 {
    transform: rotate(-95deg);
  }
  .-rotate-96,
  .hover\:-rotate-96:hover,
  .focus\:-rotate-96:focus,
  .group:hover .group-hover\:-rotate-96,
  .group:focus-within .group-focus-within\:-rotate-96 {
    transform: rotate(-96deg);
  }
  .-rotate-97,
  .hover\:-rotate-97:hover,
  .focus\:-rotate-97:focus,
  .group:hover .group-hover\:-rotate-97,
  .group:focus-within .group-focus-within\:-rotate-97 {
    transform: rotate(-97deg);
  }
  .-rotate-98,
  .hover\:-rotate-98:hover,
  .focus\:-rotate-98:focus,
  .group:hover .group-hover\:-rotate-98,
  .group:focus-within .group-focus-within\:-rotate-98 {
    transform: rotate(-98deg);
  }
  .-rotate-99,
  .hover\:-rotate-99:hover,
  .focus\:-rotate-99:focus,
  .group:hover .group-hover\:-rotate-99,
  .group:focus-within .group-focus-within\:-rotate-99 {
    transform: rotate(-99deg);
  }
  .-rotate-100,
  .hover\:-rotate-100:hover,
  .focus\:-rotate-100:focus,
  .group:hover .group-hover\:-rotate-100,
  .group:focus-within .group-focus-within\:-rotate-100 {
    transform: rotate(-100deg);
  }
  .-rotate-101,
  .hover\:-rotate-101:hover,
  .focus\:-rotate-101:focus,
  .group:hover .group-hover\:-rotate-101,
  .group:focus-within .group-focus-within\:-rotate-101 {
    transform: rotate(-101deg);
  }
  .-rotate-102,
  .hover\:-rotate-102:hover,
  .focus\:-rotate-102:focus,
  .group:hover .group-hover\:-rotate-102,
  .group:focus-within .group-focus-within\:-rotate-102 {
    transform: rotate(-102deg);
  }
  .-rotate-103,
  .hover\:-rotate-103:hover,
  .focus\:-rotate-103:focus,
  .group:hover .group-hover\:-rotate-103,
  .group:focus-within .group-focus-within\:-rotate-103 {
    transform: rotate(-103deg);
  }
  .-rotate-104,
  .hover\:-rotate-104:hover,
  .focus\:-rotate-104:focus,
  .group:hover .group-hover\:-rotate-104,
  .group:focus-within .group-focus-within\:-rotate-104 {
    transform: rotate(-104deg);
  }
  .-rotate-105,
  .hover\:-rotate-105:hover,
  .focus\:-rotate-105:focus,
  .group:hover .group-hover\:-rotate-105,
  .group:focus-within .group-focus-within\:-rotate-105 {
    transform: rotate(-105deg);
  }
  .-rotate-106,
  .hover\:-rotate-106:hover,
  .focus\:-rotate-106:focus,
  .group:hover .group-hover\:-rotate-106,
  .group:focus-within .group-focus-within\:-rotate-106 {
    transform: rotate(-106deg);
  }
  .-rotate-107,
  .hover\:-rotate-107:hover,
  .focus\:-rotate-107:focus,
  .group:hover .group-hover\:-rotate-107,
  .group:focus-within .group-focus-within\:-rotate-107 {
    transform: rotate(-107deg);
  }
  .-rotate-108,
  .hover\:-rotate-108:hover,
  .focus\:-rotate-108:focus,
  .group:hover .group-hover\:-rotate-108,
  .group:focus-within .group-focus-within\:-rotate-108 {
    transform: rotate(-108deg);
  }
  .-rotate-109,
  .hover\:-rotate-109:hover,
  .focus\:-rotate-109:focus,
  .group:hover .group-hover\:-rotate-109,
  .group:focus-within .group-focus-within\:-rotate-109 {
    transform: rotate(-109deg);
  }
  .-rotate-110,
  .hover\:-rotate-110:hover,
  .focus\:-rotate-110:focus,
  .group:hover .group-hover\:-rotate-110,
  .group:focus-within .group-focus-within\:-rotate-110 {
    transform: rotate(-110deg);
  }
  .-rotate-111,
  .hover\:-rotate-111:hover,
  .focus\:-rotate-111:focus,
  .group:hover .group-hover\:-rotate-111,
  .group:focus-within .group-focus-within\:-rotate-111 {
    transform: rotate(-111deg);
  }
  .-rotate-112,
  .hover\:-rotate-112:hover,
  .focus\:-rotate-112:focus,
  .group:hover .group-hover\:-rotate-112,
  .group:focus-within .group-focus-within\:-rotate-112 {
    transform: rotate(-112deg);
  }
  .-rotate-113,
  .hover\:-rotate-113:hover,
  .focus\:-rotate-113:focus,
  .group:hover .group-hover\:-rotate-113,
  .group:focus-within .group-focus-within\:-rotate-113 {
    transform: rotate(-113deg);
  }
  .-rotate-114,
  .hover\:-rotate-114:hover,
  .focus\:-rotate-114:focus,
  .group:hover .group-hover\:-rotate-114,
  .group:focus-within .group-focus-within\:-rotate-114 {
    transform: rotate(-114deg);
  }
  .-rotate-115,
  .hover\:-rotate-115:hover,
  .focus\:-rotate-115:focus,
  .group:hover .group-hover\:-rotate-115,
  .group:focus-within .group-focus-within\:-rotate-115 {
    transform: rotate(-115deg);
  }
  .-rotate-116,
  .hover\:-rotate-116:hover,
  .focus\:-rotate-116:focus,
  .group:hover .group-hover\:-rotate-116,
  .group:focus-within .group-focus-within\:-rotate-116 {
    transform: rotate(-116deg);
  }
  .-rotate-117,
  .hover\:-rotate-117:hover,
  .focus\:-rotate-117:focus,
  .group:hover .group-hover\:-rotate-117,
  .group:focus-within .group-focus-within\:-rotate-117 {
    transform: rotate(-117deg);
  }
  .-rotate-118,
  .hover\:-rotate-118:hover,
  .focus\:-rotate-118:focus,
  .group:hover .group-hover\:-rotate-118,
  .group:focus-within .group-focus-within\:-rotate-118 {
    transform: rotate(-118deg);
  }
  .-rotate-119,
  .hover\:-rotate-119:hover,
  .focus\:-rotate-119:focus,
  .group:hover .group-hover\:-rotate-119,
  .group:focus-within .group-focus-within\:-rotate-119 {
    transform: rotate(-119deg);
  }
  .-rotate-120,
  .hover\:-rotate-120:hover,
  .focus\:-rotate-120:focus,
  .group:hover .group-hover\:-rotate-120,
  .group:focus-within .group-focus-within\:-rotate-120 {
    transform: rotate(-120deg);
  }
  .-rotate-121,
  .hover\:-rotate-121:hover,
  .focus\:-rotate-121:focus,
  .group:hover .group-hover\:-rotate-121,
  .group:focus-within .group-focus-within\:-rotate-121 {
    transform: rotate(-121deg);
  }
  .-rotate-122,
  .hover\:-rotate-122:hover,
  .focus\:-rotate-122:focus,
  .group:hover .group-hover\:-rotate-122,
  .group:focus-within .group-focus-within\:-rotate-122 {
    transform: rotate(-122deg);
  }
  .-rotate-123,
  .hover\:-rotate-123:hover,
  .focus\:-rotate-123:focus,
  .group:hover .group-hover\:-rotate-123,
  .group:focus-within .group-focus-within\:-rotate-123 {
    transform: rotate(-123deg);
  }
  .-rotate-124,
  .hover\:-rotate-124:hover,
  .focus\:-rotate-124:focus,
  .group:hover .group-hover\:-rotate-124,
  .group:focus-within .group-focus-within\:-rotate-124 {
    transform: rotate(-124deg);
  }
  .-rotate-125,
  .hover\:-rotate-125:hover,
  .focus\:-rotate-125:focus,
  .group:hover .group-hover\:-rotate-125,
  .group:focus-within .group-focus-within\:-rotate-125 {
    transform: rotate(-125deg);
  }
  .-rotate-126,
  .hover\:-rotate-126:hover,
  .focus\:-rotate-126:focus,
  .group:hover .group-hover\:-rotate-126,
  .group:focus-within .group-focus-within\:-rotate-126 {
    transform: rotate(-126deg);
  }
  .-rotate-127,
  .hover\:-rotate-127:hover,
  .focus\:-rotate-127:focus,
  .group:hover .group-hover\:-rotate-127,
  .group:focus-within .group-focus-within\:-rotate-127 {
    transform: rotate(-127deg);
  }
  .-rotate-128,
  .hover\:-rotate-128:hover,
  .focus\:-rotate-128:focus,
  .group:hover .group-hover\:-rotate-128,
  .group:focus-within .group-focus-within\:-rotate-128 {
    transform: rotate(-128deg);
  }
  .-rotate-129,
  .hover\:-rotate-129:hover,
  .focus\:-rotate-129:focus,
  .group:hover .group-hover\:-rotate-129,
  .group:focus-within .group-focus-within\:-rotate-129 {
    transform: rotate(-129deg);
  }
  .-rotate-130,
  .hover\:-rotate-130:hover,
  .focus\:-rotate-130:focus,
  .group:hover .group-hover\:-rotate-130,
  .group:focus-within .group-focus-within\:-rotate-130 {
    transform: rotate(-130deg);
  }
  .-rotate-131,
  .hover\:-rotate-131:hover,
  .focus\:-rotate-131:focus,
  .group:hover .group-hover\:-rotate-131,
  .group:focus-within .group-focus-within\:-rotate-131 {
    transform: rotate(-131deg);
  }
  .-rotate-132,
  .hover\:-rotate-132:hover,
  .focus\:-rotate-132:focus,
  .group:hover .group-hover\:-rotate-132,
  .group:focus-within .group-focus-within\:-rotate-132 {
    transform: rotate(-132deg);
  }
  .-rotate-133,
  .hover\:-rotate-133:hover,
  .focus\:-rotate-133:focus,
  .group:hover .group-hover\:-rotate-133,
  .group:focus-within .group-focus-within\:-rotate-133 {
    transform: rotate(-133deg);
  }
  .-rotate-134,
  .hover\:-rotate-134:hover,
  .focus\:-rotate-134:focus,
  .group:hover .group-hover\:-rotate-134,
  .group:focus-within .group-focus-within\:-rotate-134 {
    transform: rotate(-134deg);
  }
  .-rotate-135,
  .hover\:-rotate-135:hover,
  .focus\:-rotate-135:focus,
  .group:hover .group-hover\:-rotate-135,
  .group:focus-within .group-focus-within\:-rotate-135 {
    transform: rotate(-135deg);
  }
  .-rotate-136,
  .hover\:-rotate-136:hover,
  .focus\:-rotate-136:focus,
  .group:hover .group-hover\:-rotate-136,
  .group:focus-within .group-focus-within\:-rotate-136 {
    transform: rotate(-136deg);
  }
  .-rotate-137,
  .hover\:-rotate-137:hover,
  .focus\:-rotate-137:focus,
  .group:hover .group-hover\:-rotate-137,
  .group:focus-within .group-focus-within\:-rotate-137 {
    transform: rotate(-137deg);
  }
  .-rotate-138,
  .hover\:-rotate-138:hover,
  .focus\:-rotate-138:focus,
  .group:hover .group-hover\:-rotate-138,
  .group:focus-within .group-focus-within\:-rotate-138 {
    transform: rotate(-138deg);
  }
  .-rotate-139,
  .hover\:-rotate-139:hover,
  .focus\:-rotate-139:focus,
  .group:hover .group-hover\:-rotate-139,
  .group:focus-within .group-focus-within\:-rotate-139 {
    transform: rotate(-139deg);
  }
  .-rotate-140,
  .hover\:-rotate-140:hover,
  .focus\:-rotate-140:focus,
  .group:hover .group-hover\:-rotate-140,
  .group:focus-within .group-focus-within\:-rotate-140 {
    transform: rotate(-140deg);
  }
  .-rotate-141,
  .hover\:-rotate-141:hover,
  .focus\:-rotate-141:focus,
  .group:hover .group-hover\:-rotate-141,
  .group:focus-within .group-focus-within\:-rotate-141 {
    transform: rotate(-141deg);
  }
  .-rotate-142,
  .hover\:-rotate-142:hover,
  .focus\:-rotate-142:focus,
  .group:hover .group-hover\:-rotate-142,
  .group:focus-within .group-focus-within\:-rotate-142 {
    transform: rotate(-142deg);
  }
  .-rotate-143,
  .hover\:-rotate-143:hover,
  .focus\:-rotate-143:focus,
  .group:hover .group-hover\:-rotate-143,
  .group:focus-within .group-focus-within\:-rotate-143 {
    transform: rotate(-143deg);
  }
  .-rotate-144,
  .hover\:-rotate-144:hover,
  .focus\:-rotate-144:focus,
  .group:hover .group-hover\:-rotate-144,
  .group:focus-within .group-focus-within\:-rotate-144 {
    transform: rotate(-144deg);
  }
  .-rotate-145,
  .hover\:-rotate-145:hover,
  .focus\:-rotate-145:focus,
  .group:hover .group-hover\:-rotate-145,
  .group:focus-within .group-focus-within\:-rotate-145 {
    transform: rotate(-145deg);
  }
  .-rotate-146,
  .hover\:-rotate-146:hover,
  .focus\:-rotate-146:focus,
  .group:hover .group-hover\:-rotate-146,
  .group:focus-within .group-focus-within\:-rotate-146 {
    transform: rotate(-146deg);
  }
  .-rotate-147,
  .hover\:-rotate-147:hover,
  .focus\:-rotate-147:focus,
  .group:hover .group-hover\:-rotate-147,
  .group:focus-within .group-focus-within\:-rotate-147 {
    transform: rotate(-147deg);
  }
  .-rotate-148,
  .hover\:-rotate-148:hover,
  .focus\:-rotate-148:focus,
  .group:hover .group-hover\:-rotate-148,
  .group:focus-within .group-focus-within\:-rotate-148 {
    transform: rotate(-148deg);
  }
  .-rotate-149,
  .hover\:-rotate-149:hover,
  .focus\:-rotate-149:focus,
  .group:hover .group-hover\:-rotate-149,
  .group:focus-within .group-focus-within\:-rotate-149 {
    transform: rotate(-149deg);
  }
  .-rotate-150,
  .hover\:-rotate-150:hover,
  .focus\:-rotate-150:focus,
  .group:hover .group-hover\:-rotate-150,
  .group:focus-within .group-focus-within\:-rotate-150 {
    transform: rotate(-150deg);
  }
  .-rotate-151,
  .hover\:-rotate-151:hover,
  .focus\:-rotate-151:focus,
  .group:hover .group-hover\:-rotate-151,
  .group:focus-within .group-focus-within\:-rotate-151 {
    transform: rotate(-151deg);
  }
  .-rotate-152,
  .hover\:-rotate-152:hover,
  .focus\:-rotate-152:focus,
  .group:hover .group-hover\:-rotate-152,
  .group:focus-within .group-focus-within\:-rotate-152 {
    transform: rotate(-152deg);
  }
  .-rotate-153,
  .hover\:-rotate-153:hover,
  .focus\:-rotate-153:focus,
  .group:hover .group-hover\:-rotate-153,
  .group:focus-within .group-focus-within\:-rotate-153 {
    transform: rotate(-153deg);
  }
  .-rotate-154,
  .hover\:-rotate-154:hover,
  .focus\:-rotate-154:focus,
  .group:hover .group-hover\:-rotate-154,
  .group:focus-within .group-focus-within\:-rotate-154 {
    transform: rotate(-154deg);
  }
  .-rotate-155,
  .hover\:-rotate-155:hover,
  .focus\:-rotate-155:focus,
  .group:hover .group-hover\:-rotate-155,
  .group:focus-within .group-focus-within\:-rotate-155 {
    transform: rotate(-155deg);
  }
  .-rotate-156,
  .hover\:-rotate-156:hover,
  .focus\:-rotate-156:focus,
  .group:hover .group-hover\:-rotate-156,
  .group:focus-within .group-focus-within\:-rotate-156 {
    transform: rotate(-156deg);
  }
  .-rotate-157,
  .hover\:-rotate-157:hover,
  .focus\:-rotate-157:focus,
  .group:hover .group-hover\:-rotate-157,
  .group:focus-within .group-focus-within\:-rotate-157 {
    transform: rotate(-157deg);
  }
  .-rotate-158,
  .hover\:-rotate-158:hover,
  .focus\:-rotate-158:focus,
  .group:hover .group-hover\:-rotate-158,
  .group:focus-within .group-focus-within\:-rotate-158 {
    transform: rotate(-158deg);
  }
  .-rotate-159,
  .hover\:-rotate-159:hover,
  .focus\:-rotate-159:focus,
  .group:hover .group-hover\:-rotate-159,
  .group:focus-within .group-focus-within\:-rotate-159 {
    transform: rotate(-159deg);
  }
  .-rotate-160,
  .hover\:-rotate-160:hover,
  .focus\:-rotate-160:focus,
  .group:hover .group-hover\:-rotate-160,
  .group:focus-within .group-focus-within\:-rotate-160 {
    transform: rotate(-160deg);
  }
  .-rotate-161,
  .hover\:-rotate-161:hover,
  .focus\:-rotate-161:focus,
  .group:hover .group-hover\:-rotate-161,
  .group:focus-within .group-focus-within\:-rotate-161 {
    transform: rotate(-161deg);
  }
  .-rotate-162,
  .hover\:-rotate-162:hover,
  .focus\:-rotate-162:focus,
  .group:hover .group-hover\:-rotate-162,
  .group:focus-within .group-focus-within\:-rotate-162 {
    transform: rotate(-162deg);
  }
  .-rotate-163,
  .hover\:-rotate-163:hover,
  .focus\:-rotate-163:focus,
  .group:hover .group-hover\:-rotate-163,
  .group:focus-within .group-focus-within\:-rotate-163 {
    transform: rotate(-163deg);
  }
  .-rotate-164,
  .hover\:-rotate-164:hover,
  .focus\:-rotate-164:focus,
  .group:hover .group-hover\:-rotate-164,
  .group:focus-within .group-focus-within\:-rotate-164 {
    transform: rotate(-164deg);
  }
  .-rotate-165,
  .hover\:-rotate-165:hover,
  .focus\:-rotate-165:focus,
  .group:hover .group-hover\:-rotate-165,
  .group:focus-within .group-focus-within\:-rotate-165 {
    transform: rotate(-165deg);
  }
  .-rotate-166,
  .hover\:-rotate-166:hover,
  .focus\:-rotate-166:focus,
  .group:hover .group-hover\:-rotate-166,
  .group:focus-within .group-focus-within\:-rotate-166 {
    transform: rotate(-166deg);
  }
  .-rotate-167,
  .hover\:-rotate-167:hover,
  .focus\:-rotate-167:focus,
  .group:hover .group-hover\:-rotate-167,
  .group:focus-within .group-focus-within\:-rotate-167 {
    transform: rotate(-167deg);
  }
  .-rotate-168,
  .hover\:-rotate-168:hover,
  .focus\:-rotate-168:focus,
  .group:hover .group-hover\:-rotate-168,
  .group:focus-within .group-focus-within\:-rotate-168 {
    transform: rotate(-168deg);
  }
  .-rotate-169,
  .hover\:-rotate-169:hover,
  .focus\:-rotate-169:focus,
  .group:hover .group-hover\:-rotate-169,
  .group:focus-within .group-focus-within\:-rotate-169 {
    transform: rotate(-169deg);
  }
  .-rotate-170,
  .hover\:-rotate-170:hover,
  .focus\:-rotate-170:focus,
  .group:hover .group-hover\:-rotate-170,
  .group:focus-within .group-focus-within\:-rotate-170 {
    transform: rotate(-170deg);
  }
  .-rotate-171,
  .hover\:-rotate-171:hover,
  .focus\:-rotate-171:focus,
  .group:hover .group-hover\:-rotate-171,
  .group:focus-within .group-focus-within\:-rotate-171 {
    transform: rotate(-171deg);
  }
  .-rotate-172,
  .hover\:-rotate-172:hover,
  .focus\:-rotate-172:focus,
  .group:hover .group-hover\:-rotate-172,
  .group:focus-within .group-focus-within\:-rotate-172 {
    transform: rotate(-172deg);
  }
  .-rotate-173,
  .hover\:-rotate-173:hover,
  .focus\:-rotate-173:focus,
  .group:hover .group-hover\:-rotate-173,
  .group:focus-within .group-focus-within\:-rotate-173 {
    transform: rotate(-173deg);
  }
  .-rotate-174,
  .hover\:-rotate-174:hover,
  .focus\:-rotate-174:focus,
  .group:hover .group-hover\:-rotate-174,
  .group:focus-within .group-focus-within\:-rotate-174 {
    transform: rotate(-174deg);
  }
  .-rotate-175,
  .hover\:-rotate-175:hover,
  .focus\:-rotate-175:focus,
  .group:hover .group-hover\:-rotate-175,
  .group:focus-within .group-focus-within\:-rotate-175 {
    transform: rotate(-175deg);
  }
  .-rotate-176,
  .hover\:-rotate-176:hover,
  .focus\:-rotate-176:focus,
  .group:hover .group-hover\:-rotate-176,
  .group:focus-within .group-focus-within\:-rotate-176 {
    transform: rotate(-176deg);
  }
  .-rotate-177,
  .hover\:-rotate-177:hover,
  .focus\:-rotate-177:focus,
  .group:hover .group-hover\:-rotate-177,
  .group:focus-within .group-focus-within\:-rotate-177 {
    transform: rotate(-177deg);
  }
  .-rotate-178,
  .hover\:-rotate-178:hover,
  .focus\:-rotate-178:focus,
  .group:hover .group-hover\:-rotate-178,
  .group:focus-within .group-focus-within\:-rotate-178 {
    transform: rotate(-178deg);
  }
  .-rotate-179,
  .hover\:-rotate-179:hover,
  .focus\:-rotate-179:focus,
  .group:hover .group-hover\:-rotate-179,
  .group:focus-within .group-focus-within\:-rotate-179 {
    transform: rotate(-179deg);
  }
  .-rotate-180,
  .hover\:-rotate-180:hover,
  .focus\:-rotate-180:focus,
  .group:hover .group-hover\:-rotate-180,
  .group:focus-within .group-focus-within\:-rotate-180 {
    transform: rotate(-180deg);
  }
  .-rotate-181,
  .hover\:-rotate-181:hover,
  .focus\:-rotate-181:focus,
  .group:hover .group-hover\:-rotate-181,
  .group:focus-within .group-focus-within\:-rotate-181 {
    transform: rotate(-181deg);
  }
  .-rotate-182,
  .hover\:-rotate-182:hover,
  .focus\:-rotate-182:focus,
  .group:hover .group-hover\:-rotate-182,
  .group:focus-within .group-focus-within\:-rotate-182 {
    transform: rotate(-182deg);
  }
  .-rotate-183,
  .hover\:-rotate-183:hover,
  .focus\:-rotate-183:focus,
  .group:hover .group-hover\:-rotate-183,
  .group:focus-within .group-focus-within\:-rotate-183 {
    transform: rotate(-183deg);
  }
  .-rotate-184,
  .hover\:-rotate-184:hover,
  .focus\:-rotate-184:focus,
  .group:hover .group-hover\:-rotate-184,
  .group:focus-within .group-focus-within\:-rotate-184 {
    transform: rotate(-184deg);
  }
  .-rotate-185,
  .hover\:-rotate-185:hover,
  .focus\:-rotate-185:focus,
  .group:hover .group-hover\:-rotate-185,
  .group:focus-within .group-focus-within\:-rotate-185 {
    transform: rotate(-185deg);
  }
  .-rotate-186,
  .hover\:-rotate-186:hover,
  .focus\:-rotate-186:focus,
  .group:hover .group-hover\:-rotate-186,
  .group:focus-within .group-focus-within\:-rotate-186 {
    transform: rotate(-186deg);
  }
  .-rotate-187,
  .hover\:-rotate-187:hover,
  .focus\:-rotate-187:focus,
  .group:hover .group-hover\:-rotate-187,
  .group:focus-within .group-focus-within\:-rotate-187 {
    transform: rotate(-187deg);
  }
  .-rotate-188,
  .hover\:-rotate-188:hover,
  .focus\:-rotate-188:focus,
  .group:hover .group-hover\:-rotate-188,
  .group:focus-within .group-focus-within\:-rotate-188 {
    transform: rotate(-188deg);
  }
  .-rotate-189,
  .hover\:-rotate-189:hover,
  .focus\:-rotate-189:focus,
  .group:hover .group-hover\:-rotate-189,
  .group:focus-within .group-focus-within\:-rotate-189 {
    transform: rotate(-189deg);
  }
  .-rotate-190,
  .hover\:-rotate-190:hover,
  .focus\:-rotate-190:focus,
  .group:hover .group-hover\:-rotate-190,
  .group:focus-within .group-focus-within\:-rotate-190 {
    transform: rotate(-190deg);
  }
  .-rotate-191,
  .hover\:-rotate-191:hover,
  .focus\:-rotate-191:focus,
  .group:hover .group-hover\:-rotate-191,
  .group:focus-within .group-focus-within\:-rotate-191 {
    transform: rotate(-191deg);
  }
  .-rotate-192,
  .hover\:-rotate-192:hover,
  .focus\:-rotate-192:focus,
  .group:hover .group-hover\:-rotate-192,
  .group:focus-within .group-focus-within\:-rotate-192 {
    transform: rotate(-192deg);
  }
  .-rotate-193,
  .hover\:-rotate-193:hover,
  .focus\:-rotate-193:focus,
  .group:hover .group-hover\:-rotate-193,
  .group:focus-within .group-focus-within\:-rotate-193 {
    transform: rotate(-193deg);
  }
  .-rotate-194,
  .hover\:-rotate-194:hover,
  .focus\:-rotate-194:focus,
  .group:hover .group-hover\:-rotate-194,
  .group:focus-within .group-focus-within\:-rotate-194 {
    transform: rotate(-194deg);
  }
  .-rotate-195,
  .hover\:-rotate-195:hover,
  .focus\:-rotate-195:focus,
  .group:hover .group-hover\:-rotate-195,
  .group:focus-within .group-focus-within\:-rotate-195 {
    transform: rotate(-195deg);
  }
  .-rotate-196,
  .hover\:-rotate-196:hover,
  .focus\:-rotate-196:focus,
  .group:hover .group-hover\:-rotate-196,
  .group:focus-within .group-focus-within\:-rotate-196 {
    transform: rotate(-196deg);
  }
  .-rotate-197,
  .hover\:-rotate-197:hover,
  .focus\:-rotate-197:focus,
  .group:hover .group-hover\:-rotate-197,
  .group:focus-within .group-focus-within\:-rotate-197 {
    transform: rotate(-197deg);
  }
  .-rotate-198,
  .hover\:-rotate-198:hover,
  .focus\:-rotate-198:focus,
  .group:hover .group-hover\:-rotate-198,
  .group:focus-within .group-focus-within\:-rotate-198 {
    transform: rotate(-198deg);
  }
  .-rotate-199,
  .hover\:-rotate-199:hover,
  .focus\:-rotate-199:focus,
  .group:hover .group-hover\:-rotate-199,
  .group:focus-within .group-focus-within\:-rotate-199 {
    transform: rotate(-199deg);
  }
  .-rotate-200,
  .hover\:-rotate-200:hover,
  .focus\:-rotate-200:focus,
  .group:hover .group-hover\:-rotate-200,
  .group:focus-within .group-focus-within\:-rotate-200 {
    transform: rotate(-200deg);
  }
  .-rotate-201,
  .hover\:-rotate-201:hover,
  .focus\:-rotate-201:focus,
  .group:hover .group-hover\:-rotate-201,
  .group:focus-within .group-focus-within\:-rotate-201 {
    transform: rotate(-201deg);
  }
  .-rotate-202,
  .hover\:-rotate-202:hover,
  .focus\:-rotate-202:focus,
  .group:hover .group-hover\:-rotate-202,
  .group:focus-within .group-focus-within\:-rotate-202 {
    transform: rotate(-202deg);
  }
  .-rotate-203,
  .hover\:-rotate-203:hover,
  .focus\:-rotate-203:focus,
  .group:hover .group-hover\:-rotate-203,
  .group:focus-within .group-focus-within\:-rotate-203 {
    transform: rotate(-203deg);
  }
  .-rotate-204,
  .hover\:-rotate-204:hover,
  .focus\:-rotate-204:focus,
  .group:hover .group-hover\:-rotate-204,
  .group:focus-within .group-focus-within\:-rotate-204 {
    transform: rotate(-204deg);
  }
  .-rotate-205,
  .hover\:-rotate-205:hover,
  .focus\:-rotate-205:focus,
  .group:hover .group-hover\:-rotate-205,
  .group:focus-within .group-focus-within\:-rotate-205 {
    transform: rotate(-205deg);
  }
  .-rotate-206,
  .hover\:-rotate-206:hover,
  .focus\:-rotate-206:focus,
  .group:hover .group-hover\:-rotate-206,
  .group:focus-within .group-focus-within\:-rotate-206 {
    transform: rotate(-206deg);
  }
  .-rotate-207,
  .hover\:-rotate-207:hover,
  .focus\:-rotate-207:focus,
  .group:hover .group-hover\:-rotate-207,
  .group:focus-within .group-focus-within\:-rotate-207 {
    transform: rotate(-207deg);
  }
  .-rotate-208,
  .hover\:-rotate-208:hover,
  .focus\:-rotate-208:focus,
  .group:hover .group-hover\:-rotate-208,
  .group:focus-within .group-focus-within\:-rotate-208 {
    transform: rotate(-208deg);
  }
  .-rotate-209,
  .hover\:-rotate-209:hover,
  .focus\:-rotate-209:focus,
  .group:hover .group-hover\:-rotate-209,
  .group:focus-within .group-focus-within\:-rotate-209 {
    transform: rotate(-209deg);
  }
  .-rotate-210,
  .hover\:-rotate-210:hover,
  .focus\:-rotate-210:focus,
  .group:hover .group-hover\:-rotate-210,
  .group:focus-within .group-focus-within\:-rotate-210 {
    transform: rotate(-210deg);
  }
  .-rotate-211,
  .hover\:-rotate-211:hover,
  .focus\:-rotate-211:focus,
  .group:hover .group-hover\:-rotate-211,
  .group:focus-within .group-focus-within\:-rotate-211 {
    transform: rotate(-211deg);
  }
  .-rotate-212,
  .hover\:-rotate-212:hover,
  .focus\:-rotate-212:focus,
  .group:hover .group-hover\:-rotate-212,
  .group:focus-within .group-focus-within\:-rotate-212 {
    transform: rotate(-212deg);
  }
  .-rotate-213,
  .hover\:-rotate-213:hover,
  .focus\:-rotate-213:focus,
  .group:hover .group-hover\:-rotate-213,
  .group:focus-within .group-focus-within\:-rotate-213 {
    transform: rotate(-213deg);
  }
  .-rotate-214,
  .hover\:-rotate-214:hover,
  .focus\:-rotate-214:focus,
  .group:hover .group-hover\:-rotate-214,
  .group:focus-within .group-focus-within\:-rotate-214 {
    transform: rotate(-214deg);
  }
  .-rotate-215,
  .hover\:-rotate-215:hover,
  .focus\:-rotate-215:focus,
  .group:hover .group-hover\:-rotate-215,
  .group:focus-within .group-focus-within\:-rotate-215 {
    transform: rotate(-215deg);
  }
  .-rotate-216,
  .hover\:-rotate-216:hover,
  .focus\:-rotate-216:focus,
  .group:hover .group-hover\:-rotate-216,
  .group:focus-within .group-focus-within\:-rotate-216 {
    transform: rotate(-216deg);
  }
  .-rotate-217,
  .hover\:-rotate-217:hover,
  .focus\:-rotate-217:focus,
  .group:hover .group-hover\:-rotate-217,
  .group:focus-within .group-focus-within\:-rotate-217 {
    transform: rotate(-217deg);
  }
  .-rotate-218,
  .hover\:-rotate-218:hover,
  .focus\:-rotate-218:focus,
  .group:hover .group-hover\:-rotate-218,
  .group:focus-within .group-focus-within\:-rotate-218 {
    transform: rotate(-218deg);
  }
  .-rotate-219,
  .hover\:-rotate-219:hover,
  .focus\:-rotate-219:focus,
  .group:hover .group-hover\:-rotate-219,
  .group:focus-within .group-focus-within\:-rotate-219 {
    transform: rotate(-219deg);
  }
  .-rotate-220,
  .hover\:-rotate-220:hover,
  .focus\:-rotate-220:focus,
  .group:hover .group-hover\:-rotate-220,
  .group:focus-within .group-focus-within\:-rotate-220 {
    transform: rotate(-220deg);
  }
  .-rotate-221,
  .hover\:-rotate-221:hover,
  .focus\:-rotate-221:focus,
  .group:hover .group-hover\:-rotate-221,
  .group:focus-within .group-focus-within\:-rotate-221 {
    transform: rotate(-221deg);
  }
  .-rotate-222,
  .hover\:-rotate-222:hover,
  .focus\:-rotate-222:focus,
  .group:hover .group-hover\:-rotate-222,
  .group:focus-within .group-focus-within\:-rotate-222 {
    transform: rotate(-222deg);
  }
  .-rotate-223,
  .hover\:-rotate-223:hover,
  .focus\:-rotate-223:focus,
  .group:hover .group-hover\:-rotate-223,
  .group:focus-within .group-focus-within\:-rotate-223 {
    transform: rotate(-223deg);
  }
  .-rotate-224,
  .hover\:-rotate-224:hover,
  .focus\:-rotate-224:focus,
  .group:hover .group-hover\:-rotate-224,
  .group:focus-within .group-focus-within\:-rotate-224 {
    transform: rotate(-224deg);
  }
  .-rotate-225,
  .hover\:-rotate-225:hover,
  .focus\:-rotate-225:focus,
  .group:hover .group-hover\:-rotate-225,
  .group:focus-within .group-focus-within\:-rotate-225 {
    transform: rotate(-225deg);
  }
  .-rotate-226,
  .hover\:-rotate-226:hover,
  .focus\:-rotate-226:focus,
  .group:hover .group-hover\:-rotate-226,
  .group:focus-within .group-focus-within\:-rotate-226 {
    transform: rotate(-226deg);
  }
  .-rotate-227,
  .hover\:-rotate-227:hover,
  .focus\:-rotate-227:focus,
  .group:hover .group-hover\:-rotate-227,
  .group:focus-within .group-focus-within\:-rotate-227 {
    transform: rotate(-227deg);
  }
  .-rotate-228,
  .hover\:-rotate-228:hover,
  .focus\:-rotate-228:focus,
  .group:hover .group-hover\:-rotate-228,
  .group:focus-within .group-focus-within\:-rotate-228 {
    transform: rotate(-228deg);
  }
  .-rotate-229,
  .hover\:-rotate-229:hover,
  .focus\:-rotate-229:focus,
  .group:hover .group-hover\:-rotate-229,
  .group:focus-within .group-focus-within\:-rotate-229 {
    transform: rotate(-229deg);
  }
  .-rotate-230,
  .hover\:-rotate-230:hover,
  .focus\:-rotate-230:focus,
  .group:hover .group-hover\:-rotate-230,
  .group:focus-within .group-focus-within\:-rotate-230 {
    transform: rotate(-230deg);
  }
  .-rotate-231,
  .hover\:-rotate-231:hover,
  .focus\:-rotate-231:focus,
  .group:hover .group-hover\:-rotate-231,
  .group:focus-within .group-focus-within\:-rotate-231 {
    transform: rotate(-231deg);
  }
  .-rotate-232,
  .hover\:-rotate-232:hover,
  .focus\:-rotate-232:focus,
  .group:hover .group-hover\:-rotate-232,
  .group:focus-within .group-focus-within\:-rotate-232 {
    transform: rotate(-232deg);
  }
  .-rotate-233,
  .hover\:-rotate-233:hover,
  .focus\:-rotate-233:focus,
  .group:hover .group-hover\:-rotate-233,
  .group:focus-within .group-focus-within\:-rotate-233 {
    transform: rotate(-233deg);
  }
  .-rotate-234,
  .hover\:-rotate-234:hover,
  .focus\:-rotate-234:focus,
  .group:hover .group-hover\:-rotate-234,
  .group:focus-within .group-focus-within\:-rotate-234 {
    transform: rotate(-234deg);
  }
  .-rotate-235,
  .hover\:-rotate-235:hover,
  .focus\:-rotate-235:focus,
  .group:hover .group-hover\:-rotate-235,
  .group:focus-within .group-focus-within\:-rotate-235 {
    transform: rotate(-235deg);
  }
  .-rotate-236,
  .hover\:-rotate-236:hover,
  .focus\:-rotate-236:focus,
  .group:hover .group-hover\:-rotate-236,
  .group:focus-within .group-focus-within\:-rotate-236 {
    transform: rotate(-236deg);
  }
  .-rotate-237,
  .hover\:-rotate-237:hover,
  .focus\:-rotate-237:focus,
  .group:hover .group-hover\:-rotate-237,
  .group:focus-within .group-focus-within\:-rotate-237 {
    transform: rotate(-237deg);
  }
  .-rotate-238,
  .hover\:-rotate-238:hover,
  .focus\:-rotate-238:focus,
  .group:hover .group-hover\:-rotate-238,
  .group:focus-within .group-focus-within\:-rotate-238 {
    transform: rotate(-238deg);
  }
  .-rotate-239,
  .hover\:-rotate-239:hover,
  .focus\:-rotate-239:focus,
  .group:hover .group-hover\:-rotate-239,
  .group:focus-within .group-focus-within\:-rotate-239 {
    transform: rotate(-239deg);
  }
  .-rotate-240,
  .hover\:-rotate-240:hover,
  .focus\:-rotate-240:focus,
  .group:hover .group-hover\:-rotate-240,
  .group:focus-within .group-focus-within\:-rotate-240 {
    transform: rotate(-240deg);
  }
  .-rotate-241,
  .hover\:-rotate-241:hover,
  .focus\:-rotate-241:focus,
  .group:hover .group-hover\:-rotate-241,
  .group:focus-within .group-focus-within\:-rotate-241 {
    transform: rotate(-241deg);
  }
  .-rotate-242,
  .hover\:-rotate-242:hover,
  .focus\:-rotate-242:focus,
  .group:hover .group-hover\:-rotate-242,
  .group:focus-within .group-focus-within\:-rotate-242 {
    transform: rotate(-242deg);
  }
  .-rotate-243,
  .hover\:-rotate-243:hover,
  .focus\:-rotate-243:focus,
  .group:hover .group-hover\:-rotate-243,
  .group:focus-within .group-focus-within\:-rotate-243 {
    transform: rotate(-243deg);
  }
  .-rotate-244,
  .hover\:-rotate-244:hover,
  .focus\:-rotate-244:focus,
  .group:hover .group-hover\:-rotate-244,
  .group:focus-within .group-focus-within\:-rotate-244 {
    transform: rotate(-244deg);
  }
  .-rotate-245,
  .hover\:-rotate-245:hover,
  .focus\:-rotate-245:focus,
  .group:hover .group-hover\:-rotate-245,
  .group:focus-within .group-focus-within\:-rotate-245 {
    transform: rotate(-245deg);
  }
  .-rotate-246,
  .hover\:-rotate-246:hover,
  .focus\:-rotate-246:focus,
  .group:hover .group-hover\:-rotate-246,
  .group:focus-within .group-focus-within\:-rotate-246 {
    transform: rotate(-246deg);
  }
  .-rotate-247,
  .hover\:-rotate-247:hover,
  .focus\:-rotate-247:focus,
  .group:hover .group-hover\:-rotate-247,
  .group:focus-within .group-focus-within\:-rotate-247 {
    transform: rotate(-247deg);
  }
  .-rotate-248,
  .hover\:-rotate-248:hover,
  .focus\:-rotate-248:focus,
  .group:hover .group-hover\:-rotate-248,
  .group:focus-within .group-focus-within\:-rotate-248 {
    transform: rotate(-248deg);
  }
  .-rotate-249,
  .hover\:-rotate-249:hover,
  .focus\:-rotate-249:focus,
  .group:hover .group-hover\:-rotate-249,
  .group:focus-within .group-focus-within\:-rotate-249 {
    transform: rotate(-249deg);
  }
  .-rotate-250,
  .hover\:-rotate-250:hover,
  .focus\:-rotate-250:focus,
  .group:hover .group-hover\:-rotate-250,
  .group:focus-within .group-focus-within\:-rotate-250 {
    transform: rotate(-250deg);
  }
  .-rotate-251,
  .hover\:-rotate-251:hover,
  .focus\:-rotate-251:focus,
  .group:hover .group-hover\:-rotate-251,
  .group:focus-within .group-focus-within\:-rotate-251 {
    transform: rotate(-251deg);
  }
  .-rotate-252,
  .hover\:-rotate-252:hover,
  .focus\:-rotate-252:focus,
  .group:hover .group-hover\:-rotate-252,
  .group:focus-within .group-focus-within\:-rotate-252 {
    transform: rotate(-252deg);
  }
  .-rotate-253,
  .hover\:-rotate-253:hover,
  .focus\:-rotate-253:focus,
  .group:hover .group-hover\:-rotate-253,
  .group:focus-within .group-focus-within\:-rotate-253 {
    transform: rotate(-253deg);
  }
  .-rotate-254,
  .hover\:-rotate-254:hover,
  .focus\:-rotate-254:focus,
  .group:hover .group-hover\:-rotate-254,
  .group:focus-within .group-focus-within\:-rotate-254 {
    transform: rotate(-254deg);
  }
  .-rotate-255,
  .hover\:-rotate-255:hover,
  .focus\:-rotate-255:focus,
  .group:hover .group-hover\:-rotate-255,
  .group:focus-within .group-focus-within\:-rotate-255 {
    transform: rotate(-255deg);
  }
  .-rotate-256,
  .hover\:-rotate-256:hover,
  .focus\:-rotate-256:focus,
  .group:hover .group-hover\:-rotate-256,
  .group:focus-within .group-focus-within\:-rotate-256 {
    transform: rotate(-256deg);
  }
  .-rotate-257,
  .hover\:-rotate-257:hover,
  .focus\:-rotate-257:focus,
  .group:hover .group-hover\:-rotate-257,
  .group:focus-within .group-focus-within\:-rotate-257 {
    transform: rotate(-257deg);
  }
  .-rotate-258,
  .hover\:-rotate-258:hover,
  .focus\:-rotate-258:focus,
  .group:hover .group-hover\:-rotate-258,
  .group:focus-within .group-focus-within\:-rotate-258 {
    transform: rotate(-258deg);
  }
  .-rotate-259,
  .hover\:-rotate-259:hover,
  .focus\:-rotate-259:focus,
  .group:hover .group-hover\:-rotate-259,
  .group:focus-within .group-focus-within\:-rotate-259 {
    transform: rotate(-259deg);
  }
  .-rotate-260,
  .hover\:-rotate-260:hover,
  .focus\:-rotate-260:focus,
  .group:hover .group-hover\:-rotate-260,
  .group:focus-within .group-focus-within\:-rotate-260 {
    transform: rotate(-260deg);
  }
  .-rotate-261,
  .hover\:-rotate-261:hover,
  .focus\:-rotate-261:focus,
  .group:hover .group-hover\:-rotate-261,
  .group:focus-within .group-focus-within\:-rotate-261 {
    transform: rotate(-261deg);
  }
  .-rotate-262,
  .hover\:-rotate-262:hover,
  .focus\:-rotate-262:focus,
  .group:hover .group-hover\:-rotate-262,
  .group:focus-within .group-focus-within\:-rotate-262 {
    transform: rotate(-262deg);
  }
  .-rotate-263,
  .hover\:-rotate-263:hover,
  .focus\:-rotate-263:focus,
  .group:hover .group-hover\:-rotate-263,
  .group:focus-within .group-focus-within\:-rotate-263 {
    transform: rotate(-263deg);
  }
  .-rotate-264,
  .hover\:-rotate-264:hover,
  .focus\:-rotate-264:focus,
  .group:hover .group-hover\:-rotate-264,
  .group:focus-within .group-focus-within\:-rotate-264 {
    transform: rotate(-264deg);
  }
  .-rotate-265,
  .hover\:-rotate-265:hover,
  .focus\:-rotate-265:focus,
  .group:hover .group-hover\:-rotate-265,
  .group:focus-within .group-focus-within\:-rotate-265 {
    transform: rotate(-265deg);
  }
  .-rotate-266,
  .hover\:-rotate-266:hover,
  .focus\:-rotate-266:focus,
  .group:hover .group-hover\:-rotate-266,
  .group:focus-within .group-focus-within\:-rotate-266 {
    transform: rotate(-266deg);
  }
  .-rotate-267,
  .hover\:-rotate-267:hover,
  .focus\:-rotate-267:focus,
  .group:hover .group-hover\:-rotate-267,
  .group:focus-within .group-focus-within\:-rotate-267 {
    transform: rotate(-267deg);
  }
  .-rotate-268,
  .hover\:-rotate-268:hover,
  .focus\:-rotate-268:focus,
  .group:hover .group-hover\:-rotate-268,
  .group:focus-within .group-focus-within\:-rotate-268 {
    transform: rotate(-268deg);
  }
  .-rotate-269,
  .hover\:-rotate-269:hover,
  .focus\:-rotate-269:focus,
  .group:hover .group-hover\:-rotate-269,
  .group:focus-within .group-focus-within\:-rotate-269 {
    transform: rotate(-269deg);
  }
  .-rotate-270,
  .hover\:-rotate-270:hover,
  .focus\:-rotate-270:focus,
  .group:hover .group-hover\:-rotate-270,
  .group:focus-within .group-focus-within\:-rotate-270 {
    transform: rotate(-270deg);
  }
  .-rotate-271,
  .hover\:-rotate-271:hover,
  .focus\:-rotate-271:focus,
  .group:hover .group-hover\:-rotate-271,
  .group:focus-within .group-focus-within\:-rotate-271 {
    transform: rotate(-271deg);
  }
  .-rotate-272,
  .hover\:-rotate-272:hover,
  .focus\:-rotate-272:focus,
  .group:hover .group-hover\:-rotate-272,
  .group:focus-within .group-focus-within\:-rotate-272 {
    transform: rotate(-272deg);
  }
  .-rotate-273,
  .hover\:-rotate-273:hover,
  .focus\:-rotate-273:focus,
  .group:hover .group-hover\:-rotate-273,
  .group:focus-within .group-focus-within\:-rotate-273 {
    transform: rotate(-273deg);
  }
  .-rotate-274,
  .hover\:-rotate-274:hover,
  .focus\:-rotate-274:focus,
  .group:hover .group-hover\:-rotate-274,
  .group:focus-within .group-focus-within\:-rotate-274 {
    transform: rotate(-274deg);
  }
  .-rotate-275,
  .hover\:-rotate-275:hover,
  .focus\:-rotate-275:focus,
  .group:hover .group-hover\:-rotate-275,
  .group:focus-within .group-focus-within\:-rotate-275 {
    transform: rotate(-275deg);
  }
  .-rotate-276,
  .hover\:-rotate-276:hover,
  .focus\:-rotate-276:focus,
  .group:hover .group-hover\:-rotate-276,
  .group:focus-within .group-focus-within\:-rotate-276 {
    transform: rotate(-276deg);
  }
  .-rotate-277,
  .hover\:-rotate-277:hover,
  .focus\:-rotate-277:focus,
  .group:hover .group-hover\:-rotate-277,
  .group:focus-within .group-focus-within\:-rotate-277 {
    transform: rotate(-277deg);
  }
  .-rotate-278,
  .hover\:-rotate-278:hover,
  .focus\:-rotate-278:focus,
  .group:hover .group-hover\:-rotate-278,
  .group:focus-within .group-focus-within\:-rotate-278 {
    transform: rotate(-278deg);
  }
  .-rotate-279,
  .hover\:-rotate-279:hover,
  .focus\:-rotate-279:focus,
  .group:hover .group-hover\:-rotate-279,
  .group:focus-within .group-focus-within\:-rotate-279 {
    transform: rotate(-279deg);
  }
  .-rotate-280,
  .hover\:-rotate-280:hover,
  .focus\:-rotate-280:focus,
  .group:hover .group-hover\:-rotate-280,
  .group:focus-within .group-focus-within\:-rotate-280 {
    transform: rotate(-280deg);
  }
  .-rotate-281,
  .hover\:-rotate-281:hover,
  .focus\:-rotate-281:focus,
  .group:hover .group-hover\:-rotate-281,
  .group:focus-within .group-focus-within\:-rotate-281 {
    transform: rotate(-281deg);
  }
  .-rotate-282,
  .hover\:-rotate-282:hover,
  .focus\:-rotate-282:focus,
  .group:hover .group-hover\:-rotate-282,
  .group:focus-within .group-focus-within\:-rotate-282 {
    transform: rotate(-282deg);
  }
  .-rotate-283,
  .hover\:-rotate-283:hover,
  .focus\:-rotate-283:focus,
  .group:hover .group-hover\:-rotate-283,
  .group:focus-within .group-focus-within\:-rotate-283 {
    transform: rotate(-283deg);
  }
  .-rotate-284,
  .hover\:-rotate-284:hover,
  .focus\:-rotate-284:focus,
  .group:hover .group-hover\:-rotate-284,
  .group:focus-within .group-focus-within\:-rotate-284 {
    transform: rotate(-284deg);
  }
  .-rotate-285,
  .hover\:-rotate-285:hover,
  .focus\:-rotate-285:focus,
  .group:hover .group-hover\:-rotate-285,
  .group:focus-within .group-focus-within\:-rotate-285 {
    transform: rotate(-285deg);
  }
  .-rotate-286,
  .hover\:-rotate-286:hover,
  .focus\:-rotate-286:focus,
  .group:hover .group-hover\:-rotate-286,
  .group:focus-within .group-focus-within\:-rotate-286 {
    transform: rotate(-286deg);
  }
  .-rotate-287,
  .hover\:-rotate-287:hover,
  .focus\:-rotate-287:focus,
  .group:hover .group-hover\:-rotate-287,
  .group:focus-within .group-focus-within\:-rotate-287 {
    transform: rotate(-287deg);
  }
  .-rotate-288,
  .hover\:-rotate-288:hover,
  .focus\:-rotate-288:focus,
  .group:hover .group-hover\:-rotate-288,
  .group:focus-within .group-focus-within\:-rotate-288 {
    transform: rotate(-288deg);
  }
  .-rotate-289,
  .hover\:-rotate-289:hover,
  .focus\:-rotate-289:focus,
  .group:hover .group-hover\:-rotate-289,
  .group:focus-within .group-focus-within\:-rotate-289 {
    transform: rotate(-289deg);
  }
  .-rotate-290,
  .hover\:-rotate-290:hover,
  .focus\:-rotate-290:focus,
  .group:hover .group-hover\:-rotate-290,
  .group:focus-within .group-focus-within\:-rotate-290 {
    transform: rotate(-290deg);
  }
  .-rotate-291,
  .hover\:-rotate-291:hover,
  .focus\:-rotate-291:focus,
  .group:hover .group-hover\:-rotate-291,
  .group:focus-within .group-focus-within\:-rotate-291 {
    transform: rotate(-291deg);
  }
  .-rotate-292,
  .hover\:-rotate-292:hover,
  .focus\:-rotate-292:focus,
  .group:hover .group-hover\:-rotate-292,
  .group:focus-within .group-focus-within\:-rotate-292 {
    transform: rotate(-292deg);
  }
  .-rotate-293,
  .hover\:-rotate-293:hover,
  .focus\:-rotate-293:focus,
  .group:hover .group-hover\:-rotate-293,
  .group:focus-within .group-focus-within\:-rotate-293 {
    transform: rotate(-293deg);
  }
  .-rotate-294,
  .hover\:-rotate-294:hover,
  .focus\:-rotate-294:focus,
  .group:hover .group-hover\:-rotate-294,
  .group:focus-within .group-focus-within\:-rotate-294 {
    transform: rotate(-294deg);
  }
  .-rotate-295,
  .hover\:-rotate-295:hover,
  .focus\:-rotate-295:focus,
  .group:hover .group-hover\:-rotate-295,
  .group:focus-within .group-focus-within\:-rotate-295 {
    transform: rotate(-295deg);
  }
  .-rotate-296,
  .hover\:-rotate-296:hover,
  .focus\:-rotate-296:focus,
  .group:hover .group-hover\:-rotate-296,
  .group:focus-within .group-focus-within\:-rotate-296 {
    transform: rotate(-296deg);
  }
  .-rotate-297,
  .hover\:-rotate-297:hover,
  .focus\:-rotate-297:focus,
  .group:hover .group-hover\:-rotate-297,
  .group:focus-within .group-focus-within\:-rotate-297 {
    transform: rotate(-297deg);
  }
  .-rotate-298,
  .hover\:-rotate-298:hover,
  .focus\:-rotate-298:focus,
  .group:hover .group-hover\:-rotate-298,
  .group:focus-within .group-focus-within\:-rotate-298 {
    transform: rotate(-298deg);
  }
  .-rotate-299,
  .hover\:-rotate-299:hover,
  .focus\:-rotate-299:focus,
  .group:hover .group-hover\:-rotate-299,
  .group:focus-within .group-focus-within\:-rotate-299 {
    transform: rotate(-299deg);
  }
  .-rotate-300,
  .hover\:-rotate-300:hover,
  .focus\:-rotate-300:focus,
  .group:hover .group-hover\:-rotate-300,
  .group:focus-within .group-focus-within\:-rotate-300 {
    transform: rotate(-300deg);
  }
  .-rotate-301,
  .hover\:-rotate-301:hover,
  .focus\:-rotate-301:focus,
  .group:hover .group-hover\:-rotate-301,
  .group:focus-within .group-focus-within\:-rotate-301 {
    transform: rotate(-301deg);
  }
  .-rotate-302,
  .hover\:-rotate-302:hover,
  .focus\:-rotate-302:focus,
  .group:hover .group-hover\:-rotate-302,
  .group:focus-within .group-focus-within\:-rotate-302 {
    transform: rotate(-302deg);
  }
  .-rotate-303,
  .hover\:-rotate-303:hover,
  .focus\:-rotate-303:focus,
  .group:hover .group-hover\:-rotate-303,
  .group:focus-within .group-focus-within\:-rotate-303 {
    transform: rotate(-303deg);
  }
  .-rotate-304,
  .hover\:-rotate-304:hover,
  .focus\:-rotate-304:focus,
  .group:hover .group-hover\:-rotate-304,
  .group:focus-within .group-focus-within\:-rotate-304 {
    transform: rotate(-304deg);
  }
  .-rotate-305,
  .hover\:-rotate-305:hover,
  .focus\:-rotate-305:focus,
  .group:hover .group-hover\:-rotate-305,
  .group:focus-within .group-focus-within\:-rotate-305 {
    transform: rotate(-305deg);
  }
  .-rotate-306,
  .hover\:-rotate-306:hover,
  .focus\:-rotate-306:focus,
  .group:hover .group-hover\:-rotate-306,
  .group:focus-within .group-focus-within\:-rotate-306 {
    transform: rotate(-306deg);
  }
  .-rotate-307,
  .hover\:-rotate-307:hover,
  .focus\:-rotate-307:focus,
  .group:hover .group-hover\:-rotate-307,
  .group:focus-within .group-focus-within\:-rotate-307 {
    transform: rotate(-307deg);
  }
  .-rotate-308,
  .hover\:-rotate-308:hover,
  .focus\:-rotate-308:focus,
  .group:hover .group-hover\:-rotate-308,
  .group:focus-within .group-focus-within\:-rotate-308 {
    transform: rotate(-308deg);
  }
  .-rotate-309,
  .hover\:-rotate-309:hover,
  .focus\:-rotate-309:focus,
  .group:hover .group-hover\:-rotate-309,
  .group:focus-within .group-focus-within\:-rotate-309 {
    transform: rotate(-309deg);
  }
  .-rotate-310,
  .hover\:-rotate-310:hover,
  .focus\:-rotate-310:focus,
  .group:hover .group-hover\:-rotate-310,
  .group:focus-within .group-focus-within\:-rotate-310 {
    transform: rotate(-310deg);
  }
  .-rotate-311,
  .hover\:-rotate-311:hover,
  .focus\:-rotate-311:focus,
  .group:hover .group-hover\:-rotate-311,
  .group:focus-within .group-focus-within\:-rotate-311 {
    transform: rotate(-311deg);
  }
  .-rotate-312,
  .hover\:-rotate-312:hover,
  .focus\:-rotate-312:focus,
  .group:hover .group-hover\:-rotate-312,
  .group:focus-within .group-focus-within\:-rotate-312 {
    transform: rotate(-312deg);
  }
  .-rotate-313,
  .hover\:-rotate-313:hover,
  .focus\:-rotate-313:focus,
  .group:hover .group-hover\:-rotate-313,
  .group:focus-within .group-focus-within\:-rotate-313 {
    transform: rotate(-313deg);
  }
  .-rotate-314,
  .hover\:-rotate-314:hover,
  .focus\:-rotate-314:focus,
  .group:hover .group-hover\:-rotate-314,
  .group:focus-within .group-focus-within\:-rotate-314 {
    transform: rotate(-314deg);
  }
  .-rotate-315,
  .hover\:-rotate-315:hover,
  .focus\:-rotate-315:focus,
  .group:hover .group-hover\:-rotate-315,
  .group:focus-within .group-focus-within\:-rotate-315 {
    transform: rotate(-315deg);
  }
  .-rotate-316,
  .hover\:-rotate-316:hover,
  .focus\:-rotate-316:focus,
  .group:hover .group-hover\:-rotate-316,
  .group:focus-within .group-focus-within\:-rotate-316 {
    transform: rotate(-316deg);
  }
  .-rotate-317,
  .hover\:-rotate-317:hover,
  .focus\:-rotate-317:focus,
  .group:hover .group-hover\:-rotate-317,
  .group:focus-within .group-focus-within\:-rotate-317 {
    transform: rotate(-317deg);
  }
  .-rotate-318,
  .hover\:-rotate-318:hover,
  .focus\:-rotate-318:focus,
  .group:hover .group-hover\:-rotate-318,
  .group:focus-within .group-focus-within\:-rotate-318 {
    transform: rotate(-318deg);
  }
  .-rotate-319,
  .hover\:-rotate-319:hover,
  .focus\:-rotate-319:focus,
  .group:hover .group-hover\:-rotate-319,
  .group:focus-within .group-focus-within\:-rotate-319 {
    transform: rotate(-319deg);
  }
  .-rotate-320,
  .hover\:-rotate-320:hover,
  .focus\:-rotate-320:focus,
  .group:hover .group-hover\:-rotate-320,
  .group:focus-within .group-focus-within\:-rotate-320 {
    transform: rotate(-320deg);
  }
  .-rotate-321,
  .hover\:-rotate-321:hover,
  .focus\:-rotate-321:focus,
  .group:hover .group-hover\:-rotate-321,
  .group:focus-within .group-focus-within\:-rotate-321 {
    transform: rotate(-321deg);
  }
  .-rotate-322,
  .hover\:-rotate-322:hover,
  .focus\:-rotate-322:focus,
  .group:hover .group-hover\:-rotate-322,
  .group:focus-within .group-focus-within\:-rotate-322 {
    transform: rotate(-322deg);
  }
  .-rotate-323,
  .hover\:-rotate-323:hover,
  .focus\:-rotate-323:focus,
  .group:hover .group-hover\:-rotate-323,
  .group:focus-within .group-focus-within\:-rotate-323 {
    transform: rotate(-323deg);
  }
  .-rotate-324,
  .hover\:-rotate-324:hover,
  .focus\:-rotate-324:focus,
  .group:hover .group-hover\:-rotate-324,
  .group:focus-within .group-focus-within\:-rotate-324 {
    transform: rotate(-324deg);
  }
  .-rotate-325,
  .hover\:-rotate-325:hover,
  .focus\:-rotate-325:focus,
  .group:hover .group-hover\:-rotate-325,
  .group:focus-within .group-focus-within\:-rotate-325 {
    transform: rotate(-325deg);
  }
  .-rotate-326,
  .hover\:-rotate-326:hover,
  .focus\:-rotate-326:focus,
  .group:hover .group-hover\:-rotate-326,
  .group:focus-within .group-focus-within\:-rotate-326 {
    transform: rotate(-326deg);
  }
  .-rotate-327,
  .hover\:-rotate-327:hover,
  .focus\:-rotate-327:focus,
  .group:hover .group-hover\:-rotate-327,
  .group:focus-within .group-focus-within\:-rotate-327 {
    transform: rotate(-327deg);
  }
  .-rotate-328,
  .hover\:-rotate-328:hover,
  .focus\:-rotate-328:focus,
  .group:hover .group-hover\:-rotate-328,
  .group:focus-within .group-focus-within\:-rotate-328 {
    transform: rotate(-328deg);
  }
  .-rotate-329,
  .hover\:-rotate-329:hover,
  .focus\:-rotate-329:focus,
  .group:hover .group-hover\:-rotate-329,
  .group:focus-within .group-focus-within\:-rotate-329 {
    transform: rotate(-329deg);
  }
  .-rotate-330,
  .hover\:-rotate-330:hover,
  .focus\:-rotate-330:focus,
  .group:hover .group-hover\:-rotate-330,
  .group:focus-within .group-focus-within\:-rotate-330 {
    transform: rotate(-330deg);
  }
  .-rotate-331,
  .hover\:-rotate-331:hover,
  .focus\:-rotate-331:focus,
  .group:hover .group-hover\:-rotate-331,
  .group:focus-within .group-focus-within\:-rotate-331 {
    transform: rotate(-331deg);
  }
  .-rotate-332,
  .hover\:-rotate-332:hover,
  .focus\:-rotate-332:focus,
  .group:hover .group-hover\:-rotate-332,
  .group:focus-within .group-focus-within\:-rotate-332 {
    transform: rotate(-332deg);
  }
  .-rotate-333,
  .hover\:-rotate-333:hover,
  .focus\:-rotate-333:focus,
  .group:hover .group-hover\:-rotate-333,
  .group:focus-within .group-focus-within\:-rotate-333 {
    transform: rotate(-333deg);
  }
  .-rotate-334,
  .hover\:-rotate-334:hover,
  .focus\:-rotate-334:focus,
  .group:hover .group-hover\:-rotate-334,
  .group:focus-within .group-focus-within\:-rotate-334 {
    transform: rotate(-334deg);
  }
  .-rotate-335,
  .hover\:-rotate-335:hover,
  .focus\:-rotate-335:focus,
  .group:hover .group-hover\:-rotate-335,
  .group:focus-within .group-focus-within\:-rotate-335 {
    transform: rotate(-335deg);
  }
  .-rotate-336,
  .hover\:-rotate-336:hover,
  .focus\:-rotate-336:focus,
  .group:hover .group-hover\:-rotate-336,
  .group:focus-within .group-focus-within\:-rotate-336 {
    transform: rotate(-336deg);
  }
  .-rotate-337,
  .hover\:-rotate-337:hover,
  .focus\:-rotate-337:focus,
  .group:hover .group-hover\:-rotate-337,
  .group:focus-within .group-focus-within\:-rotate-337 {
    transform: rotate(-337deg);
  }
  .-rotate-338,
  .hover\:-rotate-338:hover,
  .focus\:-rotate-338:focus,
  .group:hover .group-hover\:-rotate-338,
  .group:focus-within .group-focus-within\:-rotate-338 {
    transform: rotate(-338deg);
  }
  .-rotate-339,
  .hover\:-rotate-339:hover,
  .focus\:-rotate-339:focus,
  .group:hover .group-hover\:-rotate-339,
  .group:focus-within .group-focus-within\:-rotate-339 {
    transform: rotate(-339deg);
  }
  .-rotate-340,
  .hover\:-rotate-340:hover,
  .focus\:-rotate-340:focus,
  .group:hover .group-hover\:-rotate-340,
  .group:focus-within .group-focus-within\:-rotate-340 {
    transform: rotate(-340deg);
  }
  .-rotate-341,
  .hover\:-rotate-341:hover,
  .focus\:-rotate-341:focus,
  .group:hover .group-hover\:-rotate-341,
  .group:focus-within .group-focus-within\:-rotate-341 {
    transform: rotate(-341deg);
  }
  .-rotate-342,
  .hover\:-rotate-342:hover,
  .focus\:-rotate-342:focus,
  .group:hover .group-hover\:-rotate-342,
  .group:focus-within .group-focus-within\:-rotate-342 {
    transform: rotate(-342deg);
  }
  .-rotate-343,
  .hover\:-rotate-343:hover,
  .focus\:-rotate-343:focus,
  .group:hover .group-hover\:-rotate-343,
  .group:focus-within .group-focus-within\:-rotate-343 {
    transform: rotate(-343deg);
  }
  .-rotate-344,
  .hover\:-rotate-344:hover,
  .focus\:-rotate-344:focus,
  .group:hover .group-hover\:-rotate-344,
  .group:focus-within .group-focus-within\:-rotate-344 {
    transform: rotate(-344deg);
  }
  .-rotate-345,
  .hover\:-rotate-345:hover,
  .focus\:-rotate-345:focus,
  .group:hover .group-hover\:-rotate-345,
  .group:focus-within .group-focus-within\:-rotate-345 {
    transform: rotate(-345deg);
  }
  .-rotate-346,
  .hover\:-rotate-346:hover,
  .focus\:-rotate-346:focus,
  .group:hover .group-hover\:-rotate-346,
  .group:focus-within .group-focus-within\:-rotate-346 {
    transform: rotate(-346deg);
  }
  .-rotate-347,
  .hover\:-rotate-347:hover,
  .focus\:-rotate-347:focus,
  .group:hover .group-hover\:-rotate-347,
  .group:focus-within .group-focus-within\:-rotate-347 {
    transform: rotate(-347deg);
  }
  .-rotate-348,
  .hover\:-rotate-348:hover,
  .focus\:-rotate-348:focus,
  .group:hover .group-hover\:-rotate-348,
  .group:focus-within .group-focus-within\:-rotate-348 {
    transform: rotate(-348deg);
  }
  .-rotate-349,
  .hover\:-rotate-349:hover,
  .focus\:-rotate-349:focus,
  .group:hover .group-hover\:-rotate-349,
  .group:focus-within .group-focus-within\:-rotate-349 {
    transform: rotate(-349deg);
  }
  .-rotate-350,
  .hover\:-rotate-350:hover,
  .focus\:-rotate-350:focus,
  .group:hover .group-hover\:-rotate-350,
  .group:focus-within .group-focus-within\:-rotate-350 {
    transform: rotate(-350deg);
  }
  .-rotate-351,
  .hover\:-rotate-351:hover,
  .focus\:-rotate-351:focus,
  .group:hover .group-hover\:-rotate-351,
  .group:focus-within .group-focus-within\:-rotate-351 {
    transform: rotate(-351deg);
  }
  .-rotate-352,
  .hover\:-rotate-352:hover,
  .focus\:-rotate-352:focus,
  .group:hover .group-hover\:-rotate-352,
  .group:focus-within .group-focus-within\:-rotate-352 {
    transform: rotate(-352deg);
  }
  .-rotate-353,
  .hover\:-rotate-353:hover,
  .focus\:-rotate-353:focus,
  .group:hover .group-hover\:-rotate-353,
  .group:focus-within .group-focus-within\:-rotate-353 {
    transform: rotate(-353deg);
  }
  .-rotate-354,
  .hover\:-rotate-354:hover,
  .focus\:-rotate-354:focus,
  .group:hover .group-hover\:-rotate-354,
  .group:focus-within .group-focus-within\:-rotate-354 {
    transform: rotate(-354deg);
  }
  .-rotate-355,
  .hover\:-rotate-355:hover,
  .focus\:-rotate-355:focus,
  .group:hover .group-hover\:-rotate-355,
  .group:focus-within .group-focus-within\:-rotate-355 {
    transform: rotate(-355deg);
  }
  .-rotate-356,
  .hover\:-rotate-356:hover,
  .focus\:-rotate-356:focus,
  .group:hover .group-hover\:-rotate-356,
  .group:focus-within .group-focus-within\:-rotate-356 {
    transform: rotate(-356deg);
  }
  .-rotate-357,
  .hover\:-rotate-357:hover,
  .focus\:-rotate-357:focus,
  .group:hover .group-hover\:-rotate-357,
  .group:focus-within .group-focus-within\:-rotate-357 {
    transform: rotate(-357deg);
  }
  .-rotate-358,
  .hover\:-rotate-358:hover,
  .focus\:-rotate-358:focus,
  .group:hover .group-hover\:-rotate-358,
  .group:focus-within .group-focus-within\:-rotate-358 {
    transform: rotate(-358deg);
  }
  .-rotate-359,
  .hover\:-rotate-359:hover,
  .focus\:-rotate-359:focus,
  .group:hover .group-hover\:-rotate-359,
  .group:focus-within .group-focus-within\:-rotate-359 {
    transform: rotate(-359deg);
  }
  .-rotate-360,
  .hover\:-rotate-360:hover,
  .focus\:-rotate-360:focus,
  .group:hover .group-hover\:-rotate-360,
  .group:focus-within .group-focus-within\:-rotate-360 {
    transform: rotate(-360deg);
  }
  .rotate-0,
  .hover\:rotate-0:hover,
  .focus\:rotate-0:focus,
  .group:hover .group-hover\:rotate-0,
  .group:focus-within .group-focus-within\:rotate-0 {
    transform: rotate(0deg);
  }
  .rotate-1,
  .hover\:rotate-1:hover,
  .focus\:rotate-1:focus,
  .group:hover .group-hover\:rotate-1,
  .group:focus-within .group-focus-within\:rotate-1 {
    transform: rotate(1deg);
  }
  .rotate-2,
  .hover\:rotate-2:hover,
  .focus\:rotate-2:focus,
  .group:hover .group-hover\:rotate-2,
  .group:focus-within .group-focus-within\:rotate-2 {
    transform: rotate(2deg);
  }
  .rotate-3,
  .hover\:rotate-3:hover,
  .focus\:rotate-3:focus,
  .group:hover .group-hover\:rotate-3,
  .group:focus-within .group-focus-within\:rotate-3 {
    transform: rotate(3deg);
  }
  .rotate-4,
  .hover\:rotate-4:hover,
  .focus\:rotate-4:focus,
  .group:hover .group-hover\:rotate-4,
  .group:focus-within .group-focus-within\:rotate-4 {
    transform: rotate(4deg);
  }
  .rotate-5,
  .hover\:rotate-5:hover,
  .focus\:rotate-5:focus,
  .group:hover .group-hover\:rotate-5,
  .group:focus-within .group-focus-within\:rotate-5 {
    transform: rotate(5deg);
  }
  .rotate-6,
  .hover\:rotate-6:hover,
  .focus\:rotate-6:focus,
  .group:hover .group-hover\:rotate-6,
  .group:focus-within .group-focus-within\:rotate-6 {
    transform: rotate(6deg);
  }
  .rotate-7,
  .hover\:rotate-7:hover,
  .focus\:rotate-7:focus,
  .group:hover .group-hover\:rotate-7,
  .group:focus-within .group-focus-within\:rotate-7 {
    transform: rotate(7deg);
  }
  .rotate-8,
  .hover\:rotate-8:hover,
  .focus\:rotate-8:focus,
  .group:hover .group-hover\:rotate-8,
  .group:focus-within .group-focus-within\:rotate-8 {
    transform: rotate(8deg);
  }
  .rotate-9,
  .hover\:rotate-9:hover,
  .focus\:rotate-9:focus,
  .group:hover .group-hover\:rotate-9,
  .group:focus-within .group-focus-within\:rotate-9 {
    transform: rotate(9deg);
  }
  .rotate-10,
  .hover\:rotate-10:hover,
  .focus\:rotate-10:focus,
  .group:hover .group-hover\:rotate-10,
  .group:focus-within .group-focus-within\:rotate-10 {
    transform: rotate(10deg);
  }
  .rotate-11,
  .hover\:rotate-11:hover,
  .focus\:rotate-11:focus,
  .group:hover .group-hover\:rotate-11,
  .group:focus-within .group-focus-within\:rotate-11 {
    transform: rotate(11deg);
  }
  .rotate-12,
  .hover\:rotate-12:hover,
  .focus\:rotate-12:focus,
  .group:hover .group-hover\:rotate-12,
  .group:focus-within .group-focus-within\:rotate-12 {
    transform: rotate(12deg);
  }
  .rotate-13,
  .hover\:rotate-13:hover,
  .focus\:rotate-13:focus,
  .group:hover .group-hover\:rotate-13,
  .group:focus-within .group-focus-within\:rotate-13 {
    transform: rotate(13deg);
  }
  .rotate-14,
  .hover\:rotate-14:hover,
  .focus\:rotate-14:focus,
  .group:hover .group-hover\:rotate-14,
  .group:focus-within .group-focus-within\:rotate-14 {
    transform: rotate(14deg);
  }
  .rotate-15,
  .hover\:rotate-15:hover,
  .focus\:rotate-15:focus,
  .group:hover .group-hover\:rotate-15,
  .group:focus-within .group-focus-within\:rotate-15 {
    transform: rotate(15deg);
  }
  .rotate-16,
  .hover\:rotate-16:hover,
  .focus\:rotate-16:focus,
  .group:hover .group-hover\:rotate-16,
  .group:focus-within .group-focus-within\:rotate-16 {
    transform: rotate(16deg);
  }
  .rotate-17,
  .hover\:rotate-17:hover,
  .focus\:rotate-17:focus,
  .group:hover .group-hover\:rotate-17,
  .group:focus-within .group-focus-within\:rotate-17 {
    transform: rotate(17deg);
  }
  .rotate-18,
  .hover\:rotate-18:hover,
  .focus\:rotate-18:focus,
  .group:hover .group-hover\:rotate-18,
  .group:focus-within .group-focus-within\:rotate-18 {
    transform: rotate(18deg);
  }
  .rotate-19,
  .hover\:rotate-19:hover,
  .focus\:rotate-19:focus,
  .group:hover .group-hover\:rotate-19,
  .group:focus-within .group-focus-within\:rotate-19 {
    transform: rotate(19deg);
  }
  .rotate-20,
  .hover\:rotate-20:hover,
  .focus\:rotate-20:focus,
  .group:hover .group-hover\:rotate-20,
  .group:focus-within .group-focus-within\:rotate-20 {
    transform: rotate(20deg);
  }
  .rotate-21,
  .hover\:rotate-21:hover,
  .focus\:rotate-21:focus,
  .group:hover .group-hover\:rotate-21,
  .group:focus-within .group-focus-within\:rotate-21 {
    transform: rotate(21deg);
  }
  .rotate-22,
  .hover\:rotate-22:hover,
  .focus\:rotate-22:focus,
  .group:hover .group-hover\:rotate-22,
  .group:focus-within .group-focus-within\:rotate-22 {
    transform: rotate(22deg);
  }
  .rotate-23,
  .hover\:rotate-23:hover,
  .focus\:rotate-23:focus,
  .group:hover .group-hover\:rotate-23,
  .group:focus-within .group-focus-within\:rotate-23 {
    transform: rotate(23deg);
  }
  .rotate-24,
  .hover\:rotate-24:hover,
  .focus\:rotate-24:focus,
  .group:hover .group-hover\:rotate-24,
  .group:focus-within .group-focus-within\:rotate-24 {
    transform: rotate(24deg);
  }
  .rotate-25,
  .hover\:rotate-25:hover,
  .focus\:rotate-25:focus,
  .group:hover .group-hover\:rotate-25,
  .group:focus-within .group-focus-within\:rotate-25 {
    transform: rotate(25deg);
  }
  .rotate-26,
  .hover\:rotate-26:hover,
  .focus\:rotate-26:focus,
  .group:hover .group-hover\:rotate-26,
  .group:focus-within .group-focus-within\:rotate-26 {
    transform: rotate(26deg);
  }
  .rotate-27,
  .hover\:rotate-27:hover,
  .focus\:rotate-27:focus,
  .group:hover .group-hover\:rotate-27,
  .group:focus-within .group-focus-within\:rotate-27 {
    transform: rotate(27deg);
  }
  .rotate-28,
  .hover\:rotate-28:hover,
  .focus\:rotate-28:focus,
  .group:hover .group-hover\:rotate-28,
  .group:focus-within .group-focus-within\:rotate-28 {
    transform: rotate(28deg);
  }
  .rotate-29,
  .hover\:rotate-29:hover,
  .focus\:rotate-29:focus,
  .group:hover .group-hover\:rotate-29,
  .group:focus-within .group-focus-within\:rotate-29 {
    transform: rotate(29deg);
  }
  .rotate-30,
  .hover\:rotate-30:hover,
  .focus\:rotate-30:focus,
  .group:hover .group-hover\:rotate-30,
  .group:focus-within .group-focus-within\:rotate-30 {
    transform: rotate(30deg);
  }
  .rotate-31,
  .hover\:rotate-31:hover,
  .focus\:rotate-31:focus,
  .group:hover .group-hover\:rotate-31,
  .group:focus-within .group-focus-within\:rotate-31 {
    transform: rotate(31deg);
  }
  .rotate-32,
  .hover\:rotate-32:hover,
  .focus\:rotate-32:focus,
  .group:hover .group-hover\:rotate-32,
  .group:focus-within .group-focus-within\:rotate-32 {
    transform: rotate(32deg);
  }
  .rotate-33,
  .hover\:rotate-33:hover,
  .focus\:rotate-33:focus,
  .group:hover .group-hover\:rotate-33,
  .group:focus-within .group-focus-within\:rotate-33 {
    transform: rotate(33deg);
  }
  .rotate-34,
  .hover\:rotate-34:hover,
  .focus\:rotate-34:focus,
  .group:hover .group-hover\:rotate-34,
  .group:focus-within .group-focus-within\:rotate-34 {
    transform: rotate(34deg);
  }
  .rotate-35,
  .hover\:rotate-35:hover,
  .focus\:rotate-35:focus,
  .group:hover .group-hover\:rotate-35,
  .group:focus-within .group-focus-within\:rotate-35 {
    transform: rotate(35deg);
  }
  .rotate-36,
  .hover\:rotate-36:hover,
  .focus\:rotate-36:focus,
  .group:hover .group-hover\:rotate-36,
  .group:focus-within .group-focus-within\:rotate-36 {
    transform: rotate(36deg);
  }
  .rotate-37,
  .hover\:rotate-37:hover,
  .focus\:rotate-37:focus,
  .group:hover .group-hover\:rotate-37,
  .group:focus-within .group-focus-within\:rotate-37 {
    transform: rotate(37deg);
  }
  .rotate-38,
  .hover\:rotate-38:hover,
  .focus\:rotate-38:focus,
  .group:hover .group-hover\:rotate-38,
  .group:focus-within .group-focus-within\:rotate-38 {
    transform: rotate(38deg);
  }
  .rotate-39,
  .hover\:rotate-39:hover,
  .focus\:rotate-39:focus,
  .group:hover .group-hover\:rotate-39,
  .group:focus-within .group-focus-within\:rotate-39 {
    transform: rotate(39deg);
  }
  .rotate-40,
  .hover\:rotate-40:hover,
  .focus\:rotate-40:focus,
  .group:hover .group-hover\:rotate-40,
  .group:focus-within .group-focus-within\:rotate-40 {
    transform: rotate(40deg);
  }
  .rotate-41,
  .hover\:rotate-41:hover,
  .focus\:rotate-41:focus,
  .group:hover .group-hover\:rotate-41,
  .group:focus-within .group-focus-within\:rotate-41 {
    transform: rotate(41deg);
  }
  .rotate-42,
  .hover\:rotate-42:hover,
  .focus\:rotate-42:focus,
  .group:hover .group-hover\:rotate-42,
  .group:focus-within .group-focus-within\:rotate-42 {
    transform: rotate(42deg);
  }
  .rotate-43,
  .hover\:rotate-43:hover,
  .focus\:rotate-43:focus,
  .group:hover .group-hover\:rotate-43,
  .group:focus-within .group-focus-within\:rotate-43 {
    transform: rotate(43deg);
  }
  .rotate-44,
  .hover\:rotate-44:hover,
  .focus\:rotate-44:focus,
  .group:hover .group-hover\:rotate-44,
  .group:focus-within .group-focus-within\:rotate-44 {
    transform: rotate(44deg);
  }
  .rotate-45,
  .hover\:rotate-45:hover,
  .focus\:rotate-45:focus,
  .group:hover .group-hover\:rotate-45,
  .group:focus-within .group-focus-within\:rotate-45 {
    transform: rotate(45deg);
  }
  .rotate-46,
  .hover\:rotate-46:hover,
  .focus\:rotate-46:focus,
  .group:hover .group-hover\:rotate-46,
  .group:focus-within .group-focus-within\:rotate-46 {
    transform: rotate(46deg);
  }
  .rotate-47,
  .hover\:rotate-47:hover,
  .focus\:rotate-47:focus,
  .group:hover .group-hover\:rotate-47,
  .group:focus-within .group-focus-within\:rotate-47 {
    transform: rotate(47deg);
  }
  .rotate-48,
  .hover\:rotate-48:hover,
  .focus\:rotate-48:focus,
  .group:hover .group-hover\:rotate-48,
  .group:focus-within .group-focus-within\:rotate-48 {
    transform: rotate(48deg);
  }
  .rotate-49,
  .hover\:rotate-49:hover,
  .focus\:rotate-49:focus,
  .group:hover .group-hover\:rotate-49,
  .group:focus-within .group-focus-within\:rotate-49 {
    transform: rotate(49deg);
  }
  .rotate-50,
  .hover\:rotate-50:hover,
  .focus\:rotate-50:focus,
  .group:hover .group-hover\:rotate-50,
  .group:focus-within .group-focus-within\:rotate-50 {
    transform: rotate(50deg);
  }
  .rotate-51,
  .hover\:rotate-51:hover,
  .focus\:rotate-51:focus,
  .group:hover .group-hover\:rotate-51,
  .group:focus-within .group-focus-within\:rotate-51 {
    transform: rotate(51deg);
  }
  .rotate-52,
  .hover\:rotate-52:hover,
  .focus\:rotate-52:focus,
  .group:hover .group-hover\:rotate-52,
  .group:focus-within .group-focus-within\:rotate-52 {
    transform: rotate(52deg);
  }
  .rotate-53,
  .hover\:rotate-53:hover,
  .focus\:rotate-53:focus,
  .group:hover .group-hover\:rotate-53,
  .group:focus-within .group-focus-within\:rotate-53 {
    transform: rotate(53deg);
  }
  .rotate-54,
  .hover\:rotate-54:hover,
  .focus\:rotate-54:focus,
  .group:hover .group-hover\:rotate-54,
  .group:focus-within .group-focus-within\:rotate-54 {
    transform: rotate(54deg);
  }
  .rotate-55,
  .hover\:rotate-55:hover,
  .focus\:rotate-55:focus,
  .group:hover .group-hover\:rotate-55,
  .group:focus-within .group-focus-within\:rotate-55 {
    transform: rotate(55deg);
  }
  .rotate-56,
  .hover\:rotate-56:hover,
  .focus\:rotate-56:focus,
  .group:hover .group-hover\:rotate-56,
  .group:focus-within .group-focus-within\:rotate-56 {
    transform: rotate(56deg);
  }
  .rotate-57,
  .hover\:rotate-57:hover,
  .focus\:rotate-57:focus,
  .group:hover .group-hover\:rotate-57,
  .group:focus-within .group-focus-within\:rotate-57 {
    transform: rotate(57deg);
  }
  .rotate-58,
  .hover\:rotate-58:hover,
  .focus\:rotate-58:focus,
  .group:hover .group-hover\:rotate-58,
  .group:focus-within .group-focus-within\:rotate-58 {
    transform: rotate(58deg);
  }
  .rotate-59,
  .hover\:rotate-59:hover,
  .focus\:rotate-59:focus,
  .group:hover .group-hover\:rotate-59,
  .group:focus-within .group-focus-within\:rotate-59 {
    transform: rotate(59deg);
  }
  .rotate-60,
  .hover\:rotate-60:hover,
  .focus\:rotate-60:focus,
  .group:hover .group-hover\:rotate-60,
  .group:focus-within .group-focus-within\:rotate-60 {
    transform: rotate(60deg);
  }
  .rotate-61,
  .hover\:rotate-61:hover,
  .focus\:rotate-61:focus,
  .group:hover .group-hover\:rotate-61,
  .group:focus-within .group-focus-within\:rotate-61 {
    transform: rotate(61deg);
  }
  .rotate-62,
  .hover\:rotate-62:hover,
  .focus\:rotate-62:focus,
  .group:hover .group-hover\:rotate-62,
  .group:focus-within .group-focus-within\:rotate-62 {
    transform: rotate(62deg);
  }
  .rotate-63,
  .hover\:rotate-63:hover,
  .focus\:rotate-63:focus,
  .group:hover .group-hover\:rotate-63,
  .group:focus-within .group-focus-within\:rotate-63 {
    transform: rotate(63deg);
  }
  .rotate-64,
  .hover\:rotate-64:hover,
  .focus\:rotate-64:focus,
  .group:hover .group-hover\:rotate-64,
  .group:focus-within .group-focus-within\:rotate-64 {
    transform: rotate(64deg);
  }
  .rotate-65,
  .hover\:rotate-65:hover,
  .focus\:rotate-65:focus,
  .group:hover .group-hover\:rotate-65,
  .group:focus-within .group-focus-within\:rotate-65 {
    transform: rotate(65deg);
  }
  .rotate-66,
  .hover\:rotate-66:hover,
  .focus\:rotate-66:focus,
  .group:hover .group-hover\:rotate-66,
  .group:focus-within .group-focus-within\:rotate-66 {
    transform: rotate(66deg);
  }
  .rotate-67,
  .hover\:rotate-67:hover,
  .focus\:rotate-67:focus,
  .group:hover .group-hover\:rotate-67,
  .group:focus-within .group-focus-within\:rotate-67 {
    transform: rotate(67deg);
  }
  .rotate-68,
  .hover\:rotate-68:hover,
  .focus\:rotate-68:focus,
  .group:hover .group-hover\:rotate-68,
  .group:focus-within .group-focus-within\:rotate-68 {
    transform: rotate(68deg);
  }
  .rotate-69,
  .hover\:rotate-69:hover,
  .focus\:rotate-69:focus,
  .group:hover .group-hover\:rotate-69,
  .group:focus-within .group-focus-within\:rotate-69 {
    transform: rotate(69deg);
  }
  .rotate-70,
  .hover\:rotate-70:hover,
  .focus\:rotate-70:focus,
  .group:hover .group-hover\:rotate-70,
  .group:focus-within .group-focus-within\:rotate-70 {
    transform: rotate(70deg);
  }
  .rotate-71,
  .hover\:rotate-71:hover,
  .focus\:rotate-71:focus,
  .group:hover .group-hover\:rotate-71,
  .group:focus-within .group-focus-within\:rotate-71 {
    transform: rotate(71deg);
  }
  .rotate-72,
  .hover\:rotate-72:hover,
  .focus\:rotate-72:focus,
  .group:hover .group-hover\:rotate-72,
  .group:focus-within .group-focus-within\:rotate-72 {
    transform: rotate(72deg);
  }
  .rotate-73,
  .hover\:rotate-73:hover,
  .focus\:rotate-73:focus,
  .group:hover .group-hover\:rotate-73,
  .group:focus-within .group-focus-within\:rotate-73 {
    transform: rotate(73deg);
  }
  .rotate-74,
  .hover\:rotate-74:hover,
  .focus\:rotate-74:focus,
  .group:hover .group-hover\:rotate-74,
  .group:focus-within .group-focus-within\:rotate-74 {
    transform: rotate(74deg);
  }
  .rotate-75,
  .hover\:rotate-75:hover,
  .focus\:rotate-75:focus,
  .group:hover .group-hover\:rotate-75,
  .group:focus-within .group-focus-within\:rotate-75 {
    transform: rotate(75deg);
  }
  .rotate-76,
  .hover\:rotate-76:hover,
  .focus\:rotate-76:focus,
  .group:hover .group-hover\:rotate-76,
  .group:focus-within .group-focus-within\:rotate-76 {
    transform: rotate(76deg);
  }
  .rotate-77,
  .hover\:rotate-77:hover,
  .focus\:rotate-77:focus,
  .group:hover .group-hover\:rotate-77,
  .group:focus-within .group-focus-within\:rotate-77 {
    transform: rotate(77deg);
  }
  .rotate-78,
  .hover\:rotate-78:hover,
  .focus\:rotate-78:focus,
  .group:hover .group-hover\:rotate-78,
  .group:focus-within .group-focus-within\:rotate-78 {
    transform: rotate(78deg);
  }
  .rotate-79,
  .hover\:rotate-79:hover,
  .focus\:rotate-79:focus,
  .group:hover .group-hover\:rotate-79,
  .group:focus-within .group-focus-within\:rotate-79 {
    transform: rotate(79deg);
  }
  .rotate-80,
  .hover\:rotate-80:hover,
  .focus\:rotate-80:focus,
  .group:hover .group-hover\:rotate-80,
  .group:focus-within .group-focus-within\:rotate-80 {
    transform: rotate(80deg);
  }
  .rotate-81,
  .hover\:rotate-81:hover,
  .focus\:rotate-81:focus,
  .group:hover .group-hover\:rotate-81,
  .group:focus-within .group-focus-within\:rotate-81 {
    transform: rotate(81deg);
  }
  .rotate-82,
  .hover\:rotate-82:hover,
  .focus\:rotate-82:focus,
  .group:hover .group-hover\:rotate-82,
  .group:focus-within .group-focus-within\:rotate-82 {
    transform: rotate(82deg);
  }
  .rotate-83,
  .hover\:rotate-83:hover,
  .focus\:rotate-83:focus,
  .group:hover .group-hover\:rotate-83,
  .group:focus-within .group-focus-within\:rotate-83 {
    transform: rotate(83deg);
  }
  .rotate-84,
  .hover\:rotate-84:hover,
  .focus\:rotate-84:focus,
  .group:hover .group-hover\:rotate-84,
  .group:focus-within .group-focus-within\:rotate-84 {
    transform: rotate(84deg);
  }
  .rotate-85,
  .hover\:rotate-85:hover,
  .focus\:rotate-85:focus,
  .group:hover .group-hover\:rotate-85,
  .group:focus-within .group-focus-within\:rotate-85 {
    transform: rotate(85deg);
  }
  .rotate-86,
  .hover\:rotate-86:hover,
  .focus\:rotate-86:focus,
  .group:hover .group-hover\:rotate-86,
  .group:focus-within .group-focus-within\:rotate-86 {
    transform: rotate(86deg);
  }
  .rotate-87,
  .hover\:rotate-87:hover,
  .focus\:rotate-87:focus,
  .group:hover .group-hover\:rotate-87,
  .group:focus-within .group-focus-within\:rotate-87 {
    transform: rotate(87deg);
  }
  .rotate-88,
  .hover\:rotate-88:hover,
  .focus\:rotate-88:focus,
  .group:hover .group-hover\:rotate-88,
  .group:focus-within .group-focus-within\:rotate-88 {
    transform: rotate(88deg);
  }
  .rotate-89,
  .hover\:rotate-89:hover,
  .focus\:rotate-89:focus,
  .group:hover .group-hover\:rotate-89,
  .group:focus-within .group-focus-within\:rotate-89 {
    transform: rotate(89deg);
  }
  .rotate-90,
  .hover\:rotate-90:hover,
  .focus\:rotate-90:focus,
  .group:hover .group-hover\:rotate-90,
  .group:focus-within .group-focus-within\:rotate-90 {
    transform: rotate(90deg);
  }
  .rotate-91,
  .hover\:rotate-91:hover,
  .focus\:rotate-91:focus,
  .group:hover .group-hover\:rotate-91,
  .group:focus-within .group-focus-within\:rotate-91 {
    transform: rotate(91deg);
  }
  .rotate-92,
  .hover\:rotate-92:hover,
  .focus\:rotate-92:focus,
  .group:hover .group-hover\:rotate-92,
  .group:focus-within .group-focus-within\:rotate-92 {
    transform: rotate(92deg);
  }
  .rotate-93,
  .hover\:rotate-93:hover,
  .focus\:rotate-93:focus,
  .group:hover .group-hover\:rotate-93,
  .group:focus-within .group-focus-within\:rotate-93 {
    transform: rotate(93deg);
  }
  .rotate-94,
  .hover\:rotate-94:hover,
  .focus\:rotate-94:focus,
  .group:hover .group-hover\:rotate-94,
  .group:focus-within .group-focus-within\:rotate-94 {
    transform: rotate(94deg);
  }
  .rotate-95,
  .hover\:rotate-95:hover,
  .focus\:rotate-95:focus,
  .group:hover .group-hover\:rotate-95,
  .group:focus-within .group-focus-within\:rotate-95 {
    transform: rotate(95deg);
  }
  .rotate-96,
  .hover\:rotate-96:hover,
  .focus\:rotate-96:focus,
  .group:hover .group-hover\:rotate-96,
  .group:focus-within .group-focus-within\:rotate-96 {
    transform: rotate(96deg);
  }
  .rotate-97,
  .hover\:rotate-97:hover,
  .focus\:rotate-97:focus,
  .group:hover .group-hover\:rotate-97,
  .group:focus-within .group-focus-within\:rotate-97 {
    transform: rotate(97deg);
  }
  .rotate-98,
  .hover\:rotate-98:hover,
  .focus\:rotate-98:focus,
  .group:hover .group-hover\:rotate-98,
  .group:focus-within .group-focus-within\:rotate-98 {
    transform: rotate(98deg);
  }
  .rotate-99,
  .hover\:rotate-99:hover,
  .focus\:rotate-99:focus,
  .group:hover .group-hover\:rotate-99,
  .group:focus-within .group-focus-within\:rotate-99 {
    transform: rotate(99deg);
  }
  .rotate-100,
  .hover\:rotate-100:hover,
  .focus\:rotate-100:focus,
  .group:hover .group-hover\:rotate-100,
  .group:focus-within .group-focus-within\:rotate-100 {
    transform: rotate(100deg);
  }
  .rotate-101,
  .hover\:rotate-101:hover,
  .focus\:rotate-101:focus,
  .group:hover .group-hover\:rotate-101,
  .group:focus-within .group-focus-within\:rotate-101 {
    transform: rotate(101deg);
  }
  .rotate-102,
  .hover\:rotate-102:hover,
  .focus\:rotate-102:focus,
  .group:hover .group-hover\:rotate-102,
  .group:focus-within .group-focus-within\:rotate-102 {
    transform: rotate(102deg);
  }
  .rotate-103,
  .hover\:rotate-103:hover,
  .focus\:rotate-103:focus,
  .group:hover .group-hover\:rotate-103,
  .group:focus-within .group-focus-within\:rotate-103 {
    transform: rotate(103deg);
  }
  .rotate-104,
  .hover\:rotate-104:hover,
  .focus\:rotate-104:focus,
  .group:hover .group-hover\:rotate-104,
  .group:focus-within .group-focus-within\:rotate-104 {
    transform: rotate(104deg);
  }
  .rotate-105,
  .hover\:rotate-105:hover,
  .focus\:rotate-105:focus,
  .group:hover .group-hover\:rotate-105,
  .group:focus-within .group-focus-within\:rotate-105 {
    transform: rotate(105deg);
  }
  .rotate-106,
  .hover\:rotate-106:hover,
  .focus\:rotate-106:focus,
  .group:hover .group-hover\:rotate-106,
  .group:focus-within .group-focus-within\:rotate-106 {
    transform: rotate(106deg);
  }
  .rotate-107,
  .hover\:rotate-107:hover,
  .focus\:rotate-107:focus,
  .group:hover .group-hover\:rotate-107,
  .group:focus-within .group-focus-within\:rotate-107 {
    transform: rotate(107deg);
  }
  .rotate-108,
  .hover\:rotate-108:hover,
  .focus\:rotate-108:focus,
  .group:hover .group-hover\:rotate-108,
  .group:focus-within .group-focus-within\:rotate-108 {
    transform: rotate(108deg);
  }
  .rotate-109,
  .hover\:rotate-109:hover,
  .focus\:rotate-109:focus,
  .group:hover .group-hover\:rotate-109,
  .group:focus-within .group-focus-within\:rotate-109 {
    transform: rotate(109deg);
  }
  .rotate-110,
  .hover\:rotate-110:hover,
  .focus\:rotate-110:focus,
  .group:hover .group-hover\:rotate-110,
  .group:focus-within .group-focus-within\:rotate-110 {
    transform: rotate(110deg);
  }
  .rotate-111,
  .hover\:rotate-111:hover,
  .focus\:rotate-111:focus,
  .group:hover .group-hover\:rotate-111,
  .group:focus-within .group-focus-within\:rotate-111 {
    transform: rotate(111deg);
  }
  .rotate-112,
  .hover\:rotate-112:hover,
  .focus\:rotate-112:focus,
  .group:hover .group-hover\:rotate-112,
  .group:focus-within .group-focus-within\:rotate-112 {
    transform: rotate(112deg);
  }
  .rotate-113,
  .hover\:rotate-113:hover,
  .focus\:rotate-113:focus,
  .group:hover .group-hover\:rotate-113,
  .group:focus-within .group-focus-within\:rotate-113 {
    transform: rotate(113deg);
  }
  .rotate-114,
  .hover\:rotate-114:hover,
  .focus\:rotate-114:focus,
  .group:hover .group-hover\:rotate-114,
  .group:focus-within .group-focus-within\:rotate-114 {
    transform: rotate(114deg);
  }
  .rotate-115,
  .hover\:rotate-115:hover,
  .focus\:rotate-115:focus,
  .group:hover .group-hover\:rotate-115,
  .group:focus-within .group-focus-within\:rotate-115 {
    transform: rotate(115deg);
  }
  .rotate-116,
  .hover\:rotate-116:hover,
  .focus\:rotate-116:focus,
  .group:hover .group-hover\:rotate-116,
  .group:focus-within .group-focus-within\:rotate-116 {
    transform: rotate(116deg);
  }
  .rotate-117,
  .hover\:rotate-117:hover,
  .focus\:rotate-117:focus,
  .group:hover .group-hover\:rotate-117,
  .group:focus-within .group-focus-within\:rotate-117 {
    transform: rotate(117deg);
  }
  .rotate-118,
  .hover\:rotate-118:hover,
  .focus\:rotate-118:focus,
  .group:hover .group-hover\:rotate-118,
  .group:focus-within .group-focus-within\:rotate-118 {
    transform: rotate(118deg);
  }
  .rotate-119,
  .hover\:rotate-119:hover,
  .focus\:rotate-119:focus,
  .group:hover .group-hover\:rotate-119,
  .group:focus-within .group-focus-within\:rotate-119 {
    transform: rotate(119deg);
  }
  .rotate-120,
  .hover\:rotate-120:hover,
  .focus\:rotate-120:focus,
  .group:hover .group-hover\:rotate-120,
  .group:focus-within .group-focus-within\:rotate-120 {
    transform: rotate(120deg);
  }
  .rotate-121,
  .hover\:rotate-121:hover,
  .focus\:rotate-121:focus,
  .group:hover .group-hover\:rotate-121,
  .group:focus-within .group-focus-within\:rotate-121 {
    transform: rotate(121deg);
  }
  .rotate-122,
  .hover\:rotate-122:hover,
  .focus\:rotate-122:focus,
  .group:hover .group-hover\:rotate-122,
  .group:focus-within .group-focus-within\:rotate-122 {
    transform: rotate(122deg);
  }
  .rotate-123,
  .hover\:rotate-123:hover,
  .focus\:rotate-123:focus,
  .group:hover .group-hover\:rotate-123,
  .group:focus-within .group-focus-within\:rotate-123 {
    transform: rotate(123deg);
  }
  .rotate-124,
  .hover\:rotate-124:hover,
  .focus\:rotate-124:focus,
  .group:hover .group-hover\:rotate-124,
  .group:focus-within .group-focus-within\:rotate-124 {
    transform: rotate(124deg);
  }
  .rotate-125,
  .hover\:rotate-125:hover,
  .focus\:rotate-125:focus,
  .group:hover .group-hover\:rotate-125,
  .group:focus-within .group-focus-within\:rotate-125 {
    transform: rotate(125deg);
  }
  .rotate-126,
  .hover\:rotate-126:hover,
  .focus\:rotate-126:focus,
  .group:hover .group-hover\:rotate-126,
  .group:focus-within .group-focus-within\:rotate-126 {
    transform: rotate(126deg);
  }
  .rotate-127,
  .hover\:rotate-127:hover,
  .focus\:rotate-127:focus,
  .group:hover .group-hover\:rotate-127,
  .group:focus-within .group-focus-within\:rotate-127 {
    transform: rotate(127deg);
  }
  .rotate-128,
  .hover\:rotate-128:hover,
  .focus\:rotate-128:focus,
  .group:hover .group-hover\:rotate-128,
  .group:focus-within .group-focus-within\:rotate-128 {
    transform: rotate(128deg);
  }
  .rotate-129,
  .hover\:rotate-129:hover,
  .focus\:rotate-129:focus,
  .group:hover .group-hover\:rotate-129,
  .group:focus-within .group-focus-within\:rotate-129 {
    transform: rotate(129deg);
  }
  .rotate-130,
  .hover\:rotate-130:hover,
  .focus\:rotate-130:focus,
  .group:hover .group-hover\:rotate-130,
  .group:focus-within .group-focus-within\:rotate-130 {
    transform: rotate(130deg);
  }
  .rotate-131,
  .hover\:rotate-131:hover,
  .focus\:rotate-131:focus,
  .group:hover .group-hover\:rotate-131,
  .group:focus-within .group-focus-within\:rotate-131 {
    transform: rotate(131deg);
  }
  .rotate-132,
  .hover\:rotate-132:hover,
  .focus\:rotate-132:focus,
  .group:hover .group-hover\:rotate-132,
  .group:focus-within .group-focus-within\:rotate-132 {
    transform: rotate(132deg);
  }
  .rotate-133,
  .hover\:rotate-133:hover,
  .focus\:rotate-133:focus,
  .group:hover .group-hover\:rotate-133,
  .group:focus-within .group-focus-within\:rotate-133 {
    transform: rotate(133deg);
  }
  .rotate-134,
  .hover\:rotate-134:hover,
  .focus\:rotate-134:focus,
  .group:hover .group-hover\:rotate-134,
  .group:focus-within .group-focus-within\:rotate-134 {
    transform: rotate(134deg);
  }
  .rotate-135,
  .hover\:rotate-135:hover,
  .focus\:rotate-135:focus,
  .group:hover .group-hover\:rotate-135,
  .group:focus-within .group-focus-within\:rotate-135 {
    transform: rotate(135deg);
  }
  .rotate-136,
  .hover\:rotate-136:hover,
  .focus\:rotate-136:focus,
  .group:hover .group-hover\:rotate-136,
  .group:focus-within .group-focus-within\:rotate-136 {
    transform: rotate(136deg);
  }
  .rotate-137,
  .hover\:rotate-137:hover,
  .focus\:rotate-137:focus,
  .group:hover .group-hover\:rotate-137,
  .group:focus-within .group-focus-within\:rotate-137 {
    transform: rotate(137deg);
  }
  .rotate-138,
  .hover\:rotate-138:hover,
  .focus\:rotate-138:focus,
  .group:hover .group-hover\:rotate-138,
  .group:focus-within .group-focus-within\:rotate-138 {
    transform: rotate(138deg);
  }
  .rotate-139,
  .hover\:rotate-139:hover,
  .focus\:rotate-139:focus,
  .group:hover .group-hover\:rotate-139,
  .group:focus-within .group-focus-within\:rotate-139 {
    transform: rotate(139deg);
  }
  .rotate-140,
  .hover\:rotate-140:hover,
  .focus\:rotate-140:focus,
  .group:hover .group-hover\:rotate-140,
  .group:focus-within .group-focus-within\:rotate-140 {
    transform: rotate(140deg);
  }
  .rotate-141,
  .hover\:rotate-141:hover,
  .focus\:rotate-141:focus,
  .group:hover .group-hover\:rotate-141,
  .group:focus-within .group-focus-within\:rotate-141 {
    transform: rotate(141deg);
  }
  .rotate-142,
  .hover\:rotate-142:hover,
  .focus\:rotate-142:focus,
  .group:hover .group-hover\:rotate-142,
  .group:focus-within .group-focus-within\:rotate-142 {
    transform: rotate(142deg);
  }
  .rotate-143,
  .hover\:rotate-143:hover,
  .focus\:rotate-143:focus,
  .group:hover .group-hover\:rotate-143,
  .group:focus-within .group-focus-within\:rotate-143 {
    transform: rotate(143deg);
  }
  .rotate-144,
  .hover\:rotate-144:hover,
  .focus\:rotate-144:focus,
  .group:hover .group-hover\:rotate-144,
  .group:focus-within .group-focus-within\:rotate-144 {
    transform: rotate(144deg);
  }
  .rotate-145,
  .hover\:rotate-145:hover,
  .focus\:rotate-145:focus,
  .group:hover .group-hover\:rotate-145,
  .group:focus-within .group-focus-within\:rotate-145 {
    transform: rotate(145deg);
  }
  .rotate-146,
  .hover\:rotate-146:hover,
  .focus\:rotate-146:focus,
  .group:hover .group-hover\:rotate-146,
  .group:focus-within .group-focus-within\:rotate-146 {
    transform: rotate(146deg);
  }
  .rotate-147,
  .hover\:rotate-147:hover,
  .focus\:rotate-147:focus,
  .group:hover .group-hover\:rotate-147,
  .group:focus-within .group-focus-within\:rotate-147 {
    transform: rotate(147deg);
  }
  .rotate-148,
  .hover\:rotate-148:hover,
  .focus\:rotate-148:focus,
  .group:hover .group-hover\:rotate-148,
  .group:focus-within .group-focus-within\:rotate-148 {
    transform: rotate(148deg);
  }
  .rotate-149,
  .hover\:rotate-149:hover,
  .focus\:rotate-149:focus,
  .group:hover .group-hover\:rotate-149,
  .group:focus-within .group-focus-within\:rotate-149 {
    transform: rotate(149deg);
  }
  .rotate-150,
  .hover\:rotate-150:hover,
  .focus\:rotate-150:focus,
  .group:hover .group-hover\:rotate-150,
  .group:focus-within .group-focus-within\:rotate-150 {
    transform: rotate(150deg);
  }
  .rotate-151,
  .hover\:rotate-151:hover,
  .focus\:rotate-151:focus,
  .group:hover .group-hover\:rotate-151,
  .group:focus-within .group-focus-within\:rotate-151 {
    transform: rotate(151deg);
  }
  .rotate-152,
  .hover\:rotate-152:hover,
  .focus\:rotate-152:focus,
  .group:hover .group-hover\:rotate-152,
  .group:focus-within .group-focus-within\:rotate-152 {
    transform: rotate(152deg);
  }
  .rotate-153,
  .hover\:rotate-153:hover,
  .focus\:rotate-153:focus,
  .group:hover .group-hover\:rotate-153,
  .group:focus-within .group-focus-within\:rotate-153 {
    transform: rotate(153deg);
  }
  .rotate-154,
  .hover\:rotate-154:hover,
  .focus\:rotate-154:focus,
  .group:hover .group-hover\:rotate-154,
  .group:focus-within .group-focus-within\:rotate-154 {
    transform: rotate(154deg);
  }
  .rotate-155,
  .hover\:rotate-155:hover,
  .focus\:rotate-155:focus,
  .group:hover .group-hover\:rotate-155,
  .group:focus-within .group-focus-within\:rotate-155 {
    transform: rotate(155deg);
  }
  .rotate-156,
  .hover\:rotate-156:hover,
  .focus\:rotate-156:focus,
  .group:hover .group-hover\:rotate-156,
  .group:focus-within .group-focus-within\:rotate-156 {
    transform: rotate(156deg);
  }
  .rotate-157,
  .hover\:rotate-157:hover,
  .focus\:rotate-157:focus,
  .group:hover .group-hover\:rotate-157,
  .group:focus-within .group-focus-within\:rotate-157 {
    transform: rotate(157deg);
  }
  .rotate-158,
  .hover\:rotate-158:hover,
  .focus\:rotate-158:focus,
  .group:hover .group-hover\:rotate-158,
  .group:focus-within .group-focus-within\:rotate-158 {
    transform: rotate(158deg);
  }
  .rotate-159,
  .hover\:rotate-159:hover,
  .focus\:rotate-159:focus,
  .group:hover .group-hover\:rotate-159,
  .group:focus-within .group-focus-within\:rotate-159 {
    transform: rotate(159deg);
  }
  .rotate-160,
  .hover\:rotate-160:hover,
  .focus\:rotate-160:focus,
  .group:hover .group-hover\:rotate-160,
  .group:focus-within .group-focus-within\:rotate-160 {
    transform: rotate(160deg);
  }
  .rotate-161,
  .hover\:rotate-161:hover,
  .focus\:rotate-161:focus,
  .group:hover .group-hover\:rotate-161,
  .group:focus-within .group-focus-within\:rotate-161 {
    transform: rotate(161deg);
  }
  .rotate-162,
  .hover\:rotate-162:hover,
  .focus\:rotate-162:focus,
  .group:hover .group-hover\:rotate-162,
  .group:focus-within .group-focus-within\:rotate-162 {
    transform: rotate(162deg);
  }
  .rotate-163,
  .hover\:rotate-163:hover,
  .focus\:rotate-163:focus,
  .group:hover .group-hover\:rotate-163,
  .group:focus-within .group-focus-within\:rotate-163 {
    transform: rotate(163deg);
  }
  .rotate-164,
  .hover\:rotate-164:hover,
  .focus\:rotate-164:focus,
  .group:hover .group-hover\:rotate-164,
  .group:focus-within .group-focus-within\:rotate-164 {
    transform: rotate(164deg);
  }
  .rotate-165,
  .hover\:rotate-165:hover,
  .focus\:rotate-165:focus,
  .group:hover .group-hover\:rotate-165,
  .group:focus-within .group-focus-within\:rotate-165 {
    transform: rotate(165deg);
  }
  .rotate-166,
  .hover\:rotate-166:hover,
  .focus\:rotate-166:focus,
  .group:hover .group-hover\:rotate-166,
  .group:focus-within .group-focus-within\:rotate-166 {
    transform: rotate(166deg);
  }
  .rotate-167,
  .hover\:rotate-167:hover,
  .focus\:rotate-167:focus,
  .group:hover .group-hover\:rotate-167,
  .group:focus-within .group-focus-within\:rotate-167 {
    transform: rotate(167deg);
  }
  .rotate-168,
  .hover\:rotate-168:hover,
  .focus\:rotate-168:focus,
  .group:hover .group-hover\:rotate-168,
  .group:focus-within .group-focus-within\:rotate-168 {
    transform: rotate(168deg);
  }
  .rotate-169,
  .hover\:rotate-169:hover,
  .focus\:rotate-169:focus,
  .group:hover .group-hover\:rotate-169,
  .group:focus-within .group-focus-within\:rotate-169 {
    transform: rotate(169deg);
  }
  .rotate-170,
  .hover\:rotate-170:hover,
  .focus\:rotate-170:focus,
  .group:hover .group-hover\:rotate-170,
  .group:focus-within .group-focus-within\:rotate-170 {
    transform: rotate(170deg);
  }
  .rotate-171,
  .hover\:rotate-171:hover,
  .focus\:rotate-171:focus,
  .group:hover .group-hover\:rotate-171,
  .group:focus-within .group-focus-within\:rotate-171 {
    transform: rotate(171deg);
  }
  .rotate-172,
  .hover\:rotate-172:hover,
  .focus\:rotate-172:focus,
  .group:hover .group-hover\:rotate-172,
  .group:focus-within .group-focus-within\:rotate-172 {
    transform: rotate(172deg);
  }
  .rotate-173,
  .hover\:rotate-173:hover,
  .focus\:rotate-173:focus,
  .group:hover .group-hover\:rotate-173,
  .group:focus-within .group-focus-within\:rotate-173 {
    transform: rotate(173deg);
  }
  .rotate-174,
  .hover\:rotate-174:hover,
  .focus\:rotate-174:focus,
  .group:hover .group-hover\:rotate-174,
  .group:focus-within .group-focus-within\:rotate-174 {
    transform: rotate(174deg);
  }
  .rotate-175,
  .hover\:rotate-175:hover,
  .focus\:rotate-175:focus,
  .group:hover .group-hover\:rotate-175,
  .group:focus-within .group-focus-within\:rotate-175 {
    transform: rotate(175deg);
  }
  .rotate-176,
  .hover\:rotate-176:hover,
  .focus\:rotate-176:focus,
  .group:hover .group-hover\:rotate-176,
  .group:focus-within .group-focus-within\:rotate-176 {
    transform: rotate(176deg);
  }
  .rotate-177,
  .hover\:rotate-177:hover,
  .focus\:rotate-177:focus,
  .group:hover .group-hover\:rotate-177,
  .group:focus-within .group-focus-within\:rotate-177 {
    transform: rotate(177deg);
  }
  .rotate-178,
  .hover\:rotate-178:hover,
  .focus\:rotate-178:focus,
  .group:hover .group-hover\:rotate-178,
  .group:focus-within .group-focus-within\:rotate-178 {
    transform: rotate(178deg);
  }
  .rotate-179,
  .hover\:rotate-179:hover,
  .focus\:rotate-179:focus,
  .group:hover .group-hover\:rotate-179,
  .group:focus-within .group-focus-within\:rotate-179 {
    transform: rotate(179deg);
  }
  .rotate-180,
  .hover\:rotate-180:hover,
  .focus\:rotate-180:focus,
  .group:hover .group-hover\:rotate-180,
  .group:focus-within .group-focus-within\:rotate-180 {
    transform: rotate(180deg);
  }
  .rotate-181,
  .hover\:rotate-181:hover,
  .focus\:rotate-181:focus,
  .group:hover .group-hover\:rotate-181,
  .group:focus-within .group-focus-within\:rotate-181 {
    transform: rotate(181deg);
  }
  .rotate-182,
  .hover\:rotate-182:hover,
  .focus\:rotate-182:focus,
  .group:hover .group-hover\:rotate-182,
  .group:focus-within .group-focus-within\:rotate-182 {
    transform: rotate(182deg);
  }
  .rotate-183,
  .hover\:rotate-183:hover,
  .focus\:rotate-183:focus,
  .group:hover .group-hover\:rotate-183,
  .group:focus-within .group-focus-within\:rotate-183 {
    transform: rotate(183deg);
  }
  .rotate-184,
  .hover\:rotate-184:hover,
  .focus\:rotate-184:focus,
  .group:hover .group-hover\:rotate-184,
  .group:focus-within .group-focus-within\:rotate-184 {
    transform: rotate(184deg);
  }
  .rotate-185,
  .hover\:rotate-185:hover,
  .focus\:rotate-185:focus,
  .group:hover .group-hover\:rotate-185,
  .group:focus-within .group-focus-within\:rotate-185 {
    transform: rotate(185deg);
  }
  .rotate-186,
  .hover\:rotate-186:hover,
  .focus\:rotate-186:focus,
  .group:hover .group-hover\:rotate-186,
  .group:focus-within .group-focus-within\:rotate-186 {
    transform: rotate(186deg);
  }
  .rotate-187,
  .hover\:rotate-187:hover,
  .focus\:rotate-187:focus,
  .group:hover .group-hover\:rotate-187,
  .group:focus-within .group-focus-within\:rotate-187 {
    transform: rotate(187deg);
  }
  .rotate-188,
  .hover\:rotate-188:hover,
  .focus\:rotate-188:focus,
  .group:hover .group-hover\:rotate-188,
  .group:focus-within .group-focus-within\:rotate-188 {
    transform: rotate(188deg);
  }
  .rotate-189,
  .hover\:rotate-189:hover,
  .focus\:rotate-189:focus,
  .group:hover .group-hover\:rotate-189,
  .group:focus-within .group-focus-within\:rotate-189 {
    transform: rotate(189deg);
  }
  .rotate-190,
  .hover\:rotate-190:hover,
  .focus\:rotate-190:focus,
  .group:hover .group-hover\:rotate-190,
  .group:focus-within .group-focus-within\:rotate-190 {
    transform: rotate(190deg);
  }
  .rotate-191,
  .hover\:rotate-191:hover,
  .focus\:rotate-191:focus,
  .group:hover .group-hover\:rotate-191,
  .group:focus-within .group-focus-within\:rotate-191 {
    transform: rotate(191deg);
  }
  .rotate-192,
  .hover\:rotate-192:hover,
  .focus\:rotate-192:focus,
  .group:hover .group-hover\:rotate-192,
  .group:focus-within .group-focus-within\:rotate-192 {
    transform: rotate(192deg);
  }
  .rotate-193,
  .hover\:rotate-193:hover,
  .focus\:rotate-193:focus,
  .group:hover .group-hover\:rotate-193,
  .group:focus-within .group-focus-within\:rotate-193 {
    transform: rotate(193deg);
  }
  .rotate-194,
  .hover\:rotate-194:hover,
  .focus\:rotate-194:focus,
  .group:hover .group-hover\:rotate-194,
  .group:focus-within .group-focus-within\:rotate-194 {
    transform: rotate(194deg);
  }
  .rotate-195,
  .hover\:rotate-195:hover,
  .focus\:rotate-195:focus,
  .group:hover .group-hover\:rotate-195,
  .group:focus-within .group-focus-within\:rotate-195 {
    transform: rotate(195deg);
  }
  .rotate-196,
  .hover\:rotate-196:hover,
  .focus\:rotate-196:focus,
  .group:hover .group-hover\:rotate-196,
  .group:focus-within .group-focus-within\:rotate-196 {
    transform: rotate(196deg);
  }
  .rotate-197,
  .hover\:rotate-197:hover,
  .focus\:rotate-197:focus,
  .group:hover .group-hover\:rotate-197,
  .group:focus-within .group-focus-within\:rotate-197 {
    transform: rotate(197deg);
  }
  .rotate-198,
  .hover\:rotate-198:hover,
  .focus\:rotate-198:focus,
  .group:hover .group-hover\:rotate-198,
  .group:focus-within .group-focus-within\:rotate-198 {
    transform: rotate(198deg);
  }
  .rotate-199,
  .hover\:rotate-199:hover,
  .focus\:rotate-199:focus,
  .group:hover .group-hover\:rotate-199,
  .group:focus-within .group-focus-within\:rotate-199 {
    transform: rotate(199deg);
  }
  .rotate-200,
  .hover\:rotate-200:hover,
  .focus\:rotate-200:focus,
  .group:hover .group-hover\:rotate-200,
  .group:focus-within .group-focus-within\:rotate-200 {
    transform: rotate(200deg);
  }
  .rotate-201,
  .hover\:rotate-201:hover,
  .focus\:rotate-201:focus,
  .group:hover .group-hover\:rotate-201,
  .group:focus-within .group-focus-within\:rotate-201 {
    transform: rotate(201deg);
  }
  .rotate-202,
  .hover\:rotate-202:hover,
  .focus\:rotate-202:focus,
  .group:hover .group-hover\:rotate-202,
  .group:focus-within .group-focus-within\:rotate-202 {
    transform: rotate(202deg);
  }
  .rotate-203,
  .hover\:rotate-203:hover,
  .focus\:rotate-203:focus,
  .group:hover .group-hover\:rotate-203,
  .group:focus-within .group-focus-within\:rotate-203 {
    transform: rotate(203deg);
  }
  .rotate-204,
  .hover\:rotate-204:hover,
  .focus\:rotate-204:focus,
  .group:hover .group-hover\:rotate-204,
  .group:focus-within .group-focus-within\:rotate-204 {
    transform: rotate(204deg);
  }
  .rotate-205,
  .hover\:rotate-205:hover,
  .focus\:rotate-205:focus,
  .group:hover .group-hover\:rotate-205,
  .group:focus-within .group-focus-within\:rotate-205 {
    transform: rotate(205deg);
  }
  .rotate-206,
  .hover\:rotate-206:hover,
  .focus\:rotate-206:focus,
  .group:hover .group-hover\:rotate-206,
  .group:focus-within .group-focus-within\:rotate-206 {
    transform: rotate(206deg);
  }
  .rotate-207,
  .hover\:rotate-207:hover,
  .focus\:rotate-207:focus,
  .group:hover .group-hover\:rotate-207,
  .group:focus-within .group-focus-within\:rotate-207 {
    transform: rotate(207deg);
  }
  .rotate-208,
  .hover\:rotate-208:hover,
  .focus\:rotate-208:focus,
  .group:hover .group-hover\:rotate-208,
  .group:focus-within .group-focus-within\:rotate-208 {
    transform: rotate(208deg);
  }
  .rotate-209,
  .hover\:rotate-209:hover,
  .focus\:rotate-209:focus,
  .group:hover .group-hover\:rotate-209,
  .group:focus-within .group-focus-within\:rotate-209 {
    transform: rotate(209deg);
  }
  .rotate-210,
  .hover\:rotate-210:hover,
  .focus\:rotate-210:focus,
  .group:hover .group-hover\:rotate-210,
  .group:focus-within .group-focus-within\:rotate-210 {
    transform: rotate(210deg);
  }
  .rotate-211,
  .hover\:rotate-211:hover,
  .focus\:rotate-211:focus,
  .group:hover .group-hover\:rotate-211,
  .group:focus-within .group-focus-within\:rotate-211 {
    transform: rotate(211deg);
  }
  .rotate-212,
  .hover\:rotate-212:hover,
  .focus\:rotate-212:focus,
  .group:hover .group-hover\:rotate-212,
  .group:focus-within .group-focus-within\:rotate-212 {
    transform: rotate(212deg);
  }
  .rotate-213,
  .hover\:rotate-213:hover,
  .focus\:rotate-213:focus,
  .group:hover .group-hover\:rotate-213,
  .group:focus-within .group-focus-within\:rotate-213 {
    transform: rotate(213deg);
  }
  .rotate-214,
  .hover\:rotate-214:hover,
  .focus\:rotate-214:focus,
  .group:hover .group-hover\:rotate-214,
  .group:focus-within .group-focus-within\:rotate-214 {
    transform: rotate(214deg);
  }
  .rotate-215,
  .hover\:rotate-215:hover,
  .focus\:rotate-215:focus,
  .group:hover .group-hover\:rotate-215,
  .group:focus-within .group-focus-within\:rotate-215 {
    transform: rotate(215deg);
  }
  .rotate-216,
  .hover\:rotate-216:hover,
  .focus\:rotate-216:focus,
  .group:hover .group-hover\:rotate-216,
  .group:focus-within .group-focus-within\:rotate-216 {
    transform: rotate(216deg);
  }
  .rotate-217,
  .hover\:rotate-217:hover,
  .focus\:rotate-217:focus,
  .group:hover .group-hover\:rotate-217,
  .group:focus-within .group-focus-within\:rotate-217 {
    transform: rotate(217deg);
  }
  .rotate-218,
  .hover\:rotate-218:hover,
  .focus\:rotate-218:focus,
  .group:hover .group-hover\:rotate-218,
  .group:focus-within .group-focus-within\:rotate-218 {
    transform: rotate(218deg);
  }
  .rotate-219,
  .hover\:rotate-219:hover,
  .focus\:rotate-219:focus,
  .group:hover .group-hover\:rotate-219,
  .group:focus-within .group-focus-within\:rotate-219 {
    transform: rotate(219deg);
  }
  .rotate-220,
  .hover\:rotate-220:hover,
  .focus\:rotate-220:focus,
  .group:hover .group-hover\:rotate-220,
  .group:focus-within .group-focus-within\:rotate-220 {
    transform: rotate(220deg);
  }
  .rotate-221,
  .hover\:rotate-221:hover,
  .focus\:rotate-221:focus,
  .group:hover .group-hover\:rotate-221,
  .group:focus-within .group-focus-within\:rotate-221 {
    transform: rotate(221deg);
  }
  .rotate-222,
  .hover\:rotate-222:hover,
  .focus\:rotate-222:focus,
  .group:hover .group-hover\:rotate-222,
  .group:focus-within .group-focus-within\:rotate-222 {
    transform: rotate(222deg);
  }
  .rotate-223,
  .hover\:rotate-223:hover,
  .focus\:rotate-223:focus,
  .group:hover .group-hover\:rotate-223,
  .group:focus-within .group-focus-within\:rotate-223 {
    transform: rotate(223deg);
  }
  .rotate-224,
  .hover\:rotate-224:hover,
  .focus\:rotate-224:focus,
  .group:hover .group-hover\:rotate-224,
  .group:focus-within .group-focus-within\:rotate-224 {
    transform: rotate(224deg);
  }
  .rotate-225,
  .hover\:rotate-225:hover,
  .focus\:rotate-225:focus,
  .group:hover .group-hover\:rotate-225,
  .group:focus-within .group-focus-within\:rotate-225 {
    transform: rotate(225deg);
  }
  .rotate-226,
  .hover\:rotate-226:hover,
  .focus\:rotate-226:focus,
  .group:hover .group-hover\:rotate-226,
  .group:focus-within .group-focus-within\:rotate-226 {
    transform: rotate(226deg);
  }
  .rotate-227,
  .hover\:rotate-227:hover,
  .focus\:rotate-227:focus,
  .group:hover .group-hover\:rotate-227,
  .group:focus-within .group-focus-within\:rotate-227 {
    transform: rotate(227deg);
  }
  .rotate-228,
  .hover\:rotate-228:hover,
  .focus\:rotate-228:focus,
  .group:hover .group-hover\:rotate-228,
  .group:focus-within .group-focus-within\:rotate-228 {
    transform: rotate(228deg);
  }
  .rotate-229,
  .hover\:rotate-229:hover,
  .focus\:rotate-229:focus,
  .group:hover .group-hover\:rotate-229,
  .group:focus-within .group-focus-within\:rotate-229 {
    transform: rotate(229deg);
  }
  .rotate-230,
  .hover\:rotate-230:hover,
  .focus\:rotate-230:focus,
  .group:hover .group-hover\:rotate-230,
  .group:focus-within .group-focus-within\:rotate-230 {
    transform: rotate(230deg);
  }
  .rotate-231,
  .hover\:rotate-231:hover,
  .focus\:rotate-231:focus,
  .group:hover .group-hover\:rotate-231,
  .group:focus-within .group-focus-within\:rotate-231 {
    transform: rotate(231deg);
  }
  .rotate-232,
  .hover\:rotate-232:hover,
  .focus\:rotate-232:focus,
  .group:hover .group-hover\:rotate-232,
  .group:focus-within .group-focus-within\:rotate-232 {
    transform: rotate(232deg);
  }
  .rotate-233,
  .hover\:rotate-233:hover,
  .focus\:rotate-233:focus,
  .group:hover .group-hover\:rotate-233,
  .group:focus-within .group-focus-within\:rotate-233 {
    transform: rotate(233deg);
  }
  .rotate-234,
  .hover\:rotate-234:hover,
  .focus\:rotate-234:focus,
  .group:hover .group-hover\:rotate-234,
  .group:focus-within .group-focus-within\:rotate-234 {
    transform: rotate(234deg);
  }
  .rotate-235,
  .hover\:rotate-235:hover,
  .focus\:rotate-235:focus,
  .group:hover .group-hover\:rotate-235,
  .group:focus-within .group-focus-within\:rotate-235 {
    transform: rotate(235deg);
  }
  .rotate-236,
  .hover\:rotate-236:hover,
  .focus\:rotate-236:focus,
  .group:hover .group-hover\:rotate-236,
  .group:focus-within .group-focus-within\:rotate-236 {
    transform: rotate(236deg);
  }
  .rotate-237,
  .hover\:rotate-237:hover,
  .focus\:rotate-237:focus,
  .group:hover .group-hover\:rotate-237,
  .group:focus-within .group-focus-within\:rotate-237 {
    transform: rotate(237deg);
  }
  .rotate-238,
  .hover\:rotate-238:hover,
  .focus\:rotate-238:focus,
  .group:hover .group-hover\:rotate-238,
  .group:focus-within .group-focus-within\:rotate-238 {
    transform: rotate(238deg);
  }
  .rotate-239,
  .hover\:rotate-239:hover,
  .focus\:rotate-239:focus,
  .group:hover .group-hover\:rotate-239,
  .group:focus-within .group-focus-within\:rotate-239 {
    transform: rotate(239deg);
  }
  .rotate-240,
  .hover\:rotate-240:hover,
  .focus\:rotate-240:focus,
  .group:hover .group-hover\:rotate-240,
  .group:focus-within .group-focus-within\:rotate-240 {
    transform: rotate(240deg);
  }
  .rotate-241,
  .hover\:rotate-241:hover,
  .focus\:rotate-241:focus,
  .group:hover .group-hover\:rotate-241,
  .group:focus-within .group-focus-within\:rotate-241 {
    transform: rotate(241deg);
  }
  .rotate-242,
  .hover\:rotate-242:hover,
  .focus\:rotate-242:focus,
  .group:hover .group-hover\:rotate-242,
  .group:focus-within .group-focus-within\:rotate-242 {
    transform: rotate(242deg);
  }
  .rotate-243,
  .hover\:rotate-243:hover,
  .focus\:rotate-243:focus,
  .group:hover .group-hover\:rotate-243,
  .group:focus-within .group-focus-within\:rotate-243 {
    transform: rotate(243deg);
  }
  .rotate-244,
  .hover\:rotate-244:hover,
  .focus\:rotate-244:focus,
  .group:hover .group-hover\:rotate-244,
  .group:focus-within .group-focus-within\:rotate-244 {
    transform: rotate(244deg);
  }
  .rotate-245,
  .hover\:rotate-245:hover,
  .focus\:rotate-245:focus,
  .group:hover .group-hover\:rotate-245,
  .group:focus-within .group-focus-within\:rotate-245 {
    transform: rotate(245deg);
  }
  .rotate-246,
  .hover\:rotate-246:hover,
  .focus\:rotate-246:focus,
  .group:hover .group-hover\:rotate-246,
  .group:focus-within .group-focus-within\:rotate-246 {
    transform: rotate(246deg);
  }
  .rotate-247,
  .hover\:rotate-247:hover,
  .focus\:rotate-247:focus,
  .group:hover .group-hover\:rotate-247,
  .group:focus-within .group-focus-within\:rotate-247 {
    transform: rotate(247deg);
  }
  .rotate-248,
  .hover\:rotate-248:hover,
  .focus\:rotate-248:focus,
  .group:hover .group-hover\:rotate-248,
  .group:focus-within .group-focus-within\:rotate-248 {
    transform: rotate(248deg);
  }
  .rotate-249,
  .hover\:rotate-249:hover,
  .focus\:rotate-249:focus,
  .group:hover .group-hover\:rotate-249,
  .group:focus-within .group-focus-within\:rotate-249 {
    transform: rotate(249deg);
  }
  .rotate-250,
  .hover\:rotate-250:hover,
  .focus\:rotate-250:focus,
  .group:hover .group-hover\:rotate-250,
  .group:focus-within .group-focus-within\:rotate-250 {
    transform: rotate(250deg);
  }
  .rotate-251,
  .hover\:rotate-251:hover,
  .focus\:rotate-251:focus,
  .group:hover .group-hover\:rotate-251,
  .group:focus-within .group-focus-within\:rotate-251 {
    transform: rotate(251deg);
  }
  .rotate-252,
  .hover\:rotate-252:hover,
  .focus\:rotate-252:focus,
  .group:hover .group-hover\:rotate-252,
  .group:focus-within .group-focus-within\:rotate-252 {
    transform: rotate(252deg);
  }
  .rotate-253,
  .hover\:rotate-253:hover,
  .focus\:rotate-253:focus,
  .group:hover .group-hover\:rotate-253,
  .group:focus-within .group-focus-within\:rotate-253 {
    transform: rotate(253deg);
  }
  .rotate-254,
  .hover\:rotate-254:hover,
  .focus\:rotate-254:focus,
  .group:hover .group-hover\:rotate-254,
  .group:focus-within .group-focus-within\:rotate-254 {
    transform: rotate(254deg);
  }
  .rotate-255,
  .hover\:rotate-255:hover,
  .focus\:rotate-255:focus,
  .group:hover .group-hover\:rotate-255,
  .group:focus-within .group-focus-within\:rotate-255 {
    transform: rotate(255deg);
  }
  .rotate-256,
  .hover\:rotate-256:hover,
  .focus\:rotate-256:focus,
  .group:hover .group-hover\:rotate-256,
  .group:focus-within .group-focus-within\:rotate-256 {
    transform: rotate(256deg);
  }
  .rotate-257,
  .hover\:rotate-257:hover,
  .focus\:rotate-257:focus,
  .group:hover .group-hover\:rotate-257,
  .group:focus-within .group-focus-within\:rotate-257 {
    transform: rotate(257deg);
  }
  .rotate-258,
  .hover\:rotate-258:hover,
  .focus\:rotate-258:focus,
  .group:hover .group-hover\:rotate-258,
  .group:focus-within .group-focus-within\:rotate-258 {
    transform: rotate(258deg);
  }
  .rotate-259,
  .hover\:rotate-259:hover,
  .focus\:rotate-259:focus,
  .group:hover .group-hover\:rotate-259,
  .group:focus-within .group-focus-within\:rotate-259 {
    transform: rotate(259deg);
  }
  .rotate-260,
  .hover\:rotate-260:hover,
  .focus\:rotate-260:focus,
  .group:hover .group-hover\:rotate-260,
  .group:focus-within .group-focus-within\:rotate-260 {
    transform: rotate(260deg);
  }
  .rotate-261,
  .hover\:rotate-261:hover,
  .focus\:rotate-261:focus,
  .group:hover .group-hover\:rotate-261,
  .group:focus-within .group-focus-within\:rotate-261 {
    transform: rotate(261deg);
  }
  .rotate-262,
  .hover\:rotate-262:hover,
  .focus\:rotate-262:focus,
  .group:hover .group-hover\:rotate-262,
  .group:focus-within .group-focus-within\:rotate-262 {
    transform: rotate(262deg);
  }
  .rotate-263,
  .hover\:rotate-263:hover,
  .focus\:rotate-263:focus,
  .group:hover .group-hover\:rotate-263,
  .group:focus-within .group-focus-within\:rotate-263 {
    transform: rotate(263deg);
  }
  .rotate-264,
  .hover\:rotate-264:hover,
  .focus\:rotate-264:focus,
  .group:hover .group-hover\:rotate-264,
  .group:focus-within .group-focus-within\:rotate-264 {
    transform: rotate(264deg);
  }
  .rotate-265,
  .hover\:rotate-265:hover,
  .focus\:rotate-265:focus,
  .group:hover .group-hover\:rotate-265,
  .group:focus-within .group-focus-within\:rotate-265 {
    transform: rotate(265deg);
  }
  .rotate-266,
  .hover\:rotate-266:hover,
  .focus\:rotate-266:focus,
  .group:hover .group-hover\:rotate-266,
  .group:focus-within .group-focus-within\:rotate-266 {
    transform: rotate(266deg);
  }
  .rotate-267,
  .hover\:rotate-267:hover,
  .focus\:rotate-267:focus,
  .group:hover .group-hover\:rotate-267,
  .group:focus-within .group-focus-within\:rotate-267 {
    transform: rotate(267deg);
  }
  .rotate-268,
  .hover\:rotate-268:hover,
  .focus\:rotate-268:focus,
  .group:hover .group-hover\:rotate-268,
  .group:focus-within .group-focus-within\:rotate-268 {
    transform: rotate(268deg);
  }
  .rotate-269,
  .hover\:rotate-269:hover,
  .focus\:rotate-269:focus,
  .group:hover .group-hover\:rotate-269,
  .group:focus-within .group-focus-within\:rotate-269 {
    transform: rotate(269deg);
  }
  .rotate-270,
  .hover\:rotate-270:hover,
  .focus\:rotate-270:focus,
  .group:hover .group-hover\:rotate-270,
  .group:focus-within .group-focus-within\:rotate-270 {
    transform: rotate(270deg);
  }
  .rotate-271,
  .hover\:rotate-271:hover,
  .focus\:rotate-271:focus,
  .group:hover .group-hover\:rotate-271,
  .group:focus-within .group-focus-within\:rotate-271 {
    transform: rotate(271deg);
  }
  .rotate-272,
  .hover\:rotate-272:hover,
  .focus\:rotate-272:focus,
  .group:hover .group-hover\:rotate-272,
  .group:focus-within .group-focus-within\:rotate-272 {
    transform: rotate(272deg);
  }
  .rotate-273,
  .hover\:rotate-273:hover,
  .focus\:rotate-273:focus,
  .group:hover .group-hover\:rotate-273,
  .group:focus-within .group-focus-within\:rotate-273 {
    transform: rotate(273deg);
  }
  .rotate-274,
  .hover\:rotate-274:hover,
  .focus\:rotate-274:focus,
  .group:hover .group-hover\:rotate-274,
  .group:focus-within .group-focus-within\:rotate-274 {
    transform: rotate(274deg);
  }
  .rotate-275,
  .hover\:rotate-275:hover,
  .focus\:rotate-275:focus,
  .group:hover .group-hover\:rotate-275,
  .group:focus-within .group-focus-within\:rotate-275 {
    transform: rotate(275deg);
  }
  .rotate-276,
  .hover\:rotate-276:hover,
  .focus\:rotate-276:focus,
  .group:hover .group-hover\:rotate-276,
  .group:focus-within .group-focus-within\:rotate-276 {
    transform: rotate(276deg);
  }
  .rotate-277,
  .hover\:rotate-277:hover,
  .focus\:rotate-277:focus,
  .group:hover .group-hover\:rotate-277,
  .group:focus-within .group-focus-within\:rotate-277 {
    transform: rotate(277deg);
  }
  .rotate-278,
  .hover\:rotate-278:hover,
  .focus\:rotate-278:focus,
  .group:hover .group-hover\:rotate-278,
  .group:focus-within .group-focus-within\:rotate-278 {
    transform: rotate(278deg);
  }
  .rotate-279,
  .hover\:rotate-279:hover,
  .focus\:rotate-279:focus,
  .group:hover .group-hover\:rotate-279,
  .group:focus-within .group-focus-within\:rotate-279 {
    transform: rotate(279deg);
  }
  .rotate-280,
  .hover\:rotate-280:hover,
  .focus\:rotate-280:focus,
  .group:hover .group-hover\:rotate-280,
  .group:focus-within .group-focus-within\:rotate-280 {
    transform: rotate(280deg);
  }
  .rotate-281,
  .hover\:rotate-281:hover,
  .focus\:rotate-281:focus,
  .group:hover .group-hover\:rotate-281,
  .group:focus-within .group-focus-within\:rotate-281 {
    transform: rotate(281deg);
  }
  .rotate-282,
  .hover\:rotate-282:hover,
  .focus\:rotate-282:focus,
  .group:hover .group-hover\:rotate-282,
  .group:focus-within .group-focus-within\:rotate-282 {
    transform: rotate(282deg);
  }
  .rotate-283,
  .hover\:rotate-283:hover,
  .focus\:rotate-283:focus,
  .group:hover .group-hover\:rotate-283,
  .group:focus-within .group-focus-within\:rotate-283 {
    transform: rotate(283deg);
  }
  .rotate-284,
  .hover\:rotate-284:hover,
  .focus\:rotate-284:focus,
  .group:hover .group-hover\:rotate-284,
  .group:focus-within .group-focus-within\:rotate-284 {
    transform: rotate(284deg);
  }
  .rotate-285,
  .hover\:rotate-285:hover,
  .focus\:rotate-285:focus,
  .group:hover .group-hover\:rotate-285,
  .group:focus-within .group-focus-within\:rotate-285 {
    transform: rotate(285deg);
  }
  .rotate-286,
  .hover\:rotate-286:hover,
  .focus\:rotate-286:focus,
  .group:hover .group-hover\:rotate-286,
  .group:focus-within .group-focus-within\:rotate-286 {
    transform: rotate(286deg);
  }
  .rotate-287,
  .hover\:rotate-287:hover,
  .focus\:rotate-287:focus,
  .group:hover .group-hover\:rotate-287,
  .group:focus-within .group-focus-within\:rotate-287 {
    transform: rotate(287deg);
  }
  .rotate-288,
  .hover\:rotate-288:hover,
  .focus\:rotate-288:focus,
  .group:hover .group-hover\:rotate-288,
  .group:focus-within .group-focus-within\:rotate-288 {
    transform: rotate(288deg);
  }
  .rotate-289,
  .hover\:rotate-289:hover,
  .focus\:rotate-289:focus,
  .group:hover .group-hover\:rotate-289,
  .group:focus-within .group-focus-within\:rotate-289 {
    transform: rotate(289deg);
  }
  .rotate-290,
  .hover\:rotate-290:hover,
  .focus\:rotate-290:focus,
  .group:hover .group-hover\:rotate-290,
  .group:focus-within .group-focus-within\:rotate-290 {
    transform: rotate(290deg);
  }
  .rotate-291,
  .hover\:rotate-291:hover,
  .focus\:rotate-291:focus,
  .group:hover .group-hover\:rotate-291,
  .group:focus-within .group-focus-within\:rotate-291 {
    transform: rotate(291deg);
  }
  .rotate-292,
  .hover\:rotate-292:hover,
  .focus\:rotate-292:focus,
  .group:hover .group-hover\:rotate-292,
  .group:focus-within .group-focus-within\:rotate-292 {
    transform: rotate(292deg);
  }
  .rotate-293,
  .hover\:rotate-293:hover,
  .focus\:rotate-293:focus,
  .group:hover .group-hover\:rotate-293,
  .group:focus-within .group-focus-within\:rotate-293 {
    transform: rotate(293deg);
  }
  .rotate-294,
  .hover\:rotate-294:hover,
  .focus\:rotate-294:focus,
  .group:hover .group-hover\:rotate-294,
  .group:focus-within .group-focus-within\:rotate-294 {
    transform: rotate(294deg);
  }
  .rotate-295,
  .hover\:rotate-295:hover,
  .focus\:rotate-295:focus,
  .group:hover .group-hover\:rotate-295,
  .group:focus-within .group-focus-within\:rotate-295 {
    transform: rotate(295deg);
  }
  .rotate-296,
  .hover\:rotate-296:hover,
  .focus\:rotate-296:focus,
  .group:hover .group-hover\:rotate-296,
  .group:focus-within .group-focus-within\:rotate-296 {
    transform: rotate(296deg);
  }
  .rotate-297,
  .hover\:rotate-297:hover,
  .focus\:rotate-297:focus,
  .group:hover .group-hover\:rotate-297,
  .group:focus-within .group-focus-within\:rotate-297 {
    transform: rotate(297deg);
  }
  .rotate-298,
  .hover\:rotate-298:hover,
  .focus\:rotate-298:focus,
  .group:hover .group-hover\:rotate-298,
  .group:focus-within .group-focus-within\:rotate-298 {
    transform: rotate(298deg);
  }
  .rotate-299,
  .hover\:rotate-299:hover,
  .focus\:rotate-299:focus,
  .group:hover .group-hover\:rotate-299,
  .group:focus-within .group-focus-within\:rotate-299 {
    transform: rotate(299deg);
  }
  .rotate-300,
  .hover\:rotate-300:hover,
  .focus\:rotate-300:focus,
  .group:hover .group-hover\:rotate-300,
  .group:focus-within .group-focus-within\:rotate-300 {
    transform: rotate(300deg);
  }
  .rotate-301,
  .hover\:rotate-301:hover,
  .focus\:rotate-301:focus,
  .group:hover .group-hover\:rotate-301,
  .group:focus-within .group-focus-within\:rotate-301 {
    transform: rotate(301deg);
  }
  .rotate-302,
  .hover\:rotate-302:hover,
  .focus\:rotate-302:focus,
  .group:hover .group-hover\:rotate-302,
  .group:focus-within .group-focus-within\:rotate-302 {
    transform: rotate(302deg);
  }
  .rotate-303,
  .hover\:rotate-303:hover,
  .focus\:rotate-303:focus,
  .group:hover .group-hover\:rotate-303,
  .group:focus-within .group-focus-within\:rotate-303 {
    transform: rotate(303deg);
  }
  .rotate-304,
  .hover\:rotate-304:hover,
  .focus\:rotate-304:focus,
  .group:hover .group-hover\:rotate-304,
  .group:focus-within .group-focus-within\:rotate-304 {
    transform: rotate(304deg);
  }
  .rotate-305,
  .hover\:rotate-305:hover,
  .focus\:rotate-305:focus,
  .group:hover .group-hover\:rotate-305,
  .group:focus-within .group-focus-within\:rotate-305 {
    transform: rotate(305deg);
  }
  .rotate-306,
  .hover\:rotate-306:hover,
  .focus\:rotate-306:focus,
  .group:hover .group-hover\:rotate-306,
  .group:focus-within .group-focus-within\:rotate-306 {
    transform: rotate(306deg);
  }
  .rotate-307,
  .hover\:rotate-307:hover,
  .focus\:rotate-307:focus,
  .group:hover .group-hover\:rotate-307,
  .group:focus-within .group-focus-within\:rotate-307 {
    transform: rotate(307deg);
  }
  .rotate-308,
  .hover\:rotate-308:hover,
  .focus\:rotate-308:focus,
  .group:hover .group-hover\:rotate-308,
  .group:focus-within .group-focus-within\:rotate-308 {
    transform: rotate(308deg);
  }
  .rotate-309,
  .hover\:rotate-309:hover,
  .focus\:rotate-309:focus,
  .group:hover .group-hover\:rotate-309,
  .group:focus-within .group-focus-within\:rotate-309 {
    transform: rotate(309deg);
  }
  .rotate-310,
  .hover\:rotate-310:hover,
  .focus\:rotate-310:focus,
  .group:hover .group-hover\:rotate-310,
  .group:focus-within .group-focus-within\:rotate-310 {
    transform: rotate(310deg);
  }
  .rotate-311,
  .hover\:rotate-311:hover,
  .focus\:rotate-311:focus,
  .group:hover .group-hover\:rotate-311,
  .group:focus-within .group-focus-within\:rotate-311 {
    transform: rotate(311deg);
  }
  .rotate-312,
  .hover\:rotate-312:hover,
  .focus\:rotate-312:focus,
  .group:hover .group-hover\:rotate-312,
  .group:focus-within .group-focus-within\:rotate-312 {
    transform: rotate(312deg);
  }
  .rotate-313,
  .hover\:rotate-313:hover,
  .focus\:rotate-313:focus,
  .group:hover .group-hover\:rotate-313,
  .group:focus-within .group-focus-within\:rotate-313 {
    transform: rotate(313deg);
  }
  .rotate-314,
  .hover\:rotate-314:hover,
  .focus\:rotate-314:focus,
  .group:hover .group-hover\:rotate-314,
  .group:focus-within .group-focus-within\:rotate-314 {
    transform: rotate(314deg);
  }
  .rotate-315,
  .hover\:rotate-315:hover,
  .focus\:rotate-315:focus,
  .group:hover .group-hover\:rotate-315,
  .group:focus-within .group-focus-within\:rotate-315 {
    transform: rotate(315deg);
  }
  .rotate-316,
  .hover\:rotate-316:hover,
  .focus\:rotate-316:focus,
  .group:hover .group-hover\:rotate-316,
  .group:focus-within .group-focus-within\:rotate-316 {
    transform: rotate(316deg);
  }
  .rotate-317,
  .hover\:rotate-317:hover,
  .focus\:rotate-317:focus,
  .group:hover .group-hover\:rotate-317,
  .group:focus-within .group-focus-within\:rotate-317 {
    transform: rotate(317deg);
  }
  .rotate-318,
  .hover\:rotate-318:hover,
  .focus\:rotate-318:focus,
  .group:hover .group-hover\:rotate-318,
  .group:focus-within .group-focus-within\:rotate-318 {
    transform: rotate(318deg);
  }
  .rotate-319,
  .hover\:rotate-319:hover,
  .focus\:rotate-319:focus,
  .group:hover .group-hover\:rotate-319,
  .group:focus-within .group-focus-within\:rotate-319 {
    transform: rotate(319deg);
  }
  .rotate-320,
  .hover\:rotate-320:hover,
  .focus\:rotate-320:focus,
  .group:hover .group-hover\:rotate-320,
  .group:focus-within .group-focus-within\:rotate-320 {
    transform: rotate(320deg);
  }
  .rotate-321,
  .hover\:rotate-321:hover,
  .focus\:rotate-321:focus,
  .group:hover .group-hover\:rotate-321,
  .group:focus-within .group-focus-within\:rotate-321 {
    transform: rotate(321deg);
  }
  .rotate-322,
  .hover\:rotate-322:hover,
  .focus\:rotate-322:focus,
  .group:hover .group-hover\:rotate-322,
  .group:focus-within .group-focus-within\:rotate-322 {
    transform: rotate(322deg);
  }
  .rotate-323,
  .hover\:rotate-323:hover,
  .focus\:rotate-323:focus,
  .group:hover .group-hover\:rotate-323,
  .group:focus-within .group-focus-within\:rotate-323 {
    transform: rotate(323deg);
  }
  .rotate-324,
  .hover\:rotate-324:hover,
  .focus\:rotate-324:focus,
  .group:hover .group-hover\:rotate-324,
  .group:focus-within .group-focus-within\:rotate-324 {
    transform: rotate(324deg);
  }
  .rotate-325,
  .hover\:rotate-325:hover,
  .focus\:rotate-325:focus,
  .group:hover .group-hover\:rotate-325,
  .group:focus-within .group-focus-within\:rotate-325 {
    transform: rotate(325deg);
  }
  .rotate-326,
  .hover\:rotate-326:hover,
  .focus\:rotate-326:focus,
  .group:hover .group-hover\:rotate-326,
  .group:focus-within .group-focus-within\:rotate-326 {
    transform: rotate(326deg);
  }
  .rotate-327,
  .hover\:rotate-327:hover,
  .focus\:rotate-327:focus,
  .group:hover .group-hover\:rotate-327,
  .group:focus-within .group-focus-within\:rotate-327 {
    transform: rotate(327deg);
  }
  .rotate-328,
  .hover\:rotate-328:hover,
  .focus\:rotate-328:focus,
  .group:hover .group-hover\:rotate-328,
  .group:focus-within .group-focus-within\:rotate-328 {
    transform: rotate(328deg);
  }
  .rotate-329,
  .hover\:rotate-329:hover,
  .focus\:rotate-329:focus,
  .group:hover .group-hover\:rotate-329,
  .group:focus-within .group-focus-within\:rotate-329 {
    transform: rotate(329deg);
  }
  .rotate-330,
  .hover\:rotate-330:hover,
  .focus\:rotate-330:focus,
  .group:hover .group-hover\:rotate-330,
  .group:focus-within .group-focus-within\:rotate-330 {
    transform: rotate(330deg);
  }
  .rotate-331,
  .hover\:rotate-331:hover,
  .focus\:rotate-331:focus,
  .group:hover .group-hover\:rotate-331,
  .group:focus-within .group-focus-within\:rotate-331 {
    transform: rotate(331deg);
  }
  .rotate-332,
  .hover\:rotate-332:hover,
  .focus\:rotate-332:focus,
  .group:hover .group-hover\:rotate-332,
  .group:focus-within .group-focus-within\:rotate-332 {
    transform: rotate(332deg);
  }
  .rotate-333,
  .hover\:rotate-333:hover,
  .focus\:rotate-333:focus,
  .group:hover .group-hover\:rotate-333,
  .group:focus-within .group-focus-within\:rotate-333 {
    transform: rotate(333deg);
  }
  .rotate-334,
  .hover\:rotate-334:hover,
  .focus\:rotate-334:focus,
  .group:hover .group-hover\:rotate-334,
  .group:focus-within .group-focus-within\:rotate-334 {
    transform: rotate(334deg);
  }
  .rotate-335,
  .hover\:rotate-335:hover,
  .focus\:rotate-335:focus,
  .group:hover .group-hover\:rotate-335,
  .group:focus-within .group-focus-within\:rotate-335 {
    transform: rotate(335deg);
  }
  .rotate-336,
  .hover\:rotate-336:hover,
  .focus\:rotate-336:focus,
  .group:hover .group-hover\:rotate-336,
  .group:focus-within .group-focus-within\:rotate-336 {
    transform: rotate(336deg);
  }
  .rotate-337,
  .hover\:rotate-337:hover,
  .focus\:rotate-337:focus,
  .group:hover .group-hover\:rotate-337,
  .group:focus-within .group-focus-within\:rotate-337 {
    transform: rotate(337deg);
  }
  .rotate-338,
  .hover\:rotate-338:hover,
  .focus\:rotate-338:focus,
  .group:hover .group-hover\:rotate-338,
  .group:focus-within .group-focus-within\:rotate-338 {
    transform: rotate(338deg);
  }
  .rotate-339,
  .hover\:rotate-339:hover,
  .focus\:rotate-339:focus,
  .group:hover .group-hover\:rotate-339,
  .group:focus-within .group-focus-within\:rotate-339 {
    transform: rotate(339deg);
  }
  .rotate-340,
  .hover\:rotate-340:hover,
  .focus\:rotate-340:focus,
  .group:hover .group-hover\:rotate-340,
  .group:focus-within .group-focus-within\:rotate-340 {
    transform: rotate(340deg);
  }
  .rotate-341,
  .hover\:rotate-341:hover,
  .focus\:rotate-341:focus,
  .group:hover .group-hover\:rotate-341,
  .group:focus-within .group-focus-within\:rotate-341 {
    transform: rotate(341deg);
  }
  .rotate-342,
  .hover\:rotate-342:hover,
  .focus\:rotate-342:focus,
  .group:hover .group-hover\:rotate-342,
  .group:focus-within .group-focus-within\:rotate-342 {
    transform: rotate(342deg);
  }
  .rotate-343,
  .hover\:rotate-343:hover,
  .focus\:rotate-343:focus,
  .group:hover .group-hover\:rotate-343,
  .group:focus-within .group-focus-within\:rotate-343 {
    transform: rotate(343deg);
  }
  .rotate-344,
  .hover\:rotate-344:hover,
  .focus\:rotate-344:focus,
  .group:hover .group-hover\:rotate-344,
  .group:focus-within .group-focus-within\:rotate-344 {
    transform: rotate(344deg);
  }
  .rotate-345,
  .hover\:rotate-345:hover,
  .focus\:rotate-345:focus,
  .group:hover .group-hover\:rotate-345,
  .group:focus-within .group-focus-within\:rotate-345 {
    transform: rotate(345deg);
  }
  .rotate-346,
  .hover\:rotate-346:hover,
  .focus\:rotate-346:focus,
  .group:hover .group-hover\:rotate-346,
  .group:focus-within .group-focus-within\:rotate-346 {
    transform: rotate(346deg);
  }
  .rotate-347,
  .hover\:rotate-347:hover,
  .focus\:rotate-347:focus,
  .group:hover .group-hover\:rotate-347,
  .group:focus-within .group-focus-within\:rotate-347 {
    transform: rotate(347deg);
  }
  .rotate-348,
  .hover\:rotate-348:hover,
  .focus\:rotate-348:focus,
  .group:hover .group-hover\:rotate-348,
  .group:focus-within .group-focus-within\:rotate-348 {
    transform: rotate(348deg);
  }
  .rotate-349,
  .hover\:rotate-349:hover,
  .focus\:rotate-349:focus,
  .group:hover .group-hover\:rotate-349,
  .group:focus-within .group-focus-within\:rotate-349 {
    transform: rotate(349deg);
  }
  .rotate-350,
  .hover\:rotate-350:hover,
  .focus\:rotate-350:focus,
  .group:hover .group-hover\:rotate-350,
  .group:focus-within .group-focus-within\:rotate-350 {
    transform: rotate(350deg);
  }
  .rotate-351,
  .hover\:rotate-351:hover,
  .focus\:rotate-351:focus,
  .group:hover .group-hover\:rotate-351,
  .group:focus-within .group-focus-within\:rotate-351 {
    transform: rotate(351deg);
  }
  .rotate-352,
  .hover\:rotate-352:hover,
  .focus\:rotate-352:focus,
  .group:hover .group-hover\:rotate-352,
  .group:focus-within .group-focus-within\:rotate-352 {
    transform: rotate(352deg);
  }
  .rotate-353,
  .hover\:rotate-353:hover,
  .focus\:rotate-353:focus,
  .group:hover .group-hover\:rotate-353,
  .group:focus-within .group-focus-within\:rotate-353 {
    transform: rotate(353deg);
  }
  .rotate-354,
  .hover\:rotate-354:hover,
  .focus\:rotate-354:focus,
  .group:hover .group-hover\:rotate-354,
  .group:focus-within .group-focus-within\:rotate-354 {
    transform: rotate(354deg);
  }
  .rotate-355,
  .hover\:rotate-355:hover,
  .focus\:rotate-355:focus,
  .group:hover .group-hover\:rotate-355,
  .group:focus-within .group-focus-within\:rotate-355 {
    transform: rotate(355deg);
  }
  .rotate-356,
  .hover\:rotate-356:hover,
  .focus\:rotate-356:focus,
  .group:hover .group-hover\:rotate-356,
  .group:focus-within .group-focus-within\:rotate-356 {
    transform: rotate(356deg);
  }
  .rotate-357,
  .hover\:rotate-357:hover,
  .focus\:rotate-357:focus,
  .group:hover .group-hover\:rotate-357,
  .group:focus-within .group-focus-within\:rotate-357 {
    transform: rotate(357deg);
  }
  .rotate-358,
  .hover\:rotate-358:hover,
  .focus\:rotate-358:focus,
  .group:hover .group-hover\:rotate-358,
  .group:focus-within .group-focus-within\:rotate-358 {
    transform: rotate(358deg);
  }
  .rotate-359,
  .hover\:rotate-359:hover,
  .focus\:rotate-359:focus,
  .group:hover .group-hover\:rotate-359,
  .group:focus-within .group-focus-within\:rotate-359 {
    transform: rotate(359deg);
  }
  .rotate-360,
  .hover\:rotate-360:hover,
  .focus\:rotate-360:focus,
  .group:hover .group-hover\:rotate-360,
  .group:focus-within .group-focus-within\:rotate-360 {
    transform: rotate(360deg);
  }
  .scale-0,
  .hover\:scale-0:hover,
  .focus\:scale-0:focus,
  .group:hover .group-hover\:scale-0,
  .group:focus-within .group-focus-within\:scale-0 {
    transform: scale(0);
  }
  .scale-1,
  .hover\:scale-1:hover,
  .focus\:scale-1:focus,
  .group:hover .group-hover\:scale-1,
  .group:focus-within .group-focus-within\:scale-1 {
    transform: scale(0.1);
  }
  .scale-2,
  .hover\:scale-2:hover,
  .focus\:scale-2:focus,
  .group:hover .group-hover\:scale-2,
  .group:focus-within .group-focus-within\:scale-2 {
    transform: scale(0.2);
  }
  .scale-3,
  .hover\:scale-3:hover,
  .focus\:scale-3:focus,
  .group:hover .group-hover\:scale-3,
  .group:focus-within .group-focus-within\:scale-3 {
    transform: scale(0.3);
  }
  .scale-4,
  .hover\:scale-4:hover,
  .focus\:scale-4:focus,
  .group:hover .group-hover\:scale-4,
  .group:focus-within .group-focus-within\:scale-4 {
    transform: scale(0.4);
  }
  .scale-5,
  .hover\:scale-5:hover,
  .focus\:scale-5:focus,
  .group:hover .group-hover\:scale-5,
  .group:focus-within .group-focus-within\:scale-5 {
    transform: scale(0.5);
  }
  .scale-6,
  .hover\:scale-6:hover,
  .focus\:scale-6:focus,
  .group:hover .group-hover\:scale-6,
  .group:focus-within .group-focus-within\:scale-6 {
    transform: scale(0.6);
  }
  .scale-7,
  .hover\:scale-7:hover,
  .focus\:scale-7:focus,
  .group:hover .group-hover\:scale-7,
  .group:focus-within .group-focus-within\:scale-7 {
    transform: scale(0.7);
  }
  .scale-8,
  .hover\:scale-8:hover,
  .focus\:scale-8:focus,
  .group:hover .group-hover\:scale-8,
  .group:focus-within .group-focus-within\:scale-8 {
    transform: scale(0.8);
  }
  .scale-9,
  .hover\:scale-9:hover,
  .focus\:scale-9:focus,
  .group:hover .group-hover\:scale-9,
  .group:focus-within .group-focus-within\:scale-9 {
    transform: scale(0.9);
  }
  .scale-10,
  .hover\:scale-10:hover,
  .focus\:scale-10:focus,
  .group:hover .group-hover\:scale-10,
  .group:focus-within .group-focus-within\:scale-10 {
    transform: scale(1);
  }
  .scale-11,
  .hover\:scale-11:hover,
  .focus\:scale-11:focus,
  .group:hover .group-hover\:scale-11,
  .group:focus-within .group-focus-within\:scale-11 {
    transform: scale(1.1);
  }
  .scale-12,
  .hover\:scale-12:hover,
  .focus\:scale-12:focus,
  .group:hover .group-hover\:scale-12,
  .group:focus-within .group-focus-within\:scale-12 {
    transform: scale(1.2);
  }
  .scale-13,
  .hover\:scale-13:hover,
  .focus\:scale-13:focus,
  .group:hover .group-hover\:scale-13,
  .group:focus-within .group-focus-within\:scale-13 {
    transform: scale(1.3);
  }
  .scale-14,
  .hover\:scale-14:hover,
  .focus\:scale-14:focus,
  .group:hover .group-hover\:scale-14,
  .group:focus-within .group-focus-within\:scale-14 {
    transform: scale(1.4);
  }
  .scale-15,
  .hover\:scale-15:hover,
  .focus\:scale-15:focus,
  .group:hover .group-hover\:scale-15,
  .group:focus-within .group-focus-within\:scale-15 {
    transform: scale(1.5);
  }
  .scale-16,
  .hover\:scale-16:hover,
  .focus\:scale-16:focus,
  .group:hover .group-hover\:scale-16,
  .group:focus-within .group-focus-within\:scale-16 {
    transform: scale(1.6);
  }
  .scale-17,
  .hover\:scale-17:hover,
  .focus\:scale-17:focus,
  .group:hover .group-hover\:scale-17,
  .group:focus-within .group-focus-within\:scale-17 {
    transform: scale(1.7);
  }
  .scale-18,
  .hover\:scale-18:hover,
  .focus\:scale-18:focus,
  .group:hover .group-hover\:scale-18,
  .group:focus-within .group-focus-within\:scale-18 {
    transform: scale(1.8);
  }
  .scale-19,
  .hover\:scale-19:hover,
  .focus\:scale-19:focus,
  .group:hover .group-hover\:scale-19,
  .group:focus-within .group-focus-within\:scale-19 {
    transform: scale(1.9);
  }
  .scale-20,
  .hover\:scale-20:hover,
  .focus\:scale-20:focus,
  .group:hover .group-hover\:scale-20,
  .group:focus-within .group-focus-within\:scale-20 {
    transform: scale(2);
  }
  .scale-21,
  .hover\:scale-21:hover,
  .focus\:scale-21:focus,
  .group:hover .group-hover\:scale-21,
  .group:focus-within .group-focus-within\:scale-21 {
    transform: scale(2.1);
  }
  .scale-22,
  .hover\:scale-22:hover,
  .focus\:scale-22:focus,
  .group:hover .group-hover\:scale-22,
  .group:focus-within .group-focus-within\:scale-22 {
    transform: scale(2.2);
  }
  .scale-23,
  .hover\:scale-23:hover,
  .focus\:scale-23:focus,
  .group:hover .group-hover\:scale-23,
  .group:focus-within .group-focus-within\:scale-23 {
    transform: scale(2.3);
  }
  .scale-24,
  .hover\:scale-24:hover,
  .focus\:scale-24:focus,
  .group:hover .group-hover\:scale-24,
  .group:focus-within .group-focus-within\:scale-24 {
    transform: scale(2.4);
  }
  .scale-25,
  .hover\:scale-25:hover,
  .focus\:scale-25:focus,
  .group:hover .group-hover\:scale-25,
  .group:focus-within .group-focus-within\:scale-25 {
    transform: scale(2.5);
  }
  .scale-26,
  .hover\:scale-26:hover,
  .focus\:scale-26:focus,
  .group:hover .group-hover\:scale-26,
  .group:focus-within .group-focus-within\:scale-26 {
    transform: scale(2.6);
  }
  .scale-27,
  .hover\:scale-27:hover,
  .focus\:scale-27:focus,
  .group:hover .group-hover\:scale-27,
  .group:focus-within .group-focus-within\:scale-27 {
    transform: scale(2.7);
  }
  .scale-28,
  .hover\:scale-28:hover,
  .focus\:scale-28:focus,
  .group:hover .group-hover\:scale-28,
  .group:focus-within .group-focus-within\:scale-28 {
    transform: scale(2.8);
  }
  .scale-29,
  .hover\:scale-29:hover,
  .focus\:scale-29:focus,
  .group:hover .group-hover\:scale-29,
  .group:focus-within .group-focus-within\:scale-29 {
    transform: scale(2.9);
  }
  .scale-30,
  .hover\:scale-30:hover,
  .focus\:scale-30:focus,
  .group:hover .group-hover\:scale-30,
  .group:focus-within .group-focus-within\:scale-30 {
    transform: scale(3);
  }
}
@media (max-width: 1024px) {
  .tablet\:translate-none,
  .tablet\:hover\:translate-none:hover,
  .tablet\:focus\:translate-none:focus,
  .tablet\:group:hover .group-hover\:translate-none,
  .tablet\:group:focus-within .group-focus-within\:translate-none {
    transform: translate(var(--padding-none), var(--padding-none));
  }
  .tablet\:translate-x-none,
  .tablet\:hover\:translate-x-none:hover,
  .tablet\:focus\:translate-x-none:focus,
  .tablet\:group:hover .group-hover\:translate-x-none,
  .tablet\:group:focus-within .group-focus-within\:translate-x-none {
    transform: translateX(var(--padding-none));
  }
  .tablet\:translate-y-none,
  .tablet\:hover\:translate-y-none:hover,
  .tablet\:focus\:translate-y-none:focus,
  .tablet\:group:hover .group-hover\:translate-y-none,
  .tablet\:group:focus-within .group-focus-within\:translate-y-none {
    transform: translateY(var(--padding-none));
  }
  .tablet\:-translate-none,
  .tablet\:hover\:-translate-none:hover,
  .tablet\:focus\:-translate-none:focus,
  .tablet\:group:hover .group-hover\:-translate-none,
  .tablet\:group:focus-within .group-focus-within\:-translate-none {
    transform: translate(calc(-1 * var(--padding-none)), calc(-1 * var(--padding-none)));
  }
  .tablet\:-translate-x-none,
  .tablet\:hover\:-translate-x-none:hover,
  .tablet\:focus\:-translate-x-none:focus,
  .tablet\:group:hover .group-hover\:-translate-x-none,
  .tablet\:group:focus-within .group-focus-within\:-translate-x-none {
    transform: translateX(calc(-1 * var(--padding-none)));
  }
  .tablet\:-translate-y-none,
  .tablet\:hover\:-translate-y-none:hover,
  .tablet\:focus\:-translate-y-none:focus,
  .tablet\:group:hover .group-hover\:-translate-y-none,
  .tablet\:group:focus-within .group-focus-within\:-translate-y-none {
    transform: translateY(calc(-1 * var(--padding-none)));
  }
  .tablet\:translate-hairline,
  .tablet\:hover\:translate-hairline:hover,
  .tablet\:focus\:translate-hairline:focus,
  .tablet\:group:hover .group-hover\:translate-hairline,
  .tablet\:group:focus-within .group-focus-within\:translate-hairline {
    transform: translate(var(--padding-hairline), var(--padding-hairline));
  }
  .tablet\:translate-x-hairline,
  .tablet\:hover\:translate-x-hairline:hover,
  .tablet\:focus\:translate-x-hairline:focus,
  .tablet\:group:hover .group-hover\:translate-x-hairline,
  .tablet\:group:focus-within .group-focus-within\:translate-x-hairline {
    transform: translateX(var(--padding-hairline));
  }
  .tablet\:translate-y-hairline,
  .tablet\:hover\:translate-y-hairline:hover,
  .tablet\:focus\:translate-y-hairline:focus,
  .tablet\:group:hover .group-hover\:translate-y-hairline,
  .tablet\:group:focus-within .group-focus-within\:translate-y-hairline {
    transform: translateY(var(--padding-hairline));
  }
  .tablet\:-translate-hairline,
  .tablet\:hover\:-translate-hairline:hover,
  .tablet\:focus\:-translate-hairline:focus,
  .tablet\:group:hover .group-hover\:-translate-hairline,
  .tablet\:group:focus-within .group-focus-within\:-translate-hairline {
    transform: translate(calc(-1 * var(--padding-hairline)), calc(-1 * var(--padding-hairline)));
  }
  .tablet\:-translate-x-hairline,
  .tablet\:hover\:-translate-x-hairline:hover,
  .tablet\:focus\:-translate-x-hairline:focus,
  .tablet\:group:hover .group-hover\:-translate-x-hairline,
  .tablet\:group:focus-within .group-focus-within\:-translate-x-hairline {
    transform: translateX(calc(-1 * var(--padding-hairline)));
  }
  .tablet\:-translate-y-hairline,
  .tablet\:hover\:-translate-y-hairline:hover,
  .tablet\:focus\:-translate-y-hairline:focus,
  .tablet\:group:hover .group-hover\:-translate-y-hairline,
  .tablet\:group:focus-within .group-focus-within\:-translate-y-hairline {
    transform: translateY(calc(-1 * var(--padding-hairline)));
  }
  .tablet\:translate-thin,
  .tablet\:hover\:translate-thin:hover,
  .tablet\:focus\:translate-thin:focus,
  .tablet\:group:hover .group-hover\:translate-thin,
  .tablet\:group:focus-within .group-focus-within\:translate-thin {
    transform: translate(var(--padding-thin), var(--padding-thin));
  }
  .tablet\:translate-x-thin,
  .tablet\:hover\:translate-x-thin:hover,
  .tablet\:focus\:translate-x-thin:focus,
  .tablet\:group:hover .group-hover\:translate-x-thin,
  .tablet\:group:focus-within .group-focus-within\:translate-x-thin {
    transform: translateX(var(--padding-thin));
  }
  .tablet\:translate-y-thin,
  .tablet\:hover\:translate-y-thin:hover,
  .tablet\:focus\:translate-y-thin:focus,
  .tablet\:group:hover .group-hover\:translate-y-thin,
  .tablet\:group:focus-within .group-focus-within\:translate-y-thin {
    transform: translateY(var(--padding-thin));
  }
  .tablet\:-translate-thin,
  .tablet\:hover\:-translate-thin:hover,
  .tablet\:focus\:-translate-thin:focus,
  .tablet\:group:hover .group-hover\:-translate-thin,
  .tablet\:group:focus-within .group-focus-within\:-translate-thin {
    transform: translate(calc(-1 * var(--padding-thin)), calc(-1 * var(--padding-thin)));
  }
  .tablet\:-translate-x-thin,
  .tablet\:hover\:-translate-x-thin:hover,
  .tablet\:focus\:-translate-x-thin:focus,
  .tablet\:group:hover .group-hover\:-translate-x-thin,
  .tablet\:group:focus-within .group-focus-within\:-translate-x-thin {
    transform: translateX(calc(-1 * var(--padding-thin)));
  }
  .tablet\:-translate-y-thin,
  .tablet\:hover\:-translate-y-thin:hover,
  .tablet\:focus\:-translate-y-thin:focus,
  .tablet\:group:hover .group-hover\:-translate-y-thin,
  .tablet\:group:focus-within .group-focus-within\:-translate-y-thin {
    transform: translateY(calc(-1 * var(--padding-thin)));
  }
  .tablet\:translate-slim,
  .tablet\:hover\:translate-slim:hover,
  .tablet\:focus\:translate-slim:focus,
  .tablet\:group:hover .group-hover\:translate-slim,
  .tablet\:group:focus-within .group-focus-within\:translate-slim {
    transform: translate(var(--padding-slim), var(--padding-slim));
  }
  .tablet\:translate-x-slim,
  .tablet\:hover\:translate-x-slim:hover,
  .tablet\:focus\:translate-x-slim:focus,
  .tablet\:group:hover .group-hover\:translate-x-slim,
  .tablet\:group:focus-within .group-focus-within\:translate-x-slim {
    transform: translateX(var(--padding-slim));
  }
  .tablet\:translate-y-slim,
  .tablet\:hover\:translate-y-slim:hover,
  .tablet\:focus\:translate-y-slim:focus,
  .tablet\:group:hover .group-hover\:translate-y-slim,
  .tablet\:group:focus-within .group-focus-within\:translate-y-slim {
    transform: translateY(var(--padding-slim));
  }
  .tablet\:-translate-slim,
  .tablet\:hover\:-translate-slim:hover,
  .tablet\:focus\:-translate-slim:focus,
  .tablet\:group:hover .group-hover\:-translate-slim,
  .tablet\:group:focus-within .group-focus-within\:-translate-slim {
    transform: translate(calc(-1 * var(--padding-slim)), calc(-1 * var(--padding-slim)));
  }
  .tablet\:-translate-x-slim,
  .tablet\:hover\:-translate-x-slim:hover,
  .tablet\:focus\:-translate-x-slim:focus,
  .tablet\:group:hover .group-hover\:-translate-x-slim,
  .tablet\:group:focus-within .group-focus-within\:-translate-x-slim {
    transform: translateX(calc(-1 * var(--padding-slim)));
  }
  .tablet\:-translate-y-slim,
  .tablet\:hover\:-translate-y-slim:hover,
  .tablet\:focus\:-translate-y-slim:focus,
  .tablet\:group:hover .group-hover\:-translate-y-slim,
  .tablet\:group:focus-within .group-focus-within\:-translate-y-slim {
    transform: translateY(calc(-1 * var(--padding-slim)));
  }
  .tablet\:translate-extra-small,
  .tablet\:hover\:translate-extra-small:hover,
  .tablet\:focus\:translate-extra-small:focus,
  .tablet\:group:hover .group-hover\:translate-extra-small,
  .tablet\:group:focus-within .group-focus-within\:translate-extra-small {
    transform: translate(var(--padding-extra-small), var(--padding-extra-small));
  }
  .tablet\:translate-x-extra-small,
  .tablet\:hover\:translate-x-extra-small:hover,
  .tablet\:focus\:translate-x-extra-small:focus,
  .tablet\:group:hover .group-hover\:translate-x-extra-small,
  .tablet\:group:focus-within .group-focus-within\:translate-x-extra-small {
    transform: translateX(var(--padding-extra-small));
  }
  .tablet\:translate-y-extra-small,
  .tablet\:hover\:translate-y-extra-small:hover,
  .tablet\:focus\:translate-y-extra-small:focus,
  .tablet\:group:hover .group-hover\:translate-y-extra-small,
  .tablet\:group:focus-within .group-focus-within\:translate-y-extra-small {
    transform: translateY(var(--padding-extra-small));
  }
  .tablet\:-translate-extra-small,
  .tablet\:hover\:-translate-extra-small:hover,
  .tablet\:focus\:-translate-extra-small:focus,
  .tablet\:group:hover .group-hover\:-translate-extra-small,
  .tablet\:group:focus-within .group-focus-within\:-translate-extra-small {
    transform: translate(calc(-1 * var(--padding-extra-small)), calc(-1 * var(--padding-extra-small)));
  }
  .tablet\:-translate-x-extra-small,
  .tablet\:hover\:-translate-x-extra-small:hover,
  .tablet\:focus\:-translate-x-extra-small:focus,
  .tablet\:group:hover .group-hover\:-translate-x-extra-small,
  .tablet\:group:focus-within .group-focus-within\:-translate-x-extra-small {
    transform: translateX(calc(-1 * var(--padding-extra-small)));
  }
  .tablet\:-translate-y-extra-small,
  .tablet\:hover\:-translate-y-extra-small:hover,
  .tablet\:focus\:-translate-y-extra-small:focus,
  .tablet\:group:hover .group-hover\:-translate-y-extra-small,
  .tablet\:group:focus-within .group-focus-within\:-translate-y-extra-small {
    transform: translateY(calc(-1 * var(--padding-extra-small)));
  }
  .tablet\:translate-small,
  .tablet\:hover\:translate-small:hover,
  .tablet\:focus\:translate-small:focus,
  .tablet\:group:hover .group-hover\:translate-small,
  .tablet\:group:focus-within .group-focus-within\:translate-small {
    transform: translate(var(--padding-small), var(--padding-small));
  }
  .tablet\:translate-x-small,
  .tablet\:hover\:translate-x-small:hover,
  .tablet\:focus\:translate-x-small:focus,
  .tablet\:group:hover .group-hover\:translate-x-small,
  .tablet\:group:focus-within .group-focus-within\:translate-x-small {
    transform: translateX(var(--padding-small));
  }
  .tablet\:translate-y-small,
  .tablet\:hover\:translate-y-small:hover,
  .tablet\:focus\:translate-y-small:focus,
  .tablet\:group:hover .group-hover\:translate-y-small,
  .tablet\:group:focus-within .group-focus-within\:translate-y-small {
    transform: translateY(var(--padding-small));
  }
  .tablet\:-translate-small,
  .tablet\:hover\:-translate-small:hover,
  .tablet\:focus\:-translate-small:focus,
  .tablet\:group:hover .group-hover\:-translate-small,
  .tablet\:group:focus-within .group-focus-within\:-translate-small {
    transform: translate(calc(-1 * var(--padding-small)), calc(-1 * var(--padding-small)));
  }
  .tablet\:-translate-x-small,
  .tablet\:hover\:-translate-x-small:hover,
  .tablet\:focus\:-translate-x-small:focus,
  .tablet\:group:hover .group-hover\:-translate-x-small,
  .tablet\:group:focus-within .group-focus-within\:-translate-x-small {
    transform: translateX(calc(-1 * var(--padding-small)));
  }
  .tablet\:-translate-y-small,
  .tablet\:hover\:-translate-y-small:hover,
  .tablet\:focus\:-translate-y-small:focus,
  .tablet\:group:hover .group-hover\:-translate-y-small,
  .tablet\:group:focus-within .group-focus-within\:-translate-y-small {
    transform: translateY(calc(-1 * var(--padding-small)));
  }
  .tablet\:translate-medium,
  .tablet\:hover\:translate-medium:hover,
  .tablet\:focus\:translate-medium:focus,
  .tablet\:group:hover .group-hover\:translate-medium,
  .tablet\:group:focus-within .group-focus-within\:translate-medium {
    transform: translate(var(--padding-medium), var(--padding-medium));
  }
  .tablet\:translate-x-medium,
  .tablet\:hover\:translate-x-medium:hover,
  .tablet\:focus\:translate-x-medium:focus,
  .tablet\:group:hover .group-hover\:translate-x-medium,
  .tablet\:group:focus-within .group-focus-within\:translate-x-medium {
    transform: translateX(var(--padding-medium));
  }
  .tablet\:translate-y-medium,
  .tablet\:hover\:translate-y-medium:hover,
  .tablet\:focus\:translate-y-medium:focus,
  .tablet\:group:hover .group-hover\:translate-y-medium,
  .tablet\:group:focus-within .group-focus-within\:translate-y-medium {
    transform: translateY(var(--padding-medium));
  }
  .tablet\:-translate-medium,
  .tablet\:hover\:-translate-medium:hover,
  .tablet\:focus\:-translate-medium:focus,
  .tablet\:group:hover .group-hover\:-translate-medium,
  .tablet\:group:focus-within .group-focus-within\:-translate-medium {
    transform: translate(calc(-1 * var(--padding-medium)), calc(-1 * var(--padding-medium)));
  }
  .tablet\:-translate-x-medium,
  .tablet\:hover\:-translate-x-medium:hover,
  .tablet\:focus\:-translate-x-medium:focus,
  .tablet\:group:hover .group-hover\:-translate-x-medium,
  .tablet\:group:focus-within .group-focus-within\:-translate-x-medium {
    transform: translateX(calc(-1 * var(--padding-medium)));
  }
  .tablet\:-translate-y-medium,
  .tablet\:hover\:-translate-y-medium:hover,
  .tablet\:focus\:-translate-y-medium:focus,
  .tablet\:group:hover .group-hover\:-translate-y-medium,
  .tablet\:group:focus-within .group-focus-within\:-translate-y-medium {
    transform: translateY(calc(-1 * var(--padding-medium)));
  }
  .tablet\:translate-large,
  .tablet\:hover\:translate-large:hover,
  .tablet\:focus\:translate-large:focus,
  .tablet\:group:hover .group-hover\:translate-large,
  .tablet\:group:focus-within .group-focus-within\:translate-large {
    transform: translate(var(--padding-large), var(--padding-large));
  }
  .tablet\:translate-x-large,
  .tablet\:hover\:translate-x-large:hover,
  .tablet\:focus\:translate-x-large:focus,
  .tablet\:group:hover .group-hover\:translate-x-large,
  .tablet\:group:focus-within .group-focus-within\:translate-x-large {
    transform: translateX(var(--padding-large));
  }
  .tablet\:translate-y-large,
  .tablet\:hover\:translate-y-large:hover,
  .tablet\:focus\:translate-y-large:focus,
  .tablet\:group:hover .group-hover\:translate-y-large,
  .tablet\:group:focus-within .group-focus-within\:translate-y-large {
    transform: translateY(var(--padding-large));
  }
  .tablet\:-translate-large,
  .tablet\:hover\:-translate-large:hover,
  .tablet\:focus\:-translate-large:focus,
  .tablet\:group:hover .group-hover\:-translate-large,
  .tablet\:group:focus-within .group-focus-within\:-translate-large {
    transform: translate(calc(-1 * var(--padding-large)), calc(-1 * var(--padding-large)));
  }
  .tablet\:-translate-x-large,
  .tablet\:hover\:-translate-x-large:hover,
  .tablet\:focus\:-translate-x-large:focus,
  .tablet\:group:hover .group-hover\:-translate-x-large,
  .tablet\:group:focus-within .group-focus-within\:-translate-x-large {
    transform: translateX(calc(-1 * var(--padding-large)));
  }
  .tablet\:-translate-y-large,
  .tablet\:hover\:-translate-y-large:hover,
  .tablet\:focus\:-translate-y-large:focus,
  .tablet\:group:hover .group-hover\:-translate-y-large,
  .tablet\:group:focus-within .group-focus-within\:-translate-y-large {
    transform: translateY(calc(-1 * var(--padding-large)));
  }
  .tablet\:translate-extra-large,
  .tablet\:hover\:translate-extra-large:hover,
  .tablet\:focus\:translate-extra-large:focus,
  .tablet\:group:hover .group-hover\:translate-extra-large,
  .tablet\:group:focus-within .group-focus-within\:translate-extra-large {
    transform: translate(var(--padding-extra-large), var(--padding-extra-large));
  }
  .tablet\:translate-x-extra-large,
  .tablet\:hover\:translate-x-extra-large:hover,
  .tablet\:focus\:translate-x-extra-large:focus,
  .tablet\:group:hover .group-hover\:translate-x-extra-large,
  .tablet\:group:focus-within .group-focus-within\:translate-x-extra-large {
    transform: translateX(var(--padding-extra-large));
  }
  .tablet\:translate-y-extra-large,
  .tablet\:hover\:translate-y-extra-large:hover,
  .tablet\:focus\:translate-y-extra-large:focus,
  .tablet\:group:hover .group-hover\:translate-y-extra-large,
  .tablet\:group:focus-within .group-focus-within\:translate-y-extra-large {
    transform: translateY(var(--padding-extra-large));
  }
  .tablet\:-translate-extra-large,
  .tablet\:hover\:-translate-extra-large:hover,
  .tablet\:focus\:-translate-extra-large:focus,
  .tablet\:group:hover .group-hover\:-translate-extra-large,
  .tablet\:group:focus-within .group-focus-within\:-translate-extra-large {
    transform: translate(calc(-1 * var(--padding-extra-large)), calc(-1 * var(--padding-extra-large)));
  }
  .tablet\:-translate-x-extra-large,
  .tablet\:hover\:-translate-x-extra-large:hover,
  .tablet\:focus\:-translate-x-extra-large:focus,
  .tablet\:group:hover .group-hover\:-translate-x-extra-large,
  .tablet\:group:focus-within .group-focus-within\:-translate-x-extra-large {
    transform: translateX(calc(-1 * var(--padding-extra-large)));
  }
  .tablet\:-translate-y-extra-large,
  .tablet\:hover\:-translate-y-extra-large:hover,
  .tablet\:focus\:-translate-y-extra-large:focus,
  .tablet\:group:hover .group-hover\:-translate-y-extra-large,
  .tablet\:group:focus-within .group-focus-within\:-translate-y-extra-large {
    transform: translateY(calc(-1 * var(--padding-extra-large)));
  }
  .tablet\:translate-huge,
  .tablet\:hover\:translate-huge:hover,
  .tablet\:focus\:translate-huge:focus,
  .tablet\:group:hover .group-hover\:translate-huge,
  .tablet\:group:focus-within .group-focus-within\:translate-huge {
    transform: translate(var(--padding-huge), var(--padding-huge));
  }
  .tablet\:translate-x-huge,
  .tablet\:hover\:translate-x-huge:hover,
  .tablet\:focus\:translate-x-huge:focus,
  .tablet\:group:hover .group-hover\:translate-x-huge,
  .tablet\:group:focus-within .group-focus-within\:translate-x-huge {
    transform: translateX(var(--padding-huge));
  }
  .tablet\:translate-y-huge,
  .tablet\:hover\:translate-y-huge:hover,
  .tablet\:focus\:translate-y-huge:focus,
  .tablet\:group:hover .group-hover\:translate-y-huge,
  .tablet\:group:focus-within .group-focus-within\:translate-y-huge {
    transform: translateY(var(--padding-huge));
  }
  .tablet\:-translate-huge,
  .tablet\:hover\:-translate-huge:hover,
  .tablet\:focus\:-translate-huge:focus,
  .tablet\:group:hover .group-hover\:-translate-huge,
  .tablet\:group:focus-within .group-focus-within\:-translate-huge {
    transform: translate(calc(-1 * var(--padding-huge)), calc(-1 * var(--padding-huge)));
  }
  .tablet\:-translate-x-huge,
  .tablet\:hover\:-translate-x-huge:hover,
  .tablet\:focus\:-translate-x-huge:focus,
  .tablet\:group:hover .group-hover\:-translate-x-huge,
  .tablet\:group:focus-within .group-focus-within\:-translate-x-huge {
    transform: translateX(calc(-1 * var(--padding-huge)));
  }
  .tablet\:-translate-y-huge,
  .tablet\:hover\:-translate-y-huge:hover,
  .tablet\:focus\:-translate-y-huge:focus,
  .tablet\:group:hover .group-hover\:-translate-y-huge,
  .tablet\:group:focus-within .group-focus-within\:-translate-y-huge {
    transform: translateY(calc(-1 * var(--padding-huge)));
  }
  .tablet\:translate-full,
  .tablet\:hover\:translate-full:hover,
  .tablet\:focus\:translate-full:focus,
  .tablet\:group:hover .group-hover\:translate-full,
  .tablet\:group:focus-within .group-focus-within\:translate-full {
    transform: translate(var(--padding-full), var(--padding-full));
  }
  .tablet\:translate-x-full,
  .tablet\:hover\:translate-x-full:hover,
  .tablet\:focus\:translate-x-full:focus,
  .tablet\:group:hover .group-hover\:translate-x-full,
  .tablet\:group:focus-within .group-focus-within\:translate-x-full {
    transform: translateX(var(--padding-full));
  }
  .tablet\:translate-y-full,
  .tablet\:hover\:translate-y-full:hover,
  .tablet\:focus\:translate-y-full:focus,
  .tablet\:group:hover .group-hover\:translate-y-full,
  .tablet\:group:focus-within .group-focus-within\:translate-y-full {
    transform: translateY(var(--padding-full));
  }
  .tablet\:-translate-full,
  .tablet\:hover\:-translate-full:hover,
  .tablet\:focus\:-translate-full:focus,
  .tablet\:group:hover .group-hover\:-translate-full,
  .tablet\:group:focus-within .group-focus-within\:-translate-full {
    transform: translate(calc(-1 * var(--padding-full)), calc(-1 * var(--padding-full)));
  }
  .tablet\:-translate-x-full,
  .tablet\:hover\:-translate-x-full:hover,
  .tablet\:focus\:-translate-x-full:focus,
  .tablet\:group:hover .group-hover\:-translate-x-full,
  .tablet\:group:focus-within .group-focus-within\:-translate-x-full {
    transform: translateX(calc(-1 * var(--padding-full)));
  }
  .tablet\:-translate-y-full,
  .tablet\:hover\:-translate-y-full:hover,
  .tablet\:focus\:-translate-y-full:focus,
  .tablet\:group:hover .group-hover\:-translate-y-full,
  .tablet\:group:focus-within .group-focus-within\:-translate-y-full {
    transform: translateY(calc(-1 * var(--padding-full)));
  }
  .flip-h {
    transform: scaleX(-1);
  }
  .flip-v {
    transform: scaleY(-1);
  }
  .tablet\:-rotate-0,
  .tablet\:hover\:-rotate-0:hover,
  .tablet\:focus\:-rotate-0:focus,
  .tablet\:group:hover .group-hover\:-rotate-0,
  .tablet\:group:focus-within .group-focus-within\:-rotate-0 {
    transform: rotate(-0deg);
  }
  .tablet\:-rotate-1,
  .tablet\:hover\:-rotate-1:hover,
  .tablet\:focus\:-rotate-1:focus,
  .tablet\:group:hover .group-hover\:-rotate-1,
  .tablet\:group:focus-within .group-focus-within\:-rotate-1 {
    transform: rotate(-1deg);
  }
  .tablet\:-rotate-2,
  .tablet\:hover\:-rotate-2:hover,
  .tablet\:focus\:-rotate-2:focus,
  .tablet\:group:hover .group-hover\:-rotate-2,
  .tablet\:group:focus-within .group-focus-within\:-rotate-2 {
    transform: rotate(-2deg);
  }
  .tablet\:-rotate-3,
  .tablet\:hover\:-rotate-3:hover,
  .tablet\:focus\:-rotate-3:focus,
  .tablet\:group:hover .group-hover\:-rotate-3,
  .tablet\:group:focus-within .group-focus-within\:-rotate-3 {
    transform: rotate(-3deg);
  }
  .tablet\:-rotate-4,
  .tablet\:hover\:-rotate-4:hover,
  .tablet\:focus\:-rotate-4:focus,
  .tablet\:group:hover .group-hover\:-rotate-4,
  .tablet\:group:focus-within .group-focus-within\:-rotate-4 {
    transform: rotate(-4deg);
  }
  .tablet\:-rotate-5,
  .tablet\:hover\:-rotate-5:hover,
  .tablet\:focus\:-rotate-5:focus,
  .tablet\:group:hover .group-hover\:-rotate-5,
  .tablet\:group:focus-within .group-focus-within\:-rotate-5 {
    transform: rotate(-5deg);
  }
  .tablet\:-rotate-6,
  .tablet\:hover\:-rotate-6:hover,
  .tablet\:focus\:-rotate-6:focus,
  .tablet\:group:hover .group-hover\:-rotate-6,
  .tablet\:group:focus-within .group-focus-within\:-rotate-6 {
    transform: rotate(-6deg);
  }
  .tablet\:-rotate-7,
  .tablet\:hover\:-rotate-7:hover,
  .tablet\:focus\:-rotate-7:focus,
  .tablet\:group:hover .group-hover\:-rotate-7,
  .tablet\:group:focus-within .group-focus-within\:-rotate-7 {
    transform: rotate(-7deg);
  }
  .tablet\:-rotate-8,
  .tablet\:hover\:-rotate-8:hover,
  .tablet\:focus\:-rotate-8:focus,
  .tablet\:group:hover .group-hover\:-rotate-8,
  .tablet\:group:focus-within .group-focus-within\:-rotate-8 {
    transform: rotate(-8deg);
  }
  .tablet\:-rotate-9,
  .tablet\:hover\:-rotate-9:hover,
  .tablet\:focus\:-rotate-9:focus,
  .tablet\:group:hover .group-hover\:-rotate-9,
  .tablet\:group:focus-within .group-focus-within\:-rotate-9 {
    transform: rotate(-9deg);
  }
  .tablet\:-rotate-10,
  .tablet\:hover\:-rotate-10:hover,
  .tablet\:focus\:-rotate-10:focus,
  .tablet\:group:hover .group-hover\:-rotate-10,
  .tablet\:group:focus-within .group-focus-within\:-rotate-10 {
    transform: rotate(-10deg);
  }
  .tablet\:-rotate-11,
  .tablet\:hover\:-rotate-11:hover,
  .tablet\:focus\:-rotate-11:focus,
  .tablet\:group:hover .group-hover\:-rotate-11,
  .tablet\:group:focus-within .group-focus-within\:-rotate-11 {
    transform: rotate(-11deg);
  }
  .tablet\:-rotate-12,
  .tablet\:hover\:-rotate-12:hover,
  .tablet\:focus\:-rotate-12:focus,
  .tablet\:group:hover .group-hover\:-rotate-12,
  .tablet\:group:focus-within .group-focus-within\:-rotate-12 {
    transform: rotate(-12deg);
  }
  .tablet\:-rotate-13,
  .tablet\:hover\:-rotate-13:hover,
  .tablet\:focus\:-rotate-13:focus,
  .tablet\:group:hover .group-hover\:-rotate-13,
  .tablet\:group:focus-within .group-focus-within\:-rotate-13 {
    transform: rotate(-13deg);
  }
  .tablet\:-rotate-14,
  .tablet\:hover\:-rotate-14:hover,
  .tablet\:focus\:-rotate-14:focus,
  .tablet\:group:hover .group-hover\:-rotate-14,
  .tablet\:group:focus-within .group-focus-within\:-rotate-14 {
    transform: rotate(-14deg);
  }
  .tablet\:-rotate-15,
  .tablet\:hover\:-rotate-15:hover,
  .tablet\:focus\:-rotate-15:focus,
  .tablet\:group:hover .group-hover\:-rotate-15,
  .tablet\:group:focus-within .group-focus-within\:-rotate-15 {
    transform: rotate(-15deg);
  }
  .tablet\:-rotate-16,
  .tablet\:hover\:-rotate-16:hover,
  .tablet\:focus\:-rotate-16:focus,
  .tablet\:group:hover .group-hover\:-rotate-16,
  .tablet\:group:focus-within .group-focus-within\:-rotate-16 {
    transform: rotate(-16deg);
  }
  .tablet\:-rotate-17,
  .tablet\:hover\:-rotate-17:hover,
  .tablet\:focus\:-rotate-17:focus,
  .tablet\:group:hover .group-hover\:-rotate-17,
  .tablet\:group:focus-within .group-focus-within\:-rotate-17 {
    transform: rotate(-17deg);
  }
  .tablet\:-rotate-18,
  .tablet\:hover\:-rotate-18:hover,
  .tablet\:focus\:-rotate-18:focus,
  .tablet\:group:hover .group-hover\:-rotate-18,
  .tablet\:group:focus-within .group-focus-within\:-rotate-18 {
    transform: rotate(-18deg);
  }
  .tablet\:-rotate-19,
  .tablet\:hover\:-rotate-19:hover,
  .tablet\:focus\:-rotate-19:focus,
  .tablet\:group:hover .group-hover\:-rotate-19,
  .tablet\:group:focus-within .group-focus-within\:-rotate-19 {
    transform: rotate(-19deg);
  }
  .tablet\:-rotate-20,
  .tablet\:hover\:-rotate-20:hover,
  .tablet\:focus\:-rotate-20:focus,
  .tablet\:group:hover .group-hover\:-rotate-20,
  .tablet\:group:focus-within .group-focus-within\:-rotate-20 {
    transform: rotate(-20deg);
  }
  .tablet\:-rotate-21,
  .tablet\:hover\:-rotate-21:hover,
  .tablet\:focus\:-rotate-21:focus,
  .tablet\:group:hover .group-hover\:-rotate-21,
  .tablet\:group:focus-within .group-focus-within\:-rotate-21 {
    transform: rotate(-21deg);
  }
  .tablet\:-rotate-22,
  .tablet\:hover\:-rotate-22:hover,
  .tablet\:focus\:-rotate-22:focus,
  .tablet\:group:hover .group-hover\:-rotate-22,
  .tablet\:group:focus-within .group-focus-within\:-rotate-22 {
    transform: rotate(-22deg);
  }
  .tablet\:-rotate-23,
  .tablet\:hover\:-rotate-23:hover,
  .tablet\:focus\:-rotate-23:focus,
  .tablet\:group:hover .group-hover\:-rotate-23,
  .tablet\:group:focus-within .group-focus-within\:-rotate-23 {
    transform: rotate(-23deg);
  }
  .tablet\:-rotate-24,
  .tablet\:hover\:-rotate-24:hover,
  .tablet\:focus\:-rotate-24:focus,
  .tablet\:group:hover .group-hover\:-rotate-24,
  .tablet\:group:focus-within .group-focus-within\:-rotate-24 {
    transform: rotate(-24deg);
  }
  .tablet\:-rotate-25,
  .tablet\:hover\:-rotate-25:hover,
  .tablet\:focus\:-rotate-25:focus,
  .tablet\:group:hover .group-hover\:-rotate-25,
  .tablet\:group:focus-within .group-focus-within\:-rotate-25 {
    transform: rotate(-25deg);
  }
  .tablet\:-rotate-26,
  .tablet\:hover\:-rotate-26:hover,
  .tablet\:focus\:-rotate-26:focus,
  .tablet\:group:hover .group-hover\:-rotate-26,
  .tablet\:group:focus-within .group-focus-within\:-rotate-26 {
    transform: rotate(-26deg);
  }
  .tablet\:-rotate-27,
  .tablet\:hover\:-rotate-27:hover,
  .tablet\:focus\:-rotate-27:focus,
  .tablet\:group:hover .group-hover\:-rotate-27,
  .tablet\:group:focus-within .group-focus-within\:-rotate-27 {
    transform: rotate(-27deg);
  }
  .tablet\:-rotate-28,
  .tablet\:hover\:-rotate-28:hover,
  .tablet\:focus\:-rotate-28:focus,
  .tablet\:group:hover .group-hover\:-rotate-28,
  .tablet\:group:focus-within .group-focus-within\:-rotate-28 {
    transform: rotate(-28deg);
  }
  .tablet\:-rotate-29,
  .tablet\:hover\:-rotate-29:hover,
  .tablet\:focus\:-rotate-29:focus,
  .tablet\:group:hover .group-hover\:-rotate-29,
  .tablet\:group:focus-within .group-focus-within\:-rotate-29 {
    transform: rotate(-29deg);
  }
  .tablet\:-rotate-30,
  .tablet\:hover\:-rotate-30:hover,
  .tablet\:focus\:-rotate-30:focus,
  .tablet\:group:hover .group-hover\:-rotate-30,
  .tablet\:group:focus-within .group-focus-within\:-rotate-30 {
    transform: rotate(-30deg);
  }
  .tablet\:-rotate-31,
  .tablet\:hover\:-rotate-31:hover,
  .tablet\:focus\:-rotate-31:focus,
  .tablet\:group:hover .group-hover\:-rotate-31,
  .tablet\:group:focus-within .group-focus-within\:-rotate-31 {
    transform: rotate(-31deg);
  }
  .tablet\:-rotate-32,
  .tablet\:hover\:-rotate-32:hover,
  .tablet\:focus\:-rotate-32:focus,
  .tablet\:group:hover .group-hover\:-rotate-32,
  .tablet\:group:focus-within .group-focus-within\:-rotate-32 {
    transform: rotate(-32deg);
  }
  .tablet\:-rotate-33,
  .tablet\:hover\:-rotate-33:hover,
  .tablet\:focus\:-rotate-33:focus,
  .tablet\:group:hover .group-hover\:-rotate-33,
  .tablet\:group:focus-within .group-focus-within\:-rotate-33 {
    transform: rotate(-33deg);
  }
  .tablet\:-rotate-34,
  .tablet\:hover\:-rotate-34:hover,
  .tablet\:focus\:-rotate-34:focus,
  .tablet\:group:hover .group-hover\:-rotate-34,
  .tablet\:group:focus-within .group-focus-within\:-rotate-34 {
    transform: rotate(-34deg);
  }
  .tablet\:-rotate-35,
  .tablet\:hover\:-rotate-35:hover,
  .tablet\:focus\:-rotate-35:focus,
  .tablet\:group:hover .group-hover\:-rotate-35,
  .tablet\:group:focus-within .group-focus-within\:-rotate-35 {
    transform: rotate(-35deg);
  }
  .tablet\:-rotate-36,
  .tablet\:hover\:-rotate-36:hover,
  .tablet\:focus\:-rotate-36:focus,
  .tablet\:group:hover .group-hover\:-rotate-36,
  .tablet\:group:focus-within .group-focus-within\:-rotate-36 {
    transform: rotate(-36deg);
  }
  .tablet\:-rotate-37,
  .tablet\:hover\:-rotate-37:hover,
  .tablet\:focus\:-rotate-37:focus,
  .tablet\:group:hover .group-hover\:-rotate-37,
  .tablet\:group:focus-within .group-focus-within\:-rotate-37 {
    transform: rotate(-37deg);
  }
  .tablet\:-rotate-38,
  .tablet\:hover\:-rotate-38:hover,
  .tablet\:focus\:-rotate-38:focus,
  .tablet\:group:hover .group-hover\:-rotate-38,
  .tablet\:group:focus-within .group-focus-within\:-rotate-38 {
    transform: rotate(-38deg);
  }
  .tablet\:-rotate-39,
  .tablet\:hover\:-rotate-39:hover,
  .tablet\:focus\:-rotate-39:focus,
  .tablet\:group:hover .group-hover\:-rotate-39,
  .tablet\:group:focus-within .group-focus-within\:-rotate-39 {
    transform: rotate(-39deg);
  }
  .tablet\:-rotate-40,
  .tablet\:hover\:-rotate-40:hover,
  .tablet\:focus\:-rotate-40:focus,
  .tablet\:group:hover .group-hover\:-rotate-40,
  .tablet\:group:focus-within .group-focus-within\:-rotate-40 {
    transform: rotate(-40deg);
  }
  .tablet\:-rotate-41,
  .tablet\:hover\:-rotate-41:hover,
  .tablet\:focus\:-rotate-41:focus,
  .tablet\:group:hover .group-hover\:-rotate-41,
  .tablet\:group:focus-within .group-focus-within\:-rotate-41 {
    transform: rotate(-41deg);
  }
  .tablet\:-rotate-42,
  .tablet\:hover\:-rotate-42:hover,
  .tablet\:focus\:-rotate-42:focus,
  .tablet\:group:hover .group-hover\:-rotate-42,
  .tablet\:group:focus-within .group-focus-within\:-rotate-42 {
    transform: rotate(-42deg);
  }
  .tablet\:-rotate-43,
  .tablet\:hover\:-rotate-43:hover,
  .tablet\:focus\:-rotate-43:focus,
  .tablet\:group:hover .group-hover\:-rotate-43,
  .tablet\:group:focus-within .group-focus-within\:-rotate-43 {
    transform: rotate(-43deg);
  }
  .tablet\:-rotate-44,
  .tablet\:hover\:-rotate-44:hover,
  .tablet\:focus\:-rotate-44:focus,
  .tablet\:group:hover .group-hover\:-rotate-44,
  .tablet\:group:focus-within .group-focus-within\:-rotate-44 {
    transform: rotate(-44deg);
  }
  .tablet\:-rotate-45,
  .tablet\:hover\:-rotate-45:hover,
  .tablet\:focus\:-rotate-45:focus,
  .tablet\:group:hover .group-hover\:-rotate-45,
  .tablet\:group:focus-within .group-focus-within\:-rotate-45 {
    transform: rotate(-45deg);
  }
  .tablet\:-rotate-46,
  .tablet\:hover\:-rotate-46:hover,
  .tablet\:focus\:-rotate-46:focus,
  .tablet\:group:hover .group-hover\:-rotate-46,
  .tablet\:group:focus-within .group-focus-within\:-rotate-46 {
    transform: rotate(-46deg);
  }
  .tablet\:-rotate-47,
  .tablet\:hover\:-rotate-47:hover,
  .tablet\:focus\:-rotate-47:focus,
  .tablet\:group:hover .group-hover\:-rotate-47,
  .tablet\:group:focus-within .group-focus-within\:-rotate-47 {
    transform: rotate(-47deg);
  }
  .tablet\:-rotate-48,
  .tablet\:hover\:-rotate-48:hover,
  .tablet\:focus\:-rotate-48:focus,
  .tablet\:group:hover .group-hover\:-rotate-48,
  .tablet\:group:focus-within .group-focus-within\:-rotate-48 {
    transform: rotate(-48deg);
  }
  .tablet\:-rotate-49,
  .tablet\:hover\:-rotate-49:hover,
  .tablet\:focus\:-rotate-49:focus,
  .tablet\:group:hover .group-hover\:-rotate-49,
  .tablet\:group:focus-within .group-focus-within\:-rotate-49 {
    transform: rotate(-49deg);
  }
  .tablet\:-rotate-50,
  .tablet\:hover\:-rotate-50:hover,
  .tablet\:focus\:-rotate-50:focus,
  .tablet\:group:hover .group-hover\:-rotate-50,
  .tablet\:group:focus-within .group-focus-within\:-rotate-50 {
    transform: rotate(-50deg);
  }
  .tablet\:-rotate-51,
  .tablet\:hover\:-rotate-51:hover,
  .tablet\:focus\:-rotate-51:focus,
  .tablet\:group:hover .group-hover\:-rotate-51,
  .tablet\:group:focus-within .group-focus-within\:-rotate-51 {
    transform: rotate(-51deg);
  }
  .tablet\:-rotate-52,
  .tablet\:hover\:-rotate-52:hover,
  .tablet\:focus\:-rotate-52:focus,
  .tablet\:group:hover .group-hover\:-rotate-52,
  .tablet\:group:focus-within .group-focus-within\:-rotate-52 {
    transform: rotate(-52deg);
  }
  .tablet\:-rotate-53,
  .tablet\:hover\:-rotate-53:hover,
  .tablet\:focus\:-rotate-53:focus,
  .tablet\:group:hover .group-hover\:-rotate-53,
  .tablet\:group:focus-within .group-focus-within\:-rotate-53 {
    transform: rotate(-53deg);
  }
  .tablet\:-rotate-54,
  .tablet\:hover\:-rotate-54:hover,
  .tablet\:focus\:-rotate-54:focus,
  .tablet\:group:hover .group-hover\:-rotate-54,
  .tablet\:group:focus-within .group-focus-within\:-rotate-54 {
    transform: rotate(-54deg);
  }
  .tablet\:-rotate-55,
  .tablet\:hover\:-rotate-55:hover,
  .tablet\:focus\:-rotate-55:focus,
  .tablet\:group:hover .group-hover\:-rotate-55,
  .tablet\:group:focus-within .group-focus-within\:-rotate-55 {
    transform: rotate(-55deg);
  }
  .tablet\:-rotate-56,
  .tablet\:hover\:-rotate-56:hover,
  .tablet\:focus\:-rotate-56:focus,
  .tablet\:group:hover .group-hover\:-rotate-56,
  .tablet\:group:focus-within .group-focus-within\:-rotate-56 {
    transform: rotate(-56deg);
  }
  .tablet\:-rotate-57,
  .tablet\:hover\:-rotate-57:hover,
  .tablet\:focus\:-rotate-57:focus,
  .tablet\:group:hover .group-hover\:-rotate-57,
  .tablet\:group:focus-within .group-focus-within\:-rotate-57 {
    transform: rotate(-57deg);
  }
  .tablet\:-rotate-58,
  .tablet\:hover\:-rotate-58:hover,
  .tablet\:focus\:-rotate-58:focus,
  .tablet\:group:hover .group-hover\:-rotate-58,
  .tablet\:group:focus-within .group-focus-within\:-rotate-58 {
    transform: rotate(-58deg);
  }
  .tablet\:-rotate-59,
  .tablet\:hover\:-rotate-59:hover,
  .tablet\:focus\:-rotate-59:focus,
  .tablet\:group:hover .group-hover\:-rotate-59,
  .tablet\:group:focus-within .group-focus-within\:-rotate-59 {
    transform: rotate(-59deg);
  }
  .tablet\:-rotate-60,
  .tablet\:hover\:-rotate-60:hover,
  .tablet\:focus\:-rotate-60:focus,
  .tablet\:group:hover .group-hover\:-rotate-60,
  .tablet\:group:focus-within .group-focus-within\:-rotate-60 {
    transform: rotate(-60deg);
  }
  .tablet\:-rotate-61,
  .tablet\:hover\:-rotate-61:hover,
  .tablet\:focus\:-rotate-61:focus,
  .tablet\:group:hover .group-hover\:-rotate-61,
  .tablet\:group:focus-within .group-focus-within\:-rotate-61 {
    transform: rotate(-61deg);
  }
  .tablet\:-rotate-62,
  .tablet\:hover\:-rotate-62:hover,
  .tablet\:focus\:-rotate-62:focus,
  .tablet\:group:hover .group-hover\:-rotate-62,
  .tablet\:group:focus-within .group-focus-within\:-rotate-62 {
    transform: rotate(-62deg);
  }
  .tablet\:-rotate-63,
  .tablet\:hover\:-rotate-63:hover,
  .tablet\:focus\:-rotate-63:focus,
  .tablet\:group:hover .group-hover\:-rotate-63,
  .tablet\:group:focus-within .group-focus-within\:-rotate-63 {
    transform: rotate(-63deg);
  }
  .tablet\:-rotate-64,
  .tablet\:hover\:-rotate-64:hover,
  .tablet\:focus\:-rotate-64:focus,
  .tablet\:group:hover .group-hover\:-rotate-64,
  .tablet\:group:focus-within .group-focus-within\:-rotate-64 {
    transform: rotate(-64deg);
  }
  .tablet\:-rotate-65,
  .tablet\:hover\:-rotate-65:hover,
  .tablet\:focus\:-rotate-65:focus,
  .tablet\:group:hover .group-hover\:-rotate-65,
  .tablet\:group:focus-within .group-focus-within\:-rotate-65 {
    transform: rotate(-65deg);
  }
  .tablet\:-rotate-66,
  .tablet\:hover\:-rotate-66:hover,
  .tablet\:focus\:-rotate-66:focus,
  .tablet\:group:hover .group-hover\:-rotate-66,
  .tablet\:group:focus-within .group-focus-within\:-rotate-66 {
    transform: rotate(-66deg);
  }
  .tablet\:-rotate-67,
  .tablet\:hover\:-rotate-67:hover,
  .tablet\:focus\:-rotate-67:focus,
  .tablet\:group:hover .group-hover\:-rotate-67,
  .tablet\:group:focus-within .group-focus-within\:-rotate-67 {
    transform: rotate(-67deg);
  }
  .tablet\:-rotate-68,
  .tablet\:hover\:-rotate-68:hover,
  .tablet\:focus\:-rotate-68:focus,
  .tablet\:group:hover .group-hover\:-rotate-68,
  .tablet\:group:focus-within .group-focus-within\:-rotate-68 {
    transform: rotate(-68deg);
  }
  .tablet\:-rotate-69,
  .tablet\:hover\:-rotate-69:hover,
  .tablet\:focus\:-rotate-69:focus,
  .tablet\:group:hover .group-hover\:-rotate-69,
  .tablet\:group:focus-within .group-focus-within\:-rotate-69 {
    transform: rotate(-69deg);
  }
  .tablet\:-rotate-70,
  .tablet\:hover\:-rotate-70:hover,
  .tablet\:focus\:-rotate-70:focus,
  .tablet\:group:hover .group-hover\:-rotate-70,
  .tablet\:group:focus-within .group-focus-within\:-rotate-70 {
    transform: rotate(-70deg);
  }
  .tablet\:-rotate-71,
  .tablet\:hover\:-rotate-71:hover,
  .tablet\:focus\:-rotate-71:focus,
  .tablet\:group:hover .group-hover\:-rotate-71,
  .tablet\:group:focus-within .group-focus-within\:-rotate-71 {
    transform: rotate(-71deg);
  }
  .tablet\:-rotate-72,
  .tablet\:hover\:-rotate-72:hover,
  .tablet\:focus\:-rotate-72:focus,
  .tablet\:group:hover .group-hover\:-rotate-72,
  .tablet\:group:focus-within .group-focus-within\:-rotate-72 {
    transform: rotate(-72deg);
  }
  .tablet\:-rotate-73,
  .tablet\:hover\:-rotate-73:hover,
  .tablet\:focus\:-rotate-73:focus,
  .tablet\:group:hover .group-hover\:-rotate-73,
  .tablet\:group:focus-within .group-focus-within\:-rotate-73 {
    transform: rotate(-73deg);
  }
  .tablet\:-rotate-74,
  .tablet\:hover\:-rotate-74:hover,
  .tablet\:focus\:-rotate-74:focus,
  .tablet\:group:hover .group-hover\:-rotate-74,
  .tablet\:group:focus-within .group-focus-within\:-rotate-74 {
    transform: rotate(-74deg);
  }
  .tablet\:-rotate-75,
  .tablet\:hover\:-rotate-75:hover,
  .tablet\:focus\:-rotate-75:focus,
  .tablet\:group:hover .group-hover\:-rotate-75,
  .tablet\:group:focus-within .group-focus-within\:-rotate-75 {
    transform: rotate(-75deg);
  }
  .tablet\:-rotate-76,
  .tablet\:hover\:-rotate-76:hover,
  .tablet\:focus\:-rotate-76:focus,
  .tablet\:group:hover .group-hover\:-rotate-76,
  .tablet\:group:focus-within .group-focus-within\:-rotate-76 {
    transform: rotate(-76deg);
  }
  .tablet\:-rotate-77,
  .tablet\:hover\:-rotate-77:hover,
  .tablet\:focus\:-rotate-77:focus,
  .tablet\:group:hover .group-hover\:-rotate-77,
  .tablet\:group:focus-within .group-focus-within\:-rotate-77 {
    transform: rotate(-77deg);
  }
  .tablet\:-rotate-78,
  .tablet\:hover\:-rotate-78:hover,
  .tablet\:focus\:-rotate-78:focus,
  .tablet\:group:hover .group-hover\:-rotate-78,
  .tablet\:group:focus-within .group-focus-within\:-rotate-78 {
    transform: rotate(-78deg);
  }
  .tablet\:-rotate-79,
  .tablet\:hover\:-rotate-79:hover,
  .tablet\:focus\:-rotate-79:focus,
  .tablet\:group:hover .group-hover\:-rotate-79,
  .tablet\:group:focus-within .group-focus-within\:-rotate-79 {
    transform: rotate(-79deg);
  }
  .tablet\:-rotate-80,
  .tablet\:hover\:-rotate-80:hover,
  .tablet\:focus\:-rotate-80:focus,
  .tablet\:group:hover .group-hover\:-rotate-80,
  .tablet\:group:focus-within .group-focus-within\:-rotate-80 {
    transform: rotate(-80deg);
  }
  .tablet\:-rotate-81,
  .tablet\:hover\:-rotate-81:hover,
  .tablet\:focus\:-rotate-81:focus,
  .tablet\:group:hover .group-hover\:-rotate-81,
  .tablet\:group:focus-within .group-focus-within\:-rotate-81 {
    transform: rotate(-81deg);
  }
  .tablet\:-rotate-82,
  .tablet\:hover\:-rotate-82:hover,
  .tablet\:focus\:-rotate-82:focus,
  .tablet\:group:hover .group-hover\:-rotate-82,
  .tablet\:group:focus-within .group-focus-within\:-rotate-82 {
    transform: rotate(-82deg);
  }
  .tablet\:-rotate-83,
  .tablet\:hover\:-rotate-83:hover,
  .tablet\:focus\:-rotate-83:focus,
  .tablet\:group:hover .group-hover\:-rotate-83,
  .tablet\:group:focus-within .group-focus-within\:-rotate-83 {
    transform: rotate(-83deg);
  }
  .tablet\:-rotate-84,
  .tablet\:hover\:-rotate-84:hover,
  .tablet\:focus\:-rotate-84:focus,
  .tablet\:group:hover .group-hover\:-rotate-84,
  .tablet\:group:focus-within .group-focus-within\:-rotate-84 {
    transform: rotate(-84deg);
  }
  .tablet\:-rotate-85,
  .tablet\:hover\:-rotate-85:hover,
  .tablet\:focus\:-rotate-85:focus,
  .tablet\:group:hover .group-hover\:-rotate-85,
  .tablet\:group:focus-within .group-focus-within\:-rotate-85 {
    transform: rotate(-85deg);
  }
  .tablet\:-rotate-86,
  .tablet\:hover\:-rotate-86:hover,
  .tablet\:focus\:-rotate-86:focus,
  .tablet\:group:hover .group-hover\:-rotate-86,
  .tablet\:group:focus-within .group-focus-within\:-rotate-86 {
    transform: rotate(-86deg);
  }
  .tablet\:-rotate-87,
  .tablet\:hover\:-rotate-87:hover,
  .tablet\:focus\:-rotate-87:focus,
  .tablet\:group:hover .group-hover\:-rotate-87,
  .tablet\:group:focus-within .group-focus-within\:-rotate-87 {
    transform: rotate(-87deg);
  }
  .tablet\:-rotate-88,
  .tablet\:hover\:-rotate-88:hover,
  .tablet\:focus\:-rotate-88:focus,
  .tablet\:group:hover .group-hover\:-rotate-88,
  .tablet\:group:focus-within .group-focus-within\:-rotate-88 {
    transform: rotate(-88deg);
  }
  .tablet\:-rotate-89,
  .tablet\:hover\:-rotate-89:hover,
  .tablet\:focus\:-rotate-89:focus,
  .tablet\:group:hover .group-hover\:-rotate-89,
  .tablet\:group:focus-within .group-focus-within\:-rotate-89 {
    transform: rotate(-89deg);
  }
  .tablet\:-rotate-90,
  .tablet\:hover\:-rotate-90:hover,
  .tablet\:focus\:-rotate-90:focus,
  .tablet\:group:hover .group-hover\:-rotate-90,
  .tablet\:group:focus-within .group-focus-within\:-rotate-90 {
    transform: rotate(-90deg);
  }
  .tablet\:-rotate-91,
  .tablet\:hover\:-rotate-91:hover,
  .tablet\:focus\:-rotate-91:focus,
  .tablet\:group:hover .group-hover\:-rotate-91,
  .tablet\:group:focus-within .group-focus-within\:-rotate-91 {
    transform: rotate(-91deg);
  }
  .tablet\:-rotate-92,
  .tablet\:hover\:-rotate-92:hover,
  .tablet\:focus\:-rotate-92:focus,
  .tablet\:group:hover .group-hover\:-rotate-92,
  .tablet\:group:focus-within .group-focus-within\:-rotate-92 {
    transform: rotate(-92deg);
  }
  .tablet\:-rotate-93,
  .tablet\:hover\:-rotate-93:hover,
  .tablet\:focus\:-rotate-93:focus,
  .tablet\:group:hover .group-hover\:-rotate-93,
  .tablet\:group:focus-within .group-focus-within\:-rotate-93 {
    transform: rotate(-93deg);
  }
  .tablet\:-rotate-94,
  .tablet\:hover\:-rotate-94:hover,
  .tablet\:focus\:-rotate-94:focus,
  .tablet\:group:hover .group-hover\:-rotate-94,
  .tablet\:group:focus-within .group-focus-within\:-rotate-94 {
    transform: rotate(-94deg);
  }
  .tablet\:-rotate-95,
  .tablet\:hover\:-rotate-95:hover,
  .tablet\:focus\:-rotate-95:focus,
  .tablet\:group:hover .group-hover\:-rotate-95,
  .tablet\:group:focus-within .group-focus-within\:-rotate-95 {
    transform: rotate(-95deg);
  }
  .tablet\:-rotate-96,
  .tablet\:hover\:-rotate-96:hover,
  .tablet\:focus\:-rotate-96:focus,
  .tablet\:group:hover .group-hover\:-rotate-96,
  .tablet\:group:focus-within .group-focus-within\:-rotate-96 {
    transform: rotate(-96deg);
  }
  .tablet\:-rotate-97,
  .tablet\:hover\:-rotate-97:hover,
  .tablet\:focus\:-rotate-97:focus,
  .tablet\:group:hover .group-hover\:-rotate-97,
  .tablet\:group:focus-within .group-focus-within\:-rotate-97 {
    transform: rotate(-97deg);
  }
  .tablet\:-rotate-98,
  .tablet\:hover\:-rotate-98:hover,
  .tablet\:focus\:-rotate-98:focus,
  .tablet\:group:hover .group-hover\:-rotate-98,
  .tablet\:group:focus-within .group-focus-within\:-rotate-98 {
    transform: rotate(-98deg);
  }
  .tablet\:-rotate-99,
  .tablet\:hover\:-rotate-99:hover,
  .tablet\:focus\:-rotate-99:focus,
  .tablet\:group:hover .group-hover\:-rotate-99,
  .tablet\:group:focus-within .group-focus-within\:-rotate-99 {
    transform: rotate(-99deg);
  }
  .tablet\:-rotate-100,
  .tablet\:hover\:-rotate-100:hover,
  .tablet\:focus\:-rotate-100:focus,
  .tablet\:group:hover .group-hover\:-rotate-100,
  .tablet\:group:focus-within .group-focus-within\:-rotate-100 {
    transform: rotate(-100deg);
  }
  .tablet\:-rotate-101,
  .tablet\:hover\:-rotate-101:hover,
  .tablet\:focus\:-rotate-101:focus,
  .tablet\:group:hover .group-hover\:-rotate-101,
  .tablet\:group:focus-within .group-focus-within\:-rotate-101 {
    transform: rotate(-101deg);
  }
  .tablet\:-rotate-102,
  .tablet\:hover\:-rotate-102:hover,
  .tablet\:focus\:-rotate-102:focus,
  .tablet\:group:hover .group-hover\:-rotate-102,
  .tablet\:group:focus-within .group-focus-within\:-rotate-102 {
    transform: rotate(-102deg);
  }
  .tablet\:-rotate-103,
  .tablet\:hover\:-rotate-103:hover,
  .tablet\:focus\:-rotate-103:focus,
  .tablet\:group:hover .group-hover\:-rotate-103,
  .tablet\:group:focus-within .group-focus-within\:-rotate-103 {
    transform: rotate(-103deg);
  }
  .tablet\:-rotate-104,
  .tablet\:hover\:-rotate-104:hover,
  .tablet\:focus\:-rotate-104:focus,
  .tablet\:group:hover .group-hover\:-rotate-104,
  .tablet\:group:focus-within .group-focus-within\:-rotate-104 {
    transform: rotate(-104deg);
  }
  .tablet\:-rotate-105,
  .tablet\:hover\:-rotate-105:hover,
  .tablet\:focus\:-rotate-105:focus,
  .tablet\:group:hover .group-hover\:-rotate-105,
  .tablet\:group:focus-within .group-focus-within\:-rotate-105 {
    transform: rotate(-105deg);
  }
  .tablet\:-rotate-106,
  .tablet\:hover\:-rotate-106:hover,
  .tablet\:focus\:-rotate-106:focus,
  .tablet\:group:hover .group-hover\:-rotate-106,
  .tablet\:group:focus-within .group-focus-within\:-rotate-106 {
    transform: rotate(-106deg);
  }
  .tablet\:-rotate-107,
  .tablet\:hover\:-rotate-107:hover,
  .tablet\:focus\:-rotate-107:focus,
  .tablet\:group:hover .group-hover\:-rotate-107,
  .tablet\:group:focus-within .group-focus-within\:-rotate-107 {
    transform: rotate(-107deg);
  }
  .tablet\:-rotate-108,
  .tablet\:hover\:-rotate-108:hover,
  .tablet\:focus\:-rotate-108:focus,
  .tablet\:group:hover .group-hover\:-rotate-108,
  .tablet\:group:focus-within .group-focus-within\:-rotate-108 {
    transform: rotate(-108deg);
  }
  .tablet\:-rotate-109,
  .tablet\:hover\:-rotate-109:hover,
  .tablet\:focus\:-rotate-109:focus,
  .tablet\:group:hover .group-hover\:-rotate-109,
  .tablet\:group:focus-within .group-focus-within\:-rotate-109 {
    transform: rotate(-109deg);
  }
  .tablet\:-rotate-110,
  .tablet\:hover\:-rotate-110:hover,
  .tablet\:focus\:-rotate-110:focus,
  .tablet\:group:hover .group-hover\:-rotate-110,
  .tablet\:group:focus-within .group-focus-within\:-rotate-110 {
    transform: rotate(-110deg);
  }
  .tablet\:-rotate-111,
  .tablet\:hover\:-rotate-111:hover,
  .tablet\:focus\:-rotate-111:focus,
  .tablet\:group:hover .group-hover\:-rotate-111,
  .tablet\:group:focus-within .group-focus-within\:-rotate-111 {
    transform: rotate(-111deg);
  }
  .tablet\:-rotate-112,
  .tablet\:hover\:-rotate-112:hover,
  .tablet\:focus\:-rotate-112:focus,
  .tablet\:group:hover .group-hover\:-rotate-112,
  .tablet\:group:focus-within .group-focus-within\:-rotate-112 {
    transform: rotate(-112deg);
  }
  .tablet\:-rotate-113,
  .tablet\:hover\:-rotate-113:hover,
  .tablet\:focus\:-rotate-113:focus,
  .tablet\:group:hover .group-hover\:-rotate-113,
  .tablet\:group:focus-within .group-focus-within\:-rotate-113 {
    transform: rotate(-113deg);
  }
  .tablet\:-rotate-114,
  .tablet\:hover\:-rotate-114:hover,
  .tablet\:focus\:-rotate-114:focus,
  .tablet\:group:hover .group-hover\:-rotate-114,
  .tablet\:group:focus-within .group-focus-within\:-rotate-114 {
    transform: rotate(-114deg);
  }
  .tablet\:-rotate-115,
  .tablet\:hover\:-rotate-115:hover,
  .tablet\:focus\:-rotate-115:focus,
  .tablet\:group:hover .group-hover\:-rotate-115,
  .tablet\:group:focus-within .group-focus-within\:-rotate-115 {
    transform: rotate(-115deg);
  }
  .tablet\:-rotate-116,
  .tablet\:hover\:-rotate-116:hover,
  .tablet\:focus\:-rotate-116:focus,
  .tablet\:group:hover .group-hover\:-rotate-116,
  .tablet\:group:focus-within .group-focus-within\:-rotate-116 {
    transform: rotate(-116deg);
  }
  .tablet\:-rotate-117,
  .tablet\:hover\:-rotate-117:hover,
  .tablet\:focus\:-rotate-117:focus,
  .tablet\:group:hover .group-hover\:-rotate-117,
  .tablet\:group:focus-within .group-focus-within\:-rotate-117 {
    transform: rotate(-117deg);
  }
  .tablet\:-rotate-118,
  .tablet\:hover\:-rotate-118:hover,
  .tablet\:focus\:-rotate-118:focus,
  .tablet\:group:hover .group-hover\:-rotate-118,
  .tablet\:group:focus-within .group-focus-within\:-rotate-118 {
    transform: rotate(-118deg);
  }
  .tablet\:-rotate-119,
  .tablet\:hover\:-rotate-119:hover,
  .tablet\:focus\:-rotate-119:focus,
  .tablet\:group:hover .group-hover\:-rotate-119,
  .tablet\:group:focus-within .group-focus-within\:-rotate-119 {
    transform: rotate(-119deg);
  }
  .tablet\:-rotate-120,
  .tablet\:hover\:-rotate-120:hover,
  .tablet\:focus\:-rotate-120:focus,
  .tablet\:group:hover .group-hover\:-rotate-120,
  .tablet\:group:focus-within .group-focus-within\:-rotate-120 {
    transform: rotate(-120deg);
  }
  .tablet\:-rotate-121,
  .tablet\:hover\:-rotate-121:hover,
  .tablet\:focus\:-rotate-121:focus,
  .tablet\:group:hover .group-hover\:-rotate-121,
  .tablet\:group:focus-within .group-focus-within\:-rotate-121 {
    transform: rotate(-121deg);
  }
  .tablet\:-rotate-122,
  .tablet\:hover\:-rotate-122:hover,
  .tablet\:focus\:-rotate-122:focus,
  .tablet\:group:hover .group-hover\:-rotate-122,
  .tablet\:group:focus-within .group-focus-within\:-rotate-122 {
    transform: rotate(-122deg);
  }
  .tablet\:-rotate-123,
  .tablet\:hover\:-rotate-123:hover,
  .tablet\:focus\:-rotate-123:focus,
  .tablet\:group:hover .group-hover\:-rotate-123,
  .tablet\:group:focus-within .group-focus-within\:-rotate-123 {
    transform: rotate(-123deg);
  }
  .tablet\:-rotate-124,
  .tablet\:hover\:-rotate-124:hover,
  .tablet\:focus\:-rotate-124:focus,
  .tablet\:group:hover .group-hover\:-rotate-124,
  .tablet\:group:focus-within .group-focus-within\:-rotate-124 {
    transform: rotate(-124deg);
  }
  .tablet\:-rotate-125,
  .tablet\:hover\:-rotate-125:hover,
  .tablet\:focus\:-rotate-125:focus,
  .tablet\:group:hover .group-hover\:-rotate-125,
  .tablet\:group:focus-within .group-focus-within\:-rotate-125 {
    transform: rotate(-125deg);
  }
  .tablet\:-rotate-126,
  .tablet\:hover\:-rotate-126:hover,
  .tablet\:focus\:-rotate-126:focus,
  .tablet\:group:hover .group-hover\:-rotate-126,
  .tablet\:group:focus-within .group-focus-within\:-rotate-126 {
    transform: rotate(-126deg);
  }
  .tablet\:-rotate-127,
  .tablet\:hover\:-rotate-127:hover,
  .tablet\:focus\:-rotate-127:focus,
  .tablet\:group:hover .group-hover\:-rotate-127,
  .tablet\:group:focus-within .group-focus-within\:-rotate-127 {
    transform: rotate(-127deg);
  }
  .tablet\:-rotate-128,
  .tablet\:hover\:-rotate-128:hover,
  .tablet\:focus\:-rotate-128:focus,
  .tablet\:group:hover .group-hover\:-rotate-128,
  .tablet\:group:focus-within .group-focus-within\:-rotate-128 {
    transform: rotate(-128deg);
  }
  .tablet\:-rotate-129,
  .tablet\:hover\:-rotate-129:hover,
  .tablet\:focus\:-rotate-129:focus,
  .tablet\:group:hover .group-hover\:-rotate-129,
  .tablet\:group:focus-within .group-focus-within\:-rotate-129 {
    transform: rotate(-129deg);
  }
  .tablet\:-rotate-130,
  .tablet\:hover\:-rotate-130:hover,
  .tablet\:focus\:-rotate-130:focus,
  .tablet\:group:hover .group-hover\:-rotate-130,
  .tablet\:group:focus-within .group-focus-within\:-rotate-130 {
    transform: rotate(-130deg);
  }
  .tablet\:-rotate-131,
  .tablet\:hover\:-rotate-131:hover,
  .tablet\:focus\:-rotate-131:focus,
  .tablet\:group:hover .group-hover\:-rotate-131,
  .tablet\:group:focus-within .group-focus-within\:-rotate-131 {
    transform: rotate(-131deg);
  }
  .tablet\:-rotate-132,
  .tablet\:hover\:-rotate-132:hover,
  .tablet\:focus\:-rotate-132:focus,
  .tablet\:group:hover .group-hover\:-rotate-132,
  .tablet\:group:focus-within .group-focus-within\:-rotate-132 {
    transform: rotate(-132deg);
  }
  .tablet\:-rotate-133,
  .tablet\:hover\:-rotate-133:hover,
  .tablet\:focus\:-rotate-133:focus,
  .tablet\:group:hover .group-hover\:-rotate-133,
  .tablet\:group:focus-within .group-focus-within\:-rotate-133 {
    transform: rotate(-133deg);
  }
  .tablet\:-rotate-134,
  .tablet\:hover\:-rotate-134:hover,
  .tablet\:focus\:-rotate-134:focus,
  .tablet\:group:hover .group-hover\:-rotate-134,
  .tablet\:group:focus-within .group-focus-within\:-rotate-134 {
    transform: rotate(-134deg);
  }
  .tablet\:-rotate-135,
  .tablet\:hover\:-rotate-135:hover,
  .tablet\:focus\:-rotate-135:focus,
  .tablet\:group:hover .group-hover\:-rotate-135,
  .tablet\:group:focus-within .group-focus-within\:-rotate-135 {
    transform: rotate(-135deg);
  }
  .tablet\:-rotate-136,
  .tablet\:hover\:-rotate-136:hover,
  .tablet\:focus\:-rotate-136:focus,
  .tablet\:group:hover .group-hover\:-rotate-136,
  .tablet\:group:focus-within .group-focus-within\:-rotate-136 {
    transform: rotate(-136deg);
  }
  .tablet\:-rotate-137,
  .tablet\:hover\:-rotate-137:hover,
  .tablet\:focus\:-rotate-137:focus,
  .tablet\:group:hover .group-hover\:-rotate-137,
  .tablet\:group:focus-within .group-focus-within\:-rotate-137 {
    transform: rotate(-137deg);
  }
  .tablet\:-rotate-138,
  .tablet\:hover\:-rotate-138:hover,
  .tablet\:focus\:-rotate-138:focus,
  .tablet\:group:hover .group-hover\:-rotate-138,
  .tablet\:group:focus-within .group-focus-within\:-rotate-138 {
    transform: rotate(-138deg);
  }
  .tablet\:-rotate-139,
  .tablet\:hover\:-rotate-139:hover,
  .tablet\:focus\:-rotate-139:focus,
  .tablet\:group:hover .group-hover\:-rotate-139,
  .tablet\:group:focus-within .group-focus-within\:-rotate-139 {
    transform: rotate(-139deg);
  }
  .tablet\:-rotate-140,
  .tablet\:hover\:-rotate-140:hover,
  .tablet\:focus\:-rotate-140:focus,
  .tablet\:group:hover .group-hover\:-rotate-140,
  .tablet\:group:focus-within .group-focus-within\:-rotate-140 {
    transform: rotate(-140deg);
  }
  .tablet\:-rotate-141,
  .tablet\:hover\:-rotate-141:hover,
  .tablet\:focus\:-rotate-141:focus,
  .tablet\:group:hover .group-hover\:-rotate-141,
  .tablet\:group:focus-within .group-focus-within\:-rotate-141 {
    transform: rotate(-141deg);
  }
  .tablet\:-rotate-142,
  .tablet\:hover\:-rotate-142:hover,
  .tablet\:focus\:-rotate-142:focus,
  .tablet\:group:hover .group-hover\:-rotate-142,
  .tablet\:group:focus-within .group-focus-within\:-rotate-142 {
    transform: rotate(-142deg);
  }
  .tablet\:-rotate-143,
  .tablet\:hover\:-rotate-143:hover,
  .tablet\:focus\:-rotate-143:focus,
  .tablet\:group:hover .group-hover\:-rotate-143,
  .tablet\:group:focus-within .group-focus-within\:-rotate-143 {
    transform: rotate(-143deg);
  }
  .tablet\:-rotate-144,
  .tablet\:hover\:-rotate-144:hover,
  .tablet\:focus\:-rotate-144:focus,
  .tablet\:group:hover .group-hover\:-rotate-144,
  .tablet\:group:focus-within .group-focus-within\:-rotate-144 {
    transform: rotate(-144deg);
  }
  .tablet\:-rotate-145,
  .tablet\:hover\:-rotate-145:hover,
  .tablet\:focus\:-rotate-145:focus,
  .tablet\:group:hover .group-hover\:-rotate-145,
  .tablet\:group:focus-within .group-focus-within\:-rotate-145 {
    transform: rotate(-145deg);
  }
  .tablet\:-rotate-146,
  .tablet\:hover\:-rotate-146:hover,
  .tablet\:focus\:-rotate-146:focus,
  .tablet\:group:hover .group-hover\:-rotate-146,
  .tablet\:group:focus-within .group-focus-within\:-rotate-146 {
    transform: rotate(-146deg);
  }
  .tablet\:-rotate-147,
  .tablet\:hover\:-rotate-147:hover,
  .tablet\:focus\:-rotate-147:focus,
  .tablet\:group:hover .group-hover\:-rotate-147,
  .tablet\:group:focus-within .group-focus-within\:-rotate-147 {
    transform: rotate(-147deg);
  }
  .tablet\:-rotate-148,
  .tablet\:hover\:-rotate-148:hover,
  .tablet\:focus\:-rotate-148:focus,
  .tablet\:group:hover .group-hover\:-rotate-148,
  .tablet\:group:focus-within .group-focus-within\:-rotate-148 {
    transform: rotate(-148deg);
  }
  .tablet\:-rotate-149,
  .tablet\:hover\:-rotate-149:hover,
  .tablet\:focus\:-rotate-149:focus,
  .tablet\:group:hover .group-hover\:-rotate-149,
  .tablet\:group:focus-within .group-focus-within\:-rotate-149 {
    transform: rotate(-149deg);
  }
  .tablet\:-rotate-150,
  .tablet\:hover\:-rotate-150:hover,
  .tablet\:focus\:-rotate-150:focus,
  .tablet\:group:hover .group-hover\:-rotate-150,
  .tablet\:group:focus-within .group-focus-within\:-rotate-150 {
    transform: rotate(-150deg);
  }
  .tablet\:-rotate-151,
  .tablet\:hover\:-rotate-151:hover,
  .tablet\:focus\:-rotate-151:focus,
  .tablet\:group:hover .group-hover\:-rotate-151,
  .tablet\:group:focus-within .group-focus-within\:-rotate-151 {
    transform: rotate(-151deg);
  }
  .tablet\:-rotate-152,
  .tablet\:hover\:-rotate-152:hover,
  .tablet\:focus\:-rotate-152:focus,
  .tablet\:group:hover .group-hover\:-rotate-152,
  .tablet\:group:focus-within .group-focus-within\:-rotate-152 {
    transform: rotate(-152deg);
  }
  .tablet\:-rotate-153,
  .tablet\:hover\:-rotate-153:hover,
  .tablet\:focus\:-rotate-153:focus,
  .tablet\:group:hover .group-hover\:-rotate-153,
  .tablet\:group:focus-within .group-focus-within\:-rotate-153 {
    transform: rotate(-153deg);
  }
  .tablet\:-rotate-154,
  .tablet\:hover\:-rotate-154:hover,
  .tablet\:focus\:-rotate-154:focus,
  .tablet\:group:hover .group-hover\:-rotate-154,
  .tablet\:group:focus-within .group-focus-within\:-rotate-154 {
    transform: rotate(-154deg);
  }
  .tablet\:-rotate-155,
  .tablet\:hover\:-rotate-155:hover,
  .tablet\:focus\:-rotate-155:focus,
  .tablet\:group:hover .group-hover\:-rotate-155,
  .tablet\:group:focus-within .group-focus-within\:-rotate-155 {
    transform: rotate(-155deg);
  }
  .tablet\:-rotate-156,
  .tablet\:hover\:-rotate-156:hover,
  .tablet\:focus\:-rotate-156:focus,
  .tablet\:group:hover .group-hover\:-rotate-156,
  .tablet\:group:focus-within .group-focus-within\:-rotate-156 {
    transform: rotate(-156deg);
  }
  .tablet\:-rotate-157,
  .tablet\:hover\:-rotate-157:hover,
  .tablet\:focus\:-rotate-157:focus,
  .tablet\:group:hover .group-hover\:-rotate-157,
  .tablet\:group:focus-within .group-focus-within\:-rotate-157 {
    transform: rotate(-157deg);
  }
  .tablet\:-rotate-158,
  .tablet\:hover\:-rotate-158:hover,
  .tablet\:focus\:-rotate-158:focus,
  .tablet\:group:hover .group-hover\:-rotate-158,
  .tablet\:group:focus-within .group-focus-within\:-rotate-158 {
    transform: rotate(-158deg);
  }
  .tablet\:-rotate-159,
  .tablet\:hover\:-rotate-159:hover,
  .tablet\:focus\:-rotate-159:focus,
  .tablet\:group:hover .group-hover\:-rotate-159,
  .tablet\:group:focus-within .group-focus-within\:-rotate-159 {
    transform: rotate(-159deg);
  }
  .tablet\:-rotate-160,
  .tablet\:hover\:-rotate-160:hover,
  .tablet\:focus\:-rotate-160:focus,
  .tablet\:group:hover .group-hover\:-rotate-160,
  .tablet\:group:focus-within .group-focus-within\:-rotate-160 {
    transform: rotate(-160deg);
  }
  .tablet\:-rotate-161,
  .tablet\:hover\:-rotate-161:hover,
  .tablet\:focus\:-rotate-161:focus,
  .tablet\:group:hover .group-hover\:-rotate-161,
  .tablet\:group:focus-within .group-focus-within\:-rotate-161 {
    transform: rotate(-161deg);
  }
  .tablet\:-rotate-162,
  .tablet\:hover\:-rotate-162:hover,
  .tablet\:focus\:-rotate-162:focus,
  .tablet\:group:hover .group-hover\:-rotate-162,
  .tablet\:group:focus-within .group-focus-within\:-rotate-162 {
    transform: rotate(-162deg);
  }
  .tablet\:-rotate-163,
  .tablet\:hover\:-rotate-163:hover,
  .tablet\:focus\:-rotate-163:focus,
  .tablet\:group:hover .group-hover\:-rotate-163,
  .tablet\:group:focus-within .group-focus-within\:-rotate-163 {
    transform: rotate(-163deg);
  }
  .tablet\:-rotate-164,
  .tablet\:hover\:-rotate-164:hover,
  .tablet\:focus\:-rotate-164:focus,
  .tablet\:group:hover .group-hover\:-rotate-164,
  .tablet\:group:focus-within .group-focus-within\:-rotate-164 {
    transform: rotate(-164deg);
  }
  .tablet\:-rotate-165,
  .tablet\:hover\:-rotate-165:hover,
  .tablet\:focus\:-rotate-165:focus,
  .tablet\:group:hover .group-hover\:-rotate-165,
  .tablet\:group:focus-within .group-focus-within\:-rotate-165 {
    transform: rotate(-165deg);
  }
  .tablet\:-rotate-166,
  .tablet\:hover\:-rotate-166:hover,
  .tablet\:focus\:-rotate-166:focus,
  .tablet\:group:hover .group-hover\:-rotate-166,
  .tablet\:group:focus-within .group-focus-within\:-rotate-166 {
    transform: rotate(-166deg);
  }
  .tablet\:-rotate-167,
  .tablet\:hover\:-rotate-167:hover,
  .tablet\:focus\:-rotate-167:focus,
  .tablet\:group:hover .group-hover\:-rotate-167,
  .tablet\:group:focus-within .group-focus-within\:-rotate-167 {
    transform: rotate(-167deg);
  }
  .tablet\:-rotate-168,
  .tablet\:hover\:-rotate-168:hover,
  .tablet\:focus\:-rotate-168:focus,
  .tablet\:group:hover .group-hover\:-rotate-168,
  .tablet\:group:focus-within .group-focus-within\:-rotate-168 {
    transform: rotate(-168deg);
  }
  .tablet\:-rotate-169,
  .tablet\:hover\:-rotate-169:hover,
  .tablet\:focus\:-rotate-169:focus,
  .tablet\:group:hover .group-hover\:-rotate-169,
  .tablet\:group:focus-within .group-focus-within\:-rotate-169 {
    transform: rotate(-169deg);
  }
  .tablet\:-rotate-170,
  .tablet\:hover\:-rotate-170:hover,
  .tablet\:focus\:-rotate-170:focus,
  .tablet\:group:hover .group-hover\:-rotate-170,
  .tablet\:group:focus-within .group-focus-within\:-rotate-170 {
    transform: rotate(-170deg);
  }
  .tablet\:-rotate-171,
  .tablet\:hover\:-rotate-171:hover,
  .tablet\:focus\:-rotate-171:focus,
  .tablet\:group:hover .group-hover\:-rotate-171,
  .tablet\:group:focus-within .group-focus-within\:-rotate-171 {
    transform: rotate(-171deg);
  }
  .tablet\:-rotate-172,
  .tablet\:hover\:-rotate-172:hover,
  .tablet\:focus\:-rotate-172:focus,
  .tablet\:group:hover .group-hover\:-rotate-172,
  .tablet\:group:focus-within .group-focus-within\:-rotate-172 {
    transform: rotate(-172deg);
  }
  .tablet\:-rotate-173,
  .tablet\:hover\:-rotate-173:hover,
  .tablet\:focus\:-rotate-173:focus,
  .tablet\:group:hover .group-hover\:-rotate-173,
  .tablet\:group:focus-within .group-focus-within\:-rotate-173 {
    transform: rotate(-173deg);
  }
  .tablet\:-rotate-174,
  .tablet\:hover\:-rotate-174:hover,
  .tablet\:focus\:-rotate-174:focus,
  .tablet\:group:hover .group-hover\:-rotate-174,
  .tablet\:group:focus-within .group-focus-within\:-rotate-174 {
    transform: rotate(-174deg);
  }
  .tablet\:-rotate-175,
  .tablet\:hover\:-rotate-175:hover,
  .tablet\:focus\:-rotate-175:focus,
  .tablet\:group:hover .group-hover\:-rotate-175,
  .tablet\:group:focus-within .group-focus-within\:-rotate-175 {
    transform: rotate(-175deg);
  }
  .tablet\:-rotate-176,
  .tablet\:hover\:-rotate-176:hover,
  .tablet\:focus\:-rotate-176:focus,
  .tablet\:group:hover .group-hover\:-rotate-176,
  .tablet\:group:focus-within .group-focus-within\:-rotate-176 {
    transform: rotate(-176deg);
  }
  .tablet\:-rotate-177,
  .tablet\:hover\:-rotate-177:hover,
  .tablet\:focus\:-rotate-177:focus,
  .tablet\:group:hover .group-hover\:-rotate-177,
  .tablet\:group:focus-within .group-focus-within\:-rotate-177 {
    transform: rotate(-177deg);
  }
  .tablet\:-rotate-178,
  .tablet\:hover\:-rotate-178:hover,
  .tablet\:focus\:-rotate-178:focus,
  .tablet\:group:hover .group-hover\:-rotate-178,
  .tablet\:group:focus-within .group-focus-within\:-rotate-178 {
    transform: rotate(-178deg);
  }
  .tablet\:-rotate-179,
  .tablet\:hover\:-rotate-179:hover,
  .tablet\:focus\:-rotate-179:focus,
  .tablet\:group:hover .group-hover\:-rotate-179,
  .tablet\:group:focus-within .group-focus-within\:-rotate-179 {
    transform: rotate(-179deg);
  }
  .tablet\:-rotate-180,
  .tablet\:hover\:-rotate-180:hover,
  .tablet\:focus\:-rotate-180:focus,
  .tablet\:group:hover .group-hover\:-rotate-180,
  .tablet\:group:focus-within .group-focus-within\:-rotate-180 {
    transform: rotate(-180deg);
  }
  .tablet\:-rotate-181,
  .tablet\:hover\:-rotate-181:hover,
  .tablet\:focus\:-rotate-181:focus,
  .tablet\:group:hover .group-hover\:-rotate-181,
  .tablet\:group:focus-within .group-focus-within\:-rotate-181 {
    transform: rotate(-181deg);
  }
  .tablet\:-rotate-182,
  .tablet\:hover\:-rotate-182:hover,
  .tablet\:focus\:-rotate-182:focus,
  .tablet\:group:hover .group-hover\:-rotate-182,
  .tablet\:group:focus-within .group-focus-within\:-rotate-182 {
    transform: rotate(-182deg);
  }
  .tablet\:-rotate-183,
  .tablet\:hover\:-rotate-183:hover,
  .tablet\:focus\:-rotate-183:focus,
  .tablet\:group:hover .group-hover\:-rotate-183,
  .tablet\:group:focus-within .group-focus-within\:-rotate-183 {
    transform: rotate(-183deg);
  }
  .tablet\:-rotate-184,
  .tablet\:hover\:-rotate-184:hover,
  .tablet\:focus\:-rotate-184:focus,
  .tablet\:group:hover .group-hover\:-rotate-184,
  .tablet\:group:focus-within .group-focus-within\:-rotate-184 {
    transform: rotate(-184deg);
  }
  .tablet\:-rotate-185,
  .tablet\:hover\:-rotate-185:hover,
  .tablet\:focus\:-rotate-185:focus,
  .tablet\:group:hover .group-hover\:-rotate-185,
  .tablet\:group:focus-within .group-focus-within\:-rotate-185 {
    transform: rotate(-185deg);
  }
  .tablet\:-rotate-186,
  .tablet\:hover\:-rotate-186:hover,
  .tablet\:focus\:-rotate-186:focus,
  .tablet\:group:hover .group-hover\:-rotate-186,
  .tablet\:group:focus-within .group-focus-within\:-rotate-186 {
    transform: rotate(-186deg);
  }
  .tablet\:-rotate-187,
  .tablet\:hover\:-rotate-187:hover,
  .tablet\:focus\:-rotate-187:focus,
  .tablet\:group:hover .group-hover\:-rotate-187,
  .tablet\:group:focus-within .group-focus-within\:-rotate-187 {
    transform: rotate(-187deg);
  }
  .tablet\:-rotate-188,
  .tablet\:hover\:-rotate-188:hover,
  .tablet\:focus\:-rotate-188:focus,
  .tablet\:group:hover .group-hover\:-rotate-188,
  .tablet\:group:focus-within .group-focus-within\:-rotate-188 {
    transform: rotate(-188deg);
  }
  .tablet\:-rotate-189,
  .tablet\:hover\:-rotate-189:hover,
  .tablet\:focus\:-rotate-189:focus,
  .tablet\:group:hover .group-hover\:-rotate-189,
  .tablet\:group:focus-within .group-focus-within\:-rotate-189 {
    transform: rotate(-189deg);
  }
  .tablet\:-rotate-190,
  .tablet\:hover\:-rotate-190:hover,
  .tablet\:focus\:-rotate-190:focus,
  .tablet\:group:hover .group-hover\:-rotate-190,
  .tablet\:group:focus-within .group-focus-within\:-rotate-190 {
    transform: rotate(-190deg);
  }
  .tablet\:-rotate-191,
  .tablet\:hover\:-rotate-191:hover,
  .tablet\:focus\:-rotate-191:focus,
  .tablet\:group:hover .group-hover\:-rotate-191,
  .tablet\:group:focus-within .group-focus-within\:-rotate-191 {
    transform: rotate(-191deg);
  }
  .tablet\:-rotate-192,
  .tablet\:hover\:-rotate-192:hover,
  .tablet\:focus\:-rotate-192:focus,
  .tablet\:group:hover .group-hover\:-rotate-192,
  .tablet\:group:focus-within .group-focus-within\:-rotate-192 {
    transform: rotate(-192deg);
  }
  .tablet\:-rotate-193,
  .tablet\:hover\:-rotate-193:hover,
  .tablet\:focus\:-rotate-193:focus,
  .tablet\:group:hover .group-hover\:-rotate-193,
  .tablet\:group:focus-within .group-focus-within\:-rotate-193 {
    transform: rotate(-193deg);
  }
  .tablet\:-rotate-194,
  .tablet\:hover\:-rotate-194:hover,
  .tablet\:focus\:-rotate-194:focus,
  .tablet\:group:hover .group-hover\:-rotate-194,
  .tablet\:group:focus-within .group-focus-within\:-rotate-194 {
    transform: rotate(-194deg);
  }
  .tablet\:-rotate-195,
  .tablet\:hover\:-rotate-195:hover,
  .tablet\:focus\:-rotate-195:focus,
  .tablet\:group:hover .group-hover\:-rotate-195,
  .tablet\:group:focus-within .group-focus-within\:-rotate-195 {
    transform: rotate(-195deg);
  }
  .tablet\:-rotate-196,
  .tablet\:hover\:-rotate-196:hover,
  .tablet\:focus\:-rotate-196:focus,
  .tablet\:group:hover .group-hover\:-rotate-196,
  .tablet\:group:focus-within .group-focus-within\:-rotate-196 {
    transform: rotate(-196deg);
  }
  .tablet\:-rotate-197,
  .tablet\:hover\:-rotate-197:hover,
  .tablet\:focus\:-rotate-197:focus,
  .tablet\:group:hover .group-hover\:-rotate-197,
  .tablet\:group:focus-within .group-focus-within\:-rotate-197 {
    transform: rotate(-197deg);
  }
  .tablet\:-rotate-198,
  .tablet\:hover\:-rotate-198:hover,
  .tablet\:focus\:-rotate-198:focus,
  .tablet\:group:hover .group-hover\:-rotate-198,
  .tablet\:group:focus-within .group-focus-within\:-rotate-198 {
    transform: rotate(-198deg);
  }
  .tablet\:-rotate-199,
  .tablet\:hover\:-rotate-199:hover,
  .tablet\:focus\:-rotate-199:focus,
  .tablet\:group:hover .group-hover\:-rotate-199,
  .tablet\:group:focus-within .group-focus-within\:-rotate-199 {
    transform: rotate(-199deg);
  }
  .tablet\:-rotate-200,
  .tablet\:hover\:-rotate-200:hover,
  .tablet\:focus\:-rotate-200:focus,
  .tablet\:group:hover .group-hover\:-rotate-200,
  .tablet\:group:focus-within .group-focus-within\:-rotate-200 {
    transform: rotate(-200deg);
  }
  .tablet\:-rotate-201,
  .tablet\:hover\:-rotate-201:hover,
  .tablet\:focus\:-rotate-201:focus,
  .tablet\:group:hover .group-hover\:-rotate-201,
  .tablet\:group:focus-within .group-focus-within\:-rotate-201 {
    transform: rotate(-201deg);
  }
  .tablet\:-rotate-202,
  .tablet\:hover\:-rotate-202:hover,
  .tablet\:focus\:-rotate-202:focus,
  .tablet\:group:hover .group-hover\:-rotate-202,
  .tablet\:group:focus-within .group-focus-within\:-rotate-202 {
    transform: rotate(-202deg);
  }
  .tablet\:-rotate-203,
  .tablet\:hover\:-rotate-203:hover,
  .tablet\:focus\:-rotate-203:focus,
  .tablet\:group:hover .group-hover\:-rotate-203,
  .tablet\:group:focus-within .group-focus-within\:-rotate-203 {
    transform: rotate(-203deg);
  }
  .tablet\:-rotate-204,
  .tablet\:hover\:-rotate-204:hover,
  .tablet\:focus\:-rotate-204:focus,
  .tablet\:group:hover .group-hover\:-rotate-204,
  .tablet\:group:focus-within .group-focus-within\:-rotate-204 {
    transform: rotate(-204deg);
  }
  .tablet\:-rotate-205,
  .tablet\:hover\:-rotate-205:hover,
  .tablet\:focus\:-rotate-205:focus,
  .tablet\:group:hover .group-hover\:-rotate-205,
  .tablet\:group:focus-within .group-focus-within\:-rotate-205 {
    transform: rotate(-205deg);
  }
  .tablet\:-rotate-206,
  .tablet\:hover\:-rotate-206:hover,
  .tablet\:focus\:-rotate-206:focus,
  .tablet\:group:hover .group-hover\:-rotate-206,
  .tablet\:group:focus-within .group-focus-within\:-rotate-206 {
    transform: rotate(-206deg);
  }
  .tablet\:-rotate-207,
  .tablet\:hover\:-rotate-207:hover,
  .tablet\:focus\:-rotate-207:focus,
  .tablet\:group:hover .group-hover\:-rotate-207,
  .tablet\:group:focus-within .group-focus-within\:-rotate-207 {
    transform: rotate(-207deg);
  }
  .tablet\:-rotate-208,
  .tablet\:hover\:-rotate-208:hover,
  .tablet\:focus\:-rotate-208:focus,
  .tablet\:group:hover .group-hover\:-rotate-208,
  .tablet\:group:focus-within .group-focus-within\:-rotate-208 {
    transform: rotate(-208deg);
  }
  .tablet\:-rotate-209,
  .tablet\:hover\:-rotate-209:hover,
  .tablet\:focus\:-rotate-209:focus,
  .tablet\:group:hover .group-hover\:-rotate-209,
  .tablet\:group:focus-within .group-focus-within\:-rotate-209 {
    transform: rotate(-209deg);
  }
  .tablet\:-rotate-210,
  .tablet\:hover\:-rotate-210:hover,
  .tablet\:focus\:-rotate-210:focus,
  .tablet\:group:hover .group-hover\:-rotate-210,
  .tablet\:group:focus-within .group-focus-within\:-rotate-210 {
    transform: rotate(-210deg);
  }
  .tablet\:-rotate-211,
  .tablet\:hover\:-rotate-211:hover,
  .tablet\:focus\:-rotate-211:focus,
  .tablet\:group:hover .group-hover\:-rotate-211,
  .tablet\:group:focus-within .group-focus-within\:-rotate-211 {
    transform: rotate(-211deg);
  }
  .tablet\:-rotate-212,
  .tablet\:hover\:-rotate-212:hover,
  .tablet\:focus\:-rotate-212:focus,
  .tablet\:group:hover .group-hover\:-rotate-212,
  .tablet\:group:focus-within .group-focus-within\:-rotate-212 {
    transform: rotate(-212deg);
  }
  .tablet\:-rotate-213,
  .tablet\:hover\:-rotate-213:hover,
  .tablet\:focus\:-rotate-213:focus,
  .tablet\:group:hover .group-hover\:-rotate-213,
  .tablet\:group:focus-within .group-focus-within\:-rotate-213 {
    transform: rotate(-213deg);
  }
  .tablet\:-rotate-214,
  .tablet\:hover\:-rotate-214:hover,
  .tablet\:focus\:-rotate-214:focus,
  .tablet\:group:hover .group-hover\:-rotate-214,
  .tablet\:group:focus-within .group-focus-within\:-rotate-214 {
    transform: rotate(-214deg);
  }
  .tablet\:-rotate-215,
  .tablet\:hover\:-rotate-215:hover,
  .tablet\:focus\:-rotate-215:focus,
  .tablet\:group:hover .group-hover\:-rotate-215,
  .tablet\:group:focus-within .group-focus-within\:-rotate-215 {
    transform: rotate(-215deg);
  }
  .tablet\:-rotate-216,
  .tablet\:hover\:-rotate-216:hover,
  .tablet\:focus\:-rotate-216:focus,
  .tablet\:group:hover .group-hover\:-rotate-216,
  .tablet\:group:focus-within .group-focus-within\:-rotate-216 {
    transform: rotate(-216deg);
  }
  .tablet\:-rotate-217,
  .tablet\:hover\:-rotate-217:hover,
  .tablet\:focus\:-rotate-217:focus,
  .tablet\:group:hover .group-hover\:-rotate-217,
  .tablet\:group:focus-within .group-focus-within\:-rotate-217 {
    transform: rotate(-217deg);
  }
  .tablet\:-rotate-218,
  .tablet\:hover\:-rotate-218:hover,
  .tablet\:focus\:-rotate-218:focus,
  .tablet\:group:hover .group-hover\:-rotate-218,
  .tablet\:group:focus-within .group-focus-within\:-rotate-218 {
    transform: rotate(-218deg);
  }
  .tablet\:-rotate-219,
  .tablet\:hover\:-rotate-219:hover,
  .tablet\:focus\:-rotate-219:focus,
  .tablet\:group:hover .group-hover\:-rotate-219,
  .tablet\:group:focus-within .group-focus-within\:-rotate-219 {
    transform: rotate(-219deg);
  }
  .tablet\:-rotate-220,
  .tablet\:hover\:-rotate-220:hover,
  .tablet\:focus\:-rotate-220:focus,
  .tablet\:group:hover .group-hover\:-rotate-220,
  .tablet\:group:focus-within .group-focus-within\:-rotate-220 {
    transform: rotate(-220deg);
  }
  .tablet\:-rotate-221,
  .tablet\:hover\:-rotate-221:hover,
  .tablet\:focus\:-rotate-221:focus,
  .tablet\:group:hover .group-hover\:-rotate-221,
  .tablet\:group:focus-within .group-focus-within\:-rotate-221 {
    transform: rotate(-221deg);
  }
  .tablet\:-rotate-222,
  .tablet\:hover\:-rotate-222:hover,
  .tablet\:focus\:-rotate-222:focus,
  .tablet\:group:hover .group-hover\:-rotate-222,
  .tablet\:group:focus-within .group-focus-within\:-rotate-222 {
    transform: rotate(-222deg);
  }
  .tablet\:-rotate-223,
  .tablet\:hover\:-rotate-223:hover,
  .tablet\:focus\:-rotate-223:focus,
  .tablet\:group:hover .group-hover\:-rotate-223,
  .tablet\:group:focus-within .group-focus-within\:-rotate-223 {
    transform: rotate(-223deg);
  }
  .tablet\:-rotate-224,
  .tablet\:hover\:-rotate-224:hover,
  .tablet\:focus\:-rotate-224:focus,
  .tablet\:group:hover .group-hover\:-rotate-224,
  .tablet\:group:focus-within .group-focus-within\:-rotate-224 {
    transform: rotate(-224deg);
  }
  .tablet\:-rotate-225,
  .tablet\:hover\:-rotate-225:hover,
  .tablet\:focus\:-rotate-225:focus,
  .tablet\:group:hover .group-hover\:-rotate-225,
  .tablet\:group:focus-within .group-focus-within\:-rotate-225 {
    transform: rotate(-225deg);
  }
  .tablet\:-rotate-226,
  .tablet\:hover\:-rotate-226:hover,
  .tablet\:focus\:-rotate-226:focus,
  .tablet\:group:hover .group-hover\:-rotate-226,
  .tablet\:group:focus-within .group-focus-within\:-rotate-226 {
    transform: rotate(-226deg);
  }
  .tablet\:-rotate-227,
  .tablet\:hover\:-rotate-227:hover,
  .tablet\:focus\:-rotate-227:focus,
  .tablet\:group:hover .group-hover\:-rotate-227,
  .tablet\:group:focus-within .group-focus-within\:-rotate-227 {
    transform: rotate(-227deg);
  }
  .tablet\:-rotate-228,
  .tablet\:hover\:-rotate-228:hover,
  .tablet\:focus\:-rotate-228:focus,
  .tablet\:group:hover .group-hover\:-rotate-228,
  .tablet\:group:focus-within .group-focus-within\:-rotate-228 {
    transform: rotate(-228deg);
  }
  .tablet\:-rotate-229,
  .tablet\:hover\:-rotate-229:hover,
  .tablet\:focus\:-rotate-229:focus,
  .tablet\:group:hover .group-hover\:-rotate-229,
  .tablet\:group:focus-within .group-focus-within\:-rotate-229 {
    transform: rotate(-229deg);
  }
  .tablet\:-rotate-230,
  .tablet\:hover\:-rotate-230:hover,
  .tablet\:focus\:-rotate-230:focus,
  .tablet\:group:hover .group-hover\:-rotate-230,
  .tablet\:group:focus-within .group-focus-within\:-rotate-230 {
    transform: rotate(-230deg);
  }
  .tablet\:-rotate-231,
  .tablet\:hover\:-rotate-231:hover,
  .tablet\:focus\:-rotate-231:focus,
  .tablet\:group:hover .group-hover\:-rotate-231,
  .tablet\:group:focus-within .group-focus-within\:-rotate-231 {
    transform: rotate(-231deg);
  }
  .tablet\:-rotate-232,
  .tablet\:hover\:-rotate-232:hover,
  .tablet\:focus\:-rotate-232:focus,
  .tablet\:group:hover .group-hover\:-rotate-232,
  .tablet\:group:focus-within .group-focus-within\:-rotate-232 {
    transform: rotate(-232deg);
  }
  .tablet\:-rotate-233,
  .tablet\:hover\:-rotate-233:hover,
  .tablet\:focus\:-rotate-233:focus,
  .tablet\:group:hover .group-hover\:-rotate-233,
  .tablet\:group:focus-within .group-focus-within\:-rotate-233 {
    transform: rotate(-233deg);
  }
  .tablet\:-rotate-234,
  .tablet\:hover\:-rotate-234:hover,
  .tablet\:focus\:-rotate-234:focus,
  .tablet\:group:hover .group-hover\:-rotate-234,
  .tablet\:group:focus-within .group-focus-within\:-rotate-234 {
    transform: rotate(-234deg);
  }
  .tablet\:-rotate-235,
  .tablet\:hover\:-rotate-235:hover,
  .tablet\:focus\:-rotate-235:focus,
  .tablet\:group:hover .group-hover\:-rotate-235,
  .tablet\:group:focus-within .group-focus-within\:-rotate-235 {
    transform: rotate(-235deg);
  }
  .tablet\:-rotate-236,
  .tablet\:hover\:-rotate-236:hover,
  .tablet\:focus\:-rotate-236:focus,
  .tablet\:group:hover .group-hover\:-rotate-236,
  .tablet\:group:focus-within .group-focus-within\:-rotate-236 {
    transform: rotate(-236deg);
  }
  .tablet\:-rotate-237,
  .tablet\:hover\:-rotate-237:hover,
  .tablet\:focus\:-rotate-237:focus,
  .tablet\:group:hover .group-hover\:-rotate-237,
  .tablet\:group:focus-within .group-focus-within\:-rotate-237 {
    transform: rotate(-237deg);
  }
  .tablet\:-rotate-238,
  .tablet\:hover\:-rotate-238:hover,
  .tablet\:focus\:-rotate-238:focus,
  .tablet\:group:hover .group-hover\:-rotate-238,
  .tablet\:group:focus-within .group-focus-within\:-rotate-238 {
    transform: rotate(-238deg);
  }
  .tablet\:-rotate-239,
  .tablet\:hover\:-rotate-239:hover,
  .tablet\:focus\:-rotate-239:focus,
  .tablet\:group:hover .group-hover\:-rotate-239,
  .tablet\:group:focus-within .group-focus-within\:-rotate-239 {
    transform: rotate(-239deg);
  }
  .tablet\:-rotate-240,
  .tablet\:hover\:-rotate-240:hover,
  .tablet\:focus\:-rotate-240:focus,
  .tablet\:group:hover .group-hover\:-rotate-240,
  .tablet\:group:focus-within .group-focus-within\:-rotate-240 {
    transform: rotate(-240deg);
  }
  .tablet\:-rotate-241,
  .tablet\:hover\:-rotate-241:hover,
  .tablet\:focus\:-rotate-241:focus,
  .tablet\:group:hover .group-hover\:-rotate-241,
  .tablet\:group:focus-within .group-focus-within\:-rotate-241 {
    transform: rotate(-241deg);
  }
  .tablet\:-rotate-242,
  .tablet\:hover\:-rotate-242:hover,
  .tablet\:focus\:-rotate-242:focus,
  .tablet\:group:hover .group-hover\:-rotate-242,
  .tablet\:group:focus-within .group-focus-within\:-rotate-242 {
    transform: rotate(-242deg);
  }
  .tablet\:-rotate-243,
  .tablet\:hover\:-rotate-243:hover,
  .tablet\:focus\:-rotate-243:focus,
  .tablet\:group:hover .group-hover\:-rotate-243,
  .tablet\:group:focus-within .group-focus-within\:-rotate-243 {
    transform: rotate(-243deg);
  }
  .tablet\:-rotate-244,
  .tablet\:hover\:-rotate-244:hover,
  .tablet\:focus\:-rotate-244:focus,
  .tablet\:group:hover .group-hover\:-rotate-244,
  .tablet\:group:focus-within .group-focus-within\:-rotate-244 {
    transform: rotate(-244deg);
  }
  .tablet\:-rotate-245,
  .tablet\:hover\:-rotate-245:hover,
  .tablet\:focus\:-rotate-245:focus,
  .tablet\:group:hover .group-hover\:-rotate-245,
  .tablet\:group:focus-within .group-focus-within\:-rotate-245 {
    transform: rotate(-245deg);
  }
  .tablet\:-rotate-246,
  .tablet\:hover\:-rotate-246:hover,
  .tablet\:focus\:-rotate-246:focus,
  .tablet\:group:hover .group-hover\:-rotate-246,
  .tablet\:group:focus-within .group-focus-within\:-rotate-246 {
    transform: rotate(-246deg);
  }
  .tablet\:-rotate-247,
  .tablet\:hover\:-rotate-247:hover,
  .tablet\:focus\:-rotate-247:focus,
  .tablet\:group:hover .group-hover\:-rotate-247,
  .tablet\:group:focus-within .group-focus-within\:-rotate-247 {
    transform: rotate(-247deg);
  }
  .tablet\:-rotate-248,
  .tablet\:hover\:-rotate-248:hover,
  .tablet\:focus\:-rotate-248:focus,
  .tablet\:group:hover .group-hover\:-rotate-248,
  .tablet\:group:focus-within .group-focus-within\:-rotate-248 {
    transform: rotate(-248deg);
  }
  .tablet\:-rotate-249,
  .tablet\:hover\:-rotate-249:hover,
  .tablet\:focus\:-rotate-249:focus,
  .tablet\:group:hover .group-hover\:-rotate-249,
  .tablet\:group:focus-within .group-focus-within\:-rotate-249 {
    transform: rotate(-249deg);
  }
  .tablet\:-rotate-250,
  .tablet\:hover\:-rotate-250:hover,
  .tablet\:focus\:-rotate-250:focus,
  .tablet\:group:hover .group-hover\:-rotate-250,
  .tablet\:group:focus-within .group-focus-within\:-rotate-250 {
    transform: rotate(-250deg);
  }
  .tablet\:-rotate-251,
  .tablet\:hover\:-rotate-251:hover,
  .tablet\:focus\:-rotate-251:focus,
  .tablet\:group:hover .group-hover\:-rotate-251,
  .tablet\:group:focus-within .group-focus-within\:-rotate-251 {
    transform: rotate(-251deg);
  }
  .tablet\:-rotate-252,
  .tablet\:hover\:-rotate-252:hover,
  .tablet\:focus\:-rotate-252:focus,
  .tablet\:group:hover .group-hover\:-rotate-252,
  .tablet\:group:focus-within .group-focus-within\:-rotate-252 {
    transform: rotate(-252deg);
  }
  .tablet\:-rotate-253,
  .tablet\:hover\:-rotate-253:hover,
  .tablet\:focus\:-rotate-253:focus,
  .tablet\:group:hover .group-hover\:-rotate-253,
  .tablet\:group:focus-within .group-focus-within\:-rotate-253 {
    transform: rotate(-253deg);
  }
  .tablet\:-rotate-254,
  .tablet\:hover\:-rotate-254:hover,
  .tablet\:focus\:-rotate-254:focus,
  .tablet\:group:hover .group-hover\:-rotate-254,
  .tablet\:group:focus-within .group-focus-within\:-rotate-254 {
    transform: rotate(-254deg);
  }
  .tablet\:-rotate-255,
  .tablet\:hover\:-rotate-255:hover,
  .tablet\:focus\:-rotate-255:focus,
  .tablet\:group:hover .group-hover\:-rotate-255,
  .tablet\:group:focus-within .group-focus-within\:-rotate-255 {
    transform: rotate(-255deg);
  }
  .tablet\:-rotate-256,
  .tablet\:hover\:-rotate-256:hover,
  .tablet\:focus\:-rotate-256:focus,
  .tablet\:group:hover .group-hover\:-rotate-256,
  .tablet\:group:focus-within .group-focus-within\:-rotate-256 {
    transform: rotate(-256deg);
  }
  .tablet\:-rotate-257,
  .tablet\:hover\:-rotate-257:hover,
  .tablet\:focus\:-rotate-257:focus,
  .tablet\:group:hover .group-hover\:-rotate-257,
  .tablet\:group:focus-within .group-focus-within\:-rotate-257 {
    transform: rotate(-257deg);
  }
  .tablet\:-rotate-258,
  .tablet\:hover\:-rotate-258:hover,
  .tablet\:focus\:-rotate-258:focus,
  .tablet\:group:hover .group-hover\:-rotate-258,
  .tablet\:group:focus-within .group-focus-within\:-rotate-258 {
    transform: rotate(-258deg);
  }
  .tablet\:-rotate-259,
  .tablet\:hover\:-rotate-259:hover,
  .tablet\:focus\:-rotate-259:focus,
  .tablet\:group:hover .group-hover\:-rotate-259,
  .tablet\:group:focus-within .group-focus-within\:-rotate-259 {
    transform: rotate(-259deg);
  }
  .tablet\:-rotate-260,
  .tablet\:hover\:-rotate-260:hover,
  .tablet\:focus\:-rotate-260:focus,
  .tablet\:group:hover .group-hover\:-rotate-260,
  .tablet\:group:focus-within .group-focus-within\:-rotate-260 {
    transform: rotate(-260deg);
  }
  .tablet\:-rotate-261,
  .tablet\:hover\:-rotate-261:hover,
  .tablet\:focus\:-rotate-261:focus,
  .tablet\:group:hover .group-hover\:-rotate-261,
  .tablet\:group:focus-within .group-focus-within\:-rotate-261 {
    transform: rotate(-261deg);
  }
  .tablet\:-rotate-262,
  .tablet\:hover\:-rotate-262:hover,
  .tablet\:focus\:-rotate-262:focus,
  .tablet\:group:hover .group-hover\:-rotate-262,
  .tablet\:group:focus-within .group-focus-within\:-rotate-262 {
    transform: rotate(-262deg);
  }
  .tablet\:-rotate-263,
  .tablet\:hover\:-rotate-263:hover,
  .tablet\:focus\:-rotate-263:focus,
  .tablet\:group:hover .group-hover\:-rotate-263,
  .tablet\:group:focus-within .group-focus-within\:-rotate-263 {
    transform: rotate(-263deg);
  }
  .tablet\:-rotate-264,
  .tablet\:hover\:-rotate-264:hover,
  .tablet\:focus\:-rotate-264:focus,
  .tablet\:group:hover .group-hover\:-rotate-264,
  .tablet\:group:focus-within .group-focus-within\:-rotate-264 {
    transform: rotate(-264deg);
  }
  .tablet\:-rotate-265,
  .tablet\:hover\:-rotate-265:hover,
  .tablet\:focus\:-rotate-265:focus,
  .tablet\:group:hover .group-hover\:-rotate-265,
  .tablet\:group:focus-within .group-focus-within\:-rotate-265 {
    transform: rotate(-265deg);
  }
  .tablet\:-rotate-266,
  .tablet\:hover\:-rotate-266:hover,
  .tablet\:focus\:-rotate-266:focus,
  .tablet\:group:hover .group-hover\:-rotate-266,
  .tablet\:group:focus-within .group-focus-within\:-rotate-266 {
    transform: rotate(-266deg);
  }
  .tablet\:-rotate-267,
  .tablet\:hover\:-rotate-267:hover,
  .tablet\:focus\:-rotate-267:focus,
  .tablet\:group:hover .group-hover\:-rotate-267,
  .tablet\:group:focus-within .group-focus-within\:-rotate-267 {
    transform: rotate(-267deg);
  }
  .tablet\:-rotate-268,
  .tablet\:hover\:-rotate-268:hover,
  .tablet\:focus\:-rotate-268:focus,
  .tablet\:group:hover .group-hover\:-rotate-268,
  .tablet\:group:focus-within .group-focus-within\:-rotate-268 {
    transform: rotate(-268deg);
  }
  .tablet\:-rotate-269,
  .tablet\:hover\:-rotate-269:hover,
  .tablet\:focus\:-rotate-269:focus,
  .tablet\:group:hover .group-hover\:-rotate-269,
  .tablet\:group:focus-within .group-focus-within\:-rotate-269 {
    transform: rotate(-269deg);
  }
  .tablet\:-rotate-270,
  .tablet\:hover\:-rotate-270:hover,
  .tablet\:focus\:-rotate-270:focus,
  .tablet\:group:hover .group-hover\:-rotate-270,
  .tablet\:group:focus-within .group-focus-within\:-rotate-270 {
    transform: rotate(-270deg);
  }
  .tablet\:-rotate-271,
  .tablet\:hover\:-rotate-271:hover,
  .tablet\:focus\:-rotate-271:focus,
  .tablet\:group:hover .group-hover\:-rotate-271,
  .tablet\:group:focus-within .group-focus-within\:-rotate-271 {
    transform: rotate(-271deg);
  }
  .tablet\:-rotate-272,
  .tablet\:hover\:-rotate-272:hover,
  .tablet\:focus\:-rotate-272:focus,
  .tablet\:group:hover .group-hover\:-rotate-272,
  .tablet\:group:focus-within .group-focus-within\:-rotate-272 {
    transform: rotate(-272deg);
  }
  .tablet\:-rotate-273,
  .tablet\:hover\:-rotate-273:hover,
  .tablet\:focus\:-rotate-273:focus,
  .tablet\:group:hover .group-hover\:-rotate-273,
  .tablet\:group:focus-within .group-focus-within\:-rotate-273 {
    transform: rotate(-273deg);
  }
  .tablet\:-rotate-274,
  .tablet\:hover\:-rotate-274:hover,
  .tablet\:focus\:-rotate-274:focus,
  .tablet\:group:hover .group-hover\:-rotate-274,
  .tablet\:group:focus-within .group-focus-within\:-rotate-274 {
    transform: rotate(-274deg);
  }
  .tablet\:-rotate-275,
  .tablet\:hover\:-rotate-275:hover,
  .tablet\:focus\:-rotate-275:focus,
  .tablet\:group:hover .group-hover\:-rotate-275,
  .tablet\:group:focus-within .group-focus-within\:-rotate-275 {
    transform: rotate(-275deg);
  }
  .tablet\:-rotate-276,
  .tablet\:hover\:-rotate-276:hover,
  .tablet\:focus\:-rotate-276:focus,
  .tablet\:group:hover .group-hover\:-rotate-276,
  .tablet\:group:focus-within .group-focus-within\:-rotate-276 {
    transform: rotate(-276deg);
  }
  .tablet\:-rotate-277,
  .tablet\:hover\:-rotate-277:hover,
  .tablet\:focus\:-rotate-277:focus,
  .tablet\:group:hover .group-hover\:-rotate-277,
  .tablet\:group:focus-within .group-focus-within\:-rotate-277 {
    transform: rotate(-277deg);
  }
  .tablet\:-rotate-278,
  .tablet\:hover\:-rotate-278:hover,
  .tablet\:focus\:-rotate-278:focus,
  .tablet\:group:hover .group-hover\:-rotate-278,
  .tablet\:group:focus-within .group-focus-within\:-rotate-278 {
    transform: rotate(-278deg);
  }
  .tablet\:-rotate-279,
  .tablet\:hover\:-rotate-279:hover,
  .tablet\:focus\:-rotate-279:focus,
  .tablet\:group:hover .group-hover\:-rotate-279,
  .tablet\:group:focus-within .group-focus-within\:-rotate-279 {
    transform: rotate(-279deg);
  }
  .tablet\:-rotate-280,
  .tablet\:hover\:-rotate-280:hover,
  .tablet\:focus\:-rotate-280:focus,
  .tablet\:group:hover .group-hover\:-rotate-280,
  .tablet\:group:focus-within .group-focus-within\:-rotate-280 {
    transform: rotate(-280deg);
  }
  .tablet\:-rotate-281,
  .tablet\:hover\:-rotate-281:hover,
  .tablet\:focus\:-rotate-281:focus,
  .tablet\:group:hover .group-hover\:-rotate-281,
  .tablet\:group:focus-within .group-focus-within\:-rotate-281 {
    transform: rotate(-281deg);
  }
  .tablet\:-rotate-282,
  .tablet\:hover\:-rotate-282:hover,
  .tablet\:focus\:-rotate-282:focus,
  .tablet\:group:hover .group-hover\:-rotate-282,
  .tablet\:group:focus-within .group-focus-within\:-rotate-282 {
    transform: rotate(-282deg);
  }
  .tablet\:-rotate-283,
  .tablet\:hover\:-rotate-283:hover,
  .tablet\:focus\:-rotate-283:focus,
  .tablet\:group:hover .group-hover\:-rotate-283,
  .tablet\:group:focus-within .group-focus-within\:-rotate-283 {
    transform: rotate(-283deg);
  }
  .tablet\:-rotate-284,
  .tablet\:hover\:-rotate-284:hover,
  .tablet\:focus\:-rotate-284:focus,
  .tablet\:group:hover .group-hover\:-rotate-284,
  .tablet\:group:focus-within .group-focus-within\:-rotate-284 {
    transform: rotate(-284deg);
  }
  .tablet\:-rotate-285,
  .tablet\:hover\:-rotate-285:hover,
  .tablet\:focus\:-rotate-285:focus,
  .tablet\:group:hover .group-hover\:-rotate-285,
  .tablet\:group:focus-within .group-focus-within\:-rotate-285 {
    transform: rotate(-285deg);
  }
  .tablet\:-rotate-286,
  .tablet\:hover\:-rotate-286:hover,
  .tablet\:focus\:-rotate-286:focus,
  .tablet\:group:hover .group-hover\:-rotate-286,
  .tablet\:group:focus-within .group-focus-within\:-rotate-286 {
    transform: rotate(-286deg);
  }
  .tablet\:-rotate-287,
  .tablet\:hover\:-rotate-287:hover,
  .tablet\:focus\:-rotate-287:focus,
  .tablet\:group:hover .group-hover\:-rotate-287,
  .tablet\:group:focus-within .group-focus-within\:-rotate-287 {
    transform: rotate(-287deg);
  }
  .tablet\:-rotate-288,
  .tablet\:hover\:-rotate-288:hover,
  .tablet\:focus\:-rotate-288:focus,
  .tablet\:group:hover .group-hover\:-rotate-288,
  .tablet\:group:focus-within .group-focus-within\:-rotate-288 {
    transform: rotate(-288deg);
  }
  .tablet\:-rotate-289,
  .tablet\:hover\:-rotate-289:hover,
  .tablet\:focus\:-rotate-289:focus,
  .tablet\:group:hover .group-hover\:-rotate-289,
  .tablet\:group:focus-within .group-focus-within\:-rotate-289 {
    transform: rotate(-289deg);
  }
  .tablet\:-rotate-290,
  .tablet\:hover\:-rotate-290:hover,
  .tablet\:focus\:-rotate-290:focus,
  .tablet\:group:hover .group-hover\:-rotate-290,
  .tablet\:group:focus-within .group-focus-within\:-rotate-290 {
    transform: rotate(-290deg);
  }
  .tablet\:-rotate-291,
  .tablet\:hover\:-rotate-291:hover,
  .tablet\:focus\:-rotate-291:focus,
  .tablet\:group:hover .group-hover\:-rotate-291,
  .tablet\:group:focus-within .group-focus-within\:-rotate-291 {
    transform: rotate(-291deg);
  }
  .tablet\:-rotate-292,
  .tablet\:hover\:-rotate-292:hover,
  .tablet\:focus\:-rotate-292:focus,
  .tablet\:group:hover .group-hover\:-rotate-292,
  .tablet\:group:focus-within .group-focus-within\:-rotate-292 {
    transform: rotate(-292deg);
  }
  .tablet\:-rotate-293,
  .tablet\:hover\:-rotate-293:hover,
  .tablet\:focus\:-rotate-293:focus,
  .tablet\:group:hover .group-hover\:-rotate-293,
  .tablet\:group:focus-within .group-focus-within\:-rotate-293 {
    transform: rotate(-293deg);
  }
  .tablet\:-rotate-294,
  .tablet\:hover\:-rotate-294:hover,
  .tablet\:focus\:-rotate-294:focus,
  .tablet\:group:hover .group-hover\:-rotate-294,
  .tablet\:group:focus-within .group-focus-within\:-rotate-294 {
    transform: rotate(-294deg);
  }
  .tablet\:-rotate-295,
  .tablet\:hover\:-rotate-295:hover,
  .tablet\:focus\:-rotate-295:focus,
  .tablet\:group:hover .group-hover\:-rotate-295,
  .tablet\:group:focus-within .group-focus-within\:-rotate-295 {
    transform: rotate(-295deg);
  }
  .tablet\:-rotate-296,
  .tablet\:hover\:-rotate-296:hover,
  .tablet\:focus\:-rotate-296:focus,
  .tablet\:group:hover .group-hover\:-rotate-296,
  .tablet\:group:focus-within .group-focus-within\:-rotate-296 {
    transform: rotate(-296deg);
  }
  .tablet\:-rotate-297,
  .tablet\:hover\:-rotate-297:hover,
  .tablet\:focus\:-rotate-297:focus,
  .tablet\:group:hover .group-hover\:-rotate-297,
  .tablet\:group:focus-within .group-focus-within\:-rotate-297 {
    transform: rotate(-297deg);
  }
  .tablet\:-rotate-298,
  .tablet\:hover\:-rotate-298:hover,
  .tablet\:focus\:-rotate-298:focus,
  .tablet\:group:hover .group-hover\:-rotate-298,
  .tablet\:group:focus-within .group-focus-within\:-rotate-298 {
    transform: rotate(-298deg);
  }
  .tablet\:-rotate-299,
  .tablet\:hover\:-rotate-299:hover,
  .tablet\:focus\:-rotate-299:focus,
  .tablet\:group:hover .group-hover\:-rotate-299,
  .tablet\:group:focus-within .group-focus-within\:-rotate-299 {
    transform: rotate(-299deg);
  }
  .tablet\:-rotate-300,
  .tablet\:hover\:-rotate-300:hover,
  .tablet\:focus\:-rotate-300:focus,
  .tablet\:group:hover .group-hover\:-rotate-300,
  .tablet\:group:focus-within .group-focus-within\:-rotate-300 {
    transform: rotate(-300deg);
  }
  .tablet\:-rotate-301,
  .tablet\:hover\:-rotate-301:hover,
  .tablet\:focus\:-rotate-301:focus,
  .tablet\:group:hover .group-hover\:-rotate-301,
  .tablet\:group:focus-within .group-focus-within\:-rotate-301 {
    transform: rotate(-301deg);
  }
  .tablet\:-rotate-302,
  .tablet\:hover\:-rotate-302:hover,
  .tablet\:focus\:-rotate-302:focus,
  .tablet\:group:hover .group-hover\:-rotate-302,
  .tablet\:group:focus-within .group-focus-within\:-rotate-302 {
    transform: rotate(-302deg);
  }
  .tablet\:-rotate-303,
  .tablet\:hover\:-rotate-303:hover,
  .tablet\:focus\:-rotate-303:focus,
  .tablet\:group:hover .group-hover\:-rotate-303,
  .tablet\:group:focus-within .group-focus-within\:-rotate-303 {
    transform: rotate(-303deg);
  }
  .tablet\:-rotate-304,
  .tablet\:hover\:-rotate-304:hover,
  .tablet\:focus\:-rotate-304:focus,
  .tablet\:group:hover .group-hover\:-rotate-304,
  .tablet\:group:focus-within .group-focus-within\:-rotate-304 {
    transform: rotate(-304deg);
  }
  .tablet\:-rotate-305,
  .tablet\:hover\:-rotate-305:hover,
  .tablet\:focus\:-rotate-305:focus,
  .tablet\:group:hover .group-hover\:-rotate-305,
  .tablet\:group:focus-within .group-focus-within\:-rotate-305 {
    transform: rotate(-305deg);
  }
  .tablet\:-rotate-306,
  .tablet\:hover\:-rotate-306:hover,
  .tablet\:focus\:-rotate-306:focus,
  .tablet\:group:hover .group-hover\:-rotate-306,
  .tablet\:group:focus-within .group-focus-within\:-rotate-306 {
    transform: rotate(-306deg);
  }
  .tablet\:-rotate-307,
  .tablet\:hover\:-rotate-307:hover,
  .tablet\:focus\:-rotate-307:focus,
  .tablet\:group:hover .group-hover\:-rotate-307,
  .tablet\:group:focus-within .group-focus-within\:-rotate-307 {
    transform: rotate(-307deg);
  }
  .tablet\:-rotate-308,
  .tablet\:hover\:-rotate-308:hover,
  .tablet\:focus\:-rotate-308:focus,
  .tablet\:group:hover .group-hover\:-rotate-308,
  .tablet\:group:focus-within .group-focus-within\:-rotate-308 {
    transform: rotate(-308deg);
  }
  .tablet\:-rotate-309,
  .tablet\:hover\:-rotate-309:hover,
  .tablet\:focus\:-rotate-309:focus,
  .tablet\:group:hover .group-hover\:-rotate-309,
  .tablet\:group:focus-within .group-focus-within\:-rotate-309 {
    transform: rotate(-309deg);
  }
  .tablet\:-rotate-310,
  .tablet\:hover\:-rotate-310:hover,
  .tablet\:focus\:-rotate-310:focus,
  .tablet\:group:hover .group-hover\:-rotate-310,
  .tablet\:group:focus-within .group-focus-within\:-rotate-310 {
    transform: rotate(-310deg);
  }
  .tablet\:-rotate-311,
  .tablet\:hover\:-rotate-311:hover,
  .tablet\:focus\:-rotate-311:focus,
  .tablet\:group:hover .group-hover\:-rotate-311,
  .tablet\:group:focus-within .group-focus-within\:-rotate-311 {
    transform: rotate(-311deg);
  }
  .tablet\:-rotate-312,
  .tablet\:hover\:-rotate-312:hover,
  .tablet\:focus\:-rotate-312:focus,
  .tablet\:group:hover .group-hover\:-rotate-312,
  .tablet\:group:focus-within .group-focus-within\:-rotate-312 {
    transform: rotate(-312deg);
  }
  .tablet\:-rotate-313,
  .tablet\:hover\:-rotate-313:hover,
  .tablet\:focus\:-rotate-313:focus,
  .tablet\:group:hover .group-hover\:-rotate-313,
  .tablet\:group:focus-within .group-focus-within\:-rotate-313 {
    transform: rotate(-313deg);
  }
  .tablet\:-rotate-314,
  .tablet\:hover\:-rotate-314:hover,
  .tablet\:focus\:-rotate-314:focus,
  .tablet\:group:hover .group-hover\:-rotate-314,
  .tablet\:group:focus-within .group-focus-within\:-rotate-314 {
    transform: rotate(-314deg);
  }
  .tablet\:-rotate-315,
  .tablet\:hover\:-rotate-315:hover,
  .tablet\:focus\:-rotate-315:focus,
  .tablet\:group:hover .group-hover\:-rotate-315,
  .tablet\:group:focus-within .group-focus-within\:-rotate-315 {
    transform: rotate(-315deg);
  }
  .tablet\:-rotate-316,
  .tablet\:hover\:-rotate-316:hover,
  .tablet\:focus\:-rotate-316:focus,
  .tablet\:group:hover .group-hover\:-rotate-316,
  .tablet\:group:focus-within .group-focus-within\:-rotate-316 {
    transform: rotate(-316deg);
  }
  .tablet\:-rotate-317,
  .tablet\:hover\:-rotate-317:hover,
  .tablet\:focus\:-rotate-317:focus,
  .tablet\:group:hover .group-hover\:-rotate-317,
  .tablet\:group:focus-within .group-focus-within\:-rotate-317 {
    transform: rotate(-317deg);
  }
  .tablet\:-rotate-318,
  .tablet\:hover\:-rotate-318:hover,
  .tablet\:focus\:-rotate-318:focus,
  .tablet\:group:hover .group-hover\:-rotate-318,
  .tablet\:group:focus-within .group-focus-within\:-rotate-318 {
    transform: rotate(-318deg);
  }
  .tablet\:-rotate-319,
  .tablet\:hover\:-rotate-319:hover,
  .tablet\:focus\:-rotate-319:focus,
  .tablet\:group:hover .group-hover\:-rotate-319,
  .tablet\:group:focus-within .group-focus-within\:-rotate-319 {
    transform: rotate(-319deg);
  }
  .tablet\:-rotate-320,
  .tablet\:hover\:-rotate-320:hover,
  .tablet\:focus\:-rotate-320:focus,
  .tablet\:group:hover .group-hover\:-rotate-320,
  .tablet\:group:focus-within .group-focus-within\:-rotate-320 {
    transform: rotate(-320deg);
  }
  .tablet\:-rotate-321,
  .tablet\:hover\:-rotate-321:hover,
  .tablet\:focus\:-rotate-321:focus,
  .tablet\:group:hover .group-hover\:-rotate-321,
  .tablet\:group:focus-within .group-focus-within\:-rotate-321 {
    transform: rotate(-321deg);
  }
  .tablet\:-rotate-322,
  .tablet\:hover\:-rotate-322:hover,
  .tablet\:focus\:-rotate-322:focus,
  .tablet\:group:hover .group-hover\:-rotate-322,
  .tablet\:group:focus-within .group-focus-within\:-rotate-322 {
    transform: rotate(-322deg);
  }
  .tablet\:-rotate-323,
  .tablet\:hover\:-rotate-323:hover,
  .tablet\:focus\:-rotate-323:focus,
  .tablet\:group:hover .group-hover\:-rotate-323,
  .tablet\:group:focus-within .group-focus-within\:-rotate-323 {
    transform: rotate(-323deg);
  }
  .tablet\:-rotate-324,
  .tablet\:hover\:-rotate-324:hover,
  .tablet\:focus\:-rotate-324:focus,
  .tablet\:group:hover .group-hover\:-rotate-324,
  .tablet\:group:focus-within .group-focus-within\:-rotate-324 {
    transform: rotate(-324deg);
  }
  .tablet\:-rotate-325,
  .tablet\:hover\:-rotate-325:hover,
  .tablet\:focus\:-rotate-325:focus,
  .tablet\:group:hover .group-hover\:-rotate-325,
  .tablet\:group:focus-within .group-focus-within\:-rotate-325 {
    transform: rotate(-325deg);
  }
  .tablet\:-rotate-326,
  .tablet\:hover\:-rotate-326:hover,
  .tablet\:focus\:-rotate-326:focus,
  .tablet\:group:hover .group-hover\:-rotate-326,
  .tablet\:group:focus-within .group-focus-within\:-rotate-326 {
    transform: rotate(-326deg);
  }
  .tablet\:-rotate-327,
  .tablet\:hover\:-rotate-327:hover,
  .tablet\:focus\:-rotate-327:focus,
  .tablet\:group:hover .group-hover\:-rotate-327,
  .tablet\:group:focus-within .group-focus-within\:-rotate-327 {
    transform: rotate(-327deg);
  }
  .tablet\:-rotate-328,
  .tablet\:hover\:-rotate-328:hover,
  .tablet\:focus\:-rotate-328:focus,
  .tablet\:group:hover .group-hover\:-rotate-328,
  .tablet\:group:focus-within .group-focus-within\:-rotate-328 {
    transform: rotate(-328deg);
  }
  .tablet\:-rotate-329,
  .tablet\:hover\:-rotate-329:hover,
  .tablet\:focus\:-rotate-329:focus,
  .tablet\:group:hover .group-hover\:-rotate-329,
  .tablet\:group:focus-within .group-focus-within\:-rotate-329 {
    transform: rotate(-329deg);
  }
  .tablet\:-rotate-330,
  .tablet\:hover\:-rotate-330:hover,
  .tablet\:focus\:-rotate-330:focus,
  .tablet\:group:hover .group-hover\:-rotate-330,
  .tablet\:group:focus-within .group-focus-within\:-rotate-330 {
    transform: rotate(-330deg);
  }
  .tablet\:-rotate-331,
  .tablet\:hover\:-rotate-331:hover,
  .tablet\:focus\:-rotate-331:focus,
  .tablet\:group:hover .group-hover\:-rotate-331,
  .tablet\:group:focus-within .group-focus-within\:-rotate-331 {
    transform: rotate(-331deg);
  }
  .tablet\:-rotate-332,
  .tablet\:hover\:-rotate-332:hover,
  .tablet\:focus\:-rotate-332:focus,
  .tablet\:group:hover .group-hover\:-rotate-332,
  .tablet\:group:focus-within .group-focus-within\:-rotate-332 {
    transform: rotate(-332deg);
  }
  .tablet\:-rotate-333,
  .tablet\:hover\:-rotate-333:hover,
  .tablet\:focus\:-rotate-333:focus,
  .tablet\:group:hover .group-hover\:-rotate-333,
  .tablet\:group:focus-within .group-focus-within\:-rotate-333 {
    transform: rotate(-333deg);
  }
  .tablet\:-rotate-334,
  .tablet\:hover\:-rotate-334:hover,
  .tablet\:focus\:-rotate-334:focus,
  .tablet\:group:hover .group-hover\:-rotate-334,
  .tablet\:group:focus-within .group-focus-within\:-rotate-334 {
    transform: rotate(-334deg);
  }
  .tablet\:-rotate-335,
  .tablet\:hover\:-rotate-335:hover,
  .tablet\:focus\:-rotate-335:focus,
  .tablet\:group:hover .group-hover\:-rotate-335,
  .tablet\:group:focus-within .group-focus-within\:-rotate-335 {
    transform: rotate(-335deg);
  }
  .tablet\:-rotate-336,
  .tablet\:hover\:-rotate-336:hover,
  .tablet\:focus\:-rotate-336:focus,
  .tablet\:group:hover .group-hover\:-rotate-336,
  .tablet\:group:focus-within .group-focus-within\:-rotate-336 {
    transform: rotate(-336deg);
  }
  .tablet\:-rotate-337,
  .tablet\:hover\:-rotate-337:hover,
  .tablet\:focus\:-rotate-337:focus,
  .tablet\:group:hover .group-hover\:-rotate-337,
  .tablet\:group:focus-within .group-focus-within\:-rotate-337 {
    transform: rotate(-337deg);
  }
  .tablet\:-rotate-338,
  .tablet\:hover\:-rotate-338:hover,
  .tablet\:focus\:-rotate-338:focus,
  .tablet\:group:hover .group-hover\:-rotate-338,
  .tablet\:group:focus-within .group-focus-within\:-rotate-338 {
    transform: rotate(-338deg);
  }
  .tablet\:-rotate-339,
  .tablet\:hover\:-rotate-339:hover,
  .tablet\:focus\:-rotate-339:focus,
  .tablet\:group:hover .group-hover\:-rotate-339,
  .tablet\:group:focus-within .group-focus-within\:-rotate-339 {
    transform: rotate(-339deg);
  }
  .tablet\:-rotate-340,
  .tablet\:hover\:-rotate-340:hover,
  .tablet\:focus\:-rotate-340:focus,
  .tablet\:group:hover .group-hover\:-rotate-340,
  .tablet\:group:focus-within .group-focus-within\:-rotate-340 {
    transform: rotate(-340deg);
  }
  .tablet\:-rotate-341,
  .tablet\:hover\:-rotate-341:hover,
  .tablet\:focus\:-rotate-341:focus,
  .tablet\:group:hover .group-hover\:-rotate-341,
  .tablet\:group:focus-within .group-focus-within\:-rotate-341 {
    transform: rotate(-341deg);
  }
  .tablet\:-rotate-342,
  .tablet\:hover\:-rotate-342:hover,
  .tablet\:focus\:-rotate-342:focus,
  .tablet\:group:hover .group-hover\:-rotate-342,
  .tablet\:group:focus-within .group-focus-within\:-rotate-342 {
    transform: rotate(-342deg);
  }
  .tablet\:-rotate-343,
  .tablet\:hover\:-rotate-343:hover,
  .tablet\:focus\:-rotate-343:focus,
  .tablet\:group:hover .group-hover\:-rotate-343,
  .tablet\:group:focus-within .group-focus-within\:-rotate-343 {
    transform: rotate(-343deg);
  }
  .tablet\:-rotate-344,
  .tablet\:hover\:-rotate-344:hover,
  .tablet\:focus\:-rotate-344:focus,
  .tablet\:group:hover .group-hover\:-rotate-344,
  .tablet\:group:focus-within .group-focus-within\:-rotate-344 {
    transform: rotate(-344deg);
  }
  .tablet\:-rotate-345,
  .tablet\:hover\:-rotate-345:hover,
  .tablet\:focus\:-rotate-345:focus,
  .tablet\:group:hover .group-hover\:-rotate-345,
  .tablet\:group:focus-within .group-focus-within\:-rotate-345 {
    transform: rotate(-345deg);
  }
  .tablet\:-rotate-346,
  .tablet\:hover\:-rotate-346:hover,
  .tablet\:focus\:-rotate-346:focus,
  .tablet\:group:hover .group-hover\:-rotate-346,
  .tablet\:group:focus-within .group-focus-within\:-rotate-346 {
    transform: rotate(-346deg);
  }
  .tablet\:-rotate-347,
  .tablet\:hover\:-rotate-347:hover,
  .tablet\:focus\:-rotate-347:focus,
  .tablet\:group:hover .group-hover\:-rotate-347,
  .tablet\:group:focus-within .group-focus-within\:-rotate-347 {
    transform: rotate(-347deg);
  }
  .tablet\:-rotate-348,
  .tablet\:hover\:-rotate-348:hover,
  .tablet\:focus\:-rotate-348:focus,
  .tablet\:group:hover .group-hover\:-rotate-348,
  .tablet\:group:focus-within .group-focus-within\:-rotate-348 {
    transform: rotate(-348deg);
  }
  .tablet\:-rotate-349,
  .tablet\:hover\:-rotate-349:hover,
  .tablet\:focus\:-rotate-349:focus,
  .tablet\:group:hover .group-hover\:-rotate-349,
  .tablet\:group:focus-within .group-focus-within\:-rotate-349 {
    transform: rotate(-349deg);
  }
  .tablet\:-rotate-350,
  .tablet\:hover\:-rotate-350:hover,
  .tablet\:focus\:-rotate-350:focus,
  .tablet\:group:hover .group-hover\:-rotate-350,
  .tablet\:group:focus-within .group-focus-within\:-rotate-350 {
    transform: rotate(-350deg);
  }
  .tablet\:-rotate-351,
  .tablet\:hover\:-rotate-351:hover,
  .tablet\:focus\:-rotate-351:focus,
  .tablet\:group:hover .group-hover\:-rotate-351,
  .tablet\:group:focus-within .group-focus-within\:-rotate-351 {
    transform: rotate(-351deg);
  }
  .tablet\:-rotate-352,
  .tablet\:hover\:-rotate-352:hover,
  .tablet\:focus\:-rotate-352:focus,
  .tablet\:group:hover .group-hover\:-rotate-352,
  .tablet\:group:focus-within .group-focus-within\:-rotate-352 {
    transform: rotate(-352deg);
  }
  .tablet\:-rotate-353,
  .tablet\:hover\:-rotate-353:hover,
  .tablet\:focus\:-rotate-353:focus,
  .tablet\:group:hover .group-hover\:-rotate-353,
  .tablet\:group:focus-within .group-focus-within\:-rotate-353 {
    transform: rotate(-353deg);
  }
  .tablet\:-rotate-354,
  .tablet\:hover\:-rotate-354:hover,
  .tablet\:focus\:-rotate-354:focus,
  .tablet\:group:hover .group-hover\:-rotate-354,
  .tablet\:group:focus-within .group-focus-within\:-rotate-354 {
    transform: rotate(-354deg);
  }
  .tablet\:-rotate-355,
  .tablet\:hover\:-rotate-355:hover,
  .tablet\:focus\:-rotate-355:focus,
  .tablet\:group:hover .group-hover\:-rotate-355,
  .tablet\:group:focus-within .group-focus-within\:-rotate-355 {
    transform: rotate(-355deg);
  }
  .tablet\:-rotate-356,
  .tablet\:hover\:-rotate-356:hover,
  .tablet\:focus\:-rotate-356:focus,
  .tablet\:group:hover .group-hover\:-rotate-356,
  .tablet\:group:focus-within .group-focus-within\:-rotate-356 {
    transform: rotate(-356deg);
  }
  .tablet\:-rotate-357,
  .tablet\:hover\:-rotate-357:hover,
  .tablet\:focus\:-rotate-357:focus,
  .tablet\:group:hover .group-hover\:-rotate-357,
  .tablet\:group:focus-within .group-focus-within\:-rotate-357 {
    transform: rotate(-357deg);
  }
  .tablet\:-rotate-358,
  .tablet\:hover\:-rotate-358:hover,
  .tablet\:focus\:-rotate-358:focus,
  .tablet\:group:hover .group-hover\:-rotate-358,
  .tablet\:group:focus-within .group-focus-within\:-rotate-358 {
    transform: rotate(-358deg);
  }
  .tablet\:-rotate-359,
  .tablet\:hover\:-rotate-359:hover,
  .tablet\:focus\:-rotate-359:focus,
  .tablet\:group:hover .group-hover\:-rotate-359,
  .tablet\:group:focus-within .group-focus-within\:-rotate-359 {
    transform: rotate(-359deg);
  }
  .tablet\:-rotate-360,
  .tablet\:hover\:-rotate-360:hover,
  .tablet\:focus\:-rotate-360:focus,
  .tablet\:group:hover .group-hover\:-rotate-360,
  .tablet\:group:focus-within .group-focus-within\:-rotate-360 {
    transform: rotate(-360deg);
  }
  .tablet\:rotate-0,
  .tablet\:hover\:rotate-0:hover,
  .tablet\:focus\:rotate-0:focus,
  .tablet\:group:hover .group-hover\:rotate-0,
  .tablet\:group:focus-within .group-focus-within\:rotate-0 {
    transform: rotate(0deg);
  }
  .tablet\:rotate-1,
  .tablet\:hover\:rotate-1:hover,
  .tablet\:focus\:rotate-1:focus,
  .tablet\:group:hover .group-hover\:rotate-1,
  .tablet\:group:focus-within .group-focus-within\:rotate-1 {
    transform: rotate(1deg);
  }
  .tablet\:rotate-2,
  .tablet\:hover\:rotate-2:hover,
  .tablet\:focus\:rotate-2:focus,
  .tablet\:group:hover .group-hover\:rotate-2,
  .tablet\:group:focus-within .group-focus-within\:rotate-2 {
    transform: rotate(2deg);
  }
  .tablet\:rotate-3,
  .tablet\:hover\:rotate-3:hover,
  .tablet\:focus\:rotate-3:focus,
  .tablet\:group:hover .group-hover\:rotate-3,
  .tablet\:group:focus-within .group-focus-within\:rotate-3 {
    transform: rotate(3deg);
  }
  .tablet\:rotate-4,
  .tablet\:hover\:rotate-4:hover,
  .tablet\:focus\:rotate-4:focus,
  .tablet\:group:hover .group-hover\:rotate-4,
  .tablet\:group:focus-within .group-focus-within\:rotate-4 {
    transform: rotate(4deg);
  }
  .tablet\:rotate-5,
  .tablet\:hover\:rotate-5:hover,
  .tablet\:focus\:rotate-5:focus,
  .tablet\:group:hover .group-hover\:rotate-5,
  .tablet\:group:focus-within .group-focus-within\:rotate-5 {
    transform: rotate(5deg);
  }
  .tablet\:rotate-6,
  .tablet\:hover\:rotate-6:hover,
  .tablet\:focus\:rotate-6:focus,
  .tablet\:group:hover .group-hover\:rotate-6,
  .tablet\:group:focus-within .group-focus-within\:rotate-6 {
    transform: rotate(6deg);
  }
  .tablet\:rotate-7,
  .tablet\:hover\:rotate-7:hover,
  .tablet\:focus\:rotate-7:focus,
  .tablet\:group:hover .group-hover\:rotate-7,
  .tablet\:group:focus-within .group-focus-within\:rotate-7 {
    transform: rotate(7deg);
  }
  .tablet\:rotate-8,
  .tablet\:hover\:rotate-8:hover,
  .tablet\:focus\:rotate-8:focus,
  .tablet\:group:hover .group-hover\:rotate-8,
  .tablet\:group:focus-within .group-focus-within\:rotate-8 {
    transform: rotate(8deg);
  }
  .tablet\:rotate-9,
  .tablet\:hover\:rotate-9:hover,
  .tablet\:focus\:rotate-9:focus,
  .tablet\:group:hover .group-hover\:rotate-9,
  .tablet\:group:focus-within .group-focus-within\:rotate-9 {
    transform: rotate(9deg);
  }
  .tablet\:rotate-10,
  .tablet\:hover\:rotate-10:hover,
  .tablet\:focus\:rotate-10:focus,
  .tablet\:group:hover .group-hover\:rotate-10,
  .tablet\:group:focus-within .group-focus-within\:rotate-10 {
    transform: rotate(10deg);
  }
  .tablet\:rotate-11,
  .tablet\:hover\:rotate-11:hover,
  .tablet\:focus\:rotate-11:focus,
  .tablet\:group:hover .group-hover\:rotate-11,
  .tablet\:group:focus-within .group-focus-within\:rotate-11 {
    transform: rotate(11deg);
  }
  .tablet\:rotate-12,
  .tablet\:hover\:rotate-12:hover,
  .tablet\:focus\:rotate-12:focus,
  .tablet\:group:hover .group-hover\:rotate-12,
  .tablet\:group:focus-within .group-focus-within\:rotate-12 {
    transform: rotate(12deg);
  }
  .tablet\:rotate-13,
  .tablet\:hover\:rotate-13:hover,
  .tablet\:focus\:rotate-13:focus,
  .tablet\:group:hover .group-hover\:rotate-13,
  .tablet\:group:focus-within .group-focus-within\:rotate-13 {
    transform: rotate(13deg);
  }
  .tablet\:rotate-14,
  .tablet\:hover\:rotate-14:hover,
  .tablet\:focus\:rotate-14:focus,
  .tablet\:group:hover .group-hover\:rotate-14,
  .tablet\:group:focus-within .group-focus-within\:rotate-14 {
    transform: rotate(14deg);
  }
  .tablet\:rotate-15,
  .tablet\:hover\:rotate-15:hover,
  .tablet\:focus\:rotate-15:focus,
  .tablet\:group:hover .group-hover\:rotate-15,
  .tablet\:group:focus-within .group-focus-within\:rotate-15 {
    transform: rotate(15deg);
  }
  .tablet\:rotate-16,
  .tablet\:hover\:rotate-16:hover,
  .tablet\:focus\:rotate-16:focus,
  .tablet\:group:hover .group-hover\:rotate-16,
  .tablet\:group:focus-within .group-focus-within\:rotate-16 {
    transform: rotate(16deg);
  }
  .tablet\:rotate-17,
  .tablet\:hover\:rotate-17:hover,
  .tablet\:focus\:rotate-17:focus,
  .tablet\:group:hover .group-hover\:rotate-17,
  .tablet\:group:focus-within .group-focus-within\:rotate-17 {
    transform: rotate(17deg);
  }
  .tablet\:rotate-18,
  .tablet\:hover\:rotate-18:hover,
  .tablet\:focus\:rotate-18:focus,
  .tablet\:group:hover .group-hover\:rotate-18,
  .tablet\:group:focus-within .group-focus-within\:rotate-18 {
    transform: rotate(18deg);
  }
  .tablet\:rotate-19,
  .tablet\:hover\:rotate-19:hover,
  .tablet\:focus\:rotate-19:focus,
  .tablet\:group:hover .group-hover\:rotate-19,
  .tablet\:group:focus-within .group-focus-within\:rotate-19 {
    transform: rotate(19deg);
  }
  .tablet\:rotate-20,
  .tablet\:hover\:rotate-20:hover,
  .tablet\:focus\:rotate-20:focus,
  .tablet\:group:hover .group-hover\:rotate-20,
  .tablet\:group:focus-within .group-focus-within\:rotate-20 {
    transform: rotate(20deg);
  }
  .tablet\:rotate-21,
  .tablet\:hover\:rotate-21:hover,
  .tablet\:focus\:rotate-21:focus,
  .tablet\:group:hover .group-hover\:rotate-21,
  .tablet\:group:focus-within .group-focus-within\:rotate-21 {
    transform: rotate(21deg);
  }
  .tablet\:rotate-22,
  .tablet\:hover\:rotate-22:hover,
  .tablet\:focus\:rotate-22:focus,
  .tablet\:group:hover .group-hover\:rotate-22,
  .tablet\:group:focus-within .group-focus-within\:rotate-22 {
    transform: rotate(22deg);
  }
  .tablet\:rotate-23,
  .tablet\:hover\:rotate-23:hover,
  .tablet\:focus\:rotate-23:focus,
  .tablet\:group:hover .group-hover\:rotate-23,
  .tablet\:group:focus-within .group-focus-within\:rotate-23 {
    transform: rotate(23deg);
  }
  .tablet\:rotate-24,
  .tablet\:hover\:rotate-24:hover,
  .tablet\:focus\:rotate-24:focus,
  .tablet\:group:hover .group-hover\:rotate-24,
  .tablet\:group:focus-within .group-focus-within\:rotate-24 {
    transform: rotate(24deg);
  }
  .tablet\:rotate-25,
  .tablet\:hover\:rotate-25:hover,
  .tablet\:focus\:rotate-25:focus,
  .tablet\:group:hover .group-hover\:rotate-25,
  .tablet\:group:focus-within .group-focus-within\:rotate-25 {
    transform: rotate(25deg);
  }
  .tablet\:rotate-26,
  .tablet\:hover\:rotate-26:hover,
  .tablet\:focus\:rotate-26:focus,
  .tablet\:group:hover .group-hover\:rotate-26,
  .tablet\:group:focus-within .group-focus-within\:rotate-26 {
    transform: rotate(26deg);
  }
  .tablet\:rotate-27,
  .tablet\:hover\:rotate-27:hover,
  .tablet\:focus\:rotate-27:focus,
  .tablet\:group:hover .group-hover\:rotate-27,
  .tablet\:group:focus-within .group-focus-within\:rotate-27 {
    transform: rotate(27deg);
  }
  .tablet\:rotate-28,
  .tablet\:hover\:rotate-28:hover,
  .tablet\:focus\:rotate-28:focus,
  .tablet\:group:hover .group-hover\:rotate-28,
  .tablet\:group:focus-within .group-focus-within\:rotate-28 {
    transform: rotate(28deg);
  }
  .tablet\:rotate-29,
  .tablet\:hover\:rotate-29:hover,
  .tablet\:focus\:rotate-29:focus,
  .tablet\:group:hover .group-hover\:rotate-29,
  .tablet\:group:focus-within .group-focus-within\:rotate-29 {
    transform: rotate(29deg);
  }
  .tablet\:rotate-30,
  .tablet\:hover\:rotate-30:hover,
  .tablet\:focus\:rotate-30:focus,
  .tablet\:group:hover .group-hover\:rotate-30,
  .tablet\:group:focus-within .group-focus-within\:rotate-30 {
    transform: rotate(30deg);
  }
  .tablet\:rotate-31,
  .tablet\:hover\:rotate-31:hover,
  .tablet\:focus\:rotate-31:focus,
  .tablet\:group:hover .group-hover\:rotate-31,
  .tablet\:group:focus-within .group-focus-within\:rotate-31 {
    transform: rotate(31deg);
  }
  .tablet\:rotate-32,
  .tablet\:hover\:rotate-32:hover,
  .tablet\:focus\:rotate-32:focus,
  .tablet\:group:hover .group-hover\:rotate-32,
  .tablet\:group:focus-within .group-focus-within\:rotate-32 {
    transform: rotate(32deg);
  }
  .tablet\:rotate-33,
  .tablet\:hover\:rotate-33:hover,
  .tablet\:focus\:rotate-33:focus,
  .tablet\:group:hover .group-hover\:rotate-33,
  .tablet\:group:focus-within .group-focus-within\:rotate-33 {
    transform: rotate(33deg);
  }
  .tablet\:rotate-34,
  .tablet\:hover\:rotate-34:hover,
  .tablet\:focus\:rotate-34:focus,
  .tablet\:group:hover .group-hover\:rotate-34,
  .tablet\:group:focus-within .group-focus-within\:rotate-34 {
    transform: rotate(34deg);
  }
  .tablet\:rotate-35,
  .tablet\:hover\:rotate-35:hover,
  .tablet\:focus\:rotate-35:focus,
  .tablet\:group:hover .group-hover\:rotate-35,
  .tablet\:group:focus-within .group-focus-within\:rotate-35 {
    transform: rotate(35deg);
  }
  .tablet\:rotate-36,
  .tablet\:hover\:rotate-36:hover,
  .tablet\:focus\:rotate-36:focus,
  .tablet\:group:hover .group-hover\:rotate-36,
  .tablet\:group:focus-within .group-focus-within\:rotate-36 {
    transform: rotate(36deg);
  }
  .tablet\:rotate-37,
  .tablet\:hover\:rotate-37:hover,
  .tablet\:focus\:rotate-37:focus,
  .tablet\:group:hover .group-hover\:rotate-37,
  .tablet\:group:focus-within .group-focus-within\:rotate-37 {
    transform: rotate(37deg);
  }
  .tablet\:rotate-38,
  .tablet\:hover\:rotate-38:hover,
  .tablet\:focus\:rotate-38:focus,
  .tablet\:group:hover .group-hover\:rotate-38,
  .tablet\:group:focus-within .group-focus-within\:rotate-38 {
    transform: rotate(38deg);
  }
  .tablet\:rotate-39,
  .tablet\:hover\:rotate-39:hover,
  .tablet\:focus\:rotate-39:focus,
  .tablet\:group:hover .group-hover\:rotate-39,
  .tablet\:group:focus-within .group-focus-within\:rotate-39 {
    transform: rotate(39deg);
  }
  .tablet\:rotate-40,
  .tablet\:hover\:rotate-40:hover,
  .tablet\:focus\:rotate-40:focus,
  .tablet\:group:hover .group-hover\:rotate-40,
  .tablet\:group:focus-within .group-focus-within\:rotate-40 {
    transform: rotate(40deg);
  }
  .tablet\:rotate-41,
  .tablet\:hover\:rotate-41:hover,
  .tablet\:focus\:rotate-41:focus,
  .tablet\:group:hover .group-hover\:rotate-41,
  .tablet\:group:focus-within .group-focus-within\:rotate-41 {
    transform: rotate(41deg);
  }
  .tablet\:rotate-42,
  .tablet\:hover\:rotate-42:hover,
  .tablet\:focus\:rotate-42:focus,
  .tablet\:group:hover .group-hover\:rotate-42,
  .tablet\:group:focus-within .group-focus-within\:rotate-42 {
    transform: rotate(42deg);
  }
  .tablet\:rotate-43,
  .tablet\:hover\:rotate-43:hover,
  .tablet\:focus\:rotate-43:focus,
  .tablet\:group:hover .group-hover\:rotate-43,
  .tablet\:group:focus-within .group-focus-within\:rotate-43 {
    transform: rotate(43deg);
  }
  .tablet\:rotate-44,
  .tablet\:hover\:rotate-44:hover,
  .tablet\:focus\:rotate-44:focus,
  .tablet\:group:hover .group-hover\:rotate-44,
  .tablet\:group:focus-within .group-focus-within\:rotate-44 {
    transform: rotate(44deg);
  }
  .tablet\:rotate-45,
  .tablet\:hover\:rotate-45:hover,
  .tablet\:focus\:rotate-45:focus,
  .tablet\:group:hover .group-hover\:rotate-45,
  .tablet\:group:focus-within .group-focus-within\:rotate-45 {
    transform: rotate(45deg);
  }
  .tablet\:rotate-46,
  .tablet\:hover\:rotate-46:hover,
  .tablet\:focus\:rotate-46:focus,
  .tablet\:group:hover .group-hover\:rotate-46,
  .tablet\:group:focus-within .group-focus-within\:rotate-46 {
    transform: rotate(46deg);
  }
  .tablet\:rotate-47,
  .tablet\:hover\:rotate-47:hover,
  .tablet\:focus\:rotate-47:focus,
  .tablet\:group:hover .group-hover\:rotate-47,
  .tablet\:group:focus-within .group-focus-within\:rotate-47 {
    transform: rotate(47deg);
  }
  .tablet\:rotate-48,
  .tablet\:hover\:rotate-48:hover,
  .tablet\:focus\:rotate-48:focus,
  .tablet\:group:hover .group-hover\:rotate-48,
  .tablet\:group:focus-within .group-focus-within\:rotate-48 {
    transform: rotate(48deg);
  }
  .tablet\:rotate-49,
  .tablet\:hover\:rotate-49:hover,
  .tablet\:focus\:rotate-49:focus,
  .tablet\:group:hover .group-hover\:rotate-49,
  .tablet\:group:focus-within .group-focus-within\:rotate-49 {
    transform: rotate(49deg);
  }
  .tablet\:rotate-50,
  .tablet\:hover\:rotate-50:hover,
  .tablet\:focus\:rotate-50:focus,
  .tablet\:group:hover .group-hover\:rotate-50,
  .tablet\:group:focus-within .group-focus-within\:rotate-50 {
    transform: rotate(50deg);
  }
  .tablet\:rotate-51,
  .tablet\:hover\:rotate-51:hover,
  .tablet\:focus\:rotate-51:focus,
  .tablet\:group:hover .group-hover\:rotate-51,
  .tablet\:group:focus-within .group-focus-within\:rotate-51 {
    transform: rotate(51deg);
  }
  .tablet\:rotate-52,
  .tablet\:hover\:rotate-52:hover,
  .tablet\:focus\:rotate-52:focus,
  .tablet\:group:hover .group-hover\:rotate-52,
  .tablet\:group:focus-within .group-focus-within\:rotate-52 {
    transform: rotate(52deg);
  }
  .tablet\:rotate-53,
  .tablet\:hover\:rotate-53:hover,
  .tablet\:focus\:rotate-53:focus,
  .tablet\:group:hover .group-hover\:rotate-53,
  .tablet\:group:focus-within .group-focus-within\:rotate-53 {
    transform: rotate(53deg);
  }
  .tablet\:rotate-54,
  .tablet\:hover\:rotate-54:hover,
  .tablet\:focus\:rotate-54:focus,
  .tablet\:group:hover .group-hover\:rotate-54,
  .tablet\:group:focus-within .group-focus-within\:rotate-54 {
    transform: rotate(54deg);
  }
  .tablet\:rotate-55,
  .tablet\:hover\:rotate-55:hover,
  .tablet\:focus\:rotate-55:focus,
  .tablet\:group:hover .group-hover\:rotate-55,
  .tablet\:group:focus-within .group-focus-within\:rotate-55 {
    transform: rotate(55deg);
  }
  .tablet\:rotate-56,
  .tablet\:hover\:rotate-56:hover,
  .tablet\:focus\:rotate-56:focus,
  .tablet\:group:hover .group-hover\:rotate-56,
  .tablet\:group:focus-within .group-focus-within\:rotate-56 {
    transform: rotate(56deg);
  }
  .tablet\:rotate-57,
  .tablet\:hover\:rotate-57:hover,
  .tablet\:focus\:rotate-57:focus,
  .tablet\:group:hover .group-hover\:rotate-57,
  .tablet\:group:focus-within .group-focus-within\:rotate-57 {
    transform: rotate(57deg);
  }
  .tablet\:rotate-58,
  .tablet\:hover\:rotate-58:hover,
  .tablet\:focus\:rotate-58:focus,
  .tablet\:group:hover .group-hover\:rotate-58,
  .tablet\:group:focus-within .group-focus-within\:rotate-58 {
    transform: rotate(58deg);
  }
  .tablet\:rotate-59,
  .tablet\:hover\:rotate-59:hover,
  .tablet\:focus\:rotate-59:focus,
  .tablet\:group:hover .group-hover\:rotate-59,
  .tablet\:group:focus-within .group-focus-within\:rotate-59 {
    transform: rotate(59deg);
  }
  .tablet\:rotate-60,
  .tablet\:hover\:rotate-60:hover,
  .tablet\:focus\:rotate-60:focus,
  .tablet\:group:hover .group-hover\:rotate-60,
  .tablet\:group:focus-within .group-focus-within\:rotate-60 {
    transform: rotate(60deg);
  }
  .tablet\:rotate-61,
  .tablet\:hover\:rotate-61:hover,
  .tablet\:focus\:rotate-61:focus,
  .tablet\:group:hover .group-hover\:rotate-61,
  .tablet\:group:focus-within .group-focus-within\:rotate-61 {
    transform: rotate(61deg);
  }
  .tablet\:rotate-62,
  .tablet\:hover\:rotate-62:hover,
  .tablet\:focus\:rotate-62:focus,
  .tablet\:group:hover .group-hover\:rotate-62,
  .tablet\:group:focus-within .group-focus-within\:rotate-62 {
    transform: rotate(62deg);
  }
  .tablet\:rotate-63,
  .tablet\:hover\:rotate-63:hover,
  .tablet\:focus\:rotate-63:focus,
  .tablet\:group:hover .group-hover\:rotate-63,
  .tablet\:group:focus-within .group-focus-within\:rotate-63 {
    transform: rotate(63deg);
  }
  .tablet\:rotate-64,
  .tablet\:hover\:rotate-64:hover,
  .tablet\:focus\:rotate-64:focus,
  .tablet\:group:hover .group-hover\:rotate-64,
  .tablet\:group:focus-within .group-focus-within\:rotate-64 {
    transform: rotate(64deg);
  }
  .tablet\:rotate-65,
  .tablet\:hover\:rotate-65:hover,
  .tablet\:focus\:rotate-65:focus,
  .tablet\:group:hover .group-hover\:rotate-65,
  .tablet\:group:focus-within .group-focus-within\:rotate-65 {
    transform: rotate(65deg);
  }
  .tablet\:rotate-66,
  .tablet\:hover\:rotate-66:hover,
  .tablet\:focus\:rotate-66:focus,
  .tablet\:group:hover .group-hover\:rotate-66,
  .tablet\:group:focus-within .group-focus-within\:rotate-66 {
    transform: rotate(66deg);
  }
  .tablet\:rotate-67,
  .tablet\:hover\:rotate-67:hover,
  .tablet\:focus\:rotate-67:focus,
  .tablet\:group:hover .group-hover\:rotate-67,
  .tablet\:group:focus-within .group-focus-within\:rotate-67 {
    transform: rotate(67deg);
  }
  .tablet\:rotate-68,
  .tablet\:hover\:rotate-68:hover,
  .tablet\:focus\:rotate-68:focus,
  .tablet\:group:hover .group-hover\:rotate-68,
  .tablet\:group:focus-within .group-focus-within\:rotate-68 {
    transform: rotate(68deg);
  }
  .tablet\:rotate-69,
  .tablet\:hover\:rotate-69:hover,
  .tablet\:focus\:rotate-69:focus,
  .tablet\:group:hover .group-hover\:rotate-69,
  .tablet\:group:focus-within .group-focus-within\:rotate-69 {
    transform: rotate(69deg);
  }
  .tablet\:rotate-70,
  .tablet\:hover\:rotate-70:hover,
  .tablet\:focus\:rotate-70:focus,
  .tablet\:group:hover .group-hover\:rotate-70,
  .tablet\:group:focus-within .group-focus-within\:rotate-70 {
    transform: rotate(70deg);
  }
  .tablet\:rotate-71,
  .tablet\:hover\:rotate-71:hover,
  .tablet\:focus\:rotate-71:focus,
  .tablet\:group:hover .group-hover\:rotate-71,
  .tablet\:group:focus-within .group-focus-within\:rotate-71 {
    transform: rotate(71deg);
  }
  .tablet\:rotate-72,
  .tablet\:hover\:rotate-72:hover,
  .tablet\:focus\:rotate-72:focus,
  .tablet\:group:hover .group-hover\:rotate-72,
  .tablet\:group:focus-within .group-focus-within\:rotate-72 {
    transform: rotate(72deg);
  }
  .tablet\:rotate-73,
  .tablet\:hover\:rotate-73:hover,
  .tablet\:focus\:rotate-73:focus,
  .tablet\:group:hover .group-hover\:rotate-73,
  .tablet\:group:focus-within .group-focus-within\:rotate-73 {
    transform: rotate(73deg);
  }
  .tablet\:rotate-74,
  .tablet\:hover\:rotate-74:hover,
  .tablet\:focus\:rotate-74:focus,
  .tablet\:group:hover .group-hover\:rotate-74,
  .tablet\:group:focus-within .group-focus-within\:rotate-74 {
    transform: rotate(74deg);
  }
  .tablet\:rotate-75,
  .tablet\:hover\:rotate-75:hover,
  .tablet\:focus\:rotate-75:focus,
  .tablet\:group:hover .group-hover\:rotate-75,
  .tablet\:group:focus-within .group-focus-within\:rotate-75 {
    transform: rotate(75deg);
  }
  .tablet\:rotate-76,
  .tablet\:hover\:rotate-76:hover,
  .tablet\:focus\:rotate-76:focus,
  .tablet\:group:hover .group-hover\:rotate-76,
  .tablet\:group:focus-within .group-focus-within\:rotate-76 {
    transform: rotate(76deg);
  }
  .tablet\:rotate-77,
  .tablet\:hover\:rotate-77:hover,
  .tablet\:focus\:rotate-77:focus,
  .tablet\:group:hover .group-hover\:rotate-77,
  .tablet\:group:focus-within .group-focus-within\:rotate-77 {
    transform: rotate(77deg);
  }
  .tablet\:rotate-78,
  .tablet\:hover\:rotate-78:hover,
  .tablet\:focus\:rotate-78:focus,
  .tablet\:group:hover .group-hover\:rotate-78,
  .tablet\:group:focus-within .group-focus-within\:rotate-78 {
    transform: rotate(78deg);
  }
  .tablet\:rotate-79,
  .tablet\:hover\:rotate-79:hover,
  .tablet\:focus\:rotate-79:focus,
  .tablet\:group:hover .group-hover\:rotate-79,
  .tablet\:group:focus-within .group-focus-within\:rotate-79 {
    transform: rotate(79deg);
  }
  .tablet\:rotate-80,
  .tablet\:hover\:rotate-80:hover,
  .tablet\:focus\:rotate-80:focus,
  .tablet\:group:hover .group-hover\:rotate-80,
  .tablet\:group:focus-within .group-focus-within\:rotate-80 {
    transform: rotate(80deg);
  }
  .tablet\:rotate-81,
  .tablet\:hover\:rotate-81:hover,
  .tablet\:focus\:rotate-81:focus,
  .tablet\:group:hover .group-hover\:rotate-81,
  .tablet\:group:focus-within .group-focus-within\:rotate-81 {
    transform: rotate(81deg);
  }
  .tablet\:rotate-82,
  .tablet\:hover\:rotate-82:hover,
  .tablet\:focus\:rotate-82:focus,
  .tablet\:group:hover .group-hover\:rotate-82,
  .tablet\:group:focus-within .group-focus-within\:rotate-82 {
    transform: rotate(82deg);
  }
  .tablet\:rotate-83,
  .tablet\:hover\:rotate-83:hover,
  .tablet\:focus\:rotate-83:focus,
  .tablet\:group:hover .group-hover\:rotate-83,
  .tablet\:group:focus-within .group-focus-within\:rotate-83 {
    transform: rotate(83deg);
  }
  .tablet\:rotate-84,
  .tablet\:hover\:rotate-84:hover,
  .tablet\:focus\:rotate-84:focus,
  .tablet\:group:hover .group-hover\:rotate-84,
  .tablet\:group:focus-within .group-focus-within\:rotate-84 {
    transform: rotate(84deg);
  }
  .tablet\:rotate-85,
  .tablet\:hover\:rotate-85:hover,
  .tablet\:focus\:rotate-85:focus,
  .tablet\:group:hover .group-hover\:rotate-85,
  .tablet\:group:focus-within .group-focus-within\:rotate-85 {
    transform: rotate(85deg);
  }
  .tablet\:rotate-86,
  .tablet\:hover\:rotate-86:hover,
  .tablet\:focus\:rotate-86:focus,
  .tablet\:group:hover .group-hover\:rotate-86,
  .tablet\:group:focus-within .group-focus-within\:rotate-86 {
    transform: rotate(86deg);
  }
  .tablet\:rotate-87,
  .tablet\:hover\:rotate-87:hover,
  .tablet\:focus\:rotate-87:focus,
  .tablet\:group:hover .group-hover\:rotate-87,
  .tablet\:group:focus-within .group-focus-within\:rotate-87 {
    transform: rotate(87deg);
  }
  .tablet\:rotate-88,
  .tablet\:hover\:rotate-88:hover,
  .tablet\:focus\:rotate-88:focus,
  .tablet\:group:hover .group-hover\:rotate-88,
  .tablet\:group:focus-within .group-focus-within\:rotate-88 {
    transform: rotate(88deg);
  }
  .tablet\:rotate-89,
  .tablet\:hover\:rotate-89:hover,
  .tablet\:focus\:rotate-89:focus,
  .tablet\:group:hover .group-hover\:rotate-89,
  .tablet\:group:focus-within .group-focus-within\:rotate-89 {
    transform: rotate(89deg);
  }
  .tablet\:rotate-90,
  .tablet\:hover\:rotate-90:hover,
  .tablet\:focus\:rotate-90:focus,
  .tablet\:group:hover .group-hover\:rotate-90,
  .tablet\:group:focus-within .group-focus-within\:rotate-90 {
    transform: rotate(90deg);
  }
  .tablet\:rotate-91,
  .tablet\:hover\:rotate-91:hover,
  .tablet\:focus\:rotate-91:focus,
  .tablet\:group:hover .group-hover\:rotate-91,
  .tablet\:group:focus-within .group-focus-within\:rotate-91 {
    transform: rotate(91deg);
  }
  .tablet\:rotate-92,
  .tablet\:hover\:rotate-92:hover,
  .tablet\:focus\:rotate-92:focus,
  .tablet\:group:hover .group-hover\:rotate-92,
  .tablet\:group:focus-within .group-focus-within\:rotate-92 {
    transform: rotate(92deg);
  }
  .tablet\:rotate-93,
  .tablet\:hover\:rotate-93:hover,
  .tablet\:focus\:rotate-93:focus,
  .tablet\:group:hover .group-hover\:rotate-93,
  .tablet\:group:focus-within .group-focus-within\:rotate-93 {
    transform: rotate(93deg);
  }
  .tablet\:rotate-94,
  .tablet\:hover\:rotate-94:hover,
  .tablet\:focus\:rotate-94:focus,
  .tablet\:group:hover .group-hover\:rotate-94,
  .tablet\:group:focus-within .group-focus-within\:rotate-94 {
    transform: rotate(94deg);
  }
  .tablet\:rotate-95,
  .tablet\:hover\:rotate-95:hover,
  .tablet\:focus\:rotate-95:focus,
  .tablet\:group:hover .group-hover\:rotate-95,
  .tablet\:group:focus-within .group-focus-within\:rotate-95 {
    transform: rotate(95deg);
  }
  .tablet\:rotate-96,
  .tablet\:hover\:rotate-96:hover,
  .tablet\:focus\:rotate-96:focus,
  .tablet\:group:hover .group-hover\:rotate-96,
  .tablet\:group:focus-within .group-focus-within\:rotate-96 {
    transform: rotate(96deg);
  }
  .tablet\:rotate-97,
  .tablet\:hover\:rotate-97:hover,
  .tablet\:focus\:rotate-97:focus,
  .tablet\:group:hover .group-hover\:rotate-97,
  .tablet\:group:focus-within .group-focus-within\:rotate-97 {
    transform: rotate(97deg);
  }
  .tablet\:rotate-98,
  .tablet\:hover\:rotate-98:hover,
  .tablet\:focus\:rotate-98:focus,
  .tablet\:group:hover .group-hover\:rotate-98,
  .tablet\:group:focus-within .group-focus-within\:rotate-98 {
    transform: rotate(98deg);
  }
  .tablet\:rotate-99,
  .tablet\:hover\:rotate-99:hover,
  .tablet\:focus\:rotate-99:focus,
  .tablet\:group:hover .group-hover\:rotate-99,
  .tablet\:group:focus-within .group-focus-within\:rotate-99 {
    transform: rotate(99deg);
  }
  .tablet\:rotate-100,
  .tablet\:hover\:rotate-100:hover,
  .tablet\:focus\:rotate-100:focus,
  .tablet\:group:hover .group-hover\:rotate-100,
  .tablet\:group:focus-within .group-focus-within\:rotate-100 {
    transform: rotate(100deg);
  }
  .tablet\:rotate-101,
  .tablet\:hover\:rotate-101:hover,
  .tablet\:focus\:rotate-101:focus,
  .tablet\:group:hover .group-hover\:rotate-101,
  .tablet\:group:focus-within .group-focus-within\:rotate-101 {
    transform: rotate(101deg);
  }
  .tablet\:rotate-102,
  .tablet\:hover\:rotate-102:hover,
  .tablet\:focus\:rotate-102:focus,
  .tablet\:group:hover .group-hover\:rotate-102,
  .tablet\:group:focus-within .group-focus-within\:rotate-102 {
    transform: rotate(102deg);
  }
  .tablet\:rotate-103,
  .tablet\:hover\:rotate-103:hover,
  .tablet\:focus\:rotate-103:focus,
  .tablet\:group:hover .group-hover\:rotate-103,
  .tablet\:group:focus-within .group-focus-within\:rotate-103 {
    transform: rotate(103deg);
  }
  .tablet\:rotate-104,
  .tablet\:hover\:rotate-104:hover,
  .tablet\:focus\:rotate-104:focus,
  .tablet\:group:hover .group-hover\:rotate-104,
  .tablet\:group:focus-within .group-focus-within\:rotate-104 {
    transform: rotate(104deg);
  }
  .tablet\:rotate-105,
  .tablet\:hover\:rotate-105:hover,
  .tablet\:focus\:rotate-105:focus,
  .tablet\:group:hover .group-hover\:rotate-105,
  .tablet\:group:focus-within .group-focus-within\:rotate-105 {
    transform: rotate(105deg);
  }
  .tablet\:rotate-106,
  .tablet\:hover\:rotate-106:hover,
  .tablet\:focus\:rotate-106:focus,
  .tablet\:group:hover .group-hover\:rotate-106,
  .tablet\:group:focus-within .group-focus-within\:rotate-106 {
    transform: rotate(106deg);
  }
  .tablet\:rotate-107,
  .tablet\:hover\:rotate-107:hover,
  .tablet\:focus\:rotate-107:focus,
  .tablet\:group:hover .group-hover\:rotate-107,
  .tablet\:group:focus-within .group-focus-within\:rotate-107 {
    transform: rotate(107deg);
  }
  .tablet\:rotate-108,
  .tablet\:hover\:rotate-108:hover,
  .tablet\:focus\:rotate-108:focus,
  .tablet\:group:hover .group-hover\:rotate-108,
  .tablet\:group:focus-within .group-focus-within\:rotate-108 {
    transform: rotate(108deg);
  }
  .tablet\:rotate-109,
  .tablet\:hover\:rotate-109:hover,
  .tablet\:focus\:rotate-109:focus,
  .tablet\:group:hover .group-hover\:rotate-109,
  .tablet\:group:focus-within .group-focus-within\:rotate-109 {
    transform: rotate(109deg);
  }
  .tablet\:rotate-110,
  .tablet\:hover\:rotate-110:hover,
  .tablet\:focus\:rotate-110:focus,
  .tablet\:group:hover .group-hover\:rotate-110,
  .tablet\:group:focus-within .group-focus-within\:rotate-110 {
    transform: rotate(110deg);
  }
  .tablet\:rotate-111,
  .tablet\:hover\:rotate-111:hover,
  .tablet\:focus\:rotate-111:focus,
  .tablet\:group:hover .group-hover\:rotate-111,
  .tablet\:group:focus-within .group-focus-within\:rotate-111 {
    transform: rotate(111deg);
  }
  .tablet\:rotate-112,
  .tablet\:hover\:rotate-112:hover,
  .tablet\:focus\:rotate-112:focus,
  .tablet\:group:hover .group-hover\:rotate-112,
  .tablet\:group:focus-within .group-focus-within\:rotate-112 {
    transform: rotate(112deg);
  }
  .tablet\:rotate-113,
  .tablet\:hover\:rotate-113:hover,
  .tablet\:focus\:rotate-113:focus,
  .tablet\:group:hover .group-hover\:rotate-113,
  .tablet\:group:focus-within .group-focus-within\:rotate-113 {
    transform: rotate(113deg);
  }
  .tablet\:rotate-114,
  .tablet\:hover\:rotate-114:hover,
  .tablet\:focus\:rotate-114:focus,
  .tablet\:group:hover .group-hover\:rotate-114,
  .tablet\:group:focus-within .group-focus-within\:rotate-114 {
    transform: rotate(114deg);
  }
  .tablet\:rotate-115,
  .tablet\:hover\:rotate-115:hover,
  .tablet\:focus\:rotate-115:focus,
  .tablet\:group:hover .group-hover\:rotate-115,
  .tablet\:group:focus-within .group-focus-within\:rotate-115 {
    transform: rotate(115deg);
  }
  .tablet\:rotate-116,
  .tablet\:hover\:rotate-116:hover,
  .tablet\:focus\:rotate-116:focus,
  .tablet\:group:hover .group-hover\:rotate-116,
  .tablet\:group:focus-within .group-focus-within\:rotate-116 {
    transform: rotate(116deg);
  }
  .tablet\:rotate-117,
  .tablet\:hover\:rotate-117:hover,
  .tablet\:focus\:rotate-117:focus,
  .tablet\:group:hover .group-hover\:rotate-117,
  .tablet\:group:focus-within .group-focus-within\:rotate-117 {
    transform: rotate(117deg);
  }
  .tablet\:rotate-118,
  .tablet\:hover\:rotate-118:hover,
  .tablet\:focus\:rotate-118:focus,
  .tablet\:group:hover .group-hover\:rotate-118,
  .tablet\:group:focus-within .group-focus-within\:rotate-118 {
    transform: rotate(118deg);
  }
  .tablet\:rotate-119,
  .tablet\:hover\:rotate-119:hover,
  .tablet\:focus\:rotate-119:focus,
  .tablet\:group:hover .group-hover\:rotate-119,
  .tablet\:group:focus-within .group-focus-within\:rotate-119 {
    transform: rotate(119deg);
  }
  .tablet\:rotate-120,
  .tablet\:hover\:rotate-120:hover,
  .tablet\:focus\:rotate-120:focus,
  .tablet\:group:hover .group-hover\:rotate-120,
  .tablet\:group:focus-within .group-focus-within\:rotate-120 {
    transform: rotate(120deg);
  }
  .tablet\:rotate-121,
  .tablet\:hover\:rotate-121:hover,
  .tablet\:focus\:rotate-121:focus,
  .tablet\:group:hover .group-hover\:rotate-121,
  .tablet\:group:focus-within .group-focus-within\:rotate-121 {
    transform: rotate(121deg);
  }
  .tablet\:rotate-122,
  .tablet\:hover\:rotate-122:hover,
  .tablet\:focus\:rotate-122:focus,
  .tablet\:group:hover .group-hover\:rotate-122,
  .tablet\:group:focus-within .group-focus-within\:rotate-122 {
    transform: rotate(122deg);
  }
  .tablet\:rotate-123,
  .tablet\:hover\:rotate-123:hover,
  .tablet\:focus\:rotate-123:focus,
  .tablet\:group:hover .group-hover\:rotate-123,
  .tablet\:group:focus-within .group-focus-within\:rotate-123 {
    transform: rotate(123deg);
  }
  .tablet\:rotate-124,
  .tablet\:hover\:rotate-124:hover,
  .tablet\:focus\:rotate-124:focus,
  .tablet\:group:hover .group-hover\:rotate-124,
  .tablet\:group:focus-within .group-focus-within\:rotate-124 {
    transform: rotate(124deg);
  }
  .tablet\:rotate-125,
  .tablet\:hover\:rotate-125:hover,
  .tablet\:focus\:rotate-125:focus,
  .tablet\:group:hover .group-hover\:rotate-125,
  .tablet\:group:focus-within .group-focus-within\:rotate-125 {
    transform: rotate(125deg);
  }
  .tablet\:rotate-126,
  .tablet\:hover\:rotate-126:hover,
  .tablet\:focus\:rotate-126:focus,
  .tablet\:group:hover .group-hover\:rotate-126,
  .tablet\:group:focus-within .group-focus-within\:rotate-126 {
    transform: rotate(126deg);
  }
  .tablet\:rotate-127,
  .tablet\:hover\:rotate-127:hover,
  .tablet\:focus\:rotate-127:focus,
  .tablet\:group:hover .group-hover\:rotate-127,
  .tablet\:group:focus-within .group-focus-within\:rotate-127 {
    transform: rotate(127deg);
  }
  .tablet\:rotate-128,
  .tablet\:hover\:rotate-128:hover,
  .tablet\:focus\:rotate-128:focus,
  .tablet\:group:hover .group-hover\:rotate-128,
  .tablet\:group:focus-within .group-focus-within\:rotate-128 {
    transform: rotate(128deg);
  }
  .tablet\:rotate-129,
  .tablet\:hover\:rotate-129:hover,
  .tablet\:focus\:rotate-129:focus,
  .tablet\:group:hover .group-hover\:rotate-129,
  .tablet\:group:focus-within .group-focus-within\:rotate-129 {
    transform: rotate(129deg);
  }
  .tablet\:rotate-130,
  .tablet\:hover\:rotate-130:hover,
  .tablet\:focus\:rotate-130:focus,
  .tablet\:group:hover .group-hover\:rotate-130,
  .tablet\:group:focus-within .group-focus-within\:rotate-130 {
    transform: rotate(130deg);
  }
  .tablet\:rotate-131,
  .tablet\:hover\:rotate-131:hover,
  .tablet\:focus\:rotate-131:focus,
  .tablet\:group:hover .group-hover\:rotate-131,
  .tablet\:group:focus-within .group-focus-within\:rotate-131 {
    transform: rotate(131deg);
  }
  .tablet\:rotate-132,
  .tablet\:hover\:rotate-132:hover,
  .tablet\:focus\:rotate-132:focus,
  .tablet\:group:hover .group-hover\:rotate-132,
  .tablet\:group:focus-within .group-focus-within\:rotate-132 {
    transform: rotate(132deg);
  }
  .tablet\:rotate-133,
  .tablet\:hover\:rotate-133:hover,
  .tablet\:focus\:rotate-133:focus,
  .tablet\:group:hover .group-hover\:rotate-133,
  .tablet\:group:focus-within .group-focus-within\:rotate-133 {
    transform: rotate(133deg);
  }
  .tablet\:rotate-134,
  .tablet\:hover\:rotate-134:hover,
  .tablet\:focus\:rotate-134:focus,
  .tablet\:group:hover .group-hover\:rotate-134,
  .tablet\:group:focus-within .group-focus-within\:rotate-134 {
    transform: rotate(134deg);
  }
  .tablet\:rotate-135,
  .tablet\:hover\:rotate-135:hover,
  .tablet\:focus\:rotate-135:focus,
  .tablet\:group:hover .group-hover\:rotate-135,
  .tablet\:group:focus-within .group-focus-within\:rotate-135 {
    transform: rotate(135deg);
  }
  .tablet\:rotate-136,
  .tablet\:hover\:rotate-136:hover,
  .tablet\:focus\:rotate-136:focus,
  .tablet\:group:hover .group-hover\:rotate-136,
  .tablet\:group:focus-within .group-focus-within\:rotate-136 {
    transform: rotate(136deg);
  }
  .tablet\:rotate-137,
  .tablet\:hover\:rotate-137:hover,
  .tablet\:focus\:rotate-137:focus,
  .tablet\:group:hover .group-hover\:rotate-137,
  .tablet\:group:focus-within .group-focus-within\:rotate-137 {
    transform: rotate(137deg);
  }
  .tablet\:rotate-138,
  .tablet\:hover\:rotate-138:hover,
  .tablet\:focus\:rotate-138:focus,
  .tablet\:group:hover .group-hover\:rotate-138,
  .tablet\:group:focus-within .group-focus-within\:rotate-138 {
    transform: rotate(138deg);
  }
  .tablet\:rotate-139,
  .tablet\:hover\:rotate-139:hover,
  .tablet\:focus\:rotate-139:focus,
  .tablet\:group:hover .group-hover\:rotate-139,
  .tablet\:group:focus-within .group-focus-within\:rotate-139 {
    transform: rotate(139deg);
  }
  .tablet\:rotate-140,
  .tablet\:hover\:rotate-140:hover,
  .tablet\:focus\:rotate-140:focus,
  .tablet\:group:hover .group-hover\:rotate-140,
  .tablet\:group:focus-within .group-focus-within\:rotate-140 {
    transform: rotate(140deg);
  }
  .tablet\:rotate-141,
  .tablet\:hover\:rotate-141:hover,
  .tablet\:focus\:rotate-141:focus,
  .tablet\:group:hover .group-hover\:rotate-141,
  .tablet\:group:focus-within .group-focus-within\:rotate-141 {
    transform: rotate(141deg);
  }
  .tablet\:rotate-142,
  .tablet\:hover\:rotate-142:hover,
  .tablet\:focus\:rotate-142:focus,
  .tablet\:group:hover .group-hover\:rotate-142,
  .tablet\:group:focus-within .group-focus-within\:rotate-142 {
    transform: rotate(142deg);
  }
  .tablet\:rotate-143,
  .tablet\:hover\:rotate-143:hover,
  .tablet\:focus\:rotate-143:focus,
  .tablet\:group:hover .group-hover\:rotate-143,
  .tablet\:group:focus-within .group-focus-within\:rotate-143 {
    transform: rotate(143deg);
  }
  .tablet\:rotate-144,
  .tablet\:hover\:rotate-144:hover,
  .tablet\:focus\:rotate-144:focus,
  .tablet\:group:hover .group-hover\:rotate-144,
  .tablet\:group:focus-within .group-focus-within\:rotate-144 {
    transform: rotate(144deg);
  }
  .tablet\:rotate-145,
  .tablet\:hover\:rotate-145:hover,
  .tablet\:focus\:rotate-145:focus,
  .tablet\:group:hover .group-hover\:rotate-145,
  .tablet\:group:focus-within .group-focus-within\:rotate-145 {
    transform: rotate(145deg);
  }
  .tablet\:rotate-146,
  .tablet\:hover\:rotate-146:hover,
  .tablet\:focus\:rotate-146:focus,
  .tablet\:group:hover .group-hover\:rotate-146,
  .tablet\:group:focus-within .group-focus-within\:rotate-146 {
    transform: rotate(146deg);
  }
  .tablet\:rotate-147,
  .tablet\:hover\:rotate-147:hover,
  .tablet\:focus\:rotate-147:focus,
  .tablet\:group:hover .group-hover\:rotate-147,
  .tablet\:group:focus-within .group-focus-within\:rotate-147 {
    transform: rotate(147deg);
  }
  .tablet\:rotate-148,
  .tablet\:hover\:rotate-148:hover,
  .tablet\:focus\:rotate-148:focus,
  .tablet\:group:hover .group-hover\:rotate-148,
  .tablet\:group:focus-within .group-focus-within\:rotate-148 {
    transform: rotate(148deg);
  }
  .tablet\:rotate-149,
  .tablet\:hover\:rotate-149:hover,
  .tablet\:focus\:rotate-149:focus,
  .tablet\:group:hover .group-hover\:rotate-149,
  .tablet\:group:focus-within .group-focus-within\:rotate-149 {
    transform: rotate(149deg);
  }
  .tablet\:rotate-150,
  .tablet\:hover\:rotate-150:hover,
  .tablet\:focus\:rotate-150:focus,
  .tablet\:group:hover .group-hover\:rotate-150,
  .tablet\:group:focus-within .group-focus-within\:rotate-150 {
    transform: rotate(150deg);
  }
  .tablet\:rotate-151,
  .tablet\:hover\:rotate-151:hover,
  .tablet\:focus\:rotate-151:focus,
  .tablet\:group:hover .group-hover\:rotate-151,
  .tablet\:group:focus-within .group-focus-within\:rotate-151 {
    transform: rotate(151deg);
  }
  .tablet\:rotate-152,
  .tablet\:hover\:rotate-152:hover,
  .tablet\:focus\:rotate-152:focus,
  .tablet\:group:hover .group-hover\:rotate-152,
  .tablet\:group:focus-within .group-focus-within\:rotate-152 {
    transform: rotate(152deg);
  }
  .tablet\:rotate-153,
  .tablet\:hover\:rotate-153:hover,
  .tablet\:focus\:rotate-153:focus,
  .tablet\:group:hover .group-hover\:rotate-153,
  .tablet\:group:focus-within .group-focus-within\:rotate-153 {
    transform: rotate(153deg);
  }
  .tablet\:rotate-154,
  .tablet\:hover\:rotate-154:hover,
  .tablet\:focus\:rotate-154:focus,
  .tablet\:group:hover .group-hover\:rotate-154,
  .tablet\:group:focus-within .group-focus-within\:rotate-154 {
    transform: rotate(154deg);
  }
  .tablet\:rotate-155,
  .tablet\:hover\:rotate-155:hover,
  .tablet\:focus\:rotate-155:focus,
  .tablet\:group:hover .group-hover\:rotate-155,
  .tablet\:group:focus-within .group-focus-within\:rotate-155 {
    transform: rotate(155deg);
  }
  .tablet\:rotate-156,
  .tablet\:hover\:rotate-156:hover,
  .tablet\:focus\:rotate-156:focus,
  .tablet\:group:hover .group-hover\:rotate-156,
  .tablet\:group:focus-within .group-focus-within\:rotate-156 {
    transform: rotate(156deg);
  }
  .tablet\:rotate-157,
  .tablet\:hover\:rotate-157:hover,
  .tablet\:focus\:rotate-157:focus,
  .tablet\:group:hover .group-hover\:rotate-157,
  .tablet\:group:focus-within .group-focus-within\:rotate-157 {
    transform: rotate(157deg);
  }
  .tablet\:rotate-158,
  .tablet\:hover\:rotate-158:hover,
  .tablet\:focus\:rotate-158:focus,
  .tablet\:group:hover .group-hover\:rotate-158,
  .tablet\:group:focus-within .group-focus-within\:rotate-158 {
    transform: rotate(158deg);
  }
  .tablet\:rotate-159,
  .tablet\:hover\:rotate-159:hover,
  .tablet\:focus\:rotate-159:focus,
  .tablet\:group:hover .group-hover\:rotate-159,
  .tablet\:group:focus-within .group-focus-within\:rotate-159 {
    transform: rotate(159deg);
  }
  .tablet\:rotate-160,
  .tablet\:hover\:rotate-160:hover,
  .tablet\:focus\:rotate-160:focus,
  .tablet\:group:hover .group-hover\:rotate-160,
  .tablet\:group:focus-within .group-focus-within\:rotate-160 {
    transform: rotate(160deg);
  }
  .tablet\:rotate-161,
  .tablet\:hover\:rotate-161:hover,
  .tablet\:focus\:rotate-161:focus,
  .tablet\:group:hover .group-hover\:rotate-161,
  .tablet\:group:focus-within .group-focus-within\:rotate-161 {
    transform: rotate(161deg);
  }
  .tablet\:rotate-162,
  .tablet\:hover\:rotate-162:hover,
  .tablet\:focus\:rotate-162:focus,
  .tablet\:group:hover .group-hover\:rotate-162,
  .tablet\:group:focus-within .group-focus-within\:rotate-162 {
    transform: rotate(162deg);
  }
  .tablet\:rotate-163,
  .tablet\:hover\:rotate-163:hover,
  .tablet\:focus\:rotate-163:focus,
  .tablet\:group:hover .group-hover\:rotate-163,
  .tablet\:group:focus-within .group-focus-within\:rotate-163 {
    transform: rotate(163deg);
  }
  .tablet\:rotate-164,
  .tablet\:hover\:rotate-164:hover,
  .tablet\:focus\:rotate-164:focus,
  .tablet\:group:hover .group-hover\:rotate-164,
  .tablet\:group:focus-within .group-focus-within\:rotate-164 {
    transform: rotate(164deg);
  }
  .tablet\:rotate-165,
  .tablet\:hover\:rotate-165:hover,
  .tablet\:focus\:rotate-165:focus,
  .tablet\:group:hover .group-hover\:rotate-165,
  .tablet\:group:focus-within .group-focus-within\:rotate-165 {
    transform: rotate(165deg);
  }
  .tablet\:rotate-166,
  .tablet\:hover\:rotate-166:hover,
  .tablet\:focus\:rotate-166:focus,
  .tablet\:group:hover .group-hover\:rotate-166,
  .tablet\:group:focus-within .group-focus-within\:rotate-166 {
    transform: rotate(166deg);
  }
  .tablet\:rotate-167,
  .tablet\:hover\:rotate-167:hover,
  .tablet\:focus\:rotate-167:focus,
  .tablet\:group:hover .group-hover\:rotate-167,
  .tablet\:group:focus-within .group-focus-within\:rotate-167 {
    transform: rotate(167deg);
  }
  .tablet\:rotate-168,
  .tablet\:hover\:rotate-168:hover,
  .tablet\:focus\:rotate-168:focus,
  .tablet\:group:hover .group-hover\:rotate-168,
  .tablet\:group:focus-within .group-focus-within\:rotate-168 {
    transform: rotate(168deg);
  }
  .tablet\:rotate-169,
  .tablet\:hover\:rotate-169:hover,
  .tablet\:focus\:rotate-169:focus,
  .tablet\:group:hover .group-hover\:rotate-169,
  .tablet\:group:focus-within .group-focus-within\:rotate-169 {
    transform: rotate(169deg);
  }
  .tablet\:rotate-170,
  .tablet\:hover\:rotate-170:hover,
  .tablet\:focus\:rotate-170:focus,
  .tablet\:group:hover .group-hover\:rotate-170,
  .tablet\:group:focus-within .group-focus-within\:rotate-170 {
    transform: rotate(170deg);
  }
  .tablet\:rotate-171,
  .tablet\:hover\:rotate-171:hover,
  .tablet\:focus\:rotate-171:focus,
  .tablet\:group:hover .group-hover\:rotate-171,
  .tablet\:group:focus-within .group-focus-within\:rotate-171 {
    transform: rotate(171deg);
  }
  .tablet\:rotate-172,
  .tablet\:hover\:rotate-172:hover,
  .tablet\:focus\:rotate-172:focus,
  .tablet\:group:hover .group-hover\:rotate-172,
  .tablet\:group:focus-within .group-focus-within\:rotate-172 {
    transform: rotate(172deg);
  }
  .tablet\:rotate-173,
  .tablet\:hover\:rotate-173:hover,
  .tablet\:focus\:rotate-173:focus,
  .tablet\:group:hover .group-hover\:rotate-173,
  .tablet\:group:focus-within .group-focus-within\:rotate-173 {
    transform: rotate(173deg);
  }
  .tablet\:rotate-174,
  .tablet\:hover\:rotate-174:hover,
  .tablet\:focus\:rotate-174:focus,
  .tablet\:group:hover .group-hover\:rotate-174,
  .tablet\:group:focus-within .group-focus-within\:rotate-174 {
    transform: rotate(174deg);
  }
  .tablet\:rotate-175,
  .tablet\:hover\:rotate-175:hover,
  .tablet\:focus\:rotate-175:focus,
  .tablet\:group:hover .group-hover\:rotate-175,
  .tablet\:group:focus-within .group-focus-within\:rotate-175 {
    transform: rotate(175deg);
  }
  .tablet\:rotate-176,
  .tablet\:hover\:rotate-176:hover,
  .tablet\:focus\:rotate-176:focus,
  .tablet\:group:hover .group-hover\:rotate-176,
  .tablet\:group:focus-within .group-focus-within\:rotate-176 {
    transform: rotate(176deg);
  }
  .tablet\:rotate-177,
  .tablet\:hover\:rotate-177:hover,
  .tablet\:focus\:rotate-177:focus,
  .tablet\:group:hover .group-hover\:rotate-177,
  .tablet\:group:focus-within .group-focus-within\:rotate-177 {
    transform: rotate(177deg);
  }
  .tablet\:rotate-178,
  .tablet\:hover\:rotate-178:hover,
  .tablet\:focus\:rotate-178:focus,
  .tablet\:group:hover .group-hover\:rotate-178,
  .tablet\:group:focus-within .group-focus-within\:rotate-178 {
    transform: rotate(178deg);
  }
  .tablet\:rotate-179,
  .tablet\:hover\:rotate-179:hover,
  .tablet\:focus\:rotate-179:focus,
  .tablet\:group:hover .group-hover\:rotate-179,
  .tablet\:group:focus-within .group-focus-within\:rotate-179 {
    transform: rotate(179deg);
  }
  .tablet\:rotate-180,
  .tablet\:hover\:rotate-180:hover,
  .tablet\:focus\:rotate-180:focus,
  .tablet\:group:hover .group-hover\:rotate-180,
  .tablet\:group:focus-within .group-focus-within\:rotate-180 {
    transform: rotate(180deg);
  }
  .tablet\:rotate-181,
  .tablet\:hover\:rotate-181:hover,
  .tablet\:focus\:rotate-181:focus,
  .tablet\:group:hover .group-hover\:rotate-181,
  .tablet\:group:focus-within .group-focus-within\:rotate-181 {
    transform: rotate(181deg);
  }
  .tablet\:rotate-182,
  .tablet\:hover\:rotate-182:hover,
  .tablet\:focus\:rotate-182:focus,
  .tablet\:group:hover .group-hover\:rotate-182,
  .tablet\:group:focus-within .group-focus-within\:rotate-182 {
    transform: rotate(182deg);
  }
  .tablet\:rotate-183,
  .tablet\:hover\:rotate-183:hover,
  .tablet\:focus\:rotate-183:focus,
  .tablet\:group:hover .group-hover\:rotate-183,
  .tablet\:group:focus-within .group-focus-within\:rotate-183 {
    transform: rotate(183deg);
  }
  .tablet\:rotate-184,
  .tablet\:hover\:rotate-184:hover,
  .tablet\:focus\:rotate-184:focus,
  .tablet\:group:hover .group-hover\:rotate-184,
  .tablet\:group:focus-within .group-focus-within\:rotate-184 {
    transform: rotate(184deg);
  }
  .tablet\:rotate-185,
  .tablet\:hover\:rotate-185:hover,
  .tablet\:focus\:rotate-185:focus,
  .tablet\:group:hover .group-hover\:rotate-185,
  .tablet\:group:focus-within .group-focus-within\:rotate-185 {
    transform: rotate(185deg);
  }
  .tablet\:rotate-186,
  .tablet\:hover\:rotate-186:hover,
  .tablet\:focus\:rotate-186:focus,
  .tablet\:group:hover .group-hover\:rotate-186,
  .tablet\:group:focus-within .group-focus-within\:rotate-186 {
    transform: rotate(186deg);
  }
  .tablet\:rotate-187,
  .tablet\:hover\:rotate-187:hover,
  .tablet\:focus\:rotate-187:focus,
  .tablet\:group:hover .group-hover\:rotate-187,
  .tablet\:group:focus-within .group-focus-within\:rotate-187 {
    transform: rotate(187deg);
  }
  .tablet\:rotate-188,
  .tablet\:hover\:rotate-188:hover,
  .tablet\:focus\:rotate-188:focus,
  .tablet\:group:hover .group-hover\:rotate-188,
  .tablet\:group:focus-within .group-focus-within\:rotate-188 {
    transform: rotate(188deg);
  }
  .tablet\:rotate-189,
  .tablet\:hover\:rotate-189:hover,
  .tablet\:focus\:rotate-189:focus,
  .tablet\:group:hover .group-hover\:rotate-189,
  .tablet\:group:focus-within .group-focus-within\:rotate-189 {
    transform: rotate(189deg);
  }
  .tablet\:rotate-190,
  .tablet\:hover\:rotate-190:hover,
  .tablet\:focus\:rotate-190:focus,
  .tablet\:group:hover .group-hover\:rotate-190,
  .tablet\:group:focus-within .group-focus-within\:rotate-190 {
    transform: rotate(190deg);
  }
  .tablet\:rotate-191,
  .tablet\:hover\:rotate-191:hover,
  .tablet\:focus\:rotate-191:focus,
  .tablet\:group:hover .group-hover\:rotate-191,
  .tablet\:group:focus-within .group-focus-within\:rotate-191 {
    transform: rotate(191deg);
  }
  .tablet\:rotate-192,
  .tablet\:hover\:rotate-192:hover,
  .tablet\:focus\:rotate-192:focus,
  .tablet\:group:hover .group-hover\:rotate-192,
  .tablet\:group:focus-within .group-focus-within\:rotate-192 {
    transform: rotate(192deg);
  }
  .tablet\:rotate-193,
  .tablet\:hover\:rotate-193:hover,
  .tablet\:focus\:rotate-193:focus,
  .tablet\:group:hover .group-hover\:rotate-193,
  .tablet\:group:focus-within .group-focus-within\:rotate-193 {
    transform: rotate(193deg);
  }
  .tablet\:rotate-194,
  .tablet\:hover\:rotate-194:hover,
  .tablet\:focus\:rotate-194:focus,
  .tablet\:group:hover .group-hover\:rotate-194,
  .tablet\:group:focus-within .group-focus-within\:rotate-194 {
    transform: rotate(194deg);
  }
  .tablet\:rotate-195,
  .tablet\:hover\:rotate-195:hover,
  .tablet\:focus\:rotate-195:focus,
  .tablet\:group:hover .group-hover\:rotate-195,
  .tablet\:group:focus-within .group-focus-within\:rotate-195 {
    transform: rotate(195deg);
  }
  .tablet\:rotate-196,
  .tablet\:hover\:rotate-196:hover,
  .tablet\:focus\:rotate-196:focus,
  .tablet\:group:hover .group-hover\:rotate-196,
  .tablet\:group:focus-within .group-focus-within\:rotate-196 {
    transform: rotate(196deg);
  }
  .tablet\:rotate-197,
  .tablet\:hover\:rotate-197:hover,
  .tablet\:focus\:rotate-197:focus,
  .tablet\:group:hover .group-hover\:rotate-197,
  .tablet\:group:focus-within .group-focus-within\:rotate-197 {
    transform: rotate(197deg);
  }
  .tablet\:rotate-198,
  .tablet\:hover\:rotate-198:hover,
  .tablet\:focus\:rotate-198:focus,
  .tablet\:group:hover .group-hover\:rotate-198,
  .tablet\:group:focus-within .group-focus-within\:rotate-198 {
    transform: rotate(198deg);
  }
  .tablet\:rotate-199,
  .tablet\:hover\:rotate-199:hover,
  .tablet\:focus\:rotate-199:focus,
  .tablet\:group:hover .group-hover\:rotate-199,
  .tablet\:group:focus-within .group-focus-within\:rotate-199 {
    transform: rotate(199deg);
  }
  .tablet\:rotate-200,
  .tablet\:hover\:rotate-200:hover,
  .tablet\:focus\:rotate-200:focus,
  .tablet\:group:hover .group-hover\:rotate-200,
  .tablet\:group:focus-within .group-focus-within\:rotate-200 {
    transform: rotate(200deg);
  }
  .tablet\:rotate-201,
  .tablet\:hover\:rotate-201:hover,
  .tablet\:focus\:rotate-201:focus,
  .tablet\:group:hover .group-hover\:rotate-201,
  .tablet\:group:focus-within .group-focus-within\:rotate-201 {
    transform: rotate(201deg);
  }
  .tablet\:rotate-202,
  .tablet\:hover\:rotate-202:hover,
  .tablet\:focus\:rotate-202:focus,
  .tablet\:group:hover .group-hover\:rotate-202,
  .tablet\:group:focus-within .group-focus-within\:rotate-202 {
    transform: rotate(202deg);
  }
  .tablet\:rotate-203,
  .tablet\:hover\:rotate-203:hover,
  .tablet\:focus\:rotate-203:focus,
  .tablet\:group:hover .group-hover\:rotate-203,
  .tablet\:group:focus-within .group-focus-within\:rotate-203 {
    transform: rotate(203deg);
  }
  .tablet\:rotate-204,
  .tablet\:hover\:rotate-204:hover,
  .tablet\:focus\:rotate-204:focus,
  .tablet\:group:hover .group-hover\:rotate-204,
  .tablet\:group:focus-within .group-focus-within\:rotate-204 {
    transform: rotate(204deg);
  }
  .tablet\:rotate-205,
  .tablet\:hover\:rotate-205:hover,
  .tablet\:focus\:rotate-205:focus,
  .tablet\:group:hover .group-hover\:rotate-205,
  .tablet\:group:focus-within .group-focus-within\:rotate-205 {
    transform: rotate(205deg);
  }
  .tablet\:rotate-206,
  .tablet\:hover\:rotate-206:hover,
  .tablet\:focus\:rotate-206:focus,
  .tablet\:group:hover .group-hover\:rotate-206,
  .tablet\:group:focus-within .group-focus-within\:rotate-206 {
    transform: rotate(206deg);
  }
  .tablet\:rotate-207,
  .tablet\:hover\:rotate-207:hover,
  .tablet\:focus\:rotate-207:focus,
  .tablet\:group:hover .group-hover\:rotate-207,
  .tablet\:group:focus-within .group-focus-within\:rotate-207 {
    transform: rotate(207deg);
  }
  .tablet\:rotate-208,
  .tablet\:hover\:rotate-208:hover,
  .tablet\:focus\:rotate-208:focus,
  .tablet\:group:hover .group-hover\:rotate-208,
  .tablet\:group:focus-within .group-focus-within\:rotate-208 {
    transform: rotate(208deg);
  }
  .tablet\:rotate-209,
  .tablet\:hover\:rotate-209:hover,
  .tablet\:focus\:rotate-209:focus,
  .tablet\:group:hover .group-hover\:rotate-209,
  .tablet\:group:focus-within .group-focus-within\:rotate-209 {
    transform: rotate(209deg);
  }
  .tablet\:rotate-210,
  .tablet\:hover\:rotate-210:hover,
  .tablet\:focus\:rotate-210:focus,
  .tablet\:group:hover .group-hover\:rotate-210,
  .tablet\:group:focus-within .group-focus-within\:rotate-210 {
    transform: rotate(210deg);
  }
  .tablet\:rotate-211,
  .tablet\:hover\:rotate-211:hover,
  .tablet\:focus\:rotate-211:focus,
  .tablet\:group:hover .group-hover\:rotate-211,
  .tablet\:group:focus-within .group-focus-within\:rotate-211 {
    transform: rotate(211deg);
  }
  .tablet\:rotate-212,
  .tablet\:hover\:rotate-212:hover,
  .tablet\:focus\:rotate-212:focus,
  .tablet\:group:hover .group-hover\:rotate-212,
  .tablet\:group:focus-within .group-focus-within\:rotate-212 {
    transform: rotate(212deg);
  }
  .tablet\:rotate-213,
  .tablet\:hover\:rotate-213:hover,
  .tablet\:focus\:rotate-213:focus,
  .tablet\:group:hover .group-hover\:rotate-213,
  .tablet\:group:focus-within .group-focus-within\:rotate-213 {
    transform: rotate(213deg);
  }
  .tablet\:rotate-214,
  .tablet\:hover\:rotate-214:hover,
  .tablet\:focus\:rotate-214:focus,
  .tablet\:group:hover .group-hover\:rotate-214,
  .tablet\:group:focus-within .group-focus-within\:rotate-214 {
    transform: rotate(214deg);
  }
  .tablet\:rotate-215,
  .tablet\:hover\:rotate-215:hover,
  .tablet\:focus\:rotate-215:focus,
  .tablet\:group:hover .group-hover\:rotate-215,
  .tablet\:group:focus-within .group-focus-within\:rotate-215 {
    transform: rotate(215deg);
  }
  .tablet\:rotate-216,
  .tablet\:hover\:rotate-216:hover,
  .tablet\:focus\:rotate-216:focus,
  .tablet\:group:hover .group-hover\:rotate-216,
  .tablet\:group:focus-within .group-focus-within\:rotate-216 {
    transform: rotate(216deg);
  }
  .tablet\:rotate-217,
  .tablet\:hover\:rotate-217:hover,
  .tablet\:focus\:rotate-217:focus,
  .tablet\:group:hover .group-hover\:rotate-217,
  .tablet\:group:focus-within .group-focus-within\:rotate-217 {
    transform: rotate(217deg);
  }
  .tablet\:rotate-218,
  .tablet\:hover\:rotate-218:hover,
  .tablet\:focus\:rotate-218:focus,
  .tablet\:group:hover .group-hover\:rotate-218,
  .tablet\:group:focus-within .group-focus-within\:rotate-218 {
    transform: rotate(218deg);
  }
  .tablet\:rotate-219,
  .tablet\:hover\:rotate-219:hover,
  .tablet\:focus\:rotate-219:focus,
  .tablet\:group:hover .group-hover\:rotate-219,
  .tablet\:group:focus-within .group-focus-within\:rotate-219 {
    transform: rotate(219deg);
  }
  .tablet\:rotate-220,
  .tablet\:hover\:rotate-220:hover,
  .tablet\:focus\:rotate-220:focus,
  .tablet\:group:hover .group-hover\:rotate-220,
  .tablet\:group:focus-within .group-focus-within\:rotate-220 {
    transform: rotate(220deg);
  }
  .tablet\:rotate-221,
  .tablet\:hover\:rotate-221:hover,
  .tablet\:focus\:rotate-221:focus,
  .tablet\:group:hover .group-hover\:rotate-221,
  .tablet\:group:focus-within .group-focus-within\:rotate-221 {
    transform: rotate(221deg);
  }
  .tablet\:rotate-222,
  .tablet\:hover\:rotate-222:hover,
  .tablet\:focus\:rotate-222:focus,
  .tablet\:group:hover .group-hover\:rotate-222,
  .tablet\:group:focus-within .group-focus-within\:rotate-222 {
    transform: rotate(222deg);
  }
  .tablet\:rotate-223,
  .tablet\:hover\:rotate-223:hover,
  .tablet\:focus\:rotate-223:focus,
  .tablet\:group:hover .group-hover\:rotate-223,
  .tablet\:group:focus-within .group-focus-within\:rotate-223 {
    transform: rotate(223deg);
  }
  .tablet\:rotate-224,
  .tablet\:hover\:rotate-224:hover,
  .tablet\:focus\:rotate-224:focus,
  .tablet\:group:hover .group-hover\:rotate-224,
  .tablet\:group:focus-within .group-focus-within\:rotate-224 {
    transform: rotate(224deg);
  }
  .tablet\:rotate-225,
  .tablet\:hover\:rotate-225:hover,
  .tablet\:focus\:rotate-225:focus,
  .tablet\:group:hover .group-hover\:rotate-225,
  .tablet\:group:focus-within .group-focus-within\:rotate-225 {
    transform: rotate(225deg);
  }
  .tablet\:rotate-226,
  .tablet\:hover\:rotate-226:hover,
  .tablet\:focus\:rotate-226:focus,
  .tablet\:group:hover .group-hover\:rotate-226,
  .tablet\:group:focus-within .group-focus-within\:rotate-226 {
    transform: rotate(226deg);
  }
  .tablet\:rotate-227,
  .tablet\:hover\:rotate-227:hover,
  .tablet\:focus\:rotate-227:focus,
  .tablet\:group:hover .group-hover\:rotate-227,
  .tablet\:group:focus-within .group-focus-within\:rotate-227 {
    transform: rotate(227deg);
  }
  .tablet\:rotate-228,
  .tablet\:hover\:rotate-228:hover,
  .tablet\:focus\:rotate-228:focus,
  .tablet\:group:hover .group-hover\:rotate-228,
  .tablet\:group:focus-within .group-focus-within\:rotate-228 {
    transform: rotate(228deg);
  }
  .tablet\:rotate-229,
  .tablet\:hover\:rotate-229:hover,
  .tablet\:focus\:rotate-229:focus,
  .tablet\:group:hover .group-hover\:rotate-229,
  .tablet\:group:focus-within .group-focus-within\:rotate-229 {
    transform: rotate(229deg);
  }
  .tablet\:rotate-230,
  .tablet\:hover\:rotate-230:hover,
  .tablet\:focus\:rotate-230:focus,
  .tablet\:group:hover .group-hover\:rotate-230,
  .tablet\:group:focus-within .group-focus-within\:rotate-230 {
    transform: rotate(230deg);
  }
  .tablet\:rotate-231,
  .tablet\:hover\:rotate-231:hover,
  .tablet\:focus\:rotate-231:focus,
  .tablet\:group:hover .group-hover\:rotate-231,
  .tablet\:group:focus-within .group-focus-within\:rotate-231 {
    transform: rotate(231deg);
  }
  .tablet\:rotate-232,
  .tablet\:hover\:rotate-232:hover,
  .tablet\:focus\:rotate-232:focus,
  .tablet\:group:hover .group-hover\:rotate-232,
  .tablet\:group:focus-within .group-focus-within\:rotate-232 {
    transform: rotate(232deg);
  }
  .tablet\:rotate-233,
  .tablet\:hover\:rotate-233:hover,
  .tablet\:focus\:rotate-233:focus,
  .tablet\:group:hover .group-hover\:rotate-233,
  .tablet\:group:focus-within .group-focus-within\:rotate-233 {
    transform: rotate(233deg);
  }
  .tablet\:rotate-234,
  .tablet\:hover\:rotate-234:hover,
  .tablet\:focus\:rotate-234:focus,
  .tablet\:group:hover .group-hover\:rotate-234,
  .tablet\:group:focus-within .group-focus-within\:rotate-234 {
    transform: rotate(234deg);
  }
  .tablet\:rotate-235,
  .tablet\:hover\:rotate-235:hover,
  .tablet\:focus\:rotate-235:focus,
  .tablet\:group:hover .group-hover\:rotate-235,
  .tablet\:group:focus-within .group-focus-within\:rotate-235 {
    transform: rotate(235deg);
  }
  .tablet\:rotate-236,
  .tablet\:hover\:rotate-236:hover,
  .tablet\:focus\:rotate-236:focus,
  .tablet\:group:hover .group-hover\:rotate-236,
  .tablet\:group:focus-within .group-focus-within\:rotate-236 {
    transform: rotate(236deg);
  }
  .tablet\:rotate-237,
  .tablet\:hover\:rotate-237:hover,
  .tablet\:focus\:rotate-237:focus,
  .tablet\:group:hover .group-hover\:rotate-237,
  .tablet\:group:focus-within .group-focus-within\:rotate-237 {
    transform: rotate(237deg);
  }
  .tablet\:rotate-238,
  .tablet\:hover\:rotate-238:hover,
  .tablet\:focus\:rotate-238:focus,
  .tablet\:group:hover .group-hover\:rotate-238,
  .tablet\:group:focus-within .group-focus-within\:rotate-238 {
    transform: rotate(238deg);
  }
  .tablet\:rotate-239,
  .tablet\:hover\:rotate-239:hover,
  .tablet\:focus\:rotate-239:focus,
  .tablet\:group:hover .group-hover\:rotate-239,
  .tablet\:group:focus-within .group-focus-within\:rotate-239 {
    transform: rotate(239deg);
  }
  .tablet\:rotate-240,
  .tablet\:hover\:rotate-240:hover,
  .tablet\:focus\:rotate-240:focus,
  .tablet\:group:hover .group-hover\:rotate-240,
  .tablet\:group:focus-within .group-focus-within\:rotate-240 {
    transform: rotate(240deg);
  }
  .tablet\:rotate-241,
  .tablet\:hover\:rotate-241:hover,
  .tablet\:focus\:rotate-241:focus,
  .tablet\:group:hover .group-hover\:rotate-241,
  .tablet\:group:focus-within .group-focus-within\:rotate-241 {
    transform: rotate(241deg);
  }
  .tablet\:rotate-242,
  .tablet\:hover\:rotate-242:hover,
  .tablet\:focus\:rotate-242:focus,
  .tablet\:group:hover .group-hover\:rotate-242,
  .tablet\:group:focus-within .group-focus-within\:rotate-242 {
    transform: rotate(242deg);
  }
  .tablet\:rotate-243,
  .tablet\:hover\:rotate-243:hover,
  .tablet\:focus\:rotate-243:focus,
  .tablet\:group:hover .group-hover\:rotate-243,
  .tablet\:group:focus-within .group-focus-within\:rotate-243 {
    transform: rotate(243deg);
  }
  .tablet\:rotate-244,
  .tablet\:hover\:rotate-244:hover,
  .tablet\:focus\:rotate-244:focus,
  .tablet\:group:hover .group-hover\:rotate-244,
  .tablet\:group:focus-within .group-focus-within\:rotate-244 {
    transform: rotate(244deg);
  }
  .tablet\:rotate-245,
  .tablet\:hover\:rotate-245:hover,
  .tablet\:focus\:rotate-245:focus,
  .tablet\:group:hover .group-hover\:rotate-245,
  .tablet\:group:focus-within .group-focus-within\:rotate-245 {
    transform: rotate(245deg);
  }
  .tablet\:rotate-246,
  .tablet\:hover\:rotate-246:hover,
  .tablet\:focus\:rotate-246:focus,
  .tablet\:group:hover .group-hover\:rotate-246,
  .tablet\:group:focus-within .group-focus-within\:rotate-246 {
    transform: rotate(246deg);
  }
  .tablet\:rotate-247,
  .tablet\:hover\:rotate-247:hover,
  .tablet\:focus\:rotate-247:focus,
  .tablet\:group:hover .group-hover\:rotate-247,
  .tablet\:group:focus-within .group-focus-within\:rotate-247 {
    transform: rotate(247deg);
  }
  .tablet\:rotate-248,
  .tablet\:hover\:rotate-248:hover,
  .tablet\:focus\:rotate-248:focus,
  .tablet\:group:hover .group-hover\:rotate-248,
  .tablet\:group:focus-within .group-focus-within\:rotate-248 {
    transform: rotate(248deg);
  }
  .tablet\:rotate-249,
  .tablet\:hover\:rotate-249:hover,
  .tablet\:focus\:rotate-249:focus,
  .tablet\:group:hover .group-hover\:rotate-249,
  .tablet\:group:focus-within .group-focus-within\:rotate-249 {
    transform: rotate(249deg);
  }
  .tablet\:rotate-250,
  .tablet\:hover\:rotate-250:hover,
  .tablet\:focus\:rotate-250:focus,
  .tablet\:group:hover .group-hover\:rotate-250,
  .tablet\:group:focus-within .group-focus-within\:rotate-250 {
    transform: rotate(250deg);
  }
  .tablet\:rotate-251,
  .tablet\:hover\:rotate-251:hover,
  .tablet\:focus\:rotate-251:focus,
  .tablet\:group:hover .group-hover\:rotate-251,
  .tablet\:group:focus-within .group-focus-within\:rotate-251 {
    transform: rotate(251deg);
  }
  .tablet\:rotate-252,
  .tablet\:hover\:rotate-252:hover,
  .tablet\:focus\:rotate-252:focus,
  .tablet\:group:hover .group-hover\:rotate-252,
  .tablet\:group:focus-within .group-focus-within\:rotate-252 {
    transform: rotate(252deg);
  }
  .tablet\:rotate-253,
  .tablet\:hover\:rotate-253:hover,
  .tablet\:focus\:rotate-253:focus,
  .tablet\:group:hover .group-hover\:rotate-253,
  .tablet\:group:focus-within .group-focus-within\:rotate-253 {
    transform: rotate(253deg);
  }
  .tablet\:rotate-254,
  .tablet\:hover\:rotate-254:hover,
  .tablet\:focus\:rotate-254:focus,
  .tablet\:group:hover .group-hover\:rotate-254,
  .tablet\:group:focus-within .group-focus-within\:rotate-254 {
    transform: rotate(254deg);
  }
  .tablet\:rotate-255,
  .tablet\:hover\:rotate-255:hover,
  .tablet\:focus\:rotate-255:focus,
  .tablet\:group:hover .group-hover\:rotate-255,
  .tablet\:group:focus-within .group-focus-within\:rotate-255 {
    transform: rotate(255deg);
  }
  .tablet\:rotate-256,
  .tablet\:hover\:rotate-256:hover,
  .tablet\:focus\:rotate-256:focus,
  .tablet\:group:hover .group-hover\:rotate-256,
  .tablet\:group:focus-within .group-focus-within\:rotate-256 {
    transform: rotate(256deg);
  }
  .tablet\:rotate-257,
  .tablet\:hover\:rotate-257:hover,
  .tablet\:focus\:rotate-257:focus,
  .tablet\:group:hover .group-hover\:rotate-257,
  .tablet\:group:focus-within .group-focus-within\:rotate-257 {
    transform: rotate(257deg);
  }
  .tablet\:rotate-258,
  .tablet\:hover\:rotate-258:hover,
  .tablet\:focus\:rotate-258:focus,
  .tablet\:group:hover .group-hover\:rotate-258,
  .tablet\:group:focus-within .group-focus-within\:rotate-258 {
    transform: rotate(258deg);
  }
  .tablet\:rotate-259,
  .tablet\:hover\:rotate-259:hover,
  .tablet\:focus\:rotate-259:focus,
  .tablet\:group:hover .group-hover\:rotate-259,
  .tablet\:group:focus-within .group-focus-within\:rotate-259 {
    transform: rotate(259deg);
  }
  .tablet\:rotate-260,
  .tablet\:hover\:rotate-260:hover,
  .tablet\:focus\:rotate-260:focus,
  .tablet\:group:hover .group-hover\:rotate-260,
  .tablet\:group:focus-within .group-focus-within\:rotate-260 {
    transform: rotate(260deg);
  }
  .tablet\:rotate-261,
  .tablet\:hover\:rotate-261:hover,
  .tablet\:focus\:rotate-261:focus,
  .tablet\:group:hover .group-hover\:rotate-261,
  .tablet\:group:focus-within .group-focus-within\:rotate-261 {
    transform: rotate(261deg);
  }
  .tablet\:rotate-262,
  .tablet\:hover\:rotate-262:hover,
  .tablet\:focus\:rotate-262:focus,
  .tablet\:group:hover .group-hover\:rotate-262,
  .tablet\:group:focus-within .group-focus-within\:rotate-262 {
    transform: rotate(262deg);
  }
  .tablet\:rotate-263,
  .tablet\:hover\:rotate-263:hover,
  .tablet\:focus\:rotate-263:focus,
  .tablet\:group:hover .group-hover\:rotate-263,
  .tablet\:group:focus-within .group-focus-within\:rotate-263 {
    transform: rotate(263deg);
  }
  .tablet\:rotate-264,
  .tablet\:hover\:rotate-264:hover,
  .tablet\:focus\:rotate-264:focus,
  .tablet\:group:hover .group-hover\:rotate-264,
  .tablet\:group:focus-within .group-focus-within\:rotate-264 {
    transform: rotate(264deg);
  }
  .tablet\:rotate-265,
  .tablet\:hover\:rotate-265:hover,
  .tablet\:focus\:rotate-265:focus,
  .tablet\:group:hover .group-hover\:rotate-265,
  .tablet\:group:focus-within .group-focus-within\:rotate-265 {
    transform: rotate(265deg);
  }
  .tablet\:rotate-266,
  .tablet\:hover\:rotate-266:hover,
  .tablet\:focus\:rotate-266:focus,
  .tablet\:group:hover .group-hover\:rotate-266,
  .tablet\:group:focus-within .group-focus-within\:rotate-266 {
    transform: rotate(266deg);
  }
  .tablet\:rotate-267,
  .tablet\:hover\:rotate-267:hover,
  .tablet\:focus\:rotate-267:focus,
  .tablet\:group:hover .group-hover\:rotate-267,
  .tablet\:group:focus-within .group-focus-within\:rotate-267 {
    transform: rotate(267deg);
  }
  .tablet\:rotate-268,
  .tablet\:hover\:rotate-268:hover,
  .tablet\:focus\:rotate-268:focus,
  .tablet\:group:hover .group-hover\:rotate-268,
  .tablet\:group:focus-within .group-focus-within\:rotate-268 {
    transform: rotate(268deg);
  }
  .tablet\:rotate-269,
  .tablet\:hover\:rotate-269:hover,
  .tablet\:focus\:rotate-269:focus,
  .tablet\:group:hover .group-hover\:rotate-269,
  .tablet\:group:focus-within .group-focus-within\:rotate-269 {
    transform: rotate(269deg);
  }
  .tablet\:rotate-270,
  .tablet\:hover\:rotate-270:hover,
  .tablet\:focus\:rotate-270:focus,
  .tablet\:group:hover .group-hover\:rotate-270,
  .tablet\:group:focus-within .group-focus-within\:rotate-270 {
    transform: rotate(270deg);
  }
  .tablet\:rotate-271,
  .tablet\:hover\:rotate-271:hover,
  .tablet\:focus\:rotate-271:focus,
  .tablet\:group:hover .group-hover\:rotate-271,
  .tablet\:group:focus-within .group-focus-within\:rotate-271 {
    transform: rotate(271deg);
  }
  .tablet\:rotate-272,
  .tablet\:hover\:rotate-272:hover,
  .tablet\:focus\:rotate-272:focus,
  .tablet\:group:hover .group-hover\:rotate-272,
  .tablet\:group:focus-within .group-focus-within\:rotate-272 {
    transform: rotate(272deg);
  }
  .tablet\:rotate-273,
  .tablet\:hover\:rotate-273:hover,
  .tablet\:focus\:rotate-273:focus,
  .tablet\:group:hover .group-hover\:rotate-273,
  .tablet\:group:focus-within .group-focus-within\:rotate-273 {
    transform: rotate(273deg);
  }
  .tablet\:rotate-274,
  .tablet\:hover\:rotate-274:hover,
  .tablet\:focus\:rotate-274:focus,
  .tablet\:group:hover .group-hover\:rotate-274,
  .tablet\:group:focus-within .group-focus-within\:rotate-274 {
    transform: rotate(274deg);
  }
  .tablet\:rotate-275,
  .tablet\:hover\:rotate-275:hover,
  .tablet\:focus\:rotate-275:focus,
  .tablet\:group:hover .group-hover\:rotate-275,
  .tablet\:group:focus-within .group-focus-within\:rotate-275 {
    transform: rotate(275deg);
  }
  .tablet\:rotate-276,
  .tablet\:hover\:rotate-276:hover,
  .tablet\:focus\:rotate-276:focus,
  .tablet\:group:hover .group-hover\:rotate-276,
  .tablet\:group:focus-within .group-focus-within\:rotate-276 {
    transform: rotate(276deg);
  }
  .tablet\:rotate-277,
  .tablet\:hover\:rotate-277:hover,
  .tablet\:focus\:rotate-277:focus,
  .tablet\:group:hover .group-hover\:rotate-277,
  .tablet\:group:focus-within .group-focus-within\:rotate-277 {
    transform: rotate(277deg);
  }
  .tablet\:rotate-278,
  .tablet\:hover\:rotate-278:hover,
  .tablet\:focus\:rotate-278:focus,
  .tablet\:group:hover .group-hover\:rotate-278,
  .tablet\:group:focus-within .group-focus-within\:rotate-278 {
    transform: rotate(278deg);
  }
  .tablet\:rotate-279,
  .tablet\:hover\:rotate-279:hover,
  .tablet\:focus\:rotate-279:focus,
  .tablet\:group:hover .group-hover\:rotate-279,
  .tablet\:group:focus-within .group-focus-within\:rotate-279 {
    transform: rotate(279deg);
  }
  .tablet\:rotate-280,
  .tablet\:hover\:rotate-280:hover,
  .tablet\:focus\:rotate-280:focus,
  .tablet\:group:hover .group-hover\:rotate-280,
  .tablet\:group:focus-within .group-focus-within\:rotate-280 {
    transform: rotate(280deg);
  }
  .tablet\:rotate-281,
  .tablet\:hover\:rotate-281:hover,
  .tablet\:focus\:rotate-281:focus,
  .tablet\:group:hover .group-hover\:rotate-281,
  .tablet\:group:focus-within .group-focus-within\:rotate-281 {
    transform: rotate(281deg);
  }
  .tablet\:rotate-282,
  .tablet\:hover\:rotate-282:hover,
  .tablet\:focus\:rotate-282:focus,
  .tablet\:group:hover .group-hover\:rotate-282,
  .tablet\:group:focus-within .group-focus-within\:rotate-282 {
    transform: rotate(282deg);
  }
  .tablet\:rotate-283,
  .tablet\:hover\:rotate-283:hover,
  .tablet\:focus\:rotate-283:focus,
  .tablet\:group:hover .group-hover\:rotate-283,
  .tablet\:group:focus-within .group-focus-within\:rotate-283 {
    transform: rotate(283deg);
  }
  .tablet\:rotate-284,
  .tablet\:hover\:rotate-284:hover,
  .tablet\:focus\:rotate-284:focus,
  .tablet\:group:hover .group-hover\:rotate-284,
  .tablet\:group:focus-within .group-focus-within\:rotate-284 {
    transform: rotate(284deg);
  }
  .tablet\:rotate-285,
  .tablet\:hover\:rotate-285:hover,
  .tablet\:focus\:rotate-285:focus,
  .tablet\:group:hover .group-hover\:rotate-285,
  .tablet\:group:focus-within .group-focus-within\:rotate-285 {
    transform: rotate(285deg);
  }
  .tablet\:rotate-286,
  .tablet\:hover\:rotate-286:hover,
  .tablet\:focus\:rotate-286:focus,
  .tablet\:group:hover .group-hover\:rotate-286,
  .tablet\:group:focus-within .group-focus-within\:rotate-286 {
    transform: rotate(286deg);
  }
  .tablet\:rotate-287,
  .tablet\:hover\:rotate-287:hover,
  .tablet\:focus\:rotate-287:focus,
  .tablet\:group:hover .group-hover\:rotate-287,
  .tablet\:group:focus-within .group-focus-within\:rotate-287 {
    transform: rotate(287deg);
  }
  .tablet\:rotate-288,
  .tablet\:hover\:rotate-288:hover,
  .tablet\:focus\:rotate-288:focus,
  .tablet\:group:hover .group-hover\:rotate-288,
  .tablet\:group:focus-within .group-focus-within\:rotate-288 {
    transform: rotate(288deg);
  }
  .tablet\:rotate-289,
  .tablet\:hover\:rotate-289:hover,
  .tablet\:focus\:rotate-289:focus,
  .tablet\:group:hover .group-hover\:rotate-289,
  .tablet\:group:focus-within .group-focus-within\:rotate-289 {
    transform: rotate(289deg);
  }
  .tablet\:rotate-290,
  .tablet\:hover\:rotate-290:hover,
  .tablet\:focus\:rotate-290:focus,
  .tablet\:group:hover .group-hover\:rotate-290,
  .tablet\:group:focus-within .group-focus-within\:rotate-290 {
    transform: rotate(290deg);
  }
  .tablet\:rotate-291,
  .tablet\:hover\:rotate-291:hover,
  .tablet\:focus\:rotate-291:focus,
  .tablet\:group:hover .group-hover\:rotate-291,
  .tablet\:group:focus-within .group-focus-within\:rotate-291 {
    transform: rotate(291deg);
  }
  .tablet\:rotate-292,
  .tablet\:hover\:rotate-292:hover,
  .tablet\:focus\:rotate-292:focus,
  .tablet\:group:hover .group-hover\:rotate-292,
  .tablet\:group:focus-within .group-focus-within\:rotate-292 {
    transform: rotate(292deg);
  }
  .tablet\:rotate-293,
  .tablet\:hover\:rotate-293:hover,
  .tablet\:focus\:rotate-293:focus,
  .tablet\:group:hover .group-hover\:rotate-293,
  .tablet\:group:focus-within .group-focus-within\:rotate-293 {
    transform: rotate(293deg);
  }
  .tablet\:rotate-294,
  .tablet\:hover\:rotate-294:hover,
  .tablet\:focus\:rotate-294:focus,
  .tablet\:group:hover .group-hover\:rotate-294,
  .tablet\:group:focus-within .group-focus-within\:rotate-294 {
    transform: rotate(294deg);
  }
  .tablet\:rotate-295,
  .tablet\:hover\:rotate-295:hover,
  .tablet\:focus\:rotate-295:focus,
  .tablet\:group:hover .group-hover\:rotate-295,
  .tablet\:group:focus-within .group-focus-within\:rotate-295 {
    transform: rotate(295deg);
  }
  .tablet\:rotate-296,
  .tablet\:hover\:rotate-296:hover,
  .tablet\:focus\:rotate-296:focus,
  .tablet\:group:hover .group-hover\:rotate-296,
  .tablet\:group:focus-within .group-focus-within\:rotate-296 {
    transform: rotate(296deg);
  }
  .tablet\:rotate-297,
  .tablet\:hover\:rotate-297:hover,
  .tablet\:focus\:rotate-297:focus,
  .tablet\:group:hover .group-hover\:rotate-297,
  .tablet\:group:focus-within .group-focus-within\:rotate-297 {
    transform: rotate(297deg);
  }
  .tablet\:rotate-298,
  .tablet\:hover\:rotate-298:hover,
  .tablet\:focus\:rotate-298:focus,
  .tablet\:group:hover .group-hover\:rotate-298,
  .tablet\:group:focus-within .group-focus-within\:rotate-298 {
    transform: rotate(298deg);
  }
  .tablet\:rotate-299,
  .tablet\:hover\:rotate-299:hover,
  .tablet\:focus\:rotate-299:focus,
  .tablet\:group:hover .group-hover\:rotate-299,
  .tablet\:group:focus-within .group-focus-within\:rotate-299 {
    transform: rotate(299deg);
  }
  .tablet\:rotate-300,
  .tablet\:hover\:rotate-300:hover,
  .tablet\:focus\:rotate-300:focus,
  .tablet\:group:hover .group-hover\:rotate-300,
  .tablet\:group:focus-within .group-focus-within\:rotate-300 {
    transform: rotate(300deg);
  }
  .tablet\:rotate-301,
  .tablet\:hover\:rotate-301:hover,
  .tablet\:focus\:rotate-301:focus,
  .tablet\:group:hover .group-hover\:rotate-301,
  .tablet\:group:focus-within .group-focus-within\:rotate-301 {
    transform: rotate(301deg);
  }
  .tablet\:rotate-302,
  .tablet\:hover\:rotate-302:hover,
  .tablet\:focus\:rotate-302:focus,
  .tablet\:group:hover .group-hover\:rotate-302,
  .tablet\:group:focus-within .group-focus-within\:rotate-302 {
    transform: rotate(302deg);
  }
  .tablet\:rotate-303,
  .tablet\:hover\:rotate-303:hover,
  .tablet\:focus\:rotate-303:focus,
  .tablet\:group:hover .group-hover\:rotate-303,
  .tablet\:group:focus-within .group-focus-within\:rotate-303 {
    transform: rotate(303deg);
  }
  .tablet\:rotate-304,
  .tablet\:hover\:rotate-304:hover,
  .tablet\:focus\:rotate-304:focus,
  .tablet\:group:hover .group-hover\:rotate-304,
  .tablet\:group:focus-within .group-focus-within\:rotate-304 {
    transform: rotate(304deg);
  }
  .tablet\:rotate-305,
  .tablet\:hover\:rotate-305:hover,
  .tablet\:focus\:rotate-305:focus,
  .tablet\:group:hover .group-hover\:rotate-305,
  .tablet\:group:focus-within .group-focus-within\:rotate-305 {
    transform: rotate(305deg);
  }
  .tablet\:rotate-306,
  .tablet\:hover\:rotate-306:hover,
  .tablet\:focus\:rotate-306:focus,
  .tablet\:group:hover .group-hover\:rotate-306,
  .tablet\:group:focus-within .group-focus-within\:rotate-306 {
    transform: rotate(306deg);
  }
  .tablet\:rotate-307,
  .tablet\:hover\:rotate-307:hover,
  .tablet\:focus\:rotate-307:focus,
  .tablet\:group:hover .group-hover\:rotate-307,
  .tablet\:group:focus-within .group-focus-within\:rotate-307 {
    transform: rotate(307deg);
  }
  .tablet\:rotate-308,
  .tablet\:hover\:rotate-308:hover,
  .tablet\:focus\:rotate-308:focus,
  .tablet\:group:hover .group-hover\:rotate-308,
  .tablet\:group:focus-within .group-focus-within\:rotate-308 {
    transform: rotate(308deg);
  }
  .tablet\:rotate-309,
  .tablet\:hover\:rotate-309:hover,
  .tablet\:focus\:rotate-309:focus,
  .tablet\:group:hover .group-hover\:rotate-309,
  .tablet\:group:focus-within .group-focus-within\:rotate-309 {
    transform: rotate(309deg);
  }
  .tablet\:rotate-310,
  .tablet\:hover\:rotate-310:hover,
  .tablet\:focus\:rotate-310:focus,
  .tablet\:group:hover .group-hover\:rotate-310,
  .tablet\:group:focus-within .group-focus-within\:rotate-310 {
    transform: rotate(310deg);
  }
  .tablet\:rotate-311,
  .tablet\:hover\:rotate-311:hover,
  .tablet\:focus\:rotate-311:focus,
  .tablet\:group:hover .group-hover\:rotate-311,
  .tablet\:group:focus-within .group-focus-within\:rotate-311 {
    transform: rotate(311deg);
  }
  .tablet\:rotate-312,
  .tablet\:hover\:rotate-312:hover,
  .tablet\:focus\:rotate-312:focus,
  .tablet\:group:hover .group-hover\:rotate-312,
  .tablet\:group:focus-within .group-focus-within\:rotate-312 {
    transform: rotate(312deg);
  }
  .tablet\:rotate-313,
  .tablet\:hover\:rotate-313:hover,
  .tablet\:focus\:rotate-313:focus,
  .tablet\:group:hover .group-hover\:rotate-313,
  .tablet\:group:focus-within .group-focus-within\:rotate-313 {
    transform: rotate(313deg);
  }
  .tablet\:rotate-314,
  .tablet\:hover\:rotate-314:hover,
  .tablet\:focus\:rotate-314:focus,
  .tablet\:group:hover .group-hover\:rotate-314,
  .tablet\:group:focus-within .group-focus-within\:rotate-314 {
    transform: rotate(314deg);
  }
  .tablet\:rotate-315,
  .tablet\:hover\:rotate-315:hover,
  .tablet\:focus\:rotate-315:focus,
  .tablet\:group:hover .group-hover\:rotate-315,
  .tablet\:group:focus-within .group-focus-within\:rotate-315 {
    transform: rotate(315deg);
  }
  .tablet\:rotate-316,
  .tablet\:hover\:rotate-316:hover,
  .tablet\:focus\:rotate-316:focus,
  .tablet\:group:hover .group-hover\:rotate-316,
  .tablet\:group:focus-within .group-focus-within\:rotate-316 {
    transform: rotate(316deg);
  }
  .tablet\:rotate-317,
  .tablet\:hover\:rotate-317:hover,
  .tablet\:focus\:rotate-317:focus,
  .tablet\:group:hover .group-hover\:rotate-317,
  .tablet\:group:focus-within .group-focus-within\:rotate-317 {
    transform: rotate(317deg);
  }
  .tablet\:rotate-318,
  .tablet\:hover\:rotate-318:hover,
  .tablet\:focus\:rotate-318:focus,
  .tablet\:group:hover .group-hover\:rotate-318,
  .tablet\:group:focus-within .group-focus-within\:rotate-318 {
    transform: rotate(318deg);
  }
  .tablet\:rotate-319,
  .tablet\:hover\:rotate-319:hover,
  .tablet\:focus\:rotate-319:focus,
  .tablet\:group:hover .group-hover\:rotate-319,
  .tablet\:group:focus-within .group-focus-within\:rotate-319 {
    transform: rotate(319deg);
  }
  .tablet\:rotate-320,
  .tablet\:hover\:rotate-320:hover,
  .tablet\:focus\:rotate-320:focus,
  .tablet\:group:hover .group-hover\:rotate-320,
  .tablet\:group:focus-within .group-focus-within\:rotate-320 {
    transform: rotate(320deg);
  }
  .tablet\:rotate-321,
  .tablet\:hover\:rotate-321:hover,
  .tablet\:focus\:rotate-321:focus,
  .tablet\:group:hover .group-hover\:rotate-321,
  .tablet\:group:focus-within .group-focus-within\:rotate-321 {
    transform: rotate(321deg);
  }
  .tablet\:rotate-322,
  .tablet\:hover\:rotate-322:hover,
  .tablet\:focus\:rotate-322:focus,
  .tablet\:group:hover .group-hover\:rotate-322,
  .tablet\:group:focus-within .group-focus-within\:rotate-322 {
    transform: rotate(322deg);
  }
  .tablet\:rotate-323,
  .tablet\:hover\:rotate-323:hover,
  .tablet\:focus\:rotate-323:focus,
  .tablet\:group:hover .group-hover\:rotate-323,
  .tablet\:group:focus-within .group-focus-within\:rotate-323 {
    transform: rotate(323deg);
  }
  .tablet\:rotate-324,
  .tablet\:hover\:rotate-324:hover,
  .tablet\:focus\:rotate-324:focus,
  .tablet\:group:hover .group-hover\:rotate-324,
  .tablet\:group:focus-within .group-focus-within\:rotate-324 {
    transform: rotate(324deg);
  }
  .tablet\:rotate-325,
  .tablet\:hover\:rotate-325:hover,
  .tablet\:focus\:rotate-325:focus,
  .tablet\:group:hover .group-hover\:rotate-325,
  .tablet\:group:focus-within .group-focus-within\:rotate-325 {
    transform: rotate(325deg);
  }
  .tablet\:rotate-326,
  .tablet\:hover\:rotate-326:hover,
  .tablet\:focus\:rotate-326:focus,
  .tablet\:group:hover .group-hover\:rotate-326,
  .tablet\:group:focus-within .group-focus-within\:rotate-326 {
    transform: rotate(326deg);
  }
  .tablet\:rotate-327,
  .tablet\:hover\:rotate-327:hover,
  .tablet\:focus\:rotate-327:focus,
  .tablet\:group:hover .group-hover\:rotate-327,
  .tablet\:group:focus-within .group-focus-within\:rotate-327 {
    transform: rotate(327deg);
  }
  .tablet\:rotate-328,
  .tablet\:hover\:rotate-328:hover,
  .tablet\:focus\:rotate-328:focus,
  .tablet\:group:hover .group-hover\:rotate-328,
  .tablet\:group:focus-within .group-focus-within\:rotate-328 {
    transform: rotate(328deg);
  }
  .tablet\:rotate-329,
  .tablet\:hover\:rotate-329:hover,
  .tablet\:focus\:rotate-329:focus,
  .tablet\:group:hover .group-hover\:rotate-329,
  .tablet\:group:focus-within .group-focus-within\:rotate-329 {
    transform: rotate(329deg);
  }
  .tablet\:rotate-330,
  .tablet\:hover\:rotate-330:hover,
  .tablet\:focus\:rotate-330:focus,
  .tablet\:group:hover .group-hover\:rotate-330,
  .tablet\:group:focus-within .group-focus-within\:rotate-330 {
    transform: rotate(330deg);
  }
  .tablet\:rotate-331,
  .tablet\:hover\:rotate-331:hover,
  .tablet\:focus\:rotate-331:focus,
  .tablet\:group:hover .group-hover\:rotate-331,
  .tablet\:group:focus-within .group-focus-within\:rotate-331 {
    transform: rotate(331deg);
  }
  .tablet\:rotate-332,
  .tablet\:hover\:rotate-332:hover,
  .tablet\:focus\:rotate-332:focus,
  .tablet\:group:hover .group-hover\:rotate-332,
  .tablet\:group:focus-within .group-focus-within\:rotate-332 {
    transform: rotate(332deg);
  }
  .tablet\:rotate-333,
  .tablet\:hover\:rotate-333:hover,
  .tablet\:focus\:rotate-333:focus,
  .tablet\:group:hover .group-hover\:rotate-333,
  .tablet\:group:focus-within .group-focus-within\:rotate-333 {
    transform: rotate(333deg);
  }
  .tablet\:rotate-334,
  .tablet\:hover\:rotate-334:hover,
  .tablet\:focus\:rotate-334:focus,
  .tablet\:group:hover .group-hover\:rotate-334,
  .tablet\:group:focus-within .group-focus-within\:rotate-334 {
    transform: rotate(334deg);
  }
  .tablet\:rotate-335,
  .tablet\:hover\:rotate-335:hover,
  .tablet\:focus\:rotate-335:focus,
  .tablet\:group:hover .group-hover\:rotate-335,
  .tablet\:group:focus-within .group-focus-within\:rotate-335 {
    transform: rotate(335deg);
  }
  .tablet\:rotate-336,
  .tablet\:hover\:rotate-336:hover,
  .tablet\:focus\:rotate-336:focus,
  .tablet\:group:hover .group-hover\:rotate-336,
  .tablet\:group:focus-within .group-focus-within\:rotate-336 {
    transform: rotate(336deg);
  }
  .tablet\:rotate-337,
  .tablet\:hover\:rotate-337:hover,
  .tablet\:focus\:rotate-337:focus,
  .tablet\:group:hover .group-hover\:rotate-337,
  .tablet\:group:focus-within .group-focus-within\:rotate-337 {
    transform: rotate(337deg);
  }
  .tablet\:rotate-338,
  .tablet\:hover\:rotate-338:hover,
  .tablet\:focus\:rotate-338:focus,
  .tablet\:group:hover .group-hover\:rotate-338,
  .tablet\:group:focus-within .group-focus-within\:rotate-338 {
    transform: rotate(338deg);
  }
  .tablet\:rotate-339,
  .tablet\:hover\:rotate-339:hover,
  .tablet\:focus\:rotate-339:focus,
  .tablet\:group:hover .group-hover\:rotate-339,
  .tablet\:group:focus-within .group-focus-within\:rotate-339 {
    transform: rotate(339deg);
  }
  .tablet\:rotate-340,
  .tablet\:hover\:rotate-340:hover,
  .tablet\:focus\:rotate-340:focus,
  .tablet\:group:hover .group-hover\:rotate-340,
  .tablet\:group:focus-within .group-focus-within\:rotate-340 {
    transform: rotate(340deg);
  }
  .tablet\:rotate-341,
  .tablet\:hover\:rotate-341:hover,
  .tablet\:focus\:rotate-341:focus,
  .tablet\:group:hover .group-hover\:rotate-341,
  .tablet\:group:focus-within .group-focus-within\:rotate-341 {
    transform: rotate(341deg);
  }
  .tablet\:rotate-342,
  .tablet\:hover\:rotate-342:hover,
  .tablet\:focus\:rotate-342:focus,
  .tablet\:group:hover .group-hover\:rotate-342,
  .tablet\:group:focus-within .group-focus-within\:rotate-342 {
    transform: rotate(342deg);
  }
  .tablet\:rotate-343,
  .tablet\:hover\:rotate-343:hover,
  .tablet\:focus\:rotate-343:focus,
  .tablet\:group:hover .group-hover\:rotate-343,
  .tablet\:group:focus-within .group-focus-within\:rotate-343 {
    transform: rotate(343deg);
  }
  .tablet\:rotate-344,
  .tablet\:hover\:rotate-344:hover,
  .tablet\:focus\:rotate-344:focus,
  .tablet\:group:hover .group-hover\:rotate-344,
  .tablet\:group:focus-within .group-focus-within\:rotate-344 {
    transform: rotate(344deg);
  }
  .tablet\:rotate-345,
  .tablet\:hover\:rotate-345:hover,
  .tablet\:focus\:rotate-345:focus,
  .tablet\:group:hover .group-hover\:rotate-345,
  .tablet\:group:focus-within .group-focus-within\:rotate-345 {
    transform: rotate(345deg);
  }
  .tablet\:rotate-346,
  .tablet\:hover\:rotate-346:hover,
  .tablet\:focus\:rotate-346:focus,
  .tablet\:group:hover .group-hover\:rotate-346,
  .tablet\:group:focus-within .group-focus-within\:rotate-346 {
    transform: rotate(346deg);
  }
  .tablet\:rotate-347,
  .tablet\:hover\:rotate-347:hover,
  .tablet\:focus\:rotate-347:focus,
  .tablet\:group:hover .group-hover\:rotate-347,
  .tablet\:group:focus-within .group-focus-within\:rotate-347 {
    transform: rotate(347deg);
  }
  .tablet\:rotate-348,
  .tablet\:hover\:rotate-348:hover,
  .tablet\:focus\:rotate-348:focus,
  .tablet\:group:hover .group-hover\:rotate-348,
  .tablet\:group:focus-within .group-focus-within\:rotate-348 {
    transform: rotate(348deg);
  }
  .tablet\:rotate-349,
  .tablet\:hover\:rotate-349:hover,
  .tablet\:focus\:rotate-349:focus,
  .tablet\:group:hover .group-hover\:rotate-349,
  .tablet\:group:focus-within .group-focus-within\:rotate-349 {
    transform: rotate(349deg);
  }
  .tablet\:rotate-350,
  .tablet\:hover\:rotate-350:hover,
  .tablet\:focus\:rotate-350:focus,
  .tablet\:group:hover .group-hover\:rotate-350,
  .tablet\:group:focus-within .group-focus-within\:rotate-350 {
    transform: rotate(350deg);
  }
  .tablet\:rotate-351,
  .tablet\:hover\:rotate-351:hover,
  .tablet\:focus\:rotate-351:focus,
  .tablet\:group:hover .group-hover\:rotate-351,
  .tablet\:group:focus-within .group-focus-within\:rotate-351 {
    transform: rotate(351deg);
  }
  .tablet\:rotate-352,
  .tablet\:hover\:rotate-352:hover,
  .tablet\:focus\:rotate-352:focus,
  .tablet\:group:hover .group-hover\:rotate-352,
  .tablet\:group:focus-within .group-focus-within\:rotate-352 {
    transform: rotate(352deg);
  }
  .tablet\:rotate-353,
  .tablet\:hover\:rotate-353:hover,
  .tablet\:focus\:rotate-353:focus,
  .tablet\:group:hover .group-hover\:rotate-353,
  .tablet\:group:focus-within .group-focus-within\:rotate-353 {
    transform: rotate(353deg);
  }
  .tablet\:rotate-354,
  .tablet\:hover\:rotate-354:hover,
  .tablet\:focus\:rotate-354:focus,
  .tablet\:group:hover .group-hover\:rotate-354,
  .tablet\:group:focus-within .group-focus-within\:rotate-354 {
    transform: rotate(354deg);
  }
  .tablet\:rotate-355,
  .tablet\:hover\:rotate-355:hover,
  .tablet\:focus\:rotate-355:focus,
  .tablet\:group:hover .group-hover\:rotate-355,
  .tablet\:group:focus-within .group-focus-within\:rotate-355 {
    transform: rotate(355deg);
  }
  .tablet\:rotate-356,
  .tablet\:hover\:rotate-356:hover,
  .tablet\:focus\:rotate-356:focus,
  .tablet\:group:hover .group-hover\:rotate-356,
  .tablet\:group:focus-within .group-focus-within\:rotate-356 {
    transform: rotate(356deg);
  }
  .tablet\:rotate-357,
  .tablet\:hover\:rotate-357:hover,
  .tablet\:focus\:rotate-357:focus,
  .tablet\:group:hover .group-hover\:rotate-357,
  .tablet\:group:focus-within .group-focus-within\:rotate-357 {
    transform: rotate(357deg);
  }
  .tablet\:rotate-358,
  .tablet\:hover\:rotate-358:hover,
  .tablet\:focus\:rotate-358:focus,
  .tablet\:group:hover .group-hover\:rotate-358,
  .tablet\:group:focus-within .group-focus-within\:rotate-358 {
    transform: rotate(358deg);
  }
  .tablet\:rotate-359,
  .tablet\:hover\:rotate-359:hover,
  .tablet\:focus\:rotate-359:focus,
  .tablet\:group:hover .group-hover\:rotate-359,
  .tablet\:group:focus-within .group-focus-within\:rotate-359 {
    transform: rotate(359deg);
  }
  .tablet\:rotate-360,
  .tablet\:hover\:rotate-360:hover,
  .tablet\:focus\:rotate-360:focus,
  .tablet\:group:hover .group-hover\:rotate-360,
  .tablet\:group:focus-within .group-focus-within\:rotate-360 {
    transform: rotate(360deg);
  }
  .tablet\:scale-0,
  .tablet\:hover\:scale-0:hover,
  .tablet\:focus\:scale-0:focus,
  .tablet\:group:hover .group-hover\:scale-0,
  .tablet\:group:focus-within .group-focus-within\:scale-0 {
    transform: scale(0);
  }
  .tablet\:scale-1,
  .tablet\:hover\:scale-1:hover,
  .tablet\:focus\:scale-1:focus,
  .tablet\:group:hover .group-hover\:scale-1,
  .tablet\:group:focus-within .group-focus-within\:scale-1 {
    transform: scale(0.1);
  }
  .tablet\:scale-2,
  .tablet\:hover\:scale-2:hover,
  .tablet\:focus\:scale-2:focus,
  .tablet\:group:hover .group-hover\:scale-2,
  .tablet\:group:focus-within .group-focus-within\:scale-2 {
    transform: scale(0.2);
  }
  .tablet\:scale-3,
  .tablet\:hover\:scale-3:hover,
  .tablet\:focus\:scale-3:focus,
  .tablet\:group:hover .group-hover\:scale-3,
  .tablet\:group:focus-within .group-focus-within\:scale-3 {
    transform: scale(0.3);
  }
  .tablet\:scale-4,
  .tablet\:hover\:scale-4:hover,
  .tablet\:focus\:scale-4:focus,
  .tablet\:group:hover .group-hover\:scale-4,
  .tablet\:group:focus-within .group-focus-within\:scale-4 {
    transform: scale(0.4);
  }
  .tablet\:scale-5,
  .tablet\:hover\:scale-5:hover,
  .tablet\:focus\:scale-5:focus,
  .tablet\:group:hover .group-hover\:scale-5,
  .tablet\:group:focus-within .group-focus-within\:scale-5 {
    transform: scale(0.5);
  }
  .tablet\:scale-6,
  .tablet\:hover\:scale-6:hover,
  .tablet\:focus\:scale-6:focus,
  .tablet\:group:hover .group-hover\:scale-6,
  .tablet\:group:focus-within .group-focus-within\:scale-6 {
    transform: scale(0.6);
  }
  .tablet\:scale-7,
  .tablet\:hover\:scale-7:hover,
  .tablet\:focus\:scale-7:focus,
  .tablet\:group:hover .group-hover\:scale-7,
  .tablet\:group:focus-within .group-focus-within\:scale-7 {
    transform: scale(0.7);
  }
  .tablet\:scale-8,
  .tablet\:hover\:scale-8:hover,
  .tablet\:focus\:scale-8:focus,
  .tablet\:group:hover .group-hover\:scale-8,
  .tablet\:group:focus-within .group-focus-within\:scale-8 {
    transform: scale(0.8);
  }
  .tablet\:scale-9,
  .tablet\:hover\:scale-9:hover,
  .tablet\:focus\:scale-9:focus,
  .tablet\:group:hover .group-hover\:scale-9,
  .tablet\:group:focus-within .group-focus-within\:scale-9 {
    transform: scale(0.9);
  }
  .tablet\:scale-10,
  .tablet\:hover\:scale-10:hover,
  .tablet\:focus\:scale-10:focus,
  .tablet\:group:hover .group-hover\:scale-10,
  .tablet\:group:focus-within .group-focus-within\:scale-10 {
    transform: scale(1);
  }
  .tablet\:scale-11,
  .tablet\:hover\:scale-11:hover,
  .tablet\:focus\:scale-11:focus,
  .tablet\:group:hover .group-hover\:scale-11,
  .tablet\:group:focus-within .group-focus-within\:scale-11 {
    transform: scale(1.1);
  }
  .tablet\:scale-12,
  .tablet\:hover\:scale-12:hover,
  .tablet\:focus\:scale-12:focus,
  .tablet\:group:hover .group-hover\:scale-12,
  .tablet\:group:focus-within .group-focus-within\:scale-12 {
    transform: scale(1.2);
  }
  .tablet\:scale-13,
  .tablet\:hover\:scale-13:hover,
  .tablet\:focus\:scale-13:focus,
  .tablet\:group:hover .group-hover\:scale-13,
  .tablet\:group:focus-within .group-focus-within\:scale-13 {
    transform: scale(1.3);
  }
  .tablet\:scale-14,
  .tablet\:hover\:scale-14:hover,
  .tablet\:focus\:scale-14:focus,
  .tablet\:group:hover .group-hover\:scale-14,
  .tablet\:group:focus-within .group-focus-within\:scale-14 {
    transform: scale(1.4);
  }
  .tablet\:scale-15,
  .tablet\:hover\:scale-15:hover,
  .tablet\:focus\:scale-15:focus,
  .tablet\:group:hover .group-hover\:scale-15,
  .tablet\:group:focus-within .group-focus-within\:scale-15 {
    transform: scale(1.5);
  }
  .tablet\:scale-16,
  .tablet\:hover\:scale-16:hover,
  .tablet\:focus\:scale-16:focus,
  .tablet\:group:hover .group-hover\:scale-16,
  .tablet\:group:focus-within .group-focus-within\:scale-16 {
    transform: scale(1.6);
  }
  .tablet\:scale-17,
  .tablet\:hover\:scale-17:hover,
  .tablet\:focus\:scale-17:focus,
  .tablet\:group:hover .group-hover\:scale-17,
  .tablet\:group:focus-within .group-focus-within\:scale-17 {
    transform: scale(1.7);
  }
  .tablet\:scale-18,
  .tablet\:hover\:scale-18:hover,
  .tablet\:focus\:scale-18:focus,
  .tablet\:group:hover .group-hover\:scale-18,
  .tablet\:group:focus-within .group-focus-within\:scale-18 {
    transform: scale(1.8);
  }
  .tablet\:scale-19,
  .tablet\:hover\:scale-19:hover,
  .tablet\:focus\:scale-19:focus,
  .tablet\:group:hover .group-hover\:scale-19,
  .tablet\:group:focus-within .group-focus-within\:scale-19 {
    transform: scale(1.9);
  }
  .tablet\:scale-20,
  .tablet\:hover\:scale-20:hover,
  .tablet\:focus\:scale-20:focus,
  .tablet\:group:hover .group-hover\:scale-20,
  .tablet\:group:focus-within .group-focus-within\:scale-20 {
    transform: scale(2);
  }
  .tablet\:scale-21,
  .tablet\:hover\:scale-21:hover,
  .tablet\:focus\:scale-21:focus,
  .tablet\:group:hover .group-hover\:scale-21,
  .tablet\:group:focus-within .group-focus-within\:scale-21 {
    transform: scale(2.1);
  }
  .tablet\:scale-22,
  .tablet\:hover\:scale-22:hover,
  .tablet\:focus\:scale-22:focus,
  .tablet\:group:hover .group-hover\:scale-22,
  .tablet\:group:focus-within .group-focus-within\:scale-22 {
    transform: scale(2.2);
  }
  .tablet\:scale-23,
  .tablet\:hover\:scale-23:hover,
  .tablet\:focus\:scale-23:focus,
  .tablet\:group:hover .group-hover\:scale-23,
  .tablet\:group:focus-within .group-focus-within\:scale-23 {
    transform: scale(2.3);
  }
  .tablet\:scale-24,
  .tablet\:hover\:scale-24:hover,
  .tablet\:focus\:scale-24:focus,
  .tablet\:group:hover .group-hover\:scale-24,
  .tablet\:group:focus-within .group-focus-within\:scale-24 {
    transform: scale(2.4);
  }
  .tablet\:scale-25,
  .tablet\:hover\:scale-25:hover,
  .tablet\:focus\:scale-25:focus,
  .tablet\:group:hover .group-hover\:scale-25,
  .tablet\:group:focus-within .group-focus-within\:scale-25 {
    transform: scale(2.5);
  }
  .tablet\:scale-26,
  .tablet\:hover\:scale-26:hover,
  .tablet\:focus\:scale-26:focus,
  .tablet\:group:hover .group-hover\:scale-26,
  .tablet\:group:focus-within .group-focus-within\:scale-26 {
    transform: scale(2.6);
  }
  .tablet\:scale-27,
  .tablet\:hover\:scale-27:hover,
  .tablet\:focus\:scale-27:focus,
  .tablet\:group:hover .group-hover\:scale-27,
  .tablet\:group:focus-within .group-focus-within\:scale-27 {
    transform: scale(2.7);
  }
  .tablet\:scale-28,
  .tablet\:hover\:scale-28:hover,
  .tablet\:focus\:scale-28:focus,
  .tablet\:group:hover .group-hover\:scale-28,
  .tablet\:group:focus-within .group-focus-within\:scale-28 {
    transform: scale(2.8);
  }
  .tablet\:scale-29,
  .tablet\:hover\:scale-29:hover,
  .tablet\:focus\:scale-29:focus,
  .tablet\:group:hover .group-hover\:scale-29,
  .tablet\:group:focus-within .group-focus-within\:scale-29 {
    transform: scale(2.9);
  }
  .tablet\:scale-30,
  .tablet\:hover\:scale-30:hover,
  .tablet\:focus\:scale-30:focus,
  .tablet\:group:hover .group-hover\:scale-30,
  .tablet\:group:focus-within .group-focus-within\:scale-30 {
    transform: scale(3);
  }
}
@media (max-width: 768px) {
  .mobile\:translate-none,
  .mobile\:hover\:translate-none:hover,
  .mobile\:focus\:translate-none:focus,
  .mobile\:group:hover .group-hover\:translate-none,
  .mobile\:group:focus-within .group-focus-within\:translate-none {
    transform: translate(var(--padding-none), var(--padding-none));
  }
  .mobile\:translate-x-none,
  .mobile\:hover\:translate-x-none:hover,
  .mobile\:focus\:translate-x-none:focus,
  .mobile\:group:hover .group-hover\:translate-x-none,
  .mobile\:group:focus-within .group-focus-within\:translate-x-none {
    transform: translateX(var(--padding-none));
  }
  .mobile\:translate-y-none,
  .mobile\:hover\:translate-y-none:hover,
  .mobile\:focus\:translate-y-none:focus,
  .mobile\:group:hover .group-hover\:translate-y-none,
  .mobile\:group:focus-within .group-focus-within\:translate-y-none {
    transform: translateY(var(--padding-none));
  }
  .mobile\:-translate-none,
  .mobile\:hover\:-translate-none:hover,
  .mobile\:focus\:-translate-none:focus,
  .mobile\:group:hover .group-hover\:-translate-none,
  .mobile\:group:focus-within .group-focus-within\:-translate-none {
    transform: translate(calc(-1 * var(--padding-none)), calc(-1 * var(--padding-none)));
  }
  .mobile\:-translate-x-none,
  .mobile\:hover\:-translate-x-none:hover,
  .mobile\:focus\:-translate-x-none:focus,
  .mobile\:group:hover .group-hover\:-translate-x-none,
  .mobile\:group:focus-within .group-focus-within\:-translate-x-none {
    transform: translateX(calc(-1 * var(--padding-none)));
  }
  .mobile\:-translate-y-none,
  .mobile\:hover\:-translate-y-none:hover,
  .mobile\:focus\:-translate-y-none:focus,
  .mobile\:group:hover .group-hover\:-translate-y-none,
  .mobile\:group:focus-within .group-focus-within\:-translate-y-none {
    transform: translateY(calc(-1 * var(--padding-none)));
  }
  .mobile\:translate-hairline,
  .mobile\:hover\:translate-hairline:hover,
  .mobile\:focus\:translate-hairline:focus,
  .mobile\:group:hover .group-hover\:translate-hairline,
  .mobile\:group:focus-within .group-focus-within\:translate-hairline {
    transform: translate(var(--padding-hairline), var(--padding-hairline));
  }
  .mobile\:translate-x-hairline,
  .mobile\:hover\:translate-x-hairline:hover,
  .mobile\:focus\:translate-x-hairline:focus,
  .mobile\:group:hover .group-hover\:translate-x-hairline,
  .mobile\:group:focus-within .group-focus-within\:translate-x-hairline {
    transform: translateX(var(--padding-hairline));
  }
  .mobile\:translate-y-hairline,
  .mobile\:hover\:translate-y-hairline:hover,
  .mobile\:focus\:translate-y-hairline:focus,
  .mobile\:group:hover .group-hover\:translate-y-hairline,
  .mobile\:group:focus-within .group-focus-within\:translate-y-hairline {
    transform: translateY(var(--padding-hairline));
  }
  .mobile\:-translate-hairline,
  .mobile\:hover\:-translate-hairline:hover,
  .mobile\:focus\:-translate-hairline:focus,
  .mobile\:group:hover .group-hover\:-translate-hairline,
  .mobile\:group:focus-within .group-focus-within\:-translate-hairline {
    transform: translate(calc(-1 * var(--padding-hairline)), calc(-1 * var(--padding-hairline)));
  }
  .mobile\:-translate-x-hairline,
  .mobile\:hover\:-translate-x-hairline:hover,
  .mobile\:focus\:-translate-x-hairline:focus,
  .mobile\:group:hover .group-hover\:-translate-x-hairline,
  .mobile\:group:focus-within .group-focus-within\:-translate-x-hairline {
    transform: translateX(calc(-1 * var(--padding-hairline)));
  }
  .mobile\:-translate-y-hairline,
  .mobile\:hover\:-translate-y-hairline:hover,
  .mobile\:focus\:-translate-y-hairline:focus,
  .mobile\:group:hover .group-hover\:-translate-y-hairline,
  .mobile\:group:focus-within .group-focus-within\:-translate-y-hairline {
    transform: translateY(calc(-1 * var(--padding-hairline)));
  }
  .mobile\:translate-thin,
  .mobile\:hover\:translate-thin:hover,
  .mobile\:focus\:translate-thin:focus,
  .mobile\:group:hover .group-hover\:translate-thin,
  .mobile\:group:focus-within .group-focus-within\:translate-thin {
    transform: translate(var(--padding-thin), var(--padding-thin));
  }
  .mobile\:translate-x-thin,
  .mobile\:hover\:translate-x-thin:hover,
  .mobile\:focus\:translate-x-thin:focus,
  .mobile\:group:hover .group-hover\:translate-x-thin,
  .mobile\:group:focus-within .group-focus-within\:translate-x-thin {
    transform: translateX(var(--padding-thin));
  }
  .mobile\:translate-y-thin,
  .mobile\:hover\:translate-y-thin:hover,
  .mobile\:focus\:translate-y-thin:focus,
  .mobile\:group:hover .group-hover\:translate-y-thin,
  .mobile\:group:focus-within .group-focus-within\:translate-y-thin {
    transform: translateY(var(--padding-thin));
  }
  .mobile\:-translate-thin,
  .mobile\:hover\:-translate-thin:hover,
  .mobile\:focus\:-translate-thin:focus,
  .mobile\:group:hover .group-hover\:-translate-thin,
  .mobile\:group:focus-within .group-focus-within\:-translate-thin {
    transform: translate(calc(-1 * var(--padding-thin)), calc(-1 * var(--padding-thin)));
  }
  .mobile\:-translate-x-thin,
  .mobile\:hover\:-translate-x-thin:hover,
  .mobile\:focus\:-translate-x-thin:focus,
  .mobile\:group:hover .group-hover\:-translate-x-thin,
  .mobile\:group:focus-within .group-focus-within\:-translate-x-thin {
    transform: translateX(calc(-1 * var(--padding-thin)));
  }
  .mobile\:-translate-y-thin,
  .mobile\:hover\:-translate-y-thin:hover,
  .mobile\:focus\:-translate-y-thin:focus,
  .mobile\:group:hover .group-hover\:-translate-y-thin,
  .mobile\:group:focus-within .group-focus-within\:-translate-y-thin {
    transform: translateY(calc(-1 * var(--padding-thin)));
  }
  .mobile\:translate-slim,
  .mobile\:hover\:translate-slim:hover,
  .mobile\:focus\:translate-slim:focus,
  .mobile\:group:hover .group-hover\:translate-slim,
  .mobile\:group:focus-within .group-focus-within\:translate-slim {
    transform: translate(var(--padding-slim), var(--padding-slim));
  }
  .mobile\:translate-x-slim,
  .mobile\:hover\:translate-x-slim:hover,
  .mobile\:focus\:translate-x-slim:focus,
  .mobile\:group:hover .group-hover\:translate-x-slim,
  .mobile\:group:focus-within .group-focus-within\:translate-x-slim {
    transform: translateX(var(--padding-slim));
  }
  .mobile\:translate-y-slim,
  .mobile\:hover\:translate-y-slim:hover,
  .mobile\:focus\:translate-y-slim:focus,
  .mobile\:group:hover .group-hover\:translate-y-slim,
  .mobile\:group:focus-within .group-focus-within\:translate-y-slim {
    transform: translateY(var(--padding-slim));
  }
  .mobile\:-translate-slim,
  .mobile\:hover\:-translate-slim:hover,
  .mobile\:focus\:-translate-slim:focus,
  .mobile\:group:hover .group-hover\:-translate-slim,
  .mobile\:group:focus-within .group-focus-within\:-translate-slim {
    transform: translate(calc(-1 * var(--padding-slim)), calc(-1 * var(--padding-slim)));
  }
  .mobile\:-translate-x-slim,
  .mobile\:hover\:-translate-x-slim:hover,
  .mobile\:focus\:-translate-x-slim:focus,
  .mobile\:group:hover .group-hover\:-translate-x-slim,
  .mobile\:group:focus-within .group-focus-within\:-translate-x-slim {
    transform: translateX(calc(-1 * var(--padding-slim)));
  }
  .mobile\:-translate-y-slim,
  .mobile\:hover\:-translate-y-slim:hover,
  .mobile\:focus\:-translate-y-slim:focus,
  .mobile\:group:hover .group-hover\:-translate-y-slim,
  .mobile\:group:focus-within .group-focus-within\:-translate-y-slim {
    transform: translateY(calc(-1 * var(--padding-slim)));
  }
  .mobile\:translate-extra-small,
  .mobile\:hover\:translate-extra-small:hover,
  .mobile\:focus\:translate-extra-small:focus,
  .mobile\:group:hover .group-hover\:translate-extra-small,
  .mobile\:group:focus-within .group-focus-within\:translate-extra-small {
    transform: translate(var(--padding-extra-small), var(--padding-extra-small));
  }
  .mobile\:translate-x-extra-small,
  .mobile\:hover\:translate-x-extra-small:hover,
  .mobile\:focus\:translate-x-extra-small:focus,
  .mobile\:group:hover .group-hover\:translate-x-extra-small,
  .mobile\:group:focus-within .group-focus-within\:translate-x-extra-small {
    transform: translateX(var(--padding-extra-small));
  }
  .mobile\:translate-y-extra-small,
  .mobile\:hover\:translate-y-extra-small:hover,
  .mobile\:focus\:translate-y-extra-small:focus,
  .mobile\:group:hover .group-hover\:translate-y-extra-small,
  .mobile\:group:focus-within .group-focus-within\:translate-y-extra-small {
    transform: translateY(var(--padding-extra-small));
  }
  .mobile\:-translate-extra-small,
  .mobile\:hover\:-translate-extra-small:hover,
  .mobile\:focus\:-translate-extra-small:focus,
  .mobile\:group:hover .group-hover\:-translate-extra-small,
  .mobile\:group:focus-within .group-focus-within\:-translate-extra-small {
    transform: translate(calc(-1 * var(--padding-extra-small)), calc(-1 * var(--padding-extra-small)));
  }
  .mobile\:-translate-x-extra-small,
  .mobile\:hover\:-translate-x-extra-small:hover,
  .mobile\:focus\:-translate-x-extra-small:focus,
  .mobile\:group:hover .group-hover\:-translate-x-extra-small,
  .mobile\:group:focus-within .group-focus-within\:-translate-x-extra-small {
    transform: translateX(calc(-1 * var(--padding-extra-small)));
  }
  .mobile\:-translate-y-extra-small,
  .mobile\:hover\:-translate-y-extra-small:hover,
  .mobile\:focus\:-translate-y-extra-small:focus,
  .mobile\:group:hover .group-hover\:-translate-y-extra-small,
  .mobile\:group:focus-within .group-focus-within\:-translate-y-extra-small {
    transform: translateY(calc(-1 * var(--padding-extra-small)));
  }
  .mobile\:translate-small,
  .mobile\:hover\:translate-small:hover,
  .mobile\:focus\:translate-small:focus,
  .mobile\:group:hover .group-hover\:translate-small,
  .mobile\:group:focus-within .group-focus-within\:translate-small {
    transform: translate(var(--padding-small), var(--padding-small));
  }
  .mobile\:translate-x-small,
  .mobile\:hover\:translate-x-small:hover,
  .mobile\:focus\:translate-x-small:focus,
  .mobile\:group:hover .group-hover\:translate-x-small,
  .mobile\:group:focus-within .group-focus-within\:translate-x-small {
    transform: translateX(var(--padding-small));
  }
  .mobile\:translate-y-small,
  .mobile\:hover\:translate-y-small:hover,
  .mobile\:focus\:translate-y-small:focus,
  .mobile\:group:hover .group-hover\:translate-y-small,
  .mobile\:group:focus-within .group-focus-within\:translate-y-small {
    transform: translateY(var(--padding-small));
  }
  .mobile\:-translate-small,
  .mobile\:hover\:-translate-small:hover,
  .mobile\:focus\:-translate-small:focus,
  .mobile\:group:hover .group-hover\:-translate-small,
  .mobile\:group:focus-within .group-focus-within\:-translate-small {
    transform: translate(calc(-1 * var(--padding-small)), calc(-1 * var(--padding-small)));
  }
  .mobile\:-translate-x-small,
  .mobile\:hover\:-translate-x-small:hover,
  .mobile\:focus\:-translate-x-small:focus,
  .mobile\:group:hover .group-hover\:-translate-x-small,
  .mobile\:group:focus-within .group-focus-within\:-translate-x-small {
    transform: translateX(calc(-1 * var(--padding-small)));
  }
  .mobile\:-translate-y-small,
  .mobile\:hover\:-translate-y-small:hover,
  .mobile\:focus\:-translate-y-small:focus,
  .mobile\:group:hover .group-hover\:-translate-y-small,
  .mobile\:group:focus-within .group-focus-within\:-translate-y-small {
    transform: translateY(calc(-1 * var(--padding-small)));
  }
  .mobile\:translate-medium,
  .mobile\:hover\:translate-medium:hover,
  .mobile\:focus\:translate-medium:focus,
  .mobile\:group:hover .group-hover\:translate-medium,
  .mobile\:group:focus-within .group-focus-within\:translate-medium {
    transform: translate(var(--padding-medium), var(--padding-medium));
  }
  .mobile\:translate-x-medium,
  .mobile\:hover\:translate-x-medium:hover,
  .mobile\:focus\:translate-x-medium:focus,
  .mobile\:group:hover .group-hover\:translate-x-medium,
  .mobile\:group:focus-within .group-focus-within\:translate-x-medium {
    transform: translateX(var(--padding-medium));
  }
  .mobile\:translate-y-medium,
  .mobile\:hover\:translate-y-medium:hover,
  .mobile\:focus\:translate-y-medium:focus,
  .mobile\:group:hover .group-hover\:translate-y-medium,
  .mobile\:group:focus-within .group-focus-within\:translate-y-medium {
    transform: translateY(var(--padding-medium));
  }
  .mobile\:-translate-medium,
  .mobile\:hover\:-translate-medium:hover,
  .mobile\:focus\:-translate-medium:focus,
  .mobile\:group:hover .group-hover\:-translate-medium,
  .mobile\:group:focus-within .group-focus-within\:-translate-medium {
    transform: translate(calc(-1 * var(--padding-medium)), calc(-1 * var(--padding-medium)));
  }
  .mobile\:-translate-x-medium,
  .mobile\:hover\:-translate-x-medium:hover,
  .mobile\:focus\:-translate-x-medium:focus,
  .mobile\:group:hover .group-hover\:-translate-x-medium,
  .mobile\:group:focus-within .group-focus-within\:-translate-x-medium {
    transform: translateX(calc(-1 * var(--padding-medium)));
  }
  .mobile\:-translate-y-medium,
  .mobile\:hover\:-translate-y-medium:hover,
  .mobile\:focus\:-translate-y-medium:focus,
  .mobile\:group:hover .group-hover\:-translate-y-medium,
  .mobile\:group:focus-within .group-focus-within\:-translate-y-medium {
    transform: translateY(calc(-1 * var(--padding-medium)));
  }
  .mobile\:translate-large,
  .mobile\:hover\:translate-large:hover,
  .mobile\:focus\:translate-large:focus,
  .mobile\:group:hover .group-hover\:translate-large,
  .mobile\:group:focus-within .group-focus-within\:translate-large {
    transform: translate(var(--padding-large), var(--padding-large));
  }
  .mobile\:translate-x-large,
  .mobile\:hover\:translate-x-large:hover,
  .mobile\:focus\:translate-x-large:focus,
  .mobile\:group:hover .group-hover\:translate-x-large,
  .mobile\:group:focus-within .group-focus-within\:translate-x-large {
    transform: translateX(var(--padding-large));
  }
  .mobile\:translate-y-large,
  .mobile\:hover\:translate-y-large:hover,
  .mobile\:focus\:translate-y-large:focus,
  .mobile\:group:hover .group-hover\:translate-y-large,
  .mobile\:group:focus-within .group-focus-within\:translate-y-large {
    transform: translateY(var(--padding-large));
  }
  .mobile\:-translate-large,
  .mobile\:hover\:-translate-large:hover,
  .mobile\:focus\:-translate-large:focus,
  .mobile\:group:hover .group-hover\:-translate-large,
  .mobile\:group:focus-within .group-focus-within\:-translate-large {
    transform: translate(calc(-1 * var(--padding-large)), calc(-1 * var(--padding-large)));
  }
  .mobile\:-translate-x-large,
  .mobile\:hover\:-translate-x-large:hover,
  .mobile\:focus\:-translate-x-large:focus,
  .mobile\:group:hover .group-hover\:-translate-x-large,
  .mobile\:group:focus-within .group-focus-within\:-translate-x-large {
    transform: translateX(calc(-1 * var(--padding-large)));
  }
  .mobile\:-translate-y-large,
  .mobile\:hover\:-translate-y-large:hover,
  .mobile\:focus\:-translate-y-large:focus,
  .mobile\:group:hover .group-hover\:-translate-y-large,
  .mobile\:group:focus-within .group-focus-within\:-translate-y-large {
    transform: translateY(calc(-1 * var(--padding-large)));
  }
  .mobile\:translate-extra-large,
  .mobile\:hover\:translate-extra-large:hover,
  .mobile\:focus\:translate-extra-large:focus,
  .mobile\:group:hover .group-hover\:translate-extra-large,
  .mobile\:group:focus-within .group-focus-within\:translate-extra-large {
    transform: translate(var(--padding-extra-large), var(--padding-extra-large));
  }
  .mobile\:translate-x-extra-large,
  .mobile\:hover\:translate-x-extra-large:hover,
  .mobile\:focus\:translate-x-extra-large:focus,
  .mobile\:group:hover .group-hover\:translate-x-extra-large,
  .mobile\:group:focus-within .group-focus-within\:translate-x-extra-large {
    transform: translateX(var(--padding-extra-large));
  }
  .mobile\:translate-y-extra-large,
  .mobile\:hover\:translate-y-extra-large:hover,
  .mobile\:focus\:translate-y-extra-large:focus,
  .mobile\:group:hover .group-hover\:translate-y-extra-large,
  .mobile\:group:focus-within .group-focus-within\:translate-y-extra-large {
    transform: translateY(var(--padding-extra-large));
  }
  .mobile\:-translate-extra-large,
  .mobile\:hover\:-translate-extra-large:hover,
  .mobile\:focus\:-translate-extra-large:focus,
  .mobile\:group:hover .group-hover\:-translate-extra-large,
  .mobile\:group:focus-within .group-focus-within\:-translate-extra-large {
    transform: translate(calc(-1 * var(--padding-extra-large)), calc(-1 * var(--padding-extra-large)));
  }
  .mobile\:-translate-x-extra-large,
  .mobile\:hover\:-translate-x-extra-large:hover,
  .mobile\:focus\:-translate-x-extra-large:focus,
  .mobile\:group:hover .group-hover\:-translate-x-extra-large,
  .mobile\:group:focus-within .group-focus-within\:-translate-x-extra-large {
    transform: translateX(calc(-1 * var(--padding-extra-large)));
  }
  .mobile\:-translate-y-extra-large,
  .mobile\:hover\:-translate-y-extra-large:hover,
  .mobile\:focus\:-translate-y-extra-large:focus,
  .mobile\:group:hover .group-hover\:-translate-y-extra-large,
  .mobile\:group:focus-within .group-focus-within\:-translate-y-extra-large {
    transform: translateY(calc(-1 * var(--padding-extra-large)));
  }
  .mobile\:translate-huge,
  .mobile\:hover\:translate-huge:hover,
  .mobile\:focus\:translate-huge:focus,
  .mobile\:group:hover .group-hover\:translate-huge,
  .mobile\:group:focus-within .group-focus-within\:translate-huge {
    transform: translate(var(--padding-huge), var(--padding-huge));
  }
  .mobile\:translate-x-huge,
  .mobile\:hover\:translate-x-huge:hover,
  .mobile\:focus\:translate-x-huge:focus,
  .mobile\:group:hover .group-hover\:translate-x-huge,
  .mobile\:group:focus-within .group-focus-within\:translate-x-huge {
    transform: translateX(var(--padding-huge));
  }
  .mobile\:translate-y-huge,
  .mobile\:hover\:translate-y-huge:hover,
  .mobile\:focus\:translate-y-huge:focus,
  .mobile\:group:hover .group-hover\:translate-y-huge,
  .mobile\:group:focus-within .group-focus-within\:translate-y-huge {
    transform: translateY(var(--padding-huge));
  }
  .mobile\:-translate-huge,
  .mobile\:hover\:-translate-huge:hover,
  .mobile\:focus\:-translate-huge:focus,
  .mobile\:group:hover .group-hover\:-translate-huge,
  .mobile\:group:focus-within .group-focus-within\:-translate-huge {
    transform: translate(calc(-1 * var(--padding-huge)), calc(-1 * var(--padding-huge)));
  }
  .mobile\:-translate-x-huge,
  .mobile\:hover\:-translate-x-huge:hover,
  .mobile\:focus\:-translate-x-huge:focus,
  .mobile\:group:hover .group-hover\:-translate-x-huge,
  .mobile\:group:focus-within .group-focus-within\:-translate-x-huge {
    transform: translateX(calc(-1 * var(--padding-huge)));
  }
  .mobile\:-translate-y-huge,
  .mobile\:hover\:-translate-y-huge:hover,
  .mobile\:focus\:-translate-y-huge:focus,
  .mobile\:group:hover .group-hover\:-translate-y-huge,
  .mobile\:group:focus-within .group-focus-within\:-translate-y-huge {
    transform: translateY(calc(-1 * var(--padding-huge)));
  }
  .mobile\:translate-full,
  .mobile\:hover\:translate-full:hover,
  .mobile\:focus\:translate-full:focus,
  .mobile\:group:hover .group-hover\:translate-full,
  .mobile\:group:focus-within .group-focus-within\:translate-full {
    transform: translate(var(--padding-full), var(--padding-full));
  }
  .mobile\:translate-x-full,
  .mobile\:hover\:translate-x-full:hover,
  .mobile\:focus\:translate-x-full:focus,
  .mobile\:group:hover .group-hover\:translate-x-full,
  .mobile\:group:focus-within .group-focus-within\:translate-x-full {
    transform: translateX(var(--padding-full));
  }
  .mobile\:translate-y-full,
  .mobile\:hover\:translate-y-full:hover,
  .mobile\:focus\:translate-y-full:focus,
  .mobile\:group:hover .group-hover\:translate-y-full,
  .mobile\:group:focus-within .group-focus-within\:translate-y-full {
    transform: translateY(var(--padding-full));
  }
  .mobile\:-translate-full,
  .mobile\:hover\:-translate-full:hover,
  .mobile\:focus\:-translate-full:focus,
  .mobile\:group:hover .group-hover\:-translate-full,
  .mobile\:group:focus-within .group-focus-within\:-translate-full {
    transform: translate(calc(-1 * var(--padding-full)), calc(-1 * var(--padding-full)));
  }
  .mobile\:-translate-x-full,
  .mobile\:hover\:-translate-x-full:hover,
  .mobile\:focus\:-translate-x-full:focus,
  .mobile\:group:hover .group-hover\:-translate-x-full,
  .mobile\:group:focus-within .group-focus-within\:-translate-x-full {
    transform: translateX(calc(-1 * var(--padding-full)));
  }
  .mobile\:-translate-y-full,
  .mobile\:hover\:-translate-y-full:hover,
  .mobile\:focus\:-translate-y-full:focus,
  .mobile\:group:hover .group-hover\:-translate-y-full,
  .mobile\:group:focus-within .group-focus-within\:-translate-y-full {
    transform: translateY(calc(-1 * var(--padding-full)));
  }
  .flip-h {
    transform: scaleX(-1);
  }
  .flip-v {
    transform: scaleY(-1);
  }
  .mobile\:-rotate-0,
  .mobile\:hover\:-rotate-0:hover,
  .mobile\:focus\:-rotate-0:focus,
  .mobile\:group:hover .group-hover\:-rotate-0,
  .mobile\:group:focus-within .group-focus-within\:-rotate-0 {
    transform: rotate(-0deg);
  }
  .mobile\:-rotate-1,
  .mobile\:hover\:-rotate-1:hover,
  .mobile\:focus\:-rotate-1:focus,
  .mobile\:group:hover .group-hover\:-rotate-1,
  .mobile\:group:focus-within .group-focus-within\:-rotate-1 {
    transform: rotate(-1deg);
  }
  .mobile\:-rotate-2,
  .mobile\:hover\:-rotate-2:hover,
  .mobile\:focus\:-rotate-2:focus,
  .mobile\:group:hover .group-hover\:-rotate-2,
  .mobile\:group:focus-within .group-focus-within\:-rotate-2 {
    transform: rotate(-2deg);
  }
  .mobile\:-rotate-3,
  .mobile\:hover\:-rotate-3:hover,
  .mobile\:focus\:-rotate-3:focus,
  .mobile\:group:hover .group-hover\:-rotate-3,
  .mobile\:group:focus-within .group-focus-within\:-rotate-3 {
    transform: rotate(-3deg);
  }
  .mobile\:-rotate-4,
  .mobile\:hover\:-rotate-4:hover,
  .mobile\:focus\:-rotate-4:focus,
  .mobile\:group:hover .group-hover\:-rotate-4,
  .mobile\:group:focus-within .group-focus-within\:-rotate-4 {
    transform: rotate(-4deg);
  }
  .mobile\:-rotate-5,
  .mobile\:hover\:-rotate-5:hover,
  .mobile\:focus\:-rotate-5:focus,
  .mobile\:group:hover .group-hover\:-rotate-5,
  .mobile\:group:focus-within .group-focus-within\:-rotate-5 {
    transform: rotate(-5deg);
  }
  .mobile\:-rotate-6,
  .mobile\:hover\:-rotate-6:hover,
  .mobile\:focus\:-rotate-6:focus,
  .mobile\:group:hover .group-hover\:-rotate-6,
  .mobile\:group:focus-within .group-focus-within\:-rotate-6 {
    transform: rotate(-6deg);
  }
  .mobile\:-rotate-7,
  .mobile\:hover\:-rotate-7:hover,
  .mobile\:focus\:-rotate-7:focus,
  .mobile\:group:hover .group-hover\:-rotate-7,
  .mobile\:group:focus-within .group-focus-within\:-rotate-7 {
    transform: rotate(-7deg);
  }
  .mobile\:-rotate-8,
  .mobile\:hover\:-rotate-8:hover,
  .mobile\:focus\:-rotate-8:focus,
  .mobile\:group:hover .group-hover\:-rotate-8,
  .mobile\:group:focus-within .group-focus-within\:-rotate-8 {
    transform: rotate(-8deg);
  }
  .mobile\:-rotate-9,
  .mobile\:hover\:-rotate-9:hover,
  .mobile\:focus\:-rotate-9:focus,
  .mobile\:group:hover .group-hover\:-rotate-9,
  .mobile\:group:focus-within .group-focus-within\:-rotate-9 {
    transform: rotate(-9deg);
  }
  .mobile\:-rotate-10,
  .mobile\:hover\:-rotate-10:hover,
  .mobile\:focus\:-rotate-10:focus,
  .mobile\:group:hover .group-hover\:-rotate-10,
  .mobile\:group:focus-within .group-focus-within\:-rotate-10 {
    transform: rotate(-10deg);
  }
  .mobile\:-rotate-11,
  .mobile\:hover\:-rotate-11:hover,
  .mobile\:focus\:-rotate-11:focus,
  .mobile\:group:hover .group-hover\:-rotate-11,
  .mobile\:group:focus-within .group-focus-within\:-rotate-11 {
    transform: rotate(-11deg);
  }
  .mobile\:-rotate-12,
  .mobile\:hover\:-rotate-12:hover,
  .mobile\:focus\:-rotate-12:focus,
  .mobile\:group:hover .group-hover\:-rotate-12,
  .mobile\:group:focus-within .group-focus-within\:-rotate-12 {
    transform: rotate(-12deg);
  }
  .mobile\:-rotate-13,
  .mobile\:hover\:-rotate-13:hover,
  .mobile\:focus\:-rotate-13:focus,
  .mobile\:group:hover .group-hover\:-rotate-13,
  .mobile\:group:focus-within .group-focus-within\:-rotate-13 {
    transform: rotate(-13deg);
  }
  .mobile\:-rotate-14,
  .mobile\:hover\:-rotate-14:hover,
  .mobile\:focus\:-rotate-14:focus,
  .mobile\:group:hover .group-hover\:-rotate-14,
  .mobile\:group:focus-within .group-focus-within\:-rotate-14 {
    transform: rotate(-14deg);
  }
  .mobile\:-rotate-15,
  .mobile\:hover\:-rotate-15:hover,
  .mobile\:focus\:-rotate-15:focus,
  .mobile\:group:hover .group-hover\:-rotate-15,
  .mobile\:group:focus-within .group-focus-within\:-rotate-15 {
    transform: rotate(-15deg);
  }
  .mobile\:-rotate-16,
  .mobile\:hover\:-rotate-16:hover,
  .mobile\:focus\:-rotate-16:focus,
  .mobile\:group:hover .group-hover\:-rotate-16,
  .mobile\:group:focus-within .group-focus-within\:-rotate-16 {
    transform: rotate(-16deg);
  }
  .mobile\:-rotate-17,
  .mobile\:hover\:-rotate-17:hover,
  .mobile\:focus\:-rotate-17:focus,
  .mobile\:group:hover .group-hover\:-rotate-17,
  .mobile\:group:focus-within .group-focus-within\:-rotate-17 {
    transform: rotate(-17deg);
  }
  .mobile\:-rotate-18,
  .mobile\:hover\:-rotate-18:hover,
  .mobile\:focus\:-rotate-18:focus,
  .mobile\:group:hover .group-hover\:-rotate-18,
  .mobile\:group:focus-within .group-focus-within\:-rotate-18 {
    transform: rotate(-18deg);
  }
  .mobile\:-rotate-19,
  .mobile\:hover\:-rotate-19:hover,
  .mobile\:focus\:-rotate-19:focus,
  .mobile\:group:hover .group-hover\:-rotate-19,
  .mobile\:group:focus-within .group-focus-within\:-rotate-19 {
    transform: rotate(-19deg);
  }
  .mobile\:-rotate-20,
  .mobile\:hover\:-rotate-20:hover,
  .mobile\:focus\:-rotate-20:focus,
  .mobile\:group:hover .group-hover\:-rotate-20,
  .mobile\:group:focus-within .group-focus-within\:-rotate-20 {
    transform: rotate(-20deg);
  }
  .mobile\:-rotate-21,
  .mobile\:hover\:-rotate-21:hover,
  .mobile\:focus\:-rotate-21:focus,
  .mobile\:group:hover .group-hover\:-rotate-21,
  .mobile\:group:focus-within .group-focus-within\:-rotate-21 {
    transform: rotate(-21deg);
  }
  .mobile\:-rotate-22,
  .mobile\:hover\:-rotate-22:hover,
  .mobile\:focus\:-rotate-22:focus,
  .mobile\:group:hover .group-hover\:-rotate-22,
  .mobile\:group:focus-within .group-focus-within\:-rotate-22 {
    transform: rotate(-22deg);
  }
  .mobile\:-rotate-23,
  .mobile\:hover\:-rotate-23:hover,
  .mobile\:focus\:-rotate-23:focus,
  .mobile\:group:hover .group-hover\:-rotate-23,
  .mobile\:group:focus-within .group-focus-within\:-rotate-23 {
    transform: rotate(-23deg);
  }
  .mobile\:-rotate-24,
  .mobile\:hover\:-rotate-24:hover,
  .mobile\:focus\:-rotate-24:focus,
  .mobile\:group:hover .group-hover\:-rotate-24,
  .mobile\:group:focus-within .group-focus-within\:-rotate-24 {
    transform: rotate(-24deg);
  }
  .mobile\:-rotate-25,
  .mobile\:hover\:-rotate-25:hover,
  .mobile\:focus\:-rotate-25:focus,
  .mobile\:group:hover .group-hover\:-rotate-25,
  .mobile\:group:focus-within .group-focus-within\:-rotate-25 {
    transform: rotate(-25deg);
  }
  .mobile\:-rotate-26,
  .mobile\:hover\:-rotate-26:hover,
  .mobile\:focus\:-rotate-26:focus,
  .mobile\:group:hover .group-hover\:-rotate-26,
  .mobile\:group:focus-within .group-focus-within\:-rotate-26 {
    transform: rotate(-26deg);
  }
  .mobile\:-rotate-27,
  .mobile\:hover\:-rotate-27:hover,
  .mobile\:focus\:-rotate-27:focus,
  .mobile\:group:hover .group-hover\:-rotate-27,
  .mobile\:group:focus-within .group-focus-within\:-rotate-27 {
    transform: rotate(-27deg);
  }
  .mobile\:-rotate-28,
  .mobile\:hover\:-rotate-28:hover,
  .mobile\:focus\:-rotate-28:focus,
  .mobile\:group:hover .group-hover\:-rotate-28,
  .mobile\:group:focus-within .group-focus-within\:-rotate-28 {
    transform: rotate(-28deg);
  }
  .mobile\:-rotate-29,
  .mobile\:hover\:-rotate-29:hover,
  .mobile\:focus\:-rotate-29:focus,
  .mobile\:group:hover .group-hover\:-rotate-29,
  .mobile\:group:focus-within .group-focus-within\:-rotate-29 {
    transform: rotate(-29deg);
  }
  .mobile\:-rotate-30,
  .mobile\:hover\:-rotate-30:hover,
  .mobile\:focus\:-rotate-30:focus,
  .mobile\:group:hover .group-hover\:-rotate-30,
  .mobile\:group:focus-within .group-focus-within\:-rotate-30 {
    transform: rotate(-30deg);
  }
  .mobile\:-rotate-31,
  .mobile\:hover\:-rotate-31:hover,
  .mobile\:focus\:-rotate-31:focus,
  .mobile\:group:hover .group-hover\:-rotate-31,
  .mobile\:group:focus-within .group-focus-within\:-rotate-31 {
    transform: rotate(-31deg);
  }
  .mobile\:-rotate-32,
  .mobile\:hover\:-rotate-32:hover,
  .mobile\:focus\:-rotate-32:focus,
  .mobile\:group:hover .group-hover\:-rotate-32,
  .mobile\:group:focus-within .group-focus-within\:-rotate-32 {
    transform: rotate(-32deg);
  }
  .mobile\:-rotate-33,
  .mobile\:hover\:-rotate-33:hover,
  .mobile\:focus\:-rotate-33:focus,
  .mobile\:group:hover .group-hover\:-rotate-33,
  .mobile\:group:focus-within .group-focus-within\:-rotate-33 {
    transform: rotate(-33deg);
  }
  .mobile\:-rotate-34,
  .mobile\:hover\:-rotate-34:hover,
  .mobile\:focus\:-rotate-34:focus,
  .mobile\:group:hover .group-hover\:-rotate-34,
  .mobile\:group:focus-within .group-focus-within\:-rotate-34 {
    transform: rotate(-34deg);
  }
  .mobile\:-rotate-35,
  .mobile\:hover\:-rotate-35:hover,
  .mobile\:focus\:-rotate-35:focus,
  .mobile\:group:hover .group-hover\:-rotate-35,
  .mobile\:group:focus-within .group-focus-within\:-rotate-35 {
    transform: rotate(-35deg);
  }
  .mobile\:-rotate-36,
  .mobile\:hover\:-rotate-36:hover,
  .mobile\:focus\:-rotate-36:focus,
  .mobile\:group:hover .group-hover\:-rotate-36,
  .mobile\:group:focus-within .group-focus-within\:-rotate-36 {
    transform: rotate(-36deg);
  }
  .mobile\:-rotate-37,
  .mobile\:hover\:-rotate-37:hover,
  .mobile\:focus\:-rotate-37:focus,
  .mobile\:group:hover .group-hover\:-rotate-37,
  .mobile\:group:focus-within .group-focus-within\:-rotate-37 {
    transform: rotate(-37deg);
  }
  .mobile\:-rotate-38,
  .mobile\:hover\:-rotate-38:hover,
  .mobile\:focus\:-rotate-38:focus,
  .mobile\:group:hover .group-hover\:-rotate-38,
  .mobile\:group:focus-within .group-focus-within\:-rotate-38 {
    transform: rotate(-38deg);
  }
  .mobile\:-rotate-39,
  .mobile\:hover\:-rotate-39:hover,
  .mobile\:focus\:-rotate-39:focus,
  .mobile\:group:hover .group-hover\:-rotate-39,
  .mobile\:group:focus-within .group-focus-within\:-rotate-39 {
    transform: rotate(-39deg);
  }
  .mobile\:-rotate-40,
  .mobile\:hover\:-rotate-40:hover,
  .mobile\:focus\:-rotate-40:focus,
  .mobile\:group:hover .group-hover\:-rotate-40,
  .mobile\:group:focus-within .group-focus-within\:-rotate-40 {
    transform: rotate(-40deg);
  }
  .mobile\:-rotate-41,
  .mobile\:hover\:-rotate-41:hover,
  .mobile\:focus\:-rotate-41:focus,
  .mobile\:group:hover .group-hover\:-rotate-41,
  .mobile\:group:focus-within .group-focus-within\:-rotate-41 {
    transform: rotate(-41deg);
  }
  .mobile\:-rotate-42,
  .mobile\:hover\:-rotate-42:hover,
  .mobile\:focus\:-rotate-42:focus,
  .mobile\:group:hover .group-hover\:-rotate-42,
  .mobile\:group:focus-within .group-focus-within\:-rotate-42 {
    transform: rotate(-42deg);
  }
  .mobile\:-rotate-43,
  .mobile\:hover\:-rotate-43:hover,
  .mobile\:focus\:-rotate-43:focus,
  .mobile\:group:hover .group-hover\:-rotate-43,
  .mobile\:group:focus-within .group-focus-within\:-rotate-43 {
    transform: rotate(-43deg);
  }
  .mobile\:-rotate-44,
  .mobile\:hover\:-rotate-44:hover,
  .mobile\:focus\:-rotate-44:focus,
  .mobile\:group:hover .group-hover\:-rotate-44,
  .mobile\:group:focus-within .group-focus-within\:-rotate-44 {
    transform: rotate(-44deg);
  }
  .mobile\:-rotate-45,
  .mobile\:hover\:-rotate-45:hover,
  .mobile\:focus\:-rotate-45:focus,
  .mobile\:group:hover .group-hover\:-rotate-45,
  .mobile\:group:focus-within .group-focus-within\:-rotate-45 {
    transform: rotate(-45deg);
  }
  .mobile\:-rotate-46,
  .mobile\:hover\:-rotate-46:hover,
  .mobile\:focus\:-rotate-46:focus,
  .mobile\:group:hover .group-hover\:-rotate-46,
  .mobile\:group:focus-within .group-focus-within\:-rotate-46 {
    transform: rotate(-46deg);
  }
  .mobile\:-rotate-47,
  .mobile\:hover\:-rotate-47:hover,
  .mobile\:focus\:-rotate-47:focus,
  .mobile\:group:hover .group-hover\:-rotate-47,
  .mobile\:group:focus-within .group-focus-within\:-rotate-47 {
    transform: rotate(-47deg);
  }
  .mobile\:-rotate-48,
  .mobile\:hover\:-rotate-48:hover,
  .mobile\:focus\:-rotate-48:focus,
  .mobile\:group:hover .group-hover\:-rotate-48,
  .mobile\:group:focus-within .group-focus-within\:-rotate-48 {
    transform: rotate(-48deg);
  }
  .mobile\:-rotate-49,
  .mobile\:hover\:-rotate-49:hover,
  .mobile\:focus\:-rotate-49:focus,
  .mobile\:group:hover .group-hover\:-rotate-49,
  .mobile\:group:focus-within .group-focus-within\:-rotate-49 {
    transform: rotate(-49deg);
  }
  .mobile\:-rotate-50,
  .mobile\:hover\:-rotate-50:hover,
  .mobile\:focus\:-rotate-50:focus,
  .mobile\:group:hover .group-hover\:-rotate-50,
  .mobile\:group:focus-within .group-focus-within\:-rotate-50 {
    transform: rotate(-50deg);
  }
  .mobile\:-rotate-51,
  .mobile\:hover\:-rotate-51:hover,
  .mobile\:focus\:-rotate-51:focus,
  .mobile\:group:hover .group-hover\:-rotate-51,
  .mobile\:group:focus-within .group-focus-within\:-rotate-51 {
    transform: rotate(-51deg);
  }
  .mobile\:-rotate-52,
  .mobile\:hover\:-rotate-52:hover,
  .mobile\:focus\:-rotate-52:focus,
  .mobile\:group:hover .group-hover\:-rotate-52,
  .mobile\:group:focus-within .group-focus-within\:-rotate-52 {
    transform: rotate(-52deg);
  }
  .mobile\:-rotate-53,
  .mobile\:hover\:-rotate-53:hover,
  .mobile\:focus\:-rotate-53:focus,
  .mobile\:group:hover .group-hover\:-rotate-53,
  .mobile\:group:focus-within .group-focus-within\:-rotate-53 {
    transform: rotate(-53deg);
  }
  .mobile\:-rotate-54,
  .mobile\:hover\:-rotate-54:hover,
  .mobile\:focus\:-rotate-54:focus,
  .mobile\:group:hover .group-hover\:-rotate-54,
  .mobile\:group:focus-within .group-focus-within\:-rotate-54 {
    transform: rotate(-54deg);
  }
  .mobile\:-rotate-55,
  .mobile\:hover\:-rotate-55:hover,
  .mobile\:focus\:-rotate-55:focus,
  .mobile\:group:hover .group-hover\:-rotate-55,
  .mobile\:group:focus-within .group-focus-within\:-rotate-55 {
    transform: rotate(-55deg);
  }
  .mobile\:-rotate-56,
  .mobile\:hover\:-rotate-56:hover,
  .mobile\:focus\:-rotate-56:focus,
  .mobile\:group:hover .group-hover\:-rotate-56,
  .mobile\:group:focus-within .group-focus-within\:-rotate-56 {
    transform: rotate(-56deg);
  }
  .mobile\:-rotate-57,
  .mobile\:hover\:-rotate-57:hover,
  .mobile\:focus\:-rotate-57:focus,
  .mobile\:group:hover .group-hover\:-rotate-57,
  .mobile\:group:focus-within .group-focus-within\:-rotate-57 {
    transform: rotate(-57deg);
  }
  .mobile\:-rotate-58,
  .mobile\:hover\:-rotate-58:hover,
  .mobile\:focus\:-rotate-58:focus,
  .mobile\:group:hover .group-hover\:-rotate-58,
  .mobile\:group:focus-within .group-focus-within\:-rotate-58 {
    transform: rotate(-58deg);
  }
  .mobile\:-rotate-59,
  .mobile\:hover\:-rotate-59:hover,
  .mobile\:focus\:-rotate-59:focus,
  .mobile\:group:hover .group-hover\:-rotate-59,
  .mobile\:group:focus-within .group-focus-within\:-rotate-59 {
    transform: rotate(-59deg);
  }
  .mobile\:-rotate-60,
  .mobile\:hover\:-rotate-60:hover,
  .mobile\:focus\:-rotate-60:focus,
  .mobile\:group:hover .group-hover\:-rotate-60,
  .mobile\:group:focus-within .group-focus-within\:-rotate-60 {
    transform: rotate(-60deg);
  }
  .mobile\:-rotate-61,
  .mobile\:hover\:-rotate-61:hover,
  .mobile\:focus\:-rotate-61:focus,
  .mobile\:group:hover .group-hover\:-rotate-61,
  .mobile\:group:focus-within .group-focus-within\:-rotate-61 {
    transform: rotate(-61deg);
  }
  .mobile\:-rotate-62,
  .mobile\:hover\:-rotate-62:hover,
  .mobile\:focus\:-rotate-62:focus,
  .mobile\:group:hover .group-hover\:-rotate-62,
  .mobile\:group:focus-within .group-focus-within\:-rotate-62 {
    transform: rotate(-62deg);
  }
  .mobile\:-rotate-63,
  .mobile\:hover\:-rotate-63:hover,
  .mobile\:focus\:-rotate-63:focus,
  .mobile\:group:hover .group-hover\:-rotate-63,
  .mobile\:group:focus-within .group-focus-within\:-rotate-63 {
    transform: rotate(-63deg);
  }
  .mobile\:-rotate-64,
  .mobile\:hover\:-rotate-64:hover,
  .mobile\:focus\:-rotate-64:focus,
  .mobile\:group:hover .group-hover\:-rotate-64,
  .mobile\:group:focus-within .group-focus-within\:-rotate-64 {
    transform: rotate(-64deg);
  }
  .mobile\:-rotate-65,
  .mobile\:hover\:-rotate-65:hover,
  .mobile\:focus\:-rotate-65:focus,
  .mobile\:group:hover .group-hover\:-rotate-65,
  .mobile\:group:focus-within .group-focus-within\:-rotate-65 {
    transform: rotate(-65deg);
  }
  .mobile\:-rotate-66,
  .mobile\:hover\:-rotate-66:hover,
  .mobile\:focus\:-rotate-66:focus,
  .mobile\:group:hover .group-hover\:-rotate-66,
  .mobile\:group:focus-within .group-focus-within\:-rotate-66 {
    transform: rotate(-66deg);
  }
  .mobile\:-rotate-67,
  .mobile\:hover\:-rotate-67:hover,
  .mobile\:focus\:-rotate-67:focus,
  .mobile\:group:hover .group-hover\:-rotate-67,
  .mobile\:group:focus-within .group-focus-within\:-rotate-67 {
    transform: rotate(-67deg);
  }
  .mobile\:-rotate-68,
  .mobile\:hover\:-rotate-68:hover,
  .mobile\:focus\:-rotate-68:focus,
  .mobile\:group:hover .group-hover\:-rotate-68,
  .mobile\:group:focus-within .group-focus-within\:-rotate-68 {
    transform: rotate(-68deg);
  }
  .mobile\:-rotate-69,
  .mobile\:hover\:-rotate-69:hover,
  .mobile\:focus\:-rotate-69:focus,
  .mobile\:group:hover .group-hover\:-rotate-69,
  .mobile\:group:focus-within .group-focus-within\:-rotate-69 {
    transform: rotate(-69deg);
  }
  .mobile\:-rotate-70,
  .mobile\:hover\:-rotate-70:hover,
  .mobile\:focus\:-rotate-70:focus,
  .mobile\:group:hover .group-hover\:-rotate-70,
  .mobile\:group:focus-within .group-focus-within\:-rotate-70 {
    transform: rotate(-70deg);
  }
  .mobile\:-rotate-71,
  .mobile\:hover\:-rotate-71:hover,
  .mobile\:focus\:-rotate-71:focus,
  .mobile\:group:hover .group-hover\:-rotate-71,
  .mobile\:group:focus-within .group-focus-within\:-rotate-71 {
    transform: rotate(-71deg);
  }
  .mobile\:-rotate-72,
  .mobile\:hover\:-rotate-72:hover,
  .mobile\:focus\:-rotate-72:focus,
  .mobile\:group:hover .group-hover\:-rotate-72,
  .mobile\:group:focus-within .group-focus-within\:-rotate-72 {
    transform: rotate(-72deg);
  }
  .mobile\:-rotate-73,
  .mobile\:hover\:-rotate-73:hover,
  .mobile\:focus\:-rotate-73:focus,
  .mobile\:group:hover .group-hover\:-rotate-73,
  .mobile\:group:focus-within .group-focus-within\:-rotate-73 {
    transform: rotate(-73deg);
  }
  .mobile\:-rotate-74,
  .mobile\:hover\:-rotate-74:hover,
  .mobile\:focus\:-rotate-74:focus,
  .mobile\:group:hover .group-hover\:-rotate-74,
  .mobile\:group:focus-within .group-focus-within\:-rotate-74 {
    transform: rotate(-74deg);
  }
  .mobile\:-rotate-75,
  .mobile\:hover\:-rotate-75:hover,
  .mobile\:focus\:-rotate-75:focus,
  .mobile\:group:hover .group-hover\:-rotate-75,
  .mobile\:group:focus-within .group-focus-within\:-rotate-75 {
    transform: rotate(-75deg);
  }
  .mobile\:-rotate-76,
  .mobile\:hover\:-rotate-76:hover,
  .mobile\:focus\:-rotate-76:focus,
  .mobile\:group:hover .group-hover\:-rotate-76,
  .mobile\:group:focus-within .group-focus-within\:-rotate-76 {
    transform: rotate(-76deg);
  }
  .mobile\:-rotate-77,
  .mobile\:hover\:-rotate-77:hover,
  .mobile\:focus\:-rotate-77:focus,
  .mobile\:group:hover .group-hover\:-rotate-77,
  .mobile\:group:focus-within .group-focus-within\:-rotate-77 {
    transform: rotate(-77deg);
  }
  .mobile\:-rotate-78,
  .mobile\:hover\:-rotate-78:hover,
  .mobile\:focus\:-rotate-78:focus,
  .mobile\:group:hover .group-hover\:-rotate-78,
  .mobile\:group:focus-within .group-focus-within\:-rotate-78 {
    transform: rotate(-78deg);
  }
  .mobile\:-rotate-79,
  .mobile\:hover\:-rotate-79:hover,
  .mobile\:focus\:-rotate-79:focus,
  .mobile\:group:hover .group-hover\:-rotate-79,
  .mobile\:group:focus-within .group-focus-within\:-rotate-79 {
    transform: rotate(-79deg);
  }
  .mobile\:-rotate-80,
  .mobile\:hover\:-rotate-80:hover,
  .mobile\:focus\:-rotate-80:focus,
  .mobile\:group:hover .group-hover\:-rotate-80,
  .mobile\:group:focus-within .group-focus-within\:-rotate-80 {
    transform: rotate(-80deg);
  }
  .mobile\:-rotate-81,
  .mobile\:hover\:-rotate-81:hover,
  .mobile\:focus\:-rotate-81:focus,
  .mobile\:group:hover .group-hover\:-rotate-81,
  .mobile\:group:focus-within .group-focus-within\:-rotate-81 {
    transform: rotate(-81deg);
  }
  .mobile\:-rotate-82,
  .mobile\:hover\:-rotate-82:hover,
  .mobile\:focus\:-rotate-82:focus,
  .mobile\:group:hover .group-hover\:-rotate-82,
  .mobile\:group:focus-within .group-focus-within\:-rotate-82 {
    transform: rotate(-82deg);
  }
  .mobile\:-rotate-83,
  .mobile\:hover\:-rotate-83:hover,
  .mobile\:focus\:-rotate-83:focus,
  .mobile\:group:hover .group-hover\:-rotate-83,
  .mobile\:group:focus-within .group-focus-within\:-rotate-83 {
    transform: rotate(-83deg);
  }
  .mobile\:-rotate-84,
  .mobile\:hover\:-rotate-84:hover,
  .mobile\:focus\:-rotate-84:focus,
  .mobile\:group:hover .group-hover\:-rotate-84,
  .mobile\:group:focus-within .group-focus-within\:-rotate-84 {
    transform: rotate(-84deg);
  }
  .mobile\:-rotate-85,
  .mobile\:hover\:-rotate-85:hover,
  .mobile\:focus\:-rotate-85:focus,
  .mobile\:group:hover .group-hover\:-rotate-85,
  .mobile\:group:focus-within .group-focus-within\:-rotate-85 {
    transform: rotate(-85deg);
  }
  .mobile\:-rotate-86,
  .mobile\:hover\:-rotate-86:hover,
  .mobile\:focus\:-rotate-86:focus,
  .mobile\:group:hover .group-hover\:-rotate-86,
  .mobile\:group:focus-within .group-focus-within\:-rotate-86 {
    transform: rotate(-86deg);
  }
  .mobile\:-rotate-87,
  .mobile\:hover\:-rotate-87:hover,
  .mobile\:focus\:-rotate-87:focus,
  .mobile\:group:hover .group-hover\:-rotate-87,
  .mobile\:group:focus-within .group-focus-within\:-rotate-87 {
    transform: rotate(-87deg);
  }
  .mobile\:-rotate-88,
  .mobile\:hover\:-rotate-88:hover,
  .mobile\:focus\:-rotate-88:focus,
  .mobile\:group:hover .group-hover\:-rotate-88,
  .mobile\:group:focus-within .group-focus-within\:-rotate-88 {
    transform: rotate(-88deg);
  }
  .mobile\:-rotate-89,
  .mobile\:hover\:-rotate-89:hover,
  .mobile\:focus\:-rotate-89:focus,
  .mobile\:group:hover .group-hover\:-rotate-89,
  .mobile\:group:focus-within .group-focus-within\:-rotate-89 {
    transform: rotate(-89deg);
  }
  .mobile\:-rotate-90,
  .mobile\:hover\:-rotate-90:hover,
  .mobile\:focus\:-rotate-90:focus,
  .mobile\:group:hover .group-hover\:-rotate-90,
  .mobile\:group:focus-within .group-focus-within\:-rotate-90 {
    transform: rotate(-90deg);
  }
  .mobile\:-rotate-91,
  .mobile\:hover\:-rotate-91:hover,
  .mobile\:focus\:-rotate-91:focus,
  .mobile\:group:hover .group-hover\:-rotate-91,
  .mobile\:group:focus-within .group-focus-within\:-rotate-91 {
    transform: rotate(-91deg);
  }
  .mobile\:-rotate-92,
  .mobile\:hover\:-rotate-92:hover,
  .mobile\:focus\:-rotate-92:focus,
  .mobile\:group:hover .group-hover\:-rotate-92,
  .mobile\:group:focus-within .group-focus-within\:-rotate-92 {
    transform: rotate(-92deg);
  }
  .mobile\:-rotate-93,
  .mobile\:hover\:-rotate-93:hover,
  .mobile\:focus\:-rotate-93:focus,
  .mobile\:group:hover .group-hover\:-rotate-93,
  .mobile\:group:focus-within .group-focus-within\:-rotate-93 {
    transform: rotate(-93deg);
  }
  .mobile\:-rotate-94,
  .mobile\:hover\:-rotate-94:hover,
  .mobile\:focus\:-rotate-94:focus,
  .mobile\:group:hover .group-hover\:-rotate-94,
  .mobile\:group:focus-within .group-focus-within\:-rotate-94 {
    transform: rotate(-94deg);
  }
  .mobile\:-rotate-95,
  .mobile\:hover\:-rotate-95:hover,
  .mobile\:focus\:-rotate-95:focus,
  .mobile\:group:hover .group-hover\:-rotate-95,
  .mobile\:group:focus-within .group-focus-within\:-rotate-95 {
    transform: rotate(-95deg);
  }
  .mobile\:-rotate-96,
  .mobile\:hover\:-rotate-96:hover,
  .mobile\:focus\:-rotate-96:focus,
  .mobile\:group:hover .group-hover\:-rotate-96,
  .mobile\:group:focus-within .group-focus-within\:-rotate-96 {
    transform: rotate(-96deg);
  }
  .mobile\:-rotate-97,
  .mobile\:hover\:-rotate-97:hover,
  .mobile\:focus\:-rotate-97:focus,
  .mobile\:group:hover .group-hover\:-rotate-97,
  .mobile\:group:focus-within .group-focus-within\:-rotate-97 {
    transform: rotate(-97deg);
  }
  .mobile\:-rotate-98,
  .mobile\:hover\:-rotate-98:hover,
  .mobile\:focus\:-rotate-98:focus,
  .mobile\:group:hover .group-hover\:-rotate-98,
  .mobile\:group:focus-within .group-focus-within\:-rotate-98 {
    transform: rotate(-98deg);
  }
  .mobile\:-rotate-99,
  .mobile\:hover\:-rotate-99:hover,
  .mobile\:focus\:-rotate-99:focus,
  .mobile\:group:hover .group-hover\:-rotate-99,
  .mobile\:group:focus-within .group-focus-within\:-rotate-99 {
    transform: rotate(-99deg);
  }
  .mobile\:-rotate-100,
  .mobile\:hover\:-rotate-100:hover,
  .mobile\:focus\:-rotate-100:focus,
  .mobile\:group:hover .group-hover\:-rotate-100,
  .mobile\:group:focus-within .group-focus-within\:-rotate-100 {
    transform: rotate(-100deg);
  }
  .mobile\:-rotate-101,
  .mobile\:hover\:-rotate-101:hover,
  .mobile\:focus\:-rotate-101:focus,
  .mobile\:group:hover .group-hover\:-rotate-101,
  .mobile\:group:focus-within .group-focus-within\:-rotate-101 {
    transform: rotate(-101deg);
  }
  .mobile\:-rotate-102,
  .mobile\:hover\:-rotate-102:hover,
  .mobile\:focus\:-rotate-102:focus,
  .mobile\:group:hover .group-hover\:-rotate-102,
  .mobile\:group:focus-within .group-focus-within\:-rotate-102 {
    transform: rotate(-102deg);
  }
  .mobile\:-rotate-103,
  .mobile\:hover\:-rotate-103:hover,
  .mobile\:focus\:-rotate-103:focus,
  .mobile\:group:hover .group-hover\:-rotate-103,
  .mobile\:group:focus-within .group-focus-within\:-rotate-103 {
    transform: rotate(-103deg);
  }
  .mobile\:-rotate-104,
  .mobile\:hover\:-rotate-104:hover,
  .mobile\:focus\:-rotate-104:focus,
  .mobile\:group:hover .group-hover\:-rotate-104,
  .mobile\:group:focus-within .group-focus-within\:-rotate-104 {
    transform: rotate(-104deg);
  }
  .mobile\:-rotate-105,
  .mobile\:hover\:-rotate-105:hover,
  .mobile\:focus\:-rotate-105:focus,
  .mobile\:group:hover .group-hover\:-rotate-105,
  .mobile\:group:focus-within .group-focus-within\:-rotate-105 {
    transform: rotate(-105deg);
  }
  .mobile\:-rotate-106,
  .mobile\:hover\:-rotate-106:hover,
  .mobile\:focus\:-rotate-106:focus,
  .mobile\:group:hover .group-hover\:-rotate-106,
  .mobile\:group:focus-within .group-focus-within\:-rotate-106 {
    transform: rotate(-106deg);
  }
  .mobile\:-rotate-107,
  .mobile\:hover\:-rotate-107:hover,
  .mobile\:focus\:-rotate-107:focus,
  .mobile\:group:hover .group-hover\:-rotate-107,
  .mobile\:group:focus-within .group-focus-within\:-rotate-107 {
    transform: rotate(-107deg);
  }
  .mobile\:-rotate-108,
  .mobile\:hover\:-rotate-108:hover,
  .mobile\:focus\:-rotate-108:focus,
  .mobile\:group:hover .group-hover\:-rotate-108,
  .mobile\:group:focus-within .group-focus-within\:-rotate-108 {
    transform: rotate(-108deg);
  }
  .mobile\:-rotate-109,
  .mobile\:hover\:-rotate-109:hover,
  .mobile\:focus\:-rotate-109:focus,
  .mobile\:group:hover .group-hover\:-rotate-109,
  .mobile\:group:focus-within .group-focus-within\:-rotate-109 {
    transform: rotate(-109deg);
  }
  .mobile\:-rotate-110,
  .mobile\:hover\:-rotate-110:hover,
  .mobile\:focus\:-rotate-110:focus,
  .mobile\:group:hover .group-hover\:-rotate-110,
  .mobile\:group:focus-within .group-focus-within\:-rotate-110 {
    transform: rotate(-110deg);
  }
  .mobile\:-rotate-111,
  .mobile\:hover\:-rotate-111:hover,
  .mobile\:focus\:-rotate-111:focus,
  .mobile\:group:hover .group-hover\:-rotate-111,
  .mobile\:group:focus-within .group-focus-within\:-rotate-111 {
    transform: rotate(-111deg);
  }
  .mobile\:-rotate-112,
  .mobile\:hover\:-rotate-112:hover,
  .mobile\:focus\:-rotate-112:focus,
  .mobile\:group:hover .group-hover\:-rotate-112,
  .mobile\:group:focus-within .group-focus-within\:-rotate-112 {
    transform: rotate(-112deg);
  }
  .mobile\:-rotate-113,
  .mobile\:hover\:-rotate-113:hover,
  .mobile\:focus\:-rotate-113:focus,
  .mobile\:group:hover .group-hover\:-rotate-113,
  .mobile\:group:focus-within .group-focus-within\:-rotate-113 {
    transform: rotate(-113deg);
  }
  .mobile\:-rotate-114,
  .mobile\:hover\:-rotate-114:hover,
  .mobile\:focus\:-rotate-114:focus,
  .mobile\:group:hover .group-hover\:-rotate-114,
  .mobile\:group:focus-within .group-focus-within\:-rotate-114 {
    transform: rotate(-114deg);
  }
  .mobile\:-rotate-115,
  .mobile\:hover\:-rotate-115:hover,
  .mobile\:focus\:-rotate-115:focus,
  .mobile\:group:hover .group-hover\:-rotate-115,
  .mobile\:group:focus-within .group-focus-within\:-rotate-115 {
    transform: rotate(-115deg);
  }
  .mobile\:-rotate-116,
  .mobile\:hover\:-rotate-116:hover,
  .mobile\:focus\:-rotate-116:focus,
  .mobile\:group:hover .group-hover\:-rotate-116,
  .mobile\:group:focus-within .group-focus-within\:-rotate-116 {
    transform: rotate(-116deg);
  }
  .mobile\:-rotate-117,
  .mobile\:hover\:-rotate-117:hover,
  .mobile\:focus\:-rotate-117:focus,
  .mobile\:group:hover .group-hover\:-rotate-117,
  .mobile\:group:focus-within .group-focus-within\:-rotate-117 {
    transform: rotate(-117deg);
  }
  .mobile\:-rotate-118,
  .mobile\:hover\:-rotate-118:hover,
  .mobile\:focus\:-rotate-118:focus,
  .mobile\:group:hover .group-hover\:-rotate-118,
  .mobile\:group:focus-within .group-focus-within\:-rotate-118 {
    transform: rotate(-118deg);
  }
  .mobile\:-rotate-119,
  .mobile\:hover\:-rotate-119:hover,
  .mobile\:focus\:-rotate-119:focus,
  .mobile\:group:hover .group-hover\:-rotate-119,
  .mobile\:group:focus-within .group-focus-within\:-rotate-119 {
    transform: rotate(-119deg);
  }
  .mobile\:-rotate-120,
  .mobile\:hover\:-rotate-120:hover,
  .mobile\:focus\:-rotate-120:focus,
  .mobile\:group:hover .group-hover\:-rotate-120,
  .mobile\:group:focus-within .group-focus-within\:-rotate-120 {
    transform: rotate(-120deg);
  }
  .mobile\:-rotate-121,
  .mobile\:hover\:-rotate-121:hover,
  .mobile\:focus\:-rotate-121:focus,
  .mobile\:group:hover .group-hover\:-rotate-121,
  .mobile\:group:focus-within .group-focus-within\:-rotate-121 {
    transform: rotate(-121deg);
  }
  .mobile\:-rotate-122,
  .mobile\:hover\:-rotate-122:hover,
  .mobile\:focus\:-rotate-122:focus,
  .mobile\:group:hover .group-hover\:-rotate-122,
  .mobile\:group:focus-within .group-focus-within\:-rotate-122 {
    transform: rotate(-122deg);
  }
  .mobile\:-rotate-123,
  .mobile\:hover\:-rotate-123:hover,
  .mobile\:focus\:-rotate-123:focus,
  .mobile\:group:hover .group-hover\:-rotate-123,
  .mobile\:group:focus-within .group-focus-within\:-rotate-123 {
    transform: rotate(-123deg);
  }
  .mobile\:-rotate-124,
  .mobile\:hover\:-rotate-124:hover,
  .mobile\:focus\:-rotate-124:focus,
  .mobile\:group:hover .group-hover\:-rotate-124,
  .mobile\:group:focus-within .group-focus-within\:-rotate-124 {
    transform: rotate(-124deg);
  }
  .mobile\:-rotate-125,
  .mobile\:hover\:-rotate-125:hover,
  .mobile\:focus\:-rotate-125:focus,
  .mobile\:group:hover .group-hover\:-rotate-125,
  .mobile\:group:focus-within .group-focus-within\:-rotate-125 {
    transform: rotate(-125deg);
  }
  .mobile\:-rotate-126,
  .mobile\:hover\:-rotate-126:hover,
  .mobile\:focus\:-rotate-126:focus,
  .mobile\:group:hover .group-hover\:-rotate-126,
  .mobile\:group:focus-within .group-focus-within\:-rotate-126 {
    transform: rotate(-126deg);
  }
  .mobile\:-rotate-127,
  .mobile\:hover\:-rotate-127:hover,
  .mobile\:focus\:-rotate-127:focus,
  .mobile\:group:hover .group-hover\:-rotate-127,
  .mobile\:group:focus-within .group-focus-within\:-rotate-127 {
    transform: rotate(-127deg);
  }
  .mobile\:-rotate-128,
  .mobile\:hover\:-rotate-128:hover,
  .mobile\:focus\:-rotate-128:focus,
  .mobile\:group:hover .group-hover\:-rotate-128,
  .mobile\:group:focus-within .group-focus-within\:-rotate-128 {
    transform: rotate(-128deg);
  }
  .mobile\:-rotate-129,
  .mobile\:hover\:-rotate-129:hover,
  .mobile\:focus\:-rotate-129:focus,
  .mobile\:group:hover .group-hover\:-rotate-129,
  .mobile\:group:focus-within .group-focus-within\:-rotate-129 {
    transform: rotate(-129deg);
  }
  .mobile\:-rotate-130,
  .mobile\:hover\:-rotate-130:hover,
  .mobile\:focus\:-rotate-130:focus,
  .mobile\:group:hover .group-hover\:-rotate-130,
  .mobile\:group:focus-within .group-focus-within\:-rotate-130 {
    transform: rotate(-130deg);
  }
  .mobile\:-rotate-131,
  .mobile\:hover\:-rotate-131:hover,
  .mobile\:focus\:-rotate-131:focus,
  .mobile\:group:hover .group-hover\:-rotate-131,
  .mobile\:group:focus-within .group-focus-within\:-rotate-131 {
    transform: rotate(-131deg);
  }
  .mobile\:-rotate-132,
  .mobile\:hover\:-rotate-132:hover,
  .mobile\:focus\:-rotate-132:focus,
  .mobile\:group:hover .group-hover\:-rotate-132,
  .mobile\:group:focus-within .group-focus-within\:-rotate-132 {
    transform: rotate(-132deg);
  }
  .mobile\:-rotate-133,
  .mobile\:hover\:-rotate-133:hover,
  .mobile\:focus\:-rotate-133:focus,
  .mobile\:group:hover .group-hover\:-rotate-133,
  .mobile\:group:focus-within .group-focus-within\:-rotate-133 {
    transform: rotate(-133deg);
  }
  .mobile\:-rotate-134,
  .mobile\:hover\:-rotate-134:hover,
  .mobile\:focus\:-rotate-134:focus,
  .mobile\:group:hover .group-hover\:-rotate-134,
  .mobile\:group:focus-within .group-focus-within\:-rotate-134 {
    transform: rotate(-134deg);
  }
  .mobile\:-rotate-135,
  .mobile\:hover\:-rotate-135:hover,
  .mobile\:focus\:-rotate-135:focus,
  .mobile\:group:hover .group-hover\:-rotate-135,
  .mobile\:group:focus-within .group-focus-within\:-rotate-135 {
    transform: rotate(-135deg);
  }
  .mobile\:-rotate-136,
  .mobile\:hover\:-rotate-136:hover,
  .mobile\:focus\:-rotate-136:focus,
  .mobile\:group:hover .group-hover\:-rotate-136,
  .mobile\:group:focus-within .group-focus-within\:-rotate-136 {
    transform: rotate(-136deg);
  }
  .mobile\:-rotate-137,
  .mobile\:hover\:-rotate-137:hover,
  .mobile\:focus\:-rotate-137:focus,
  .mobile\:group:hover .group-hover\:-rotate-137,
  .mobile\:group:focus-within .group-focus-within\:-rotate-137 {
    transform: rotate(-137deg);
  }
  .mobile\:-rotate-138,
  .mobile\:hover\:-rotate-138:hover,
  .mobile\:focus\:-rotate-138:focus,
  .mobile\:group:hover .group-hover\:-rotate-138,
  .mobile\:group:focus-within .group-focus-within\:-rotate-138 {
    transform: rotate(-138deg);
  }
  .mobile\:-rotate-139,
  .mobile\:hover\:-rotate-139:hover,
  .mobile\:focus\:-rotate-139:focus,
  .mobile\:group:hover .group-hover\:-rotate-139,
  .mobile\:group:focus-within .group-focus-within\:-rotate-139 {
    transform: rotate(-139deg);
  }
  .mobile\:-rotate-140,
  .mobile\:hover\:-rotate-140:hover,
  .mobile\:focus\:-rotate-140:focus,
  .mobile\:group:hover .group-hover\:-rotate-140,
  .mobile\:group:focus-within .group-focus-within\:-rotate-140 {
    transform: rotate(-140deg);
  }
  .mobile\:-rotate-141,
  .mobile\:hover\:-rotate-141:hover,
  .mobile\:focus\:-rotate-141:focus,
  .mobile\:group:hover .group-hover\:-rotate-141,
  .mobile\:group:focus-within .group-focus-within\:-rotate-141 {
    transform: rotate(-141deg);
  }
  .mobile\:-rotate-142,
  .mobile\:hover\:-rotate-142:hover,
  .mobile\:focus\:-rotate-142:focus,
  .mobile\:group:hover .group-hover\:-rotate-142,
  .mobile\:group:focus-within .group-focus-within\:-rotate-142 {
    transform: rotate(-142deg);
  }
  .mobile\:-rotate-143,
  .mobile\:hover\:-rotate-143:hover,
  .mobile\:focus\:-rotate-143:focus,
  .mobile\:group:hover .group-hover\:-rotate-143,
  .mobile\:group:focus-within .group-focus-within\:-rotate-143 {
    transform: rotate(-143deg);
  }
  .mobile\:-rotate-144,
  .mobile\:hover\:-rotate-144:hover,
  .mobile\:focus\:-rotate-144:focus,
  .mobile\:group:hover .group-hover\:-rotate-144,
  .mobile\:group:focus-within .group-focus-within\:-rotate-144 {
    transform: rotate(-144deg);
  }
  .mobile\:-rotate-145,
  .mobile\:hover\:-rotate-145:hover,
  .mobile\:focus\:-rotate-145:focus,
  .mobile\:group:hover .group-hover\:-rotate-145,
  .mobile\:group:focus-within .group-focus-within\:-rotate-145 {
    transform: rotate(-145deg);
  }
  .mobile\:-rotate-146,
  .mobile\:hover\:-rotate-146:hover,
  .mobile\:focus\:-rotate-146:focus,
  .mobile\:group:hover .group-hover\:-rotate-146,
  .mobile\:group:focus-within .group-focus-within\:-rotate-146 {
    transform: rotate(-146deg);
  }
  .mobile\:-rotate-147,
  .mobile\:hover\:-rotate-147:hover,
  .mobile\:focus\:-rotate-147:focus,
  .mobile\:group:hover .group-hover\:-rotate-147,
  .mobile\:group:focus-within .group-focus-within\:-rotate-147 {
    transform: rotate(-147deg);
  }
  .mobile\:-rotate-148,
  .mobile\:hover\:-rotate-148:hover,
  .mobile\:focus\:-rotate-148:focus,
  .mobile\:group:hover .group-hover\:-rotate-148,
  .mobile\:group:focus-within .group-focus-within\:-rotate-148 {
    transform: rotate(-148deg);
  }
  .mobile\:-rotate-149,
  .mobile\:hover\:-rotate-149:hover,
  .mobile\:focus\:-rotate-149:focus,
  .mobile\:group:hover .group-hover\:-rotate-149,
  .mobile\:group:focus-within .group-focus-within\:-rotate-149 {
    transform: rotate(-149deg);
  }
  .mobile\:-rotate-150,
  .mobile\:hover\:-rotate-150:hover,
  .mobile\:focus\:-rotate-150:focus,
  .mobile\:group:hover .group-hover\:-rotate-150,
  .mobile\:group:focus-within .group-focus-within\:-rotate-150 {
    transform: rotate(-150deg);
  }
  .mobile\:-rotate-151,
  .mobile\:hover\:-rotate-151:hover,
  .mobile\:focus\:-rotate-151:focus,
  .mobile\:group:hover .group-hover\:-rotate-151,
  .mobile\:group:focus-within .group-focus-within\:-rotate-151 {
    transform: rotate(-151deg);
  }
  .mobile\:-rotate-152,
  .mobile\:hover\:-rotate-152:hover,
  .mobile\:focus\:-rotate-152:focus,
  .mobile\:group:hover .group-hover\:-rotate-152,
  .mobile\:group:focus-within .group-focus-within\:-rotate-152 {
    transform: rotate(-152deg);
  }
  .mobile\:-rotate-153,
  .mobile\:hover\:-rotate-153:hover,
  .mobile\:focus\:-rotate-153:focus,
  .mobile\:group:hover .group-hover\:-rotate-153,
  .mobile\:group:focus-within .group-focus-within\:-rotate-153 {
    transform: rotate(-153deg);
  }
  .mobile\:-rotate-154,
  .mobile\:hover\:-rotate-154:hover,
  .mobile\:focus\:-rotate-154:focus,
  .mobile\:group:hover .group-hover\:-rotate-154,
  .mobile\:group:focus-within .group-focus-within\:-rotate-154 {
    transform: rotate(-154deg);
  }
  .mobile\:-rotate-155,
  .mobile\:hover\:-rotate-155:hover,
  .mobile\:focus\:-rotate-155:focus,
  .mobile\:group:hover .group-hover\:-rotate-155,
  .mobile\:group:focus-within .group-focus-within\:-rotate-155 {
    transform: rotate(-155deg);
  }
  .mobile\:-rotate-156,
  .mobile\:hover\:-rotate-156:hover,
  .mobile\:focus\:-rotate-156:focus,
  .mobile\:group:hover .group-hover\:-rotate-156,
  .mobile\:group:focus-within .group-focus-within\:-rotate-156 {
    transform: rotate(-156deg);
  }
  .mobile\:-rotate-157,
  .mobile\:hover\:-rotate-157:hover,
  .mobile\:focus\:-rotate-157:focus,
  .mobile\:group:hover .group-hover\:-rotate-157,
  .mobile\:group:focus-within .group-focus-within\:-rotate-157 {
    transform: rotate(-157deg);
  }
  .mobile\:-rotate-158,
  .mobile\:hover\:-rotate-158:hover,
  .mobile\:focus\:-rotate-158:focus,
  .mobile\:group:hover .group-hover\:-rotate-158,
  .mobile\:group:focus-within .group-focus-within\:-rotate-158 {
    transform: rotate(-158deg);
  }
  .mobile\:-rotate-159,
  .mobile\:hover\:-rotate-159:hover,
  .mobile\:focus\:-rotate-159:focus,
  .mobile\:group:hover .group-hover\:-rotate-159,
  .mobile\:group:focus-within .group-focus-within\:-rotate-159 {
    transform: rotate(-159deg);
  }
  .mobile\:-rotate-160,
  .mobile\:hover\:-rotate-160:hover,
  .mobile\:focus\:-rotate-160:focus,
  .mobile\:group:hover .group-hover\:-rotate-160,
  .mobile\:group:focus-within .group-focus-within\:-rotate-160 {
    transform: rotate(-160deg);
  }
  .mobile\:-rotate-161,
  .mobile\:hover\:-rotate-161:hover,
  .mobile\:focus\:-rotate-161:focus,
  .mobile\:group:hover .group-hover\:-rotate-161,
  .mobile\:group:focus-within .group-focus-within\:-rotate-161 {
    transform: rotate(-161deg);
  }
  .mobile\:-rotate-162,
  .mobile\:hover\:-rotate-162:hover,
  .mobile\:focus\:-rotate-162:focus,
  .mobile\:group:hover .group-hover\:-rotate-162,
  .mobile\:group:focus-within .group-focus-within\:-rotate-162 {
    transform: rotate(-162deg);
  }
  .mobile\:-rotate-163,
  .mobile\:hover\:-rotate-163:hover,
  .mobile\:focus\:-rotate-163:focus,
  .mobile\:group:hover .group-hover\:-rotate-163,
  .mobile\:group:focus-within .group-focus-within\:-rotate-163 {
    transform: rotate(-163deg);
  }
  .mobile\:-rotate-164,
  .mobile\:hover\:-rotate-164:hover,
  .mobile\:focus\:-rotate-164:focus,
  .mobile\:group:hover .group-hover\:-rotate-164,
  .mobile\:group:focus-within .group-focus-within\:-rotate-164 {
    transform: rotate(-164deg);
  }
  .mobile\:-rotate-165,
  .mobile\:hover\:-rotate-165:hover,
  .mobile\:focus\:-rotate-165:focus,
  .mobile\:group:hover .group-hover\:-rotate-165,
  .mobile\:group:focus-within .group-focus-within\:-rotate-165 {
    transform: rotate(-165deg);
  }
  .mobile\:-rotate-166,
  .mobile\:hover\:-rotate-166:hover,
  .mobile\:focus\:-rotate-166:focus,
  .mobile\:group:hover .group-hover\:-rotate-166,
  .mobile\:group:focus-within .group-focus-within\:-rotate-166 {
    transform: rotate(-166deg);
  }
  .mobile\:-rotate-167,
  .mobile\:hover\:-rotate-167:hover,
  .mobile\:focus\:-rotate-167:focus,
  .mobile\:group:hover .group-hover\:-rotate-167,
  .mobile\:group:focus-within .group-focus-within\:-rotate-167 {
    transform: rotate(-167deg);
  }
  .mobile\:-rotate-168,
  .mobile\:hover\:-rotate-168:hover,
  .mobile\:focus\:-rotate-168:focus,
  .mobile\:group:hover .group-hover\:-rotate-168,
  .mobile\:group:focus-within .group-focus-within\:-rotate-168 {
    transform: rotate(-168deg);
  }
  .mobile\:-rotate-169,
  .mobile\:hover\:-rotate-169:hover,
  .mobile\:focus\:-rotate-169:focus,
  .mobile\:group:hover .group-hover\:-rotate-169,
  .mobile\:group:focus-within .group-focus-within\:-rotate-169 {
    transform: rotate(-169deg);
  }
  .mobile\:-rotate-170,
  .mobile\:hover\:-rotate-170:hover,
  .mobile\:focus\:-rotate-170:focus,
  .mobile\:group:hover .group-hover\:-rotate-170,
  .mobile\:group:focus-within .group-focus-within\:-rotate-170 {
    transform: rotate(-170deg);
  }
  .mobile\:-rotate-171,
  .mobile\:hover\:-rotate-171:hover,
  .mobile\:focus\:-rotate-171:focus,
  .mobile\:group:hover .group-hover\:-rotate-171,
  .mobile\:group:focus-within .group-focus-within\:-rotate-171 {
    transform: rotate(-171deg);
  }
  .mobile\:-rotate-172,
  .mobile\:hover\:-rotate-172:hover,
  .mobile\:focus\:-rotate-172:focus,
  .mobile\:group:hover .group-hover\:-rotate-172,
  .mobile\:group:focus-within .group-focus-within\:-rotate-172 {
    transform: rotate(-172deg);
  }
  .mobile\:-rotate-173,
  .mobile\:hover\:-rotate-173:hover,
  .mobile\:focus\:-rotate-173:focus,
  .mobile\:group:hover .group-hover\:-rotate-173,
  .mobile\:group:focus-within .group-focus-within\:-rotate-173 {
    transform: rotate(-173deg);
  }
  .mobile\:-rotate-174,
  .mobile\:hover\:-rotate-174:hover,
  .mobile\:focus\:-rotate-174:focus,
  .mobile\:group:hover .group-hover\:-rotate-174,
  .mobile\:group:focus-within .group-focus-within\:-rotate-174 {
    transform: rotate(-174deg);
  }
  .mobile\:-rotate-175,
  .mobile\:hover\:-rotate-175:hover,
  .mobile\:focus\:-rotate-175:focus,
  .mobile\:group:hover .group-hover\:-rotate-175,
  .mobile\:group:focus-within .group-focus-within\:-rotate-175 {
    transform: rotate(-175deg);
  }
  .mobile\:-rotate-176,
  .mobile\:hover\:-rotate-176:hover,
  .mobile\:focus\:-rotate-176:focus,
  .mobile\:group:hover .group-hover\:-rotate-176,
  .mobile\:group:focus-within .group-focus-within\:-rotate-176 {
    transform: rotate(-176deg);
  }
  .mobile\:-rotate-177,
  .mobile\:hover\:-rotate-177:hover,
  .mobile\:focus\:-rotate-177:focus,
  .mobile\:group:hover .group-hover\:-rotate-177,
  .mobile\:group:focus-within .group-focus-within\:-rotate-177 {
    transform: rotate(-177deg);
  }
  .mobile\:-rotate-178,
  .mobile\:hover\:-rotate-178:hover,
  .mobile\:focus\:-rotate-178:focus,
  .mobile\:group:hover .group-hover\:-rotate-178,
  .mobile\:group:focus-within .group-focus-within\:-rotate-178 {
    transform: rotate(-178deg);
  }
  .mobile\:-rotate-179,
  .mobile\:hover\:-rotate-179:hover,
  .mobile\:focus\:-rotate-179:focus,
  .mobile\:group:hover .group-hover\:-rotate-179,
  .mobile\:group:focus-within .group-focus-within\:-rotate-179 {
    transform: rotate(-179deg);
  }
  .mobile\:-rotate-180,
  .mobile\:hover\:-rotate-180:hover,
  .mobile\:focus\:-rotate-180:focus,
  .mobile\:group:hover .group-hover\:-rotate-180,
  .mobile\:group:focus-within .group-focus-within\:-rotate-180 {
    transform: rotate(-180deg);
  }
  .mobile\:-rotate-181,
  .mobile\:hover\:-rotate-181:hover,
  .mobile\:focus\:-rotate-181:focus,
  .mobile\:group:hover .group-hover\:-rotate-181,
  .mobile\:group:focus-within .group-focus-within\:-rotate-181 {
    transform: rotate(-181deg);
  }
  .mobile\:-rotate-182,
  .mobile\:hover\:-rotate-182:hover,
  .mobile\:focus\:-rotate-182:focus,
  .mobile\:group:hover .group-hover\:-rotate-182,
  .mobile\:group:focus-within .group-focus-within\:-rotate-182 {
    transform: rotate(-182deg);
  }
  .mobile\:-rotate-183,
  .mobile\:hover\:-rotate-183:hover,
  .mobile\:focus\:-rotate-183:focus,
  .mobile\:group:hover .group-hover\:-rotate-183,
  .mobile\:group:focus-within .group-focus-within\:-rotate-183 {
    transform: rotate(-183deg);
  }
  .mobile\:-rotate-184,
  .mobile\:hover\:-rotate-184:hover,
  .mobile\:focus\:-rotate-184:focus,
  .mobile\:group:hover .group-hover\:-rotate-184,
  .mobile\:group:focus-within .group-focus-within\:-rotate-184 {
    transform: rotate(-184deg);
  }
  .mobile\:-rotate-185,
  .mobile\:hover\:-rotate-185:hover,
  .mobile\:focus\:-rotate-185:focus,
  .mobile\:group:hover .group-hover\:-rotate-185,
  .mobile\:group:focus-within .group-focus-within\:-rotate-185 {
    transform: rotate(-185deg);
  }
  .mobile\:-rotate-186,
  .mobile\:hover\:-rotate-186:hover,
  .mobile\:focus\:-rotate-186:focus,
  .mobile\:group:hover .group-hover\:-rotate-186,
  .mobile\:group:focus-within .group-focus-within\:-rotate-186 {
    transform: rotate(-186deg);
  }
  .mobile\:-rotate-187,
  .mobile\:hover\:-rotate-187:hover,
  .mobile\:focus\:-rotate-187:focus,
  .mobile\:group:hover .group-hover\:-rotate-187,
  .mobile\:group:focus-within .group-focus-within\:-rotate-187 {
    transform: rotate(-187deg);
  }
  .mobile\:-rotate-188,
  .mobile\:hover\:-rotate-188:hover,
  .mobile\:focus\:-rotate-188:focus,
  .mobile\:group:hover .group-hover\:-rotate-188,
  .mobile\:group:focus-within .group-focus-within\:-rotate-188 {
    transform: rotate(-188deg);
  }
  .mobile\:-rotate-189,
  .mobile\:hover\:-rotate-189:hover,
  .mobile\:focus\:-rotate-189:focus,
  .mobile\:group:hover .group-hover\:-rotate-189,
  .mobile\:group:focus-within .group-focus-within\:-rotate-189 {
    transform: rotate(-189deg);
  }
  .mobile\:-rotate-190,
  .mobile\:hover\:-rotate-190:hover,
  .mobile\:focus\:-rotate-190:focus,
  .mobile\:group:hover .group-hover\:-rotate-190,
  .mobile\:group:focus-within .group-focus-within\:-rotate-190 {
    transform: rotate(-190deg);
  }
  .mobile\:-rotate-191,
  .mobile\:hover\:-rotate-191:hover,
  .mobile\:focus\:-rotate-191:focus,
  .mobile\:group:hover .group-hover\:-rotate-191,
  .mobile\:group:focus-within .group-focus-within\:-rotate-191 {
    transform: rotate(-191deg);
  }
  .mobile\:-rotate-192,
  .mobile\:hover\:-rotate-192:hover,
  .mobile\:focus\:-rotate-192:focus,
  .mobile\:group:hover .group-hover\:-rotate-192,
  .mobile\:group:focus-within .group-focus-within\:-rotate-192 {
    transform: rotate(-192deg);
  }
  .mobile\:-rotate-193,
  .mobile\:hover\:-rotate-193:hover,
  .mobile\:focus\:-rotate-193:focus,
  .mobile\:group:hover .group-hover\:-rotate-193,
  .mobile\:group:focus-within .group-focus-within\:-rotate-193 {
    transform: rotate(-193deg);
  }
  .mobile\:-rotate-194,
  .mobile\:hover\:-rotate-194:hover,
  .mobile\:focus\:-rotate-194:focus,
  .mobile\:group:hover .group-hover\:-rotate-194,
  .mobile\:group:focus-within .group-focus-within\:-rotate-194 {
    transform: rotate(-194deg);
  }
  .mobile\:-rotate-195,
  .mobile\:hover\:-rotate-195:hover,
  .mobile\:focus\:-rotate-195:focus,
  .mobile\:group:hover .group-hover\:-rotate-195,
  .mobile\:group:focus-within .group-focus-within\:-rotate-195 {
    transform: rotate(-195deg);
  }
  .mobile\:-rotate-196,
  .mobile\:hover\:-rotate-196:hover,
  .mobile\:focus\:-rotate-196:focus,
  .mobile\:group:hover .group-hover\:-rotate-196,
  .mobile\:group:focus-within .group-focus-within\:-rotate-196 {
    transform: rotate(-196deg);
  }
  .mobile\:-rotate-197,
  .mobile\:hover\:-rotate-197:hover,
  .mobile\:focus\:-rotate-197:focus,
  .mobile\:group:hover .group-hover\:-rotate-197,
  .mobile\:group:focus-within .group-focus-within\:-rotate-197 {
    transform: rotate(-197deg);
  }
  .mobile\:-rotate-198,
  .mobile\:hover\:-rotate-198:hover,
  .mobile\:focus\:-rotate-198:focus,
  .mobile\:group:hover .group-hover\:-rotate-198,
  .mobile\:group:focus-within .group-focus-within\:-rotate-198 {
    transform: rotate(-198deg);
  }
  .mobile\:-rotate-199,
  .mobile\:hover\:-rotate-199:hover,
  .mobile\:focus\:-rotate-199:focus,
  .mobile\:group:hover .group-hover\:-rotate-199,
  .mobile\:group:focus-within .group-focus-within\:-rotate-199 {
    transform: rotate(-199deg);
  }
  .mobile\:-rotate-200,
  .mobile\:hover\:-rotate-200:hover,
  .mobile\:focus\:-rotate-200:focus,
  .mobile\:group:hover .group-hover\:-rotate-200,
  .mobile\:group:focus-within .group-focus-within\:-rotate-200 {
    transform: rotate(-200deg);
  }
  .mobile\:-rotate-201,
  .mobile\:hover\:-rotate-201:hover,
  .mobile\:focus\:-rotate-201:focus,
  .mobile\:group:hover .group-hover\:-rotate-201,
  .mobile\:group:focus-within .group-focus-within\:-rotate-201 {
    transform: rotate(-201deg);
  }
  .mobile\:-rotate-202,
  .mobile\:hover\:-rotate-202:hover,
  .mobile\:focus\:-rotate-202:focus,
  .mobile\:group:hover .group-hover\:-rotate-202,
  .mobile\:group:focus-within .group-focus-within\:-rotate-202 {
    transform: rotate(-202deg);
  }
  .mobile\:-rotate-203,
  .mobile\:hover\:-rotate-203:hover,
  .mobile\:focus\:-rotate-203:focus,
  .mobile\:group:hover .group-hover\:-rotate-203,
  .mobile\:group:focus-within .group-focus-within\:-rotate-203 {
    transform: rotate(-203deg);
  }
  .mobile\:-rotate-204,
  .mobile\:hover\:-rotate-204:hover,
  .mobile\:focus\:-rotate-204:focus,
  .mobile\:group:hover .group-hover\:-rotate-204,
  .mobile\:group:focus-within .group-focus-within\:-rotate-204 {
    transform: rotate(-204deg);
  }
  .mobile\:-rotate-205,
  .mobile\:hover\:-rotate-205:hover,
  .mobile\:focus\:-rotate-205:focus,
  .mobile\:group:hover .group-hover\:-rotate-205,
  .mobile\:group:focus-within .group-focus-within\:-rotate-205 {
    transform: rotate(-205deg);
  }
  .mobile\:-rotate-206,
  .mobile\:hover\:-rotate-206:hover,
  .mobile\:focus\:-rotate-206:focus,
  .mobile\:group:hover .group-hover\:-rotate-206,
  .mobile\:group:focus-within .group-focus-within\:-rotate-206 {
    transform: rotate(-206deg);
  }
  .mobile\:-rotate-207,
  .mobile\:hover\:-rotate-207:hover,
  .mobile\:focus\:-rotate-207:focus,
  .mobile\:group:hover .group-hover\:-rotate-207,
  .mobile\:group:focus-within .group-focus-within\:-rotate-207 {
    transform: rotate(-207deg);
  }
  .mobile\:-rotate-208,
  .mobile\:hover\:-rotate-208:hover,
  .mobile\:focus\:-rotate-208:focus,
  .mobile\:group:hover .group-hover\:-rotate-208,
  .mobile\:group:focus-within .group-focus-within\:-rotate-208 {
    transform: rotate(-208deg);
  }
  .mobile\:-rotate-209,
  .mobile\:hover\:-rotate-209:hover,
  .mobile\:focus\:-rotate-209:focus,
  .mobile\:group:hover .group-hover\:-rotate-209,
  .mobile\:group:focus-within .group-focus-within\:-rotate-209 {
    transform: rotate(-209deg);
  }
  .mobile\:-rotate-210,
  .mobile\:hover\:-rotate-210:hover,
  .mobile\:focus\:-rotate-210:focus,
  .mobile\:group:hover .group-hover\:-rotate-210,
  .mobile\:group:focus-within .group-focus-within\:-rotate-210 {
    transform: rotate(-210deg);
  }
  .mobile\:-rotate-211,
  .mobile\:hover\:-rotate-211:hover,
  .mobile\:focus\:-rotate-211:focus,
  .mobile\:group:hover .group-hover\:-rotate-211,
  .mobile\:group:focus-within .group-focus-within\:-rotate-211 {
    transform: rotate(-211deg);
  }
  .mobile\:-rotate-212,
  .mobile\:hover\:-rotate-212:hover,
  .mobile\:focus\:-rotate-212:focus,
  .mobile\:group:hover .group-hover\:-rotate-212,
  .mobile\:group:focus-within .group-focus-within\:-rotate-212 {
    transform: rotate(-212deg);
  }
  .mobile\:-rotate-213,
  .mobile\:hover\:-rotate-213:hover,
  .mobile\:focus\:-rotate-213:focus,
  .mobile\:group:hover .group-hover\:-rotate-213,
  .mobile\:group:focus-within .group-focus-within\:-rotate-213 {
    transform: rotate(-213deg);
  }
  .mobile\:-rotate-214,
  .mobile\:hover\:-rotate-214:hover,
  .mobile\:focus\:-rotate-214:focus,
  .mobile\:group:hover .group-hover\:-rotate-214,
  .mobile\:group:focus-within .group-focus-within\:-rotate-214 {
    transform: rotate(-214deg);
  }
  .mobile\:-rotate-215,
  .mobile\:hover\:-rotate-215:hover,
  .mobile\:focus\:-rotate-215:focus,
  .mobile\:group:hover .group-hover\:-rotate-215,
  .mobile\:group:focus-within .group-focus-within\:-rotate-215 {
    transform: rotate(-215deg);
  }
  .mobile\:-rotate-216,
  .mobile\:hover\:-rotate-216:hover,
  .mobile\:focus\:-rotate-216:focus,
  .mobile\:group:hover .group-hover\:-rotate-216,
  .mobile\:group:focus-within .group-focus-within\:-rotate-216 {
    transform: rotate(-216deg);
  }
  .mobile\:-rotate-217,
  .mobile\:hover\:-rotate-217:hover,
  .mobile\:focus\:-rotate-217:focus,
  .mobile\:group:hover .group-hover\:-rotate-217,
  .mobile\:group:focus-within .group-focus-within\:-rotate-217 {
    transform: rotate(-217deg);
  }
  .mobile\:-rotate-218,
  .mobile\:hover\:-rotate-218:hover,
  .mobile\:focus\:-rotate-218:focus,
  .mobile\:group:hover .group-hover\:-rotate-218,
  .mobile\:group:focus-within .group-focus-within\:-rotate-218 {
    transform: rotate(-218deg);
  }
  .mobile\:-rotate-219,
  .mobile\:hover\:-rotate-219:hover,
  .mobile\:focus\:-rotate-219:focus,
  .mobile\:group:hover .group-hover\:-rotate-219,
  .mobile\:group:focus-within .group-focus-within\:-rotate-219 {
    transform: rotate(-219deg);
  }
  .mobile\:-rotate-220,
  .mobile\:hover\:-rotate-220:hover,
  .mobile\:focus\:-rotate-220:focus,
  .mobile\:group:hover .group-hover\:-rotate-220,
  .mobile\:group:focus-within .group-focus-within\:-rotate-220 {
    transform: rotate(-220deg);
  }
  .mobile\:-rotate-221,
  .mobile\:hover\:-rotate-221:hover,
  .mobile\:focus\:-rotate-221:focus,
  .mobile\:group:hover .group-hover\:-rotate-221,
  .mobile\:group:focus-within .group-focus-within\:-rotate-221 {
    transform: rotate(-221deg);
  }
  .mobile\:-rotate-222,
  .mobile\:hover\:-rotate-222:hover,
  .mobile\:focus\:-rotate-222:focus,
  .mobile\:group:hover .group-hover\:-rotate-222,
  .mobile\:group:focus-within .group-focus-within\:-rotate-222 {
    transform: rotate(-222deg);
  }
  .mobile\:-rotate-223,
  .mobile\:hover\:-rotate-223:hover,
  .mobile\:focus\:-rotate-223:focus,
  .mobile\:group:hover .group-hover\:-rotate-223,
  .mobile\:group:focus-within .group-focus-within\:-rotate-223 {
    transform: rotate(-223deg);
  }
  .mobile\:-rotate-224,
  .mobile\:hover\:-rotate-224:hover,
  .mobile\:focus\:-rotate-224:focus,
  .mobile\:group:hover .group-hover\:-rotate-224,
  .mobile\:group:focus-within .group-focus-within\:-rotate-224 {
    transform: rotate(-224deg);
  }
  .mobile\:-rotate-225,
  .mobile\:hover\:-rotate-225:hover,
  .mobile\:focus\:-rotate-225:focus,
  .mobile\:group:hover .group-hover\:-rotate-225,
  .mobile\:group:focus-within .group-focus-within\:-rotate-225 {
    transform: rotate(-225deg);
  }
  .mobile\:-rotate-226,
  .mobile\:hover\:-rotate-226:hover,
  .mobile\:focus\:-rotate-226:focus,
  .mobile\:group:hover .group-hover\:-rotate-226,
  .mobile\:group:focus-within .group-focus-within\:-rotate-226 {
    transform: rotate(-226deg);
  }
  .mobile\:-rotate-227,
  .mobile\:hover\:-rotate-227:hover,
  .mobile\:focus\:-rotate-227:focus,
  .mobile\:group:hover .group-hover\:-rotate-227,
  .mobile\:group:focus-within .group-focus-within\:-rotate-227 {
    transform: rotate(-227deg);
  }
  .mobile\:-rotate-228,
  .mobile\:hover\:-rotate-228:hover,
  .mobile\:focus\:-rotate-228:focus,
  .mobile\:group:hover .group-hover\:-rotate-228,
  .mobile\:group:focus-within .group-focus-within\:-rotate-228 {
    transform: rotate(-228deg);
  }
  .mobile\:-rotate-229,
  .mobile\:hover\:-rotate-229:hover,
  .mobile\:focus\:-rotate-229:focus,
  .mobile\:group:hover .group-hover\:-rotate-229,
  .mobile\:group:focus-within .group-focus-within\:-rotate-229 {
    transform: rotate(-229deg);
  }
  .mobile\:-rotate-230,
  .mobile\:hover\:-rotate-230:hover,
  .mobile\:focus\:-rotate-230:focus,
  .mobile\:group:hover .group-hover\:-rotate-230,
  .mobile\:group:focus-within .group-focus-within\:-rotate-230 {
    transform: rotate(-230deg);
  }
  .mobile\:-rotate-231,
  .mobile\:hover\:-rotate-231:hover,
  .mobile\:focus\:-rotate-231:focus,
  .mobile\:group:hover .group-hover\:-rotate-231,
  .mobile\:group:focus-within .group-focus-within\:-rotate-231 {
    transform: rotate(-231deg);
  }
  .mobile\:-rotate-232,
  .mobile\:hover\:-rotate-232:hover,
  .mobile\:focus\:-rotate-232:focus,
  .mobile\:group:hover .group-hover\:-rotate-232,
  .mobile\:group:focus-within .group-focus-within\:-rotate-232 {
    transform: rotate(-232deg);
  }
  .mobile\:-rotate-233,
  .mobile\:hover\:-rotate-233:hover,
  .mobile\:focus\:-rotate-233:focus,
  .mobile\:group:hover .group-hover\:-rotate-233,
  .mobile\:group:focus-within .group-focus-within\:-rotate-233 {
    transform: rotate(-233deg);
  }
  .mobile\:-rotate-234,
  .mobile\:hover\:-rotate-234:hover,
  .mobile\:focus\:-rotate-234:focus,
  .mobile\:group:hover .group-hover\:-rotate-234,
  .mobile\:group:focus-within .group-focus-within\:-rotate-234 {
    transform: rotate(-234deg);
  }
  .mobile\:-rotate-235,
  .mobile\:hover\:-rotate-235:hover,
  .mobile\:focus\:-rotate-235:focus,
  .mobile\:group:hover .group-hover\:-rotate-235,
  .mobile\:group:focus-within .group-focus-within\:-rotate-235 {
    transform: rotate(-235deg);
  }
  .mobile\:-rotate-236,
  .mobile\:hover\:-rotate-236:hover,
  .mobile\:focus\:-rotate-236:focus,
  .mobile\:group:hover .group-hover\:-rotate-236,
  .mobile\:group:focus-within .group-focus-within\:-rotate-236 {
    transform: rotate(-236deg);
  }
  .mobile\:-rotate-237,
  .mobile\:hover\:-rotate-237:hover,
  .mobile\:focus\:-rotate-237:focus,
  .mobile\:group:hover .group-hover\:-rotate-237,
  .mobile\:group:focus-within .group-focus-within\:-rotate-237 {
    transform: rotate(-237deg);
  }
  .mobile\:-rotate-238,
  .mobile\:hover\:-rotate-238:hover,
  .mobile\:focus\:-rotate-238:focus,
  .mobile\:group:hover .group-hover\:-rotate-238,
  .mobile\:group:focus-within .group-focus-within\:-rotate-238 {
    transform: rotate(-238deg);
  }
  .mobile\:-rotate-239,
  .mobile\:hover\:-rotate-239:hover,
  .mobile\:focus\:-rotate-239:focus,
  .mobile\:group:hover .group-hover\:-rotate-239,
  .mobile\:group:focus-within .group-focus-within\:-rotate-239 {
    transform: rotate(-239deg);
  }
  .mobile\:-rotate-240,
  .mobile\:hover\:-rotate-240:hover,
  .mobile\:focus\:-rotate-240:focus,
  .mobile\:group:hover .group-hover\:-rotate-240,
  .mobile\:group:focus-within .group-focus-within\:-rotate-240 {
    transform: rotate(-240deg);
  }
  .mobile\:-rotate-241,
  .mobile\:hover\:-rotate-241:hover,
  .mobile\:focus\:-rotate-241:focus,
  .mobile\:group:hover .group-hover\:-rotate-241,
  .mobile\:group:focus-within .group-focus-within\:-rotate-241 {
    transform: rotate(-241deg);
  }
  .mobile\:-rotate-242,
  .mobile\:hover\:-rotate-242:hover,
  .mobile\:focus\:-rotate-242:focus,
  .mobile\:group:hover .group-hover\:-rotate-242,
  .mobile\:group:focus-within .group-focus-within\:-rotate-242 {
    transform: rotate(-242deg);
  }
  .mobile\:-rotate-243,
  .mobile\:hover\:-rotate-243:hover,
  .mobile\:focus\:-rotate-243:focus,
  .mobile\:group:hover .group-hover\:-rotate-243,
  .mobile\:group:focus-within .group-focus-within\:-rotate-243 {
    transform: rotate(-243deg);
  }
  .mobile\:-rotate-244,
  .mobile\:hover\:-rotate-244:hover,
  .mobile\:focus\:-rotate-244:focus,
  .mobile\:group:hover .group-hover\:-rotate-244,
  .mobile\:group:focus-within .group-focus-within\:-rotate-244 {
    transform: rotate(-244deg);
  }
  .mobile\:-rotate-245,
  .mobile\:hover\:-rotate-245:hover,
  .mobile\:focus\:-rotate-245:focus,
  .mobile\:group:hover .group-hover\:-rotate-245,
  .mobile\:group:focus-within .group-focus-within\:-rotate-245 {
    transform: rotate(-245deg);
  }
  .mobile\:-rotate-246,
  .mobile\:hover\:-rotate-246:hover,
  .mobile\:focus\:-rotate-246:focus,
  .mobile\:group:hover .group-hover\:-rotate-246,
  .mobile\:group:focus-within .group-focus-within\:-rotate-246 {
    transform: rotate(-246deg);
  }
  .mobile\:-rotate-247,
  .mobile\:hover\:-rotate-247:hover,
  .mobile\:focus\:-rotate-247:focus,
  .mobile\:group:hover .group-hover\:-rotate-247,
  .mobile\:group:focus-within .group-focus-within\:-rotate-247 {
    transform: rotate(-247deg);
  }
  .mobile\:-rotate-248,
  .mobile\:hover\:-rotate-248:hover,
  .mobile\:focus\:-rotate-248:focus,
  .mobile\:group:hover .group-hover\:-rotate-248,
  .mobile\:group:focus-within .group-focus-within\:-rotate-248 {
    transform: rotate(-248deg);
  }
  .mobile\:-rotate-249,
  .mobile\:hover\:-rotate-249:hover,
  .mobile\:focus\:-rotate-249:focus,
  .mobile\:group:hover .group-hover\:-rotate-249,
  .mobile\:group:focus-within .group-focus-within\:-rotate-249 {
    transform: rotate(-249deg);
  }
  .mobile\:-rotate-250,
  .mobile\:hover\:-rotate-250:hover,
  .mobile\:focus\:-rotate-250:focus,
  .mobile\:group:hover .group-hover\:-rotate-250,
  .mobile\:group:focus-within .group-focus-within\:-rotate-250 {
    transform: rotate(-250deg);
  }
  .mobile\:-rotate-251,
  .mobile\:hover\:-rotate-251:hover,
  .mobile\:focus\:-rotate-251:focus,
  .mobile\:group:hover .group-hover\:-rotate-251,
  .mobile\:group:focus-within .group-focus-within\:-rotate-251 {
    transform: rotate(-251deg);
  }
  .mobile\:-rotate-252,
  .mobile\:hover\:-rotate-252:hover,
  .mobile\:focus\:-rotate-252:focus,
  .mobile\:group:hover .group-hover\:-rotate-252,
  .mobile\:group:focus-within .group-focus-within\:-rotate-252 {
    transform: rotate(-252deg);
  }
  .mobile\:-rotate-253,
  .mobile\:hover\:-rotate-253:hover,
  .mobile\:focus\:-rotate-253:focus,
  .mobile\:group:hover .group-hover\:-rotate-253,
  .mobile\:group:focus-within .group-focus-within\:-rotate-253 {
    transform: rotate(-253deg);
  }
  .mobile\:-rotate-254,
  .mobile\:hover\:-rotate-254:hover,
  .mobile\:focus\:-rotate-254:focus,
  .mobile\:group:hover .group-hover\:-rotate-254,
  .mobile\:group:focus-within .group-focus-within\:-rotate-254 {
    transform: rotate(-254deg);
  }
  .mobile\:-rotate-255,
  .mobile\:hover\:-rotate-255:hover,
  .mobile\:focus\:-rotate-255:focus,
  .mobile\:group:hover .group-hover\:-rotate-255,
  .mobile\:group:focus-within .group-focus-within\:-rotate-255 {
    transform: rotate(-255deg);
  }
  .mobile\:-rotate-256,
  .mobile\:hover\:-rotate-256:hover,
  .mobile\:focus\:-rotate-256:focus,
  .mobile\:group:hover .group-hover\:-rotate-256,
  .mobile\:group:focus-within .group-focus-within\:-rotate-256 {
    transform: rotate(-256deg);
  }
  .mobile\:-rotate-257,
  .mobile\:hover\:-rotate-257:hover,
  .mobile\:focus\:-rotate-257:focus,
  .mobile\:group:hover .group-hover\:-rotate-257,
  .mobile\:group:focus-within .group-focus-within\:-rotate-257 {
    transform: rotate(-257deg);
  }
  .mobile\:-rotate-258,
  .mobile\:hover\:-rotate-258:hover,
  .mobile\:focus\:-rotate-258:focus,
  .mobile\:group:hover .group-hover\:-rotate-258,
  .mobile\:group:focus-within .group-focus-within\:-rotate-258 {
    transform: rotate(-258deg);
  }
  .mobile\:-rotate-259,
  .mobile\:hover\:-rotate-259:hover,
  .mobile\:focus\:-rotate-259:focus,
  .mobile\:group:hover .group-hover\:-rotate-259,
  .mobile\:group:focus-within .group-focus-within\:-rotate-259 {
    transform: rotate(-259deg);
  }
  .mobile\:-rotate-260,
  .mobile\:hover\:-rotate-260:hover,
  .mobile\:focus\:-rotate-260:focus,
  .mobile\:group:hover .group-hover\:-rotate-260,
  .mobile\:group:focus-within .group-focus-within\:-rotate-260 {
    transform: rotate(-260deg);
  }
  .mobile\:-rotate-261,
  .mobile\:hover\:-rotate-261:hover,
  .mobile\:focus\:-rotate-261:focus,
  .mobile\:group:hover .group-hover\:-rotate-261,
  .mobile\:group:focus-within .group-focus-within\:-rotate-261 {
    transform: rotate(-261deg);
  }
  .mobile\:-rotate-262,
  .mobile\:hover\:-rotate-262:hover,
  .mobile\:focus\:-rotate-262:focus,
  .mobile\:group:hover .group-hover\:-rotate-262,
  .mobile\:group:focus-within .group-focus-within\:-rotate-262 {
    transform: rotate(-262deg);
  }
  .mobile\:-rotate-263,
  .mobile\:hover\:-rotate-263:hover,
  .mobile\:focus\:-rotate-263:focus,
  .mobile\:group:hover .group-hover\:-rotate-263,
  .mobile\:group:focus-within .group-focus-within\:-rotate-263 {
    transform: rotate(-263deg);
  }
  .mobile\:-rotate-264,
  .mobile\:hover\:-rotate-264:hover,
  .mobile\:focus\:-rotate-264:focus,
  .mobile\:group:hover .group-hover\:-rotate-264,
  .mobile\:group:focus-within .group-focus-within\:-rotate-264 {
    transform: rotate(-264deg);
  }
  .mobile\:-rotate-265,
  .mobile\:hover\:-rotate-265:hover,
  .mobile\:focus\:-rotate-265:focus,
  .mobile\:group:hover .group-hover\:-rotate-265,
  .mobile\:group:focus-within .group-focus-within\:-rotate-265 {
    transform: rotate(-265deg);
  }
  .mobile\:-rotate-266,
  .mobile\:hover\:-rotate-266:hover,
  .mobile\:focus\:-rotate-266:focus,
  .mobile\:group:hover .group-hover\:-rotate-266,
  .mobile\:group:focus-within .group-focus-within\:-rotate-266 {
    transform: rotate(-266deg);
  }
  .mobile\:-rotate-267,
  .mobile\:hover\:-rotate-267:hover,
  .mobile\:focus\:-rotate-267:focus,
  .mobile\:group:hover .group-hover\:-rotate-267,
  .mobile\:group:focus-within .group-focus-within\:-rotate-267 {
    transform: rotate(-267deg);
  }
  .mobile\:-rotate-268,
  .mobile\:hover\:-rotate-268:hover,
  .mobile\:focus\:-rotate-268:focus,
  .mobile\:group:hover .group-hover\:-rotate-268,
  .mobile\:group:focus-within .group-focus-within\:-rotate-268 {
    transform: rotate(-268deg);
  }
  .mobile\:-rotate-269,
  .mobile\:hover\:-rotate-269:hover,
  .mobile\:focus\:-rotate-269:focus,
  .mobile\:group:hover .group-hover\:-rotate-269,
  .mobile\:group:focus-within .group-focus-within\:-rotate-269 {
    transform: rotate(-269deg);
  }
  .mobile\:-rotate-270,
  .mobile\:hover\:-rotate-270:hover,
  .mobile\:focus\:-rotate-270:focus,
  .mobile\:group:hover .group-hover\:-rotate-270,
  .mobile\:group:focus-within .group-focus-within\:-rotate-270 {
    transform: rotate(-270deg);
  }
  .mobile\:-rotate-271,
  .mobile\:hover\:-rotate-271:hover,
  .mobile\:focus\:-rotate-271:focus,
  .mobile\:group:hover .group-hover\:-rotate-271,
  .mobile\:group:focus-within .group-focus-within\:-rotate-271 {
    transform: rotate(-271deg);
  }
  .mobile\:-rotate-272,
  .mobile\:hover\:-rotate-272:hover,
  .mobile\:focus\:-rotate-272:focus,
  .mobile\:group:hover .group-hover\:-rotate-272,
  .mobile\:group:focus-within .group-focus-within\:-rotate-272 {
    transform: rotate(-272deg);
  }
  .mobile\:-rotate-273,
  .mobile\:hover\:-rotate-273:hover,
  .mobile\:focus\:-rotate-273:focus,
  .mobile\:group:hover .group-hover\:-rotate-273,
  .mobile\:group:focus-within .group-focus-within\:-rotate-273 {
    transform: rotate(-273deg);
  }
  .mobile\:-rotate-274,
  .mobile\:hover\:-rotate-274:hover,
  .mobile\:focus\:-rotate-274:focus,
  .mobile\:group:hover .group-hover\:-rotate-274,
  .mobile\:group:focus-within .group-focus-within\:-rotate-274 {
    transform: rotate(-274deg);
  }
  .mobile\:-rotate-275,
  .mobile\:hover\:-rotate-275:hover,
  .mobile\:focus\:-rotate-275:focus,
  .mobile\:group:hover .group-hover\:-rotate-275,
  .mobile\:group:focus-within .group-focus-within\:-rotate-275 {
    transform: rotate(-275deg);
  }
  .mobile\:-rotate-276,
  .mobile\:hover\:-rotate-276:hover,
  .mobile\:focus\:-rotate-276:focus,
  .mobile\:group:hover .group-hover\:-rotate-276,
  .mobile\:group:focus-within .group-focus-within\:-rotate-276 {
    transform: rotate(-276deg);
  }
  .mobile\:-rotate-277,
  .mobile\:hover\:-rotate-277:hover,
  .mobile\:focus\:-rotate-277:focus,
  .mobile\:group:hover .group-hover\:-rotate-277,
  .mobile\:group:focus-within .group-focus-within\:-rotate-277 {
    transform: rotate(-277deg);
  }
  .mobile\:-rotate-278,
  .mobile\:hover\:-rotate-278:hover,
  .mobile\:focus\:-rotate-278:focus,
  .mobile\:group:hover .group-hover\:-rotate-278,
  .mobile\:group:focus-within .group-focus-within\:-rotate-278 {
    transform: rotate(-278deg);
  }
  .mobile\:-rotate-279,
  .mobile\:hover\:-rotate-279:hover,
  .mobile\:focus\:-rotate-279:focus,
  .mobile\:group:hover .group-hover\:-rotate-279,
  .mobile\:group:focus-within .group-focus-within\:-rotate-279 {
    transform: rotate(-279deg);
  }
  .mobile\:-rotate-280,
  .mobile\:hover\:-rotate-280:hover,
  .mobile\:focus\:-rotate-280:focus,
  .mobile\:group:hover .group-hover\:-rotate-280,
  .mobile\:group:focus-within .group-focus-within\:-rotate-280 {
    transform: rotate(-280deg);
  }
  .mobile\:-rotate-281,
  .mobile\:hover\:-rotate-281:hover,
  .mobile\:focus\:-rotate-281:focus,
  .mobile\:group:hover .group-hover\:-rotate-281,
  .mobile\:group:focus-within .group-focus-within\:-rotate-281 {
    transform: rotate(-281deg);
  }
  .mobile\:-rotate-282,
  .mobile\:hover\:-rotate-282:hover,
  .mobile\:focus\:-rotate-282:focus,
  .mobile\:group:hover .group-hover\:-rotate-282,
  .mobile\:group:focus-within .group-focus-within\:-rotate-282 {
    transform: rotate(-282deg);
  }
  .mobile\:-rotate-283,
  .mobile\:hover\:-rotate-283:hover,
  .mobile\:focus\:-rotate-283:focus,
  .mobile\:group:hover .group-hover\:-rotate-283,
  .mobile\:group:focus-within .group-focus-within\:-rotate-283 {
    transform: rotate(-283deg);
  }
  .mobile\:-rotate-284,
  .mobile\:hover\:-rotate-284:hover,
  .mobile\:focus\:-rotate-284:focus,
  .mobile\:group:hover .group-hover\:-rotate-284,
  .mobile\:group:focus-within .group-focus-within\:-rotate-284 {
    transform: rotate(-284deg);
  }
  .mobile\:-rotate-285,
  .mobile\:hover\:-rotate-285:hover,
  .mobile\:focus\:-rotate-285:focus,
  .mobile\:group:hover .group-hover\:-rotate-285,
  .mobile\:group:focus-within .group-focus-within\:-rotate-285 {
    transform: rotate(-285deg);
  }
  .mobile\:-rotate-286,
  .mobile\:hover\:-rotate-286:hover,
  .mobile\:focus\:-rotate-286:focus,
  .mobile\:group:hover .group-hover\:-rotate-286,
  .mobile\:group:focus-within .group-focus-within\:-rotate-286 {
    transform: rotate(-286deg);
  }
  .mobile\:-rotate-287,
  .mobile\:hover\:-rotate-287:hover,
  .mobile\:focus\:-rotate-287:focus,
  .mobile\:group:hover .group-hover\:-rotate-287,
  .mobile\:group:focus-within .group-focus-within\:-rotate-287 {
    transform: rotate(-287deg);
  }
  .mobile\:-rotate-288,
  .mobile\:hover\:-rotate-288:hover,
  .mobile\:focus\:-rotate-288:focus,
  .mobile\:group:hover .group-hover\:-rotate-288,
  .mobile\:group:focus-within .group-focus-within\:-rotate-288 {
    transform: rotate(-288deg);
  }
  .mobile\:-rotate-289,
  .mobile\:hover\:-rotate-289:hover,
  .mobile\:focus\:-rotate-289:focus,
  .mobile\:group:hover .group-hover\:-rotate-289,
  .mobile\:group:focus-within .group-focus-within\:-rotate-289 {
    transform: rotate(-289deg);
  }
  .mobile\:-rotate-290,
  .mobile\:hover\:-rotate-290:hover,
  .mobile\:focus\:-rotate-290:focus,
  .mobile\:group:hover .group-hover\:-rotate-290,
  .mobile\:group:focus-within .group-focus-within\:-rotate-290 {
    transform: rotate(-290deg);
  }
  .mobile\:-rotate-291,
  .mobile\:hover\:-rotate-291:hover,
  .mobile\:focus\:-rotate-291:focus,
  .mobile\:group:hover .group-hover\:-rotate-291,
  .mobile\:group:focus-within .group-focus-within\:-rotate-291 {
    transform: rotate(-291deg);
  }
  .mobile\:-rotate-292,
  .mobile\:hover\:-rotate-292:hover,
  .mobile\:focus\:-rotate-292:focus,
  .mobile\:group:hover .group-hover\:-rotate-292,
  .mobile\:group:focus-within .group-focus-within\:-rotate-292 {
    transform: rotate(-292deg);
  }
  .mobile\:-rotate-293,
  .mobile\:hover\:-rotate-293:hover,
  .mobile\:focus\:-rotate-293:focus,
  .mobile\:group:hover .group-hover\:-rotate-293,
  .mobile\:group:focus-within .group-focus-within\:-rotate-293 {
    transform: rotate(-293deg);
  }
  .mobile\:-rotate-294,
  .mobile\:hover\:-rotate-294:hover,
  .mobile\:focus\:-rotate-294:focus,
  .mobile\:group:hover .group-hover\:-rotate-294,
  .mobile\:group:focus-within .group-focus-within\:-rotate-294 {
    transform: rotate(-294deg);
  }
  .mobile\:-rotate-295,
  .mobile\:hover\:-rotate-295:hover,
  .mobile\:focus\:-rotate-295:focus,
  .mobile\:group:hover .group-hover\:-rotate-295,
  .mobile\:group:focus-within .group-focus-within\:-rotate-295 {
    transform: rotate(-295deg);
  }
  .mobile\:-rotate-296,
  .mobile\:hover\:-rotate-296:hover,
  .mobile\:focus\:-rotate-296:focus,
  .mobile\:group:hover .group-hover\:-rotate-296,
  .mobile\:group:focus-within .group-focus-within\:-rotate-296 {
    transform: rotate(-296deg);
  }
  .mobile\:-rotate-297,
  .mobile\:hover\:-rotate-297:hover,
  .mobile\:focus\:-rotate-297:focus,
  .mobile\:group:hover .group-hover\:-rotate-297,
  .mobile\:group:focus-within .group-focus-within\:-rotate-297 {
    transform: rotate(-297deg);
  }
  .mobile\:-rotate-298,
  .mobile\:hover\:-rotate-298:hover,
  .mobile\:focus\:-rotate-298:focus,
  .mobile\:group:hover .group-hover\:-rotate-298,
  .mobile\:group:focus-within .group-focus-within\:-rotate-298 {
    transform: rotate(-298deg);
  }
  .mobile\:-rotate-299,
  .mobile\:hover\:-rotate-299:hover,
  .mobile\:focus\:-rotate-299:focus,
  .mobile\:group:hover .group-hover\:-rotate-299,
  .mobile\:group:focus-within .group-focus-within\:-rotate-299 {
    transform: rotate(-299deg);
  }
  .mobile\:-rotate-300,
  .mobile\:hover\:-rotate-300:hover,
  .mobile\:focus\:-rotate-300:focus,
  .mobile\:group:hover .group-hover\:-rotate-300,
  .mobile\:group:focus-within .group-focus-within\:-rotate-300 {
    transform: rotate(-300deg);
  }
  .mobile\:-rotate-301,
  .mobile\:hover\:-rotate-301:hover,
  .mobile\:focus\:-rotate-301:focus,
  .mobile\:group:hover .group-hover\:-rotate-301,
  .mobile\:group:focus-within .group-focus-within\:-rotate-301 {
    transform: rotate(-301deg);
  }
  .mobile\:-rotate-302,
  .mobile\:hover\:-rotate-302:hover,
  .mobile\:focus\:-rotate-302:focus,
  .mobile\:group:hover .group-hover\:-rotate-302,
  .mobile\:group:focus-within .group-focus-within\:-rotate-302 {
    transform: rotate(-302deg);
  }
  .mobile\:-rotate-303,
  .mobile\:hover\:-rotate-303:hover,
  .mobile\:focus\:-rotate-303:focus,
  .mobile\:group:hover .group-hover\:-rotate-303,
  .mobile\:group:focus-within .group-focus-within\:-rotate-303 {
    transform: rotate(-303deg);
  }
  .mobile\:-rotate-304,
  .mobile\:hover\:-rotate-304:hover,
  .mobile\:focus\:-rotate-304:focus,
  .mobile\:group:hover .group-hover\:-rotate-304,
  .mobile\:group:focus-within .group-focus-within\:-rotate-304 {
    transform: rotate(-304deg);
  }
  .mobile\:-rotate-305,
  .mobile\:hover\:-rotate-305:hover,
  .mobile\:focus\:-rotate-305:focus,
  .mobile\:group:hover .group-hover\:-rotate-305,
  .mobile\:group:focus-within .group-focus-within\:-rotate-305 {
    transform: rotate(-305deg);
  }
  .mobile\:-rotate-306,
  .mobile\:hover\:-rotate-306:hover,
  .mobile\:focus\:-rotate-306:focus,
  .mobile\:group:hover .group-hover\:-rotate-306,
  .mobile\:group:focus-within .group-focus-within\:-rotate-306 {
    transform: rotate(-306deg);
  }
  .mobile\:-rotate-307,
  .mobile\:hover\:-rotate-307:hover,
  .mobile\:focus\:-rotate-307:focus,
  .mobile\:group:hover .group-hover\:-rotate-307,
  .mobile\:group:focus-within .group-focus-within\:-rotate-307 {
    transform: rotate(-307deg);
  }
  .mobile\:-rotate-308,
  .mobile\:hover\:-rotate-308:hover,
  .mobile\:focus\:-rotate-308:focus,
  .mobile\:group:hover .group-hover\:-rotate-308,
  .mobile\:group:focus-within .group-focus-within\:-rotate-308 {
    transform: rotate(-308deg);
  }
  .mobile\:-rotate-309,
  .mobile\:hover\:-rotate-309:hover,
  .mobile\:focus\:-rotate-309:focus,
  .mobile\:group:hover .group-hover\:-rotate-309,
  .mobile\:group:focus-within .group-focus-within\:-rotate-309 {
    transform: rotate(-309deg);
  }
  .mobile\:-rotate-310,
  .mobile\:hover\:-rotate-310:hover,
  .mobile\:focus\:-rotate-310:focus,
  .mobile\:group:hover .group-hover\:-rotate-310,
  .mobile\:group:focus-within .group-focus-within\:-rotate-310 {
    transform: rotate(-310deg);
  }
  .mobile\:-rotate-311,
  .mobile\:hover\:-rotate-311:hover,
  .mobile\:focus\:-rotate-311:focus,
  .mobile\:group:hover .group-hover\:-rotate-311,
  .mobile\:group:focus-within .group-focus-within\:-rotate-311 {
    transform: rotate(-311deg);
  }
  .mobile\:-rotate-312,
  .mobile\:hover\:-rotate-312:hover,
  .mobile\:focus\:-rotate-312:focus,
  .mobile\:group:hover .group-hover\:-rotate-312,
  .mobile\:group:focus-within .group-focus-within\:-rotate-312 {
    transform: rotate(-312deg);
  }
  .mobile\:-rotate-313,
  .mobile\:hover\:-rotate-313:hover,
  .mobile\:focus\:-rotate-313:focus,
  .mobile\:group:hover .group-hover\:-rotate-313,
  .mobile\:group:focus-within .group-focus-within\:-rotate-313 {
    transform: rotate(-313deg);
  }
  .mobile\:-rotate-314,
  .mobile\:hover\:-rotate-314:hover,
  .mobile\:focus\:-rotate-314:focus,
  .mobile\:group:hover .group-hover\:-rotate-314,
  .mobile\:group:focus-within .group-focus-within\:-rotate-314 {
    transform: rotate(-314deg);
  }
  .mobile\:-rotate-315,
  .mobile\:hover\:-rotate-315:hover,
  .mobile\:focus\:-rotate-315:focus,
  .mobile\:group:hover .group-hover\:-rotate-315,
  .mobile\:group:focus-within .group-focus-within\:-rotate-315 {
    transform: rotate(-315deg);
  }
  .mobile\:-rotate-316,
  .mobile\:hover\:-rotate-316:hover,
  .mobile\:focus\:-rotate-316:focus,
  .mobile\:group:hover .group-hover\:-rotate-316,
  .mobile\:group:focus-within .group-focus-within\:-rotate-316 {
    transform: rotate(-316deg);
  }
  .mobile\:-rotate-317,
  .mobile\:hover\:-rotate-317:hover,
  .mobile\:focus\:-rotate-317:focus,
  .mobile\:group:hover .group-hover\:-rotate-317,
  .mobile\:group:focus-within .group-focus-within\:-rotate-317 {
    transform: rotate(-317deg);
  }
  .mobile\:-rotate-318,
  .mobile\:hover\:-rotate-318:hover,
  .mobile\:focus\:-rotate-318:focus,
  .mobile\:group:hover .group-hover\:-rotate-318,
  .mobile\:group:focus-within .group-focus-within\:-rotate-318 {
    transform: rotate(-318deg);
  }
  .mobile\:-rotate-319,
  .mobile\:hover\:-rotate-319:hover,
  .mobile\:focus\:-rotate-319:focus,
  .mobile\:group:hover .group-hover\:-rotate-319,
  .mobile\:group:focus-within .group-focus-within\:-rotate-319 {
    transform: rotate(-319deg);
  }
  .mobile\:-rotate-320,
  .mobile\:hover\:-rotate-320:hover,
  .mobile\:focus\:-rotate-320:focus,
  .mobile\:group:hover .group-hover\:-rotate-320,
  .mobile\:group:focus-within .group-focus-within\:-rotate-320 {
    transform: rotate(-320deg);
  }
  .mobile\:-rotate-321,
  .mobile\:hover\:-rotate-321:hover,
  .mobile\:focus\:-rotate-321:focus,
  .mobile\:group:hover .group-hover\:-rotate-321,
  .mobile\:group:focus-within .group-focus-within\:-rotate-321 {
    transform: rotate(-321deg);
  }
  .mobile\:-rotate-322,
  .mobile\:hover\:-rotate-322:hover,
  .mobile\:focus\:-rotate-322:focus,
  .mobile\:group:hover .group-hover\:-rotate-322,
  .mobile\:group:focus-within .group-focus-within\:-rotate-322 {
    transform: rotate(-322deg);
  }
  .mobile\:-rotate-323,
  .mobile\:hover\:-rotate-323:hover,
  .mobile\:focus\:-rotate-323:focus,
  .mobile\:group:hover .group-hover\:-rotate-323,
  .mobile\:group:focus-within .group-focus-within\:-rotate-323 {
    transform: rotate(-323deg);
  }
  .mobile\:-rotate-324,
  .mobile\:hover\:-rotate-324:hover,
  .mobile\:focus\:-rotate-324:focus,
  .mobile\:group:hover .group-hover\:-rotate-324,
  .mobile\:group:focus-within .group-focus-within\:-rotate-324 {
    transform: rotate(-324deg);
  }
  .mobile\:-rotate-325,
  .mobile\:hover\:-rotate-325:hover,
  .mobile\:focus\:-rotate-325:focus,
  .mobile\:group:hover .group-hover\:-rotate-325,
  .mobile\:group:focus-within .group-focus-within\:-rotate-325 {
    transform: rotate(-325deg);
  }
  .mobile\:-rotate-326,
  .mobile\:hover\:-rotate-326:hover,
  .mobile\:focus\:-rotate-326:focus,
  .mobile\:group:hover .group-hover\:-rotate-326,
  .mobile\:group:focus-within .group-focus-within\:-rotate-326 {
    transform: rotate(-326deg);
  }
  .mobile\:-rotate-327,
  .mobile\:hover\:-rotate-327:hover,
  .mobile\:focus\:-rotate-327:focus,
  .mobile\:group:hover .group-hover\:-rotate-327,
  .mobile\:group:focus-within .group-focus-within\:-rotate-327 {
    transform: rotate(-327deg);
  }
  .mobile\:-rotate-328,
  .mobile\:hover\:-rotate-328:hover,
  .mobile\:focus\:-rotate-328:focus,
  .mobile\:group:hover .group-hover\:-rotate-328,
  .mobile\:group:focus-within .group-focus-within\:-rotate-328 {
    transform: rotate(-328deg);
  }
  .mobile\:-rotate-329,
  .mobile\:hover\:-rotate-329:hover,
  .mobile\:focus\:-rotate-329:focus,
  .mobile\:group:hover .group-hover\:-rotate-329,
  .mobile\:group:focus-within .group-focus-within\:-rotate-329 {
    transform: rotate(-329deg);
  }
  .mobile\:-rotate-330,
  .mobile\:hover\:-rotate-330:hover,
  .mobile\:focus\:-rotate-330:focus,
  .mobile\:group:hover .group-hover\:-rotate-330,
  .mobile\:group:focus-within .group-focus-within\:-rotate-330 {
    transform: rotate(-330deg);
  }
  .mobile\:-rotate-331,
  .mobile\:hover\:-rotate-331:hover,
  .mobile\:focus\:-rotate-331:focus,
  .mobile\:group:hover .group-hover\:-rotate-331,
  .mobile\:group:focus-within .group-focus-within\:-rotate-331 {
    transform: rotate(-331deg);
  }
  .mobile\:-rotate-332,
  .mobile\:hover\:-rotate-332:hover,
  .mobile\:focus\:-rotate-332:focus,
  .mobile\:group:hover .group-hover\:-rotate-332,
  .mobile\:group:focus-within .group-focus-within\:-rotate-332 {
    transform: rotate(-332deg);
  }
  .mobile\:-rotate-333,
  .mobile\:hover\:-rotate-333:hover,
  .mobile\:focus\:-rotate-333:focus,
  .mobile\:group:hover .group-hover\:-rotate-333,
  .mobile\:group:focus-within .group-focus-within\:-rotate-333 {
    transform: rotate(-333deg);
  }
  .mobile\:-rotate-334,
  .mobile\:hover\:-rotate-334:hover,
  .mobile\:focus\:-rotate-334:focus,
  .mobile\:group:hover .group-hover\:-rotate-334,
  .mobile\:group:focus-within .group-focus-within\:-rotate-334 {
    transform: rotate(-334deg);
  }
  .mobile\:-rotate-335,
  .mobile\:hover\:-rotate-335:hover,
  .mobile\:focus\:-rotate-335:focus,
  .mobile\:group:hover .group-hover\:-rotate-335,
  .mobile\:group:focus-within .group-focus-within\:-rotate-335 {
    transform: rotate(-335deg);
  }
  .mobile\:-rotate-336,
  .mobile\:hover\:-rotate-336:hover,
  .mobile\:focus\:-rotate-336:focus,
  .mobile\:group:hover .group-hover\:-rotate-336,
  .mobile\:group:focus-within .group-focus-within\:-rotate-336 {
    transform: rotate(-336deg);
  }
  .mobile\:-rotate-337,
  .mobile\:hover\:-rotate-337:hover,
  .mobile\:focus\:-rotate-337:focus,
  .mobile\:group:hover .group-hover\:-rotate-337,
  .mobile\:group:focus-within .group-focus-within\:-rotate-337 {
    transform: rotate(-337deg);
  }
  .mobile\:-rotate-338,
  .mobile\:hover\:-rotate-338:hover,
  .mobile\:focus\:-rotate-338:focus,
  .mobile\:group:hover .group-hover\:-rotate-338,
  .mobile\:group:focus-within .group-focus-within\:-rotate-338 {
    transform: rotate(-338deg);
  }
  .mobile\:-rotate-339,
  .mobile\:hover\:-rotate-339:hover,
  .mobile\:focus\:-rotate-339:focus,
  .mobile\:group:hover .group-hover\:-rotate-339,
  .mobile\:group:focus-within .group-focus-within\:-rotate-339 {
    transform: rotate(-339deg);
  }
  .mobile\:-rotate-340,
  .mobile\:hover\:-rotate-340:hover,
  .mobile\:focus\:-rotate-340:focus,
  .mobile\:group:hover .group-hover\:-rotate-340,
  .mobile\:group:focus-within .group-focus-within\:-rotate-340 {
    transform: rotate(-340deg);
  }
  .mobile\:-rotate-341,
  .mobile\:hover\:-rotate-341:hover,
  .mobile\:focus\:-rotate-341:focus,
  .mobile\:group:hover .group-hover\:-rotate-341,
  .mobile\:group:focus-within .group-focus-within\:-rotate-341 {
    transform: rotate(-341deg);
  }
  .mobile\:-rotate-342,
  .mobile\:hover\:-rotate-342:hover,
  .mobile\:focus\:-rotate-342:focus,
  .mobile\:group:hover .group-hover\:-rotate-342,
  .mobile\:group:focus-within .group-focus-within\:-rotate-342 {
    transform: rotate(-342deg);
  }
  .mobile\:-rotate-343,
  .mobile\:hover\:-rotate-343:hover,
  .mobile\:focus\:-rotate-343:focus,
  .mobile\:group:hover .group-hover\:-rotate-343,
  .mobile\:group:focus-within .group-focus-within\:-rotate-343 {
    transform: rotate(-343deg);
  }
  .mobile\:-rotate-344,
  .mobile\:hover\:-rotate-344:hover,
  .mobile\:focus\:-rotate-344:focus,
  .mobile\:group:hover .group-hover\:-rotate-344,
  .mobile\:group:focus-within .group-focus-within\:-rotate-344 {
    transform: rotate(-344deg);
  }
  .mobile\:-rotate-345,
  .mobile\:hover\:-rotate-345:hover,
  .mobile\:focus\:-rotate-345:focus,
  .mobile\:group:hover .group-hover\:-rotate-345,
  .mobile\:group:focus-within .group-focus-within\:-rotate-345 {
    transform: rotate(-345deg);
  }
  .mobile\:-rotate-346,
  .mobile\:hover\:-rotate-346:hover,
  .mobile\:focus\:-rotate-346:focus,
  .mobile\:group:hover .group-hover\:-rotate-346,
  .mobile\:group:focus-within .group-focus-within\:-rotate-346 {
    transform: rotate(-346deg);
  }
  .mobile\:-rotate-347,
  .mobile\:hover\:-rotate-347:hover,
  .mobile\:focus\:-rotate-347:focus,
  .mobile\:group:hover .group-hover\:-rotate-347,
  .mobile\:group:focus-within .group-focus-within\:-rotate-347 {
    transform: rotate(-347deg);
  }
  .mobile\:-rotate-348,
  .mobile\:hover\:-rotate-348:hover,
  .mobile\:focus\:-rotate-348:focus,
  .mobile\:group:hover .group-hover\:-rotate-348,
  .mobile\:group:focus-within .group-focus-within\:-rotate-348 {
    transform: rotate(-348deg);
  }
  .mobile\:-rotate-349,
  .mobile\:hover\:-rotate-349:hover,
  .mobile\:focus\:-rotate-349:focus,
  .mobile\:group:hover .group-hover\:-rotate-349,
  .mobile\:group:focus-within .group-focus-within\:-rotate-349 {
    transform: rotate(-349deg);
  }
  .mobile\:-rotate-350,
  .mobile\:hover\:-rotate-350:hover,
  .mobile\:focus\:-rotate-350:focus,
  .mobile\:group:hover .group-hover\:-rotate-350,
  .mobile\:group:focus-within .group-focus-within\:-rotate-350 {
    transform: rotate(-350deg);
  }
  .mobile\:-rotate-351,
  .mobile\:hover\:-rotate-351:hover,
  .mobile\:focus\:-rotate-351:focus,
  .mobile\:group:hover .group-hover\:-rotate-351,
  .mobile\:group:focus-within .group-focus-within\:-rotate-351 {
    transform: rotate(-351deg);
  }
  .mobile\:-rotate-352,
  .mobile\:hover\:-rotate-352:hover,
  .mobile\:focus\:-rotate-352:focus,
  .mobile\:group:hover .group-hover\:-rotate-352,
  .mobile\:group:focus-within .group-focus-within\:-rotate-352 {
    transform: rotate(-352deg);
  }
  .mobile\:-rotate-353,
  .mobile\:hover\:-rotate-353:hover,
  .mobile\:focus\:-rotate-353:focus,
  .mobile\:group:hover .group-hover\:-rotate-353,
  .mobile\:group:focus-within .group-focus-within\:-rotate-353 {
    transform: rotate(-353deg);
  }
  .mobile\:-rotate-354,
  .mobile\:hover\:-rotate-354:hover,
  .mobile\:focus\:-rotate-354:focus,
  .mobile\:group:hover .group-hover\:-rotate-354,
  .mobile\:group:focus-within .group-focus-within\:-rotate-354 {
    transform: rotate(-354deg);
  }
  .mobile\:-rotate-355,
  .mobile\:hover\:-rotate-355:hover,
  .mobile\:focus\:-rotate-355:focus,
  .mobile\:group:hover .group-hover\:-rotate-355,
  .mobile\:group:focus-within .group-focus-within\:-rotate-355 {
    transform: rotate(-355deg);
  }
  .mobile\:-rotate-356,
  .mobile\:hover\:-rotate-356:hover,
  .mobile\:focus\:-rotate-356:focus,
  .mobile\:group:hover .group-hover\:-rotate-356,
  .mobile\:group:focus-within .group-focus-within\:-rotate-356 {
    transform: rotate(-356deg);
  }
  .mobile\:-rotate-357,
  .mobile\:hover\:-rotate-357:hover,
  .mobile\:focus\:-rotate-357:focus,
  .mobile\:group:hover .group-hover\:-rotate-357,
  .mobile\:group:focus-within .group-focus-within\:-rotate-357 {
    transform: rotate(-357deg);
  }
  .mobile\:-rotate-358,
  .mobile\:hover\:-rotate-358:hover,
  .mobile\:focus\:-rotate-358:focus,
  .mobile\:group:hover .group-hover\:-rotate-358,
  .mobile\:group:focus-within .group-focus-within\:-rotate-358 {
    transform: rotate(-358deg);
  }
  .mobile\:-rotate-359,
  .mobile\:hover\:-rotate-359:hover,
  .mobile\:focus\:-rotate-359:focus,
  .mobile\:group:hover .group-hover\:-rotate-359,
  .mobile\:group:focus-within .group-focus-within\:-rotate-359 {
    transform: rotate(-359deg);
  }
  .mobile\:-rotate-360,
  .mobile\:hover\:-rotate-360:hover,
  .mobile\:focus\:-rotate-360:focus,
  .mobile\:group:hover .group-hover\:-rotate-360,
  .mobile\:group:focus-within .group-focus-within\:-rotate-360 {
    transform: rotate(-360deg);
  }
  .mobile\:rotate-0,
  .mobile\:hover\:rotate-0:hover,
  .mobile\:focus\:rotate-0:focus,
  .mobile\:group:hover .group-hover\:rotate-0,
  .mobile\:group:focus-within .group-focus-within\:rotate-0 {
    transform: rotate(0deg);
  }
  .mobile\:rotate-1,
  .mobile\:hover\:rotate-1:hover,
  .mobile\:focus\:rotate-1:focus,
  .mobile\:group:hover .group-hover\:rotate-1,
  .mobile\:group:focus-within .group-focus-within\:rotate-1 {
    transform: rotate(1deg);
  }
  .mobile\:rotate-2,
  .mobile\:hover\:rotate-2:hover,
  .mobile\:focus\:rotate-2:focus,
  .mobile\:group:hover .group-hover\:rotate-2,
  .mobile\:group:focus-within .group-focus-within\:rotate-2 {
    transform: rotate(2deg);
  }
  .mobile\:rotate-3,
  .mobile\:hover\:rotate-3:hover,
  .mobile\:focus\:rotate-3:focus,
  .mobile\:group:hover .group-hover\:rotate-3,
  .mobile\:group:focus-within .group-focus-within\:rotate-3 {
    transform: rotate(3deg);
  }
  .mobile\:rotate-4,
  .mobile\:hover\:rotate-4:hover,
  .mobile\:focus\:rotate-4:focus,
  .mobile\:group:hover .group-hover\:rotate-4,
  .mobile\:group:focus-within .group-focus-within\:rotate-4 {
    transform: rotate(4deg);
  }
  .mobile\:rotate-5,
  .mobile\:hover\:rotate-5:hover,
  .mobile\:focus\:rotate-5:focus,
  .mobile\:group:hover .group-hover\:rotate-5,
  .mobile\:group:focus-within .group-focus-within\:rotate-5 {
    transform: rotate(5deg);
  }
  .mobile\:rotate-6,
  .mobile\:hover\:rotate-6:hover,
  .mobile\:focus\:rotate-6:focus,
  .mobile\:group:hover .group-hover\:rotate-6,
  .mobile\:group:focus-within .group-focus-within\:rotate-6 {
    transform: rotate(6deg);
  }
  .mobile\:rotate-7,
  .mobile\:hover\:rotate-7:hover,
  .mobile\:focus\:rotate-7:focus,
  .mobile\:group:hover .group-hover\:rotate-7,
  .mobile\:group:focus-within .group-focus-within\:rotate-7 {
    transform: rotate(7deg);
  }
  .mobile\:rotate-8,
  .mobile\:hover\:rotate-8:hover,
  .mobile\:focus\:rotate-8:focus,
  .mobile\:group:hover .group-hover\:rotate-8,
  .mobile\:group:focus-within .group-focus-within\:rotate-8 {
    transform: rotate(8deg);
  }
  .mobile\:rotate-9,
  .mobile\:hover\:rotate-9:hover,
  .mobile\:focus\:rotate-9:focus,
  .mobile\:group:hover .group-hover\:rotate-9,
  .mobile\:group:focus-within .group-focus-within\:rotate-9 {
    transform: rotate(9deg);
  }
  .mobile\:rotate-10,
  .mobile\:hover\:rotate-10:hover,
  .mobile\:focus\:rotate-10:focus,
  .mobile\:group:hover .group-hover\:rotate-10,
  .mobile\:group:focus-within .group-focus-within\:rotate-10 {
    transform: rotate(10deg);
  }
  .mobile\:rotate-11,
  .mobile\:hover\:rotate-11:hover,
  .mobile\:focus\:rotate-11:focus,
  .mobile\:group:hover .group-hover\:rotate-11,
  .mobile\:group:focus-within .group-focus-within\:rotate-11 {
    transform: rotate(11deg);
  }
  .mobile\:rotate-12,
  .mobile\:hover\:rotate-12:hover,
  .mobile\:focus\:rotate-12:focus,
  .mobile\:group:hover .group-hover\:rotate-12,
  .mobile\:group:focus-within .group-focus-within\:rotate-12 {
    transform: rotate(12deg);
  }
  .mobile\:rotate-13,
  .mobile\:hover\:rotate-13:hover,
  .mobile\:focus\:rotate-13:focus,
  .mobile\:group:hover .group-hover\:rotate-13,
  .mobile\:group:focus-within .group-focus-within\:rotate-13 {
    transform: rotate(13deg);
  }
  .mobile\:rotate-14,
  .mobile\:hover\:rotate-14:hover,
  .mobile\:focus\:rotate-14:focus,
  .mobile\:group:hover .group-hover\:rotate-14,
  .mobile\:group:focus-within .group-focus-within\:rotate-14 {
    transform: rotate(14deg);
  }
  .mobile\:rotate-15,
  .mobile\:hover\:rotate-15:hover,
  .mobile\:focus\:rotate-15:focus,
  .mobile\:group:hover .group-hover\:rotate-15,
  .mobile\:group:focus-within .group-focus-within\:rotate-15 {
    transform: rotate(15deg);
  }
  .mobile\:rotate-16,
  .mobile\:hover\:rotate-16:hover,
  .mobile\:focus\:rotate-16:focus,
  .mobile\:group:hover .group-hover\:rotate-16,
  .mobile\:group:focus-within .group-focus-within\:rotate-16 {
    transform: rotate(16deg);
  }
  .mobile\:rotate-17,
  .mobile\:hover\:rotate-17:hover,
  .mobile\:focus\:rotate-17:focus,
  .mobile\:group:hover .group-hover\:rotate-17,
  .mobile\:group:focus-within .group-focus-within\:rotate-17 {
    transform: rotate(17deg);
  }
  .mobile\:rotate-18,
  .mobile\:hover\:rotate-18:hover,
  .mobile\:focus\:rotate-18:focus,
  .mobile\:group:hover .group-hover\:rotate-18,
  .mobile\:group:focus-within .group-focus-within\:rotate-18 {
    transform: rotate(18deg);
  }
  .mobile\:rotate-19,
  .mobile\:hover\:rotate-19:hover,
  .mobile\:focus\:rotate-19:focus,
  .mobile\:group:hover .group-hover\:rotate-19,
  .mobile\:group:focus-within .group-focus-within\:rotate-19 {
    transform: rotate(19deg);
  }
  .mobile\:rotate-20,
  .mobile\:hover\:rotate-20:hover,
  .mobile\:focus\:rotate-20:focus,
  .mobile\:group:hover .group-hover\:rotate-20,
  .mobile\:group:focus-within .group-focus-within\:rotate-20 {
    transform: rotate(20deg);
  }
  .mobile\:rotate-21,
  .mobile\:hover\:rotate-21:hover,
  .mobile\:focus\:rotate-21:focus,
  .mobile\:group:hover .group-hover\:rotate-21,
  .mobile\:group:focus-within .group-focus-within\:rotate-21 {
    transform: rotate(21deg);
  }
  .mobile\:rotate-22,
  .mobile\:hover\:rotate-22:hover,
  .mobile\:focus\:rotate-22:focus,
  .mobile\:group:hover .group-hover\:rotate-22,
  .mobile\:group:focus-within .group-focus-within\:rotate-22 {
    transform: rotate(22deg);
  }
  .mobile\:rotate-23,
  .mobile\:hover\:rotate-23:hover,
  .mobile\:focus\:rotate-23:focus,
  .mobile\:group:hover .group-hover\:rotate-23,
  .mobile\:group:focus-within .group-focus-within\:rotate-23 {
    transform: rotate(23deg);
  }
  .mobile\:rotate-24,
  .mobile\:hover\:rotate-24:hover,
  .mobile\:focus\:rotate-24:focus,
  .mobile\:group:hover .group-hover\:rotate-24,
  .mobile\:group:focus-within .group-focus-within\:rotate-24 {
    transform: rotate(24deg);
  }
  .mobile\:rotate-25,
  .mobile\:hover\:rotate-25:hover,
  .mobile\:focus\:rotate-25:focus,
  .mobile\:group:hover .group-hover\:rotate-25,
  .mobile\:group:focus-within .group-focus-within\:rotate-25 {
    transform: rotate(25deg);
  }
  .mobile\:rotate-26,
  .mobile\:hover\:rotate-26:hover,
  .mobile\:focus\:rotate-26:focus,
  .mobile\:group:hover .group-hover\:rotate-26,
  .mobile\:group:focus-within .group-focus-within\:rotate-26 {
    transform: rotate(26deg);
  }
  .mobile\:rotate-27,
  .mobile\:hover\:rotate-27:hover,
  .mobile\:focus\:rotate-27:focus,
  .mobile\:group:hover .group-hover\:rotate-27,
  .mobile\:group:focus-within .group-focus-within\:rotate-27 {
    transform: rotate(27deg);
  }
  .mobile\:rotate-28,
  .mobile\:hover\:rotate-28:hover,
  .mobile\:focus\:rotate-28:focus,
  .mobile\:group:hover .group-hover\:rotate-28,
  .mobile\:group:focus-within .group-focus-within\:rotate-28 {
    transform: rotate(28deg);
  }
  .mobile\:rotate-29,
  .mobile\:hover\:rotate-29:hover,
  .mobile\:focus\:rotate-29:focus,
  .mobile\:group:hover .group-hover\:rotate-29,
  .mobile\:group:focus-within .group-focus-within\:rotate-29 {
    transform: rotate(29deg);
  }
  .mobile\:rotate-30,
  .mobile\:hover\:rotate-30:hover,
  .mobile\:focus\:rotate-30:focus,
  .mobile\:group:hover .group-hover\:rotate-30,
  .mobile\:group:focus-within .group-focus-within\:rotate-30 {
    transform: rotate(30deg);
  }
  .mobile\:rotate-31,
  .mobile\:hover\:rotate-31:hover,
  .mobile\:focus\:rotate-31:focus,
  .mobile\:group:hover .group-hover\:rotate-31,
  .mobile\:group:focus-within .group-focus-within\:rotate-31 {
    transform: rotate(31deg);
  }
  .mobile\:rotate-32,
  .mobile\:hover\:rotate-32:hover,
  .mobile\:focus\:rotate-32:focus,
  .mobile\:group:hover .group-hover\:rotate-32,
  .mobile\:group:focus-within .group-focus-within\:rotate-32 {
    transform: rotate(32deg);
  }
  .mobile\:rotate-33,
  .mobile\:hover\:rotate-33:hover,
  .mobile\:focus\:rotate-33:focus,
  .mobile\:group:hover .group-hover\:rotate-33,
  .mobile\:group:focus-within .group-focus-within\:rotate-33 {
    transform: rotate(33deg);
  }
  .mobile\:rotate-34,
  .mobile\:hover\:rotate-34:hover,
  .mobile\:focus\:rotate-34:focus,
  .mobile\:group:hover .group-hover\:rotate-34,
  .mobile\:group:focus-within .group-focus-within\:rotate-34 {
    transform: rotate(34deg);
  }
  .mobile\:rotate-35,
  .mobile\:hover\:rotate-35:hover,
  .mobile\:focus\:rotate-35:focus,
  .mobile\:group:hover .group-hover\:rotate-35,
  .mobile\:group:focus-within .group-focus-within\:rotate-35 {
    transform: rotate(35deg);
  }
  .mobile\:rotate-36,
  .mobile\:hover\:rotate-36:hover,
  .mobile\:focus\:rotate-36:focus,
  .mobile\:group:hover .group-hover\:rotate-36,
  .mobile\:group:focus-within .group-focus-within\:rotate-36 {
    transform: rotate(36deg);
  }
  .mobile\:rotate-37,
  .mobile\:hover\:rotate-37:hover,
  .mobile\:focus\:rotate-37:focus,
  .mobile\:group:hover .group-hover\:rotate-37,
  .mobile\:group:focus-within .group-focus-within\:rotate-37 {
    transform: rotate(37deg);
  }
  .mobile\:rotate-38,
  .mobile\:hover\:rotate-38:hover,
  .mobile\:focus\:rotate-38:focus,
  .mobile\:group:hover .group-hover\:rotate-38,
  .mobile\:group:focus-within .group-focus-within\:rotate-38 {
    transform: rotate(38deg);
  }
  .mobile\:rotate-39,
  .mobile\:hover\:rotate-39:hover,
  .mobile\:focus\:rotate-39:focus,
  .mobile\:group:hover .group-hover\:rotate-39,
  .mobile\:group:focus-within .group-focus-within\:rotate-39 {
    transform: rotate(39deg);
  }
  .mobile\:rotate-40,
  .mobile\:hover\:rotate-40:hover,
  .mobile\:focus\:rotate-40:focus,
  .mobile\:group:hover .group-hover\:rotate-40,
  .mobile\:group:focus-within .group-focus-within\:rotate-40 {
    transform: rotate(40deg);
  }
  .mobile\:rotate-41,
  .mobile\:hover\:rotate-41:hover,
  .mobile\:focus\:rotate-41:focus,
  .mobile\:group:hover .group-hover\:rotate-41,
  .mobile\:group:focus-within .group-focus-within\:rotate-41 {
    transform: rotate(41deg);
  }
  .mobile\:rotate-42,
  .mobile\:hover\:rotate-42:hover,
  .mobile\:focus\:rotate-42:focus,
  .mobile\:group:hover .group-hover\:rotate-42,
  .mobile\:group:focus-within .group-focus-within\:rotate-42 {
    transform: rotate(42deg);
  }
  .mobile\:rotate-43,
  .mobile\:hover\:rotate-43:hover,
  .mobile\:focus\:rotate-43:focus,
  .mobile\:group:hover .group-hover\:rotate-43,
  .mobile\:group:focus-within .group-focus-within\:rotate-43 {
    transform: rotate(43deg);
  }
  .mobile\:rotate-44,
  .mobile\:hover\:rotate-44:hover,
  .mobile\:focus\:rotate-44:focus,
  .mobile\:group:hover .group-hover\:rotate-44,
  .mobile\:group:focus-within .group-focus-within\:rotate-44 {
    transform: rotate(44deg);
  }
  .mobile\:rotate-45,
  .mobile\:hover\:rotate-45:hover,
  .mobile\:focus\:rotate-45:focus,
  .mobile\:group:hover .group-hover\:rotate-45,
  .mobile\:group:focus-within .group-focus-within\:rotate-45 {
    transform: rotate(45deg);
  }
  .mobile\:rotate-46,
  .mobile\:hover\:rotate-46:hover,
  .mobile\:focus\:rotate-46:focus,
  .mobile\:group:hover .group-hover\:rotate-46,
  .mobile\:group:focus-within .group-focus-within\:rotate-46 {
    transform: rotate(46deg);
  }
  .mobile\:rotate-47,
  .mobile\:hover\:rotate-47:hover,
  .mobile\:focus\:rotate-47:focus,
  .mobile\:group:hover .group-hover\:rotate-47,
  .mobile\:group:focus-within .group-focus-within\:rotate-47 {
    transform: rotate(47deg);
  }
  .mobile\:rotate-48,
  .mobile\:hover\:rotate-48:hover,
  .mobile\:focus\:rotate-48:focus,
  .mobile\:group:hover .group-hover\:rotate-48,
  .mobile\:group:focus-within .group-focus-within\:rotate-48 {
    transform: rotate(48deg);
  }
  .mobile\:rotate-49,
  .mobile\:hover\:rotate-49:hover,
  .mobile\:focus\:rotate-49:focus,
  .mobile\:group:hover .group-hover\:rotate-49,
  .mobile\:group:focus-within .group-focus-within\:rotate-49 {
    transform: rotate(49deg);
  }
  .mobile\:rotate-50,
  .mobile\:hover\:rotate-50:hover,
  .mobile\:focus\:rotate-50:focus,
  .mobile\:group:hover .group-hover\:rotate-50,
  .mobile\:group:focus-within .group-focus-within\:rotate-50 {
    transform: rotate(50deg);
  }
  .mobile\:rotate-51,
  .mobile\:hover\:rotate-51:hover,
  .mobile\:focus\:rotate-51:focus,
  .mobile\:group:hover .group-hover\:rotate-51,
  .mobile\:group:focus-within .group-focus-within\:rotate-51 {
    transform: rotate(51deg);
  }
  .mobile\:rotate-52,
  .mobile\:hover\:rotate-52:hover,
  .mobile\:focus\:rotate-52:focus,
  .mobile\:group:hover .group-hover\:rotate-52,
  .mobile\:group:focus-within .group-focus-within\:rotate-52 {
    transform: rotate(52deg);
  }
  .mobile\:rotate-53,
  .mobile\:hover\:rotate-53:hover,
  .mobile\:focus\:rotate-53:focus,
  .mobile\:group:hover .group-hover\:rotate-53,
  .mobile\:group:focus-within .group-focus-within\:rotate-53 {
    transform: rotate(53deg);
  }
  .mobile\:rotate-54,
  .mobile\:hover\:rotate-54:hover,
  .mobile\:focus\:rotate-54:focus,
  .mobile\:group:hover .group-hover\:rotate-54,
  .mobile\:group:focus-within .group-focus-within\:rotate-54 {
    transform: rotate(54deg);
  }
  .mobile\:rotate-55,
  .mobile\:hover\:rotate-55:hover,
  .mobile\:focus\:rotate-55:focus,
  .mobile\:group:hover .group-hover\:rotate-55,
  .mobile\:group:focus-within .group-focus-within\:rotate-55 {
    transform: rotate(55deg);
  }
  .mobile\:rotate-56,
  .mobile\:hover\:rotate-56:hover,
  .mobile\:focus\:rotate-56:focus,
  .mobile\:group:hover .group-hover\:rotate-56,
  .mobile\:group:focus-within .group-focus-within\:rotate-56 {
    transform: rotate(56deg);
  }
  .mobile\:rotate-57,
  .mobile\:hover\:rotate-57:hover,
  .mobile\:focus\:rotate-57:focus,
  .mobile\:group:hover .group-hover\:rotate-57,
  .mobile\:group:focus-within .group-focus-within\:rotate-57 {
    transform: rotate(57deg);
  }
  .mobile\:rotate-58,
  .mobile\:hover\:rotate-58:hover,
  .mobile\:focus\:rotate-58:focus,
  .mobile\:group:hover .group-hover\:rotate-58,
  .mobile\:group:focus-within .group-focus-within\:rotate-58 {
    transform: rotate(58deg);
  }
  .mobile\:rotate-59,
  .mobile\:hover\:rotate-59:hover,
  .mobile\:focus\:rotate-59:focus,
  .mobile\:group:hover .group-hover\:rotate-59,
  .mobile\:group:focus-within .group-focus-within\:rotate-59 {
    transform: rotate(59deg);
  }
  .mobile\:rotate-60,
  .mobile\:hover\:rotate-60:hover,
  .mobile\:focus\:rotate-60:focus,
  .mobile\:group:hover .group-hover\:rotate-60,
  .mobile\:group:focus-within .group-focus-within\:rotate-60 {
    transform: rotate(60deg);
  }
  .mobile\:rotate-61,
  .mobile\:hover\:rotate-61:hover,
  .mobile\:focus\:rotate-61:focus,
  .mobile\:group:hover .group-hover\:rotate-61,
  .mobile\:group:focus-within .group-focus-within\:rotate-61 {
    transform: rotate(61deg);
  }
  .mobile\:rotate-62,
  .mobile\:hover\:rotate-62:hover,
  .mobile\:focus\:rotate-62:focus,
  .mobile\:group:hover .group-hover\:rotate-62,
  .mobile\:group:focus-within .group-focus-within\:rotate-62 {
    transform: rotate(62deg);
  }
  .mobile\:rotate-63,
  .mobile\:hover\:rotate-63:hover,
  .mobile\:focus\:rotate-63:focus,
  .mobile\:group:hover .group-hover\:rotate-63,
  .mobile\:group:focus-within .group-focus-within\:rotate-63 {
    transform: rotate(63deg);
  }
  .mobile\:rotate-64,
  .mobile\:hover\:rotate-64:hover,
  .mobile\:focus\:rotate-64:focus,
  .mobile\:group:hover .group-hover\:rotate-64,
  .mobile\:group:focus-within .group-focus-within\:rotate-64 {
    transform: rotate(64deg);
  }
  .mobile\:rotate-65,
  .mobile\:hover\:rotate-65:hover,
  .mobile\:focus\:rotate-65:focus,
  .mobile\:group:hover .group-hover\:rotate-65,
  .mobile\:group:focus-within .group-focus-within\:rotate-65 {
    transform: rotate(65deg);
  }
  .mobile\:rotate-66,
  .mobile\:hover\:rotate-66:hover,
  .mobile\:focus\:rotate-66:focus,
  .mobile\:group:hover .group-hover\:rotate-66,
  .mobile\:group:focus-within .group-focus-within\:rotate-66 {
    transform: rotate(66deg);
  }
  .mobile\:rotate-67,
  .mobile\:hover\:rotate-67:hover,
  .mobile\:focus\:rotate-67:focus,
  .mobile\:group:hover .group-hover\:rotate-67,
  .mobile\:group:focus-within .group-focus-within\:rotate-67 {
    transform: rotate(67deg);
  }
  .mobile\:rotate-68,
  .mobile\:hover\:rotate-68:hover,
  .mobile\:focus\:rotate-68:focus,
  .mobile\:group:hover .group-hover\:rotate-68,
  .mobile\:group:focus-within .group-focus-within\:rotate-68 {
    transform: rotate(68deg);
  }
  .mobile\:rotate-69,
  .mobile\:hover\:rotate-69:hover,
  .mobile\:focus\:rotate-69:focus,
  .mobile\:group:hover .group-hover\:rotate-69,
  .mobile\:group:focus-within .group-focus-within\:rotate-69 {
    transform: rotate(69deg);
  }
  .mobile\:rotate-70,
  .mobile\:hover\:rotate-70:hover,
  .mobile\:focus\:rotate-70:focus,
  .mobile\:group:hover .group-hover\:rotate-70,
  .mobile\:group:focus-within .group-focus-within\:rotate-70 {
    transform: rotate(70deg);
  }
  .mobile\:rotate-71,
  .mobile\:hover\:rotate-71:hover,
  .mobile\:focus\:rotate-71:focus,
  .mobile\:group:hover .group-hover\:rotate-71,
  .mobile\:group:focus-within .group-focus-within\:rotate-71 {
    transform: rotate(71deg);
  }
  .mobile\:rotate-72,
  .mobile\:hover\:rotate-72:hover,
  .mobile\:focus\:rotate-72:focus,
  .mobile\:group:hover .group-hover\:rotate-72,
  .mobile\:group:focus-within .group-focus-within\:rotate-72 {
    transform: rotate(72deg);
  }
  .mobile\:rotate-73,
  .mobile\:hover\:rotate-73:hover,
  .mobile\:focus\:rotate-73:focus,
  .mobile\:group:hover .group-hover\:rotate-73,
  .mobile\:group:focus-within .group-focus-within\:rotate-73 {
    transform: rotate(73deg);
  }
  .mobile\:rotate-74,
  .mobile\:hover\:rotate-74:hover,
  .mobile\:focus\:rotate-74:focus,
  .mobile\:group:hover .group-hover\:rotate-74,
  .mobile\:group:focus-within .group-focus-within\:rotate-74 {
    transform: rotate(74deg);
  }
  .mobile\:rotate-75,
  .mobile\:hover\:rotate-75:hover,
  .mobile\:focus\:rotate-75:focus,
  .mobile\:group:hover .group-hover\:rotate-75,
  .mobile\:group:focus-within .group-focus-within\:rotate-75 {
    transform: rotate(75deg);
  }
  .mobile\:rotate-76,
  .mobile\:hover\:rotate-76:hover,
  .mobile\:focus\:rotate-76:focus,
  .mobile\:group:hover .group-hover\:rotate-76,
  .mobile\:group:focus-within .group-focus-within\:rotate-76 {
    transform: rotate(76deg);
  }
  .mobile\:rotate-77,
  .mobile\:hover\:rotate-77:hover,
  .mobile\:focus\:rotate-77:focus,
  .mobile\:group:hover .group-hover\:rotate-77,
  .mobile\:group:focus-within .group-focus-within\:rotate-77 {
    transform: rotate(77deg);
  }
  .mobile\:rotate-78,
  .mobile\:hover\:rotate-78:hover,
  .mobile\:focus\:rotate-78:focus,
  .mobile\:group:hover .group-hover\:rotate-78,
  .mobile\:group:focus-within .group-focus-within\:rotate-78 {
    transform: rotate(78deg);
  }
  .mobile\:rotate-79,
  .mobile\:hover\:rotate-79:hover,
  .mobile\:focus\:rotate-79:focus,
  .mobile\:group:hover .group-hover\:rotate-79,
  .mobile\:group:focus-within .group-focus-within\:rotate-79 {
    transform: rotate(79deg);
  }
  .mobile\:rotate-80,
  .mobile\:hover\:rotate-80:hover,
  .mobile\:focus\:rotate-80:focus,
  .mobile\:group:hover .group-hover\:rotate-80,
  .mobile\:group:focus-within .group-focus-within\:rotate-80 {
    transform: rotate(80deg);
  }
  .mobile\:rotate-81,
  .mobile\:hover\:rotate-81:hover,
  .mobile\:focus\:rotate-81:focus,
  .mobile\:group:hover .group-hover\:rotate-81,
  .mobile\:group:focus-within .group-focus-within\:rotate-81 {
    transform: rotate(81deg);
  }
  .mobile\:rotate-82,
  .mobile\:hover\:rotate-82:hover,
  .mobile\:focus\:rotate-82:focus,
  .mobile\:group:hover .group-hover\:rotate-82,
  .mobile\:group:focus-within .group-focus-within\:rotate-82 {
    transform: rotate(82deg);
  }
  .mobile\:rotate-83,
  .mobile\:hover\:rotate-83:hover,
  .mobile\:focus\:rotate-83:focus,
  .mobile\:group:hover .group-hover\:rotate-83,
  .mobile\:group:focus-within .group-focus-within\:rotate-83 {
    transform: rotate(83deg);
  }
  .mobile\:rotate-84,
  .mobile\:hover\:rotate-84:hover,
  .mobile\:focus\:rotate-84:focus,
  .mobile\:group:hover .group-hover\:rotate-84,
  .mobile\:group:focus-within .group-focus-within\:rotate-84 {
    transform: rotate(84deg);
  }
  .mobile\:rotate-85,
  .mobile\:hover\:rotate-85:hover,
  .mobile\:focus\:rotate-85:focus,
  .mobile\:group:hover .group-hover\:rotate-85,
  .mobile\:group:focus-within .group-focus-within\:rotate-85 {
    transform: rotate(85deg);
  }
  .mobile\:rotate-86,
  .mobile\:hover\:rotate-86:hover,
  .mobile\:focus\:rotate-86:focus,
  .mobile\:group:hover .group-hover\:rotate-86,
  .mobile\:group:focus-within .group-focus-within\:rotate-86 {
    transform: rotate(86deg);
  }
  .mobile\:rotate-87,
  .mobile\:hover\:rotate-87:hover,
  .mobile\:focus\:rotate-87:focus,
  .mobile\:group:hover .group-hover\:rotate-87,
  .mobile\:group:focus-within .group-focus-within\:rotate-87 {
    transform: rotate(87deg);
  }
  .mobile\:rotate-88,
  .mobile\:hover\:rotate-88:hover,
  .mobile\:focus\:rotate-88:focus,
  .mobile\:group:hover .group-hover\:rotate-88,
  .mobile\:group:focus-within .group-focus-within\:rotate-88 {
    transform: rotate(88deg);
  }
  .mobile\:rotate-89,
  .mobile\:hover\:rotate-89:hover,
  .mobile\:focus\:rotate-89:focus,
  .mobile\:group:hover .group-hover\:rotate-89,
  .mobile\:group:focus-within .group-focus-within\:rotate-89 {
    transform: rotate(89deg);
  }
  .mobile\:rotate-90,
  .mobile\:hover\:rotate-90:hover,
  .mobile\:focus\:rotate-90:focus,
  .mobile\:group:hover .group-hover\:rotate-90,
  .mobile\:group:focus-within .group-focus-within\:rotate-90 {
    transform: rotate(90deg);
  }
  .mobile\:rotate-91,
  .mobile\:hover\:rotate-91:hover,
  .mobile\:focus\:rotate-91:focus,
  .mobile\:group:hover .group-hover\:rotate-91,
  .mobile\:group:focus-within .group-focus-within\:rotate-91 {
    transform: rotate(91deg);
  }
  .mobile\:rotate-92,
  .mobile\:hover\:rotate-92:hover,
  .mobile\:focus\:rotate-92:focus,
  .mobile\:group:hover .group-hover\:rotate-92,
  .mobile\:group:focus-within .group-focus-within\:rotate-92 {
    transform: rotate(92deg);
  }
  .mobile\:rotate-93,
  .mobile\:hover\:rotate-93:hover,
  .mobile\:focus\:rotate-93:focus,
  .mobile\:group:hover .group-hover\:rotate-93,
  .mobile\:group:focus-within .group-focus-within\:rotate-93 {
    transform: rotate(93deg);
  }
  .mobile\:rotate-94,
  .mobile\:hover\:rotate-94:hover,
  .mobile\:focus\:rotate-94:focus,
  .mobile\:group:hover .group-hover\:rotate-94,
  .mobile\:group:focus-within .group-focus-within\:rotate-94 {
    transform: rotate(94deg);
  }
  .mobile\:rotate-95,
  .mobile\:hover\:rotate-95:hover,
  .mobile\:focus\:rotate-95:focus,
  .mobile\:group:hover .group-hover\:rotate-95,
  .mobile\:group:focus-within .group-focus-within\:rotate-95 {
    transform: rotate(95deg);
  }
  .mobile\:rotate-96,
  .mobile\:hover\:rotate-96:hover,
  .mobile\:focus\:rotate-96:focus,
  .mobile\:group:hover .group-hover\:rotate-96,
  .mobile\:group:focus-within .group-focus-within\:rotate-96 {
    transform: rotate(96deg);
  }
  .mobile\:rotate-97,
  .mobile\:hover\:rotate-97:hover,
  .mobile\:focus\:rotate-97:focus,
  .mobile\:group:hover .group-hover\:rotate-97,
  .mobile\:group:focus-within .group-focus-within\:rotate-97 {
    transform: rotate(97deg);
  }
  .mobile\:rotate-98,
  .mobile\:hover\:rotate-98:hover,
  .mobile\:focus\:rotate-98:focus,
  .mobile\:group:hover .group-hover\:rotate-98,
  .mobile\:group:focus-within .group-focus-within\:rotate-98 {
    transform: rotate(98deg);
  }
  .mobile\:rotate-99,
  .mobile\:hover\:rotate-99:hover,
  .mobile\:focus\:rotate-99:focus,
  .mobile\:group:hover .group-hover\:rotate-99,
  .mobile\:group:focus-within .group-focus-within\:rotate-99 {
    transform: rotate(99deg);
  }
  .mobile\:rotate-100,
  .mobile\:hover\:rotate-100:hover,
  .mobile\:focus\:rotate-100:focus,
  .mobile\:group:hover .group-hover\:rotate-100,
  .mobile\:group:focus-within .group-focus-within\:rotate-100 {
    transform: rotate(100deg);
  }
  .mobile\:rotate-101,
  .mobile\:hover\:rotate-101:hover,
  .mobile\:focus\:rotate-101:focus,
  .mobile\:group:hover .group-hover\:rotate-101,
  .mobile\:group:focus-within .group-focus-within\:rotate-101 {
    transform: rotate(101deg);
  }
  .mobile\:rotate-102,
  .mobile\:hover\:rotate-102:hover,
  .mobile\:focus\:rotate-102:focus,
  .mobile\:group:hover .group-hover\:rotate-102,
  .mobile\:group:focus-within .group-focus-within\:rotate-102 {
    transform: rotate(102deg);
  }
  .mobile\:rotate-103,
  .mobile\:hover\:rotate-103:hover,
  .mobile\:focus\:rotate-103:focus,
  .mobile\:group:hover .group-hover\:rotate-103,
  .mobile\:group:focus-within .group-focus-within\:rotate-103 {
    transform: rotate(103deg);
  }
  .mobile\:rotate-104,
  .mobile\:hover\:rotate-104:hover,
  .mobile\:focus\:rotate-104:focus,
  .mobile\:group:hover .group-hover\:rotate-104,
  .mobile\:group:focus-within .group-focus-within\:rotate-104 {
    transform: rotate(104deg);
  }
  .mobile\:rotate-105,
  .mobile\:hover\:rotate-105:hover,
  .mobile\:focus\:rotate-105:focus,
  .mobile\:group:hover .group-hover\:rotate-105,
  .mobile\:group:focus-within .group-focus-within\:rotate-105 {
    transform: rotate(105deg);
  }
  .mobile\:rotate-106,
  .mobile\:hover\:rotate-106:hover,
  .mobile\:focus\:rotate-106:focus,
  .mobile\:group:hover .group-hover\:rotate-106,
  .mobile\:group:focus-within .group-focus-within\:rotate-106 {
    transform: rotate(106deg);
  }
  .mobile\:rotate-107,
  .mobile\:hover\:rotate-107:hover,
  .mobile\:focus\:rotate-107:focus,
  .mobile\:group:hover .group-hover\:rotate-107,
  .mobile\:group:focus-within .group-focus-within\:rotate-107 {
    transform: rotate(107deg);
  }
  .mobile\:rotate-108,
  .mobile\:hover\:rotate-108:hover,
  .mobile\:focus\:rotate-108:focus,
  .mobile\:group:hover .group-hover\:rotate-108,
  .mobile\:group:focus-within .group-focus-within\:rotate-108 {
    transform: rotate(108deg);
  }
  .mobile\:rotate-109,
  .mobile\:hover\:rotate-109:hover,
  .mobile\:focus\:rotate-109:focus,
  .mobile\:group:hover .group-hover\:rotate-109,
  .mobile\:group:focus-within .group-focus-within\:rotate-109 {
    transform: rotate(109deg);
  }
  .mobile\:rotate-110,
  .mobile\:hover\:rotate-110:hover,
  .mobile\:focus\:rotate-110:focus,
  .mobile\:group:hover .group-hover\:rotate-110,
  .mobile\:group:focus-within .group-focus-within\:rotate-110 {
    transform: rotate(110deg);
  }
  .mobile\:rotate-111,
  .mobile\:hover\:rotate-111:hover,
  .mobile\:focus\:rotate-111:focus,
  .mobile\:group:hover .group-hover\:rotate-111,
  .mobile\:group:focus-within .group-focus-within\:rotate-111 {
    transform: rotate(111deg);
  }
  .mobile\:rotate-112,
  .mobile\:hover\:rotate-112:hover,
  .mobile\:focus\:rotate-112:focus,
  .mobile\:group:hover .group-hover\:rotate-112,
  .mobile\:group:focus-within .group-focus-within\:rotate-112 {
    transform: rotate(112deg);
  }
  .mobile\:rotate-113,
  .mobile\:hover\:rotate-113:hover,
  .mobile\:focus\:rotate-113:focus,
  .mobile\:group:hover .group-hover\:rotate-113,
  .mobile\:group:focus-within .group-focus-within\:rotate-113 {
    transform: rotate(113deg);
  }
  .mobile\:rotate-114,
  .mobile\:hover\:rotate-114:hover,
  .mobile\:focus\:rotate-114:focus,
  .mobile\:group:hover .group-hover\:rotate-114,
  .mobile\:group:focus-within .group-focus-within\:rotate-114 {
    transform: rotate(114deg);
  }
  .mobile\:rotate-115,
  .mobile\:hover\:rotate-115:hover,
  .mobile\:focus\:rotate-115:focus,
  .mobile\:group:hover .group-hover\:rotate-115,
  .mobile\:group:focus-within .group-focus-within\:rotate-115 {
    transform: rotate(115deg);
  }
  .mobile\:rotate-116,
  .mobile\:hover\:rotate-116:hover,
  .mobile\:focus\:rotate-116:focus,
  .mobile\:group:hover .group-hover\:rotate-116,
  .mobile\:group:focus-within .group-focus-within\:rotate-116 {
    transform: rotate(116deg);
  }
  .mobile\:rotate-117,
  .mobile\:hover\:rotate-117:hover,
  .mobile\:focus\:rotate-117:focus,
  .mobile\:group:hover .group-hover\:rotate-117,
  .mobile\:group:focus-within .group-focus-within\:rotate-117 {
    transform: rotate(117deg);
  }
  .mobile\:rotate-118,
  .mobile\:hover\:rotate-118:hover,
  .mobile\:focus\:rotate-118:focus,
  .mobile\:group:hover .group-hover\:rotate-118,
  .mobile\:group:focus-within .group-focus-within\:rotate-118 {
    transform: rotate(118deg);
  }
  .mobile\:rotate-119,
  .mobile\:hover\:rotate-119:hover,
  .mobile\:focus\:rotate-119:focus,
  .mobile\:group:hover .group-hover\:rotate-119,
  .mobile\:group:focus-within .group-focus-within\:rotate-119 {
    transform: rotate(119deg);
  }
  .mobile\:rotate-120,
  .mobile\:hover\:rotate-120:hover,
  .mobile\:focus\:rotate-120:focus,
  .mobile\:group:hover .group-hover\:rotate-120,
  .mobile\:group:focus-within .group-focus-within\:rotate-120 {
    transform: rotate(120deg);
  }
  .mobile\:rotate-121,
  .mobile\:hover\:rotate-121:hover,
  .mobile\:focus\:rotate-121:focus,
  .mobile\:group:hover .group-hover\:rotate-121,
  .mobile\:group:focus-within .group-focus-within\:rotate-121 {
    transform: rotate(121deg);
  }
  .mobile\:rotate-122,
  .mobile\:hover\:rotate-122:hover,
  .mobile\:focus\:rotate-122:focus,
  .mobile\:group:hover .group-hover\:rotate-122,
  .mobile\:group:focus-within .group-focus-within\:rotate-122 {
    transform: rotate(122deg);
  }
  .mobile\:rotate-123,
  .mobile\:hover\:rotate-123:hover,
  .mobile\:focus\:rotate-123:focus,
  .mobile\:group:hover .group-hover\:rotate-123,
  .mobile\:group:focus-within .group-focus-within\:rotate-123 {
    transform: rotate(123deg);
  }
  .mobile\:rotate-124,
  .mobile\:hover\:rotate-124:hover,
  .mobile\:focus\:rotate-124:focus,
  .mobile\:group:hover .group-hover\:rotate-124,
  .mobile\:group:focus-within .group-focus-within\:rotate-124 {
    transform: rotate(124deg);
  }
  .mobile\:rotate-125,
  .mobile\:hover\:rotate-125:hover,
  .mobile\:focus\:rotate-125:focus,
  .mobile\:group:hover .group-hover\:rotate-125,
  .mobile\:group:focus-within .group-focus-within\:rotate-125 {
    transform: rotate(125deg);
  }
  .mobile\:rotate-126,
  .mobile\:hover\:rotate-126:hover,
  .mobile\:focus\:rotate-126:focus,
  .mobile\:group:hover .group-hover\:rotate-126,
  .mobile\:group:focus-within .group-focus-within\:rotate-126 {
    transform: rotate(126deg);
  }
  .mobile\:rotate-127,
  .mobile\:hover\:rotate-127:hover,
  .mobile\:focus\:rotate-127:focus,
  .mobile\:group:hover .group-hover\:rotate-127,
  .mobile\:group:focus-within .group-focus-within\:rotate-127 {
    transform: rotate(127deg);
  }
  .mobile\:rotate-128,
  .mobile\:hover\:rotate-128:hover,
  .mobile\:focus\:rotate-128:focus,
  .mobile\:group:hover .group-hover\:rotate-128,
  .mobile\:group:focus-within .group-focus-within\:rotate-128 {
    transform: rotate(128deg);
  }
  .mobile\:rotate-129,
  .mobile\:hover\:rotate-129:hover,
  .mobile\:focus\:rotate-129:focus,
  .mobile\:group:hover .group-hover\:rotate-129,
  .mobile\:group:focus-within .group-focus-within\:rotate-129 {
    transform: rotate(129deg);
  }
  .mobile\:rotate-130,
  .mobile\:hover\:rotate-130:hover,
  .mobile\:focus\:rotate-130:focus,
  .mobile\:group:hover .group-hover\:rotate-130,
  .mobile\:group:focus-within .group-focus-within\:rotate-130 {
    transform: rotate(130deg);
  }
  .mobile\:rotate-131,
  .mobile\:hover\:rotate-131:hover,
  .mobile\:focus\:rotate-131:focus,
  .mobile\:group:hover .group-hover\:rotate-131,
  .mobile\:group:focus-within .group-focus-within\:rotate-131 {
    transform: rotate(131deg);
  }
  .mobile\:rotate-132,
  .mobile\:hover\:rotate-132:hover,
  .mobile\:focus\:rotate-132:focus,
  .mobile\:group:hover .group-hover\:rotate-132,
  .mobile\:group:focus-within .group-focus-within\:rotate-132 {
    transform: rotate(132deg);
  }
  .mobile\:rotate-133,
  .mobile\:hover\:rotate-133:hover,
  .mobile\:focus\:rotate-133:focus,
  .mobile\:group:hover .group-hover\:rotate-133,
  .mobile\:group:focus-within .group-focus-within\:rotate-133 {
    transform: rotate(133deg);
  }
  .mobile\:rotate-134,
  .mobile\:hover\:rotate-134:hover,
  .mobile\:focus\:rotate-134:focus,
  .mobile\:group:hover .group-hover\:rotate-134,
  .mobile\:group:focus-within .group-focus-within\:rotate-134 {
    transform: rotate(134deg);
  }
  .mobile\:rotate-135,
  .mobile\:hover\:rotate-135:hover,
  .mobile\:focus\:rotate-135:focus,
  .mobile\:group:hover .group-hover\:rotate-135,
  .mobile\:group:focus-within .group-focus-within\:rotate-135 {
    transform: rotate(135deg);
  }
  .mobile\:rotate-136,
  .mobile\:hover\:rotate-136:hover,
  .mobile\:focus\:rotate-136:focus,
  .mobile\:group:hover .group-hover\:rotate-136,
  .mobile\:group:focus-within .group-focus-within\:rotate-136 {
    transform: rotate(136deg);
  }
  .mobile\:rotate-137,
  .mobile\:hover\:rotate-137:hover,
  .mobile\:focus\:rotate-137:focus,
  .mobile\:group:hover .group-hover\:rotate-137,
  .mobile\:group:focus-within .group-focus-within\:rotate-137 {
    transform: rotate(137deg);
  }
  .mobile\:rotate-138,
  .mobile\:hover\:rotate-138:hover,
  .mobile\:focus\:rotate-138:focus,
  .mobile\:group:hover .group-hover\:rotate-138,
  .mobile\:group:focus-within .group-focus-within\:rotate-138 {
    transform: rotate(138deg);
  }
  .mobile\:rotate-139,
  .mobile\:hover\:rotate-139:hover,
  .mobile\:focus\:rotate-139:focus,
  .mobile\:group:hover .group-hover\:rotate-139,
  .mobile\:group:focus-within .group-focus-within\:rotate-139 {
    transform: rotate(139deg);
  }
  .mobile\:rotate-140,
  .mobile\:hover\:rotate-140:hover,
  .mobile\:focus\:rotate-140:focus,
  .mobile\:group:hover .group-hover\:rotate-140,
  .mobile\:group:focus-within .group-focus-within\:rotate-140 {
    transform: rotate(140deg);
  }
  .mobile\:rotate-141,
  .mobile\:hover\:rotate-141:hover,
  .mobile\:focus\:rotate-141:focus,
  .mobile\:group:hover .group-hover\:rotate-141,
  .mobile\:group:focus-within .group-focus-within\:rotate-141 {
    transform: rotate(141deg);
  }
  .mobile\:rotate-142,
  .mobile\:hover\:rotate-142:hover,
  .mobile\:focus\:rotate-142:focus,
  .mobile\:group:hover .group-hover\:rotate-142,
  .mobile\:group:focus-within .group-focus-within\:rotate-142 {
    transform: rotate(142deg);
  }
  .mobile\:rotate-143,
  .mobile\:hover\:rotate-143:hover,
  .mobile\:focus\:rotate-143:focus,
  .mobile\:group:hover .group-hover\:rotate-143,
  .mobile\:group:focus-within .group-focus-within\:rotate-143 {
    transform: rotate(143deg);
  }
  .mobile\:rotate-144,
  .mobile\:hover\:rotate-144:hover,
  .mobile\:focus\:rotate-144:focus,
  .mobile\:group:hover .group-hover\:rotate-144,
  .mobile\:group:focus-within .group-focus-within\:rotate-144 {
    transform: rotate(144deg);
  }
  .mobile\:rotate-145,
  .mobile\:hover\:rotate-145:hover,
  .mobile\:focus\:rotate-145:focus,
  .mobile\:group:hover .group-hover\:rotate-145,
  .mobile\:group:focus-within .group-focus-within\:rotate-145 {
    transform: rotate(145deg);
  }
  .mobile\:rotate-146,
  .mobile\:hover\:rotate-146:hover,
  .mobile\:focus\:rotate-146:focus,
  .mobile\:group:hover .group-hover\:rotate-146,
  .mobile\:group:focus-within .group-focus-within\:rotate-146 {
    transform: rotate(146deg);
  }
  .mobile\:rotate-147,
  .mobile\:hover\:rotate-147:hover,
  .mobile\:focus\:rotate-147:focus,
  .mobile\:group:hover .group-hover\:rotate-147,
  .mobile\:group:focus-within .group-focus-within\:rotate-147 {
    transform: rotate(147deg);
  }
  .mobile\:rotate-148,
  .mobile\:hover\:rotate-148:hover,
  .mobile\:focus\:rotate-148:focus,
  .mobile\:group:hover .group-hover\:rotate-148,
  .mobile\:group:focus-within .group-focus-within\:rotate-148 {
    transform: rotate(148deg);
  }
  .mobile\:rotate-149,
  .mobile\:hover\:rotate-149:hover,
  .mobile\:focus\:rotate-149:focus,
  .mobile\:group:hover .group-hover\:rotate-149,
  .mobile\:group:focus-within .group-focus-within\:rotate-149 {
    transform: rotate(149deg);
  }
  .mobile\:rotate-150,
  .mobile\:hover\:rotate-150:hover,
  .mobile\:focus\:rotate-150:focus,
  .mobile\:group:hover .group-hover\:rotate-150,
  .mobile\:group:focus-within .group-focus-within\:rotate-150 {
    transform: rotate(150deg);
  }
  .mobile\:rotate-151,
  .mobile\:hover\:rotate-151:hover,
  .mobile\:focus\:rotate-151:focus,
  .mobile\:group:hover .group-hover\:rotate-151,
  .mobile\:group:focus-within .group-focus-within\:rotate-151 {
    transform: rotate(151deg);
  }
  .mobile\:rotate-152,
  .mobile\:hover\:rotate-152:hover,
  .mobile\:focus\:rotate-152:focus,
  .mobile\:group:hover .group-hover\:rotate-152,
  .mobile\:group:focus-within .group-focus-within\:rotate-152 {
    transform: rotate(152deg);
  }
  .mobile\:rotate-153,
  .mobile\:hover\:rotate-153:hover,
  .mobile\:focus\:rotate-153:focus,
  .mobile\:group:hover .group-hover\:rotate-153,
  .mobile\:group:focus-within .group-focus-within\:rotate-153 {
    transform: rotate(153deg);
  }
  .mobile\:rotate-154,
  .mobile\:hover\:rotate-154:hover,
  .mobile\:focus\:rotate-154:focus,
  .mobile\:group:hover .group-hover\:rotate-154,
  .mobile\:group:focus-within .group-focus-within\:rotate-154 {
    transform: rotate(154deg);
  }
  .mobile\:rotate-155,
  .mobile\:hover\:rotate-155:hover,
  .mobile\:focus\:rotate-155:focus,
  .mobile\:group:hover .group-hover\:rotate-155,
  .mobile\:group:focus-within .group-focus-within\:rotate-155 {
    transform: rotate(155deg);
  }
  .mobile\:rotate-156,
  .mobile\:hover\:rotate-156:hover,
  .mobile\:focus\:rotate-156:focus,
  .mobile\:group:hover .group-hover\:rotate-156,
  .mobile\:group:focus-within .group-focus-within\:rotate-156 {
    transform: rotate(156deg);
  }
  .mobile\:rotate-157,
  .mobile\:hover\:rotate-157:hover,
  .mobile\:focus\:rotate-157:focus,
  .mobile\:group:hover .group-hover\:rotate-157,
  .mobile\:group:focus-within .group-focus-within\:rotate-157 {
    transform: rotate(157deg);
  }
  .mobile\:rotate-158,
  .mobile\:hover\:rotate-158:hover,
  .mobile\:focus\:rotate-158:focus,
  .mobile\:group:hover .group-hover\:rotate-158,
  .mobile\:group:focus-within .group-focus-within\:rotate-158 {
    transform: rotate(158deg);
  }
  .mobile\:rotate-159,
  .mobile\:hover\:rotate-159:hover,
  .mobile\:focus\:rotate-159:focus,
  .mobile\:group:hover .group-hover\:rotate-159,
  .mobile\:group:focus-within .group-focus-within\:rotate-159 {
    transform: rotate(159deg);
  }
  .mobile\:rotate-160,
  .mobile\:hover\:rotate-160:hover,
  .mobile\:focus\:rotate-160:focus,
  .mobile\:group:hover .group-hover\:rotate-160,
  .mobile\:group:focus-within .group-focus-within\:rotate-160 {
    transform: rotate(160deg);
  }
  .mobile\:rotate-161,
  .mobile\:hover\:rotate-161:hover,
  .mobile\:focus\:rotate-161:focus,
  .mobile\:group:hover .group-hover\:rotate-161,
  .mobile\:group:focus-within .group-focus-within\:rotate-161 {
    transform: rotate(161deg);
  }
  .mobile\:rotate-162,
  .mobile\:hover\:rotate-162:hover,
  .mobile\:focus\:rotate-162:focus,
  .mobile\:group:hover .group-hover\:rotate-162,
  .mobile\:group:focus-within .group-focus-within\:rotate-162 {
    transform: rotate(162deg);
  }
  .mobile\:rotate-163,
  .mobile\:hover\:rotate-163:hover,
  .mobile\:focus\:rotate-163:focus,
  .mobile\:group:hover .group-hover\:rotate-163,
  .mobile\:group:focus-within .group-focus-within\:rotate-163 {
    transform: rotate(163deg);
  }
  .mobile\:rotate-164,
  .mobile\:hover\:rotate-164:hover,
  .mobile\:focus\:rotate-164:focus,
  .mobile\:group:hover .group-hover\:rotate-164,
  .mobile\:group:focus-within .group-focus-within\:rotate-164 {
    transform: rotate(164deg);
  }
  .mobile\:rotate-165,
  .mobile\:hover\:rotate-165:hover,
  .mobile\:focus\:rotate-165:focus,
  .mobile\:group:hover .group-hover\:rotate-165,
  .mobile\:group:focus-within .group-focus-within\:rotate-165 {
    transform: rotate(165deg);
  }
  .mobile\:rotate-166,
  .mobile\:hover\:rotate-166:hover,
  .mobile\:focus\:rotate-166:focus,
  .mobile\:group:hover .group-hover\:rotate-166,
  .mobile\:group:focus-within .group-focus-within\:rotate-166 {
    transform: rotate(166deg);
  }
  .mobile\:rotate-167,
  .mobile\:hover\:rotate-167:hover,
  .mobile\:focus\:rotate-167:focus,
  .mobile\:group:hover .group-hover\:rotate-167,
  .mobile\:group:focus-within .group-focus-within\:rotate-167 {
    transform: rotate(167deg);
  }
  .mobile\:rotate-168,
  .mobile\:hover\:rotate-168:hover,
  .mobile\:focus\:rotate-168:focus,
  .mobile\:group:hover .group-hover\:rotate-168,
  .mobile\:group:focus-within .group-focus-within\:rotate-168 {
    transform: rotate(168deg);
  }
  .mobile\:rotate-169,
  .mobile\:hover\:rotate-169:hover,
  .mobile\:focus\:rotate-169:focus,
  .mobile\:group:hover .group-hover\:rotate-169,
  .mobile\:group:focus-within .group-focus-within\:rotate-169 {
    transform: rotate(169deg);
  }
  .mobile\:rotate-170,
  .mobile\:hover\:rotate-170:hover,
  .mobile\:focus\:rotate-170:focus,
  .mobile\:group:hover .group-hover\:rotate-170,
  .mobile\:group:focus-within .group-focus-within\:rotate-170 {
    transform: rotate(170deg);
  }
  .mobile\:rotate-171,
  .mobile\:hover\:rotate-171:hover,
  .mobile\:focus\:rotate-171:focus,
  .mobile\:group:hover .group-hover\:rotate-171,
  .mobile\:group:focus-within .group-focus-within\:rotate-171 {
    transform: rotate(171deg);
  }
  .mobile\:rotate-172,
  .mobile\:hover\:rotate-172:hover,
  .mobile\:focus\:rotate-172:focus,
  .mobile\:group:hover .group-hover\:rotate-172,
  .mobile\:group:focus-within .group-focus-within\:rotate-172 {
    transform: rotate(172deg);
  }
  .mobile\:rotate-173,
  .mobile\:hover\:rotate-173:hover,
  .mobile\:focus\:rotate-173:focus,
  .mobile\:group:hover .group-hover\:rotate-173,
  .mobile\:group:focus-within .group-focus-within\:rotate-173 {
    transform: rotate(173deg);
  }
  .mobile\:rotate-174,
  .mobile\:hover\:rotate-174:hover,
  .mobile\:focus\:rotate-174:focus,
  .mobile\:group:hover .group-hover\:rotate-174,
  .mobile\:group:focus-within .group-focus-within\:rotate-174 {
    transform: rotate(174deg);
  }
  .mobile\:rotate-175,
  .mobile\:hover\:rotate-175:hover,
  .mobile\:focus\:rotate-175:focus,
  .mobile\:group:hover .group-hover\:rotate-175,
  .mobile\:group:focus-within .group-focus-within\:rotate-175 {
    transform: rotate(175deg);
  }
  .mobile\:rotate-176,
  .mobile\:hover\:rotate-176:hover,
  .mobile\:focus\:rotate-176:focus,
  .mobile\:group:hover .group-hover\:rotate-176,
  .mobile\:group:focus-within .group-focus-within\:rotate-176 {
    transform: rotate(176deg);
  }
  .mobile\:rotate-177,
  .mobile\:hover\:rotate-177:hover,
  .mobile\:focus\:rotate-177:focus,
  .mobile\:group:hover .group-hover\:rotate-177,
  .mobile\:group:focus-within .group-focus-within\:rotate-177 {
    transform: rotate(177deg);
  }
  .mobile\:rotate-178,
  .mobile\:hover\:rotate-178:hover,
  .mobile\:focus\:rotate-178:focus,
  .mobile\:group:hover .group-hover\:rotate-178,
  .mobile\:group:focus-within .group-focus-within\:rotate-178 {
    transform: rotate(178deg);
  }
  .mobile\:rotate-179,
  .mobile\:hover\:rotate-179:hover,
  .mobile\:focus\:rotate-179:focus,
  .mobile\:group:hover .group-hover\:rotate-179,
  .mobile\:group:focus-within .group-focus-within\:rotate-179 {
    transform: rotate(179deg);
  }
  .mobile\:rotate-180,
  .mobile\:hover\:rotate-180:hover,
  .mobile\:focus\:rotate-180:focus,
  .mobile\:group:hover .group-hover\:rotate-180,
  .mobile\:group:focus-within .group-focus-within\:rotate-180 {
    transform: rotate(180deg);
  }
  .mobile\:rotate-181,
  .mobile\:hover\:rotate-181:hover,
  .mobile\:focus\:rotate-181:focus,
  .mobile\:group:hover .group-hover\:rotate-181,
  .mobile\:group:focus-within .group-focus-within\:rotate-181 {
    transform: rotate(181deg);
  }
  .mobile\:rotate-182,
  .mobile\:hover\:rotate-182:hover,
  .mobile\:focus\:rotate-182:focus,
  .mobile\:group:hover .group-hover\:rotate-182,
  .mobile\:group:focus-within .group-focus-within\:rotate-182 {
    transform: rotate(182deg);
  }
  .mobile\:rotate-183,
  .mobile\:hover\:rotate-183:hover,
  .mobile\:focus\:rotate-183:focus,
  .mobile\:group:hover .group-hover\:rotate-183,
  .mobile\:group:focus-within .group-focus-within\:rotate-183 {
    transform: rotate(183deg);
  }
  .mobile\:rotate-184,
  .mobile\:hover\:rotate-184:hover,
  .mobile\:focus\:rotate-184:focus,
  .mobile\:group:hover .group-hover\:rotate-184,
  .mobile\:group:focus-within .group-focus-within\:rotate-184 {
    transform: rotate(184deg);
  }
  .mobile\:rotate-185,
  .mobile\:hover\:rotate-185:hover,
  .mobile\:focus\:rotate-185:focus,
  .mobile\:group:hover .group-hover\:rotate-185,
  .mobile\:group:focus-within .group-focus-within\:rotate-185 {
    transform: rotate(185deg);
  }
  .mobile\:rotate-186,
  .mobile\:hover\:rotate-186:hover,
  .mobile\:focus\:rotate-186:focus,
  .mobile\:group:hover .group-hover\:rotate-186,
  .mobile\:group:focus-within .group-focus-within\:rotate-186 {
    transform: rotate(186deg);
  }
  .mobile\:rotate-187,
  .mobile\:hover\:rotate-187:hover,
  .mobile\:focus\:rotate-187:focus,
  .mobile\:group:hover .group-hover\:rotate-187,
  .mobile\:group:focus-within .group-focus-within\:rotate-187 {
    transform: rotate(187deg);
  }
  .mobile\:rotate-188,
  .mobile\:hover\:rotate-188:hover,
  .mobile\:focus\:rotate-188:focus,
  .mobile\:group:hover .group-hover\:rotate-188,
  .mobile\:group:focus-within .group-focus-within\:rotate-188 {
    transform: rotate(188deg);
  }
  .mobile\:rotate-189,
  .mobile\:hover\:rotate-189:hover,
  .mobile\:focus\:rotate-189:focus,
  .mobile\:group:hover .group-hover\:rotate-189,
  .mobile\:group:focus-within .group-focus-within\:rotate-189 {
    transform: rotate(189deg);
  }
  .mobile\:rotate-190,
  .mobile\:hover\:rotate-190:hover,
  .mobile\:focus\:rotate-190:focus,
  .mobile\:group:hover .group-hover\:rotate-190,
  .mobile\:group:focus-within .group-focus-within\:rotate-190 {
    transform: rotate(190deg);
  }
  .mobile\:rotate-191,
  .mobile\:hover\:rotate-191:hover,
  .mobile\:focus\:rotate-191:focus,
  .mobile\:group:hover .group-hover\:rotate-191,
  .mobile\:group:focus-within .group-focus-within\:rotate-191 {
    transform: rotate(191deg);
  }
  .mobile\:rotate-192,
  .mobile\:hover\:rotate-192:hover,
  .mobile\:focus\:rotate-192:focus,
  .mobile\:group:hover .group-hover\:rotate-192,
  .mobile\:group:focus-within .group-focus-within\:rotate-192 {
    transform: rotate(192deg);
  }
  .mobile\:rotate-193,
  .mobile\:hover\:rotate-193:hover,
  .mobile\:focus\:rotate-193:focus,
  .mobile\:group:hover .group-hover\:rotate-193,
  .mobile\:group:focus-within .group-focus-within\:rotate-193 {
    transform: rotate(193deg);
  }
  .mobile\:rotate-194,
  .mobile\:hover\:rotate-194:hover,
  .mobile\:focus\:rotate-194:focus,
  .mobile\:group:hover .group-hover\:rotate-194,
  .mobile\:group:focus-within .group-focus-within\:rotate-194 {
    transform: rotate(194deg);
  }
  .mobile\:rotate-195,
  .mobile\:hover\:rotate-195:hover,
  .mobile\:focus\:rotate-195:focus,
  .mobile\:group:hover .group-hover\:rotate-195,
  .mobile\:group:focus-within .group-focus-within\:rotate-195 {
    transform: rotate(195deg);
  }
  .mobile\:rotate-196,
  .mobile\:hover\:rotate-196:hover,
  .mobile\:focus\:rotate-196:focus,
  .mobile\:group:hover .group-hover\:rotate-196,
  .mobile\:group:focus-within .group-focus-within\:rotate-196 {
    transform: rotate(196deg);
  }
  .mobile\:rotate-197,
  .mobile\:hover\:rotate-197:hover,
  .mobile\:focus\:rotate-197:focus,
  .mobile\:group:hover .group-hover\:rotate-197,
  .mobile\:group:focus-within .group-focus-within\:rotate-197 {
    transform: rotate(197deg);
  }
  .mobile\:rotate-198,
  .mobile\:hover\:rotate-198:hover,
  .mobile\:focus\:rotate-198:focus,
  .mobile\:group:hover .group-hover\:rotate-198,
  .mobile\:group:focus-within .group-focus-within\:rotate-198 {
    transform: rotate(198deg);
  }
  .mobile\:rotate-199,
  .mobile\:hover\:rotate-199:hover,
  .mobile\:focus\:rotate-199:focus,
  .mobile\:group:hover .group-hover\:rotate-199,
  .mobile\:group:focus-within .group-focus-within\:rotate-199 {
    transform: rotate(199deg);
  }
  .mobile\:rotate-200,
  .mobile\:hover\:rotate-200:hover,
  .mobile\:focus\:rotate-200:focus,
  .mobile\:group:hover .group-hover\:rotate-200,
  .mobile\:group:focus-within .group-focus-within\:rotate-200 {
    transform: rotate(200deg);
  }
  .mobile\:rotate-201,
  .mobile\:hover\:rotate-201:hover,
  .mobile\:focus\:rotate-201:focus,
  .mobile\:group:hover .group-hover\:rotate-201,
  .mobile\:group:focus-within .group-focus-within\:rotate-201 {
    transform: rotate(201deg);
  }
  .mobile\:rotate-202,
  .mobile\:hover\:rotate-202:hover,
  .mobile\:focus\:rotate-202:focus,
  .mobile\:group:hover .group-hover\:rotate-202,
  .mobile\:group:focus-within .group-focus-within\:rotate-202 {
    transform: rotate(202deg);
  }
  .mobile\:rotate-203,
  .mobile\:hover\:rotate-203:hover,
  .mobile\:focus\:rotate-203:focus,
  .mobile\:group:hover .group-hover\:rotate-203,
  .mobile\:group:focus-within .group-focus-within\:rotate-203 {
    transform: rotate(203deg);
  }
  .mobile\:rotate-204,
  .mobile\:hover\:rotate-204:hover,
  .mobile\:focus\:rotate-204:focus,
  .mobile\:group:hover .group-hover\:rotate-204,
  .mobile\:group:focus-within .group-focus-within\:rotate-204 {
    transform: rotate(204deg);
  }
  .mobile\:rotate-205,
  .mobile\:hover\:rotate-205:hover,
  .mobile\:focus\:rotate-205:focus,
  .mobile\:group:hover .group-hover\:rotate-205,
  .mobile\:group:focus-within .group-focus-within\:rotate-205 {
    transform: rotate(205deg);
  }
  .mobile\:rotate-206,
  .mobile\:hover\:rotate-206:hover,
  .mobile\:focus\:rotate-206:focus,
  .mobile\:group:hover .group-hover\:rotate-206,
  .mobile\:group:focus-within .group-focus-within\:rotate-206 {
    transform: rotate(206deg);
  }
  .mobile\:rotate-207,
  .mobile\:hover\:rotate-207:hover,
  .mobile\:focus\:rotate-207:focus,
  .mobile\:group:hover .group-hover\:rotate-207,
  .mobile\:group:focus-within .group-focus-within\:rotate-207 {
    transform: rotate(207deg);
  }
  .mobile\:rotate-208,
  .mobile\:hover\:rotate-208:hover,
  .mobile\:focus\:rotate-208:focus,
  .mobile\:group:hover .group-hover\:rotate-208,
  .mobile\:group:focus-within .group-focus-within\:rotate-208 {
    transform: rotate(208deg);
  }
  .mobile\:rotate-209,
  .mobile\:hover\:rotate-209:hover,
  .mobile\:focus\:rotate-209:focus,
  .mobile\:group:hover .group-hover\:rotate-209,
  .mobile\:group:focus-within .group-focus-within\:rotate-209 {
    transform: rotate(209deg);
  }
  .mobile\:rotate-210,
  .mobile\:hover\:rotate-210:hover,
  .mobile\:focus\:rotate-210:focus,
  .mobile\:group:hover .group-hover\:rotate-210,
  .mobile\:group:focus-within .group-focus-within\:rotate-210 {
    transform: rotate(210deg);
  }
  .mobile\:rotate-211,
  .mobile\:hover\:rotate-211:hover,
  .mobile\:focus\:rotate-211:focus,
  .mobile\:group:hover .group-hover\:rotate-211,
  .mobile\:group:focus-within .group-focus-within\:rotate-211 {
    transform: rotate(211deg);
  }
  .mobile\:rotate-212,
  .mobile\:hover\:rotate-212:hover,
  .mobile\:focus\:rotate-212:focus,
  .mobile\:group:hover .group-hover\:rotate-212,
  .mobile\:group:focus-within .group-focus-within\:rotate-212 {
    transform: rotate(212deg);
  }
  .mobile\:rotate-213,
  .mobile\:hover\:rotate-213:hover,
  .mobile\:focus\:rotate-213:focus,
  .mobile\:group:hover .group-hover\:rotate-213,
  .mobile\:group:focus-within .group-focus-within\:rotate-213 {
    transform: rotate(213deg);
  }
  .mobile\:rotate-214,
  .mobile\:hover\:rotate-214:hover,
  .mobile\:focus\:rotate-214:focus,
  .mobile\:group:hover .group-hover\:rotate-214,
  .mobile\:group:focus-within .group-focus-within\:rotate-214 {
    transform: rotate(214deg);
  }
  .mobile\:rotate-215,
  .mobile\:hover\:rotate-215:hover,
  .mobile\:focus\:rotate-215:focus,
  .mobile\:group:hover .group-hover\:rotate-215,
  .mobile\:group:focus-within .group-focus-within\:rotate-215 {
    transform: rotate(215deg);
  }
  .mobile\:rotate-216,
  .mobile\:hover\:rotate-216:hover,
  .mobile\:focus\:rotate-216:focus,
  .mobile\:group:hover .group-hover\:rotate-216,
  .mobile\:group:focus-within .group-focus-within\:rotate-216 {
    transform: rotate(216deg);
  }
  .mobile\:rotate-217,
  .mobile\:hover\:rotate-217:hover,
  .mobile\:focus\:rotate-217:focus,
  .mobile\:group:hover .group-hover\:rotate-217,
  .mobile\:group:focus-within .group-focus-within\:rotate-217 {
    transform: rotate(217deg);
  }
  .mobile\:rotate-218,
  .mobile\:hover\:rotate-218:hover,
  .mobile\:focus\:rotate-218:focus,
  .mobile\:group:hover .group-hover\:rotate-218,
  .mobile\:group:focus-within .group-focus-within\:rotate-218 {
    transform: rotate(218deg);
  }
  .mobile\:rotate-219,
  .mobile\:hover\:rotate-219:hover,
  .mobile\:focus\:rotate-219:focus,
  .mobile\:group:hover .group-hover\:rotate-219,
  .mobile\:group:focus-within .group-focus-within\:rotate-219 {
    transform: rotate(219deg);
  }
  .mobile\:rotate-220,
  .mobile\:hover\:rotate-220:hover,
  .mobile\:focus\:rotate-220:focus,
  .mobile\:group:hover .group-hover\:rotate-220,
  .mobile\:group:focus-within .group-focus-within\:rotate-220 {
    transform: rotate(220deg);
  }
  .mobile\:rotate-221,
  .mobile\:hover\:rotate-221:hover,
  .mobile\:focus\:rotate-221:focus,
  .mobile\:group:hover .group-hover\:rotate-221,
  .mobile\:group:focus-within .group-focus-within\:rotate-221 {
    transform: rotate(221deg);
  }
  .mobile\:rotate-222,
  .mobile\:hover\:rotate-222:hover,
  .mobile\:focus\:rotate-222:focus,
  .mobile\:group:hover .group-hover\:rotate-222,
  .mobile\:group:focus-within .group-focus-within\:rotate-222 {
    transform: rotate(222deg);
  }
  .mobile\:rotate-223,
  .mobile\:hover\:rotate-223:hover,
  .mobile\:focus\:rotate-223:focus,
  .mobile\:group:hover .group-hover\:rotate-223,
  .mobile\:group:focus-within .group-focus-within\:rotate-223 {
    transform: rotate(223deg);
  }
  .mobile\:rotate-224,
  .mobile\:hover\:rotate-224:hover,
  .mobile\:focus\:rotate-224:focus,
  .mobile\:group:hover .group-hover\:rotate-224,
  .mobile\:group:focus-within .group-focus-within\:rotate-224 {
    transform: rotate(224deg);
  }
  .mobile\:rotate-225,
  .mobile\:hover\:rotate-225:hover,
  .mobile\:focus\:rotate-225:focus,
  .mobile\:group:hover .group-hover\:rotate-225,
  .mobile\:group:focus-within .group-focus-within\:rotate-225 {
    transform: rotate(225deg);
  }
  .mobile\:rotate-226,
  .mobile\:hover\:rotate-226:hover,
  .mobile\:focus\:rotate-226:focus,
  .mobile\:group:hover .group-hover\:rotate-226,
  .mobile\:group:focus-within .group-focus-within\:rotate-226 {
    transform: rotate(226deg);
  }
  .mobile\:rotate-227,
  .mobile\:hover\:rotate-227:hover,
  .mobile\:focus\:rotate-227:focus,
  .mobile\:group:hover .group-hover\:rotate-227,
  .mobile\:group:focus-within .group-focus-within\:rotate-227 {
    transform: rotate(227deg);
  }
  .mobile\:rotate-228,
  .mobile\:hover\:rotate-228:hover,
  .mobile\:focus\:rotate-228:focus,
  .mobile\:group:hover .group-hover\:rotate-228,
  .mobile\:group:focus-within .group-focus-within\:rotate-228 {
    transform: rotate(228deg);
  }
  .mobile\:rotate-229,
  .mobile\:hover\:rotate-229:hover,
  .mobile\:focus\:rotate-229:focus,
  .mobile\:group:hover .group-hover\:rotate-229,
  .mobile\:group:focus-within .group-focus-within\:rotate-229 {
    transform: rotate(229deg);
  }
  .mobile\:rotate-230,
  .mobile\:hover\:rotate-230:hover,
  .mobile\:focus\:rotate-230:focus,
  .mobile\:group:hover .group-hover\:rotate-230,
  .mobile\:group:focus-within .group-focus-within\:rotate-230 {
    transform: rotate(230deg);
  }
  .mobile\:rotate-231,
  .mobile\:hover\:rotate-231:hover,
  .mobile\:focus\:rotate-231:focus,
  .mobile\:group:hover .group-hover\:rotate-231,
  .mobile\:group:focus-within .group-focus-within\:rotate-231 {
    transform: rotate(231deg);
  }
  .mobile\:rotate-232,
  .mobile\:hover\:rotate-232:hover,
  .mobile\:focus\:rotate-232:focus,
  .mobile\:group:hover .group-hover\:rotate-232,
  .mobile\:group:focus-within .group-focus-within\:rotate-232 {
    transform: rotate(232deg);
  }
  .mobile\:rotate-233,
  .mobile\:hover\:rotate-233:hover,
  .mobile\:focus\:rotate-233:focus,
  .mobile\:group:hover .group-hover\:rotate-233,
  .mobile\:group:focus-within .group-focus-within\:rotate-233 {
    transform: rotate(233deg);
  }
  .mobile\:rotate-234,
  .mobile\:hover\:rotate-234:hover,
  .mobile\:focus\:rotate-234:focus,
  .mobile\:group:hover .group-hover\:rotate-234,
  .mobile\:group:focus-within .group-focus-within\:rotate-234 {
    transform: rotate(234deg);
  }
  .mobile\:rotate-235,
  .mobile\:hover\:rotate-235:hover,
  .mobile\:focus\:rotate-235:focus,
  .mobile\:group:hover .group-hover\:rotate-235,
  .mobile\:group:focus-within .group-focus-within\:rotate-235 {
    transform: rotate(235deg);
  }
  .mobile\:rotate-236,
  .mobile\:hover\:rotate-236:hover,
  .mobile\:focus\:rotate-236:focus,
  .mobile\:group:hover .group-hover\:rotate-236,
  .mobile\:group:focus-within .group-focus-within\:rotate-236 {
    transform: rotate(236deg);
  }
  .mobile\:rotate-237,
  .mobile\:hover\:rotate-237:hover,
  .mobile\:focus\:rotate-237:focus,
  .mobile\:group:hover .group-hover\:rotate-237,
  .mobile\:group:focus-within .group-focus-within\:rotate-237 {
    transform: rotate(237deg);
  }
  .mobile\:rotate-238,
  .mobile\:hover\:rotate-238:hover,
  .mobile\:focus\:rotate-238:focus,
  .mobile\:group:hover .group-hover\:rotate-238,
  .mobile\:group:focus-within .group-focus-within\:rotate-238 {
    transform: rotate(238deg);
  }
  .mobile\:rotate-239,
  .mobile\:hover\:rotate-239:hover,
  .mobile\:focus\:rotate-239:focus,
  .mobile\:group:hover .group-hover\:rotate-239,
  .mobile\:group:focus-within .group-focus-within\:rotate-239 {
    transform: rotate(239deg);
  }
  .mobile\:rotate-240,
  .mobile\:hover\:rotate-240:hover,
  .mobile\:focus\:rotate-240:focus,
  .mobile\:group:hover .group-hover\:rotate-240,
  .mobile\:group:focus-within .group-focus-within\:rotate-240 {
    transform: rotate(240deg);
  }
  .mobile\:rotate-241,
  .mobile\:hover\:rotate-241:hover,
  .mobile\:focus\:rotate-241:focus,
  .mobile\:group:hover .group-hover\:rotate-241,
  .mobile\:group:focus-within .group-focus-within\:rotate-241 {
    transform: rotate(241deg);
  }
  .mobile\:rotate-242,
  .mobile\:hover\:rotate-242:hover,
  .mobile\:focus\:rotate-242:focus,
  .mobile\:group:hover .group-hover\:rotate-242,
  .mobile\:group:focus-within .group-focus-within\:rotate-242 {
    transform: rotate(242deg);
  }
  .mobile\:rotate-243,
  .mobile\:hover\:rotate-243:hover,
  .mobile\:focus\:rotate-243:focus,
  .mobile\:group:hover .group-hover\:rotate-243,
  .mobile\:group:focus-within .group-focus-within\:rotate-243 {
    transform: rotate(243deg);
  }
  .mobile\:rotate-244,
  .mobile\:hover\:rotate-244:hover,
  .mobile\:focus\:rotate-244:focus,
  .mobile\:group:hover .group-hover\:rotate-244,
  .mobile\:group:focus-within .group-focus-within\:rotate-244 {
    transform: rotate(244deg);
  }
  .mobile\:rotate-245,
  .mobile\:hover\:rotate-245:hover,
  .mobile\:focus\:rotate-245:focus,
  .mobile\:group:hover .group-hover\:rotate-245,
  .mobile\:group:focus-within .group-focus-within\:rotate-245 {
    transform: rotate(245deg);
  }
  .mobile\:rotate-246,
  .mobile\:hover\:rotate-246:hover,
  .mobile\:focus\:rotate-246:focus,
  .mobile\:group:hover .group-hover\:rotate-246,
  .mobile\:group:focus-within .group-focus-within\:rotate-246 {
    transform: rotate(246deg);
  }
  .mobile\:rotate-247,
  .mobile\:hover\:rotate-247:hover,
  .mobile\:focus\:rotate-247:focus,
  .mobile\:group:hover .group-hover\:rotate-247,
  .mobile\:group:focus-within .group-focus-within\:rotate-247 {
    transform: rotate(247deg);
  }
  .mobile\:rotate-248,
  .mobile\:hover\:rotate-248:hover,
  .mobile\:focus\:rotate-248:focus,
  .mobile\:group:hover .group-hover\:rotate-248,
  .mobile\:group:focus-within .group-focus-within\:rotate-248 {
    transform: rotate(248deg);
  }
  .mobile\:rotate-249,
  .mobile\:hover\:rotate-249:hover,
  .mobile\:focus\:rotate-249:focus,
  .mobile\:group:hover .group-hover\:rotate-249,
  .mobile\:group:focus-within .group-focus-within\:rotate-249 {
    transform: rotate(249deg);
  }
  .mobile\:rotate-250,
  .mobile\:hover\:rotate-250:hover,
  .mobile\:focus\:rotate-250:focus,
  .mobile\:group:hover .group-hover\:rotate-250,
  .mobile\:group:focus-within .group-focus-within\:rotate-250 {
    transform: rotate(250deg);
  }
  .mobile\:rotate-251,
  .mobile\:hover\:rotate-251:hover,
  .mobile\:focus\:rotate-251:focus,
  .mobile\:group:hover .group-hover\:rotate-251,
  .mobile\:group:focus-within .group-focus-within\:rotate-251 {
    transform: rotate(251deg);
  }
  .mobile\:rotate-252,
  .mobile\:hover\:rotate-252:hover,
  .mobile\:focus\:rotate-252:focus,
  .mobile\:group:hover .group-hover\:rotate-252,
  .mobile\:group:focus-within .group-focus-within\:rotate-252 {
    transform: rotate(252deg);
  }
  .mobile\:rotate-253,
  .mobile\:hover\:rotate-253:hover,
  .mobile\:focus\:rotate-253:focus,
  .mobile\:group:hover .group-hover\:rotate-253,
  .mobile\:group:focus-within .group-focus-within\:rotate-253 {
    transform: rotate(253deg);
  }
  .mobile\:rotate-254,
  .mobile\:hover\:rotate-254:hover,
  .mobile\:focus\:rotate-254:focus,
  .mobile\:group:hover .group-hover\:rotate-254,
  .mobile\:group:focus-within .group-focus-within\:rotate-254 {
    transform: rotate(254deg);
  }
  .mobile\:rotate-255,
  .mobile\:hover\:rotate-255:hover,
  .mobile\:focus\:rotate-255:focus,
  .mobile\:group:hover .group-hover\:rotate-255,
  .mobile\:group:focus-within .group-focus-within\:rotate-255 {
    transform: rotate(255deg);
  }
  .mobile\:rotate-256,
  .mobile\:hover\:rotate-256:hover,
  .mobile\:focus\:rotate-256:focus,
  .mobile\:group:hover .group-hover\:rotate-256,
  .mobile\:group:focus-within .group-focus-within\:rotate-256 {
    transform: rotate(256deg);
  }
  .mobile\:rotate-257,
  .mobile\:hover\:rotate-257:hover,
  .mobile\:focus\:rotate-257:focus,
  .mobile\:group:hover .group-hover\:rotate-257,
  .mobile\:group:focus-within .group-focus-within\:rotate-257 {
    transform: rotate(257deg);
  }
  .mobile\:rotate-258,
  .mobile\:hover\:rotate-258:hover,
  .mobile\:focus\:rotate-258:focus,
  .mobile\:group:hover .group-hover\:rotate-258,
  .mobile\:group:focus-within .group-focus-within\:rotate-258 {
    transform: rotate(258deg);
  }
  .mobile\:rotate-259,
  .mobile\:hover\:rotate-259:hover,
  .mobile\:focus\:rotate-259:focus,
  .mobile\:group:hover .group-hover\:rotate-259,
  .mobile\:group:focus-within .group-focus-within\:rotate-259 {
    transform: rotate(259deg);
  }
  .mobile\:rotate-260,
  .mobile\:hover\:rotate-260:hover,
  .mobile\:focus\:rotate-260:focus,
  .mobile\:group:hover .group-hover\:rotate-260,
  .mobile\:group:focus-within .group-focus-within\:rotate-260 {
    transform: rotate(260deg);
  }
  .mobile\:rotate-261,
  .mobile\:hover\:rotate-261:hover,
  .mobile\:focus\:rotate-261:focus,
  .mobile\:group:hover .group-hover\:rotate-261,
  .mobile\:group:focus-within .group-focus-within\:rotate-261 {
    transform: rotate(261deg);
  }
  .mobile\:rotate-262,
  .mobile\:hover\:rotate-262:hover,
  .mobile\:focus\:rotate-262:focus,
  .mobile\:group:hover .group-hover\:rotate-262,
  .mobile\:group:focus-within .group-focus-within\:rotate-262 {
    transform: rotate(262deg);
  }
  .mobile\:rotate-263,
  .mobile\:hover\:rotate-263:hover,
  .mobile\:focus\:rotate-263:focus,
  .mobile\:group:hover .group-hover\:rotate-263,
  .mobile\:group:focus-within .group-focus-within\:rotate-263 {
    transform: rotate(263deg);
  }
  .mobile\:rotate-264,
  .mobile\:hover\:rotate-264:hover,
  .mobile\:focus\:rotate-264:focus,
  .mobile\:group:hover .group-hover\:rotate-264,
  .mobile\:group:focus-within .group-focus-within\:rotate-264 {
    transform: rotate(264deg);
  }
  .mobile\:rotate-265,
  .mobile\:hover\:rotate-265:hover,
  .mobile\:focus\:rotate-265:focus,
  .mobile\:group:hover .group-hover\:rotate-265,
  .mobile\:group:focus-within .group-focus-within\:rotate-265 {
    transform: rotate(265deg);
  }
  .mobile\:rotate-266,
  .mobile\:hover\:rotate-266:hover,
  .mobile\:focus\:rotate-266:focus,
  .mobile\:group:hover .group-hover\:rotate-266,
  .mobile\:group:focus-within .group-focus-within\:rotate-266 {
    transform: rotate(266deg);
  }
  .mobile\:rotate-267,
  .mobile\:hover\:rotate-267:hover,
  .mobile\:focus\:rotate-267:focus,
  .mobile\:group:hover .group-hover\:rotate-267,
  .mobile\:group:focus-within .group-focus-within\:rotate-267 {
    transform: rotate(267deg);
  }
  .mobile\:rotate-268,
  .mobile\:hover\:rotate-268:hover,
  .mobile\:focus\:rotate-268:focus,
  .mobile\:group:hover .group-hover\:rotate-268,
  .mobile\:group:focus-within .group-focus-within\:rotate-268 {
    transform: rotate(268deg);
  }
  .mobile\:rotate-269,
  .mobile\:hover\:rotate-269:hover,
  .mobile\:focus\:rotate-269:focus,
  .mobile\:group:hover .group-hover\:rotate-269,
  .mobile\:group:focus-within .group-focus-within\:rotate-269 {
    transform: rotate(269deg);
  }
  .mobile\:rotate-270,
  .mobile\:hover\:rotate-270:hover,
  .mobile\:focus\:rotate-270:focus,
  .mobile\:group:hover .group-hover\:rotate-270,
  .mobile\:group:focus-within .group-focus-within\:rotate-270 {
    transform: rotate(270deg);
  }
  .mobile\:rotate-271,
  .mobile\:hover\:rotate-271:hover,
  .mobile\:focus\:rotate-271:focus,
  .mobile\:group:hover .group-hover\:rotate-271,
  .mobile\:group:focus-within .group-focus-within\:rotate-271 {
    transform: rotate(271deg);
  }
  .mobile\:rotate-272,
  .mobile\:hover\:rotate-272:hover,
  .mobile\:focus\:rotate-272:focus,
  .mobile\:group:hover .group-hover\:rotate-272,
  .mobile\:group:focus-within .group-focus-within\:rotate-272 {
    transform: rotate(272deg);
  }
  .mobile\:rotate-273,
  .mobile\:hover\:rotate-273:hover,
  .mobile\:focus\:rotate-273:focus,
  .mobile\:group:hover .group-hover\:rotate-273,
  .mobile\:group:focus-within .group-focus-within\:rotate-273 {
    transform: rotate(273deg);
  }
  .mobile\:rotate-274,
  .mobile\:hover\:rotate-274:hover,
  .mobile\:focus\:rotate-274:focus,
  .mobile\:group:hover .group-hover\:rotate-274,
  .mobile\:group:focus-within .group-focus-within\:rotate-274 {
    transform: rotate(274deg);
  }
  .mobile\:rotate-275,
  .mobile\:hover\:rotate-275:hover,
  .mobile\:focus\:rotate-275:focus,
  .mobile\:group:hover .group-hover\:rotate-275,
  .mobile\:group:focus-within .group-focus-within\:rotate-275 {
    transform: rotate(275deg);
  }
  .mobile\:rotate-276,
  .mobile\:hover\:rotate-276:hover,
  .mobile\:focus\:rotate-276:focus,
  .mobile\:group:hover .group-hover\:rotate-276,
  .mobile\:group:focus-within .group-focus-within\:rotate-276 {
    transform: rotate(276deg);
  }
  .mobile\:rotate-277,
  .mobile\:hover\:rotate-277:hover,
  .mobile\:focus\:rotate-277:focus,
  .mobile\:group:hover .group-hover\:rotate-277,
  .mobile\:group:focus-within .group-focus-within\:rotate-277 {
    transform: rotate(277deg);
  }
  .mobile\:rotate-278,
  .mobile\:hover\:rotate-278:hover,
  .mobile\:focus\:rotate-278:focus,
  .mobile\:group:hover .group-hover\:rotate-278,
  .mobile\:group:focus-within .group-focus-within\:rotate-278 {
    transform: rotate(278deg);
  }
  .mobile\:rotate-279,
  .mobile\:hover\:rotate-279:hover,
  .mobile\:focus\:rotate-279:focus,
  .mobile\:group:hover .group-hover\:rotate-279,
  .mobile\:group:focus-within .group-focus-within\:rotate-279 {
    transform: rotate(279deg);
  }
  .mobile\:rotate-280,
  .mobile\:hover\:rotate-280:hover,
  .mobile\:focus\:rotate-280:focus,
  .mobile\:group:hover .group-hover\:rotate-280,
  .mobile\:group:focus-within .group-focus-within\:rotate-280 {
    transform: rotate(280deg);
  }
  .mobile\:rotate-281,
  .mobile\:hover\:rotate-281:hover,
  .mobile\:focus\:rotate-281:focus,
  .mobile\:group:hover .group-hover\:rotate-281,
  .mobile\:group:focus-within .group-focus-within\:rotate-281 {
    transform: rotate(281deg);
  }
  .mobile\:rotate-282,
  .mobile\:hover\:rotate-282:hover,
  .mobile\:focus\:rotate-282:focus,
  .mobile\:group:hover .group-hover\:rotate-282,
  .mobile\:group:focus-within .group-focus-within\:rotate-282 {
    transform: rotate(282deg);
  }
  .mobile\:rotate-283,
  .mobile\:hover\:rotate-283:hover,
  .mobile\:focus\:rotate-283:focus,
  .mobile\:group:hover .group-hover\:rotate-283,
  .mobile\:group:focus-within .group-focus-within\:rotate-283 {
    transform: rotate(283deg);
  }
  .mobile\:rotate-284,
  .mobile\:hover\:rotate-284:hover,
  .mobile\:focus\:rotate-284:focus,
  .mobile\:group:hover .group-hover\:rotate-284,
  .mobile\:group:focus-within .group-focus-within\:rotate-284 {
    transform: rotate(284deg);
  }
  .mobile\:rotate-285,
  .mobile\:hover\:rotate-285:hover,
  .mobile\:focus\:rotate-285:focus,
  .mobile\:group:hover .group-hover\:rotate-285,
  .mobile\:group:focus-within .group-focus-within\:rotate-285 {
    transform: rotate(285deg);
  }
  .mobile\:rotate-286,
  .mobile\:hover\:rotate-286:hover,
  .mobile\:focus\:rotate-286:focus,
  .mobile\:group:hover .group-hover\:rotate-286,
  .mobile\:group:focus-within .group-focus-within\:rotate-286 {
    transform: rotate(286deg);
  }
  .mobile\:rotate-287,
  .mobile\:hover\:rotate-287:hover,
  .mobile\:focus\:rotate-287:focus,
  .mobile\:group:hover .group-hover\:rotate-287,
  .mobile\:group:focus-within .group-focus-within\:rotate-287 {
    transform: rotate(287deg);
  }
  .mobile\:rotate-288,
  .mobile\:hover\:rotate-288:hover,
  .mobile\:focus\:rotate-288:focus,
  .mobile\:group:hover .group-hover\:rotate-288,
  .mobile\:group:focus-within .group-focus-within\:rotate-288 {
    transform: rotate(288deg);
  }
  .mobile\:rotate-289,
  .mobile\:hover\:rotate-289:hover,
  .mobile\:focus\:rotate-289:focus,
  .mobile\:group:hover .group-hover\:rotate-289,
  .mobile\:group:focus-within .group-focus-within\:rotate-289 {
    transform: rotate(289deg);
  }
  .mobile\:rotate-290,
  .mobile\:hover\:rotate-290:hover,
  .mobile\:focus\:rotate-290:focus,
  .mobile\:group:hover .group-hover\:rotate-290,
  .mobile\:group:focus-within .group-focus-within\:rotate-290 {
    transform: rotate(290deg);
  }
  .mobile\:rotate-291,
  .mobile\:hover\:rotate-291:hover,
  .mobile\:focus\:rotate-291:focus,
  .mobile\:group:hover .group-hover\:rotate-291,
  .mobile\:group:focus-within .group-focus-within\:rotate-291 {
    transform: rotate(291deg);
  }
  .mobile\:rotate-292,
  .mobile\:hover\:rotate-292:hover,
  .mobile\:focus\:rotate-292:focus,
  .mobile\:group:hover .group-hover\:rotate-292,
  .mobile\:group:focus-within .group-focus-within\:rotate-292 {
    transform: rotate(292deg);
  }
  .mobile\:rotate-293,
  .mobile\:hover\:rotate-293:hover,
  .mobile\:focus\:rotate-293:focus,
  .mobile\:group:hover .group-hover\:rotate-293,
  .mobile\:group:focus-within .group-focus-within\:rotate-293 {
    transform: rotate(293deg);
  }
  .mobile\:rotate-294,
  .mobile\:hover\:rotate-294:hover,
  .mobile\:focus\:rotate-294:focus,
  .mobile\:group:hover .group-hover\:rotate-294,
  .mobile\:group:focus-within .group-focus-within\:rotate-294 {
    transform: rotate(294deg);
  }
  .mobile\:rotate-295,
  .mobile\:hover\:rotate-295:hover,
  .mobile\:focus\:rotate-295:focus,
  .mobile\:group:hover .group-hover\:rotate-295,
  .mobile\:group:focus-within .group-focus-within\:rotate-295 {
    transform: rotate(295deg);
  }
  .mobile\:rotate-296,
  .mobile\:hover\:rotate-296:hover,
  .mobile\:focus\:rotate-296:focus,
  .mobile\:group:hover .group-hover\:rotate-296,
  .mobile\:group:focus-within .group-focus-within\:rotate-296 {
    transform: rotate(296deg);
  }
  .mobile\:rotate-297,
  .mobile\:hover\:rotate-297:hover,
  .mobile\:focus\:rotate-297:focus,
  .mobile\:group:hover .group-hover\:rotate-297,
  .mobile\:group:focus-within .group-focus-within\:rotate-297 {
    transform: rotate(297deg);
  }
  .mobile\:rotate-298,
  .mobile\:hover\:rotate-298:hover,
  .mobile\:focus\:rotate-298:focus,
  .mobile\:group:hover .group-hover\:rotate-298,
  .mobile\:group:focus-within .group-focus-within\:rotate-298 {
    transform: rotate(298deg);
  }
  .mobile\:rotate-299,
  .mobile\:hover\:rotate-299:hover,
  .mobile\:focus\:rotate-299:focus,
  .mobile\:group:hover .group-hover\:rotate-299,
  .mobile\:group:focus-within .group-focus-within\:rotate-299 {
    transform: rotate(299deg);
  }
  .mobile\:rotate-300,
  .mobile\:hover\:rotate-300:hover,
  .mobile\:focus\:rotate-300:focus,
  .mobile\:group:hover .group-hover\:rotate-300,
  .mobile\:group:focus-within .group-focus-within\:rotate-300 {
    transform: rotate(300deg);
  }
  .mobile\:rotate-301,
  .mobile\:hover\:rotate-301:hover,
  .mobile\:focus\:rotate-301:focus,
  .mobile\:group:hover .group-hover\:rotate-301,
  .mobile\:group:focus-within .group-focus-within\:rotate-301 {
    transform: rotate(301deg);
  }
  .mobile\:rotate-302,
  .mobile\:hover\:rotate-302:hover,
  .mobile\:focus\:rotate-302:focus,
  .mobile\:group:hover .group-hover\:rotate-302,
  .mobile\:group:focus-within .group-focus-within\:rotate-302 {
    transform: rotate(302deg);
  }
  .mobile\:rotate-303,
  .mobile\:hover\:rotate-303:hover,
  .mobile\:focus\:rotate-303:focus,
  .mobile\:group:hover .group-hover\:rotate-303,
  .mobile\:group:focus-within .group-focus-within\:rotate-303 {
    transform: rotate(303deg);
  }
  .mobile\:rotate-304,
  .mobile\:hover\:rotate-304:hover,
  .mobile\:focus\:rotate-304:focus,
  .mobile\:group:hover .group-hover\:rotate-304,
  .mobile\:group:focus-within .group-focus-within\:rotate-304 {
    transform: rotate(304deg);
  }
  .mobile\:rotate-305,
  .mobile\:hover\:rotate-305:hover,
  .mobile\:focus\:rotate-305:focus,
  .mobile\:group:hover .group-hover\:rotate-305,
  .mobile\:group:focus-within .group-focus-within\:rotate-305 {
    transform: rotate(305deg);
  }
  .mobile\:rotate-306,
  .mobile\:hover\:rotate-306:hover,
  .mobile\:focus\:rotate-306:focus,
  .mobile\:group:hover .group-hover\:rotate-306,
  .mobile\:group:focus-within .group-focus-within\:rotate-306 {
    transform: rotate(306deg);
  }
  .mobile\:rotate-307,
  .mobile\:hover\:rotate-307:hover,
  .mobile\:focus\:rotate-307:focus,
  .mobile\:group:hover .group-hover\:rotate-307,
  .mobile\:group:focus-within .group-focus-within\:rotate-307 {
    transform: rotate(307deg);
  }
  .mobile\:rotate-308,
  .mobile\:hover\:rotate-308:hover,
  .mobile\:focus\:rotate-308:focus,
  .mobile\:group:hover .group-hover\:rotate-308,
  .mobile\:group:focus-within .group-focus-within\:rotate-308 {
    transform: rotate(308deg);
  }
  .mobile\:rotate-309,
  .mobile\:hover\:rotate-309:hover,
  .mobile\:focus\:rotate-309:focus,
  .mobile\:group:hover .group-hover\:rotate-309,
  .mobile\:group:focus-within .group-focus-within\:rotate-309 {
    transform: rotate(309deg);
  }
  .mobile\:rotate-310,
  .mobile\:hover\:rotate-310:hover,
  .mobile\:focus\:rotate-310:focus,
  .mobile\:group:hover .group-hover\:rotate-310,
  .mobile\:group:focus-within .group-focus-within\:rotate-310 {
    transform: rotate(310deg);
  }
  .mobile\:rotate-311,
  .mobile\:hover\:rotate-311:hover,
  .mobile\:focus\:rotate-311:focus,
  .mobile\:group:hover .group-hover\:rotate-311,
  .mobile\:group:focus-within .group-focus-within\:rotate-311 {
    transform: rotate(311deg);
  }
  .mobile\:rotate-312,
  .mobile\:hover\:rotate-312:hover,
  .mobile\:focus\:rotate-312:focus,
  .mobile\:group:hover .group-hover\:rotate-312,
  .mobile\:group:focus-within .group-focus-within\:rotate-312 {
    transform: rotate(312deg);
  }
  .mobile\:rotate-313,
  .mobile\:hover\:rotate-313:hover,
  .mobile\:focus\:rotate-313:focus,
  .mobile\:group:hover .group-hover\:rotate-313,
  .mobile\:group:focus-within .group-focus-within\:rotate-313 {
    transform: rotate(313deg);
  }
  .mobile\:rotate-314,
  .mobile\:hover\:rotate-314:hover,
  .mobile\:focus\:rotate-314:focus,
  .mobile\:group:hover .group-hover\:rotate-314,
  .mobile\:group:focus-within .group-focus-within\:rotate-314 {
    transform: rotate(314deg);
  }
  .mobile\:rotate-315,
  .mobile\:hover\:rotate-315:hover,
  .mobile\:focus\:rotate-315:focus,
  .mobile\:group:hover .group-hover\:rotate-315,
  .mobile\:group:focus-within .group-focus-within\:rotate-315 {
    transform: rotate(315deg);
  }
  .mobile\:rotate-316,
  .mobile\:hover\:rotate-316:hover,
  .mobile\:focus\:rotate-316:focus,
  .mobile\:group:hover .group-hover\:rotate-316,
  .mobile\:group:focus-within .group-focus-within\:rotate-316 {
    transform: rotate(316deg);
  }
  .mobile\:rotate-317,
  .mobile\:hover\:rotate-317:hover,
  .mobile\:focus\:rotate-317:focus,
  .mobile\:group:hover .group-hover\:rotate-317,
  .mobile\:group:focus-within .group-focus-within\:rotate-317 {
    transform: rotate(317deg);
  }
  .mobile\:rotate-318,
  .mobile\:hover\:rotate-318:hover,
  .mobile\:focus\:rotate-318:focus,
  .mobile\:group:hover .group-hover\:rotate-318,
  .mobile\:group:focus-within .group-focus-within\:rotate-318 {
    transform: rotate(318deg);
  }
  .mobile\:rotate-319,
  .mobile\:hover\:rotate-319:hover,
  .mobile\:focus\:rotate-319:focus,
  .mobile\:group:hover .group-hover\:rotate-319,
  .mobile\:group:focus-within .group-focus-within\:rotate-319 {
    transform: rotate(319deg);
  }
  .mobile\:rotate-320,
  .mobile\:hover\:rotate-320:hover,
  .mobile\:focus\:rotate-320:focus,
  .mobile\:group:hover .group-hover\:rotate-320,
  .mobile\:group:focus-within .group-focus-within\:rotate-320 {
    transform: rotate(320deg);
  }
  .mobile\:rotate-321,
  .mobile\:hover\:rotate-321:hover,
  .mobile\:focus\:rotate-321:focus,
  .mobile\:group:hover .group-hover\:rotate-321,
  .mobile\:group:focus-within .group-focus-within\:rotate-321 {
    transform: rotate(321deg);
  }
  .mobile\:rotate-322,
  .mobile\:hover\:rotate-322:hover,
  .mobile\:focus\:rotate-322:focus,
  .mobile\:group:hover .group-hover\:rotate-322,
  .mobile\:group:focus-within .group-focus-within\:rotate-322 {
    transform: rotate(322deg);
  }
  .mobile\:rotate-323,
  .mobile\:hover\:rotate-323:hover,
  .mobile\:focus\:rotate-323:focus,
  .mobile\:group:hover .group-hover\:rotate-323,
  .mobile\:group:focus-within .group-focus-within\:rotate-323 {
    transform: rotate(323deg);
  }
  .mobile\:rotate-324,
  .mobile\:hover\:rotate-324:hover,
  .mobile\:focus\:rotate-324:focus,
  .mobile\:group:hover .group-hover\:rotate-324,
  .mobile\:group:focus-within .group-focus-within\:rotate-324 {
    transform: rotate(324deg);
  }
  .mobile\:rotate-325,
  .mobile\:hover\:rotate-325:hover,
  .mobile\:focus\:rotate-325:focus,
  .mobile\:group:hover .group-hover\:rotate-325,
  .mobile\:group:focus-within .group-focus-within\:rotate-325 {
    transform: rotate(325deg);
  }
  .mobile\:rotate-326,
  .mobile\:hover\:rotate-326:hover,
  .mobile\:focus\:rotate-326:focus,
  .mobile\:group:hover .group-hover\:rotate-326,
  .mobile\:group:focus-within .group-focus-within\:rotate-326 {
    transform: rotate(326deg);
  }
  .mobile\:rotate-327,
  .mobile\:hover\:rotate-327:hover,
  .mobile\:focus\:rotate-327:focus,
  .mobile\:group:hover .group-hover\:rotate-327,
  .mobile\:group:focus-within .group-focus-within\:rotate-327 {
    transform: rotate(327deg);
  }
  .mobile\:rotate-328,
  .mobile\:hover\:rotate-328:hover,
  .mobile\:focus\:rotate-328:focus,
  .mobile\:group:hover .group-hover\:rotate-328,
  .mobile\:group:focus-within .group-focus-within\:rotate-328 {
    transform: rotate(328deg);
  }
  .mobile\:rotate-329,
  .mobile\:hover\:rotate-329:hover,
  .mobile\:focus\:rotate-329:focus,
  .mobile\:group:hover .group-hover\:rotate-329,
  .mobile\:group:focus-within .group-focus-within\:rotate-329 {
    transform: rotate(329deg);
  }
  .mobile\:rotate-330,
  .mobile\:hover\:rotate-330:hover,
  .mobile\:focus\:rotate-330:focus,
  .mobile\:group:hover .group-hover\:rotate-330,
  .mobile\:group:focus-within .group-focus-within\:rotate-330 {
    transform: rotate(330deg);
  }
  .mobile\:rotate-331,
  .mobile\:hover\:rotate-331:hover,
  .mobile\:focus\:rotate-331:focus,
  .mobile\:group:hover .group-hover\:rotate-331,
  .mobile\:group:focus-within .group-focus-within\:rotate-331 {
    transform: rotate(331deg);
  }
  .mobile\:rotate-332,
  .mobile\:hover\:rotate-332:hover,
  .mobile\:focus\:rotate-332:focus,
  .mobile\:group:hover .group-hover\:rotate-332,
  .mobile\:group:focus-within .group-focus-within\:rotate-332 {
    transform: rotate(332deg);
  }
  .mobile\:rotate-333,
  .mobile\:hover\:rotate-333:hover,
  .mobile\:focus\:rotate-333:focus,
  .mobile\:group:hover .group-hover\:rotate-333,
  .mobile\:group:focus-within .group-focus-within\:rotate-333 {
    transform: rotate(333deg);
  }
  .mobile\:rotate-334,
  .mobile\:hover\:rotate-334:hover,
  .mobile\:focus\:rotate-334:focus,
  .mobile\:group:hover .group-hover\:rotate-334,
  .mobile\:group:focus-within .group-focus-within\:rotate-334 {
    transform: rotate(334deg);
  }
  .mobile\:rotate-335,
  .mobile\:hover\:rotate-335:hover,
  .mobile\:focus\:rotate-335:focus,
  .mobile\:group:hover .group-hover\:rotate-335,
  .mobile\:group:focus-within .group-focus-within\:rotate-335 {
    transform: rotate(335deg);
  }
  .mobile\:rotate-336,
  .mobile\:hover\:rotate-336:hover,
  .mobile\:focus\:rotate-336:focus,
  .mobile\:group:hover .group-hover\:rotate-336,
  .mobile\:group:focus-within .group-focus-within\:rotate-336 {
    transform: rotate(336deg);
  }
  .mobile\:rotate-337,
  .mobile\:hover\:rotate-337:hover,
  .mobile\:focus\:rotate-337:focus,
  .mobile\:group:hover .group-hover\:rotate-337,
  .mobile\:group:focus-within .group-focus-within\:rotate-337 {
    transform: rotate(337deg);
  }
  .mobile\:rotate-338,
  .mobile\:hover\:rotate-338:hover,
  .mobile\:focus\:rotate-338:focus,
  .mobile\:group:hover .group-hover\:rotate-338,
  .mobile\:group:focus-within .group-focus-within\:rotate-338 {
    transform: rotate(338deg);
  }
  .mobile\:rotate-339,
  .mobile\:hover\:rotate-339:hover,
  .mobile\:focus\:rotate-339:focus,
  .mobile\:group:hover .group-hover\:rotate-339,
  .mobile\:group:focus-within .group-focus-within\:rotate-339 {
    transform: rotate(339deg);
  }
  .mobile\:rotate-340,
  .mobile\:hover\:rotate-340:hover,
  .mobile\:focus\:rotate-340:focus,
  .mobile\:group:hover .group-hover\:rotate-340,
  .mobile\:group:focus-within .group-focus-within\:rotate-340 {
    transform: rotate(340deg);
  }
  .mobile\:rotate-341,
  .mobile\:hover\:rotate-341:hover,
  .mobile\:focus\:rotate-341:focus,
  .mobile\:group:hover .group-hover\:rotate-341,
  .mobile\:group:focus-within .group-focus-within\:rotate-341 {
    transform: rotate(341deg);
  }
  .mobile\:rotate-342,
  .mobile\:hover\:rotate-342:hover,
  .mobile\:focus\:rotate-342:focus,
  .mobile\:group:hover .group-hover\:rotate-342,
  .mobile\:group:focus-within .group-focus-within\:rotate-342 {
    transform: rotate(342deg);
  }
  .mobile\:rotate-343,
  .mobile\:hover\:rotate-343:hover,
  .mobile\:focus\:rotate-343:focus,
  .mobile\:group:hover .group-hover\:rotate-343,
  .mobile\:group:focus-within .group-focus-within\:rotate-343 {
    transform: rotate(343deg);
  }
  .mobile\:rotate-344,
  .mobile\:hover\:rotate-344:hover,
  .mobile\:focus\:rotate-344:focus,
  .mobile\:group:hover .group-hover\:rotate-344,
  .mobile\:group:focus-within .group-focus-within\:rotate-344 {
    transform: rotate(344deg);
  }
  .mobile\:rotate-345,
  .mobile\:hover\:rotate-345:hover,
  .mobile\:focus\:rotate-345:focus,
  .mobile\:group:hover .group-hover\:rotate-345,
  .mobile\:group:focus-within .group-focus-within\:rotate-345 {
    transform: rotate(345deg);
  }
  .mobile\:rotate-346,
  .mobile\:hover\:rotate-346:hover,
  .mobile\:focus\:rotate-346:focus,
  .mobile\:group:hover .group-hover\:rotate-346,
  .mobile\:group:focus-within .group-focus-within\:rotate-346 {
    transform: rotate(346deg);
  }
  .mobile\:rotate-347,
  .mobile\:hover\:rotate-347:hover,
  .mobile\:focus\:rotate-347:focus,
  .mobile\:group:hover .group-hover\:rotate-347,
  .mobile\:group:focus-within .group-focus-within\:rotate-347 {
    transform: rotate(347deg);
  }
  .mobile\:rotate-348,
  .mobile\:hover\:rotate-348:hover,
  .mobile\:focus\:rotate-348:focus,
  .mobile\:group:hover .group-hover\:rotate-348,
  .mobile\:group:focus-within .group-focus-within\:rotate-348 {
    transform: rotate(348deg);
  }
  .mobile\:rotate-349,
  .mobile\:hover\:rotate-349:hover,
  .mobile\:focus\:rotate-349:focus,
  .mobile\:group:hover .group-hover\:rotate-349,
  .mobile\:group:focus-within .group-focus-within\:rotate-349 {
    transform: rotate(349deg);
  }
  .mobile\:rotate-350,
  .mobile\:hover\:rotate-350:hover,
  .mobile\:focus\:rotate-350:focus,
  .mobile\:group:hover .group-hover\:rotate-350,
  .mobile\:group:focus-within .group-focus-within\:rotate-350 {
    transform: rotate(350deg);
  }
  .mobile\:rotate-351,
  .mobile\:hover\:rotate-351:hover,
  .mobile\:focus\:rotate-351:focus,
  .mobile\:group:hover .group-hover\:rotate-351,
  .mobile\:group:focus-within .group-focus-within\:rotate-351 {
    transform: rotate(351deg);
  }
  .mobile\:rotate-352,
  .mobile\:hover\:rotate-352:hover,
  .mobile\:focus\:rotate-352:focus,
  .mobile\:group:hover .group-hover\:rotate-352,
  .mobile\:group:focus-within .group-focus-within\:rotate-352 {
    transform: rotate(352deg);
  }
  .mobile\:rotate-353,
  .mobile\:hover\:rotate-353:hover,
  .mobile\:focus\:rotate-353:focus,
  .mobile\:group:hover .group-hover\:rotate-353,
  .mobile\:group:focus-within .group-focus-within\:rotate-353 {
    transform: rotate(353deg);
  }
  .mobile\:rotate-354,
  .mobile\:hover\:rotate-354:hover,
  .mobile\:focus\:rotate-354:focus,
  .mobile\:group:hover .group-hover\:rotate-354,
  .mobile\:group:focus-within .group-focus-within\:rotate-354 {
    transform: rotate(354deg);
  }
  .mobile\:rotate-355,
  .mobile\:hover\:rotate-355:hover,
  .mobile\:focus\:rotate-355:focus,
  .mobile\:group:hover .group-hover\:rotate-355,
  .mobile\:group:focus-within .group-focus-within\:rotate-355 {
    transform: rotate(355deg);
  }
  .mobile\:rotate-356,
  .mobile\:hover\:rotate-356:hover,
  .mobile\:focus\:rotate-356:focus,
  .mobile\:group:hover .group-hover\:rotate-356,
  .mobile\:group:focus-within .group-focus-within\:rotate-356 {
    transform: rotate(356deg);
  }
  .mobile\:rotate-357,
  .mobile\:hover\:rotate-357:hover,
  .mobile\:focus\:rotate-357:focus,
  .mobile\:group:hover .group-hover\:rotate-357,
  .mobile\:group:focus-within .group-focus-within\:rotate-357 {
    transform: rotate(357deg);
  }
  .mobile\:rotate-358,
  .mobile\:hover\:rotate-358:hover,
  .mobile\:focus\:rotate-358:focus,
  .mobile\:group:hover .group-hover\:rotate-358,
  .mobile\:group:focus-within .group-focus-within\:rotate-358 {
    transform: rotate(358deg);
  }
  .mobile\:rotate-359,
  .mobile\:hover\:rotate-359:hover,
  .mobile\:focus\:rotate-359:focus,
  .mobile\:group:hover .group-hover\:rotate-359,
  .mobile\:group:focus-within .group-focus-within\:rotate-359 {
    transform: rotate(359deg);
  }
  .mobile\:rotate-360,
  .mobile\:hover\:rotate-360:hover,
  .mobile\:focus\:rotate-360:focus,
  .mobile\:group:hover .group-hover\:rotate-360,
  .mobile\:group:focus-within .group-focus-within\:rotate-360 {
    transform: rotate(360deg);
  }
  .mobile\:scale-0,
  .mobile\:hover\:scale-0:hover,
  .mobile\:focus\:scale-0:focus,
  .mobile\:group:hover .group-hover\:scale-0,
  .mobile\:group:focus-within .group-focus-within\:scale-0 {
    transform: scale(0);
  }
  .mobile\:scale-1,
  .mobile\:hover\:scale-1:hover,
  .mobile\:focus\:scale-1:focus,
  .mobile\:group:hover .group-hover\:scale-1,
  .mobile\:group:focus-within .group-focus-within\:scale-1 {
    transform: scale(0.1);
  }
  .mobile\:scale-2,
  .mobile\:hover\:scale-2:hover,
  .mobile\:focus\:scale-2:focus,
  .mobile\:group:hover .group-hover\:scale-2,
  .mobile\:group:focus-within .group-focus-within\:scale-2 {
    transform: scale(0.2);
  }
  .mobile\:scale-3,
  .mobile\:hover\:scale-3:hover,
  .mobile\:focus\:scale-3:focus,
  .mobile\:group:hover .group-hover\:scale-3,
  .mobile\:group:focus-within .group-focus-within\:scale-3 {
    transform: scale(0.3);
  }
  .mobile\:scale-4,
  .mobile\:hover\:scale-4:hover,
  .mobile\:focus\:scale-4:focus,
  .mobile\:group:hover .group-hover\:scale-4,
  .mobile\:group:focus-within .group-focus-within\:scale-4 {
    transform: scale(0.4);
  }
  .mobile\:scale-5,
  .mobile\:hover\:scale-5:hover,
  .mobile\:focus\:scale-5:focus,
  .mobile\:group:hover .group-hover\:scale-5,
  .mobile\:group:focus-within .group-focus-within\:scale-5 {
    transform: scale(0.5);
  }
  .mobile\:scale-6,
  .mobile\:hover\:scale-6:hover,
  .mobile\:focus\:scale-6:focus,
  .mobile\:group:hover .group-hover\:scale-6,
  .mobile\:group:focus-within .group-focus-within\:scale-6 {
    transform: scale(0.6);
  }
  .mobile\:scale-7,
  .mobile\:hover\:scale-7:hover,
  .mobile\:focus\:scale-7:focus,
  .mobile\:group:hover .group-hover\:scale-7,
  .mobile\:group:focus-within .group-focus-within\:scale-7 {
    transform: scale(0.7);
  }
  .mobile\:scale-8,
  .mobile\:hover\:scale-8:hover,
  .mobile\:focus\:scale-8:focus,
  .mobile\:group:hover .group-hover\:scale-8,
  .mobile\:group:focus-within .group-focus-within\:scale-8 {
    transform: scale(0.8);
  }
  .mobile\:scale-9,
  .mobile\:hover\:scale-9:hover,
  .mobile\:focus\:scale-9:focus,
  .mobile\:group:hover .group-hover\:scale-9,
  .mobile\:group:focus-within .group-focus-within\:scale-9 {
    transform: scale(0.9);
  }
  .mobile\:scale-10,
  .mobile\:hover\:scale-10:hover,
  .mobile\:focus\:scale-10:focus,
  .mobile\:group:hover .group-hover\:scale-10,
  .mobile\:group:focus-within .group-focus-within\:scale-10 {
    transform: scale(1);
  }
  .mobile\:scale-11,
  .mobile\:hover\:scale-11:hover,
  .mobile\:focus\:scale-11:focus,
  .mobile\:group:hover .group-hover\:scale-11,
  .mobile\:group:focus-within .group-focus-within\:scale-11 {
    transform: scale(1.1);
  }
  .mobile\:scale-12,
  .mobile\:hover\:scale-12:hover,
  .mobile\:focus\:scale-12:focus,
  .mobile\:group:hover .group-hover\:scale-12,
  .mobile\:group:focus-within .group-focus-within\:scale-12 {
    transform: scale(1.2);
  }
  .mobile\:scale-13,
  .mobile\:hover\:scale-13:hover,
  .mobile\:focus\:scale-13:focus,
  .mobile\:group:hover .group-hover\:scale-13,
  .mobile\:group:focus-within .group-focus-within\:scale-13 {
    transform: scale(1.3);
  }
  .mobile\:scale-14,
  .mobile\:hover\:scale-14:hover,
  .mobile\:focus\:scale-14:focus,
  .mobile\:group:hover .group-hover\:scale-14,
  .mobile\:group:focus-within .group-focus-within\:scale-14 {
    transform: scale(1.4);
  }
  .mobile\:scale-15,
  .mobile\:hover\:scale-15:hover,
  .mobile\:focus\:scale-15:focus,
  .mobile\:group:hover .group-hover\:scale-15,
  .mobile\:group:focus-within .group-focus-within\:scale-15 {
    transform: scale(1.5);
  }
  .mobile\:scale-16,
  .mobile\:hover\:scale-16:hover,
  .mobile\:focus\:scale-16:focus,
  .mobile\:group:hover .group-hover\:scale-16,
  .mobile\:group:focus-within .group-focus-within\:scale-16 {
    transform: scale(1.6);
  }
  .mobile\:scale-17,
  .mobile\:hover\:scale-17:hover,
  .mobile\:focus\:scale-17:focus,
  .mobile\:group:hover .group-hover\:scale-17,
  .mobile\:group:focus-within .group-focus-within\:scale-17 {
    transform: scale(1.7);
  }
  .mobile\:scale-18,
  .mobile\:hover\:scale-18:hover,
  .mobile\:focus\:scale-18:focus,
  .mobile\:group:hover .group-hover\:scale-18,
  .mobile\:group:focus-within .group-focus-within\:scale-18 {
    transform: scale(1.8);
  }
  .mobile\:scale-19,
  .mobile\:hover\:scale-19:hover,
  .mobile\:focus\:scale-19:focus,
  .mobile\:group:hover .group-hover\:scale-19,
  .mobile\:group:focus-within .group-focus-within\:scale-19 {
    transform: scale(1.9);
  }
  .mobile\:scale-20,
  .mobile\:hover\:scale-20:hover,
  .mobile\:focus\:scale-20:focus,
  .mobile\:group:hover .group-hover\:scale-20,
  .mobile\:group:focus-within .group-focus-within\:scale-20 {
    transform: scale(2);
  }
  .mobile\:scale-21,
  .mobile\:hover\:scale-21:hover,
  .mobile\:focus\:scale-21:focus,
  .mobile\:group:hover .group-hover\:scale-21,
  .mobile\:group:focus-within .group-focus-within\:scale-21 {
    transform: scale(2.1);
  }
  .mobile\:scale-22,
  .mobile\:hover\:scale-22:hover,
  .mobile\:focus\:scale-22:focus,
  .mobile\:group:hover .group-hover\:scale-22,
  .mobile\:group:focus-within .group-focus-within\:scale-22 {
    transform: scale(2.2);
  }
  .mobile\:scale-23,
  .mobile\:hover\:scale-23:hover,
  .mobile\:focus\:scale-23:focus,
  .mobile\:group:hover .group-hover\:scale-23,
  .mobile\:group:focus-within .group-focus-within\:scale-23 {
    transform: scale(2.3);
  }
  .mobile\:scale-24,
  .mobile\:hover\:scale-24:hover,
  .mobile\:focus\:scale-24:focus,
  .mobile\:group:hover .group-hover\:scale-24,
  .mobile\:group:focus-within .group-focus-within\:scale-24 {
    transform: scale(2.4);
  }
  .mobile\:scale-25,
  .mobile\:hover\:scale-25:hover,
  .mobile\:focus\:scale-25:focus,
  .mobile\:group:hover .group-hover\:scale-25,
  .mobile\:group:focus-within .group-focus-within\:scale-25 {
    transform: scale(2.5);
  }
  .mobile\:scale-26,
  .mobile\:hover\:scale-26:hover,
  .mobile\:focus\:scale-26:focus,
  .mobile\:group:hover .group-hover\:scale-26,
  .mobile\:group:focus-within .group-focus-within\:scale-26 {
    transform: scale(2.6);
  }
  .mobile\:scale-27,
  .mobile\:hover\:scale-27:hover,
  .mobile\:focus\:scale-27:focus,
  .mobile\:group:hover .group-hover\:scale-27,
  .mobile\:group:focus-within .group-focus-within\:scale-27 {
    transform: scale(2.7);
  }
  .mobile\:scale-28,
  .mobile\:hover\:scale-28:hover,
  .mobile\:focus\:scale-28:focus,
  .mobile\:group:hover .group-hover\:scale-28,
  .mobile\:group:focus-within .group-focus-within\:scale-28 {
    transform: scale(2.8);
  }
  .mobile\:scale-29,
  .mobile\:hover\:scale-29:hover,
  .mobile\:focus\:scale-29:focus,
  .mobile\:group:hover .group-hover\:scale-29,
  .mobile\:group:focus-within .group-focus-within\:scale-29 {
    transform: scale(2.9);
  }
  .mobile\:scale-30,
  .mobile\:hover\:scale-30:hover,
  .mobile\:focus\:scale-30:focus,
  .mobile\:group:hover .group-hover\:scale-30,
  .mobile\:group:focus-within .group-focus-within\:scale-30 {
    transform: scale(3);
  }
}
.transition-slow {
  transition: var(--transition-slow);
}

.transition-mid {
  transition: var(--transition-mid);
}

.transition-fast {
  transition: var(--transition-fast);
}

/* The bundle of all BrandUI styles */
@media (max-width: 8640px) {
  .visibility-hidden {
    visibility: hidden;
  }
  .visibility-visible {
    visibility: visible;
  }
  .visibility-initial {
    visibility: initial;
  }
}
@media (max-width: 1024px) {
  .tablet\:visibility-hidden {
    visibility: hidden;
  }
  .tablet\:visibility-visible {
    visibility: visible;
  }
  .tablet\:visibility-initial {
    visibility: initial;
  }
}
@media (max-width: 768px) {
  .mobile\:visibility-hidden {
    visibility: hidden;
  }
  .mobile\:visibility-visible {
    visibility: visible;
  }
  .mobile\:visibility-initial {
    visibility: initial;
  }
}
.hide-on-mobile {
  display: block;
}
@media (width <= 520px) {
  .hide-on-mobile {
    display: none;
  }
}

.show-on-mobile {
  display: none;
}
@media (width <= 520px) {
  .show-on-mobile {
    display: block;
  }
}

.transition-delay-0 {
  transition-delay: 0s;
}

.transition-duration-0 {
  transition-duration: 0s;
}

.animation-delay-0 {
  animation-delay: 0s;
}

.animation-duration-0 {
  animation-duration: 0s;
}

.transition-delay-1 {
  transition-delay: 1s;
}

.transition-duration-1 {
  transition-duration: 1s;
}

.animation-delay-1 {
  animation-delay: 1s;
}

.animation-duration-1 {
  animation-duration: 1s;
}

.transition-delay-2 {
  transition-delay: 2s;
}

.transition-duration-2 {
  transition-duration: 2s;
}

.animation-delay-2 {
  animation-delay: 2s;
}

.animation-duration-2 {
  animation-duration: 2s;
}

.transition-delay-3 {
  transition-delay: 3s;
}

.transition-duration-3 {
  transition-duration: 3s;
}

.animation-delay-3 {
  animation-delay: 3s;
}

.animation-duration-3 {
  animation-duration: 3s;
}

.transition-delay-4 {
  transition-delay: 4s;
}

.transition-duration-4 {
  transition-duration: 4s;
}

.animation-delay-4 {
  animation-delay: 4s;
}

.animation-duration-4 {
  animation-duration: 4s;
}

.transition-delay-5 {
  transition-delay: 5s;
}

.transition-duration-5 {
  transition-duration: 5s;
}

.animation-delay-5 {
  animation-delay: 5s;
}

.animation-duration-5 {
  animation-duration: 5s;
}

.transition-delay-6 {
  transition-delay: 6s;
}

.transition-duration-6 {
  transition-duration: 6s;
}

.animation-delay-6 {
  animation-delay: 6s;
}

.animation-duration-6 {
  animation-duration: 6s;
}

.transition-delay-7 {
  transition-delay: 7s;
}

.transition-duration-7 {
  transition-duration: 7s;
}

.animation-delay-7 {
  animation-delay: 7s;
}

.animation-duration-7 {
  animation-duration: 7s;
}

.transition-delay-8 {
  transition-delay: 8s;
}

.transition-duration-8 {
  transition-duration: 8s;
}

.animation-delay-8 {
  animation-delay: 8s;
}

.animation-duration-8 {
  animation-duration: 8s;
}

.transition-delay-9 {
  transition-delay: 9s;
}

.transition-duration-9 {
  transition-duration: 9s;
}

.animation-delay-9 {
  animation-delay: 9s;
}

.animation-duration-9 {
  animation-duration: 9s;
}

.transition-delay-10 {
  transition-delay: 10s;
}

.transition-duration-10 {
  transition-duration: 10s;
}

.animation-delay-10 {
  animation-delay: 10s;
}

.animation-duration-10 {
  animation-duration: 10s;
}

.transition-delay-11 {
  transition-delay: 11s;
}

.transition-duration-11 {
  transition-duration: 11s;
}

.animation-delay-11 {
  animation-delay: 11s;
}

.animation-duration-11 {
  animation-duration: 11s;
}

.transition-delay-12 {
  transition-delay: 12s;
}

.transition-duration-12 {
  transition-duration: 12s;
}

.animation-delay-12 {
  animation-delay: 12s;
}

.animation-duration-12 {
  animation-duration: 12s;
}

.transition-delay-13 {
  transition-delay: 13s;
}

.transition-duration-13 {
  transition-duration: 13s;
}

.animation-delay-13 {
  animation-delay: 13s;
}

.animation-duration-13 {
  animation-duration: 13s;
}

.transition-delay-14 {
  transition-delay: 14s;
}

.transition-duration-14 {
  transition-duration: 14s;
}

.animation-delay-14 {
  animation-delay: 14s;
}

.animation-duration-14 {
  animation-duration: 14s;
}

.transition-delay-15 {
  transition-delay: 15s;
}

.transition-duration-15 {
  transition-duration: 15s;
}

.animation-delay-15 {
  animation-delay: 15s;
}

.animation-duration-15 {
  animation-duration: 15s;
}

.transition-delay-16 {
  transition-delay: 16s;
}

.transition-duration-16 {
  transition-duration: 16s;
}

.animation-delay-16 {
  animation-delay: 16s;
}

.animation-duration-16 {
  animation-duration: 16s;
}

.transition-delay-17 {
  transition-delay: 17s;
}

.transition-duration-17 {
  transition-duration: 17s;
}

.animation-delay-17 {
  animation-delay: 17s;
}

.animation-duration-17 {
  animation-duration: 17s;
}

.transition-delay-18 {
  transition-delay: 18s;
}

.transition-duration-18 {
  transition-duration: 18s;
}

.animation-delay-18 {
  animation-delay: 18s;
}

.animation-duration-18 {
  animation-duration: 18s;
}

.transition-delay-19 {
  transition-delay: 19s;
}

.transition-duration-19 {
  transition-duration: 19s;
}

.animation-delay-19 {
  animation-delay: 19s;
}

.animation-duration-19 {
  animation-duration: 19s;
}

.transition-delay-20 {
  transition-delay: 20s;
}

.transition-duration-20 {
  transition-duration: 20s;
}

.animation-delay-20 {
  animation-delay: 20s;
}

.animation-duration-20 {
  animation-duration: 20s;
}

@keyframes fly-in-top {
  0% {
    opacity: 0;
    transform: translateY(-1.5rem);
  }
  15% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fly-in-bottom {
  from {
    opacity: 0;
    transform: translateY(1.5rem);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes pan-left {
  0% {
    opacity: 0;
    transform: translateX(-1.5rem);
  }
  60% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes pan-right {
  0% {
    opacity: 0;
    transform: translateX(1.5rem);
  }
  60% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
@keyframes sparkle {
  0% {
    transform: scale(0.3) rotate(0deg);
    opacity: 0;
  }
  25% {
    transform: scale(1) rotate(360deg);
    opacity: 1;
  }
  50% {
    transform: scale(0.3) rotate(720deg);
    opacity: 0;
  }
  100% {
    transform: scale(0.3) rotate(0deg);
    opacity: 0;
  }
}
/*# sourceMappingURL=bundle.css.map */