@import url("https://use.typekit.net/qiy8lzf.css");

@import url("https://use.typekit.net/eka8rgx.css");

@charset "UTF-8";

:root {
  /* Fonts */
  --font-regular: "proxima-nova", sans-serif;
  --font-heading: "jubilat", serif;
  /* Colors */
  --black: #101010;
  --yellow: #FFC738;
  --gray: #F5F5F5;
  --tan: #EEEAE6;
  --dark-tan: #9B9E96;
  --dark-tan-aa: #6e706a;
  --white: #ffffff;
  /* Max Widths */
  --max-width-l: 1280px;
  --max-width-m: 1060px;
  --max-width-s: 800px;
  --max-width-xs: 350px;
  /* Breakpoints */
  --breakpoint-xl: var(--max-width-l);
  --breakpoint-lg: var(--max-width-m);
  --breakpoint-md: 960px;
  --breakpoint-sm: 768px;
  --breakpoint-xs: 576px;
  --nav-height: 86px;
  --footer-height: 98px;
}

/**
 * Common breakpoints.
 */

$breakpoint-xs: 320px;

$breakpoint-sm: 480px;

$breakpoint-md: 768px;

$breakpoint-lg: 1075px;

$breakpoint-xl: 1200px;

$breakpoint-xxl: 1400px;

$breakpoints: (
   "xsmall": $breakpoint-xs,
   "small": $breakpoint-sm,
   "medium": $breakpoint-md,
   "large": $breakpoint-lg,
   "xlarge": $breakpoint-xl,
   "xxlarge": $breakpoint-xxl
 );

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-regular);
  overflow-x: hidden;
}

a {
  transition: 0.15s all linear;
}

a:hover {
    color: var(--yellow);
  }

/*
 * Utility Classes
 */

.u-container {
  max-width: var(--max-width-l);
  margin: 0 auto;
  padding: 0 1.5rem;
  width: 100%;
}

.u-container-small {
  max-width: var(--max-width-m);
  margin: 0 auto;
  padding: 0 1.5rem;
  width: 100%;
}

.u-container-xs {
  max-width: var(--max-width-s);
  margin: 0 auto;
  padding: 0 1.5rem;
  width: 100%;
}

.u-h1 {
  color: white;
  font-family: var(--font-heading);
  font-size: 2.5rem;
  line-height: normal;
}

.u-h2 {
  color: white;
  font-family: var(--font-heading);
  font-size: 2rem;
  line-height: normal;
}

.u-h3 {
  color: white;
  font-family: var(--font-heading);
  font-size: 1.125rem;
  line-height: normal;
}

.u-text {
  color: white;
  font-family: var(--font-regular);
  font-size: 1.125rem;
  line-height: 1.5;
}

.u-detail {
  color: var(--black);
  font-family: var(--font-regular);
  font-size: 0.925rem;
  line-height: 1.5;
  text-transform: uppercase;
  line-height: normal;
}

.u-label {
  color: var(--black);
  font-family: var(--font-heading);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: normal;
}

.fp-watermark {
  display: none;
}

.u-show {
  display: block !important;
}

.u-hide {
  display: none !important;
}

.o-rte-content a {
    text-decoration: underline;
  }

.o-rte-content > ul,
  .o-rte-content > ul li ul,
  .o-rte-content > ol,
  .o-rte-content > ol li ul {
    margin-left: 35px;
  }

.o-rte-content ul {
    list-style: disc;
  }

.o-rte-content ol {
    list-style: decimal;
  }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #bcccdc; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #a0aec0;
}

input::placeholder,
textarea::placeholder {
  color: #a0aec0;
}

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

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

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

.container{
  width: 100%;
}

@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}

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

@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}

.space-y-0 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0px * var(--space-y-reverse));
}

.space-x-0 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(0px * var(--space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
}

.space-y-1 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--space-y-reverse));
}

.space-x-1 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
}

.space-y-2 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--space-y-reverse));
}

.space-x-2 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
}

.space-y-3 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--space-y-reverse));
}

.space-x-3 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
}

.space-y-4 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1rem * var(--space-y-reverse));
}

.space-x-4 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(1rem * var(--space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
}

.space-y-5 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--space-y-reverse));
}

.space-x-5 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(1.25rem * var(--space-x-reverse));
  margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
}

.space-y-6 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--space-y-reverse));
}

.space-x-6 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
}

.space-y-8 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(2rem * var(--space-y-reverse));
}

.space-x-8 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(2rem * var(--space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
}

.space-y-10 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--space-y-reverse));
}

.space-x-10 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(2.5rem * var(--space-x-reverse));
  margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
}

.space-y-12 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(3rem * var(--space-y-reverse));
}

.space-x-12 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(3rem * var(--space-x-reverse));
  margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
}

.space-y-16 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(4rem * var(--space-y-reverse));
}

.space-x-16 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(4rem * var(--space-x-reverse));
  margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
}

.space-y-20 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(5rem * var(--space-y-reverse));
}

.space-x-20 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(5rem * var(--space-x-reverse));
  margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
}

.space-y-24 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(6rem * var(--space-y-reverse));
}

.space-x-24 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(6rem * var(--space-x-reverse));
  margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
}

.space-y-32 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(8rem * var(--space-y-reverse));
}

.space-x-32 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(8rem * var(--space-x-reverse));
  margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
}

.space-y-40 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(10rem * var(--space-y-reverse));
}

.space-x-40 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(10rem * var(--space-x-reverse));
  margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
}

.space-y-48 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(12rem * var(--space-y-reverse));
}

.space-x-48 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(12rem * var(--space-x-reverse));
  margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
}

.space-y-56 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(14rem * var(--space-y-reverse));
}

.space-x-56 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(14rem * var(--space-x-reverse));
  margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
}

.space-y-64 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(16rem * var(--space-y-reverse));
}

.space-x-64 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(16rem * var(--space-x-reverse));
  margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
}

.space-y-px > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(1px * var(--space-y-reverse));
}

.space-x-px > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(1px * var(--space-x-reverse));
  margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
}

.-space-y-1 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-0.25rem * var(--space-y-reverse));
}

.-space-x-1 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-0.25rem * var(--space-x-reverse));
  margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-2 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-0.5rem * var(--space-y-reverse));
}

.-space-x-2 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-0.5rem * var(--space-x-reverse));
  margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-3 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-0.75rem * var(--space-y-reverse));
}

.-space-x-3 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-0.75rem * var(--space-x-reverse));
  margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-4 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-1rem * var(--space-y-reverse));
}

.-space-x-4 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-1rem * var(--space-x-reverse));
  margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-5 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-1.25rem * var(--space-y-reverse));
}

.-space-x-5 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-1.25rem * var(--space-x-reverse));
  margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-6 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-1.5rem * var(--space-y-reverse));
}

.-space-x-6 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-1.5rem * var(--space-x-reverse));
  margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-8 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-2rem * var(--space-y-reverse));
}

.-space-x-8 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-2rem * var(--space-x-reverse));
  margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-10 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-2.5rem * var(--space-y-reverse));
}

.-space-x-10 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-2.5rem * var(--space-x-reverse));
  margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-12 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-3rem * var(--space-y-reverse));
}

.-space-x-12 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-3rem * var(--space-x-reverse));
  margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-16 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-4rem * var(--space-y-reverse));
}

.-space-x-16 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-4rem * var(--space-x-reverse));
  margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-20 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-5rem * var(--space-y-reverse));
}

.-space-x-20 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-5rem * var(--space-x-reverse));
  margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-24 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-6rem * var(--space-y-reverse));
}

.-space-x-24 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-6rem * var(--space-x-reverse));
  margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-32 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-8rem * var(--space-y-reverse));
}

.-space-x-32 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-8rem * var(--space-x-reverse));
  margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-40 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-10rem * var(--space-y-reverse));
}

.-space-x-40 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-10rem * var(--space-x-reverse));
  margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-48 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-12rem * var(--space-y-reverse));
}

.-space-x-48 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-12rem * var(--space-x-reverse));
  margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-56 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-14rem * var(--space-y-reverse));
}

.-space-x-56 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-14rem * var(--space-x-reverse));
  margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-64 > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-16rem * var(--space-y-reverse));
}

.-space-x-64 > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-16rem * var(--space-x-reverse));
  margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
}

.-space-y-px > :not(template) ~ :not(template){
  --space-y-reverse: 0;
  margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
  margin-bottom: calc(-1px * var(--space-y-reverse));
}

.-space-x-px > :not(template) ~ :not(template){
  --space-x-reverse: 0;
  margin-right: calc(-1px * var(--space-x-reverse));
  margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
}

.space-y-reverse > :not(template) ~ :not(template){
  --space-y-reverse: 1;
}

.space-x-reverse > :not(template) ~ :not(template){
  --space-x-reverse: 1;
}

.divide-y-0 > :not(template) ~ :not(template){
  --divide-y-reverse: 0;
  border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(0px * var(--divide-y-reverse));
}

.divide-x-0 > :not(template) ~ :not(template){
  --divide-x-reverse: 0;
  border-right-width: calc(0px * var(--divide-x-reverse));
  border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
}

.divide-y-2 > :not(template) ~ :not(template){
  --divide-y-reverse: 0;
  border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(2px * var(--divide-y-reverse));
}

.divide-x-2 > :not(template) ~ :not(template){
  --divide-x-reverse: 0;
  border-right-width: calc(2px * var(--divide-x-reverse));
  border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
}

.divide-y-4 > :not(template) ~ :not(template){
  --divide-y-reverse: 0;
  border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(4px * var(--divide-y-reverse));
}

.divide-x-4 > :not(template) ~ :not(template){
  --divide-x-reverse: 0;
  border-right-width: calc(4px * var(--divide-x-reverse));
  border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
}

.divide-y-8 > :not(template) ~ :not(template){
  --divide-y-reverse: 0;
  border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(8px * var(--divide-y-reverse));
}

.divide-x-8 > :not(template) ~ :not(template){
  --divide-x-reverse: 0;
  border-right-width: calc(8px * var(--divide-x-reverse));
  border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
}

.divide-y > :not(template) ~ :not(template){
  --divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(1px * var(--divide-y-reverse));
}

.divide-x > :not(template) ~ :not(template){
  --divide-x-reverse: 0;
  border-right-width: calc(1px * var(--divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
}

.divide-y-reverse > :not(template) ~ :not(template){
  --divide-y-reverse: 1;
}

.divide-x-reverse > :not(template) ~ :not(template){
  --divide-x-reverse: 1;
}

.divide-blue-bright > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #0B69A3;
  border-color: rgba(11, 105, 163, var(--divide-opacity));
}

.divide-blue-light > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #B3ECFF;
  border-color: rgba(179, 236, 255, var(--divide-opacity));
}

.divide-blue-pale > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #DCEEFB;
  border-color: rgba(220, 238, 251, var(--divide-opacity));
}

.divide-blue-deep > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #035388;
  border-color: rgba(3, 83, 136, var(--divide-opacity));
}

.divide-blue-hilight > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #5ed0fa;
  border-color: rgba(94, 208, 250, var(--divide-opacity));
}

.divide-blue-med > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #1992d4;
  border-color: rgba(25, 146, 212, var(--divide-opacity));
}

.divide-blue-dark > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #003e6b;
  border-color: rgba(0, 62, 107, var(--divide-opacity));
}

.divide-gray-100 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #f0f4f8;
  border-color: rgba(240, 244, 248, var(--divide-opacity));
}

.divide-gray-200 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #d9d9d9;
  border-color: rgba(217, 217, 217, var(--divide-opacity));
}

.divide-gray-300 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #bcccdc;
  border-color: rgba(188, 204, 220, var(--divide-opacity));
}

.divide-gray-500 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #627d98;
  border-color: rgba(98, 125, 152, var(--divide-opacity));
}

.divide-gray-600 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #334e68;
  border-color: rgba(51, 78, 104, var(--divide-opacity));
}

.divide-gray-700 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #243b53;
  border-color: rgba(36, 59, 83, var(--divide-opacity));
}

.divide-gray-900 > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #102a43;
  border-color: rgba(16, 42, 67, var(--divide-opacity));
}

.divide-magenta-dark > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #8f4731;
  border-color: rgba(143, 71, 49, var(--divide-opacity));
}

.divide-magenta-bright > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #9C4429;
  border-color: rgba(156, 68, 41, var(--divide-opacity));
}

.divide-magenta-hilight > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #CC522D;
  border-color: rgba(204, 82, 45, var(--divide-opacity));
}

.divide-teal-dark > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #2d5b6b;
  border-color: rgba(45, 91, 107, var(--divide-opacity));
}

.divide-teal-bright > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #2B738C;
  border-color: rgba(43, 115, 140, var(--divide-opacity));
}

.divide-teal-hilight > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #3CA1C4;
  border-color: rgba(60, 161, 196, var(--divide-opacity));
}

.divide-mustard-dark > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #c47a53;
  border-color: rgba(196, 122, 83, var(--divide-opacity));
}

.divide-mustard-bright > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #E07C48;
  border-color: rgba(224, 124, 72, var(--divide-opacity));
}

.divide-mustard-hilight > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #FF7015;
  border-color: rgba(255, 112, 21, var(--divide-opacity));
}

.divide-purple-dark > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #6b2d5b;
  border-color: rgba(107, 45, 91, var(--divide-opacity));
}

.divide-purple-bright > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #8D2B74;
  border-color: rgba(141, 43, 116, var(--divide-opacity));
}

.divide-purple-hilight > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #C0339C;
  border-color: rgba(192, 51, 156, var(--divide-opacity));
}

.divide-purple-bookshop > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #584199;
  border-color: rgba(88, 65, 153, var(--divide-opacity));
}

.divide-green-dark > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #7b7d2a;
  border-color: rgba(123, 125, 42, var(--divide-opacity));
}

.divide-green-bright > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #8F9220;
  border-color: rgba(143, 146, 32, var(--divide-opacity));
}

.divide-green-hilight > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #B4B72A;
  border-color: rgba(180, 183, 42, var(--divide-opacity));
}

.divide-navy-dark > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #52494c;
  border-color: rgba(82, 73, 76, var(--divide-opacity));
}

.divide-navy-bright > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #6D565E;
  border-color: rgba(109, 86, 94, var(--divide-opacity));
}

.divide-navy-hilight > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #8A6A75;
  border-color: rgba(138, 106, 117, var(--divide-opacity));
}

.divide-transparent > :not(template) ~ :not(template){
  border-color: transparent;
}

.divide-black > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #101010;
  border-color: rgba(16, 16, 16, var(--divide-opacity));
}

.divide-white > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--divide-opacity));
}

.divide-red > :not(template) ~ :not(template){
  --divide-opacity: 1;
  border-color: #E12D39;
  border-color: rgba(225, 45, 57, var(--divide-opacity));
}

.divide-solid > :not(template) ~ :not(template){
  border-style: solid;
}

.divide-dashed > :not(template) ~ :not(template){
  border-style: dashed;
}

.divide-dotted > :not(template) ~ :not(template){
  border-style: dotted;
}

.divide-double > :not(template) ~ :not(template){
  border-style: double;
}

.divide-none > :not(template) ~ :not(template){
  border-style: none;
}

.divide-opacity-0 > :not(template) ~ :not(template){
  --divide-opacity: 0;
}

.divide-opacity-25 > :not(template) ~ :not(template){
  --divide-opacity: 0.25;
}

.divide-opacity-50 > :not(template) ~ :not(template){
  --divide-opacity: 0.5;
}

.divide-opacity-75 > :not(template) ~ :not(template){
  --divide-opacity: 0.75;
}

.divide-opacity-100 > :not(template) ~ :not(template){
  --divide-opacity: 1;
}

.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.not-sr-only{
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.focus\:sr-only:focus{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.focus\:not-sr-only:focus{
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.bg-fixed{
  background-attachment: fixed;
}

.bg-local{
  background-attachment: local;
}

.bg-scroll{
  background-attachment: scroll;
}

.bg-clip-border{
  background-clip: border-box;
}

.bg-clip-padding{
  background-clip: padding-box;
}

.bg-clip-content{
  background-clip: content-box;
}

.bg-clip-text{
  -webkit-background-clip: text;
          background-clip: text;
}

.bg-blue-bright{
  --bg-opacity: 1;
  background-color: #0B69A3;
  background-color: rgba(11, 105, 163, var(--bg-opacity));
}

.bg-blue-light{
  --bg-opacity: 1;
  background-color: #B3ECFF;
  background-color: rgba(179, 236, 255, var(--bg-opacity));
}

.bg-blue-pale{
  --bg-opacity: 1;
  background-color: #DCEEFB;
  background-color: rgba(220, 238, 251, var(--bg-opacity));
}

.bg-blue-deep{
  --bg-opacity: 1;
  background-color: #035388;
  background-color: rgba(3, 83, 136, var(--bg-opacity));
}

.bg-blue-hilight{
  --bg-opacity: 1;
  background-color: #5ed0fa;
  background-color: rgba(94, 208, 250, var(--bg-opacity));
}

.bg-blue-med{
  --bg-opacity: 1;
  background-color: #1992d4;
  background-color: rgba(25, 146, 212, var(--bg-opacity));
}

.bg-blue-dark{
  --bg-opacity: 1;
  background-color: #003e6b;
  background-color: rgba(0, 62, 107, var(--bg-opacity));
}

.bg-gray-100{
  --bg-opacity: 1;
  background-color: #f0f4f8;
  background-color: rgba(240, 244, 248, var(--bg-opacity));
}

.bg-gray-200{
  --bg-opacity: 1;
  background-color: #d9d9d9;
  background-color: rgba(217, 217, 217, var(--bg-opacity));
}

.bg-gray-300{
  --bg-opacity: 1;
  background-color: #bcccdc;
  background-color: rgba(188, 204, 220, var(--bg-opacity));
}

.bg-gray-500{
  --bg-opacity: 1;
  background-color: #627d98;
  background-color: rgba(98, 125, 152, var(--bg-opacity));
}

.bg-gray-600{
  --bg-opacity: 1;
  background-color: #334e68;
  background-color: rgba(51, 78, 104, var(--bg-opacity));
}

.bg-gray-700{
  --bg-opacity: 1;
  background-color: #243b53;
  background-color: rgba(36, 59, 83, var(--bg-opacity));
}

.bg-gray-900{
  --bg-opacity: 1;
  background-color: #102a43;
  background-color: rgba(16, 42, 67, var(--bg-opacity));
}

.bg-magenta-dark{
  --bg-opacity: 1;
  background-color: #8f4731;
  background-color: rgba(143, 71, 49, var(--bg-opacity));
}

.bg-magenta-bright{
  --bg-opacity: 1;
  background-color: #9C4429;
  background-color: rgba(156, 68, 41, var(--bg-opacity));
}

.bg-magenta-hilight{
  --bg-opacity: 1;
  background-color: #CC522D;
  background-color: rgba(204, 82, 45, var(--bg-opacity));
}

.bg-teal-dark{
  --bg-opacity: 1;
  background-color: #2d5b6b;
  background-color: rgba(45, 91, 107, var(--bg-opacity));
}

.bg-teal-bright{
  --bg-opacity: 1;
  background-color: #2B738C;
  background-color: rgba(43, 115, 140, var(--bg-opacity));
}

.bg-teal-hilight{
  --bg-opacity: 1;
  background-color: #3CA1C4;
  background-color: rgba(60, 161, 196, var(--bg-opacity));
}

.bg-mustard-dark{
  --bg-opacity: 1;
  background-color: #c47a53;
  background-color: rgba(196, 122, 83, var(--bg-opacity));
}

.bg-mustard-bright{
  --bg-opacity: 1;
  background-color: #E07C48;
  background-color: rgba(224, 124, 72, var(--bg-opacity));
}

.bg-mustard-hilight{
  --bg-opacity: 1;
  background-color: #FF7015;
  background-color: rgba(255, 112, 21, var(--bg-opacity));
}

.bg-purple-dark{
  --bg-opacity: 1;
  background-color: #6b2d5b;
  background-color: rgba(107, 45, 91, var(--bg-opacity));
}

.bg-purple-bright{
  --bg-opacity: 1;
  background-color: #8D2B74;
  background-color: rgba(141, 43, 116, var(--bg-opacity));
}

.bg-purple-hilight{
  --bg-opacity: 1;
  background-color: #C0339C;
  background-color: rgba(192, 51, 156, var(--bg-opacity));
}

.bg-purple-bookshop{
  --bg-opacity: 1;
  background-color: #584199;
  background-color: rgba(88, 65, 153, var(--bg-opacity));
}

.bg-green-dark{
  --bg-opacity: 1;
  background-color: #7b7d2a;
  background-color: rgba(123, 125, 42, var(--bg-opacity));
}

.bg-green-bright{
  --bg-opacity: 1;
  background-color: #8F9220;
  background-color: rgba(143, 146, 32, var(--bg-opacity));
}

.bg-green-hilight{
  --bg-opacity: 1;
  background-color: #B4B72A;
  background-color: rgba(180, 183, 42, var(--bg-opacity));
}

.bg-navy-dark{
  --bg-opacity: 1;
  background-color: #52494c;
  background-color: rgba(82, 73, 76, var(--bg-opacity));
}

.bg-navy-bright{
  --bg-opacity: 1;
  background-color: #6D565E;
  background-color: rgba(109, 86, 94, var(--bg-opacity));
}

.bg-navy-hilight{
  --bg-opacity: 1;
  background-color: #8A6A75;
  background-color: rgba(138, 106, 117, var(--bg-opacity));
}

.bg-transparent{
  background-color: transparent;
}

.bg-black{
  --bg-opacity: 1;
  background-color: #101010;
  background-color: rgba(16, 16, 16, var(--bg-opacity));
}

.bg-white{
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.bg-red{
  --bg-opacity: 1;
  background-color: #E12D39;
  background-color: rgba(225, 45, 57, var(--bg-opacity));
}

.hover\:bg-blue-bright:hover{
  --bg-opacity: 1;
  background-color: #0B69A3;
  background-color: rgba(11, 105, 163, var(--bg-opacity));
}

.hover\:bg-blue-light:hover{
  --bg-opacity: 1;
  background-color: #B3ECFF;
  background-color: rgba(179, 236, 255, var(--bg-opacity));
}

.hover\:bg-blue-pale:hover{
  --bg-opacity: 1;
  background-color: #DCEEFB;
  background-color: rgba(220, 238, 251, var(--bg-opacity));
}

.hover\:bg-blue-deep:hover{
  --bg-opacity: 1;
  background-color: #035388;
  background-color: rgba(3, 83, 136, var(--bg-opacity));
}

.hover\:bg-blue-hilight:hover{
  --bg-opacity: 1;
  background-color: #5ed0fa;
  background-color: rgba(94, 208, 250, var(--bg-opacity));
}

.hover\:bg-blue-med:hover{
  --bg-opacity: 1;
  background-color: #1992d4;
  background-color: rgba(25, 146, 212, var(--bg-opacity));
}

.hover\:bg-blue-dark:hover{
  --bg-opacity: 1;
  background-color: #003e6b;
  background-color: rgba(0, 62, 107, var(--bg-opacity));
}

.hover\:bg-gray-100:hover{
  --bg-opacity: 1;
  background-color: #f0f4f8;
  background-color: rgba(240, 244, 248, var(--bg-opacity));
}

.hover\:bg-gray-200:hover{
  --bg-opacity: 1;
  background-color: #d9d9d9;
  background-color: rgba(217, 217, 217, var(--bg-opacity));
}

.hover\:bg-gray-300:hover{
  --bg-opacity: 1;
  background-color: #bcccdc;
  background-color: rgba(188, 204, 220, var(--bg-opacity));
}

.hover\:bg-gray-500:hover{
  --bg-opacity: 1;
  background-color: #627d98;
  background-color: rgba(98, 125, 152, var(--bg-opacity));
}

.hover\:bg-gray-600:hover{
  --bg-opacity: 1;
  background-color: #334e68;
  background-color: rgba(51, 78, 104, var(--bg-opacity));
}

.hover\:bg-gray-700:hover{
  --bg-opacity: 1;
  background-color: #243b53;
  background-color: rgba(36, 59, 83, var(--bg-opacity));
}

.hover\:bg-gray-900:hover{
  --bg-opacity: 1;
  background-color: #102a43;
  background-color: rgba(16, 42, 67, var(--bg-opacity));
}

.hover\:bg-magenta-dark:hover{
  --bg-opacity: 1;
  background-color: #8f4731;
  background-color: rgba(143, 71, 49, var(--bg-opacity));
}

.hover\:bg-magenta-bright:hover{
  --bg-opacity: 1;
  background-color: #9C4429;
  background-color: rgba(156, 68, 41, var(--bg-opacity));
}

.hover\:bg-magenta-hilight:hover{
  --bg-opacity: 1;
  background-color: #CC522D;
  background-color: rgba(204, 82, 45, var(--bg-opacity));
}

.hover\:bg-teal-dark:hover{
  --bg-opacity: 1;
  background-color: #2d5b6b;
  background-color: rgba(45, 91, 107, var(--bg-opacity));
}

.hover\:bg-teal-bright:hover{
  --bg-opacity: 1;
  background-color: #2B738C;
  background-color: rgba(43, 115, 140, var(--bg-opacity));
}

.hover\:bg-teal-hilight:hover{
  --bg-opacity: 1;
  background-color: #3CA1C4;
  background-color: rgba(60, 161, 196, var(--bg-opacity));
}

.hover\:bg-mustard-dark:hover{
  --bg-opacity: 1;
  background-color: #c47a53;
  background-color: rgba(196, 122, 83, var(--bg-opacity));
}

.hover\:bg-mustard-bright:hover{
  --bg-opacity: 1;
  background-color: #E07C48;
  background-color: rgba(224, 124, 72, var(--bg-opacity));
}

.hover\:bg-mustard-hilight:hover{
  --bg-opacity: 1;
  background-color: #FF7015;
  background-color: rgba(255, 112, 21, var(--bg-opacity));
}

.hover\:bg-purple-dark:hover{
  --bg-opacity: 1;
  background-color: #6b2d5b;
  background-color: rgba(107, 45, 91, var(--bg-opacity));
}

.hover\:bg-purple-bright:hover{
  --bg-opacity: 1;
  background-color: #8D2B74;
  background-color: rgba(141, 43, 116, var(--bg-opacity));
}

.hover\:bg-purple-hilight:hover{
  --bg-opacity: 1;
  background-color: #C0339C;
  background-color: rgba(192, 51, 156, var(--bg-opacity));
}

.hover\:bg-purple-bookshop:hover{
  --bg-opacity: 1;
  background-color: #584199;
  background-color: rgba(88, 65, 153, var(--bg-opacity));
}

.hover\:bg-green-dark:hover{
  --bg-opacity: 1;
  background-color: #7b7d2a;
  background-color: rgba(123, 125, 42, var(--bg-opacity));
}

.hover\:bg-green-bright:hover{
  --bg-opacity: 1;
  background-color: #8F9220;
  background-color: rgba(143, 146, 32, var(--bg-opacity));
}

.hover\:bg-green-hilight:hover{
  --bg-opacity: 1;
  background-color: #B4B72A;
  background-color: rgba(180, 183, 42, var(--bg-opacity));
}

.hover\:bg-navy-dark:hover{
  --bg-opacity: 1;
  background-color: #52494c;
  background-color: rgba(82, 73, 76, var(--bg-opacity));
}

.hover\:bg-navy-bright:hover{
  --bg-opacity: 1;
  background-color: #6D565E;
  background-color: rgba(109, 86, 94, var(--bg-opacity));
}

.hover\:bg-navy-hilight:hover{
  --bg-opacity: 1;
  background-color: #8A6A75;
  background-color: rgba(138, 106, 117, var(--bg-opacity));
}

.hover\:bg-transparent:hover{
  background-color: transparent;
}

.hover\:bg-black:hover{
  --bg-opacity: 1;
  background-color: #101010;
  background-color: rgba(16, 16, 16, var(--bg-opacity));
}

.hover\:bg-white:hover{
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.hover\:bg-red:hover{
  --bg-opacity: 1;
  background-color: #E12D39;
  background-color: rgba(225, 45, 57, var(--bg-opacity));
}

.focus\:bg-blue-bright:focus{
  --bg-opacity: 1;
  background-color: #0B69A3;
  background-color: rgba(11, 105, 163, var(--bg-opacity));
}

.focus\:bg-blue-light:focus{
  --bg-opacity: 1;
  background-color: #B3ECFF;
  background-color: rgba(179, 236, 255, var(--bg-opacity));
}

.focus\:bg-blue-pale:focus{
  --bg-opacity: 1;
  background-color: #DCEEFB;
  background-color: rgba(220, 238, 251, var(--bg-opacity));
}

.focus\:bg-blue-deep:focus{
  --bg-opacity: 1;
  background-color: #035388;
  background-color: rgba(3, 83, 136, var(--bg-opacity));
}

.focus\:bg-blue-hilight:focus{
  --bg-opacity: 1;
  background-color: #5ed0fa;
  background-color: rgba(94, 208, 250, var(--bg-opacity));
}

.focus\:bg-blue-med:focus{
  --bg-opacity: 1;
  background-color: #1992d4;
  background-color: rgba(25, 146, 212, var(--bg-opacity));
}

.focus\:bg-blue-dark:focus{
  --bg-opacity: 1;
  background-color: #003e6b;
  background-color: rgba(0, 62, 107, var(--bg-opacity));
}

.focus\:bg-gray-100:focus{
  --bg-opacity: 1;
  background-color: #f0f4f8;
  background-color: rgba(240, 244, 248, var(--bg-opacity));
}

.focus\:bg-gray-200:focus{
  --bg-opacity: 1;
  background-color: #d9d9d9;
  background-color: rgba(217, 217, 217, var(--bg-opacity));
}

.focus\:bg-gray-300:focus{
  --bg-opacity: 1;
  background-color: #bcccdc;
  background-color: rgba(188, 204, 220, var(--bg-opacity));
}

.focus\:bg-gray-500:focus{
  --bg-opacity: 1;
  background-color: #627d98;
  background-color: rgba(98, 125, 152, var(--bg-opacity));
}

.focus\:bg-gray-600:focus{
  --bg-opacity: 1;
  background-color: #334e68;
  background-color: rgba(51, 78, 104, var(--bg-opacity));
}

.focus\:bg-gray-700:focus{
  --bg-opacity: 1;
  background-color: #243b53;
  background-color: rgba(36, 59, 83, var(--bg-opacity));
}

.focus\:bg-gray-900:focus{
  --bg-opacity: 1;
  background-color: #102a43;
  background-color: rgba(16, 42, 67, var(--bg-opacity));
}

.focus\:bg-magenta-dark:focus{
  --bg-opacity: 1;
  background-color: #8f4731;
  background-color: rgba(143, 71, 49, var(--bg-opacity));
}

.focus\:bg-magenta-bright:focus{
  --bg-opacity: 1;
  background-color: #9C4429;
  background-color: rgba(156, 68, 41, var(--bg-opacity));
}

.focus\:bg-magenta-hilight:focus{
  --bg-opacity: 1;
  background-color: #CC522D;
  background-color: rgba(204, 82, 45, var(--bg-opacity));
}

.focus\:bg-teal-dark:focus{
  --bg-opacity: 1;
  background-color: #2d5b6b;
  background-color: rgba(45, 91, 107, var(--bg-opacity));
}

.focus\:bg-teal-bright:focus{
  --bg-opacity: 1;
  background-color: #2B738C;
  background-color: rgba(43, 115, 140, var(--bg-opacity));
}

.focus\:bg-teal-hilight:focus{
  --bg-opacity: 1;
  background-color: #3CA1C4;
  background-color: rgba(60, 161, 196, var(--bg-opacity));
}

.focus\:bg-mustard-dark:focus{
  --bg-opacity: 1;
  background-color: #c47a53;
  background-color: rgba(196, 122, 83, var(--bg-opacity));
}

.focus\:bg-mustard-bright:focus{
  --bg-opacity: 1;
  background-color: #E07C48;
  background-color: rgba(224, 124, 72, var(--bg-opacity));
}

.focus\:bg-mustard-hilight:focus{
  --bg-opacity: 1;
  background-color: #FF7015;
  background-color: rgba(255, 112, 21, var(--bg-opacity));
}

.focus\:bg-purple-dark:focus{
  --bg-opacity: 1;
  background-color: #6b2d5b;
  background-color: rgba(107, 45, 91, var(--bg-opacity));
}

.focus\:bg-purple-bright:focus{
  --bg-opacity: 1;
  background-color: #8D2B74;
  background-color: rgba(141, 43, 116, var(--bg-opacity));
}

.focus\:bg-purple-hilight:focus{
  --bg-opacity: 1;
  background-color: #C0339C;
  background-color: rgba(192, 51, 156, var(--bg-opacity));
}

.focus\:bg-purple-bookshop:focus{
  --bg-opacity: 1;
  background-color: #584199;
  background-color: rgba(88, 65, 153, var(--bg-opacity));
}

.focus\:bg-green-dark:focus{
  --bg-opacity: 1;
  background-color: #7b7d2a;
  background-color: rgba(123, 125, 42, var(--bg-opacity));
}

.focus\:bg-green-bright:focus{
  --bg-opacity: 1;
  background-color: #8F9220;
  background-color: rgba(143, 146, 32, var(--bg-opacity));
}

.focus\:bg-green-hilight:focus{
  --bg-opacity: 1;
  background-color: #B4B72A;
  background-color: rgba(180, 183, 42, var(--bg-opacity));
}

.focus\:bg-navy-dark:focus{
  --bg-opacity: 1;
  background-color: #52494c;
  background-color: rgba(82, 73, 76, var(--bg-opacity));
}

.focus\:bg-navy-bright:focus{
  --bg-opacity: 1;
  background-color: #6D565E;
  background-color: rgba(109, 86, 94, var(--bg-opacity));
}

.focus\:bg-navy-hilight:focus{
  --bg-opacity: 1;
  background-color: #8A6A75;
  background-color: rgba(138, 106, 117, var(--bg-opacity));
}

.focus\:bg-transparent:focus{
  background-color: transparent;
}

.focus\:bg-black:focus{
  --bg-opacity: 1;
  background-color: #101010;
  background-color: rgba(16, 16, 16, var(--bg-opacity));
}

.focus\:bg-white:focus{
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.focus\:bg-red:focus{
  --bg-opacity: 1;
  background-color: #E12D39;
  background-color: rgba(225, 45, 57, var(--bg-opacity));
}

.bg-none{
  background-image: none;
}

.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--gradient-color-stops));
}

.bg-gradient-to-tr{
  background-image: linear-gradient(to top right, var(--gradient-color-stops));
}

.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--gradient-color-stops));
}

.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
}

.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--gradient-color-stops));
}

.bg-gradient-to-bl{
  background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
}

.bg-gradient-to-l{
  background-image: linear-gradient(to left, var(--gradient-color-stops));
}

.bg-gradient-to-tl{
  background-image: linear-gradient(to top left, var(--gradient-color-stops));
}

.from-blue-bright{
  --gradient-from-color: #0B69A3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
}

.from-blue-light{
  --gradient-from-color: #B3ECFF;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
}

.from-blue-pale{
  --gradient-from-color: #DCEEFB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
}

.from-blue-deep{
  --gradient-from-color: #035388;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
}

.from-blue-hilight{
  --gradient-from-color: #5ed0fa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
}

.from-blue-med{
  --gradient-from-color: #1992d4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
}

.from-blue-dark{
  --gradient-from-color: #003e6b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
}

.from-gray-100{
  --gradient-from-color: #f0f4f8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
}

.from-gray-200{
  --gradient-from-color: #d9d9d9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
}

.from-gray-300{
  --gradient-from-color: #bcccdc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
}

.from-gray-500{
  --gradient-from-color: #627d98;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
}

.from-gray-600{
  --gradient-from-color: #334e68;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
}

.from-gray-700{
  --gradient-from-color: #243b53;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
}

.from-gray-900{
  --gradient-from-color: #102a43;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
}

.from-magenta-dark{
  --gradient-from-color: #8f4731;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
}

.from-magenta-bright{
  --gradient-from-color: #9C4429;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
}

.from-magenta-hilight{
  --gradient-from-color: #CC522D;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
}

.from-teal-dark{
  --gradient-from-color: #2d5b6b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
}

.from-teal-bright{
  --gradient-from-color: #2B738C;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
}

.from-teal-hilight{
  --gradient-from-color: #3CA1C4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
}

.from-mustard-dark{
  --gradient-from-color: #c47a53;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
}

.from-mustard-bright{
  --gradient-from-color: #E07C48;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
}

.from-mustard-hilight{
  --gradient-from-color: #FF7015;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
}

.from-purple-dark{
  --gradient-from-color: #6b2d5b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
}

.from-purple-bright{
  --gradient-from-color: #8D2B74;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
}

.from-purple-hilight{
  --gradient-from-color: #C0339C;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
}

.from-purple-bookshop{
  --gradient-from-color: #584199;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
}

.from-green-dark{
  --gradient-from-color: #7b7d2a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
}

.from-green-bright{
  --gradient-from-color: #8F9220;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
}

.from-green-hilight{
  --gradient-from-color: #B4B72A;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
}

.from-navy-dark{
  --gradient-from-color: #52494c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
}

.from-navy-bright{
  --gradient-from-color: #6D565E;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
}

.from-navy-hilight{
  --gradient-from-color: #8A6A75;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
}

.from-transparent{
  --gradient-from-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.from-black{
  --gradient-from-color: #101010;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
}

.from-white{
  --gradient-from-color: #fff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.from-red{
  --gradient-from-color: #E12D39;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
}

.via-blue-bright{
  --gradient-via-color: #0B69A3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
}

.via-blue-light{
  --gradient-via-color: #B3ECFF;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
}

.via-blue-pale{
  --gradient-via-color: #DCEEFB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
}

.via-blue-deep{
  --gradient-via-color: #035388;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
}

.via-blue-hilight{
  --gradient-via-color: #5ed0fa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
}

.via-blue-med{
  --gradient-via-color: #1992d4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
}

.via-blue-dark{
  --gradient-via-color: #003e6b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
}

.via-gray-100{
  --gradient-via-color: #f0f4f8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
}

.via-gray-200{
  --gradient-via-color: #d9d9d9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
}

.via-gray-300{
  --gradient-via-color: #bcccdc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
}

.via-gray-500{
  --gradient-via-color: #627d98;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
}

.via-gray-600{
  --gradient-via-color: #334e68;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
}

.via-gray-700{
  --gradient-via-color: #243b53;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
}

.via-gray-900{
  --gradient-via-color: #102a43;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
}

.via-magenta-dark{
  --gradient-via-color: #8f4731;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
}

.via-magenta-bright{
  --gradient-via-color: #9C4429;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
}

.via-magenta-hilight{
  --gradient-via-color: #CC522D;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
}

.via-teal-dark{
  --gradient-via-color: #2d5b6b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
}

.via-teal-bright{
  --gradient-via-color: #2B738C;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
}

.via-teal-hilight{
  --gradient-via-color: #3CA1C4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
}

.via-mustard-dark{
  --gradient-via-color: #c47a53;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
}

.via-mustard-bright{
  --gradient-via-color: #E07C48;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
}

.via-mustard-hilight{
  --gradient-via-color: #FF7015;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
}

.via-purple-dark{
  --gradient-via-color: #6b2d5b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
}

.via-purple-bright{
  --gradient-via-color: #8D2B74;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
}

.via-purple-hilight{
  --gradient-via-color: #C0339C;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
}

.via-purple-bookshop{
  --gradient-via-color: #584199;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
}

.via-green-dark{
  --gradient-via-color: #7b7d2a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
}

.via-green-bright{
  --gradient-via-color: #8F9220;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
}

.via-green-hilight{
  --gradient-via-color: #B4B72A;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
}

.via-navy-dark{
  --gradient-via-color: #52494c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
}

.via-navy-bright{
  --gradient-via-color: #6D565E;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
}

.via-navy-hilight{
  --gradient-via-color: #8A6A75;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
}

.via-transparent{
  --gradient-via-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.via-black{
  --gradient-via-color: #101010;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
}

.via-white{
  --gradient-via-color: #fff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.via-red{
  --gradient-via-color: #E12D39;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
}

.to-blue-bright{
  --gradient-to-color: #0B69A3;
}

.to-blue-light{
  --gradient-to-color: #B3ECFF;
}

.to-blue-pale{
  --gradient-to-color: #DCEEFB;
}

.to-blue-deep{
  --gradient-to-color: #035388;
}

.to-blue-hilight{
  --gradient-to-color: #5ed0fa;
}

.to-blue-med{
  --gradient-to-color: #1992d4;
}

.to-blue-dark{
  --gradient-to-color: #003e6b;
}

.to-gray-100{
  --gradient-to-color: #f0f4f8;
}

.to-gray-200{
  --gradient-to-color: #d9d9d9;
}

.to-gray-300{
  --gradient-to-color: #bcccdc;
}

.to-gray-500{
  --gradient-to-color: #627d98;
}

.to-gray-600{
  --gradient-to-color: #334e68;
}

.to-gray-700{
  --gradient-to-color: #243b53;
}

.to-gray-900{
  --gradient-to-color: #102a43;
}

.to-magenta-dark{
  --gradient-to-color: #8f4731;
}

.to-magenta-bright{
  --gradient-to-color: #9C4429;
}

.to-magenta-hilight{
  --gradient-to-color: #CC522D;
}

.to-teal-dark{
  --gradient-to-color: #2d5b6b;
}

.to-teal-bright{
  --gradient-to-color: #2B738C;
}

.to-teal-hilight{
  --gradient-to-color: #3CA1C4;
}

.to-mustard-dark{
  --gradient-to-color: #c47a53;
}

.to-mustard-bright{
  --gradient-to-color: #E07C48;
}

.to-mustard-hilight{
  --gradient-to-color: #FF7015;
}

.to-purple-dark{
  --gradient-to-color: #6b2d5b;
}

.to-purple-bright{
  --gradient-to-color: #8D2B74;
}

.to-purple-hilight{
  --gradient-to-color: #C0339C;
}

.to-purple-bookshop{
  --gradient-to-color: #584199;
}

.to-green-dark{
  --gradient-to-color: #7b7d2a;
}

.to-green-bright{
  --gradient-to-color: #8F9220;
}

.to-green-hilight{
  --gradient-to-color: #B4B72A;
}

.to-navy-dark{
  --gradient-to-color: #52494c;
}

.to-navy-bright{
  --gradient-to-color: #6D565E;
}

.to-navy-hilight{
  --gradient-to-color: #8A6A75;
}

.to-transparent{
  --gradient-to-color: transparent;
}

.to-black{
  --gradient-to-color: #101010;
}

.to-white{
  --gradient-to-color: #fff;
}

.to-red{
  --gradient-to-color: #E12D39;
}

.hover\:from-blue-bright:hover{
  --gradient-from-color: #0B69A3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
}

.hover\:from-blue-light:hover{
  --gradient-from-color: #B3ECFF;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
}

.hover\:from-blue-pale:hover{
  --gradient-from-color: #DCEEFB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
}

.hover\:from-blue-deep:hover{
  --gradient-from-color: #035388;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
}

.hover\:from-blue-hilight:hover{
  --gradient-from-color: #5ed0fa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
}

.hover\:from-blue-med:hover{
  --gradient-from-color: #1992d4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
}

.hover\:from-blue-dark:hover{
  --gradient-from-color: #003e6b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
}

.hover\:from-gray-100:hover{
  --gradient-from-color: #f0f4f8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
}

.hover\:from-gray-200:hover{
  --gradient-from-color: #d9d9d9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
}

.hover\:from-gray-300:hover{
  --gradient-from-color: #bcccdc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
}

.hover\:from-gray-500:hover{
  --gradient-from-color: #627d98;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
}

.hover\:from-gray-600:hover{
  --gradient-from-color: #334e68;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
}

.hover\:from-gray-700:hover{
  --gradient-from-color: #243b53;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
}

.hover\:from-gray-900:hover{
  --gradient-from-color: #102a43;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
}

.hover\:from-magenta-dark:hover{
  --gradient-from-color: #8f4731;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
}

.hover\:from-magenta-bright:hover{
  --gradient-from-color: #9C4429;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
}

.hover\:from-magenta-hilight:hover{
  --gradient-from-color: #CC522D;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
}

.hover\:from-teal-dark:hover{
  --gradient-from-color: #2d5b6b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
}

.hover\:from-teal-bright:hover{
  --gradient-from-color: #2B738C;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
}

.hover\:from-teal-hilight:hover{
  --gradient-from-color: #3CA1C4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
}

.hover\:from-mustard-dark:hover{
  --gradient-from-color: #c47a53;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
}

.hover\:from-mustard-bright:hover{
  --gradient-from-color: #E07C48;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
}

.hover\:from-mustard-hilight:hover{
  --gradient-from-color: #FF7015;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
}

.hover\:from-purple-dark:hover{
  --gradient-from-color: #6b2d5b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
}

.hover\:from-purple-bright:hover{
  --gradient-from-color: #8D2B74;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
}

.hover\:from-purple-hilight:hover{
  --gradient-from-color: #C0339C;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
}

.hover\:from-purple-bookshop:hover{
  --gradient-from-color: #584199;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
}

.hover\:from-green-dark:hover{
  --gradient-from-color: #7b7d2a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
}

.hover\:from-green-bright:hover{
  --gradient-from-color: #8F9220;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
}

.hover\:from-green-hilight:hover{
  --gradient-from-color: #B4B72A;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
}

.hover\:from-navy-dark:hover{
  --gradient-from-color: #52494c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
}

.hover\:from-navy-bright:hover{
  --gradient-from-color: #6D565E;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
}

.hover\:from-navy-hilight:hover{
  --gradient-from-color: #8A6A75;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
}

.hover\:from-transparent:hover{
  --gradient-from-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:from-black:hover{
  --gradient-from-color: #101010;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
}

.hover\:from-white:hover{
  --gradient-from-color: #fff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:from-red:hover{
  --gradient-from-color: #E12D39;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
}

.hover\:via-blue-bright:hover{
  --gradient-via-color: #0B69A3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
}

.hover\:via-blue-light:hover{
  --gradient-via-color: #B3ECFF;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
}

.hover\:via-blue-pale:hover{
  --gradient-via-color: #DCEEFB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
}

.hover\:via-blue-deep:hover{
  --gradient-via-color: #035388;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
}

.hover\:via-blue-hilight:hover{
  --gradient-via-color: #5ed0fa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
}

.hover\:via-blue-med:hover{
  --gradient-via-color: #1992d4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
}

.hover\:via-blue-dark:hover{
  --gradient-via-color: #003e6b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
}

.hover\:via-gray-100:hover{
  --gradient-via-color: #f0f4f8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
}

.hover\:via-gray-200:hover{
  --gradient-via-color: #d9d9d9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
}

.hover\:via-gray-300:hover{
  --gradient-via-color: #bcccdc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
}

.hover\:via-gray-500:hover{
  --gradient-via-color: #627d98;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
}

.hover\:via-gray-600:hover{
  --gradient-via-color: #334e68;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
}

.hover\:via-gray-700:hover{
  --gradient-via-color: #243b53;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
}

.hover\:via-gray-900:hover{
  --gradient-via-color: #102a43;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
}

.hover\:via-magenta-dark:hover{
  --gradient-via-color: #8f4731;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
}

.hover\:via-magenta-bright:hover{
  --gradient-via-color: #9C4429;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
}

.hover\:via-magenta-hilight:hover{
  --gradient-via-color: #CC522D;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
}

.hover\:via-teal-dark:hover{
  --gradient-via-color: #2d5b6b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
}

.hover\:via-teal-bright:hover{
  --gradient-via-color: #2B738C;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
}

.hover\:via-teal-hilight:hover{
  --gradient-via-color: #3CA1C4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
}

.hover\:via-mustard-dark:hover{
  --gradient-via-color: #c47a53;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
}

.hover\:via-mustard-bright:hover{
  --gradient-via-color: #E07C48;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
}

.hover\:via-mustard-hilight:hover{
  --gradient-via-color: #FF7015;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
}

.hover\:via-purple-dark:hover{
  --gradient-via-color: #6b2d5b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
}

.hover\:via-purple-bright:hover{
  --gradient-via-color: #8D2B74;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
}

.hover\:via-purple-hilight:hover{
  --gradient-via-color: #C0339C;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
}

.hover\:via-purple-bookshop:hover{
  --gradient-via-color: #584199;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
}

.hover\:via-green-dark:hover{
  --gradient-via-color: #7b7d2a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
}

.hover\:via-green-bright:hover{
  --gradient-via-color: #8F9220;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
}

.hover\:via-green-hilight:hover{
  --gradient-via-color: #B4B72A;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
}

.hover\:via-navy-dark:hover{
  --gradient-via-color: #52494c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
}

.hover\:via-navy-bright:hover{
  --gradient-via-color: #6D565E;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
}

.hover\:via-navy-hilight:hover{
  --gradient-via-color: #8A6A75;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
}

.hover\:via-transparent:hover{
  --gradient-via-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:via-black:hover{
  --gradient-via-color: #101010;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
}

.hover\:via-white:hover{
  --gradient-via-color: #fff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:via-red:hover{
  --gradient-via-color: #E12D39;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
}

.hover\:to-blue-bright:hover{
  --gradient-to-color: #0B69A3;
}

.hover\:to-blue-light:hover{
  --gradient-to-color: #B3ECFF;
}

.hover\:to-blue-pale:hover{
  --gradient-to-color: #DCEEFB;
}

.hover\:to-blue-deep:hover{
  --gradient-to-color: #035388;
}

.hover\:to-blue-hilight:hover{
  --gradient-to-color: #5ed0fa;
}

.hover\:to-blue-med:hover{
  --gradient-to-color: #1992d4;
}

.hover\:to-blue-dark:hover{
  --gradient-to-color: #003e6b;
}

.hover\:to-gray-100:hover{
  --gradient-to-color: #f0f4f8;
}

.hover\:to-gray-200:hover{
  --gradient-to-color: #d9d9d9;
}

.hover\:to-gray-300:hover{
  --gradient-to-color: #bcccdc;
}

.hover\:to-gray-500:hover{
  --gradient-to-color: #627d98;
}

.hover\:to-gray-600:hover{
  --gradient-to-color: #334e68;
}

.hover\:to-gray-700:hover{
  --gradient-to-color: #243b53;
}

.hover\:to-gray-900:hover{
  --gradient-to-color: #102a43;
}

.hover\:to-magenta-dark:hover{
  --gradient-to-color: #8f4731;
}

.hover\:to-magenta-bright:hover{
  --gradient-to-color: #9C4429;
}

.hover\:to-magenta-hilight:hover{
  --gradient-to-color: #CC522D;
}

.hover\:to-teal-dark:hover{
  --gradient-to-color: #2d5b6b;
}

.hover\:to-teal-bright:hover{
  --gradient-to-color: #2B738C;
}

.hover\:to-teal-hilight:hover{
  --gradient-to-color: #3CA1C4;
}

.hover\:to-mustard-dark:hover{
  --gradient-to-color: #c47a53;
}

.hover\:to-mustard-bright:hover{
  --gradient-to-color: #E07C48;
}

.hover\:to-mustard-hilight:hover{
  --gradient-to-color: #FF7015;
}

.hover\:to-purple-dark:hover{
  --gradient-to-color: #6b2d5b;
}

.hover\:to-purple-bright:hover{
  --gradient-to-color: #8D2B74;
}

.hover\:to-purple-hilight:hover{
  --gradient-to-color: #C0339C;
}

.hover\:to-purple-bookshop:hover{
  --gradient-to-color: #584199;
}

.hover\:to-green-dark:hover{
  --gradient-to-color: #7b7d2a;
}

.hover\:to-green-bright:hover{
  --gradient-to-color: #8F9220;
}

.hover\:to-green-hilight:hover{
  --gradient-to-color: #B4B72A;
}

.hover\:to-navy-dark:hover{
  --gradient-to-color: #52494c;
}

.hover\:to-navy-bright:hover{
  --gradient-to-color: #6D565E;
}

.hover\:to-navy-hilight:hover{
  --gradient-to-color: #8A6A75;
}

.hover\:to-transparent:hover{
  --gradient-to-color: transparent;
}

.hover\:to-black:hover{
  --gradient-to-color: #101010;
}

.hover\:to-white:hover{
  --gradient-to-color: #fff;
}

.hover\:to-red:hover{
  --gradient-to-color: #E12D39;
}

.focus\:from-blue-bright:focus{
  --gradient-from-color: #0B69A3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
}

.focus\:from-blue-light:focus{
  --gradient-from-color: #B3ECFF;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
}

.focus\:from-blue-pale:focus{
  --gradient-from-color: #DCEEFB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
}

.focus\:from-blue-deep:focus{
  --gradient-from-color: #035388;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
}

.focus\:from-blue-hilight:focus{
  --gradient-from-color: #5ed0fa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
}

.focus\:from-blue-med:focus{
  --gradient-from-color: #1992d4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
}

.focus\:from-blue-dark:focus{
  --gradient-from-color: #003e6b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
}

.focus\:from-gray-100:focus{
  --gradient-from-color: #f0f4f8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
}

.focus\:from-gray-200:focus{
  --gradient-from-color: #d9d9d9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
}

.focus\:from-gray-300:focus{
  --gradient-from-color: #bcccdc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
}

.focus\:from-gray-500:focus{
  --gradient-from-color: #627d98;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
}

.focus\:from-gray-600:focus{
  --gradient-from-color: #334e68;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
}

.focus\:from-gray-700:focus{
  --gradient-from-color: #243b53;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
}

.focus\:from-gray-900:focus{
  --gradient-from-color: #102a43;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
}

.focus\:from-magenta-dark:focus{
  --gradient-from-color: #8f4731;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
}

.focus\:from-magenta-bright:focus{
  --gradient-from-color: #9C4429;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
}

.focus\:from-magenta-hilight:focus{
  --gradient-from-color: #CC522D;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
}

.focus\:from-teal-dark:focus{
  --gradient-from-color: #2d5b6b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
}

.focus\:from-teal-bright:focus{
  --gradient-from-color: #2B738C;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
}

.focus\:from-teal-hilight:focus{
  --gradient-from-color: #3CA1C4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
}

.focus\:from-mustard-dark:focus{
  --gradient-from-color: #c47a53;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
}

.focus\:from-mustard-bright:focus{
  --gradient-from-color: #E07C48;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
}

.focus\:from-mustard-hilight:focus{
  --gradient-from-color: #FF7015;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
}

.focus\:from-purple-dark:focus{
  --gradient-from-color: #6b2d5b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
}

.focus\:from-purple-bright:focus{
  --gradient-from-color: #8D2B74;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
}

.focus\:from-purple-hilight:focus{
  --gradient-from-color: #C0339C;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
}

.focus\:from-purple-bookshop:focus{
  --gradient-from-color: #584199;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
}

.focus\:from-green-dark:focus{
  --gradient-from-color: #7b7d2a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
}

.focus\:from-green-bright:focus{
  --gradient-from-color: #8F9220;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
}

.focus\:from-green-hilight:focus{
  --gradient-from-color: #B4B72A;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
}

.focus\:from-navy-dark:focus{
  --gradient-from-color: #52494c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
}

.focus\:from-navy-bright:focus{
  --gradient-from-color: #6D565E;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
}

.focus\:from-navy-hilight:focus{
  --gradient-from-color: #8A6A75;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
}

.focus\:from-transparent:focus{
  --gradient-from-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:from-black:focus{
  --gradient-from-color: #101010;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
}

.focus\:from-white:focus{
  --gradient-from-color: #fff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:from-red:focus{
  --gradient-from-color: #E12D39;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
}

.focus\:via-blue-bright:focus{
  --gradient-via-color: #0B69A3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
}

.focus\:via-blue-light:focus{
  --gradient-via-color: #B3ECFF;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
}

.focus\:via-blue-pale:focus{
  --gradient-via-color: #DCEEFB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
}

.focus\:via-blue-deep:focus{
  --gradient-via-color: #035388;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
}

.focus\:via-blue-hilight:focus{
  --gradient-via-color: #5ed0fa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
}

.focus\:via-blue-med:focus{
  --gradient-via-color: #1992d4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
}

.focus\:via-blue-dark:focus{
  --gradient-via-color: #003e6b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
}

.focus\:via-gray-100:focus{
  --gradient-via-color: #f0f4f8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
}

.focus\:via-gray-200:focus{
  --gradient-via-color: #d9d9d9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
}

.focus\:via-gray-300:focus{
  --gradient-via-color: #bcccdc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
}

.focus\:via-gray-500:focus{
  --gradient-via-color: #627d98;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
}

.focus\:via-gray-600:focus{
  --gradient-via-color: #334e68;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
}

.focus\:via-gray-700:focus{
  --gradient-via-color: #243b53;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
}

.focus\:via-gray-900:focus{
  --gradient-via-color: #102a43;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
}

.focus\:via-magenta-dark:focus{
  --gradient-via-color: #8f4731;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
}

.focus\:via-magenta-bright:focus{
  --gradient-via-color: #9C4429;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
}

.focus\:via-magenta-hilight:focus{
  --gradient-via-color: #CC522D;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
}

.focus\:via-teal-dark:focus{
  --gradient-via-color: #2d5b6b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
}

.focus\:via-teal-bright:focus{
  --gradient-via-color: #2B738C;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
}

.focus\:via-teal-hilight:focus{
  --gradient-via-color: #3CA1C4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
}

.focus\:via-mustard-dark:focus{
  --gradient-via-color: #c47a53;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
}

.focus\:via-mustard-bright:focus{
  --gradient-via-color: #E07C48;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
}

.focus\:via-mustard-hilight:focus{
  --gradient-via-color: #FF7015;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
}

.focus\:via-purple-dark:focus{
  --gradient-via-color: #6b2d5b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
}

.focus\:via-purple-bright:focus{
  --gradient-via-color: #8D2B74;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
}

.focus\:via-purple-hilight:focus{
  --gradient-via-color: #C0339C;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
}

.focus\:via-purple-bookshop:focus{
  --gradient-via-color: #584199;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
}

.focus\:via-green-dark:focus{
  --gradient-via-color: #7b7d2a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
}

.focus\:via-green-bright:focus{
  --gradient-via-color: #8F9220;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
}

.focus\:via-green-hilight:focus{
  --gradient-via-color: #B4B72A;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
}

.focus\:via-navy-dark:focus{
  --gradient-via-color: #52494c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
}

.focus\:via-navy-bright:focus{
  --gradient-via-color: #6D565E;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
}

.focus\:via-navy-hilight:focus{
  --gradient-via-color: #8A6A75;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
}

.focus\:via-transparent:focus{
  --gradient-via-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:via-black:focus{
  --gradient-via-color: #101010;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
}

.focus\:via-white:focus{
  --gradient-via-color: #fff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:via-red:focus{
  --gradient-via-color: #E12D39;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
}

.focus\:to-blue-bright:focus{
  --gradient-to-color: #0B69A3;
}

.focus\:to-blue-light:focus{
  --gradient-to-color: #B3ECFF;
}

.focus\:to-blue-pale:focus{
  --gradient-to-color: #DCEEFB;
}

.focus\:to-blue-deep:focus{
  --gradient-to-color: #035388;
}

.focus\:to-blue-hilight:focus{
  --gradient-to-color: #5ed0fa;
}

.focus\:to-blue-med:focus{
  --gradient-to-color: #1992d4;
}

.focus\:to-blue-dark:focus{
  --gradient-to-color: #003e6b;
}

.focus\:to-gray-100:focus{
  --gradient-to-color: #f0f4f8;
}

.focus\:to-gray-200:focus{
  --gradient-to-color: #d9d9d9;
}

.focus\:to-gray-300:focus{
  --gradient-to-color: #bcccdc;
}

.focus\:to-gray-500:focus{
  --gradient-to-color: #627d98;
}

.focus\:to-gray-600:focus{
  --gradient-to-color: #334e68;
}

.focus\:to-gray-700:focus{
  --gradient-to-color: #243b53;
}

.focus\:to-gray-900:focus{
  --gradient-to-color: #102a43;
}

.focus\:to-magenta-dark:focus{
  --gradient-to-color: #8f4731;
}

.focus\:to-magenta-bright:focus{
  --gradient-to-color: #9C4429;
}

.focus\:to-magenta-hilight:focus{
  --gradient-to-color: #CC522D;
}

.focus\:to-teal-dark:focus{
  --gradient-to-color: #2d5b6b;
}

.focus\:to-teal-bright:focus{
  --gradient-to-color: #2B738C;
}

.focus\:to-teal-hilight:focus{
  --gradient-to-color: #3CA1C4;
}

.focus\:to-mustard-dark:focus{
  --gradient-to-color: #c47a53;
}

.focus\:to-mustard-bright:focus{
  --gradient-to-color: #E07C48;
}

.focus\:to-mustard-hilight:focus{
  --gradient-to-color: #FF7015;
}

.focus\:to-purple-dark:focus{
  --gradient-to-color: #6b2d5b;
}

.focus\:to-purple-bright:focus{
  --gradient-to-color: #8D2B74;
}

.focus\:to-purple-hilight:focus{
  --gradient-to-color: #C0339C;
}

.focus\:to-purple-bookshop:focus{
  --gradient-to-color: #584199;
}

.focus\:to-green-dark:focus{
  --gradient-to-color: #7b7d2a;
}

.focus\:to-green-bright:focus{
  --gradient-to-color: #8F9220;
}

.focus\:to-green-hilight:focus{
  --gradient-to-color: #B4B72A;
}

.focus\:to-navy-dark:focus{
  --gradient-to-color: #52494c;
}

.focus\:to-navy-bright:focus{
  --gradient-to-color: #6D565E;
}

.focus\:to-navy-hilight:focus{
  --gradient-to-color: #8A6A75;
}

.focus\:to-transparent:focus{
  --gradient-to-color: transparent;
}

.focus\:to-black:focus{
  --gradient-to-color: #101010;
}

.focus\:to-white:focus{
  --gradient-to-color: #fff;
}

.focus\:to-red:focus{
  --gradient-to-color: #E12D39;
}

.bg-opacity-0{
  --bg-opacity: 0;
}

.bg-opacity-25{
  --bg-opacity: 0.25;
}

.bg-opacity-50{
  --bg-opacity: 0.5;
}

.bg-opacity-75{
  --bg-opacity: 0.75;
}

.bg-opacity-100{
  --bg-opacity: 1;
}

.hover\:bg-opacity-0:hover{
  --bg-opacity: 0;
}

.hover\:bg-opacity-25:hover{
  --bg-opacity: 0.25;
}

.hover\:bg-opacity-50:hover{
  --bg-opacity: 0.5;
}

.hover\:bg-opacity-75:hover{
  --bg-opacity: 0.75;
}

.hover\:bg-opacity-100:hover{
  --bg-opacity: 1;
}

.focus\:bg-opacity-0:focus{
  --bg-opacity: 0;
}

.focus\:bg-opacity-25:focus{
  --bg-opacity: 0.25;
}

.focus\:bg-opacity-50:focus{
  --bg-opacity: 0.5;
}

.focus\:bg-opacity-75:focus{
  --bg-opacity: 0.75;
}

.focus\:bg-opacity-100:focus{
  --bg-opacity: 1;
}

.bg-bottom{
  background-position: bottom;
}

.bg-center{
  background-position: center;
}

.bg-left{
  background-position: left;
}

.bg-left-bottom{
  background-position: left bottom;
}

.bg-left-top{
  background-position: left top;
}

.bg-right{
  background-position: right;
}

.bg-right-bottom{
  background-position: right bottom;
}

.bg-right-top{
  background-position: right top;
}

.bg-top{
  background-position: top;
}

.bg-repeat{
  background-repeat: repeat;
}

.bg-no-repeat{
  background-repeat: no-repeat;
}

.bg-repeat-x{
  background-repeat: repeat-x;
}

.bg-repeat-y{
  background-repeat: repeat-y;
}

.bg-repeat-round{
  background-repeat: round;
}

.bg-repeat-space{
  background-repeat: space;
}

.bg-auto{
  background-size: auto;
}

.bg-cover{
  background-size: cover;
}

.bg-contain{
  background-size: contain;
}

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

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

.border-blue-bright{
  --border-opacity: 1;
  border-color: #0B69A3;
  border-color: rgba(11, 105, 163, var(--border-opacity));
}

.border-blue-light{
  --border-opacity: 1;
  border-color: #B3ECFF;
  border-color: rgba(179, 236, 255, var(--border-opacity));
}

.border-blue-pale{
  --border-opacity: 1;
  border-color: #DCEEFB;
  border-color: rgba(220, 238, 251, var(--border-opacity));
}

.border-blue-deep{
  --border-opacity: 1;
  border-color: #035388;
  border-color: rgba(3, 83, 136, var(--border-opacity));
}

.border-blue-hilight{
  --border-opacity: 1;
  border-color: #5ed0fa;
  border-color: rgba(94, 208, 250, var(--border-opacity));
}

.border-blue-med{
  --border-opacity: 1;
  border-color: #1992d4;
  border-color: rgba(25, 146, 212, var(--border-opacity));
}

.border-blue-dark{
  --border-opacity: 1;
  border-color: #003e6b;
  border-color: rgba(0, 62, 107, var(--border-opacity));
}

.border-gray-100{
  --border-opacity: 1;
  border-color: #f0f4f8;
  border-color: rgba(240, 244, 248, var(--border-opacity));
}

.border-gray-200{
  --border-opacity: 1;
  border-color: #d9d9d9;
  border-color: rgba(217, 217, 217, var(--border-opacity));
}

.border-gray-300{
  --border-opacity: 1;
  border-color: #bcccdc;
  border-color: rgba(188, 204, 220, var(--border-opacity));
}

.border-gray-500{
  --border-opacity: 1;
  border-color: #627d98;
  border-color: rgba(98, 125, 152, var(--border-opacity));
}

.border-gray-600{
  --border-opacity: 1;
  border-color: #334e68;
  border-color: rgba(51, 78, 104, var(--border-opacity));
}

.border-gray-700{
  --border-opacity: 1;
  border-color: #243b53;
  border-color: rgba(36, 59, 83, var(--border-opacity));
}

.border-gray-900{
  --border-opacity: 1;
  border-color: #102a43;
  border-color: rgba(16, 42, 67, var(--border-opacity));
}

.border-magenta-dark{
  --border-opacity: 1;
  border-color: #8f4731;
  border-color: rgba(143, 71, 49, var(--border-opacity));
}

.border-magenta-bright{
  --border-opacity: 1;
  border-color: #9C4429;
  border-color: rgba(156, 68, 41, var(--border-opacity));
}

.border-magenta-hilight{
  --border-opacity: 1;
  border-color: #CC522D;
  border-color: rgba(204, 82, 45, var(--border-opacity));
}

.border-teal-dark{
  --border-opacity: 1;
  border-color: #2d5b6b;
  border-color: rgba(45, 91, 107, var(--border-opacity));
}

.border-teal-bright{
  --border-opacity: 1;
  border-color: #2B738C;
  border-color: rgba(43, 115, 140, var(--border-opacity));
}

.border-teal-hilight{
  --border-opacity: 1;
  border-color: #3CA1C4;
  border-color: rgba(60, 161, 196, var(--border-opacity));
}

.border-mustard-dark{
  --border-opacity: 1;
  border-color: #c47a53;
  border-color: rgba(196, 122, 83, var(--border-opacity));
}

.border-mustard-bright{
  --border-opacity: 1;
  border-color: #E07C48;
  border-color: rgba(224, 124, 72, var(--border-opacity));
}

.border-mustard-hilight{
  --border-opacity: 1;
  border-color: #FF7015;
  border-color: rgba(255, 112, 21, var(--border-opacity));
}

.border-purple-dark{
  --border-opacity: 1;
  border-color: #6b2d5b;
  border-color: rgba(107, 45, 91, var(--border-opacity));
}

.border-purple-bright{
  --border-opacity: 1;
  border-color: #8D2B74;
  border-color: rgba(141, 43, 116, var(--border-opacity));
}

.border-purple-hilight{
  --border-opacity: 1;
  border-color: #C0339C;
  border-color: rgba(192, 51, 156, var(--border-opacity));
}

.border-purple-bookshop{
  --border-opacity: 1;
  border-color: #584199;
  border-color: rgba(88, 65, 153, var(--border-opacity));
}

.border-green-dark{
  --border-opacity: 1;
  border-color: #7b7d2a;
  border-color: rgba(123, 125, 42, var(--border-opacity));
}

.border-green-bright{
  --border-opacity: 1;
  border-color: #8F9220;
  border-color: rgba(143, 146, 32, var(--border-opacity));
}

.border-green-hilight{
  --border-opacity: 1;
  border-color: #B4B72A;
  border-color: rgba(180, 183, 42, var(--border-opacity));
}

.border-navy-dark{
  --border-opacity: 1;
  border-color: #52494c;
  border-color: rgba(82, 73, 76, var(--border-opacity));
}

.border-navy-bright{
  --border-opacity: 1;
  border-color: #6D565E;
  border-color: rgba(109, 86, 94, var(--border-opacity));
}

.border-navy-hilight{
  --border-opacity: 1;
  border-color: #8A6A75;
  border-color: rgba(138, 106, 117, var(--border-opacity));
}

.border-transparent{
  border-color: transparent;
}

.border-black{
  --border-opacity: 1;
  border-color: #101010;
  border-color: rgba(16, 16, 16, var(--border-opacity));
}

.border-white{
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.border-red{
  --border-opacity: 1;
  border-color: #E12D39;
  border-color: rgba(225, 45, 57, var(--border-opacity));
}

.hover\:border-blue-bright:hover{
  --border-opacity: 1;
  border-color: #0B69A3;
  border-color: rgba(11, 105, 163, var(--border-opacity));
}

.hover\:border-blue-light:hover{
  --border-opacity: 1;
  border-color: #B3ECFF;
  border-color: rgba(179, 236, 255, var(--border-opacity));
}

.hover\:border-blue-pale:hover{
  --border-opacity: 1;
  border-color: #DCEEFB;
  border-color: rgba(220, 238, 251, var(--border-opacity));
}

.hover\:border-blue-deep:hover{
  --border-opacity: 1;
  border-color: #035388;
  border-color: rgba(3, 83, 136, var(--border-opacity));
}

.hover\:border-blue-hilight:hover{
  --border-opacity: 1;
  border-color: #5ed0fa;
  border-color: rgba(94, 208, 250, var(--border-opacity));
}

.hover\:border-blue-med:hover{
  --border-opacity: 1;
  border-color: #1992d4;
  border-color: rgba(25, 146, 212, var(--border-opacity));
}

.hover\:border-blue-dark:hover{
  --border-opacity: 1;
  border-color: #003e6b;
  border-color: rgba(0, 62, 107, var(--border-opacity));
}

.hover\:border-gray-100:hover{
  --border-opacity: 1;
  border-color: #f0f4f8;
  border-color: rgba(240, 244, 248, var(--border-opacity));
}

.hover\:border-gray-200:hover{
  --border-opacity: 1;
  border-color: #d9d9d9;
  border-color: rgba(217, 217, 217, var(--border-opacity));
}

.hover\:border-gray-300:hover{
  --border-opacity: 1;
  border-color: #bcccdc;
  border-color: rgba(188, 204, 220, var(--border-opacity));
}

.hover\:border-gray-500:hover{
  --border-opacity: 1;
  border-color: #627d98;
  border-color: rgba(98, 125, 152, var(--border-opacity));
}

.hover\:border-gray-600:hover{
  --border-opacity: 1;
  border-color: #334e68;
  border-color: rgba(51, 78, 104, var(--border-opacity));
}

.hover\:border-gray-700:hover{
  --border-opacity: 1;
  border-color: #243b53;
  border-color: rgba(36, 59, 83, var(--border-opacity));
}

.hover\:border-gray-900:hover{
  --border-opacity: 1;
  border-color: #102a43;
  border-color: rgba(16, 42, 67, var(--border-opacity));
}

.hover\:border-magenta-dark:hover{
  --border-opacity: 1;
  border-color: #8f4731;
  border-color: rgba(143, 71, 49, var(--border-opacity));
}

.hover\:border-magenta-bright:hover{
  --border-opacity: 1;
  border-color: #9C4429;
  border-color: rgba(156, 68, 41, var(--border-opacity));
}

.hover\:border-magenta-hilight:hover{
  --border-opacity: 1;
  border-color: #CC522D;
  border-color: rgba(204, 82, 45, var(--border-opacity));
}

.hover\:border-teal-dark:hover{
  --border-opacity: 1;
  border-color: #2d5b6b;
  border-color: rgba(45, 91, 107, var(--border-opacity));
}

.hover\:border-teal-bright:hover{
  --border-opacity: 1;
  border-color: #2B738C;
  border-color: rgba(43, 115, 140, var(--border-opacity));
}

.hover\:border-teal-hilight:hover{
  --border-opacity: 1;
  border-color: #3CA1C4;
  border-color: rgba(60, 161, 196, var(--border-opacity));
}

.hover\:border-mustard-dark:hover{
  --border-opacity: 1;
  border-color: #c47a53;
  border-color: rgba(196, 122, 83, var(--border-opacity));
}

.hover\:border-mustard-bright:hover{
  --border-opacity: 1;
  border-color: #E07C48;
  border-color: rgba(224, 124, 72, var(--border-opacity));
}

.hover\:border-mustard-hilight:hover{
  --border-opacity: 1;
  border-color: #FF7015;
  border-color: rgba(255, 112, 21, var(--border-opacity));
}

.hover\:border-purple-dark:hover{
  --border-opacity: 1;
  border-color: #6b2d5b;
  border-color: rgba(107, 45, 91, var(--border-opacity));
}

.hover\:border-purple-bright:hover{
  --border-opacity: 1;
  border-color: #8D2B74;
  border-color: rgba(141, 43, 116, var(--border-opacity));
}

.hover\:border-purple-hilight:hover{
  --border-opacity: 1;
  border-color: #C0339C;
  border-color: rgba(192, 51, 156, var(--border-opacity));
}

.hover\:border-purple-bookshop:hover{
  --border-opacity: 1;
  border-color: #584199;
  border-color: rgba(88, 65, 153, var(--border-opacity));
}

.hover\:border-green-dark:hover{
  --border-opacity: 1;
  border-color: #7b7d2a;
  border-color: rgba(123, 125, 42, var(--border-opacity));
}

.hover\:border-green-bright:hover{
  --border-opacity: 1;
  border-color: #8F9220;
  border-color: rgba(143, 146, 32, var(--border-opacity));
}

.hover\:border-green-hilight:hover{
  --border-opacity: 1;
  border-color: #B4B72A;
  border-color: rgba(180, 183, 42, var(--border-opacity));
}

.hover\:border-navy-dark:hover{
  --border-opacity: 1;
  border-color: #52494c;
  border-color: rgba(82, 73, 76, var(--border-opacity));
}

.hover\:border-navy-bright:hover{
  --border-opacity: 1;
  border-color: #6D565E;
  border-color: rgba(109, 86, 94, var(--border-opacity));
}

.hover\:border-navy-hilight:hover{
  --border-opacity: 1;
  border-color: #8A6A75;
  border-color: rgba(138, 106, 117, var(--border-opacity));
}

.hover\:border-transparent:hover{
  border-color: transparent;
}

.hover\:border-black:hover{
  --border-opacity: 1;
  border-color: #101010;
  border-color: rgba(16, 16, 16, var(--border-opacity));
}

.hover\:border-white:hover{
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.hover\:border-red:hover{
  --border-opacity: 1;
  border-color: #E12D39;
  border-color: rgba(225, 45, 57, var(--border-opacity));
}

.focus\:border-blue-bright:focus{
  --border-opacity: 1;
  border-color: #0B69A3;
  border-color: rgba(11, 105, 163, var(--border-opacity));
}

.focus\:border-blue-light:focus{
  --border-opacity: 1;
  border-color: #B3ECFF;
  border-color: rgba(179, 236, 255, var(--border-opacity));
}

.focus\:border-blue-pale:focus{
  --border-opacity: 1;
  border-color: #DCEEFB;
  border-color: rgba(220, 238, 251, var(--border-opacity));
}

.focus\:border-blue-deep:focus{
  --border-opacity: 1;
  border-color: #035388;
  border-color: rgba(3, 83, 136, var(--border-opacity));
}

.focus\:border-blue-hilight:focus{
  --border-opacity: 1;
  border-color: #5ed0fa;
  border-color: rgba(94, 208, 250, var(--border-opacity));
}

.focus\:border-blue-med:focus{
  --border-opacity: 1;
  border-color: #1992d4;
  border-color: rgba(25, 146, 212, var(--border-opacity));
}

.focus\:border-blue-dark:focus{
  --border-opacity: 1;
  border-color: #003e6b;
  border-color: rgba(0, 62, 107, var(--border-opacity));
}

.focus\:border-gray-100:focus{
  --border-opacity: 1;
  border-color: #f0f4f8;
  border-color: rgba(240, 244, 248, var(--border-opacity));
}

.focus\:border-gray-200:focus{
  --border-opacity: 1;
  border-color: #d9d9d9;
  border-color: rgba(217, 217, 217, var(--border-opacity));
}

.focus\:border-gray-300:focus{
  --border-opacity: 1;
  border-color: #bcccdc;
  border-color: rgba(188, 204, 220, var(--border-opacity));
}

.focus\:border-gray-500:focus{
  --border-opacity: 1;
  border-color: #627d98;
  border-color: rgba(98, 125, 152, var(--border-opacity));
}

.focus\:border-gray-600:focus{
  --border-opacity: 1;
  border-color: #334e68;
  border-color: rgba(51, 78, 104, var(--border-opacity));
}

.focus\:border-gray-700:focus{
  --border-opacity: 1;
  border-color: #243b53;
  border-color: rgba(36, 59, 83, var(--border-opacity));
}

.focus\:border-gray-900:focus{
  --border-opacity: 1;
  border-color: #102a43;
  border-color: rgba(16, 42, 67, var(--border-opacity));
}

.focus\:border-magenta-dark:focus{
  --border-opacity: 1;
  border-color: #8f4731;
  border-color: rgba(143, 71, 49, var(--border-opacity));
}

.focus\:border-magenta-bright:focus{
  --border-opacity: 1;
  border-color: #9C4429;
  border-color: rgba(156, 68, 41, var(--border-opacity));
}

.focus\:border-magenta-hilight:focus{
  --border-opacity: 1;
  border-color: #CC522D;
  border-color: rgba(204, 82, 45, var(--border-opacity));
}

.focus\:border-teal-dark:focus{
  --border-opacity: 1;
  border-color: #2d5b6b;
  border-color: rgba(45, 91, 107, var(--border-opacity));
}

.focus\:border-teal-bright:focus{
  --border-opacity: 1;
  border-color: #2B738C;
  border-color: rgba(43, 115, 140, var(--border-opacity));
}

.focus\:border-teal-hilight:focus{
  --border-opacity: 1;
  border-color: #3CA1C4;
  border-color: rgba(60, 161, 196, var(--border-opacity));
}

.focus\:border-mustard-dark:focus{
  --border-opacity: 1;
  border-color: #c47a53;
  border-color: rgba(196, 122, 83, var(--border-opacity));
}

.focus\:border-mustard-bright:focus{
  --border-opacity: 1;
  border-color: #E07C48;
  border-color: rgba(224, 124, 72, var(--border-opacity));
}

.focus\:border-mustard-hilight:focus{
  --border-opacity: 1;
  border-color: #FF7015;
  border-color: rgba(255, 112, 21, var(--border-opacity));
}

.focus\:border-purple-dark:focus{
  --border-opacity: 1;
  border-color: #6b2d5b;
  border-color: rgba(107, 45, 91, var(--border-opacity));
}

.focus\:border-purple-bright:focus{
  --border-opacity: 1;
  border-color: #8D2B74;
  border-color: rgba(141, 43, 116, var(--border-opacity));
}

.focus\:border-purple-hilight:focus{
  --border-opacity: 1;
  border-color: #C0339C;
  border-color: rgba(192, 51, 156, var(--border-opacity));
}

.focus\:border-purple-bookshop:focus{
  --border-opacity: 1;
  border-color: #584199;
  border-color: rgba(88, 65, 153, var(--border-opacity));
}

.focus\:border-green-dark:focus{
  --border-opacity: 1;
  border-color: #7b7d2a;
  border-color: rgba(123, 125, 42, var(--border-opacity));
}

.focus\:border-green-bright:focus{
  --border-opacity: 1;
  border-color: #8F9220;
  border-color: rgba(143, 146, 32, var(--border-opacity));
}

.focus\:border-green-hilight:focus{
  --border-opacity: 1;
  border-color: #B4B72A;
  border-color: rgba(180, 183, 42, var(--border-opacity));
}

.focus\:border-navy-dark:focus{
  --border-opacity: 1;
  border-color: #52494c;
  border-color: rgba(82, 73, 76, var(--border-opacity));
}

.focus\:border-navy-bright:focus{
  --border-opacity: 1;
  border-color: #6D565E;
  border-color: rgba(109, 86, 94, var(--border-opacity));
}

.focus\:border-navy-hilight:focus{
  --border-opacity: 1;
  border-color: #8A6A75;
  border-color: rgba(138, 106, 117, var(--border-opacity));
}

.focus\:border-transparent:focus{
  border-color: transparent;
}

.focus\:border-black:focus{
  --border-opacity: 1;
  border-color: #101010;
  border-color: rgba(16, 16, 16, var(--border-opacity));
}

.focus\:border-white:focus{
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.focus\:border-red:focus{
  --border-opacity: 1;
  border-color: #E12D39;
  border-color: rgba(225, 45, 57, var(--border-opacity));
}

.border-opacity-0{
  --border-opacity: 0;
}

.border-opacity-25{
  --border-opacity: 0.25;
}

.border-opacity-50{
  --border-opacity: 0.5;
}

.border-opacity-75{
  --border-opacity: 0.75;
}

.border-opacity-100{
  --border-opacity: 1;
}

.hover\:border-opacity-0:hover{
  --border-opacity: 0;
}

.hover\:border-opacity-25:hover{
  --border-opacity: 0.25;
}

.hover\:border-opacity-50:hover{
  --border-opacity: 0.5;
}

.hover\:border-opacity-75:hover{
  --border-opacity: 0.75;
}

.hover\:border-opacity-100:hover{
  --border-opacity: 1;
}

.focus\:border-opacity-0:focus{
  --border-opacity: 0;
}

.focus\:border-opacity-25:focus{
  --border-opacity: 0.25;
}

.focus\:border-opacity-50:focus{
  --border-opacity: 0.5;
}

.focus\:border-opacity-75:focus{
  --border-opacity: 0.75;
}

.focus\:border-opacity-100:focus{
  --border-opacity: 1;
}

.rounded-none{
  border-radius: 0;
}

.rounded-sm{
  border-radius: 0.125rem;
}

.rounded{
  border-radius: 0.25rem;
}

.rounded-md{
  border-radius: 0.375rem;
}

.rounded-lg{
  border-radius: 0.5rem;
}

.rounded-xl{
  border-radius: 0.75rem;
}

.rounded-2xl{
  border-radius: 1rem;
}

.rounded-3xl{
  border-radius: 1.5rem;
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-t-none{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.rounded-r-none{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rounded-b-none{
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-l-none{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-t-sm{
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}

.rounded-r-sm{
  border-top-right-radius: 0.125rem;
  border-bottom-right-radius: 0.125rem;
}

.rounded-b-sm{
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.rounded-l-sm{
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.rounded-t{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-r{
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-b{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-l{
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-t-md{
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.rounded-r-md{
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.rounded-b-md{
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-l-md{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded-t-lg{
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.rounded-r-lg{
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.rounded-b-lg{
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-l-lg{
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-t-xl{
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.rounded-r-xl{
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}

.rounded-b-xl{
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-l-xl{
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}

.rounded-t-2xl{
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-r-2xl{
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.rounded-b-2xl{
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-l-2xl{
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-t-3xl{
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}

.rounded-r-3xl{
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}

.rounded-b-3xl{
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.rounded-l-3xl{
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.rounded-t-full{
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}

.rounded-r-full{
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.rounded-b-full{
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-l-full{
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-tl-none{
  border-top-left-radius: 0;
}

.rounded-tr-none{
  border-top-right-radius: 0;
}

.rounded-br-none{
  border-bottom-right-radius: 0;
}

.rounded-bl-none{
  border-bottom-left-radius: 0;
}

.rounded-tl-sm{
  border-top-left-radius: 0.125rem;
}

.rounded-tr-sm{
  border-top-right-radius: 0.125rem;
}

.rounded-br-sm{
  border-bottom-right-radius: 0.125rem;
}

.rounded-bl-sm{
  border-bottom-left-radius: 0.125rem;
}

.rounded-tl{
  border-top-left-radius: 0.25rem;
}

.rounded-tr{
  border-top-right-radius: 0.25rem;
}

.rounded-br{
  border-bottom-right-radius: 0.25rem;
}

.rounded-bl{
  border-bottom-left-radius: 0.25rem;
}

.rounded-tl-md{
  border-top-left-radius: 0.375rem;
}

.rounded-tr-md{
  border-top-right-radius: 0.375rem;
}

.rounded-br-md{
  border-bottom-right-radius: 0.375rem;
}

.rounded-bl-md{
  border-bottom-left-radius: 0.375rem;
}

.rounded-tl-lg{
  border-top-left-radius: 0.5rem;
}

.rounded-tr-lg{
  border-top-right-radius: 0.5rem;
}

.rounded-br-lg{
  border-bottom-right-radius: 0.5rem;
}

.rounded-bl-lg{
  border-bottom-left-radius: 0.5rem;
}

.rounded-tl-xl{
  border-top-left-radius: 0.75rem;
}

.rounded-tr-xl{
  border-top-right-radius: 0.75rem;
}

.rounded-br-xl{
  border-bottom-right-radius: 0.75rem;
}

.rounded-bl-xl{
  border-bottom-left-radius: 0.75rem;
}

.rounded-tl-2xl{
  border-top-left-radius: 1rem;
}

.rounded-tr-2xl{
  border-top-right-radius: 1rem;
}

.rounded-br-2xl{
  border-bottom-right-radius: 1rem;
}

.rounded-bl-2xl{
  border-bottom-left-radius: 1rem;
}

.rounded-tl-3xl{
  border-top-left-radius: 1.5rem;
}

.rounded-tr-3xl{
  border-top-right-radius: 1.5rem;
}

.rounded-br-3xl{
  border-bottom-right-radius: 1.5rem;
}

.rounded-bl-3xl{
  border-bottom-left-radius: 1.5rem;
}

.rounded-tl-full{
  border-top-left-radius: 9999px;
}

.rounded-tr-full{
  border-top-right-radius: 9999px;
}

.rounded-br-full{
  border-bottom-right-radius: 9999px;
}

.rounded-bl-full{
  border-bottom-left-radius: 9999px;
}

.children\:border-solid > *{
  border-style: solid;
}

.children\:border-dashed > *{
  border-style: dashed;
}

.children\:border-dotted > *{
  border-style: dotted;
}

.children\:border-double > *{
  border-style: double;
}

.children\:border-none > *{
  border-style: none;
}

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

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

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

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

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

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

.border-2{
  border-width: 2px;
}

.border-4{
  border-width: 4px;
}

.border-8{
  border-width: 8px;
}

.border{
  border-width: 1px;
}

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

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

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

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

.border-t-2{
  border-top-width: 2px;
}

.border-r-2{
  border-right-width: 2px;
}

.border-b-2{
  border-bottom-width: 2px;
}

.border-l-2{
  border-left-width: 2px;
}

.border-t-4{
  border-top-width: 4px;
}

.border-r-4{
  border-right-width: 4px;
}

.border-b-4{
  border-bottom-width: 4px;
}

.border-l-4{
  border-left-width: 4px;
}

.border-t-8{
  border-top-width: 8px;
}

.border-r-8{
  border-right-width: 8px;
}

.border-b-8{
  border-bottom-width: 8px;
}

.border-l-8{
  border-left-width: 8px;
}

.border-t{
  border-top-width: 1px;
}

.border-r{
  border-right-width: 1px;
}

.border-b{
  border-bottom-width: 1px;
}

.border-l{
  border-left-width: 1px;
}

.box-border{
  box-sizing: border-box;
}

.box-content{
  box-sizing: content-box;
}

.cursor-auto{
  cursor: auto;
}

.cursor-default{
  cursor: default;
}

.cursor-pointer{
  cursor: pointer;
}

.cursor-wait{
  cursor: wait;
}

.cursor-text{
  cursor: text;
}

.cursor-move{
  cursor: move;
}

.cursor-not-allowed{
  cursor: not-allowed;
}

.block{
  display: block;
}

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

.inline{
  display: inline;
}

.flex{
  display: flex;
}

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

.table{
  display: table;
}

.table-caption{
  display: table-caption;
}

.table-cell{
  display: table-cell;
}

.table-column{
  display: table-column;
}

.table-column-group{
  display: table-column-group;
}

.table-footer-group{
  display: table-footer-group;
}

.table-header-group{
  display: table-header-group;
}

.table-row-group{
  display: table-row-group;
}

.table-row{
  display: table-row;
}

.flow-root{
  display: flow-root;
}

.grid{
  display: grid;
}

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

.contents{
  display: contents;
}

.hidden{
  display: none;
}

.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-wrap{
  flex-wrap: wrap;
}

.flex-wrap-reverse{
  flex-wrap: wrap-reverse;
}

.flex-no-wrap{
  flex-wrap: nowrap;
}

.place-items-auto{
  place-items: auto;
}

.place-items-start{
  place-items: start;
}

.place-items-end{
  place-items: end;
}

.place-items-center{
  place-items: center;
}

.place-items-stretch{
  place-items: stretch;
}

.place-content-center{
  place-content: center;
}

.place-content-start{
  place-content: start;
}

.place-content-end{
  place-content: end;
}

.place-content-between{
  place-content: space-between;
}

.place-content-around{
  place-content: space-around;
}

.place-content-evenly{
  place-content: space-evenly;
}

.place-content-stretch{
  place-content: stretch;
}

.place-self-auto{
  place-self: auto;
}

.place-self-start{
  place-self: start;
}

.place-self-end{
  place-self: end;
}

.place-self-center{
  place-self: center;
}

.place-self-stretch{
  place-self: stretch;
}

.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;
}

.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;
}

.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;
}

.justify-items-auto{
  justify-items: auto;
}

.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-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-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;
}

.flex-1{
  flex: 1 1 0%;
}

.flex-auto{
  flex: 1 1 auto;
}

.flex-initial{
  flex: 0 1 auto;
}

.flex-none{
  flex: none;
}

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

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

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

.flex-shrink{
  flex-shrink: 1;
}

.order-1{
  order: 1;
}

.order-2{
  order: 2;
}

.order-3{
  order: 3;
}

.order-4{
  order: 4;
}

.order-5{
  order: 5;
}

.order-6{
  order: 6;
}

.order-7{
  order: 7;
}

.order-8{
  order: 8;
}

.order-9{
  order: 9;
}

.order-10{
  order: 10;
}

.order-11{
  order: 11;
}

.order-12{
  order: 12;
}

.order-first{
  order: -9999;
}

.order-last{
  order: 9999;
}

.order-none{
  order: 0;
}

.float-right{
  float: right;
}

.float-left{
  float: left;
}

.float-none{
  float: none;
}

.clearfix:after{
  content: "";
  display: table;
  clear: both;
}

.clear-left{
  clear: left;
}

.clear-right{
  clear: right;
}

.clear-both{
  clear: both;
}

.clear-none{
  clear: none;
}

.font-body{
  font-family: proxima-nova, sans-serif;
}

.font-head{
  font-family: jubilat, serif;
}

.font-hairline{
  font-weight: 100;
}

.font-thin{
  font-weight: 200;
}

.font-light{
  font-weight: 300;
}

.font-normal{
  font-weight: 400;
}

.font-medium{
  font-weight: 500;
}

.font-semibold{
  font-weight: 600;
}

.font-bold{
  font-weight: 700;
}

.font-extrabold{
  font-weight: 800;
}

.font-black{
  font-weight: 900;
}

.hover\:font-hairline:hover{
  font-weight: 100;
}

.hover\:font-thin:hover{
  font-weight: 200;
}

.hover\:font-light:hover{
  font-weight: 300;
}

.hover\:font-normal:hover{
  font-weight: 400;
}

.hover\:font-medium:hover{
  font-weight: 500;
}

.hover\:font-semibold:hover{
  font-weight: 600;
}

.hover\:font-bold:hover{
  font-weight: 700;
}

.hover\:font-extrabold:hover{
  font-weight: 800;
}

.hover\:font-black:hover{
  font-weight: 900;
}

.focus\:font-hairline:focus{
  font-weight: 100;
}

.focus\:font-thin:focus{
  font-weight: 200;
}

.focus\:font-light:focus{
  font-weight: 300;
}

.focus\:font-normal:focus{
  font-weight: 400;
}

.focus\:font-medium:focus{
  font-weight: 500;
}

.focus\:font-semibold:focus{
  font-weight: 600;
}

.focus\:font-bold:focus{
  font-weight: 700;
}

.focus\:font-extrabold:focus{
  font-weight: 800;
}

.focus\:font-black:focus{
  font-weight: 900;
}

.h-0{
  height: 0;
}

.h-1{
  height: 0.25rem;
}

.h-2{
  height: 0.5rem;
}

.h-3{
  height: 0.75rem;
}

.h-4{
  height: 1rem;
}

.h-5{
  height: 1.25rem;
}

.h-6{
  height: 1.5rem;
}

.h-8{
  height: 2rem;
}

.h-10{
  height: 2.5rem;
}

.h-12{
  height: 3rem;
}

.h-16{
  height: 4rem;
}

.h-20{
  height: 5rem;
}

.h-24{
  height: 6rem;
}

.h-32{
  height: 8rem;
}

.h-40{
  height: 10rem;
}

.h-48{
  height: 12rem;
}

.h-56{
  height: 14rem;
}

.h-64{
  height: 16rem;
}

.h-auto{
  height: auto;
}

.h-px{
  height: 1px;
}

.h-full{
  height: 100%;
}

.h-screen{
  height: 100vh;
}

.text-xs{
  font-size: 0.75rem;
}

.text-sm{
  font-size: 0.875rem;
}

.text-base{
  font-size: 1rem;
}

.text-lg{
  font-size: 1.125rem;
}

.text-xl{
  font-size: 1.25rem;
}

.text-2xl{
  font-size: 1.5rem;
}

.text-3xl{
  font-size: 1.875rem;
}

.text-4xl{
  font-size: 2rem;
}

.text-5xl{
  font-size: 3rem;
}

.text-6xl{
  font-size: 4rem;
}

.leading-3{
  line-height: .75rem;
}

.leading-4{
  line-height: 1rem;
}

.leading-5{
  line-height: 1.25rem;
}

.leading-6{
  line-height: 1.5rem;
}

.leading-7{
  line-height: 1.75rem;
}

.leading-8{
  line-height: 2rem;
}

.leading-9{
  line-height: 2.25rem;
}

.leading-10{
  line-height: 2.5rem;
}

.leading-none{
  line-height: 1;
}

.leading-tight{
  line-height: 1.25;
}

.leading-snug{
  line-height: 1.375;
}

.leading-normal{
  line-height: 1.5;
}

.leading-relaxed{
  line-height: 1.625;
}

.leading-loose{
  line-height: 2;
}

.list-inside{
  list-style-position: inside;
}

.list-outside{
  list-style-position: outside;
}

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

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

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

.m-0{
  margin: 0;
}

.m-1{
  margin: 0.25rem;
}

.m-2{
  margin: 0.5rem;
}

.m-3{
  margin: 0.75rem;
}

.m-4{
  margin: 1rem;
}

.m-5{
  margin: 1.25rem;
}

.m-6{
  margin: 1.5rem;
}

.m-8{
  margin: 2rem;
}

.m-10{
  margin: 2.5rem;
}

.m-12{
  margin: 3rem;
}

.m-16{
  margin: 4rem;
}

.m-20{
  margin: 5rem;
}

.m-24{
  margin: 6rem;
}

.m-32{
  margin: 8rem;
}

.m-40{
  margin: 10rem;
}

.m-48{
  margin: 12rem;
}

.m-56{
  margin: 14rem;
}

.m-64{
  margin: 16rem;
}

.m-auto{
  margin: auto;
}

.m-px{
  margin: 1px;
}

.-m-1{
  margin: -0.25rem;
}

.-m-2{
  margin: -0.5rem;
}

.-m-3{
  margin: -0.75rem;
}

.-m-4{
  margin: -1rem;
}

.-m-5{
  margin: -1.25rem;
}

.-m-6{
  margin: -1.5rem;
}

.-m-8{
  margin: -2rem;
}

.-m-10{
  margin: -2.5rem;
}

.-m-12{
  margin: -3rem;
}

.-m-16{
  margin: -4rem;
}

.-m-20{
  margin: -5rem;
}

.-m-24{
  margin: -6rem;
}

.-m-32{
  margin: -8rem;
}

.-m-40{
  margin: -10rem;
}

.-m-48{
  margin: -12rem;
}

.-m-56{
  margin: -14rem;
}

.-m-64{
  margin: -16rem;
}

.-m-px{
  margin: -1px;
}

.my-0{
  margin-top: 0;
  margin-bottom: 0;
}

.mx-0{
  margin-left: 0;
  margin-right: 0;
}

.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}

.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.mx-5{
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.mx-6{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mx-8{
  margin-left: 2rem;
  margin-right: 2rem;
}

.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.mx-10{
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.mx-12{
  margin-left: 3rem;
  margin-right: 3rem;
}

.my-16{
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.mx-16{
  margin-left: 4rem;
  margin-right: 4rem;
}

.my-20{
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.mx-20{
  margin-left: 5rem;
  margin-right: 5rem;
}

.my-24{
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.mx-24{
  margin-left: 6rem;
  margin-right: 6rem;
}

.my-32{
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.mx-32{
  margin-left: 8rem;
  margin-right: 8rem;
}

.my-40{
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.mx-40{
  margin-left: 10rem;
  margin-right: 10rem;
}

.my-48{
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.mx-48{
  margin-left: 12rem;
  margin-right: 12rem;
}

.my-56{
  margin-top: 14rem;
  margin-bottom: 14rem;
}

.mx-56{
  margin-left: 14rem;
  margin-right: 14rem;
}

.my-64{
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.mx-64{
  margin-left: 16rem;
  margin-right: 16rem;
}

.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-px{
  margin-top: 1px;
  margin-bottom: 1px;
}

.mx-px{
  margin-left: 1px;
  margin-right: 1px;
}

.-my-1{
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}

.-mx-1{
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.-my-2{
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}

.-mx-2{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.-my-3{
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}

.-mx-3{
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.-my-4{
  margin-top: -1rem;
  margin-bottom: -1rem;
}

.-mx-4{
  margin-left: -1rem;
  margin-right: -1rem;
}

.-my-5{
  margin-top: -1.25rem;
  margin-bottom: -1.25rem;
}

.-mx-5{
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.-my-6{
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}

.-mx-6{
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.-my-8{
  margin-top: -2rem;
  margin-bottom: -2rem;
}

.-mx-8{
  margin-left: -2rem;
  margin-right: -2rem;
}

.-my-10{
  margin-top: -2.5rem;
  margin-bottom: -2.5rem;
}

.-mx-10{
  margin-left: -2.5rem;
  margin-right: -2.5rem;
}

.-my-12{
  margin-top: -3rem;
  margin-bottom: -3rem;
}

.-mx-12{
  margin-left: -3rem;
  margin-right: -3rem;
}

.-my-16{
  margin-top: -4rem;
  margin-bottom: -4rem;
}

.-mx-16{
  margin-left: -4rem;
  margin-right: -4rem;
}

.-my-20{
  margin-top: -5rem;
  margin-bottom: -5rem;
}

.-mx-20{
  margin-left: -5rem;
  margin-right: -5rem;
}

.-my-24{
  margin-top: -6rem;
  margin-bottom: -6rem;
}

.-mx-24{
  margin-left: -6rem;
  margin-right: -6rem;
}

.-my-32{
  margin-top: -8rem;
  margin-bottom: -8rem;
}

.-mx-32{
  margin-left: -8rem;
  margin-right: -8rem;
}

.-my-40{
  margin-top: -10rem;
  margin-bottom: -10rem;
}

.-mx-40{
  margin-left: -10rem;
  margin-right: -10rem;
}

.-my-48{
  margin-top: -12rem;
  margin-bottom: -12rem;
}

.-mx-48{
  margin-left: -12rem;
  margin-right: -12rem;
}

.-my-56{
  margin-top: -14rem;
  margin-bottom: -14rem;
}

.-mx-56{
  margin-left: -14rem;
  margin-right: -14rem;
}

.-my-64{
  margin-top: -16rem;
  margin-bottom: -16rem;
}

.-mx-64{
  margin-left: -16rem;
  margin-right: -16rem;
}

.-my-px{
  margin-top: -1px;
  margin-bottom: -1px;
}

.-mx-px{
  margin-left: -1px;
  margin-right: -1px;
}

.mt-0{
  margin-top: 0;
}

.mr-0{
  margin-right: 0;
}

.mb-0{
  margin-bottom: 0;
}

.ml-0{
  margin-left: 0;
}

.mt-1{
  margin-top: 0.25rem;
}

.mr-1{
  margin-right: 0.25rem;
}

.mb-1{
  margin-bottom: 0.25rem;
}

.ml-1{
  margin-left: 0.25rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mr-2{
  margin-right: 0.5rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.ml-2{
  margin-left: 0.5rem;
}

.mt-3{
  margin-top: 0.75rem;
}

.mr-3{
  margin-right: 0.75rem;
}

.mb-3{
  margin-bottom: 0.75rem;
}

.ml-3{
  margin-left: 0.75rem;
}

.mt-4{
  margin-top: 1rem;
}

.mr-4{
  margin-right: 1rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.ml-4{
  margin-left: 1rem;
}

.mt-5{
  margin-top: 1.25rem;
}

.mr-5{
  margin-right: 1.25rem;
}

.mb-5{
  margin-bottom: 1.25rem;
}

.ml-5{
  margin-left: 1.25rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mr-6{
  margin-right: 1.5rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.ml-6{
  margin-left: 1.5rem;
}

.mt-8{
  margin-top: 2rem;
}

.mr-8{
  margin-right: 2rem;
}

.mb-8{
  margin-bottom: 2rem;
}

.ml-8{
  margin-left: 2rem;
}

.mt-10{
  margin-top: 2.5rem;
}

.mr-10{
  margin-right: 2.5rem;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.ml-10{
  margin-left: 2.5rem;
}

.mt-12{
  margin-top: 3rem;
}

.mr-12{
  margin-right: 3rem;
}

.mb-12{
  margin-bottom: 3rem;
}

.ml-12{
  margin-left: 3rem;
}

.mt-16{
  margin-top: 4rem;
}

.mr-16{
  margin-right: 4rem;
}

.mb-16{
  margin-bottom: 4rem;
}

.ml-16{
  margin-left: 4rem;
}

.mt-20{
  margin-top: 5rem;
}

.mr-20{
  margin-right: 5rem;
}

.mb-20{
  margin-bottom: 5rem;
}

.ml-20{
  margin-left: 5rem;
}

.mt-24{
  margin-top: 6rem;
}

.mr-24{
  margin-right: 6rem;
}

.mb-24{
  margin-bottom: 6rem;
}

.ml-24{
  margin-left: 6rem;
}

.mt-32{
  margin-top: 8rem;
}

.mr-32{
  margin-right: 8rem;
}

.mb-32{
  margin-bottom: 8rem;
}

.ml-32{
  margin-left: 8rem;
}

.mt-40{
  margin-top: 10rem;
}

.mr-40{
  margin-right: 10rem;
}

.mb-40{
  margin-bottom: 10rem;
}

.ml-40{
  margin-left: 10rem;
}

.mt-48{
  margin-top: 12rem;
}

.mr-48{
  margin-right: 12rem;
}

.mb-48{
  margin-bottom: 12rem;
}

.ml-48{
  margin-left: 12rem;
}

.mt-56{
  margin-top: 14rem;
}

.mr-56{
  margin-right: 14rem;
}

.mb-56{
  margin-bottom: 14rem;
}

.ml-56{
  margin-left: 14rem;
}

.mt-64{
  margin-top: 16rem;
}

.mr-64{
  margin-right: 16rem;
}

.mb-64{
  margin-bottom: 16rem;
}

.ml-64{
  margin-left: 16rem;
}

.mt-auto{
  margin-top: auto;
}

.mr-auto{
  margin-right: auto;
}

.mb-auto{
  margin-bottom: auto;
}

.ml-auto{
  margin-left: auto;
}

.mt-px{
  margin-top: 1px;
}

.mr-px{
  margin-right: 1px;
}

.mb-px{
  margin-bottom: 1px;
}

.ml-px{
  margin-left: 1px;
}

.-mt-1{
  margin-top: -0.25rem;
}

.-mr-1{
  margin-right: -0.25rem;
}

.-mb-1{
  margin-bottom: -0.25rem;
}

.-ml-1{
  margin-left: -0.25rem;
}

.-mt-2{
  margin-top: -0.5rem;
}

.-mr-2{
  margin-right: -0.5rem;
}

.-mb-2{
  margin-bottom: -0.5rem;
}

.-ml-2{
  margin-left: -0.5rem;
}

.-mt-3{
  margin-top: -0.75rem;
}

.-mr-3{
  margin-right: -0.75rem;
}

.-mb-3{
  margin-bottom: -0.75rem;
}

.-ml-3{
  margin-left: -0.75rem;
}

.-mt-4{
  margin-top: -1rem;
}

.-mr-4{
  margin-right: -1rem;
}

.-mb-4{
  margin-bottom: -1rem;
}

.-ml-4{
  margin-left: -1rem;
}

.-mt-5{
  margin-top: -1.25rem;
}

.-mr-5{
  margin-right: -1.25rem;
}

.-mb-5{
  margin-bottom: -1.25rem;
}

.-ml-5{
  margin-left: -1.25rem;
}

.-mt-6{
  margin-top: -1.5rem;
}

.-mr-6{
  margin-right: -1.5rem;
}

.-mb-6{
  margin-bottom: -1.5rem;
}

.-ml-6{
  margin-left: -1.5rem;
}

.-mt-8{
  margin-top: -2rem;
}

.-mr-8{
  margin-right: -2rem;
}

.-mb-8{
  margin-bottom: -2rem;
}

.-ml-8{
  margin-left: -2rem;
}

.-mt-10{
  margin-top: -2.5rem;
}

.-mr-10{
  margin-right: -2.5rem;
}

.-mb-10{
  margin-bottom: -2.5rem;
}

.-ml-10{
  margin-left: -2.5rem;
}

.-mt-12{
  margin-top: -3rem;
}

.-mr-12{
  margin-right: -3rem;
}

.-mb-12{
  margin-bottom: -3rem;
}

.-ml-12{
  margin-left: -3rem;
}

.-mt-16{
  margin-top: -4rem;
}

.-mr-16{
  margin-right: -4rem;
}

.-mb-16{
  margin-bottom: -4rem;
}

.-ml-16{
  margin-left: -4rem;
}

.-mt-20{
  margin-top: -5rem;
}

.-mr-20{
  margin-right: -5rem;
}

.-mb-20{
  margin-bottom: -5rem;
}

.-ml-20{
  margin-left: -5rem;
}

.-mt-24{
  margin-top: -6rem;
}

.-mr-24{
  margin-right: -6rem;
}

.-mb-24{
  margin-bottom: -6rem;
}

.-ml-24{
  margin-left: -6rem;
}

.-mt-32{
  margin-top: -8rem;
}

.-mr-32{
  margin-right: -8rem;
}

.-mb-32{
  margin-bottom: -8rem;
}

.-ml-32{
  margin-left: -8rem;
}

.-mt-40{
  margin-top: -10rem;
}

.-mr-40{
  margin-right: -10rem;
}

.-mb-40{
  margin-bottom: -10rem;
}

.-ml-40{
  margin-left: -10rem;
}

.-mt-48{
  margin-top: -12rem;
}

.-mr-48{
  margin-right: -12rem;
}

.-mb-48{
  margin-bottom: -12rem;
}

.-ml-48{
  margin-left: -12rem;
}

.-mt-56{
  margin-top: -14rem;
}

.-mr-56{
  margin-right: -14rem;
}

.-mb-56{
  margin-bottom: -14rem;
}

.-ml-56{
  margin-left: -14rem;
}

.-mt-64{
  margin-top: -16rem;
}

.-mr-64{
  margin-right: -16rem;
}

.-mb-64{
  margin-bottom: -16rem;
}

.-ml-64{
  margin-left: -16rem;
}

.-mt-px{
  margin-top: -1px;
}

.-mr-px{
  margin-right: -1px;
}

.-mb-px{
  margin-bottom: -1px;
}

.-ml-px{
  margin-left: -1px;
}

.max-h-full{
  max-height: 100%;
}

.max-h-screen{
  max-height: 100vh;
}

.max-w-none{
  max-width: none;
}

.max-w-xs{
  max-width: 20rem;
}

.max-w-sm{
  max-width: 24rem;
}

.max-w-md{
  max-width: 28rem;
}

.max-w-lg{
  max-width: 32rem;
}

.max-w-xl{
  max-width: 36rem;
}

.max-w-2xl{
  max-width: 42rem;
}

.max-w-3xl{
  max-width: 48rem;
}

.max-w-4xl{
  max-width: 56rem;
}

.max-w-5xl{
  max-width: 64rem;
}

.max-w-6xl{
  max-width: 72rem;
}

.max-w-full{
  max-width: 100%;
}

.max-w-screen-sm{
  max-width: 640px;
}

.max-w-screen-md{
  max-width: 768px;
}

.max-w-screen-lg{
  max-width: 1024px;
}

.max-w-screen-xl{
  max-width: 1280px;
}

.min-h-0{
  min-height: 0;
}

.min-h-full{
  min-height: 100%;
}

.min-h-screen{
  min-height: 100vh;
}

.min-w-0{
  min-width: 0;
}

.min-w-full{
  min-width: 100%;
}

.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.object-fill{
  -o-object-fit: fill;
     object-fit: fill;
}

.object-none{
  -o-object-fit: none;
     object-fit: none;
}

.object-scale-down{
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.object-bottom{
  -o-object-position: bottom;
     object-position: bottom;
}

.object-center{
  -o-object-position: center;
     object-position: center;
}

.object-left{
  -o-object-position: left;
     object-position: left;
}

.object-left-bottom{
  -o-object-position: left bottom;
     object-position: left bottom;
}

.object-left-top{
  -o-object-position: left top;
     object-position: left top;
}

.object-right{
  -o-object-position: right;
     object-position: right;
}

.object-right-bottom{
  -o-object-position: right bottom;
     object-position: right bottom;
}

.object-right-top{
  -o-object-position: right top;
     object-position: right top;
}

.object-top{
  -o-object-position: top;
     object-position: top;
}

.opacity-0{
  opacity: 0;
}

.opacity-25{
  opacity: 0.25;
}

.opacity-50{
  opacity: 0.5;
}

.opacity-75{
  opacity: 0.75;
}

.opacity-100{
  opacity: 1;
}

.hover\:opacity-0:hover{
  opacity: 0;
}

.hover\:opacity-25:hover{
  opacity: 0.25;
}

.hover\:opacity-50:hover{
  opacity: 0.5;
}

.hover\:opacity-75:hover{
  opacity: 0.75;
}

.hover\:opacity-100:hover{
  opacity: 1;
}

.focus\:opacity-0:focus{
  opacity: 0;
}

.focus\:opacity-25:focus{
  opacity: 0.25;
}

.focus\:opacity-50:focus{
  opacity: 0.5;
}

.focus\:opacity-75:focus{
  opacity: 0.75;
}

.focus\:opacity-100:focus{
  opacity: 1;
}

.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline-white{
  outline: 2px dotted white;
  outline-offset: 2px;
}

.outline-black{
  outline: 2px dotted black;
  outline-offset: 2px;
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline-white:focus{
  outline: 2px dotted white;
  outline-offset: 2px;
}

.focus\:outline-black:focus{
  outline: 2px dotted black;
  outline-offset: 2px;
}

.overflow-auto{
  overflow: auto;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-visible{
  overflow: visible;
}

.overflow-scroll{
  overflow: scroll;
}

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

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

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

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

.overflow-x-visible{
  overflow-x: visible;
}

.overflow-y-visible{
  overflow-y: visible;
}

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

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

.scrolling-touch{
  -webkit-overflow-scrolling: touch;
}

.scrolling-auto{
  -webkit-overflow-scrolling: auto;
}

.overscroll-auto{
  overscroll-behavior: auto;
}

.overscroll-contain{
  overscroll-behavior: contain;
}

.overscroll-none{
  overscroll-behavior: none;
}

.overscroll-y-auto{
  overscroll-behavior-y: auto;
}

.overscroll-y-contain{
  overscroll-behavior-y: contain;
}

.overscroll-y-none{
  overscroll-behavior-y: none;
}

.overscroll-x-auto{
  overscroll-behavior-x: auto;
}

.overscroll-x-contain{
  overscroll-behavior-x: contain;
}

.overscroll-x-none{
  overscroll-behavior-x: none;
}

.children\:p-0 > *{
  padding: 0;
}

.children\:p-1 > *{
  padding: 0.25rem;
}

.children\:p-2 > *{
  padding: 0.5rem;
}

.children\:p-3 > *{
  padding: 0.75rem;
}

.children\:p-4 > *{
  padding: 1rem;
}

.children\:p-5 > *{
  padding: 1.25rem;
}

.children\:p-6 > *{
  padding: 1.5rem;
}

.children\:p-8 > *{
  padding: 2rem;
}

.children\:p-10 > *{
  padding: 2.5rem;
}

.children\:p-12 > *{
  padding: 3rem;
}

.children\:p-16 > *{
  padding: 4rem;
}

.children\:p-20 > *{
  padding: 5rem;
}

.children\:p-24 > *{
  padding: 6rem;
}

.children\:p-32 > *{
  padding: 8rem;
}

.children\:p-40 > *{
  padding: 10rem;
}

.children\:p-48 > *{
  padding: 12rem;
}

.children\:p-56 > *{
  padding: 14rem;
}

.children\:p-64 > *{
  padding: 16rem;
}

.children\:p-px > *{
  padding: 1px;
}

.children\:py-0 > *{
  padding-top: 0;
  padding-bottom: 0;
}

.children\:px-0 > *{
  padding-left: 0;
  padding-right: 0;
}

.children\:py-1 > *{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.children\:px-1 > *{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.children\:py-2 > *{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.children\:px-2 > *{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.children\:py-3 > *{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.children\:px-3 > *{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.children\:py-4 > *{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.children\:px-4 > *{
  padding-left: 1rem;
  padding-right: 1rem;
}

.children\:py-5 > *{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.children\:px-5 > *{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.children\:py-6 > *{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.children\:px-6 > *{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.children\:py-8 > *{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.children\:px-8 > *{
  padding-left: 2rem;
  padding-right: 2rem;
}

.children\:py-10 > *{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.children\:px-10 > *{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.children\:py-12 > *{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.children\:px-12 > *{
  padding-left: 3rem;
  padding-right: 3rem;
}

.children\:py-16 > *{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.children\:px-16 > *{
  padding-left: 4rem;
  padding-right: 4rem;
}

.children\:py-20 > *{
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.children\:px-20 > *{
  padding-left: 5rem;
  padding-right: 5rem;
}

.children\:py-24 > *{
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.children\:px-24 > *{
  padding-left: 6rem;
  padding-right: 6rem;
}

.children\:py-32 > *{
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.children\:px-32 > *{
  padding-left: 8rem;
  padding-right: 8rem;
}

.children\:py-40 > *{
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.children\:px-40 > *{
  padding-left: 10rem;
  padding-right: 10rem;
}

.children\:py-48 > *{
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.children\:px-48 > *{
  padding-left: 12rem;
  padding-right: 12rem;
}

.children\:py-56 > *{
  padding-top: 14rem;
  padding-bottom: 14rem;
}

.children\:px-56 > *{
  padding-left: 14rem;
  padding-right: 14rem;
}

.children\:py-64 > *{
  padding-top: 16rem;
  padding-bottom: 16rem;
}

.children\:px-64 > *{
  padding-left: 16rem;
  padding-right: 16rem;
}

.children\:py-px > *{
  padding-top: 1px;
  padding-bottom: 1px;
}

.children\:px-px > *{
  padding-left: 1px;
  padding-right: 1px;
}

.children\:pt-0 > *{
  padding-top: 0;
}

.children\:pr-0 > *{
  padding-right: 0;
}

.children\:pb-0 > *{
  padding-bottom: 0;
}

.children\:pl-0 > *{
  padding-left: 0;
}

.children\:pt-1 > *{
  padding-top: 0.25rem;
}

.children\:pr-1 > *{
  padding-right: 0.25rem;
}

.children\:pb-1 > *{
  padding-bottom: 0.25rem;
}

.children\:pl-1 > *{
  padding-left: 0.25rem;
}

.children\:pt-2 > *{
  padding-top: 0.5rem;
}

.children\:pr-2 > *{
  padding-right: 0.5rem;
}

.children\:pb-2 > *{
  padding-bottom: 0.5rem;
}

.children\:pl-2 > *{
  padding-left: 0.5rem;
}

.children\:pt-3 > *{
  padding-top: 0.75rem;
}

.children\:pr-3 > *{
  padding-right: 0.75rem;
}

.children\:pb-3 > *{
  padding-bottom: 0.75rem;
}

.children\:pl-3 > *{
  padding-left: 0.75rem;
}

.children\:pt-4 > *{
  padding-top: 1rem;
}

.children\:pr-4 > *{
  padding-right: 1rem;
}

.children\:pb-4 > *{
  padding-bottom: 1rem;
}

.children\:pl-4 > *{
  padding-left: 1rem;
}

.children\:pt-5 > *{
  padding-top: 1.25rem;
}

.children\:pr-5 > *{
  padding-right: 1.25rem;
}

.children\:pb-5 > *{
  padding-bottom: 1.25rem;
}

.children\:pl-5 > *{
  padding-left: 1.25rem;
}

.children\:pt-6 > *{
  padding-top: 1.5rem;
}

.children\:pr-6 > *{
  padding-right: 1.5rem;
}

.children\:pb-6 > *{
  padding-bottom: 1.5rem;
}

.children\:pl-6 > *{
  padding-left: 1.5rem;
}

.children\:pt-8 > *{
  padding-top: 2rem;
}

.children\:pr-8 > *{
  padding-right: 2rem;
}

.children\:pb-8 > *{
  padding-bottom: 2rem;
}

.children\:pl-8 > *{
  padding-left: 2rem;
}

.children\:pt-10 > *{
  padding-top: 2.5rem;
}

.children\:pr-10 > *{
  padding-right: 2.5rem;
}

.children\:pb-10 > *{
  padding-bottom: 2.5rem;
}

.children\:pl-10 > *{
  padding-left: 2.5rem;
}

.children\:pt-12 > *{
  padding-top: 3rem;
}

.children\:pr-12 > *{
  padding-right: 3rem;
}

.children\:pb-12 > *{
  padding-bottom: 3rem;
}

.children\:pl-12 > *{
  padding-left: 3rem;
}

.children\:pt-16 > *{
  padding-top: 4rem;
}

.children\:pr-16 > *{
  padding-right: 4rem;
}

.children\:pb-16 > *{
  padding-bottom: 4rem;
}

.children\:pl-16 > *{
  padding-left: 4rem;
}

.children\:pt-20 > *{
  padding-top: 5rem;
}

.children\:pr-20 > *{
  padding-right: 5rem;
}

.children\:pb-20 > *{
  padding-bottom: 5rem;
}

.children\:pl-20 > *{
  padding-left: 5rem;
}

.children\:pt-24 > *{
  padding-top: 6rem;
}

.children\:pr-24 > *{
  padding-right: 6rem;
}

.children\:pb-24 > *{
  padding-bottom: 6rem;
}

.children\:pl-24 > *{
  padding-left: 6rem;
}

.children\:pt-32 > *{
  padding-top: 8rem;
}

.children\:pr-32 > *{
  padding-right: 8rem;
}

.children\:pb-32 > *{
  padding-bottom: 8rem;
}

.children\:pl-32 > *{
  padding-left: 8rem;
}

.children\:pt-40 > *{
  padding-top: 10rem;
}

.children\:pr-40 > *{
  padding-right: 10rem;
}

.children\:pb-40 > *{
  padding-bottom: 10rem;
}

.children\:pl-40 > *{
  padding-left: 10rem;
}

.children\:pt-48 > *{
  padding-top: 12rem;
}

.children\:pr-48 > *{
  padding-right: 12rem;
}

.children\:pb-48 > *{
  padding-bottom: 12rem;
}

.children\:pl-48 > *{
  padding-left: 12rem;
}

.children\:pt-56 > *{
  padding-top: 14rem;
}

.children\:pr-56 > *{
  padding-right: 14rem;
}

.children\:pb-56 > *{
  padding-bottom: 14rem;
}

.children\:pl-56 > *{
  padding-left: 14rem;
}

.children\:pt-64 > *{
  padding-top: 16rem;
}

.children\:pr-64 > *{
  padding-right: 16rem;
}

.children\:pb-64 > *{
  padding-bottom: 16rem;
}

.children\:pl-64 > *{
  padding-left: 16rem;
}

.children\:pt-px > *{
  padding-top: 1px;
}

.children\:pr-px > *{
  padding-right: 1px;
}

.children\:pb-px > *{
  padding-bottom: 1px;
}

.children\:pl-px > *{
  padding-left: 1px;
}

.p-0{
  padding: 0;
}

.p-1{
  padding: 0.25rem;
}

.p-2{
  padding: 0.5rem;
}

.p-3{
  padding: 0.75rem;
}

.p-4{
  padding: 1rem;
}

.p-5{
  padding: 1.25rem;
}

.p-6{
  padding: 1.5rem;
}

.p-8{
  padding: 2rem;
}

.p-10{
  padding: 2.5rem;
}

.p-12{
  padding: 3rem;
}

.p-16{
  padding: 4rem;
}

.p-20{
  padding: 5rem;
}

.p-24{
  padding: 6rem;
}

.p-32{
  padding: 8rem;
}

.p-40{
  padding: 10rem;
}

.p-48{
  padding: 12rem;
}

.p-56{
  padding: 14rem;
}

.p-64{
  padding: 16rem;
}

.p-px{
  padding: 1px;
}

.py-0{
  padding-top: 0;
  padding-bottom: 0;
}

.px-0{
  padding-left: 0;
  padding-right: 0;
}

.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.px-12{
  padding-left: 3rem;
  padding-right: 3rem;
}

.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.px-16{
  padding-left: 4rem;
  padding-right: 4rem;
}

.py-20{
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.px-20{
  padding-left: 5rem;
  padding-right: 5rem;
}

.py-24{
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.px-24{
  padding-left: 6rem;
  padding-right: 6rem;
}

.py-32{
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.px-32{
  padding-left: 8rem;
  padding-right: 8rem;
}

.py-40{
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.px-40{
  padding-left: 10rem;
  padding-right: 10rem;
}

.py-48{
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.px-48{
  padding-left: 12rem;
  padding-right: 12rem;
}

.py-56{
  padding-top: 14rem;
  padding-bottom: 14rem;
}

.px-56{
  padding-left: 14rem;
  padding-right: 14rem;
}

.py-64{
  padding-top: 16rem;
  padding-bottom: 16rem;
}

.px-64{
  padding-left: 16rem;
  padding-right: 16rem;
}

.py-px{
  padding-top: 1px;
  padding-bottom: 1px;
}

.px-px{
  padding-left: 1px;
  padding-right: 1px;
}

.pt-0{
  padding-top: 0;
}

.pr-0{
  padding-right: 0;
}

.pb-0{
  padding-bottom: 0;
}

.pl-0{
  padding-left: 0;
}

.pt-1{
  padding-top: 0.25rem;
}

.pr-1{
  padding-right: 0.25rem;
}

.pb-1{
  padding-bottom: 0.25rem;
}

.pl-1{
  padding-left: 0.25rem;
}

.pt-2{
  padding-top: 0.5rem;
}

.pr-2{
  padding-right: 0.5rem;
}

.pb-2{
  padding-bottom: 0.5rem;
}

.pl-2{
  padding-left: 0.5rem;
}

.pt-3{
  padding-top: 0.75rem;
}

.pr-3{
  padding-right: 0.75rem;
}

.pb-3{
  padding-bottom: 0.75rem;
}

.pl-3{
  padding-left: 0.75rem;
}

.pt-4{
  padding-top: 1rem;
}

.pr-4{
  padding-right: 1rem;
}

.pb-4{
  padding-bottom: 1rem;
}

.pl-4{
  padding-left: 1rem;
}

.pt-5{
  padding-top: 1.25rem;
}

.pr-5{
  padding-right: 1.25rem;
}

.pb-5{
  padding-bottom: 1.25rem;
}

.pl-5{
  padding-left: 1.25rem;
}

.pt-6{
  padding-top: 1.5rem;
}

.pr-6{
  padding-right: 1.5rem;
}

.pb-6{
  padding-bottom: 1.5rem;
}

.pl-6{
  padding-left: 1.5rem;
}

.pt-8{
  padding-top: 2rem;
}

.pr-8{
  padding-right: 2rem;
}

.pb-8{
  padding-bottom: 2rem;
}

.pl-8{
  padding-left: 2rem;
}

.pt-10{
  padding-top: 2.5rem;
}

.pr-10{
  padding-right: 2.5rem;
}

.pb-10{
  padding-bottom: 2.5rem;
}

.pl-10{
  padding-left: 2.5rem;
}

.pt-12{
  padding-top: 3rem;
}

.pr-12{
  padding-right: 3rem;
}

.pb-12{
  padding-bottom: 3rem;
}

.pl-12{
  padding-left: 3rem;
}

.pt-16{
  padding-top: 4rem;
}

.pr-16{
  padding-right: 4rem;
}

.pb-16{
  padding-bottom: 4rem;
}

.pl-16{
  padding-left: 4rem;
}

.pt-20{
  padding-top: 5rem;
}

.pr-20{
  padding-right: 5rem;
}

.pb-20{
  padding-bottom: 5rem;
}

.pl-20{
  padding-left: 5rem;
}

.pt-24{
  padding-top: 6rem;
}

.pr-24{
  padding-right: 6rem;
}

.pb-24{
  padding-bottom: 6rem;
}

.pl-24{
  padding-left: 6rem;
}

.pt-32{
  padding-top: 8rem;
}

.pr-32{
  padding-right: 8rem;
}

.pb-32{
  padding-bottom: 8rem;
}

.pl-32{
  padding-left: 8rem;
}

.pt-40{
  padding-top: 10rem;
}

.pr-40{
  padding-right: 10rem;
}

.pb-40{
  padding-bottom: 10rem;
}

.pl-40{
  padding-left: 10rem;
}

.pt-48{
  padding-top: 12rem;
}

.pr-48{
  padding-right: 12rem;
}

.pb-48{
  padding-bottom: 12rem;
}

.pl-48{
  padding-left: 12rem;
}

.pt-56{
  padding-top: 14rem;
}

.pr-56{
  padding-right: 14rem;
}

.pb-56{
  padding-bottom: 14rem;
}

.pl-56{
  padding-left: 14rem;
}

.pt-64{
  padding-top: 16rem;
}

.pr-64{
  padding-right: 16rem;
}

.pb-64{
  padding-bottom: 16rem;
}

.pl-64{
  padding-left: 16rem;
}

.pt-px{
  padding-top: 1px;
}

.pr-px{
  padding-right: 1px;
}

.pb-px{
  padding-bottom: 1px;
}

.pl-px{
  padding-left: 1px;
}

.placeholder-blue-bright::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #0B69A3;
  color: rgba(11, 105, 163, var(--placeholder-opacity));
}

.placeholder-blue-bright::placeholder{
  --placeholder-opacity: 1;
  color: #0B69A3;
  color: rgba(11, 105, 163, var(--placeholder-opacity));
}

.placeholder-blue-light::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #B3ECFF;
  color: rgba(179, 236, 255, var(--placeholder-opacity));
}

.placeholder-blue-light::placeholder{
  --placeholder-opacity: 1;
  color: #B3ECFF;
  color: rgba(179, 236, 255, var(--placeholder-opacity));
}

.placeholder-blue-pale::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #DCEEFB;
  color: rgba(220, 238, 251, var(--placeholder-opacity));
}

.placeholder-blue-pale::placeholder{
  --placeholder-opacity: 1;
  color: #DCEEFB;
  color: rgba(220, 238, 251, var(--placeholder-opacity));
}

.placeholder-blue-deep::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #035388;
  color: rgba(3, 83, 136, var(--placeholder-opacity));
}

.placeholder-blue-deep::placeholder{
  --placeholder-opacity: 1;
  color: #035388;
  color: rgba(3, 83, 136, var(--placeholder-opacity));
}

.placeholder-blue-hilight::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #5ed0fa;
  color: rgba(94, 208, 250, var(--placeholder-opacity));
}

.placeholder-blue-hilight::placeholder{
  --placeholder-opacity: 1;
  color: #5ed0fa;
  color: rgba(94, 208, 250, var(--placeholder-opacity));
}

.placeholder-blue-med::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #1992d4;
  color: rgba(25, 146, 212, var(--placeholder-opacity));
}

.placeholder-blue-med::placeholder{
  --placeholder-opacity: 1;
  color: #1992d4;
  color: rgba(25, 146, 212, var(--placeholder-opacity));
}

.placeholder-blue-dark::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #003e6b;
  color: rgba(0, 62, 107, var(--placeholder-opacity));
}

.placeholder-blue-dark::placeholder{
  --placeholder-opacity: 1;
  color: #003e6b;
  color: rgba(0, 62, 107, var(--placeholder-opacity));
}

.placeholder-gray-100::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #f0f4f8;
  color: rgba(240, 244, 248, var(--placeholder-opacity));
}

.placeholder-gray-100::placeholder{
  --placeholder-opacity: 1;
  color: #f0f4f8;
  color: rgba(240, 244, 248, var(--placeholder-opacity));
}

.placeholder-gray-200::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #d9d9d9;
  color: rgba(217, 217, 217, var(--placeholder-opacity));
}

.placeholder-gray-200::placeholder{
  --placeholder-opacity: 1;
  color: #d9d9d9;
  color: rgba(217, 217, 217, var(--placeholder-opacity));
}

.placeholder-gray-300::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #bcccdc;
  color: rgba(188, 204, 220, var(--placeholder-opacity));
}

.placeholder-gray-300::placeholder{
  --placeholder-opacity: 1;
  color: #bcccdc;
  color: rgba(188, 204, 220, var(--placeholder-opacity));
}

.placeholder-gray-500::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #627d98;
  color: rgba(98, 125, 152, var(--placeholder-opacity));
}

.placeholder-gray-500::placeholder{
  --placeholder-opacity: 1;
  color: #627d98;
  color: rgba(98, 125, 152, var(--placeholder-opacity));
}

.placeholder-gray-600::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #334e68;
  color: rgba(51, 78, 104, var(--placeholder-opacity));
}

.placeholder-gray-600::placeholder{
  --placeholder-opacity: 1;
  color: #334e68;
  color: rgba(51, 78, 104, var(--placeholder-opacity));
}

.placeholder-gray-700::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #243b53;
  color: rgba(36, 59, 83, var(--placeholder-opacity));
}

.placeholder-gray-700::placeholder{
  --placeholder-opacity: 1;
  color: #243b53;
  color: rgba(36, 59, 83, var(--placeholder-opacity));
}

.placeholder-gray-900::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #102a43;
  color: rgba(16, 42, 67, var(--placeholder-opacity));
}

.placeholder-gray-900::placeholder{
  --placeholder-opacity: 1;
  color: #102a43;
  color: rgba(16, 42, 67, var(--placeholder-opacity));
}

.placeholder-magenta-dark::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #8f4731;
  color: rgba(143, 71, 49, var(--placeholder-opacity));
}

.placeholder-magenta-dark::placeholder{
  --placeholder-opacity: 1;
  color: #8f4731;
  color: rgba(143, 71, 49, var(--placeholder-opacity));
}

.placeholder-magenta-bright::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #9C4429;
  color: rgba(156, 68, 41, var(--placeholder-opacity));
}

.placeholder-magenta-bright::placeholder{
  --placeholder-opacity: 1;
  color: #9C4429;
  color: rgba(156, 68, 41, var(--placeholder-opacity));
}

.placeholder-magenta-hilight::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #CC522D;
  color: rgba(204, 82, 45, var(--placeholder-opacity));
}

.placeholder-magenta-hilight::placeholder{
  --placeholder-opacity: 1;
  color: #CC522D;
  color: rgba(204, 82, 45, var(--placeholder-opacity));
}

.placeholder-teal-dark::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #2d5b6b;
  color: rgba(45, 91, 107, var(--placeholder-opacity));
}

.placeholder-teal-dark::placeholder{
  --placeholder-opacity: 1;
  color: #2d5b6b;
  color: rgba(45, 91, 107, var(--placeholder-opacity));
}

.placeholder-teal-bright::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #2B738C;
  color: rgba(43, 115, 140, var(--placeholder-opacity));
}

.placeholder-teal-bright::placeholder{
  --placeholder-opacity: 1;
  color: #2B738C;
  color: rgba(43, 115, 140, var(--placeholder-opacity));
}

.placeholder-teal-hilight::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #3CA1C4;
  color: rgba(60, 161, 196, var(--placeholder-opacity));
}

.placeholder-teal-hilight::placeholder{
  --placeholder-opacity: 1;
  color: #3CA1C4;
  color: rgba(60, 161, 196, var(--placeholder-opacity));
}

.placeholder-mustard-dark::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #c47a53;
  color: rgba(196, 122, 83, var(--placeholder-opacity));
}

.placeholder-mustard-dark::placeholder{
  --placeholder-opacity: 1;
  color: #c47a53;
  color: rgba(196, 122, 83, var(--placeholder-opacity));
}

.placeholder-mustard-bright::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #E07C48;
  color: rgba(224, 124, 72, var(--placeholder-opacity));
}

.placeholder-mustard-bright::placeholder{
  --placeholder-opacity: 1;
  color: #E07C48;
  color: rgba(224, 124, 72, var(--placeholder-opacity));
}

.placeholder-mustard-hilight::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #FF7015;
  color: rgba(255, 112, 21, var(--placeholder-opacity));
}

.placeholder-mustard-hilight::placeholder{
  --placeholder-opacity: 1;
  color: #FF7015;
  color: rgba(255, 112, 21, var(--placeholder-opacity));
}

.placeholder-purple-dark::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #6b2d5b;
  color: rgba(107, 45, 91, var(--placeholder-opacity));
}

.placeholder-purple-dark::placeholder{
  --placeholder-opacity: 1;
  color: #6b2d5b;
  color: rgba(107, 45, 91, var(--placeholder-opacity));
}

.placeholder-purple-bright::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #8D2B74;
  color: rgba(141, 43, 116, var(--placeholder-opacity));
}

.placeholder-purple-bright::placeholder{
  --placeholder-opacity: 1;
  color: #8D2B74;
  color: rgba(141, 43, 116, var(--placeholder-opacity));
}

.placeholder-purple-hilight::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #C0339C;
  color: rgba(192, 51, 156, var(--placeholder-opacity));
}

.placeholder-purple-hilight::placeholder{
  --placeholder-opacity: 1;
  color: #C0339C;
  color: rgba(192, 51, 156, var(--placeholder-opacity));
}

.placeholder-purple-bookshop::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #584199;
  color: rgba(88, 65, 153, var(--placeholder-opacity));
}

.placeholder-purple-bookshop::placeholder{
  --placeholder-opacity: 1;
  color: #584199;
  color: rgba(88, 65, 153, var(--placeholder-opacity));
}

.placeholder-green-dark::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #7b7d2a;
  color: rgba(123, 125, 42, var(--placeholder-opacity));
}

.placeholder-green-dark::placeholder{
  --placeholder-opacity: 1;
  color: #7b7d2a;
  color: rgba(123, 125, 42, var(--placeholder-opacity));
}

.placeholder-green-bright::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #8F9220;
  color: rgba(143, 146, 32, var(--placeholder-opacity));
}

.placeholder-green-bright::placeholder{
  --placeholder-opacity: 1;
  color: #8F9220;
  color: rgba(143, 146, 32, var(--placeholder-opacity));
}

.placeholder-green-hilight::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #B4B72A;
  color: rgba(180, 183, 42, var(--placeholder-opacity));
}

.placeholder-green-hilight::placeholder{
  --placeholder-opacity: 1;
  color: #B4B72A;
  color: rgba(180, 183, 42, var(--placeholder-opacity));
}

.placeholder-navy-dark::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #52494c;
  color: rgba(82, 73, 76, var(--placeholder-opacity));
}

.placeholder-navy-dark::placeholder{
  --placeholder-opacity: 1;
  color: #52494c;
  color: rgba(82, 73, 76, var(--placeholder-opacity));
}

.placeholder-navy-bright::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #6D565E;
  color: rgba(109, 86, 94, var(--placeholder-opacity));
}

.placeholder-navy-bright::placeholder{
  --placeholder-opacity: 1;
  color: #6D565E;
  color: rgba(109, 86, 94, var(--placeholder-opacity));
}

.placeholder-navy-hilight::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #8A6A75;
  color: rgba(138, 106, 117, var(--placeholder-opacity));
}

.placeholder-navy-hilight::placeholder{
  --placeholder-opacity: 1;
  color: #8A6A75;
  color: rgba(138, 106, 117, var(--placeholder-opacity));
}

.placeholder-transparent::-moz-placeholder{
  color: transparent;
}

.placeholder-transparent::placeholder{
  color: transparent;
}

.placeholder-black::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #101010;
  color: rgba(16, 16, 16, var(--placeholder-opacity));
}

.placeholder-black::placeholder{
  --placeholder-opacity: 1;
  color: #101010;
  color: rgba(16, 16, 16, var(--placeholder-opacity));
}

.placeholder-white::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.placeholder-white::placeholder{
  --placeholder-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.placeholder-red::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #E12D39;
  color: rgba(225, 45, 57, var(--placeholder-opacity));
}

.placeholder-red::placeholder{
  --placeholder-opacity: 1;
  color: #E12D39;
  color: rgba(225, 45, 57, var(--placeholder-opacity));
}

.focus\:placeholder-blue-bright:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #0B69A3;
  color: rgba(11, 105, 163, var(--placeholder-opacity));
}

.focus\:placeholder-blue-bright:focus::placeholder{
  --placeholder-opacity: 1;
  color: #0B69A3;
  color: rgba(11, 105, 163, var(--placeholder-opacity));
}

.focus\:placeholder-blue-light:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #B3ECFF;
  color: rgba(179, 236, 255, var(--placeholder-opacity));
}

.focus\:placeholder-blue-light:focus::placeholder{
  --placeholder-opacity: 1;
  color: #B3ECFF;
  color: rgba(179, 236, 255, var(--placeholder-opacity));
}

.focus\:placeholder-blue-pale:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #DCEEFB;
  color: rgba(220, 238, 251, var(--placeholder-opacity));
}

.focus\:placeholder-blue-pale:focus::placeholder{
  --placeholder-opacity: 1;
  color: #DCEEFB;
  color: rgba(220, 238, 251, var(--placeholder-opacity));
}

.focus\:placeholder-blue-deep:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #035388;
  color: rgba(3, 83, 136, var(--placeholder-opacity));
}

.focus\:placeholder-blue-deep:focus::placeholder{
  --placeholder-opacity: 1;
  color: #035388;
  color: rgba(3, 83, 136, var(--placeholder-opacity));
}

.focus\:placeholder-blue-hilight:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #5ed0fa;
  color: rgba(94, 208, 250, var(--placeholder-opacity));
}

.focus\:placeholder-blue-hilight:focus::placeholder{
  --placeholder-opacity: 1;
  color: #5ed0fa;
  color: rgba(94, 208, 250, var(--placeholder-opacity));
}

.focus\:placeholder-blue-med:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #1992d4;
  color: rgba(25, 146, 212, var(--placeholder-opacity));
}

.focus\:placeholder-blue-med:focus::placeholder{
  --placeholder-opacity: 1;
  color: #1992d4;
  color: rgba(25, 146, 212, var(--placeholder-opacity));
}

.focus\:placeholder-blue-dark:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #003e6b;
  color: rgba(0, 62, 107, var(--placeholder-opacity));
}

.focus\:placeholder-blue-dark:focus::placeholder{
  --placeholder-opacity: 1;
  color: #003e6b;
  color: rgba(0, 62, 107, var(--placeholder-opacity));
}

.focus\:placeholder-gray-100:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #f0f4f8;
  color: rgba(240, 244, 248, var(--placeholder-opacity));
}

.focus\:placeholder-gray-100:focus::placeholder{
  --placeholder-opacity: 1;
  color: #f0f4f8;
  color: rgba(240, 244, 248, var(--placeholder-opacity));
}

.focus\:placeholder-gray-200:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #d9d9d9;
  color: rgba(217, 217, 217, var(--placeholder-opacity));
}

.focus\:placeholder-gray-200:focus::placeholder{
  --placeholder-opacity: 1;
  color: #d9d9d9;
  color: rgba(217, 217, 217, var(--placeholder-opacity));
}

.focus\:placeholder-gray-300:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #bcccdc;
  color: rgba(188, 204, 220, var(--placeholder-opacity));
}

.focus\:placeholder-gray-300:focus::placeholder{
  --placeholder-opacity: 1;
  color: #bcccdc;
  color: rgba(188, 204, 220, var(--placeholder-opacity));
}

.focus\:placeholder-gray-500:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #627d98;
  color: rgba(98, 125, 152, var(--placeholder-opacity));
}

.focus\:placeholder-gray-500:focus::placeholder{
  --placeholder-opacity: 1;
  color: #627d98;
  color: rgba(98, 125, 152, var(--placeholder-opacity));
}

.focus\:placeholder-gray-600:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #334e68;
  color: rgba(51, 78, 104, var(--placeholder-opacity));
}

.focus\:placeholder-gray-600:focus::placeholder{
  --placeholder-opacity: 1;
  color: #334e68;
  color: rgba(51, 78, 104, var(--placeholder-opacity));
}

.focus\:placeholder-gray-700:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #243b53;
  color: rgba(36, 59, 83, var(--placeholder-opacity));
}

.focus\:placeholder-gray-700:focus::placeholder{
  --placeholder-opacity: 1;
  color: #243b53;
  color: rgba(36, 59, 83, var(--placeholder-opacity));
}

.focus\:placeholder-gray-900:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #102a43;
  color: rgba(16, 42, 67, var(--placeholder-opacity));
}

.focus\:placeholder-gray-900:focus::placeholder{
  --placeholder-opacity: 1;
  color: #102a43;
  color: rgba(16, 42, 67, var(--placeholder-opacity));
}

.focus\:placeholder-magenta-dark:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #8f4731;
  color: rgba(143, 71, 49, var(--placeholder-opacity));
}

.focus\:placeholder-magenta-dark:focus::placeholder{
  --placeholder-opacity: 1;
  color: #8f4731;
  color: rgba(143, 71, 49, var(--placeholder-opacity));
}

.focus\:placeholder-magenta-bright:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #9C4429;
  color: rgba(156, 68, 41, var(--placeholder-opacity));
}

.focus\:placeholder-magenta-bright:focus::placeholder{
  --placeholder-opacity: 1;
  color: #9C4429;
  color: rgba(156, 68, 41, var(--placeholder-opacity));
}

.focus\:placeholder-magenta-hilight:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #CC522D;
  color: rgba(204, 82, 45, var(--placeholder-opacity));
}

.focus\:placeholder-magenta-hilight:focus::placeholder{
  --placeholder-opacity: 1;
  color: #CC522D;
  color: rgba(204, 82, 45, var(--placeholder-opacity));
}

.focus\:placeholder-teal-dark:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #2d5b6b;
  color: rgba(45, 91, 107, var(--placeholder-opacity));
}

.focus\:placeholder-teal-dark:focus::placeholder{
  --placeholder-opacity: 1;
  color: #2d5b6b;
  color: rgba(45, 91, 107, var(--placeholder-opacity));
}

.focus\:placeholder-teal-bright:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #2B738C;
  color: rgba(43, 115, 140, var(--placeholder-opacity));
}

.focus\:placeholder-teal-bright:focus::placeholder{
  --placeholder-opacity: 1;
  color: #2B738C;
  color: rgba(43, 115, 140, var(--placeholder-opacity));
}

.focus\:placeholder-teal-hilight:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #3CA1C4;
  color: rgba(60, 161, 196, var(--placeholder-opacity));
}

.focus\:placeholder-teal-hilight:focus::placeholder{
  --placeholder-opacity: 1;
  color: #3CA1C4;
  color: rgba(60, 161, 196, var(--placeholder-opacity));
}

.focus\:placeholder-mustard-dark:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #c47a53;
  color: rgba(196, 122, 83, var(--placeholder-opacity));
}

.focus\:placeholder-mustard-dark:focus::placeholder{
  --placeholder-opacity: 1;
  color: #c47a53;
  color: rgba(196, 122, 83, var(--placeholder-opacity));
}

.focus\:placeholder-mustard-bright:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #E07C48;
  color: rgba(224, 124, 72, var(--placeholder-opacity));
}

.focus\:placeholder-mustard-bright:focus::placeholder{
  --placeholder-opacity: 1;
  color: #E07C48;
  color: rgba(224, 124, 72, var(--placeholder-opacity));
}

.focus\:placeholder-mustard-hilight:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #FF7015;
  color: rgba(255, 112, 21, var(--placeholder-opacity));
}

.focus\:placeholder-mustard-hilight:focus::placeholder{
  --placeholder-opacity: 1;
  color: #FF7015;
  color: rgba(255, 112, 21, var(--placeholder-opacity));
}

.focus\:placeholder-purple-dark:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #6b2d5b;
  color: rgba(107, 45, 91, var(--placeholder-opacity));
}

.focus\:placeholder-purple-dark:focus::placeholder{
  --placeholder-opacity: 1;
  color: #6b2d5b;
  color: rgba(107, 45, 91, var(--placeholder-opacity));
}

.focus\:placeholder-purple-bright:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #8D2B74;
  color: rgba(141, 43, 116, var(--placeholder-opacity));
}

.focus\:placeholder-purple-bright:focus::placeholder{
  --placeholder-opacity: 1;
  color: #8D2B74;
  color: rgba(141, 43, 116, var(--placeholder-opacity));
}

.focus\:placeholder-purple-hilight:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #C0339C;
  color: rgba(192, 51, 156, var(--placeholder-opacity));
}

.focus\:placeholder-purple-hilight:focus::placeholder{
  --placeholder-opacity: 1;
  color: #C0339C;
  color: rgba(192, 51, 156, var(--placeholder-opacity));
}

.focus\:placeholder-purple-bookshop:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #584199;
  color: rgba(88, 65, 153, var(--placeholder-opacity));
}

.focus\:placeholder-purple-bookshop:focus::placeholder{
  --placeholder-opacity: 1;
  color: #584199;
  color: rgba(88, 65, 153, var(--placeholder-opacity));
}

.focus\:placeholder-green-dark:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #7b7d2a;
  color: rgba(123, 125, 42, var(--placeholder-opacity));
}

.focus\:placeholder-green-dark:focus::placeholder{
  --placeholder-opacity: 1;
  color: #7b7d2a;
  color: rgba(123, 125, 42, var(--placeholder-opacity));
}

.focus\:placeholder-green-bright:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #8F9220;
  color: rgba(143, 146, 32, var(--placeholder-opacity));
}

.focus\:placeholder-green-bright:focus::placeholder{
  --placeholder-opacity: 1;
  color: #8F9220;
  color: rgba(143, 146, 32, var(--placeholder-opacity));
}

.focus\:placeholder-green-hilight:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #B4B72A;
  color: rgba(180, 183, 42, var(--placeholder-opacity));
}

.focus\:placeholder-green-hilight:focus::placeholder{
  --placeholder-opacity: 1;
  color: #B4B72A;
  color: rgba(180, 183, 42, var(--placeholder-opacity));
}

.focus\:placeholder-navy-dark:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #52494c;
  color: rgba(82, 73, 76, var(--placeholder-opacity));
}

.focus\:placeholder-navy-dark:focus::placeholder{
  --placeholder-opacity: 1;
  color: #52494c;
  color: rgba(82, 73, 76, var(--placeholder-opacity));
}

.focus\:placeholder-navy-bright:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #6D565E;
  color: rgba(109, 86, 94, var(--placeholder-opacity));
}

.focus\:placeholder-navy-bright:focus::placeholder{
  --placeholder-opacity: 1;
  color: #6D565E;
  color: rgba(109, 86, 94, var(--placeholder-opacity));
}

.focus\:placeholder-navy-hilight:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #8A6A75;
  color: rgba(138, 106, 117, var(--placeholder-opacity));
}

.focus\:placeholder-navy-hilight:focus::placeholder{
  --placeholder-opacity: 1;
  color: #8A6A75;
  color: rgba(138, 106, 117, var(--placeholder-opacity));
}

.focus\:placeholder-transparent:focus::-moz-placeholder{
  color: transparent;
}

.focus\:placeholder-transparent:focus::placeholder{
  color: transparent;
}

.focus\:placeholder-black:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #101010;
  color: rgba(16, 16, 16, var(--placeholder-opacity));
}

.focus\:placeholder-black:focus::placeholder{
  --placeholder-opacity: 1;
  color: #101010;
  color: rgba(16, 16, 16, var(--placeholder-opacity));
}

.focus\:placeholder-white:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.focus\:placeholder-white:focus::placeholder{
  --placeholder-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--placeholder-opacity));
}

.focus\:placeholder-red:focus::-moz-placeholder{
  --placeholder-opacity: 1;
  color: #E12D39;
  color: rgba(225, 45, 57, var(--placeholder-opacity));
}

.focus\:placeholder-red:focus::placeholder{
  --placeholder-opacity: 1;
  color: #E12D39;
  color: rgba(225, 45, 57, var(--placeholder-opacity));
}

.placeholder-opacity-0::-moz-placeholder{
  --placeholder-opacity: 0;
}

.placeholder-opacity-0::placeholder{
  --placeholder-opacity: 0;
}

.placeholder-opacity-25::-moz-placeholder{
  --placeholder-opacity: 0.25;
}

.placeholder-opacity-25::placeholder{
  --placeholder-opacity: 0.25;
}

.placeholder-opacity-50::-moz-placeholder{
  --placeholder-opacity: 0.5;
}

.placeholder-opacity-50::placeholder{
  --placeholder-opacity: 0.5;
}

.placeholder-opacity-75::-moz-placeholder{
  --placeholder-opacity: 0.75;
}

.placeholder-opacity-75::placeholder{
  --placeholder-opacity: 0.75;
}

.placeholder-opacity-100::-moz-placeholder{
  --placeholder-opacity: 1;
}

.placeholder-opacity-100::placeholder{
  --placeholder-opacity: 1;
}

.focus\:placeholder-opacity-0:focus::-moz-placeholder{
  --placeholder-opacity: 0;
}

.focus\:placeholder-opacity-0:focus::placeholder{
  --placeholder-opacity: 0;
}

.focus\:placeholder-opacity-25:focus::-moz-placeholder{
  --placeholder-opacity: 0.25;
}

.focus\:placeholder-opacity-25:focus::placeholder{
  --placeholder-opacity: 0.25;
}

.focus\:placeholder-opacity-50:focus::-moz-placeholder{
  --placeholder-opacity: 0.5;
}

.focus\:placeholder-opacity-50:focus::placeholder{
  --placeholder-opacity: 0.5;
}

.focus\:placeholder-opacity-75:focus::-moz-placeholder{
  --placeholder-opacity: 0.75;
}

.focus\:placeholder-opacity-75:focus::placeholder{
  --placeholder-opacity: 0.75;
}

.focus\:placeholder-opacity-100:focus::-moz-placeholder{
  --placeholder-opacity: 1;
}

.focus\:placeholder-opacity-100:focus::placeholder{
  --placeholder-opacity: 1;
}

.pointer-events-none{
  pointer-events: none;
}

.pointer-events-auto{
  pointer-events: auto;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

.inset-0{
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.inset-auto{
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.inset-y-0{
  top: 0;
  bottom: 0;
}

.inset-x-0{
  right: 0;
  left: 0;
}

.inset-y-auto{
  top: auto;
  bottom: auto;
}

.inset-x-auto{
  right: auto;
  left: auto;
}

.top-0{
  top: 0;
}

.right-0{
  right: 0;
}

.bottom-0{
  bottom: 0;
}

.left-0{
  left: 0;
}

.top-auto{
  top: auto;
}

.right-auto{
  right: auto;
}

.bottom-auto{
  bottom: auto;
}

.left-auto{
  left: auto;
}

.resize-none{
  resize: none;
}

.resize-y{
  resize: vertical;
}

.resize-x{
  resize: horizontal;
}

.resize{
  resize: both;
}

.shadow-xs{
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.shadow-sm{
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.shadow{
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-md{
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-lg{
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-xl{
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-2xl{
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner{
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.shadow-outline{
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

.shadow-none{
  box-shadow: none;
}

.hover\:shadow-xs:hover{
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.hover\:shadow-sm:hover{
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.hover\:shadow:hover{
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.hover\:shadow-md:hover{
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.hover\:shadow-lg:hover{
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.hover\:shadow-xl:hover{
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.hover\:shadow-2xl:hover{
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.hover\:shadow-inner:hover{
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.hover\:shadow-outline:hover{
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

.hover\:shadow-none:hover{
  box-shadow: none;
}

.focus\:shadow-xs:focus{
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.focus\:shadow-sm:focus{
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.focus\:shadow:focus{
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.focus\:shadow-md:focus{
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.focus\:shadow-lg:focus{
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.focus\:shadow-xl:focus{
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.focus\:shadow-2xl:focus{
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.focus\:shadow-inner:focus{
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.focus\:shadow-outline:focus{
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

.focus\:shadow-none:focus{
  box-shadow: none;
}

.fill-current{
  fill: currentColor;
}

.stroke-current{
  stroke: currentColor;
}

.stroke-0{
  stroke-width: 0;
}

.stroke-1{
  stroke-width: 1;
}

.stroke-2{
  stroke-width: 2;
}

.table-auto{
  table-layout: auto;
}

.table-fixed{
  table-layout: fixed;
}

.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
}

.text-justify{
  text-align: justify;
}

.text-blue-bright{
  --text-opacity: 1;
  color: #0B69A3;
  color: rgba(11, 105, 163, var(--text-opacity));
}

.text-blue-light{
  --text-opacity: 1;
  color: #B3ECFF;
  color: rgba(179, 236, 255, var(--text-opacity));
}

.text-blue-pale{
  --text-opacity: 1;
  color: #DCEEFB;
  color: rgba(220, 238, 251, var(--text-opacity));
}

.text-blue-deep{
  --text-opacity: 1;
  color: #035388;
  color: rgba(3, 83, 136, var(--text-opacity));
}

.text-blue-hilight{
  --text-opacity: 1;
  color: #5ed0fa;
  color: rgba(94, 208, 250, var(--text-opacity));
}

.text-blue-med{
  --text-opacity: 1;
  color: #1992d4;
  color: rgba(25, 146, 212, var(--text-opacity));
}

.text-blue-dark{
  --text-opacity: 1;
  color: #003e6b;
  color: rgba(0, 62, 107, var(--text-opacity));
}

.text-gray-100{
  --text-opacity: 1;
  color: #f0f4f8;
  color: rgba(240, 244, 248, var(--text-opacity));
}

.text-gray-200{
  --text-opacity: 1;
  color: #d9d9d9;
  color: rgba(217, 217, 217, var(--text-opacity));
}

.text-gray-300{
  --text-opacity: 1;
  color: #bcccdc;
  color: rgba(188, 204, 220, var(--text-opacity));
}

.text-gray-500{
  --text-opacity: 1;
  color: #627d98;
  color: rgba(98, 125, 152, var(--text-opacity));
}

.text-gray-600{
  --text-opacity: 1;
  color: #334e68;
  color: rgba(51, 78, 104, var(--text-opacity));
}

.text-gray-700{
  --text-opacity: 1;
  color: #243b53;
  color: rgba(36, 59, 83, var(--text-opacity));
}

.text-gray-900{
  --text-opacity: 1;
  color: #102a43;
  color: rgba(16, 42, 67, var(--text-opacity));
}

.text-magenta-dark{
  --text-opacity: 1;
  color: #8f4731;
  color: rgba(143, 71, 49, var(--text-opacity));
}

.text-magenta-bright{
  --text-opacity: 1;
  color: #9C4429;
  color: rgba(156, 68, 41, var(--text-opacity));
}

.text-magenta-hilight{
  --text-opacity: 1;
  color: #CC522D;
  color: rgba(204, 82, 45, var(--text-opacity));
}

.text-teal-dark{
  --text-opacity: 1;
  color: #2d5b6b;
  color: rgba(45, 91, 107, var(--text-opacity));
}

.text-teal-bright{
  --text-opacity: 1;
  color: #2B738C;
  color: rgba(43, 115, 140, var(--text-opacity));
}

.text-teal-hilight{
  --text-opacity: 1;
  color: #3CA1C4;
  color: rgba(60, 161, 196, var(--text-opacity));
}

.text-mustard-dark{
  --text-opacity: 1;
  color: #c47a53;
  color: rgba(196, 122, 83, var(--text-opacity));
}

.text-mustard-bright{
  --text-opacity: 1;
  color: #E07C48;
  color: rgba(224, 124, 72, var(--text-opacity));
}

.text-mustard-hilight{
  --text-opacity: 1;
  color: #FF7015;
  color: rgba(255, 112, 21, var(--text-opacity));
}

.text-purple-dark{
  --text-opacity: 1;
  color: #6b2d5b;
  color: rgba(107, 45, 91, var(--text-opacity));
}

.text-purple-bright{
  --text-opacity: 1;
  color: #8D2B74;
  color: rgba(141, 43, 116, var(--text-opacity));
}

.text-purple-hilight{
  --text-opacity: 1;
  color: #C0339C;
  color: rgba(192, 51, 156, var(--text-opacity));
}

.text-purple-bookshop{
  --text-opacity: 1;
  color: #584199;
  color: rgba(88, 65, 153, var(--text-opacity));
}

.text-green-dark{
  --text-opacity: 1;
  color: #7b7d2a;
  color: rgba(123, 125, 42, var(--text-opacity));
}

.text-green-bright{
  --text-opacity: 1;
  color: #8F9220;
  color: rgba(143, 146, 32, var(--text-opacity));
}

.text-green-hilight{
  --text-opacity: 1;
  color: #B4B72A;
  color: rgba(180, 183, 42, var(--text-opacity));
}

.text-navy-dark{
  --text-opacity: 1;
  color: #52494c;
  color: rgba(82, 73, 76, var(--text-opacity));
}

.text-navy-bright{
  --text-opacity: 1;
  color: #6D565E;
  color: rgba(109, 86, 94, var(--text-opacity));
}

.text-navy-hilight{
  --text-opacity: 1;
  color: #8A6A75;
  color: rgba(138, 106, 117, var(--text-opacity));
}

.text-transparent{
  color: transparent;
}

.text-black{
  --text-opacity: 1;
  color: #101010;
  color: rgba(16, 16, 16, var(--text-opacity));
}

.text-white{
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.text-red{
  --text-opacity: 1;
  color: #E12D39;
  color: rgba(225, 45, 57, var(--text-opacity));
}

.hover\:text-blue-bright:hover{
  --text-opacity: 1;
  color: #0B69A3;
  color: rgba(11, 105, 163, var(--text-opacity));
}

.hover\:text-blue-light:hover{
  --text-opacity: 1;
  color: #B3ECFF;
  color: rgba(179, 236, 255, var(--text-opacity));
}

.hover\:text-blue-pale:hover{
  --text-opacity: 1;
  color: #DCEEFB;
  color: rgba(220, 238, 251, var(--text-opacity));
}

.hover\:text-blue-deep:hover{
  --text-opacity: 1;
  color: #035388;
  color: rgba(3, 83, 136, var(--text-opacity));
}

.hover\:text-blue-hilight:hover{
  --text-opacity: 1;
  color: #5ed0fa;
  color: rgba(94, 208, 250, var(--text-opacity));
}

.hover\:text-blue-med:hover{
  --text-opacity: 1;
  color: #1992d4;
  color: rgba(25, 146, 212, var(--text-opacity));
}

.hover\:text-blue-dark:hover{
  --text-opacity: 1;
  color: #003e6b;
  color: rgba(0, 62, 107, var(--text-opacity));
}

.hover\:text-gray-100:hover{
  --text-opacity: 1;
  color: #f0f4f8;
  color: rgba(240, 244, 248, var(--text-opacity));
}

.hover\:text-gray-200:hover{
  --text-opacity: 1;
  color: #d9d9d9;
  color: rgba(217, 217, 217, var(--text-opacity));
}

.hover\:text-gray-300:hover{
  --text-opacity: 1;
  color: #bcccdc;
  color: rgba(188, 204, 220, var(--text-opacity));
}

.hover\:text-gray-500:hover{
  --text-opacity: 1;
  color: #627d98;
  color: rgba(98, 125, 152, var(--text-opacity));
}

.hover\:text-gray-600:hover{
  --text-opacity: 1;
  color: #334e68;
  color: rgba(51, 78, 104, var(--text-opacity));
}

.hover\:text-gray-700:hover{
  --text-opacity: 1;
  color: #243b53;
  color: rgba(36, 59, 83, var(--text-opacity));
}

.hover\:text-gray-900:hover{
  --text-opacity: 1;
  color: #102a43;
  color: rgba(16, 42, 67, var(--text-opacity));
}

.hover\:text-magenta-dark:hover{
  --text-opacity: 1;
  color: #8f4731;
  color: rgba(143, 71, 49, var(--text-opacity));
}

.hover\:text-magenta-bright:hover{
  --text-opacity: 1;
  color: #9C4429;
  color: rgba(156, 68, 41, var(--text-opacity));
}

.hover\:text-magenta-hilight:hover{
  --text-opacity: 1;
  color: #CC522D;
  color: rgba(204, 82, 45, var(--text-opacity));
}

.hover\:text-teal-dark:hover{
  --text-opacity: 1;
  color: #2d5b6b;
  color: rgba(45, 91, 107, var(--text-opacity));
}

.hover\:text-teal-bright:hover{
  --text-opacity: 1;
  color: #2B738C;
  color: rgba(43, 115, 140, var(--text-opacity));
}

.hover\:text-teal-hilight:hover{
  --text-opacity: 1;
  color: #3CA1C4;
  color: rgba(60, 161, 196, var(--text-opacity));
}

.hover\:text-mustard-dark:hover{
  --text-opacity: 1;
  color: #c47a53;
  color: rgba(196, 122, 83, var(--text-opacity));
}

.hover\:text-mustard-bright:hover{
  --text-opacity: 1;
  color: #E07C48;
  color: rgba(224, 124, 72, var(--text-opacity));
}

.hover\:text-mustard-hilight:hover{
  --text-opacity: 1;
  color: #FF7015;
  color: rgba(255, 112, 21, var(--text-opacity));
}

.hover\:text-purple-dark:hover{
  --text-opacity: 1;
  color: #6b2d5b;
  color: rgba(107, 45, 91, var(--text-opacity));
}

.hover\:text-purple-bright:hover{
  --text-opacity: 1;
  color: #8D2B74;
  color: rgba(141, 43, 116, var(--text-opacity));
}

.hover\:text-purple-hilight:hover{
  --text-opacity: 1;
  color: #C0339C;
  color: rgba(192, 51, 156, var(--text-opacity));
}

.hover\:text-purple-bookshop:hover{
  --text-opacity: 1;
  color: #584199;
  color: rgba(88, 65, 153, var(--text-opacity));
}

.hover\:text-green-dark:hover{
  --text-opacity: 1;
  color: #7b7d2a;
  color: rgba(123, 125, 42, var(--text-opacity));
}

.hover\:text-green-bright:hover{
  --text-opacity: 1;
  color: #8F9220;
  color: rgba(143, 146, 32, var(--text-opacity));
}

.hover\:text-green-hilight:hover{
  --text-opacity: 1;
  color: #B4B72A;
  color: rgba(180, 183, 42, var(--text-opacity));
}

.hover\:text-navy-dark:hover{
  --text-opacity: 1;
  color: #52494c;
  color: rgba(82, 73, 76, var(--text-opacity));
}

.hover\:text-navy-bright:hover{
  --text-opacity: 1;
  color: #6D565E;
  color: rgba(109, 86, 94, var(--text-opacity));
}

.hover\:text-navy-hilight:hover{
  --text-opacity: 1;
  color: #8A6A75;
  color: rgba(138, 106, 117, var(--text-opacity));
}

.hover\:text-transparent:hover{
  color: transparent;
}

.hover\:text-black:hover{
  --text-opacity: 1;
  color: #101010;
  color: rgba(16, 16, 16, var(--text-opacity));
}

.hover\:text-white:hover{
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.hover\:text-red:hover{
  --text-opacity: 1;
  color: #E12D39;
  color: rgba(225, 45, 57, var(--text-opacity));
}

.focus\:text-blue-bright:focus{
  --text-opacity: 1;
  color: #0B69A3;
  color: rgba(11, 105, 163, var(--text-opacity));
}

.focus\:text-blue-light:focus{
  --text-opacity: 1;
  color: #B3ECFF;
  color: rgba(179, 236, 255, var(--text-opacity));
}

.focus\:text-blue-pale:focus{
  --text-opacity: 1;
  color: #DCEEFB;
  color: rgba(220, 238, 251, var(--text-opacity));
}

.focus\:text-blue-deep:focus{
  --text-opacity: 1;
  color: #035388;
  color: rgba(3, 83, 136, var(--text-opacity));
}

.focus\:text-blue-hilight:focus{
  --text-opacity: 1;
  color: #5ed0fa;
  color: rgba(94, 208, 250, var(--text-opacity));
}

.focus\:text-blue-med:focus{
  --text-opacity: 1;
  color: #1992d4;
  color: rgba(25, 146, 212, var(--text-opacity));
}

.focus\:text-blue-dark:focus{
  --text-opacity: 1;
  color: #003e6b;
  color: rgba(0, 62, 107, var(--text-opacity));
}

.focus\:text-gray-100:focus{
  --text-opacity: 1;
  color: #f0f4f8;
  color: rgba(240, 244, 248, var(--text-opacity));
}

.focus\:text-gray-200:focus{
  --text-opacity: 1;
  color: #d9d9d9;
  color: rgba(217, 217, 217, var(--text-opacity));
}

.focus\:text-gray-300:focus{
  --text-opacity: 1;
  color: #bcccdc;
  color: rgba(188, 204, 220, var(--text-opacity));
}

.focus\:text-gray-500:focus{
  --text-opacity: 1;
  color: #627d98;
  color: rgba(98, 125, 152, var(--text-opacity));
}

.focus\:text-gray-600:focus{
  --text-opacity: 1;
  color: #334e68;
  color: rgba(51, 78, 104, var(--text-opacity));
}

.focus\:text-gray-700:focus{
  --text-opacity: 1;
  color: #243b53;
  color: rgba(36, 59, 83, var(--text-opacity));
}

.focus\:text-gray-900:focus{
  --text-opacity: 1;
  color: #102a43;
  color: rgba(16, 42, 67, var(--text-opacity));
}

.focus\:text-magenta-dark:focus{
  --text-opacity: 1;
  color: #8f4731;
  color: rgba(143, 71, 49, var(--text-opacity));
}

.focus\:text-magenta-bright:focus{
  --text-opacity: 1;
  color: #9C4429;
  color: rgba(156, 68, 41, var(--text-opacity));
}

.focus\:text-magenta-hilight:focus{
  --text-opacity: 1;
  color: #CC522D;
  color: rgba(204, 82, 45, var(--text-opacity));
}

.focus\:text-teal-dark:focus{
  --text-opacity: 1;
  color: #2d5b6b;
  color: rgba(45, 91, 107, var(--text-opacity));
}

.focus\:text-teal-bright:focus{
  --text-opacity: 1;
  color: #2B738C;
  color: rgba(43, 115, 140, var(--text-opacity));
}

.focus\:text-teal-hilight:focus{
  --text-opacity: 1;
  color: #3CA1C4;
  color: rgba(60, 161, 196, var(--text-opacity));
}

.focus\:text-mustard-dark:focus{
  --text-opacity: 1;
  color: #c47a53;
  color: rgba(196, 122, 83, var(--text-opacity));
}

.focus\:text-mustard-bright:focus{
  --text-opacity: 1;
  color: #E07C48;
  color: rgba(224, 124, 72, var(--text-opacity));
}

.focus\:text-mustard-hilight:focus{
  --text-opacity: 1;
  color: #FF7015;
  color: rgba(255, 112, 21, var(--text-opacity));
}

.focus\:text-purple-dark:focus{
  --text-opacity: 1;
  color: #6b2d5b;
  color: rgba(107, 45, 91, var(--text-opacity));
}

.focus\:text-purple-bright:focus{
  --text-opacity: 1;
  color: #8D2B74;
  color: rgba(141, 43, 116, var(--text-opacity));
}

.focus\:text-purple-hilight:focus{
  --text-opacity: 1;
  color: #C0339C;
  color: rgba(192, 51, 156, var(--text-opacity));
}

.focus\:text-purple-bookshop:focus{
  --text-opacity: 1;
  color: #584199;
  color: rgba(88, 65, 153, var(--text-opacity));
}

.focus\:text-green-dark:focus{
  --text-opacity: 1;
  color: #7b7d2a;
  color: rgba(123, 125, 42, var(--text-opacity));
}

.focus\:text-green-bright:focus{
  --text-opacity: 1;
  color: #8F9220;
  color: rgba(143, 146, 32, var(--text-opacity));
}

.focus\:text-green-hilight:focus{
  --text-opacity: 1;
  color: #B4B72A;
  color: rgba(180, 183, 42, var(--text-opacity));
}

.focus\:text-navy-dark:focus{
  --text-opacity: 1;
  color: #52494c;
  color: rgba(82, 73, 76, var(--text-opacity));
}

.focus\:text-navy-bright:focus{
  --text-opacity: 1;
  color: #6D565E;
  color: rgba(109, 86, 94, var(--text-opacity));
}

.focus\:text-navy-hilight:focus{
  --text-opacity: 1;
  color: #8A6A75;
  color: rgba(138, 106, 117, var(--text-opacity));
}

.focus\:text-transparent:focus{
  color: transparent;
}

.focus\:text-black:focus{
  --text-opacity: 1;
  color: #101010;
  color: rgba(16, 16, 16, var(--text-opacity));
}

.focus\:text-white:focus{
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.focus\:text-red:focus{
  --text-opacity: 1;
  color: #E12D39;
  color: rgba(225, 45, 57, var(--text-opacity));
}

.text-opacity-0{
  --text-opacity: 0;
}

.text-opacity-25{
  --text-opacity: 0.25;
}

.text-opacity-50{
  --text-opacity: 0.5;
}

.text-opacity-75{
  --text-opacity: 0.75;
}

.text-opacity-100{
  --text-opacity: 1;
}

.hover\:text-opacity-0:hover{
  --text-opacity: 0;
}

.hover\:text-opacity-25:hover{
  --text-opacity: 0.25;
}

.hover\:text-opacity-50:hover{
  --text-opacity: 0.5;
}

.hover\:text-opacity-75:hover{
  --text-opacity: 0.75;
}

.hover\:text-opacity-100:hover{
  --text-opacity: 1;
}

.focus\:text-opacity-0:focus{
  --text-opacity: 0;
}

.focus\:text-opacity-25:focus{
  --text-opacity: 0.25;
}

.focus\:text-opacity-50:focus{
  --text-opacity: 0.5;
}

.focus\:text-opacity-75:focus{
  --text-opacity: 0.75;
}

.focus\:text-opacity-100:focus{
  --text-opacity: 1;
}

.italic{
  font-style: italic;
}

.not-italic{
  font-style: normal;
}

.uppercase{
  text-transform: uppercase;
}

.lowercase{
  text-transform: lowercase;
}

.capitalize{
  text-transform: capitalize;
}

.normal-case{
  text-transform: none;
}

.underline{
  text-decoration: underline;
}

.line-through{
  text-decoration: line-through;
}

.no-underline{
  text-decoration: none;
}

.hover\:underline:hover{
  text-decoration: underline;
}

.hover\:line-through:hover{
  text-decoration: line-through;
}

.hover\:no-underline:hover{
  text-decoration: none;
}

.focus\:underline:focus{
  text-decoration: underline;
}

.focus\:line-through:focus{
  text-decoration: line-through;
}

.focus\:no-underline:focus{
  text-decoration: none;
}

.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.subpixel-antialiased{
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions{
  --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
  font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
}

.normal-nums{
  font-variant-numeric: normal;
}

.ordinal{
  --font-variant-numeric-ordinal: ordinal;
}

.slashed-zero{
  --font-variant-numeric-slashed-zero: slashed-zero;
}

.lining-nums{
  --font-variant-numeric-figure: lining-nums;
}

.oldstyle-nums{
  --font-variant-numeric-figure: oldstyle-nums;
}

.proportional-nums{
  --font-variant-numeric-spacing: proportional-nums;
}

.tabular-nums{
  --font-variant-numeric-spacing: tabular-nums;
}

.diagonal-fractions{
  --font-variant-numeric-fraction: diagonal-fractions;
}

.stacked-fractions{
  --font-variant-numeric-fraction: stacked-fractions;
}

.tracking-tighter{
  letter-spacing: -0.05em;
}

.tracking-tight{
  letter-spacing: -0.025em;
}

.tracking-normal{
  letter-spacing: 0;
}

.tracking-wide{
  letter-spacing: 0.025em;
}

.tracking-wider{
  letter-spacing: 0.05em;
}

.tracking-widest{
  letter-spacing: 0.1em;
}

.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.select-text{
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

.select-all{
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
}

.select-auto{
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}

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

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

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

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

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

.align-text-bottom{
  vertical-align: text-bottom;
}

.visible{
  visibility: visible;
}

.invisible{
  visibility: hidden;
}

.whitespace-normal{
  white-space: normal;
}

.whitespace-no-wrap{
  white-space: nowrap;
}

.whitespace-pre{
  white-space: pre;
}

.whitespace-pre-line{
  white-space: pre-line;
}

.whitespace-pre-wrap{
  white-space: pre-wrap;
}

.break-normal{
  word-wrap: normal;
  overflow-wrap: normal;
  word-break: normal;
}

.break-words{
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.break-all{
  word-break: break-all;
}

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.w-0{
  width: 0;
}

.w-1{
  width: 0.25rem;
}

.w-2{
  width: 0.5rem;
}

.w-3{
  width: 0.75rem;
}

.w-4{
  width: 1rem;
}

.w-5{
  width: 1.25rem;
}

.w-6{
  width: 1.5rem;
}

.w-8{
  width: 2rem;
}

.w-10{
  width: 2.5rem;
}

.w-12{
  width: 3rem;
}

.w-16{
  width: 4rem;
}

.w-20{
  width: 5rem;
}

.w-24{
  width: 6rem;
}

.w-32{
  width: 8rem;
}

.w-40{
  width: 10rem;
}

.w-48{
  width: 12rem;
}

.w-56{
  width: 14rem;
}

.w-64{
  width: 16rem;
}

.w-auto{
  width: auto;
}

.w-px{
  width: 1px;
}

.w-1\/2{
  width: 50%;
}

.w-1\/3{
  width: 33.333333%;
}

.w-2\/3{
  width: 66.666667%;
}

.w-1\/4{
  width: 25%;
}

.w-2\/4{
  width: 50%;
}

.w-3\/4{
  width: 75%;
}

.w-1\/5{
  width: 20%;
}

.w-2\/5{
  width: 40%;
}

.w-3\/5{
  width: 60%;
}

.w-4\/5{
  width: 80%;
}

.w-1\/6{
  width: 16.666667%;
}

.w-2\/6{
  width: 33.333333%;
}

.w-3\/6{
  width: 50%;
}

.w-4\/6{
  width: 66.666667%;
}

.w-5\/6{
  width: 83.333333%;
}

.w-1\/12{
  width: 8.333333%;
}

.w-2\/12{
  width: 16.666667%;
}

.w-3\/12{
  width: 25%;
}

.w-4\/12{
  width: 33.333333%;
}

.w-5\/12{
  width: 41.666667%;
}

.w-6\/12{
  width: 50%;
}

.w-7\/12{
  width: 58.333333%;
}

.w-8\/12{
  width: 66.666667%;
}

.w-9\/12{
  width: 75%;
}

.w-10\/12{
  width: 83.333333%;
}

.w-11\/12{
  width: 91.666667%;
}

.w-full{
  width: 100%;
}

.w-screen{
  width: 100vw;
}

.w-1\/7{
  width: 14.2857143%;
}

.w-2\/7{
  width: 28.5714286%;
}

.w-1\/8{
  width: 12.5%;
}

.z-0{
  z-index: 0;
}

.z-10{
  z-index: 10;
}

.z-20{
  z-index: 20;
}

.z-30{
  z-index: 30;
}

.z-40{
  z-index: 40;
}

.z-50{
  z-index: 50;
}

.z-auto{
  z-index: auto;
}

.gap-0{
  grid-gap: 0;
  gap: 0;
}

.gap-1{
  grid-gap: 0.25rem;
  gap: 0.25rem;
}

.gap-2{
  grid-gap: 0.5rem;
  gap: 0.5rem;
}

.gap-3{
  grid-gap: 0.75rem;
  gap: 0.75rem;
}

.gap-4{
  grid-gap: 1rem;
  gap: 1rem;
}

.gap-5{
  grid-gap: 1.25rem;
  gap: 1.25rem;
}

.gap-6{
  grid-gap: 1.5rem;
  gap: 1.5rem;
}

.gap-8{
  grid-gap: 2rem;
  gap: 2rem;
}

.gap-10{
  grid-gap: 2.5rem;
  gap: 2.5rem;
}

.gap-12{
  grid-gap: 3rem;
  gap: 3rem;
}

.gap-16{
  grid-gap: 4rem;
  gap: 4rem;
}

.gap-20{
  grid-gap: 5rem;
  gap: 5rem;
}

.gap-24{
  grid-gap: 6rem;
  gap: 6rem;
}

.gap-32{
  grid-gap: 8rem;
  gap: 8rem;
}

.gap-40{
  grid-gap: 10rem;
  gap: 10rem;
}

.gap-48{
  grid-gap: 12rem;
  gap: 12rem;
}

.gap-56{
  grid-gap: 14rem;
  gap: 14rem;
}

.gap-64{
  grid-gap: 16rem;
  gap: 16rem;
}

.gap-px{
  grid-gap: 1px;
  gap: 1px;
}

.col-gap-0{
  grid-column-gap: 0;
  -moz-column-gap: 0;
       column-gap: 0;
}

.col-gap-1{
  grid-column-gap: 0.25rem;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.col-gap-2{
  grid-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.col-gap-3{
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.col-gap-4{
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.col-gap-5{
  grid-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.col-gap-6{
  grid-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.col-gap-8{
  grid-column-gap: 2rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.col-gap-10{
  grid-column-gap: 2.5rem;
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}

.col-gap-12{
  grid-column-gap: 3rem;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

.col-gap-16{
  grid-column-gap: 4rem;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}

.col-gap-20{
  grid-column-gap: 5rem;
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}

.col-gap-24{
  grid-column-gap: 6rem;
  -moz-column-gap: 6rem;
       column-gap: 6rem;
}

.col-gap-32{
  grid-column-gap: 8rem;
  -moz-column-gap: 8rem;
       column-gap: 8rem;
}

.col-gap-40{
  grid-column-gap: 10rem;
  -moz-column-gap: 10rem;
       column-gap: 10rem;
}

.col-gap-48{
  grid-column-gap: 12rem;
  -moz-column-gap: 12rem;
       column-gap: 12rem;
}

.col-gap-56{
  grid-column-gap: 14rem;
  -moz-column-gap: 14rem;
       column-gap: 14rem;
}

.col-gap-64{
  grid-column-gap: 16rem;
  -moz-column-gap: 16rem;
       column-gap: 16rem;
}

.col-gap-px{
  grid-column-gap: 1px;
  -moz-column-gap: 1px;
       column-gap: 1px;
}

.gap-x-0{
  grid-column-gap: 0;
  -moz-column-gap: 0;
       column-gap: 0;
}

.gap-x-1{
  grid-column-gap: 0.25rem;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.gap-x-2{
  grid-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-x-3{
  grid-column-gap: 0.75rem;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.gap-x-4{
  grid-column-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-x-5{
  grid-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.gap-x-6{
  grid-column-gap: 1.5rem;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.gap-x-8{
  grid-column-gap: 2rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.gap-x-10{
  grid-column-gap: 2.5rem;
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}

.gap-x-12{
  grid-column-gap: 3rem;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

.gap-x-16{
  grid-column-gap: 4rem;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}

.gap-x-20{
  grid-column-gap: 5rem;
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}

.gap-x-24{
  grid-column-gap: 6rem;
  -moz-column-gap: 6rem;
       column-gap: 6rem;
}

.gap-x-32{
  grid-column-gap: 8rem;
  -moz-column-gap: 8rem;
       column-gap: 8rem;
}

.gap-x-40{
  grid-column-gap: 10rem;
  -moz-column-gap: 10rem;
       column-gap: 10rem;
}

.gap-x-48{
  grid-column-gap: 12rem;
  -moz-column-gap: 12rem;
       column-gap: 12rem;
}

.gap-x-56{
  grid-column-gap: 14rem;
  -moz-column-gap: 14rem;
       column-gap: 14rem;
}

.gap-x-64{
  grid-column-gap: 16rem;
  -moz-column-gap: 16rem;
       column-gap: 16rem;
}

.gap-x-px{
  grid-column-gap: 1px;
  -moz-column-gap: 1px;
       column-gap: 1px;
}

.row-gap-0{
  grid-row-gap: 0;
  row-gap: 0;
}

.row-gap-1{
  grid-row-gap: 0.25rem;
  row-gap: 0.25rem;
}

.row-gap-2{
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
}

.row-gap-3{
  grid-row-gap: 0.75rem;
  row-gap: 0.75rem;
}

.row-gap-4{
  grid-row-gap: 1rem;
  row-gap: 1rem;
}

.row-gap-5{
  grid-row-gap: 1.25rem;
  row-gap: 1.25rem;
}

.row-gap-6{
  grid-row-gap: 1.5rem;
  row-gap: 1.5rem;
}

.row-gap-8{
  grid-row-gap: 2rem;
  row-gap: 2rem;
}

.row-gap-10{
  grid-row-gap: 2.5rem;
  row-gap: 2.5rem;
}

.row-gap-12{
  grid-row-gap: 3rem;
  row-gap: 3rem;
}

.row-gap-16{
  grid-row-gap: 4rem;
  row-gap: 4rem;
}

.row-gap-20{
  grid-row-gap: 5rem;
  row-gap: 5rem;
}

.row-gap-24{
  grid-row-gap: 6rem;
  row-gap: 6rem;
}

.row-gap-32{
  grid-row-gap: 8rem;
  row-gap: 8rem;
}

.row-gap-40{
  grid-row-gap: 10rem;
  row-gap: 10rem;
}

.row-gap-48{
  grid-row-gap: 12rem;
  row-gap: 12rem;
}

.row-gap-56{
  grid-row-gap: 14rem;
  row-gap: 14rem;
}

.row-gap-64{
  grid-row-gap: 16rem;
  row-gap: 16rem;
}

.row-gap-px{
  grid-row-gap: 1px;
  row-gap: 1px;
}

.gap-y-0{
  grid-row-gap: 0;
  row-gap: 0;
}

.gap-y-1{
  grid-row-gap: 0.25rem;
  row-gap: 0.25rem;
}

.gap-y-2{
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
}

.gap-y-3{
  grid-row-gap: 0.75rem;
  row-gap: 0.75rem;
}

.gap-y-4{
  grid-row-gap: 1rem;
  row-gap: 1rem;
}

.gap-y-5{
  grid-row-gap: 1.25rem;
  row-gap: 1.25rem;
}

.gap-y-6{
  grid-row-gap: 1.5rem;
  row-gap: 1.5rem;
}

.gap-y-8{
  grid-row-gap: 2rem;
  row-gap: 2rem;
}

.gap-y-10{
  grid-row-gap: 2.5rem;
  row-gap: 2.5rem;
}

.gap-y-12{
  grid-row-gap: 3rem;
  row-gap: 3rem;
}

.gap-y-16{
  grid-row-gap: 4rem;
  row-gap: 4rem;
}

.gap-y-20{
  grid-row-gap: 5rem;
  row-gap: 5rem;
}

.gap-y-24{
  grid-row-gap: 6rem;
  row-gap: 6rem;
}

.gap-y-32{
  grid-row-gap: 8rem;
  row-gap: 8rem;
}

.gap-y-40{
  grid-row-gap: 10rem;
  row-gap: 10rem;
}

.gap-y-48{
  grid-row-gap: 12rem;
  row-gap: 12rem;
}

.gap-y-56{
  grid-row-gap: 14rem;
  row-gap: 14rem;
}

.gap-y-64{
  grid-row-gap: 16rem;
  row-gap: 16rem;
}

.gap-y-px{
  grid-row-gap: 1px;
  row-gap: 1px;
}

.grid-flow-row{
  grid-auto-flow: row;
}

.grid-flow-col{
  grid-auto-flow: column;
}

.grid-flow-row-dense{
  grid-auto-flow: row dense;
}

.grid-flow-col-dense{
  grid-auto-flow: column dense;
}

.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6{
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7{
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8{
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9{
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10{
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11{
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-none{
  grid-template-columns: none;
}

.auto-cols-auto{
  grid-auto-columns: auto;
}

.auto-cols-min{
  grid-auto-columns: min-content;
}

.auto-cols-max{
  grid-auto-columns: max-content;
}

.auto-cols-fr{
  grid-auto-columns: minmax(0, 1fr);
}

.col-auto{
  grid-column: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-start-12{
  grid-column-start: 12;
}

.col-start-13{
  grid-column-start: 13;
}

.col-start-auto{
  grid-column-start: auto;
}

.col-end-1{
  grid-column-end: 1;
}

.col-end-2{
  grid-column-end: 2;
}

.col-end-3{
  grid-column-end: 3;
}

.col-end-4{
  grid-column-end: 4;
}

.col-end-5{
  grid-column-end: 5;
}

.col-end-6{
  grid-column-end: 6;
}

.col-end-7{
  grid-column-end: 7;
}

.col-end-8{
  grid-column-end: 8;
}

.col-end-9{
  grid-column-end: 9;
}

.col-end-10{
  grid-column-end: 10;
}

.col-end-11{
  grid-column-end: 11;
}

.col-end-12{
  grid-column-end: 12;
}

.col-end-13{
  grid-column-end: 13;
}

.col-end-auto{
  grid-column-end: auto;
}

.grid-rows-1{
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2{
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-3{
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows-4{
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-rows-5{
  grid-template-rows: repeat(5, minmax(0, 1fr));
}

.grid-rows-6{
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

.grid-rows-none{
  grid-template-rows: none;
}

.auto-rows-auto{
  grid-auto-rows: auto;
}

.auto-rows-min{
  grid-auto-rows: min-content;
}

.auto-rows-max{
  grid-auto-rows: max-content;
}

.auto-rows-fr{
  grid-auto-rows: minmax(0, 1fr);
}

.row-auto{
  grid-row: auto;
}

.row-span-1{
  grid-row: span 1 / span 1;
}

.row-span-2{
  grid-row: span 2 / span 2;
}

.row-span-3{
  grid-row: span 3 / span 3;
}

.row-span-4{
  grid-row: span 4 / span 4;
}

.row-span-5{
  grid-row: span 5 / span 5;
}

.row-span-6{
  grid-row: span 6 / span 6;
}

.row-span-full{
  grid-row: 1 / -1;
}

.row-start-1{
  grid-row-start: 1;
}

.row-start-2{
  grid-row-start: 2;
}

.row-start-3{
  grid-row-start: 3;
}

.row-start-4{
  grid-row-start: 4;
}

.row-start-5{
  grid-row-start: 5;
}

.row-start-6{
  grid-row-start: 6;
}

.row-start-7{
  grid-row-start: 7;
}

.row-start-auto{
  grid-row-start: auto;
}

.row-end-1{
  grid-row-end: 1;
}

.row-end-2{
  grid-row-end: 2;
}

.row-end-3{
  grid-row-end: 3;
}

.row-end-4{
  grid-row-end: 4;
}

.row-end-5{
  grid-row-end: 5;
}

.row-end-6{
  grid-row-end: 6;
}

.row-end-7{
  grid-row-end: 7;
}

.row-end-auto{
  grid-row-end: auto;
}

.transform{
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}

.transform-none{
  transform: none;
}

.origin-center{
  transform-origin: center;
}

.origin-top{
  transform-origin: top;
}

.origin-top-right{
  transform-origin: top right;
}

.origin-right{
  transform-origin: right;
}

.origin-bottom-right{
  transform-origin: bottom right;
}

.origin-bottom{
  transform-origin: bottom;
}

.origin-bottom-left{
  transform-origin: bottom left;
}

.origin-left{
  transform-origin: left;
}

.origin-top-left{
  transform-origin: top left;
}

.scale-0{
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}

.scale-50{
  --transform-scale-x: .5;
  --transform-scale-y: .5;
}

.scale-75{
  --transform-scale-x: .75;
  --transform-scale-y: .75;
}

.scale-90{
  --transform-scale-x: .9;
  --transform-scale-y: .9;
}

.scale-95{
  --transform-scale-x: .95;
  --transform-scale-y: .95;
}

.scale-100{
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}

.scale-105{
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
}

.scale-110{
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}

.scale-125{
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25;
}

.scale-150{
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}

.scale-x-0{
  --transform-scale-x: 0;
}

.scale-x-50{
  --transform-scale-x: .5;
}

.scale-x-75{
  --transform-scale-x: .75;
}

.scale-x-90{
  --transform-scale-x: .9;
}

.scale-x-95{
  --transform-scale-x: .95;
}

.scale-x-100{
  --transform-scale-x: 1;
}

.scale-x-105{
  --transform-scale-x: 1.05;
}

.scale-x-110{
  --transform-scale-x: 1.1;
}

.scale-x-125{
  --transform-scale-x: 1.25;
}

.scale-x-150{
  --transform-scale-x: 1.5;
}

.scale-y-0{
  --transform-scale-y: 0;
}

.scale-y-50{
  --transform-scale-y: .5;
}

.scale-y-75{
  --transform-scale-y: .75;
}

.scale-y-90{
  --transform-scale-y: .9;
}

.scale-y-95{
  --transform-scale-y: .95;
}

.scale-y-100{
  --transform-scale-y: 1;
}

.scale-y-105{
  --transform-scale-y: 1.05;
}

.scale-y-110{
  --transform-scale-y: 1.1;
}

.scale-y-125{
  --transform-scale-y: 1.25;
}

.scale-y-150{
  --transform-scale-y: 1.5;
}

.hover\:scale-0:hover{
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}

.hover\:scale-50:hover{
  --transform-scale-x: .5;
  --transform-scale-y: .5;
}

.hover\:scale-75:hover{
  --transform-scale-x: .75;
  --transform-scale-y: .75;
}

.hover\:scale-90:hover{
  --transform-scale-x: .9;
  --transform-scale-y: .9;
}

.hover\:scale-95:hover{
  --transform-scale-x: .95;
  --transform-scale-y: .95;
}

.hover\:scale-100:hover{
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}

.hover\:scale-105:hover{
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
}

.hover\:scale-110:hover{
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}

.hover\:scale-125:hover{
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25;
}

.hover\:scale-150:hover{
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}

.hover\:scale-x-0:hover{
  --transform-scale-x: 0;
}

.hover\:scale-x-50:hover{
  --transform-scale-x: .5;
}

.hover\:scale-x-75:hover{
  --transform-scale-x: .75;
}

.hover\:scale-x-90:hover{
  --transform-scale-x: .9;
}

.hover\:scale-x-95:hover{
  --transform-scale-x: .95;
}

.hover\:scale-x-100:hover{
  --transform-scale-x: 1;
}

.hover\:scale-x-105:hover{
  --transform-scale-x: 1.05;
}

.hover\:scale-x-110:hover{
  --transform-scale-x: 1.1;
}

.hover\:scale-x-125:hover{
  --transform-scale-x: 1.25;
}

.hover\:scale-x-150:hover{
  --transform-scale-x: 1.5;
}

.hover\:scale-y-0:hover{
  --transform-scale-y: 0;
}

.hover\:scale-y-50:hover{
  --transform-scale-y: .5;
}

.hover\:scale-y-75:hover{
  --transform-scale-y: .75;
}

.hover\:scale-y-90:hover{
  --transform-scale-y: .9;
}

.hover\:scale-y-95:hover{
  --transform-scale-y: .95;
}

.hover\:scale-y-100:hover{
  --transform-scale-y: 1;
}

.hover\:scale-y-105:hover{
  --transform-scale-y: 1.05;
}

.hover\:scale-y-110:hover{
  --transform-scale-y: 1.1;
}

.hover\:scale-y-125:hover{
  --transform-scale-y: 1.25;
}

.hover\:scale-y-150:hover{
  --transform-scale-y: 1.5;
}

.focus\:scale-0:focus{
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}

.focus\:scale-50:focus{
  --transform-scale-x: .5;
  --transform-scale-y: .5;
}

.focus\:scale-75:focus{
  --transform-scale-x: .75;
  --transform-scale-y: .75;
}

.focus\:scale-90:focus{
  --transform-scale-x: .9;
  --transform-scale-y: .9;
}

.focus\:scale-95:focus{
  --transform-scale-x: .95;
  --transform-scale-y: .95;
}

.focus\:scale-100:focus{
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}

.focus\:scale-105:focus{
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
}

.focus\:scale-110:focus{
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}

.focus\:scale-125:focus{
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25;
}

.focus\:scale-150:focus{
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}

.focus\:scale-x-0:focus{
  --transform-scale-x: 0;
}

.focus\:scale-x-50:focus{
  --transform-scale-x: .5;
}

.focus\:scale-x-75:focus{
  --transform-scale-x: .75;
}

.focus\:scale-x-90:focus{
  --transform-scale-x: .9;
}

.focus\:scale-x-95:focus{
  --transform-scale-x: .95;
}

.focus\:scale-x-100:focus{
  --transform-scale-x: 1;
}

.focus\:scale-x-105:focus{
  --transform-scale-x: 1.05;
}

.focus\:scale-x-110:focus{
  --transform-scale-x: 1.1;
}

.focus\:scale-x-125:focus{
  --transform-scale-x: 1.25;
}

.focus\:scale-x-150:focus{
  --transform-scale-x: 1.5;
}

.focus\:scale-y-0:focus{
  --transform-scale-y: 0;
}

.focus\:scale-y-50:focus{
  --transform-scale-y: .5;
}

.focus\:scale-y-75:focus{
  --transform-scale-y: .75;
}

.focus\:scale-y-90:focus{
  --transform-scale-y: .9;
}

.focus\:scale-y-95:focus{
  --transform-scale-y: .95;
}

.focus\:scale-y-100:focus{
  --transform-scale-y: 1;
}

.focus\:scale-y-105:focus{
  --transform-scale-y: 1.05;
}

.focus\:scale-y-110:focus{
  --transform-scale-y: 1.1;
}

.focus\:scale-y-125:focus{
  --transform-scale-y: 1.25;
}

.focus\:scale-y-150:focus{
  --transform-scale-y: 1.5;
}

.rotate-0{
  --transform-rotate: 0;
}

.rotate-1{
  --transform-rotate: 1deg;
}

.rotate-2{
  --transform-rotate: 2deg;
}

.rotate-3{
  --transform-rotate: 3deg;
}

.rotate-6{
  --transform-rotate: 6deg;
}

.rotate-12{
  --transform-rotate: 12deg;
}

.rotate-45{
  --transform-rotate: 45deg;
}

.rotate-90{
  --transform-rotate: 90deg;
}

.rotate-180{
  --transform-rotate: 180deg;
}

.-rotate-180{
  --transform-rotate: -180deg;
}

.-rotate-90{
  --transform-rotate: -90deg;
}

.-rotate-45{
  --transform-rotate: -45deg;
}

.-rotate-12{
  --transform-rotate: -12deg;
}

.-rotate-6{
  --transform-rotate: -6deg;
}

.-rotate-3{
  --transform-rotate: -3deg;
}

.-rotate-2{
  --transform-rotate: -2deg;
}

.-rotate-1{
  --transform-rotate: -1deg;
}

.hover\:rotate-0:hover{
  --transform-rotate: 0;
}

.hover\:rotate-1:hover{
  --transform-rotate: 1deg;
}

.hover\:rotate-2:hover{
  --transform-rotate: 2deg;
}

.hover\:rotate-3:hover{
  --transform-rotate: 3deg;
}

.hover\:rotate-6:hover{
  --transform-rotate: 6deg;
}

.hover\:rotate-12:hover{
  --transform-rotate: 12deg;
}

.hover\:rotate-45:hover{
  --transform-rotate: 45deg;
}

.hover\:rotate-90:hover{
  --transform-rotate: 90deg;
}

.hover\:rotate-180:hover{
  --transform-rotate: 180deg;
}

.hover\:-rotate-180:hover{
  --transform-rotate: -180deg;
}

.hover\:-rotate-90:hover{
  --transform-rotate: -90deg;
}

.hover\:-rotate-45:hover{
  --transform-rotate: -45deg;
}

.hover\:-rotate-12:hover{
  --transform-rotate: -12deg;
}

.hover\:-rotate-6:hover{
  --transform-rotate: -6deg;
}

.hover\:-rotate-3:hover{
  --transform-rotate: -3deg;
}

.hover\:-rotate-2:hover{
  --transform-rotate: -2deg;
}

.hover\:-rotate-1:hover{
  --transform-rotate: -1deg;
}

.focus\:rotate-0:focus{
  --transform-rotate: 0;
}

.focus\:rotate-1:focus{
  --transform-rotate: 1deg;
}

.focus\:rotate-2:focus{
  --transform-rotate: 2deg;
}

.focus\:rotate-3:focus{
  --transform-rotate: 3deg;
}

.focus\:rotate-6:focus{
  --transform-rotate: 6deg;
}

.focus\:rotate-12:focus{
  --transform-rotate: 12deg;
}

.focus\:rotate-45:focus{
  --transform-rotate: 45deg;
}

.focus\:rotate-90:focus{
  --transform-rotate: 90deg;
}

.focus\:rotate-180:focus{
  --transform-rotate: 180deg;
}

.focus\:-rotate-180:focus{
  --transform-rotate: -180deg;
}

.focus\:-rotate-90:focus{
  --transform-rotate: -90deg;
}

.focus\:-rotate-45:focus{
  --transform-rotate: -45deg;
}

.focus\:-rotate-12:focus{
  --transform-rotate: -12deg;
}

.focus\:-rotate-6:focus{
  --transform-rotate: -6deg;
}

.focus\:-rotate-3:focus{
  --transform-rotate: -3deg;
}

.focus\:-rotate-2:focus{
  --transform-rotate: -2deg;
}

.focus\:-rotate-1:focus{
  --transform-rotate: -1deg;
}

.translate-x-0{
  --transform-translate-x: 0;
}

.translate-x-1{
  --transform-translate-x: 0.25rem;
}

.translate-x-2{
  --transform-translate-x: 0.5rem;
}

.translate-x-3{
  --transform-translate-x: 0.75rem;
}

.translate-x-4{
  --transform-translate-x: 1rem;
}

.translate-x-5{
  --transform-translate-x: 1.25rem;
}

.translate-x-6{
  --transform-translate-x: 1.5rem;
}

.translate-x-8{
  --transform-translate-x: 2rem;
}

.translate-x-10{
  --transform-translate-x: 2.5rem;
}

.translate-x-12{
  --transform-translate-x: 3rem;
}

.translate-x-16{
  --transform-translate-x: 4rem;
}

.translate-x-20{
  --transform-translate-x: 5rem;
}

.translate-x-24{
  --transform-translate-x: 6rem;
}

.translate-x-32{
  --transform-translate-x: 8rem;
}

.translate-x-40{
  --transform-translate-x: 10rem;
}

.translate-x-48{
  --transform-translate-x: 12rem;
}

.translate-x-56{
  --transform-translate-x: 14rem;
}

.translate-x-64{
  --transform-translate-x: 16rem;
}

.translate-x-px{
  --transform-translate-x: 1px;
}

.-translate-x-1{
  --transform-translate-x: -0.25rem;
}

.-translate-x-2{
  --transform-translate-x: -0.5rem;
}

.-translate-x-3{
  --transform-translate-x: -0.75rem;
}

.-translate-x-4{
  --transform-translate-x: -1rem;
}

.-translate-x-5{
  --transform-translate-x: -1.25rem;
}

.-translate-x-6{
  --transform-translate-x: -1.5rem;
}

.-translate-x-8{
  --transform-translate-x: -2rem;
}

.-translate-x-10{
  --transform-translate-x: -2.5rem;
}

.-translate-x-12{
  --transform-translate-x: -3rem;
}

.-translate-x-16{
  --transform-translate-x: -4rem;
}

.-translate-x-20{
  --transform-translate-x: -5rem;
}

.-translate-x-24{
  --transform-translate-x: -6rem;
}

.-translate-x-32{
  --transform-translate-x: -8rem;
}

.-translate-x-40{
  --transform-translate-x: -10rem;
}

.-translate-x-48{
  --transform-translate-x: -12rem;
}

.-translate-x-56{
  --transform-translate-x: -14rem;
}

.-translate-x-64{
  --transform-translate-x: -16rem;
}

.-translate-x-px{
  --transform-translate-x: -1px;
}

.-translate-x-full{
  --transform-translate-x: -100%;
}

.-translate-x-1\/2{
  --transform-translate-x: -50%;
}

.translate-x-1\/2{
  --transform-translate-x: 50%;
}

.translate-x-full{
  --transform-translate-x: 100%;
}

.translate-y-0{
  --transform-translate-y: 0;
}

.translate-y-1{
  --transform-translate-y: 0.25rem;
}

.translate-y-2{
  --transform-translate-y: 0.5rem;
}

.translate-y-3{
  --transform-translate-y: 0.75rem;
}

.translate-y-4{
  --transform-translate-y: 1rem;
}

.translate-y-5{
  --transform-translate-y: 1.25rem;
}

.translate-y-6{
  --transform-translate-y: 1.5rem;
}

.translate-y-8{
  --transform-translate-y: 2rem;
}

.translate-y-10{
  --transform-translate-y: 2.5rem;
}

.translate-y-12{
  --transform-translate-y: 3rem;
}

.translate-y-16{
  --transform-translate-y: 4rem;
}

.translate-y-20{
  --transform-translate-y: 5rem;
}

.translate-y-24{
  --transform-translate-y: 6rem;
}

.translate-y-32{
  --transform-translate-y: 8rem;
}

.translate-y-40{
  --transform-translate-y: 10rem;
}

.translate-y-48{
  --transform-translate-y: 12rem;
}

.translate-y-56{
  --transform-translate-y: 14rem;
}

.translate-y-64{
  --transform-translate-y: 16rem;
}

.translate-y-px{
  --transform-translate-y: 1px;
}

.-translate-y-1{
  --transform-translate-y: -0.25rem;
}

.-translate-y-2{
  --transform-translate-y: -0.5rem;
}

.-translate-y-3{
  --transform-translate-y: -0.75rem;
}

.-translate-y-4{
  --transform-translate-y: -1rem;
}

.-translate-y-5{
  --transform-translate-y: -1.25rem;
}

.-translate-y-6{
  --transform-translate-y: -1.5rem;
}

.-translate-y-8{
  --transform-translate-y: -2rem;
}

.-translate-y-10{
  --transform-translate-y: -2.5rem;
}

.-translate-y-12{
  --transform-translate-y: -3rem;
}

.-translate-y-16{
  --transform-translate-y: -4rem;
}

.-translate-y-20{
  --transform-translate-y: -5rem;
}

.-translate-y-24{
  --transform-translate-y: -6rem;
}

.-translate-y-32{
  --transform-translate-y: -8rem;
}

.-translate-y-40{
  --transform-translate-y: -10rem;
}

.-translate-y-48{
  --transform-translate-y: -12rem;
}

.-translate-y-56{
  --transform-translate-y: -14rem;
}

.-translate-y-64{
  --transform-translate-y: -16rem;
}

.-translate-y-px{
  --transform-translate-y: -1px;
}

.-translate-y-full{
  --transform-translate-y: -100%;
}

.-translate-y-1\/2{
  --transform-translate-y: -50%;
}

.translate-y-1\/2{
  --transform-translate-y: 50%;
}

.translate-y-full{
  --transform-translate-y: 100%;
}

.hover\:translate-x-0:hover{
  --transform-translate-x: 0;
}

.hover\:translate-x-1:hover{
  --transform-translate-x: 0.25rem;
}

.hover\:translate-x-2:hover{
  --transform-translate-x: 0.5rem;
}

.hover\:translate-x-3:hover{
  --transform-translate-x: 0.75rem;
}

.hover\:translate-x-4:hover{
  --transform-translate-x: 1rem;
}

.hover\:translate-x-5:hover{
  --transform-translate-x: 1.25rem;
}

.hover\:translate-x-6:hover{
  --transform-translate-x: 1.5rem;
}

.hover\:translate-x-8:hover{
  --transform-translate-x: 2rem;
}

.hover\:translate-x-10:hover{
  --transform-translate-x: 2.5rem;
}

.hover\:translate-x-12:hover{
  --transform-translate-x: 3rem;
}

.hover\:translate-x-16:hover{
  --transform-translate-x: 4rem;
}

.hover\:translate-x-20:hover{
  --transform-translate-x: 5rem;
}

.hover\:translate-x-24:hover{
  --transform-translate-x: 6rem;
}

.hover\:translate-x-32:hover{
  --transform-translate-x: 8rem;
}

.hover\:translate-x-40:hover{
  --transform-translate-x: 10rem;
}

.hover\:translate-x-48:hover{
  --transform-translate-x: 12rem;
}

.hover\:translate-x-56:hover{
  --transform-translate-x: 14rem;
}

.hover\:translate-x-64:hover{
  --transform-translate-x: 16rem;
}

.hover\:translate-x-px:hover{
  --transform-translate-x: 1px;
}

.hover\:-translate-x-1:hover{
  --transform-translate-x: -0.25rem;
}

.hover\:-translate-x-2:hover{
  --transform-translate-x: -0.5rem;
}

.hover\:-translate-x-3:hover{
  --transform-translate-x: -0.75rem;
}

.hover\:-translate-x-4:hover{
  --transform-translate-x: -1rem;
}

.hover\:-translate-x-5:hover{
  --transform-translate-x: -1.25rem;
}

.hover\:-translate-x-6:hover{
  --transform-translate-x: -1.5rem;
}

.hover\:-translate-x-8:hover{
  --transform-translate-x: -2rem;
}

.hover\:-translate-x-10:hover{
  --transform-translate-x: -2.5rem;
}

.hover\:-translate-x-12:hover{
  --transform-translate-x: -3rem;
}

.hover\:-translate-x-16:hover{
  --transform-translate-x: -4rem;
}

.hover\:-translate-x-20:hover{
  --transform-translate-x: -5rem;
}

.hover\:-translate-x-24:hover{
  --transform-translate-x: -6rem;
}

.hover\:-translate-x-32:hover{
  --transform-translate-x: -8rem;
}

.hover\:-translate-x-40:hover{
  --transform-translate-x: -10rem;
}

.hover\:-translate-x-48:hover{
  --transform-translate-x: -12rem;
}

.hover\:-translate-x-56:hover{
  --transform-translate-x: -14rem;
}

.hover\:-translate-x-64:hover{
  --transform-translate-x: -16rem;
}

.hover\:-translate-x-px:hover{
  --transform-translate-x: -1px;
}

.hover\:-translate-x-full:hover{
  --transform-translate-x: -100%;
}

.hover\:-translate-x-1\/2:hover{
  --transform-translate-x: -50%;
}

.hover\:translate-x-1\/2:hover{
  --transform-translate-x: 50%;
}

.hover\:translate-x-full:hover{
  --transform-translate-x: 100%;
}

.hover\:translate-y-0:hover{
  --transform-translate-y: 0;
}

.hover\:translate-y-1:hover{
  --transform-translate-y: 0.25rem;
}

.hover\:translate-y-2:hover{
  --transform-translate-y: 0.5rem;
}

.hover\:translate-y-3:hover{
  --transform-translate-y: 0.75rem;
}

.hover\:translate-y-4:hover{
  --transform-translate-y: 1rem;
}

.hover\:translate-y-5:hover{
  --transform-translate-y: 1.25rem;
}

.hover\:translate-y-6:hover{
  --transform-translate-y: 1.5rem;
}

.hover\:translate-y-8:hover{
  --transform-translate-y: 2rem;
}

.hover\:translate-y-10:hover{
  --transform-translate-y: 2.5rem;
}

.hover\:translate-y-12:hover{
  --transform-translate-y: 3rem;
}

.hover\:translate-y-16:hover{
  --transform-translate-y: 4rem;
}

.hover\:translate-y-20:hover{
  --transform-translate-y: 5rem;
}

.hover\:translate-y-24:hover{
  --transform-translate-y: 6rem;
}

.hover\:translate-y-32:hover{
  --transform-translate-y: 8rem;
}

.hover\:translate-y-40:hover{
  --transform-translate-y: 10rem;
}

.hover\:translate-y-48:hover{
  --transform-translate-y: 12rem;
}

.hover\:translate-y-56:hover{
  --transform-translate-y: 14rem;
}

.hover\:translate-y-64:hover{
  --transform-translate-y: 16rem;
}

.hover\:translate-y-px:hover{
  --transform-translate-y: 1px;
}

.hover\:-translate-y-1:hover{
  --transform-translate-y: -0.25rem;
}

.hover\:-translate-y-2:hover{
  --transform-translate-y: -0.5rem;
}

.hover\:-translate-y-3:hover{
  --transform-translate-y: -0.75rem;
}

.hover\:-translate-y-4:hover{
  --transform-translate-y: -1rem;
}

.hover\:-translate-y-5:hover{
  --transform-translate-y: -1.25rem;
}

.hover\:-translate-y-6:hover{
  --transform-translate-y: -1.5rem;
}

.hover\:-translate-y-8:hover{
  --transform-translate-y: -2rem;
}

.hover\:-translate-y-10:hover{
  --transform-translate-y: -2.5rem;
}

.hover\:-translate-y-12:hover{
  --transform-translate-y: -3rem;
}

.hover\:-translate-y-16:hover{
  --transform-translate-y: -4rem;
}

.hover\:-translate-y-20:hover{
  --transform-translate-y: -5rem;
}

.hover\:-translate-y-24:hover{
  --transform-translate-y: -6rem;
}

.hover\:-translate-y-32:hover{
  --transform-translate-y: -8rem;
}

.hover\:-translate-y-40:hover{
  --transform-translate-y: -10rem;
}

.hover\:-translate-y-48:hover{
  --transform-translate-y: -12rem;
}

.hover\:-translate-y-56:hover{
  --transform-translate-y: -14rem;
}

.hover\:-translate-y-64:hover{
  --transform-translate-y: -16rem;
}

.hover\:-translate-y-px:hover{
  --transform-translate-y: -1px;
}

.hover\:-translate-y-full:hover{
  --transform-translate-y: -100%;
}

.hover\:-translate-y-1\/2:hover{
  --transform-translate-y: -50%;
}

.hover\:translate-y-1\/2:hover{
  --transform-translate-y: 50%;
}

.hover\:translate-y-full:hover{
  --transform-translate-y: 100%;
}

.focus\:translate-x-0:focus{
  --transform-translate-x: 0;
}

.focus\:translate-x-1:focus{
  --transform-translate-x: 0.25rem;
}

.focus\:translate-x-2:focus{
  --transform-translate-x: 0.5rem;
}

.focus\:translate-x-3:focus{
  --transform-translate-x: 0.75rem;
}

.focus\:translate-x-4:focus{
  --transform-translate-x: 1rem;
}

.focus\:translate-x-5:focus{
  --transform-translate-x: 1.25rem;
}

.focus\:translate-x-6:focus{
  --transform-translate-x: 1.5rem;
}

.focus\:translate-x-8:focus{
  --transform-translate-x: 2rem;
}

.focus\:translate-x-10:focus{
  --transform-translate-x: 2.5rem;
}

.focus\:translate-x-12:focus{
  --transform-translate-x: 3rem;
}

.focus\:translate-x-16:focus{
  --transform-translate-x: 4rem;
}

.focus\:translate-x-20:focus{
  --transform-translate-x: 5rem;
}

.focus\:translate-x-24:focus{
  --transform-translate-x: 6rem;
}

.focus\:translate-x-32:focus{
  --transform-translate-x: 8rem;
}

.focus\:translate-x-40:focus{
  --transform-translate-x: 10rem;
}

.focus\:translate-x-48:focus{
  --transform-translate-x: 12rem;
}

.focus\:translate-x-56:focus{
  --transform-translate-x: 14rem;
}

.focus\:translate-x-64:focus{
  --transform-translate-x: 16rem;
}

.focus\:translate-x-px:focus{
  --transform-translate-x: 1px;
}

.focus\:-translate-x-1:focus{
  --transform-translate-x: -0.25rem;
}

.focus\:-translate-x-2:focus{
  --transform-translate-x: -0.5rem;
}

.focus\:-translate-x-3:focus{
  --transform-translate-x: -0.75rem;
}

.focus\:-translate-x-4:focus{
  --transform-translate-x: -1rem;
}

.focus\:-translate-x-5:focus{
  --transform-translate-x: -1.25rem;
}

.focus\:-translate-x-6:focus{
  --transform-translate-x: -1.5rem;
}

.focus\:-translate-x-8:focus{
  --transform-translate-x: -2rem;
}

.focus\:-translate-x-10:focus{
  --transform-translate-x: -2.5rem;
}

.focus\:-translate-x-12:focus{
  --transform-translate-x: -3rem;
}

.focus\:-translate-x-16:focus{
  --transform-translate-x: -4rem;
}

.focus\:-translate-x-20:focus{
  --transform-translate-x: -5rem;
}

.focus\:-translate-x-24:focus{
  --transform-translate-x: -6rem;
}

.focus\:-translate-x-32:focus{
  --transform-translate-x: -8rem;
}

.focus\:-translate-x-40:focus{
  --transform-translate-x: -10rem;
}

.focus\:-translate-x-48:focus{
  --transform-translate-x: -12rem;
}

.focus\:-translate-x-56:focus{
  --transform-translate-x: -14rem;
}

.focus\:-translate-x-64:focus{
  --transform-translate-x: -16rem;
}

.focus\:-translate-x-px:focus{
  --transform-translate-x: -1px;
}

.focus\:-translate-x-full:focus{
  --transform-translate-x: -100%;
}

.focus\:-translate-x-1\/2:focus{
  --transform-translate-x: -50%;
}

.focus\:translate-x-1\/2:focus{
  --transform-translate-x: 50%;
}

.focus\:translate-x-full:focus{
  --transform-translate-x: 100%;
}

.focus\:translate-y-0:focus{
  --transform-translate-y: 0;
}

.focus\:translate-y-1:focus{
  --transform-translate-y: 0.25rem;
}

.focus\:translate-y-2:focus{
  --transform-translate-y: 0.5rem;
}

.focus\:translate-y-3:focus{
  --transform-translate-y: 0.75rem;
}

.focus\:translate-y-4:focus{
  --transform-translate-y: 1rem;
}

.focus\:translate-y-5:focus{
  --transform-translate-y: 1.25rem;
}

.focus\:translate-y-6:focus{
  --transform-translate-y: 1.5rem;
}

.focus\:translate-y-8:focus{
  --transform-translate-y: 2rem;
}

.focus\:translate-y-10:focus{
  --transform-translate-y: 2.5rem;
}

.focus\:translate-y-12:focus{
  --transform-translate-y: 3rem;
}

.focus\:translate-y-16:focus{
  --transform-translate-y: 4rem;
}

.focus\:translate-y-20:focus{
  --transform-translate-y: 5rem;
}

.focus\:translate-y-24:focus{
  --transform-translate-y: 6rem;
}

.focus\:translate-y-32:focus{
  --transform-translate-y: 8rem;
}

.focus\:translate-y-40:focus{
  --transform-translate-y: 10rem;
}

.focus\:translate-y-48:focus{
  --transform-translate-y: 12rem;
}

.focus\:translate-y-56:focus{
  --transform-translate-y: 14rem;
}

.focus\:translate-y-64:focus{
  --transform-translate-y: 16rem;
}

.focus\:translate-y-px:focus{
  --transform-translate-y: 1px;
}

.focus\:-translate-y-1:focus{
  --transform-translate-y: -0.25rem;
}

.focus\:-translate-y-2:focus{
  --transform-translate-y: -0.5rem;
}

.focus\:-translate-y-3:focus{
  --transform-translate-y: -0.75rem;
}

.focus\:-translate-y-4:focus{
  --transform-translate-y: -1rem;
}

.focus\:-translate-y-5:focus{
  --transform-translate-y: -1.25rem;
}

.focus\:-translate-y-6:focus{
  --transform-translate-y: -1.5rem;
}

.focus\:-translate-y-8:focus{
  --transform-translate-y: -2rem;
}

.focus\:-translate-y-10:focus{
  --transform-translate-y: -2.5rem;
}

.focus\:-translate-y-12:focus{
  --transform-translate-y: -3rem;
}

.focus\:-translate-y-16:focus{
  --transform-translate-y: -4rem;
}

.focus\:-translate-y-20:focus{
  --transform-translate-y: -5rem;
}

.focus\:-translate-y-24:focus{
  --transform-translate-y: -6rem;
}

.focus\:-translate-y-32:focus{
  --transform-translate-y: -8rem;
}

.focus\:-translate-y-40:focus{
  --transform-translate-y: -10rem;
}

.focus\:-translate-y-48:focus{
  --transform-translate-y: -12rem;
}

.focus\:-translate-y-56:focus{
  --transform-translate-y: -14rem;
}

.focus\:-translate-y-64:focus{
  --transform-translate-y: -16rem;
}

.focus\:-translate-y-px:focus{
  --transform-translate-y: -1px;
}

.focus\:-translate-y-full:focus{
  --transform-translate-y: -100%;
}

.focus\:-translate-y-1\/2:focus{
  --transform-translate-y: -50%;
}

.focus\:translate-y-1\/2:focus{
  --transform-translate-y: 50%;
}

.focus\:translate-y-full:focus{
  --transform-translate-y: 100%;
}

.skew-x-0{
  --transform-skew-x: 0;
}

.skew-x-1{
  --transform-skew-x: 1deg;
}

.skew-x-2{
  --transform-skew-x: 2deg;
}

.skew-x-3{
  --transform-skew-x: 3deg;
}

.skew-x-6{
  --transform-skew-x: 6deg;
}

.skew-x-12{
  --transform-skew-x: 12deg;
}

.-skew-x-12{
  --transform-skew-x: -12deg;
}

.-skew-x-6{
  --transform-skew-x: -6deg;
}

.-skew-x-3{
  --transform-skew-x: -3deg;
}

.-skew-x-2{
  --transform-skew-x: -2deg;
}

.-skew-x-1{
  --transform-skew-x: -1deg;
}

.skew-y-0{
  --transform-skew-y: 0;
}

.skew-y-1{
  --transform-skew-y: 1deg;
}

.skew-y-2{
  --transform-skew-y: 2deg;
}

.skew-y-3{
  --transform-skew-y: 3deg;
}

.skew-y-6{
  --transform-skew-y: 6deg;
}

.skew-y-12{
  --transform-skew-y: 12deg;
}

.-skew-y-12{
  --transform-skew-y: -12deg;
}

.-skew-y-6{
  --transform-skew-y: -6deg;
}

.-skew-y-3{
  --transform-skew-y: -3deg;
}

.-skew-y-2{
  --transform-skew-y: -2deg;
}

.-skew-y-1{
  --transform-skew-y: -1deg;
}

.hover\:skew-x-0:hover{
  --transform-skew-x: 0;
}

.hover\:skew-x-1:hover{
  --transform-skew-x: 1deg;
}

.hover\:skew-x-2:hover{
  --transform-skew-x: 2deg;
}

.hover\:skew-x-3:hover{
  --transform-skew-x: 3deg;
}

.hover\:skew-x-6:hover{
  --transform-skew-x: 6deg;
}

.hover\:skew-x-12:hover{
  --transform-skew-x: 12deg;
}

.hover\:-skew-x-12:hover{
  --transform-skew-x: -12deg;
}

.hover\:-skew-x-6:hover{
  --transform-skew-x: -6deg;
}

.hover\:-skew-x-3:hover{
  --transform-skew-x: -3deg;
}

.hover\:-skew-x-2:hover{
  --transform-skew-x: -2deg;
}

.hover\:-skew-x-1:hover{
  --transform-skew-x: -1deg;
}

.hover\:skew-y-0:hover{
  --transform-skew-y: 0;
}

.hover\:skew-y-1:hover{
  --transform-skew-y: 1deg;
}

.hover\:skew-y-2:hover{
  --transform-skew-y: 2deg;
}

.hover\:skew-y-3:hover{
  --transform-skew-y: 3deg;
}

.hover\:skew-y-6:hover{
  --transform-skew-y: 6deg;
}

.hover\:skew-y-12:hover{
  --transform-skew-y: 12deg;
}

.hover\:-skew-y-12:hover{
  --transform-skew-y: -12deg;
}

.hover\:-skew-y-6:hover{
  --transform-skew-y: -6deg;
}

.hover\:-skew-y-3:hover{
  --transform-skew-y: -3deg;
}

.hover\:-skew-y-2:hover{
  --transform-skew-y: -2deg;
}

.hover\:-skew-y-1:hover{
  --transform-skew-y: -1deg;
}

.focus\:skew-x-0:focus{
  --transform-skew-x: 0;
}

.focus\:skew-x-1:focus{
  --transform-skew-x: 1deg;
}

.focus\:skew-x-2:focus{
  --transform-skew-x: 2deg;
}

.focus\:skew-x-3:focus{
  --transform-skew-x: 3deg;
}

.focus\:skew-x-6:focus{
  --transform-skew-x: 6deg;
}

.focus\:skew-x-12:focus{
  --transform-skew-x: 12deg;
}

.focus\:-skew-x-12:focus{
  --transform-skew-x: -12deg;
}

.focus\:-skew-x-6:focus{
  --transform-skew-x: -6deg;
}

.focus\:-skew-x-3:focus{
  --transform-skew-x: -3deg;
}

.focus\:-skew-x-2:focus{
  --transform-skew-x: -2deg;
}

.focus\:-skew-x-1:focus{
  --transform-skew-x: -1deg;
}

.focus\:skew-y-0:focus{
  --transform-skew-y: 0;
}

.focus\:skew-y-1:focus{
  --transform-skew-y: 1deg;
}

.focus\:skew-y-2:focus{
  --transform-skew-y: 2deg;
}

.focus\:skew-y-3:focus{
  --transform-skew-y: 3deg;
}

.focus\:skew-y-6:focus{
  --transform-skew-y: 6deg;
}

.focus\:skew-y-12:focus{
  --transform-skew-y: 12deg;
}

.focus\:-skew-y-12:focus{
  --transform-skew-y: -12deg;
}

.focus\:-skew-y-6:focus{
  --transform-skew-y: -6deg;
}

.focus\:-skew-y-3:focus{
  --transform-skew-y: -3deg;
}

.focus\:-skew-y-2:focus{
  --transform-skew-y: -2deg;
}

.focus\:-skew-y-1:focus{
  --transform-skew-y: -1deg;
}

.transition-none{
  transition-property: none;
}

.transition-all{
  transition-property: all;
}

.transition{
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
}

.transition-colors{
  transition-property: background-color, border-color, color, fill, stroke;
}

.transition-opacity{
  transition-property: opacity;
}

.transition-shadow{
  transition-property: box-shadow;
}

.transition-transform{
  transition-property: transform;
}

.ease-linear{
  transition-timing-function: linear;
}

.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.duration-75{
  transition-duration: 75ms;
}

.duration-100{
  transition-duration: 100ms;
}

.duration-150{
  transition-duration: 150ms;
}

.duration-200{
  transition-duration: 200ms;
}

.duration-300{
  transition-duration: 300ms;
}

.duration-500{
  transition-duration: 500ms;
}

.duration-700{
  transition-duration: 700ms;
}

.duration-1000{
  transition-duration: 1000ms;
}

.delay-75{
  transition-delay: 75ms;
}

.delay-100{
  transition-delay: 100ms;
}

.delay-150{
  transition-delay: 150ms;
}

.delay-200{
  transition-delay: 200ms;
}

.delay-300{
  transition-delay: 300ms;
}

.delay-500{
  transition-delay: 500ms;
}

.delay-700{
  transition-delay: 700ms;
}

.delay-1000{
  transition-delay: 1000ms;
}

@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}

@keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes pulse{
  50%{
    opacity: .5;
  }
}

@keyframes bounce{
  0%, 100%{
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50%{
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.animate-none{
  animation: none;
}

.animate-spin{
  animation: spin 1s linear infinite;
}

.animate-ping{
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animate-bounce{
  animation: bounce 1s infinite;
}

.border-t-blue-bright{
  border-top-color: #0B69A3;
}

.border-r-blue-bright{
  border-right-color: #0B69A3;
}

.border-b-blue-bright{
  border-bottom-color: #0B69A3;
}

.border-l-blue-bright{
  border-left-color: #0B69A3;
}

.border-t-blue-light{
  border-top-color: #B3ECFF;
}

.border-r-blue-light{
  border-right-color: #B3ECFF;
}

.border-b-blue-light{
  border-bottom-color: #B3ECFF;
}

.border-l-blue-light{
  border-left-color: #B3ECFF;
}

.border-t-blue-pale{
  border-top-color: #DCEEFB;
}

.border-r-blue-pale{
  border-right-color: #DCEEFB;
}

.border-b-blue-pale{
  border-bottom-color: #DCEEFB;
}

.border-l-blue-pale{
  border-left-color: #DCEEFB;
}

.border-t-blue-deep{
  border-top-color: #035388;
}

.border-r-blue-deep{
  border-right-color: #035388;
}

.border-b-blue-deep{
  border-bottom-color: #035388;
}

.border-l-blue-deep{
  border-left-color: #035388;
}

.border-t-blue-hilight{
  border-top-color: #5ed0fa;
}

.border-r-blue-hilight{
  border-right-color: #5ed0fa;
}

.border-b-blue-hilight{
  border-bottom-color: #5ed0fa;
}

.border-l-blue-hilight{
  border-left-color: #5ed0fa;
}

.border-t-blue-med{
  border-top-color: #1992d4;
}

.border-r-blue-med{
  border-right-color: #1992d4;
}

.border-b-blue-med{
  border-bottom-color: #1992d4;
}

.border-l-blue-med{
  border-left-color: #1992d4;
}

.border-t-blue-dark{
  border-top-color: #003e6b;
}

.border-r-blue-dark{
  border-right-color: #003e6b;
}

.border-b-blue-dark{
  border-bottom-color: #003e6b;
}

.border-l-blue-dark{
  border-left-color: #003e6b;
}

.border-t-gray-100{
  border-top-color: #f0f4f8;
}

.border-r-gray-100{
  border-right-color: #f0f4f8;
}

.border-b-gray-100{
  border-bottom-color: #f0f4f8;
}

.border-l-gray-100{
  border-left-color: #f0f4f8;
}

.border-t-gray-200{
  border-top-color: #d9d9d9;
}

.border-r-gray-200{
  border-right-color: #d9d9d9;
}

.border-b-gray-200{
  border-bottom-color: #d9d9d9;
}

.border-l-gray-200{
  border-left-color: #d9d9d9;
}

.border-t-gray-300{
  border-top-color: #bcccdc;
}

.border-r-gray-300{
  border-right-color: #bcccdc;
}

.border-b-gray-300{
  border-bottom-color: #bcccdc;
}

.border-l-gray-300{
  border-left-color: #bcccdc;
}

.border-t-gray-500{
  border-top-color: #627d98;
}

.border-r-gray-500{
  border-right-color: #627d98;
}

.border-b-gray-500{
  border-bottom-color: #627d98;
}

.border-l-gray-500{
  border-left-color: #627d98;
}

.border-t-gray-600{
  border-top-color: #334e68;
}

.border-r-gray-600{
  border-right-color: #334e68;
}

.border-b-gray-600{
  border-bottom-color: #334e68;
}

.border-l-gray-600{
  border-left-color: #334e68;
}

.border-t-gray-700{
  border-top-color: #243b53;
}

.border-r-gray-700{
  border-right-color: #243b53;
}

.border-b-gray-700{
  border-bottom-color: #243b53;
}

.border-l-gray-700{
  border-left-color: #243b53;
}

.border-t-gray-900{
  border-top-color: #102a43;
}

.border-r-gray-900{
  border-right-color: #102a43;
}

.border-b-gray-900{
  border-bottom-color: #102a43;
}

.border-l-gray-900{
  border-left-color: #102a43;
}

.border-t-magenta-dark{
  border-top-color: #8f4731;
}

.border-r-magenta-dark{
  border-right-color: #8f4731;
}

.border-b-magenta-dark{
  border-bottom-color: #8f4731;
}

.border-l-magenta-dark{
  border-left-color: #8f4731;
}

.border-t-magenta-bright{
  border-top-color: #9C4429;
}

.border-r-magenta-bright{
  border-right-color: #9C4429;
}

.border-b-magenta-bright{
  border-bottom-color: #9C4429;
}

.border-l-magenta-bright{
  border-left-color: #9C4429;
}

.border-t-magenta-hilight{
  border-top-color: #CC522D;
}

.border-r-magenta-hilight{
  border-right-color: #CC522D;
}

.border-b-magenta-hilight{
  border-bottom-color: #CC522D;
}

.border-l-magenta-hilight{
  border-left-color: #CC522D;
}

.border-t-teal-dark{
  border-top-color: #2d5b6b;
}

.border-r-teal-dark{
  border-right-color: #2d5b6b;
}

.border-b-teal-dark{
  border-bottom-color: #2d5b6b;
}

.border-l-teal-dark{
  border-left-color: #2d5b6b;
}

.border-t-teal-bright{
  border-top-color: #2B738C;
}

.border-r-teal-bright{
  border-right-color: #2B738C;
}

.border-b-teal-bright{
  border-bottom-color: #2B738C;
}

.border-l-teal-bright{
  border-left-color: #2B738C;
}

.border-t-teal-hilight{
  border-top-color: #3CA1C4;
}

.border-r-teal-hilight{
  border-right-color: #3CA1C4;
}

.border-b-teal-hilight{
  border-bottom-color: #3CA1C4;
}

.border-l-teal-hilight{
  border-left-color: #3CA1C4;
}

.border-t-mustard-dark{
  border-top-color: #c47a53;
}

.border-r-mustard-dark{
  border-right-color: #c47a53;
}

.border-b-mustard-dark{
  border-bottom-color: #c47a53;
}

.border-l-mustard-dark{
  border-left-color: #c47a53;
}

.border-t-mustard-bright{
  border-top-color: #E07C48;
}

.border-r-mustard-bright{
  border-right-color: #E07C48;
}

.border-b-mustard-bright{
  border-bottom-color: #E07C48;
}

.border-l-mustard-bright{
  border-left-color: #E07C48;
}

.border-t-mustard-hilight{
  border-top-color: #FF7015;
}

.border-r-mustard-hilight{
  border-right-color: #FF7015;
}

.border-b-mustard-hilight{
  border-bottom-color: #FF7015;
}

.border-l-mustard-hilight{
  border-left-color: #FF7015;
}

.border-t-purple-dark{
  border-top-color: #6b2d5b;
}

.border-r-purple-dark{
  border-right-color: #6b2d5b;
}

.border-b-purple-dark{
  border-bottom-color: #6b2d5b;
}

.border-l-purple-dark{
  border-left-color: #6b2d5b;
}

.border-t-purple-bright{
  border-top-color: #8D2B74;
}

.border-r-purple-bright{
  border-right-color: #8D2B74;
}

.border-b-purple-bright{
  border-bottom-color: #8D2B74;
}

.border-l-purple-bright{
  border-left-color: #8D2B74;
}

.border-t-purple-hilight{
  border-top-color: #C0339C;
}

.border-r-purple-hilight{
  border-right-color: #C0339C;
}

.border-b-purple-hilight{
  border-bottom-color: #C0339C;
}

.border-l-purple-hilight{
  border-left-color: #C0339C;
}

.border-t-purple-bookshop{
  border-top-color: #584199;
}

.border-r-purple-bookshop{
  border-right-color: #584199;
}

.border-b-purple-bookshop{
  border-bottom-color: #584199;
}

.border-l-purple-bookshop{
  border-left-color: #584199;
}

.border-t-green-dark{
  border-top-color: #7b7d2a;
}

.border-r-green-dark{
  border-right-color: #7b7d2a;
}

.border-b-green-dark{
  border-bottom-color: #7b7d2a;
}

.border-l-green-dark{
  border-left-color: #7b7d2a;
}

.border-t-green-bright{
  border-top-color: #8F9220;
}

.border-r-green-bright{
  border-right-color: #8F9220;
}

.border-b-green-bright{
  border-bottom-color: #8F9220;
}

.border-l-green-bright{
  border-left-color: #8F9220;
}

.border-t-green-hilight{
  border-top-color: #B4B72A;
}

.border-r-green-hilight{
  border-right-color: #B4B72A;
}

.border-b-green-hilight{
  border-bottom-color: #B4B72A;
}

.border-l-green-hilight{
  border-left-color: #B4B72A;
}

.border-t-navy-dark{
  border-top-color: #52494c;
}

.border-r-navy-dark{
  border-right-color: #52494c;
}

.border-b-navy-dark{
  border-bottom-color: #52494c;
}

.border-l-navy-dark{
  border-left-color: #52494c;
}

.border-t-navy-bright{
  border-top-color: #6D565E;
}

.border-r-navy-bright{
  border-right-color: #6D565E;
}

.border-b-navy-bright{
  border-bottom-color: #6D565E;
}

.border-l-navy-bright{
  border-left-color: #6D565E;
}

.border-t-navy-hilight{
  border-top-color: #8A6A75;
}

.border-r-navy-hilight{
  border-right-color: #8A6A75;
}

.border-b-navy-hilight{
  border-bottom-color: #8A6A75;
}

.border-l-navy-hilight{
  border-left-color: #8A6A75;
}

.border-t-transparent{
  border-top-color: transparent;
}

.border-r-transparent{
  border-right-color: transparent;
}

.border-b-transparent{
  border-bottom-color: transparent;
}

.border-l-transparent{
  border-left-color: transparent;
}

.border-t-black{
  border-top-color: #101010;
}

.border-r-black{
  border-right-color: #101010;
}

.border-b-black{
  border-bottom-color: #101010;
}

.border-l-black{
  border-left-color: #101010;
}

.border-t-white{
  border-top-color: #fff;
}

.border-r-white{
  border-right-color: #fff;
}

.border-b-white{
  border-bottom-color: #fff;
}

.border-l-white{
  border-left-color: #fff;
}

.border-t-red{
  border-top-color: #E12D39;
}

.border-r-red{
  border-right-color: #E12D39;
}

.border-b-red{
  border-bottom-color: #E12D39;
}

.border-l-red{
  border-left-color: #E12D39;
}

.hover\:border-t-blue-bright:hover{
  border-top-color: #0B69A3;
}

.hover\:border-r-blue-bright:hover{
  border-right-color: #0B69A3;
}

.hover\:border-b-blue-bright:hover{
  border-bottom-color: #0B69A3;
}

.hover\:border-l-blue-bright:hover{
  border-left-color: #0B69A3;
}

.hover\:border-t-blue-light:hover{
  border-top-color: #B3ECFF;
}

.hover\:border-r-blue-light:hover{
  border-right-color: #B3ECFF;
}

.hover\:border-b-blue-light:hover{
  border-bottom-color: #B3ECFF;
}

.hover\:border-l-blue-light:hover{
  border-left-color: #B3ECFF;
}

.hover\:border-t-blue-pale:hover{
  border-top-color: #DCEEFB;
}

.hover\:border-r-blue-pale:hover{
  border-right-color: #DCEEFB;
}

.hover\:border-b-blue-pale:hover{
  border-bottom-color: #DCEEFB;
}

.hover\:border-l-blue-pale:hover{
  border-left-color: #DCEEFB;
}

.hover\:border-t-blue-deep:hover{
  border-top-color: #035388;
}

.hover\:border-r-blue-deep:hover{
  border-right-color: #035388;
}

.hover\:border-b-blue-deep:hover{
  border-bottom-color: #035388;
}

.hover\:border-l-blue-deep:hover{
  border-left-color: #035388;
}

.hover\:border-t-blue-hilight:hover{
  border-top-color: #5ed0fa;
}

.hover\:border-r-blue-hilight:hover{
  border-right-color: #5ed0fa;
}

.hover\:border-b-blue-hilight:hover{
  border-bottom-color: #5ed0fa;
}

.hover\:border-l-blue-hilight:hover{
  border-left-color: #5ed0fa;
}

.hover\:border-t-blue-med:hover{
  border-top-color: #1992d4;
}

.hover\:border-r-blue-med:hover{
  border-right-color: #1992d4;
}

.hover\:border-b-blue-med:hover{
  border-bottom-color: #1992d4;
}

.hover\:border-l-blue-med:hover{
  border-left-color: #1992d4;
}

.hover\:border-t-blue-dark:hover{
  border-top-color: #003e6b;
}

.hover\:border-r-blue-dark:hover{
  border-right-color: #003e6b;
}

.hover\:border-b-blue-dark:hover{
  border-bottom-color: #003e6b;
}

.hover\:border-l-blue-dark:hover{
  border-left-color: #003e6b;
}

.hover\:border-t-gray-100:hover{
  border-top-color: #f0f4f8;
}

.hover\:border-r-gray-100:hover{
  border-right-color: #f0f4f8;
}

.hover\:border-b-gray-100:hover{
  border-bottom-color: #f0f4f8;
}

.hover\:border-l-gray-100:hover{
  border-left-color: #f0f4f8;
}

.hover\:border-t-gray-200:hover{
  border-top-color: #d9d9d9;
}

.hover\:border-r-gray-200:hover{
  border-right-color: #d9d9d9;
}

.hover\:border-b-gray-200:hover{
  border-bottom-color: #d9d9d9;
}

.hover\:border-l-gray-200:hover{
  border-left-color: #d9d9d9;
}

.hover\:border-t-gray-300:hover{
  border-top-color: #bcccdc;
}

.hover\:border-r-gray-300:hover{
  border-right-color: #bcccdc;
}

.hover\:border-b-gray-300:hover{
  border-bottom-color: #bcccdc;
}

.hover\:border-l-gray-300:hover{
  border-left-color: #bcccdc;
}

.hover\:border-t-gray-500:hover{
  border-top-color: #627d98;
}

.hover\:border-r-gray-500:hover{
  border-right-color: #627d98;
}

.hover\:border-b-gray-500:hover{
  border-bottom-color: #627d98;
}

.hover\:border-l-gray-500:hover{
  border-left-color: #627d98;
}

.hover\:border-t-gray-600:hover{
  border-top-color: #334e68;
}

.hover\:border-r-gray-600:hover{
  border-right-color: #334e68;
}

.hover\:border-b-gray-600:hover{
  border-bottom-color: #334e68;
}

.hover\:border-l-gray-600:hover{
  border-left-color: #334e68;
}

.hover\:border-t-gray-700:hover{
  border-top-color: #243b53;
}

.hover\:border-r-gray-700:hover{
  border-right-color: #243b53;
}

.hover\:border-b-gray-700:hover{
  border-bottom-color: #243b53;
}

.hover\:border-l-gray-700:hover{
  border-left-color: #243b53;
}

.hover\:border-t-gray-900:hover{
  border-top-color: #102a43;
}

.hover\:border-r-gray-900:hover{
  border-right-color: #102a43;
}

.hover\:border-b-gray-900:hover{
  border-bottom-color: #102a43;
}

.hover\:border-l-gray-900:hover{
  border-left-color: #102a43;
}

.hover\:border-t-magenta-dark:hover{
  border-top-color: #8f4731;
}

.hover\:border-r-magenta-dark:hover{
  border-right-color: #8f4731;
}

.hover\:border-b-magenta-dark:hover{
  border-bottom-color: #8f4731;
}

.hover\:border-l-magenta-dark:hover{
  border-left-color: #8f4731;
}

.hover\:border-t-magenta-bright:hover{
  border-top-color: #9C4429;
}

.hover\:border-r-magenta-bright:hover{
  border-right-color: #9C4429;
}

.hover\:border-b-magenta-bright:hover{
  border-bottom-color: #9C4429;
}

.hover\:border-l-magenta-bright:hover{
  border-left-color: #9C4429;
}

.hover\:border-t-magenta-hilight:hover{
  border-top-color: #CC522D;
}

.hover\:border-r-magenta-hilight:hover{
  border-right-color: #CC522D;
}

.hover\:border-b-magenta-hilight:hover{
  border-bottom-color: #CC522D;
}

.hover\:border-l-magenta-hilight:hover{
  border-left-color: #CC522D;
}

.hover\:border-t-teal-dark:hover{
  border-top-color: #2d5b6b;
}

.hover\:border-r-teal-dark:hover{
  border-right-color: #2d5b6b;
}

.hover\:border-b-teal-dark:hover{
  border-bottom-color: #2d5b6b;
}

.hover\:border-l-teal-dark:hover{
  border-left-color: #2d5b6b;
}

.hover\:border-t-teal-bright:hover{
  border-top-color: #2B738C;
}

.hover\:border-r-teal-bright:hover{
  border-right-color: #2B738C;
}

.hover\:border-b-teal-bright:hover{
  border-bottom-color: #2B738C;
}

.hover\:border-l-teal-bright:hover{
  border-left-color: #2B738C;
}

.hover\:border-t-teal-hilight:hover{
  border-top-color: #3CA1C4;
}

.hover\:border-r-teal-hilight:hover{
  border-right-color: #3CA1C4;
}

.hover\:border-b-teal-hilight:hover{
  border-bottom-color: #3CA1C4;
}

.hover\:border-l-teal-hilight:hover{
  border-left-color: #3CA1C4;
}

.hover\:border-t-mustard-dark:hover{
  border-top-color: #c47a53;
}

.hover\:border-r-mustard-dark:hover{
  border-right-color: #c47a53;
}

.hover\:border-b-mustard-dark:hover{
  border-bottom-color: #c47a53;
}

.hover\:border-l-mustard-dark:hover{
  border-left-color: #c47a53;
}

.hover\:border-t-mustard-bright:hover{
  border-top-color: #E07C48;
}

.hover\:border-r-mustard-bright:hover{
  border-right-color: #E07C48;
}

.hover\:border-b-mustard-bright:hover{
  border-bottom-color: #E07C48;
}

.hover\:border-l-mustard-bright:hover{
  border-left-color: #E07C48;
}

.hover\:border-t-mustard-hilight:hover{
  border-top-color: #FF7015;
}

.hover\:border-r-mustard-hilight:hover{
  border-right-color: #FF7015;
}

.hover\:border-b-mustard-hilight:hover{
  border-bottom-color: #FF7015;
}

.hover\:border-l-mustard-hilight:hover{
  border-left-color: #FF7015;
}

.hover\:border-t-purple-dark:hover{
  border-top-color: #6b2d5b;
}

.hover\:border-r-purple-dark:hover{
  border-right-color: #6b2d5b;
}

.hover\:border-b-purple-dark:hover{
  border-bottom-color: #6b2d5b;
}

.hover\:border-l-purple-dark:hover{
  border-left-color: #6b2d5b;
}

.hover\:border-t-purple-bright:hover{
  border-top-color: #8D2B74;
}

.hover\:border-r-purple-bright:hover{
  border-right-color: #8D2B74;
}

.hover\:border-b-purple-bright:hover{
  border-bottom-color: #8D2B74;
}

.hover\:border-l-purple-bright:hover{
  border-left-color: #8D2B74;
}

.hover\:border-t-purple-hilight:hover{
  border-top-color: #C0339C;
}

.hover\:border-r-purple-hilight:hover{
  border-right-color: #C0339C;
}

.hover\:border-b-purple-hilight:hover{
  border-bottom-color: #C0339C;
}

.hover\:border-l-purple-hilight:hover{
  border-left-color: #C0339C;
}

.hover\:border-t-purple-bookshop:hover{
  border-top-color: #584199;
}

.hover\:border-r-purple-bookshop:hover{
  border-right-color: #584199;
}

.hover\:border-b-purple-bookshop:hover{
  border-bottom-color: #584199;
}

.hover\:border-l-purple-bookshop:hover{
  border-left-color: #584199;
}

.hover\:border-t-green-dark:hover{
  border-top-color: #7b7d2a;
}

.hover\:border-r-green-dark:hover{
  border-right-color: #7b7d2a;
}

.hover\:border-b-green-dark:hover{
  border-bottom-color: #7b7d2a;
}

.hover\:border-l-green-dark:hover{
  border-left-color: #7b7d2a;
}

.hover\:border-t-green-bright:hover{
  border-top-color: #8F9220;
}

.hover\:border-r-green-bright:hover{
  border-right-color: #8F9220;
}

.hover\:border-b-green-bright:hover{
  border-bottom-color: #8F9220;
}

.hover\:border-l-green-bright:hover{
  border-left-color: #8F9220;
}

.hover\:border-t-green-hilight:hover{
  border-top-color: #B4B72A;
}

.hover\:border-r-green-hilight:hover{
  border-right-color: #B4B72A;
}

.hover\:border-b-green-hilight:hover{
  border-bottom-color: #B4B72A;
}

.hover\:border-l-green-hilight:hover{
  border-left-color: #B4B72A;
}

.hover\:border-t-navy-dark:hover{
  border-top-color: #52494c;
}

.hover\:border-r-navy-dark:hover{
  border-right-color: #52494c;
}

.hover\:border-b-navy-dark:hover{
  border-bottom-color: #52494c;
}

.hover\:border-l-navy-dark:hover{
  border-left-color: #52494c;
}

.hover\:border-t-navy-bright:hover{
  border-top-color: #6D565E;
}

.hover\:border-r-navy-bright:hover{
  border-right-color: #6D565E;
}

.hover\:border-b-navy-bright:hover{
  border-bottom-color: #6D565E;
}

.hover\:border-l-navy-bright:hover{
  border-left-color: #6D565E;
}

.hover\:border-t-navy-hilight:hover{
  border-top-color: #8A6A75;
}

.hover\:border-r-navy-hilight:hover{
  border-right-color: #8A6A75;
}

.hover\:border-b-navy-hilight:hover{
  border-bottom-color: #8A6A75;
}

.hover\:border-l-navy-hilight:hover{
  border-left-color: #8A6A75;
}

.hover\:border-t-transparent:hover{
  border-top-color: transparent;
}

.hover\:border-r-transparent:hover{
  border-right-color: transparent;
}

.hover\:border-b-transparent:hover{
  border-bottom-color: transparent;
}

.hover\:border-l-transparent:hover{
  border-left-color: transparent;
}

.hover\:border-t-black:hover{
  border-top-color: #101010;
}

.hover\:border-r-black:hover{
  border-right-color: #101010;
}

.hover\:border-b-black:hover{
  border-bottom-color: #101010;
}

.hover\:border-l-black:hover{
  border-left-color: #101010;
}

.hover\:border-t-white:hover{
  border-top-color: #fff;
}

.hover\:border-r-white:hover{
  border-right-color: #fff;
}

.hover\:border-b-white:hover{
  border-bottom-color: #fff;
}

.hover\:border-l-white:hover{
  border-left-color: #fff;
}

.hover\:border-t-red:hover{
  border-top-color: #E12D39;
}

.hover\:border-r-red:hover{
  border-right-color: #E12D39;
}

.hover\:border-b-red:hover{
  border-bottom-color: #E12D39;
}

.hover\:border-l-red:hover{
  border-left-color: #E12D39;
}

.focus\:border-t-blue-bright:focus{
  border-top-color: #0B69A3;
}

.focus\:border-r-blue-bright:focus{
  border-right-color: #0B69A3;
}

.focus\:border-b-blue-bright:focus{
  border-bottom-color: #0B69A3;
}

.focus\:border-l-blue-bright:focus{
  border-left-color: #0B69A3;
}

.focus\:border-t-blue-light:focus{
  border-top-color: #B3ECFF;
}

.focus\:border-r-blue-light:focus{
  border-right-color: #B3ECFF;
}

.focus\:border-b-blue-light:focus{
  border-bottom-color: #B3ECFF;
}

.focus\:border-l-blue-light:focus{
  border-left-color: #B3ECFF;
}

.focus\:border-t-blue-pale:focus{
  border-top-color: #DCEEFB;
}

.focus\:border-r-blue-pale:focus{
  border-right-color: #DCEEFB;
}

.focus\:border-b-blue-pale:focus{
  border-bottom-color: #DCEEFB;
}

.focus\:border-l-blue-pale:focus{
  border-left-color: #DCEEFB;
}

.focus\:border-t-blue-deep:focus{
  border-top-color: #035388;
}

.focus\:border-r-blue-deep:focus{
  border-right-color: #035388;
}

.focus\:border-b-blue-deep:focus{
  border-bottom-color: #035388;
}

.focus\:border-l-blue-deep:focus{
  border-left-color: #035388;
}

.focus\:border-t-blue-hilight:focus{
  border-top-color: #5ed0fa;
}

.focus\:border-r-blue-hilight:focus{
  border-right-color: #5ed0fa;
}

.focus\:border-b-blue-hilight:focus{
  border-bottom-color: #5ed0fa;
}

.focus\:border-l-blue-hilight:focus{
  border-left-color: #5ed0fa;
}

.focus\:border-t-blue-med:focus{
  border-top-color: #1992d4;
}

.focus\:border-r-blue-med:focus{
  border-right-color: #1992d4;
}

.focus\:border-b-blue-med:focus{
  border-bottom-color: #1992d4;
}

.focus\:border-l-blue-med:focus{
  border-left-color: #1992d4;
}

.focus\:border-t-blue-dark:focus{
  border-top-color: #003e6b;
}

.focus\:border-r-blue-dark:focus{
  border-right-color: #003e6b;
}

.focus\:border-b-blue-dark:focus{
  border-bottom-color: #003e6b;
}

.focus\:border-l-blue-dark:focus{
  border-left-color: #003e6b;
}

.focus\:border-t-gray-100:focus{
  border-top-color: #f0f4f8;
}

.focus\:border-r-gray-100:focus{
  border-right-color: #f0f4f8;
}

.focus\:border-b-gray-100:focus{
  border-bottom-color: #f0f4f8;
}

.focus\:border-l-gray-100:focus{
  border-left-color: #f0f4f8;
}

.focus\:border-t-gray-200:focus{
  border-top-color: #d9d9d9;
}

.focus\:border-r-gray-200:focus{
  border-right-color: #d9d9d9;
}

.focus\:border-b-gray-200:focus{
  border-bottom-color: #d9d9d9;
}

.focus\:border-l-gray-200:focus{
  border-left-color: #d9d9d9;
}

.focus\:border-t-gray-300:focus{
  border-top-color: #bcccdc;
}

.focus\:border-r-gray-300:focus{
  border-right-color: #bcccdc;
}

.focus\:border-b-gray-300:focus{
  border-bottom-color: #bcccdc;
}

.focus\:border-l-gray-300:focus{
  border-left-color: #bcccdc;
}

.focus\:border-t-gray-500:focus{
  border-top-color: #627d98;
}

.focus\:border-r-gray-500:focus{
  border-right-color: #627d98;
}

.focus\:border-b-gray-500:focus{
  border-bottom-color: #627d98;
}

.focus\:border-l-gray-500:focus{
  border-left-color: #627d98;
}

.focus\:border-t-gray-600:focus{
  border-top-color: #334e68;
}

.focus\:border-r-gray-600:focus{
  border-right-color: #334e68;
}

.focus\:border-b-gray-600:focus{
  border-bottom-color: #334e68;
}

.focus\:border-l-gray-600:focus{
  border-left-color: #334e68;
}

.focus\:border-t-gray-700:focus{
  border-top-color: #243b53;
}

.focus\:border-r-gray-700:focus{
  border-right-color: #243b53;
}

.focus\:border-b-gray-700:focus{
  border-bottom-color: #243b53;
}

.focus\:border-l-gray-700:focus{
  border-left-color: #243b53;
}

.focus\:border-t-gray-900:focus{
  border-top-color: #102a43;
}

.focus\:border-r-gray-900:focus{
  border-right-color: #102a43;
}

.focus\:border-b-gray-900:focus{
  border-bottom-color: #102a43;
}

.focus\:border-l-gray-900:focus{
  border-left-color: #102a43;
}

.focus\:border-t-magenta-dark:focus{
  border-top-color: #8f4731;
}

.focus\:border-r-magenta-dark:focus{
  border-right-color: #8f4731;
}

.focus\:border-b-magenta-dark:focus{
  border-bottom-color: #8f4731;
}

.focus\:border-l-magenta-dark:focus{
  border-left-color: #8f4731;
}

.focus\:border-t-magenta-bright:focus{
  border-top-color: #9C4429;
}

.focus\:border-r-magenta-bright:focus{
  border-right-color: #9C4429;
}

.focus\:border-b-magenta-bright:focus{
  border-bottom-color: #9C4429;
}

.focus\:border-l-magenta-bright:focus{
  border-left-color: #9C4429;
}

.focus\:border-t-magenta-hilight:focus{
  border-top-color: #CC522D;
}

.focus\:border-r-magenta-hilight:focus{
  border-right-color: #CC522D;
}

.focus\:border-b-magenta-hilight:focus{
  border-bottom-color: #CC522D;
}

.focus\:border-l-magenta-hilight:focus{
  border-left-color: #CC522D;
}

.focus\:border-t-teal-dark:focus{
  border-top-color: #2d5b6b;
}

.focus\:border-r-teal-dark:focus{
  border-right-color: #2d5b6b;
}

.focus\:border-b-teal-dark:focus{
  border-bottom-color: #2d5b6b;
}

.focus\:border-l-teal-dark:focus{
  border-left-color: #2d5b6b;
}

.focus\:border-t-teal-bright:focus{
  border-top-color: #2B738C;
}

.focus\:border-r-teal-bright:focus{
  border-right-color: #2B738C;
}

.focus\:border-b-teal-bright:focus{
  border-bottom-color: #2B738C;
}

.focus\:border-l-teal-bright:focus{
  border-left-color: #2B738C;
}

.focus\:border-t-teal-hilight:focus{
  border-top-color: #3CA1C4;
}

.focus\:border-r-teal-hilight:focus{
  border-right-color: #3CA1C4;
}

.focus\:border-b-teal-hilight:focus{
  border-bottom-color: #3CA1C4;
}

.focus\:border-l-teal-hilight:focus{
  border-left-color: #3CA1C4;
}

.focus\:border-t-mustard-dark:focus{
  border-top-color: #c47a53;
}

.focus\:border-r-mustard-dark:focus{
  border-right-color: #c47a53;
}

.focus\:border-b-mustard-dark:focus{
  border-bottom-color: #c47a53;
}

.focus\:border-l-mustard-dark:focus{
  border-left-color: #c47a53;
}

.focus\:border-t-mustard-bright:focus{
  border-top-color: #E07C48;
}

.focus\:border-r-mustard-bright:focus{
  border-right-color: #E07C48;
}

.focus\:border-b-mustard-bright:focus{
  border-bottom-color: #E07C48;
}

.focus\:border-l-mustard-bright:focus{
  border-left-color: #E07C48;
}

.focus\:border-t-mustard-hilight:focus{
  border-top-color: #FF7015;
}

.focus\:border-r-mustard-hilight:focus{
  border-right-color: #FF7015;
}

.focus\:border-b-mustard-hilight:focus{
  border-bottom-color: #FF7015;
}

.focus\:border-l-mustard-hilight:focus{
  border-left-color: #FF7015;
}

.focus\:border-t-purple-dark:focus{
  border-top-color: #6b2d5b;
}

.focus\:border-r-purple-dark:focus{
  border-right-color: #6b2d5b;
}

.focus\:border-b-purple-dark:focus{
  border-bottom-color: #6b2d5b;
}

.focus\:border-l-purple-dark:focus{
  border-left-color: #6b2d5b;
}

.focus\:border-t-purple-bright:focus{
  border-top-color: #8D2B74;
}

.focus\:border-r-purple-bright:focus{
  border-right-color: #8D2B74;
}

.focus\:border-b-purple-bright:focus{
  border-bottom-color: #8D2B74;
}

.focus\:border-l-purple-bright:focus{
  border-left-color: #8D2B74;
}

.focus\:border-t-purple-hilight:focus{
  border-top-color: #C0339C;
}

.focus\:border-r-purple-hilight:focus{
  border-right-color: #C0339C;
}

.focus\:border-b-purple-hilight:focus{
  border-bottom-color: #C0339C;
}

.focus\:border-l-purple-hilight:focus{
  border-left-color: #C0339C;
}

.focus\:border-t-purple-bookshop:focus{
  border-top-color: #584199;
}

.focus\:border-r-purple-bookshop:focus{
  border-right-color: #584199;
}

.focus\:border-b-purple-bookshop:focus{
  border-bottom-color: #584199;
}

.focus\:border-l-purple-bookshop:focus{
  border-left-color: #584199;
}

.focus\:border-t-green-dark:focus{
  border-top-color: #7b7d2a;
}

.focus\:border-r-green-dark:focus{
  border-right-color: #7b7d2a;
}

.focus\:border-b-green-dark:focus{
  border-bottom-color: #7b7d2a;
}

.focus\:border-l-green-dark:focus{
  border-left-color: #7b7d2a;
}

.focus\:border-t-green-bright:focus{
  border-top-color: #8F9220;
}

.focus\:border-r-green-bright:focus{
  border-right-color: #8F9220;
}

.focus\:border-b-green-bright:focus{
  border-bottom-color: #8F9220;
}

.focus\:border-l-green-bright:focus{
  border-left-color: #8F9220;
}

.focus\:border-t-green-hilight:focus{
  border-top-color: #B4B72A;
}

.focus\:border-r-green-hilight:focus{
  border-right-color: #B4B72A;
}

.focus\:border-b-green-hilight:focus{
  border-bottom-color: #B4B72A;
}

.focus\:border-l-green-hilight:focus{
  border-left-color: #B4B72A;
}

.focus\:border-t-navy-dark:focus{
  border-top-color: #52494c;
}

.focus\:border-r-navy-dark:focus{
  border-right-color: #52494c;
}

.focus\:border-b-navy-dark:focus{
  border-bottom-color: #52494c;
}

.focus\:border-l-navy-dark:focus{
  border-left-color: #52494c;
}

.focus\:border-t-navy-bright:focus{
  border-top-color: #6D565E;
}

.focus\:border-r-navy-bright:focus{
  border-right-color: #6D565E;
}

.focus\:border-b-navy-bright:focus{
  border-bottom-color: #6D565E;
}

.focus\:border-l-navy-bright:focus{
  border-left-color: #6D565E;
}

.focus\:border-t-navy-hilight:focus{
  border-top-color: #8A6A75;
}

.focus\:border-r-navy-hilight:focus{
  border-right-color: #8A6A75;
}

.focus\:border-b-navy-hilight:focus{
  border-bottom-color: #8A6A75;
}

.focus\:border-l-navy-hilight:focus{
  border-left-color: #8A6A75;
}

.focus\:border-t-transparent:focus{
  border-top-color: transparent;
}

.focus\:border-r-transparent:focus{
  border-right-color: transparent;
}

.focus\:border-b-transparent:focus{
  border-bottom-color: transparent;
}

.focus\:border-l-transparent:focus{
  border-left-color: transparent;
}

.focus\:border-t-black:focus{
  border-top-color: #101010;
}

.focus\:border-r-black:focus{
  border-right-color: #101010;
}

.focus\:border-b-black:focus{
  border-bottom-color: #101010;
}

.focus\:border-l-black:focus{
  border-left-color: #101010;
}

.focus\:border-t-white:focus{
  border-top-color: #fff;
}

.focus\:border-r-white:focus{
  border-right-color: #fff;
}

.focus\:border-b-white:focus{
  border-bottom-color: #fff;
}

.focus\:border-l-white:focus{
  border-left-color: #fff;
}

.focus\:border-t-red:focus{
  border-top-color: #E12D39;
}

.focus\:border-r-red:focus{
  border-right-color: #E12D39;
}

.focus\:border-b-red:focus{
  border-bottom-color: #E12D39;
}

.focus\:border-l-red:focus{
  border-left-color: #E12D39;
}

.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

.glide * {
  box-sizing: inherit;
}

.glide__track {
  overflow: hidden;
}

.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}

.glide__slides--dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

.glide__slide a {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.glide__arrows {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.glide__bullets {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.glide--rtl {
  direction: rtl;
}

.glide__arrow {
  position: absolute;
  display: block;
  top: 50%;
  z-index: 2;
  color: white;
  text-transform: uppercase;
  padding: 9px 12px;
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
  opacity: 1;
  cursor: pointer;
  transition: opacity 150ms ease, border 300ms ease-in-out;
  transform: translateY(-50%);
  line-height: 1;
}

.glide__arrow:focus {
  outline: none;
}

.glide__arrow:hover {
  border-color: white;
}

.glide__arrow--left {
  left: 2em;
}

.glide__arrow--right {
  right: 2em;
}

.glide__arrow--disabled {
  opacity: 0.33;
}

.glide__bullets {
  position: absolute;
  z-index: 2;
  bottom: 2em;
  left: 50%;
  display: inline-flex;
  list-style: none;
  transform: translateX(-50%);
}

.glide__bullet {
  background-color: rgba(255, 255, 255, 0.5);
  width: 9px;
  height: 9px;
  padding: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  margin: 0 0.25em;
}

.glide__bullet:focus {
  outline: none;
}

.glide__bullet:hover, .glide__bullet:focus {
  border: 2px solid white;
  background-color: rgba(255, 255, 255, 0.5);
}

.glide__bullet--active {
  background-color: white;
}

.glide--swipeable {
  cursor: grab;
  cursor: -webkit-grab;
}

.glide--dragging {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

/* BASE STYLES HERE  */

/* purgecss start ignore */

html {
  overflow-x: hidden;
}

body {
  font-size: 1rem;
  font-family: proxima-nova, sans-serif;
  line-height: 1.5rem;
  color: var(--black);
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: 500;
}

h1 {
  font-size: 1.875rem;
  font-family: jubilat, serif;
}

h2 {
  font-size: 1.5rem;
  font-family: jubilat, serif;
}

h3 {
  font-size: 1.5rem;
  font-family: jubilat, serif;
}

h4 {
  font-size: 1.25rem;
  font-family: jubilat, serif;
}

.nav-cat {
  font-family: jubilat, serif;
  font-weight: 400;
  font-size: 1.125rem;
}

section p a {
  text-decoration: underline;
  font-weight: 500;
}

.mega-menu {
  z-index: 10;
  display: none;
  left: 0;
  position: absolute;
  text-align: left;
  width: 100%;
}

@media (min-width: 1024px) {
  .mega-menu {
    position: absolute;
  }
}

/* #hoverable Class Styles
   –––––––––––––––––––––––––––––––––––––––––––––––––– */

.hoverable {
  position: static;
}

/*.hoverable:hover .mega-menu {
  @media (min-width: 1024px) {
    display: block;
    width: 100vw;
  }
}
*/

.shadow-link {
  line-height: 1.5;
  display: inline-block;
  position: relative;
  z-index: 0;
}

.shadow-link:after {
  content: " ";
  height: 8px;
  position: absolute;
  width: 100%;
  bottom: 4px;
  --bg-opacity: 1;
  background-color: #f0f4f8;
  background-color: rgba(240, 244, 248, var(--bg-opacity));
  left: 0;
  right: 0;
  transition-property: all;
  transition-duration: 100ms;
  z-index: -1;
}

.shadow-link--dark:after {
  --bg-opacity: 1;
  background-color: #035388;
  background-color: rgba(3, 83, 136, var(--bg-opacity));
  left: 0;
  right: 0;
  transition-property: all;
  transition-duration: 100ms;
  opacity: 0.5;
}

.shadow-link--gray:after {
  --bg-opacity: 1;
  background-color: #d9d9d9;
  background-color: rgba(217, 217, 217, var(--bg-opacity));
  left: 0;
  right: 0;
  transition-property: all;
  transition-duration: 100ms;
}

.shadow-link:hover:after {
  height: 16px;
}

.shadow-link--magenta:after, .shadow-link.magenta:after {
  --bg-opacity: 1;
  background-color: #9C4429;
  background-color: rgba(156, 68, 41, var(--bg-opacity));
  --bg-opacity: 0.25;
  left: 0;
  right: 0;
}

.shadow-link--magenta.hilight:after, .shadow-link.magenta.hilight:after {
  --bg-opacity: 1;
  background-color: #CC522D;
  background-color: rgba(204, 82, 45, var(--bg-opacity));
  --bg-opacity: 0.5;
}

.shadow-link--teal:after, .shadow-link.teal:after {
  --bg-opacity: 1;
  background-color: #2B738C;
  background-color: rgba(43, 115, 140, var(--bg-opacity));
  --bg-opacity: 0.25;
  left: 0;
  right: 0;
}

.shadow-link--teal.hilight:after, .shadow-link.teal.hilight:after {
  --bg-opacity: 1;
  background-color: #3CA1C4;
  background-color: rgba(60, 161, 196, var(--bg-opacity));
  --bg-opacity: 0.5;
}

.shadow-link--mustard:after, .shadow-link.mustard:after {
  --bg-opacity: 1;
  background-color: #E07C48;
  background-color: rgba(224, 124, 72, var(--bg-opacity));
  --bg-opacity: 0.25;
  left: 0;
  right: 0;
}

.shadow-link--mustard.hilight:after, .shadow-link.mustard.hilight:after {
  --bg-opacity: 1;
  background-color: #FF7015;
  background-color: rgba(255, 112, 21, var(--bg-opacity));
  --bg-opacity: 0.5;
}

.shadow-link--purple:after, .shadow-link.purple:after {
  --bg-opacity: 1;
  background-color: #8D2B74;
  background-color: rgba(141, 43, 116, var(--bg-opacity));
  --bg-opacity: 0.25;
  left: 0;
  right: 0;
}

.shadow-link--purple.hilight:after, .shadow-link.purple.hilight:after {
  --bg-opacity: 1;
  background-color: #C0339C;
  background-color: rgba(192, 51, 156, var(--bg-opacity));
  --bg-opacity: 0.5;
}

.shadow-link--navy:after {
  --bg-opacity: 1;
  background-color: #6D565E;
  background-color: rgba(109, 86, 94, var(--bg-opacity));
  --bg-opacity: 0.25;
  left: 0;
  right: 0;
}

.shadow-link--green:after, .shadow-link.green:after {
  --bg-opacity: 1;
  background-color: #8F9220;
  background-color: rgba(143, 146, 32, var(--bg-opacity));
  --bg-opacity: 0.25;
  left: 0;
  right: 0;
}

.shadow-link--green.hilight:after, .shadow-link.green.hilight:after {
  --bg-opacity: 1;
  background-color: #B4B72A;
  background-color: rgba(180, 183, 42, var(--bg-opacity));
  --bg-opacity: 0.5;
}

.active-cat {
  position: relative;
}

.active-cat:after {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  --text-opacity: 1;
  color: #0B69A3;
  color: rgba(11, 105, 163, var(--text-opacity));
  content: "";
  bottom: -1rem;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid;
  clear: both;
}

.active-cat:hover:after {
  border: none;
}

.active-cat--magenta:after, .active-cat.magenta:after {
  border-top-color: #8f4731;
}

.active-cat--teal:after, .active-cat.teal:after {
  border-top-color: #2d5b6b;
}

.active-cat--mustard:after, .active-cat.mustard:after {
  border-top-color: #c47a53;
}

.active-cat--purple:after, .active-cat.purple:after {
  border-top-color: #6b2d5b;
}

.active-cat--navy:after {
  border-top-color: #52494c;
}

.active-cat--green:after, .active-cat.green:after {
  border-top-color: #7b7d2a;
}

.today-link-active::after {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  content: "";
  position: absolute;
  bottom: -1rem;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #1F2933;
  clear: both;
}

.small-cap {
  text-transform: uppercase;
  font-family: proxima-nova, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
}

.date-list li {
  padding: 1rem;
  font-weight: 400;
  --text-opacity: 1;
  color: #627d98;
  color: rgba(98, 125, 152, var(--text-opacity));
  font-family: jubilat, serif;
  font-size: 1.5rem;
}

.episode-card {
  padding: 2rem;
  border-right-width: 1px;
  border-right-color: #d9d9d9;
  border-bottom-width: 1px;
  border-bottom-color: #d9d9d9;
  /*
    &.shadow-dom {
      &:nth-child(2) {
        @apply border-r-gray-200;

      }

      &:nth-child(3n+5) {
        @apply border-r-gray-200;
      }

      &:nth-child(3n+3) {
        @apply border-r-white;
      }
    }
  */
}

.load-more-grid .episode-card {
  padding: 2rem;
  border-right-width: 1px;
  border-right-color: #d9d9d9;
  border-bottom-width: 1px;
  border-bottom-color: #d9d9d9;
}

.load-more-grid .episode-card:nth-child(2) {
  border-right-color: #d9d9d9;
}

.load-more-grid .episode-card:nth-child(3n+3) {
  border-right-color: #fff;
}

.episode-grid {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  border-left-width: 1px;
  --border-opacity: 1;
  border-color: #d9d9d9;
  border-color: rgba(217, 217, 217, var(--border-opacity));
}

.episode-grid:after {
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  position: absolute;
  bottom: 0;
  content: " ";
  width: 100%;
  height: 1px;
}

.shim-it {
  border-top-color: #fff;
  border-top-width: 1px;
  margin-bottom: 2rem;
  position: relative;
  margin-top: -1px;
}

.button {
  --bg-opacity: 1;
  background-color: #627d98;
  background-color: rgba(98, 125, 152, var(--bg-opacity));
  font-size: 1rem;
  font-weight: 600;
  font-family: proxima-nova, sans-serif;
  border-radius: 0.25rem;
  border-radius: 0.375rem;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 4rem;
  padding-right: 4rem;
  text-align: center;
}

.button:hover {
  --bg-opacity: 1;
  background-color: #0B69A3;
  background-color: rgba(11, 105, 163, var(--bg-opacity));
}

.button--magenta, .button.magenta {
  --bg-opacity: 1;
  background-color: #8f4731;
  background-color: rgba(143, 71, 49, var(--bg-opacity));
}

.button--teal, .button.teal {
  --bg-opacity: 1;
  background-color: #2d5b6b;
  background-color: rgba(45, 91, 107, var(--bg-opacity));
}

.button--purple, .button.purple {
  --bg-opacity: 1;
  background-color: #6b2d5b;
  background-color: rgba(107, 45, 91, var(--bg-opacity));
}

.button--mustard, .button.mustard {
  --bg-opacity: 1;
  background-color: #c47a53;
  background-color: rgba(196, 122, 83, var(--bg-opacity));
}

.button--green, .button.green {
  --bg-opacity: 1;
  background-color: #7b7d2a;
  background-color: rgba(123, 125, 42, var(--bg-opacity));
}

.button:disabled {
  --bg-opacity: 1;
  background-color: #bcccdc;
  background-color: rgba(188, 204, 220, var(--bg-opacity));
  cursor: default;
}

.open-button {
  font-size: 1rem;
  font-weight: 600;
  font-family: proxima-nova, sans-serif;
  border-width: 1px;
  border-radius: 0.25rem;
  border-radius: 0.375rem;
  --border-opacity: 1;
  border-color: #627d98;
  border-color: rgba(98, 125, 152, var(--border-opacity));
  --text-opacity: 1;
  color: #627d98;
  color: rgba(98, 125, 152, var(--text-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 4rem;
  padding-right: 4rem;
  text-align: center;
}

.open-button--blue {
  --border-opacity: 1;
  border-color: #035388;
  border-color: rgba(3, 83, 136, var(--border-opacity));
  --text-opacity: 1;
  color: #035388;
  color: rgba(3, 83, 136, var(--text-opacity));
}

.open-button--blue:hover {
  --bg-opacity: 1;
  background-color: #0B69A3;
  background-color: rgba(11, 105, 163, var(--bg-opacity));
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  --border-opacity: 1;
  border-color: #0B69A3;
  border-color: rgba(11, 105, 163, var(--border-opacity));
}

.open-button--pill {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  text-transform: none;
}

.open-button--blue-bright {
  --border-opacity: 1;
  border-color: #0B69A3;
  border-color: rgba(11, 105, 163, var(--border-opacity));
  --text-opacity: 1;
  color: #0B69A3;
  color: rgba(11, 105, 163, var(--text-opacity));
}

.open-button--blue-bright:hover {
  opacity: 1;
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  --bg-opacity: 1;
  background-color: #0B69A3;
  background-color: rgba(11, 105, 163, var(--bg-opacity));
}

.open-button--blue-hilight, .open-button.blue {
  --border-opacity: 1;
  border-color: #5ed0fa;
  border-color: rgba(94, 208, 250, var(--border-opacity));
  --text-opacity: 1;
  color: #5ed0fa;
  color: rgba(94, 208, 250, var(--text-opacity));
  opacity: 0.75;
}

.open-button--blue-hilight:hover, .open-button.blue:hover {
  opacity: 1;
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.open-button--magenta, .open-button.magenta {
  --border-opacity: 1;
  border-color: #9C4429;
  border-color: rgba(156, 68, 41, var(--border-opacity));
  --text-opacity: 1;
  color: #9C4429;
  color: rgba(156, 68, 41, var(--text-opacity));
}

.open-button--magenta.hilight, .open-button.magenta.hilight {
  --border-opacity: 1;
  border-color: #CC522D;
  border-color: rgba(204, 82, 45, var(--border-opacity));
  --text-opacity: 1;
  color: #CC522D;
  color: rgba(204, 82, 45, var(--text-opacity));
}

.open-button--teal, .open-button.teal {
  --border-opacity: 1;
  border-color: #2B738C;
  border-color: rgba(43, 115, 140, var(--border-opacity));
  --text-opacity: 1;
  color: #2B738C;
  color: rgba(43, 115, 140, var(--text-opacity));
}

.open-button--teal.hilight, .open-button.teal.hilight {
  --border-opacity: 1;
  border-color: #3CA1C4;
  border-color: rgba(60, 161, 196, var(--border-opacity));
  --text-opacity: 1;
  color: #3CA1C4;
  color: rgba(60, 161, 196, var(--text-opacity));
}

.open-button--purple, .open-button.purple {
  --border-opacity: 1;
  border-color: #8D2B74;
  border-color: rgba(141, 43, 116, var(--border-opacity));
  --text-opacity: 1;
  color: #8D2B74;
  color: rgba(141, 43, 116, var(--text-opacity));
}

.open-button--purple.hilight, .open-button.purple.hilight {
  --border-opacity: 1;
  border-color: #C0339C;
  border-color: rgba(192, 51, 156, var(--border-opacity));
  --text-opacity: 1;
  color: #C0339C;
  color: rgba(192, 51, 156, var(--text-opacity));
}

.open-button--mustard, .open-button.mustard {
  --border-opacity: 1;
  border-color: #E07C48;
  border-color: rgba(224, 124, 72, var(--border-opacity));
  --text-opacity: 1;
  color: #E07C48;
  color: rgba(224, 124, 72, var(--text-opacity));
}

.open-button--mustard.hilight, .open-button.mustard.hilight {
  --border-opacity: 1;
  border-color: #FF7015;
  border-color: rgba(255, 112, 21, var(--border-opacity));
  --text-opacity: 1;
  color: #FF7015;
  color: rgba(255, 112, 21, var(--text-opacity));
}

.open-button--green, .open-button.green {
  --border-opacity: 1;
  border-color: #8F9220;
  border-color: rgba(143, 146, 32, var(--border-opacity));
  --text-opacity: 1;
  color: #8F9220;
  color: rgba(143, 146, 32, var(--text-opacity));
}

.open-button--green.hilight, .open-button.green.hilight {
  --border-opacity: 1;
  border-color: #B4B72A;
  border-color: rgba(180, 183, 42, var(--border-opacity));
  --text-opacity: 1;
  color: #B4B72A;
  color: rgba(180, 183, 42, var(--text-opacity));
}

.open-button--white {
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.open-button--navy, .open-button.navy {
  --border-opacity: 1;
  border-color: #6D565E;
  border-color: rgba(109, 86, 94, var(--border-opacity));
  --text-opacity: 1;
  color: #6D565E;
  color: rgba(109, 86, 94, var(--text-opacity));
}

.open-button--navy.hilight, .open-button.navy.hilight {
  --border-opacity: 1;
  border-color: #8A6A75;
  border-color: rgba(138, 106, 117, var(--border-opacity));
  --text-opacity: 1;
  color: #8A6A75;
  color: rgba(138, 106, 117, var(--text-opacity));
}

.subscribe-button {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  --text-opacity: 1;
  color: #0B69A3;
  color: rgba(11, 105, 163, var(--text-opacity));
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
  margin-right: 0.5rem;
}

.subscribe-button:hover {
  --text-opacity: 1;
  color: #003e6b;
  color: rgba(0, 62, 107, var(--text-opacity));
}

.category-card {
  display: flex;
  align-items: center;
  --bg-opacity: 1;
  background-color: #0B69A3;
  background-color: rgba(11, 105, 163, var(--bg-opacity));
}

.category-card .shadow-link:after {
  --bg-opacity: 1;
  background-color: #5ed0fa;
  background-color: rgba(94, 208, 250, var(--bg-opacity));
  --bg-opacity: 0.25;
  left: 0;
  right: 0;
  height: 12px;
}

label {
  text-transform: uppercase;
  font-family: proxima-nova, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  --text-opacity: 1;
  color: #0B69A3;
  color: rgba(11, 105, 163, var(--text-opacity));
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.fflabel {
  text-transform: uppercase;
  font-family: proxima-nova, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  font-weight: 400;
}

.main-footer {
  min-height: 250px;
}

.layout-svgs {
  position: absolute;
  left: -999px;
}

.waves-container {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 250px;
  height: 250px;
}

.footer-waves {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.diagonal-waves {
  --bg-opacity: 1;
  background-color: #f0f4f8;
  background-color: rgba(240, 244, 248, var(--bg-opacity));
  height: 100%;
  position: absolute;
  transform: skew(-45deg);
  transform-origin: top;
  width: 100%;
  z-index: 0;
}

.waves-corner {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 300px;
  height: 300px;
}

.subscribe-table tr {
  border-bottom-width: 1px;
  --border-opacity: 1;
  border-color: #d9d9d9;
  border-color: rgba(217, 217, 217, var(--border-opacity));
  border-right-width: 1px;
  border-left-width: 1px;
}

.subscribe-table tr:nth-child(even) {
  --bg-opacity: 1;
  background-color: #f0f4f8;
  background-color: rgba(240, 244, 248, var(--bg-opacity));
  --bg-opacity: 0.5;
}

.subscribe-table td {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.subscribe-table td.icon {
  text-align: center;
}

audio {
  filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%);
  height: 40px;
}

.episode p {
  text-align: justify;
  margin-bottom: 1rem;
}

.episode a {
  --text-opacity: 1;
  color: #0B69A3;
  color: rgba(11, 105, 163, var(--text-opacity));
}

.redactor-box {
  background-color: #F5F7FA !important;
  border-color: #CBD2D9 !important;
}

.article ul {
  list-style-position: inside;
  list-style-type: disc;
  margin: 1rem;
}

/* purgecss end ignore */

/* global alert */

.c-alert-global {
  background-color: var(--black);
  position: relative;
  z-index: 210;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 1075px) {
  .c-alert-global {
    height: 64px;
    overflow-x: scroll;
    justify-content: flex-start;
  }

  .c-alert-global__inner {
    white-space: nowrap;
  }
}

.c-alert-global p {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  font-size: 0.875rem;
}

.c-alert-global p a {
  --text-opacity: 1;
  color: #fff;
  color: rgba(255, 255, 255, var(--text-opacity));
  text-decoration: underline;
  transition: 0.15s all linear;
}

.c-alert-global p a:hover {
  color: var(--yellow);
}

/* purgecss start ignore */

.aa-Form {
  border: none !important;
}

.aa-Panel {
  z-index: 9999 !important;
}

mark {
  background-color: #f0f4f8 !important;
}

.aa-SubmitIcon {
  fill: #102a43 !important;
}

.aa-Item {
  --bg-opacity: 1;
  background-color: #f0f4f8;
  background-color: rgba(240, 244, 248, var(--bg-opacity));
  border-width: 1px;
  --border-opacity: 1;
  border-color: #fff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
  padding-bottom: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.aa-Item[aria-selected=true] {
  background-color: none !important;
  --border-opacity: 1;
  border-color: #0B69A3;
  border-color: rgba(11, 105, 163, var(--border-opacity));
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

/* purgecss end ignore */

/*
 * Base
 */

/*
* Atoms
*/

.o-button {
  background: var(--yellow);
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  padding: 7px 16px;
  border-radius: 5px;
  color: var(--black);
  text-decoration: none;
  align-items: center;
  grid-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  text-transform: uppercase;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.o-button:hover {
  background: var(--black);
  color: var(--white);
}

.o-button:hover path {
  fill: var(--white);
}

.o-button--secondary {
  background: var(--dark-tan);
  color: var(--white);
}

.o-button--tertiary {
  background: var(--gray);
}

.o-button--outline {
  background: none;
  border: 1px solid var(--black);
}

.o-button--tan {
  background: var(--tan);
}

.c-language-toggle {
  display: flex;
  grid-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  align-items: center;
  background-color: var(--yellow);
  padding: 4px 7px;
  border-radius: 5px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 20;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.c-language-toggle .o-arrow svg {
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.c-language-toggle.this-is-active .c-language-toggle__menu {
  display: block;
}

.c-language-toggle.this-is-active .o-arrow svg {
  transform: rotate(180deg);
}

.c-language-toggle__menu {
  position: absolute;
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
  background-color: var(--gray);
  top: 32px;
  left: 0px;
  display: none;
}

.c-language-toggle__menu a {
  color: var(--black);
  font-size: 12px;
  text-decoration: none;
}

.c-language-toggle__menu a:hover {
  text-decoration: underline;
}

.c-account-toggle {
  display: flex;
  grid-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  align-items: center;
  background-color: var(--tan);
  padding: 6px 10px;
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  text-transform: none;
  min-width: 105px;
  z-index: 20;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

@media screen and (max-width: 1075px) {
  .c-account-toggle {
    display: none;
  }
}

.c-account-toggle svg {
  width: 21px;
  height: 21px;
}

.c-account-toggle.this-is-active .c-account-toggle__menu {
  display: block;
}

.c-account-toggle__menu {
  position: absolute;
  padding: 10px;
  display: flex;
  flex-direction: column;
  background-color: var(--tan);
  top: 50px;
  left: 0px;
  display: none;
  line-height: normal;
}

.c-account-toggle__menu::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-bottom: 7.5px solid var(--tan);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.c-account-toggle__menu a {
  display: block;
  color: var(--black);
  font-size: 12px;
  text-decoration: none;
}

.c-account-toggle__menu a:hover {
  text-decoration: underline;
}

.c-share-toggle {
  display: flex;
  grid-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  text-transform: none;
  z-index: 3;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.c-share-toggle:hover {
  color: var(--yellow);
}

.c-share-toggle svg {
  width: 21px;
  height: 21px;
}

.c-share-toggle.this-is-active .c-share-toggle__menu {
  display: block;
}

.c-share-toggle__menu {
  min-width: 120px;
  position: absolute;
  padding: 10px;
  display: flex;
  flex-direction: column;
  border: 1px solid #E0E0E0;
  background-color: var(--white);
  top: 38px;
  left: 0px;
  display: none;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1019607843);
  line-height: normal;
  border-radius: 4px;
}

.c-share-toggle__menu::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-bottom: 7.5px solid var(--white);
  position: absolute;
  bottom: 100%;
  left: 10px;
  z-index: 3;
}

.c-share-toggle__menu::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 8.5px solid transparent;
  border-right: 8.5px solid transparent;
  border-bottom: 8.5px solid #E0E0E0;
  position: absolute;
  bottom: 100%;
  left: 9px;
  z-index: 2;
}

.c-share-toggle__menu a {
  color: var(--black);
  font-size: 14px;
  text-decoration: none;
}

.c-share-toggle__menu a:hover {
  text-decoration: underline;
}

.c-share-toggle__link {
  display: flex;
  align-items: center;
  grid-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.c-share-toggle__link svg {
  width: 20px;
  height: 20px;
}

.c-share-toggle__link svg + span {
  flex: 1;
}

/*
 * Molecules
 */

.c-social-links {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  grid-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.c-header .c-social-links svg {
  fill: var(--black);
}

.c-header .c-social-links svg path {
  fill: var(--black);
}

.c-social-links__item--with-text .o-icon {
  display: flex;
  align-items: center;
  font-size: 12px;
  grid-column-gap: 3px;
  -moz-column-gap: 3px;
  column-gap: 3px;
}

.c-social-links__item--with-text .o-icon > svg {
  flex: 1;
  min-width: 15px;
}

.c-social-links__item--with-text .o-icon > svg + span {
  line-height: 1.25;
}

.c-breadcrumb.c-site-section {
  padding-top: 30px;
}

.c-breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1023px) {
  .c-breadcrumb ul {
    flex-wrap: wrap;
  }
}

.c-breadcrumb ul li + li {
  margin-left: 6px;
}

.c-breadcrumb ul li + li::before {
  content: "/";
  margin-right: 6px;
}

.c-social-bar {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 10px;
  gap: 10px;
}

.c-social-bar svg {
  height: 18px;
}

.c-social-bar a {
  font-size: 12px;
  display: flex;
  align-items: center;
  grid-gap: 5px;
  gap: 5px;
}

.c-top-nav {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  grid-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  font-size: 12px;
}

.c-top-nav a {
  text-decoration: none;
  color: var(--black);
  padding: 3px 5px;
  border-radius: 5px;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.c-top-nav a:hover {
  background: var(--tan);
}

.c-nav {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  grid-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px;
  font-size: 16px;
  text-transform: uppercase;
}

@media only screen and (min-width: 1076px) and (max-width: 1300px) {
  .c-header--es .c-nav {
    font-size: 12px;
  }
}

@media only screen and (min-width: 1076px) and (max-width: 1300px) {
  .c-header--default .c-nav {
    font-size: 14px;
  }
}

.c-nav > a {
  text-decoration: none;
  color: var(--black);
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

@media only screen and (max-width: 1075px) {
  .c-nav > a {
    display: none;
  }
}

.c-nav > a:hover {
  text-decoration: underline;
}

.c-nav__item {
  display: flex;
  align-items: center;
}

.c-nav__item.is-active {
  text-decoration: underline;
}

.c-nav__item svg {
  height: 7px;
  width: 7px;
}

.c-nav__item-arrow {
  height: 24px;
  display: flex;
  align-items: center;
  padding-left: 7px;
  padding-right: 7px;
}

.c-nav .lines {
  width: 16px;
  height: 10px;
  padding: 4px 9px;
  position: relative;
  z-index: 900;
  display: block;
  cursor: pointer;
}

@media screen and (max-width: 1075px) {
  .c-nav .lines.this-is-active + .c-nav-mobile-menu {
    opacity: 1;
    transform: translateX(0);
    display: block;
    z-index: 820;
    visibility: visible;
  }
}

@media only screen and (min-width: 1076px) {
  .c-nav .lines {
    display: none;
  }
}

.c-nav .lines .line {
  background-color: var(--black);
  height: 2px;
  width: 16px;
  display: block;
  position: absolute;
  border-radius: 5px;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  left: 0;
}

.c-nav .lines .line:nth-child(1) {
  top: 0px;
}

.c-nav .lines .line:nth-child(2) {
  bottom: 0px;
}

.c-nav .this-is-active .line:nth-child(1) {
  top: unset !important;
  transform: rotate(45deg);
}

.c-nav .this-is-active .line:nth-child(2) {
  bottom: unset !important;
  transform: rotate(-45deg);
}

.c-nav-mobile-menu {
  display: none;
  position: absolute;
  visibility: hidden;
  z-index: 800;
  top: 65px;
  height: calc(100vh - 65px);
  left: 0;
  right: 0;
  width: 100%;
  background-color: var(--tan);
  padding: 20px 30px;
  z-index: 5;
  text-align: center;
  opacity: 0;
  z-index: -1;
  transform: translateX(100%);
  transition: 0.15s all linear;
}

.c-header.has-alert .c-nav-mobile-menu {
  height: calc(100vh - 129px);
}

.c-nav-mobile-menu__menu {
  margin-top: 30px;
}

.c-nav-mobile-menu__menu + .c-nav-mobile-menu__top-nav {
  border-top: 1px solid var(--black);
  padding-top: 30px;
  margin-top: 60px;
}

.c-nav-mobile-menu__top-nav {
  text-transform: none;
}

.c-nav-mobile-menu__social .c-social-links {
  margin: 60px auto 0 auto;
}

@media screen and (max-width: 1075px) {
  .c-nav-mobile-menu {
    display: block;
  }
}

.c-search {
  width: 100%;
  position: relative;
  background: var(--gray);
  border-radius: 7px;
}

.c-search input {
  width: 100%;
  border: none;
  background: var(--gray);
  padding: 5px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  position: relative;
  color: var(--dark-tan);
}

.c-search input::-moz-placeholder {
  color: var(--dark-tan);
}

.c-search input::placeholder {
  color: var(--dark-tan);
}

.c-search--mobile {
  display: flex;
  align-items: center;
  max-width: 290px;
  background-color: var(--white);
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
}

.c-search--mobile input {
  background-color: var(--white);
  margin-left: 5px;
  padding-left: 10px;
}

.c-search--mobile svg {
  fill: var(--dark-tan);
}

.c-search--es-desktop {
  display: flex;
  align-items: center;
  background-color: var(--gray);
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
}

.c-search--es-desktop input {
  background-color: var(--gray);
  margin-left: 5px;
  padding-left: 10px;
}

.c-search--es-desktop svg {
  fill: var(--dark-tan);
}

.c-search .aa-SubmitIcon {
  fill: var(--dark-tan) !important;
}

.c-search .aa-ClearButton svg path {
  fill: var(--dark-tan) !important;
}

.c-search label {
  margin-bottom: 0;
}

.c-search .o-search {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
}

.c-search .aa-Label svg,
.c-search .aa-LoadingIndicator svg {
  width: 17px !important;
}

.c-search .aa-Form[focus-within] {
  box-shadow: none !important;
}

.c-search .aa-Form:focus-within {
  box-shadow: none !important;
}

.c-search .aa-SubmitButton {
  width: auto;
}

.aa-Item {
  background-color: var(--gray) !important;
}

.aa-Item a {
  color: var(--black);
}

.aa-Item a mark {
  background-color: var(--dark-tan) !important;
  color: var(--white);
}

.aa-Item a:hover {
  color: var(--yellow);
}

.aa-Item[aria-selected=true] {
  border-color: var(--dark-tan);
}

:root {
  --aa-search-input-height: 35px;
  --aa-input-background-color-rgb: var(--gray);
}

.c-site-section {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media only screen and (max-width: 1075px) {
  .c-site-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.c-counter {
  display: flex;
  font-size: 48px;
  font-weight: 700;
  align-items: center;
  justify-content: center;
  justify-items: center;
  grid-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

@media only screen and (max-width: 1023px) {
  .c-counter {
    flex-wrap: wrap;
    font-size: 24px;
  }
}

.c-counter__number {
  background: #eeeae6;
  padding: 10px 20px;
  margin: 5px;
  border-radius: 4px;
}

@media only screen and (max-width: 1023px) {
  .c-counter__number {
    margin: 3px;
  }
}

.c-counter__number:nth-child(even) {
  animation: 1s ease-out 0s 1 spin;
}

.c-counter__number:nth-child(odd) {
  animation: 1s ease-out 0s 1 spin2;
}

.c-counter__numbers {
  display: flex;
  align-items: end;
  justify-items: end;
  line-height: normal;
}

.c-counter__text {
  line-height: 1.25;
}

@media only screen and (max-width: 1023px) {
  .c-counter__text {
    font-size: 24px;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
}

@keyframes spin {
  0% {
    transform: rotate3d(1, 0, 0, 0deg);
  }

  100% {
    transform: rotate3d(1, 0, 0, 1080deg);
  }
}

@keyframes spin2 {
  0% {
    transform: rotate3d(1, 0, 0, 0deg);
  }

  100% {
    transform: rotate3d(1, 0, 0, 720deg);
  }
}

.c-spinner {
  border: 5px solid rgba(255, 255, 255, 0.3); /* Light grey */
  border-radius: 50%;
  border-top: 5px solid var(--black); /* Black */
  width: 24px;
  height: 24px;
  margin: 39px 0;
  animation: spinnerAnimate 1s linear infinite;
}

@keyframes spinnerAnimate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.c-card-book {
  width: 160px;
  height: auto;
}

.c-card-book .o-image {
  margin-bottom: 15px;
  border-radius: 8px;
}

.c-card-book svg {
  width: 100%;
  height: auto;
}

.c-card-book a {
  color: var(--black);
  text-decoration: none;
}

.c-card-featured {
  position: relative;
  color: var(--white);
  border-radius: 20px;
  width: 100%;
  display: block;
}

.c-card-featured__image {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.c-card-featured__image img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 398px;
}

@media screen and (max-width: 1279px) {
  .c-card-featured__image img {
    height: 300px;
  }
}

@media screen and (max-width: 767px) {
  .c-card-featured__image img {
    height: 280px;
  }
}

.c-card-featured__image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  height: 50%;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(5, 29, 41, 0.75) 75%);
}

.c-card-featured__content {
  position: absolute;
  bottom: 0;
  padding: 20px;
  left: 0;
  right: 0;
  z-index: 6;
}

.c-card-plain {
  display: block;
  background-color: var(--gray);
  padding: 20px;
  text-align: center;
  border-radius: 5px;
  min-height: 64px;
  transition: 0.15s all linear;
  color: var(--black);
}

.c-card-plain--stretched {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.c-card-plain:hover {
  background-color: var(--black);
  color: var(--white);
}

.c-category-section.c-site-section {
  padding-top: 0;
}

.c-parent-category-card {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 20px;
  gap: 20px;
}

.c-parent-category-card--child {
  align-items: center;
}

.c-parent-category-card__image {
  width: 266px;
  min-width: 266px;
  height: 266px;
  border-radius: 5px;
  overflow: hidden;
}

.c-parent-category-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-parent-category-card__image svg {
  width: 100%;
  height: auto;
}

.c-parent-category-card__episodes-counter .episodeCountPlaceholder {
  color: var(--dark-tan);
}

.c-parent-category-card__description {
  color: var(--black);
}

.c-parent-category-card__content {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  align-content: baseline;
  flex-direction: column;
}

.c-parent-category-card__content.has-sponsors {
  flex-direction: row;
  align-items: center;
}

.c-parent-category-card__content.has-sponsors .c-parent-category-card__content-inner {
  width: 70%;
  padding-right: 30px;
}

@media screen and (max-width: 1023px) {
  .c-parent-category-card__content.has-sponsors .c-parent-category-card__content-inner {
    width: 100%;
    padding-right: 0;
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 500px) {
  .c-parent-category-card__content {
    flex: 100%;
  }
}

.c-parent-category-card__content > * {
  width: 100%;
}

.c-parent-category-card__content h2 a {
  transition: 0.15s all linear;
}

.c-parent-category-card__content h2 a:hover {
  color: var(--yellow);
}

.c-parent-category-card__button-container {
  display: block;
  padding-top: 32px;
}

.c-parent-category-card + .c-parent-category-card {
  border-top: 1px solid #D9D9D9;
  padding-top: 25px;
  margin-top: 25px;
}

.c-parent-category-card__episodes {
  width: 100%;
  max-width: 440px;
}

@media screen and (max-width: 1023px) {
  .c-parent-category-card__episodes {
    max-width: none;
  }
}

.c-parent-category-card .c-episode-card + .c-episode-card {
  margin-top: 10px;
}

.c-channel-sponsors {
  width: 30%;
  padding: 30px 0 30px 40px;
  border-left: 1px solid #D9D9D9;
}

@media screen and (max-width: 1023px) {
  .c-channel-sponsors {
    width: 100%;
    border-left: 0;
    border-top: 1px solid #D9D9D9;
    padding: 20px 0;
    justify-content: flex-start;
  }

  .c-channel-sponsors img {
    height: 30px;
    margin: 0;
  }
}

.c-episode-card {
  display: flex;
  grid-gap: 20px;
  gap: 20px;
  background-color: var(--gray);
  border-radius: 8px;
  padding: 15px;
}

.c-episode-card__image {
  min-width: 3.5rem;
  max-width: 3.5rem;
}

.c-episode-card__image img {
  width: 100%;
}

.c-episode-card__image svg {
  width: 100%;
  height: auto;
}

.c-episode-card.c-search-result-card .c-episode-card__image {
  min-width: 7rem;
  max-width: 7rem;
}

.c-episode-card__date {
  color: var(--dark-tan-aa);
}

.c-episode-card__content {
  flex: 1;
}

.c-episode-card__content__subtitle {
  font-family: var(--font-heading);
  color: var(--dark-tan-aa);
  line-height: 1.1;
}

.c-episode-card__content-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  grid-gap: 20px;
  gap: 20px;
}

.c-episode-card__description {
  margin-top: 20px !important;
  padding-right: 2.5rem;
  padding-bottom: 1rem;
  line-height: 1.25;
  font-size: 15px;
}

.c-episode-card--carousel {
  height: 100%;
}

.c-child-category-episode-grid {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid #D9D9D9;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px;
  grid-row-gap: 40px;
  row-gap: 40px;
}

.c-child-category-episode-grid--load-more {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}

.c-load-more-new-episodes .c-child-category-episode-grid {
  border-top: 0;
  padding-top: 0;
}

.c-child-category-episode-grid + .sprig-component {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .c-child-category-episode-grid {
    grid-template-columns: 1fr;
  }
}

.c-discount-card {
  background-color: var(--gray);
  padding: 20px;
  border-radius: 5px;
  display: flex;
  align-items: center;
}

.c-discount-card__date {
  color: var(--dark-tan);
}

.c-discount-card__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: 20px;
  gap: 20px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .c-discount-card__inner {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .c-discount-card__left {
    text-align: left;
    width: 100%;
  }
}

.c-discount-card__right {
  text-align: right;
}

@media screen and (max-width: 767px) {
  .c-discount-card__right {
    text-align: left;
    width: 100%;
  }
}

.c-discount-card__price {
  display: flex;
  align-items: baseline;
  justify-content: end;
  grid-gap: 10px;
  gap: 10px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .c-discount-card__price {
    justify-content: start;
  }
}

.c-discount-card__subtitle {
  color: var(--dark-tan);
}

.c-glide-arrows {
  display: flex;
  justify-content: end;
}

.c-glide-arrows__button {
  background-color: transparent;
}

.c-glide-arrows__button:hover {
  background-color: transparent;
}

.c-glide-arrows__button--prev {
  transform: rotate(180deg);
}

.c-hero {
  position: relative;
}

.c-hero h1 {
  color: var(--white);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  padding: 20px;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.25;
}

.c-hero__image {
  height: 200px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.c-hero__image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(5, 29, 41, 0.75) 71.87%);
}

.c-hero__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-form-group label {
  display: block;
  font-family: var(--font-regular);
  color: #1F2432;
  font-weight: 400;
  margin-bottom: 0;
  text-transform: none;
  font-size: 14px;
}

.o-input {
  border: 2px solid var(--dark-tan);
  border-radius: 4px;
  padding: 12px 16px;
}

.c-checkbox-group {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 30px;
  gap: 30px;
  margin-top: 30px;
}

.c-checkbox-group > li {
  display: flex;
  align-items: center;
}

.c-styled-checkbox {
  position: absolute;
  opacity: 0;
}

.c-styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: #1F2432;
  font-weight: 400;
}

.c-styled-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 4px;
  border: 2px solid var(--dark-tan);
}

.c-styled-checkbox:hover + label:before {
  background: var(--yellow);
  border: 2px solid var(--yellow);
}

.c-styled-checkbox:focus + label:before {
  box-shadow: none;
  border: 2px solid var(--yellow);
}

.c-styled-checkbox:checked + label:before {
  background: var(--yellow);
  border: 2px solid var(--yellow);
}

.c-styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}

.c-styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}

.c-styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 11px;
  background: var(--black);
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 var(--black), 4px 0 0 var(--black), 4px -2px 0 var(--black), 4px -4px 0 var(--black), 4px -6px 0 var(--black), 4px -8px 0 var(--black);
  transform: rotate(45deg);
}

.c-green-flash-message {
  background: lightgreen;
  border: 1px solid green;
  color: green;
}

.c-popup-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  left: 0;
  z-index: 999;
  display: none;
}

.c-popup-container::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  top: 0;
  left: 0;
  right: 0;
  left: 0;
  background: #000;
  opacity: 0.85;
}

.c-popup {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  width: 840px;
  border-radius: 8px;
  overflow: hidden;
}

@media screen and (max-width: 1075px) {
  .c-popup {
    width: 100%;
    padding: 0 20px;
    text-align: center;
  }
}

.c-popup__image {
  min-width: 420px;
  max-width: 420px;
  width: 100%;
}

.c-popup__image--default {
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1075px) {
  .c-popup__image {
    display: none;
  }
}

.c-popup__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-popup__image svg {
  width: 15rem;
  height: auto;
}

.c-popup__content {
  background-color: #fff;
  padding: 75px 40px 40px 40px;
  width: 420px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 1075px) {
  .c-popup__content {
    width: 100%;
    max-width: 420px;
    border-radius: 8px;
    margin: auto;
    padding: 55px 25px 25px 25px;
  }
}

.c-popup__buttons {
  align-self: self-end;
}

@media screen and (max-width: 1075px) {
  .c-popup__buttons {
    flex-wrap: wrap;
    width: 100%;
  }

  .c-popup__buttons > .c-popup__button {
    width: 100%;
    margin: auto;
  }

  .c-popup__buttons > .c-popup__button .o-button {
    margin: auto;
  }
}

.c-popup__close {
  position: absolute;
  top: 12px;
  right: 12px;
  margin-top: 0 !important;
  cursor: pointer;
  transition: all 0.15s ease-in;
}

.c-popup__close:hover {
  transform: scale(1.1);
}

/*
 * Organisms
 */

.c-header {
  background-color: var(--white);
  position: relative;
}

.c-header--es .c-search--eng-desktop {
  display: none;
}

.c-header__border {
  height: 1px;
  width: 100%;
  background-color: #D9D9D9;
  position: relative;
  z-index: 205;
}

.c-header__top-container {
  background-color: var(--white);
  position: relative;
  z-index: 210;
}

.c-header__bottom-container {
  background-color: var(--white);
  position: relative;
  z-index: 200;
}

.c-header__bottom {
  display: flex;
  align-items: center;
  grid-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  padding: 5px 0;
  flex-wrap: wrap;
}

.c-header__bottom--search {
  max-width: 420px;
  width: 100%;
  margin-left: 80px;
}

.c-header--es .c-header__bottom--search {
  max-width: 250px;
}

@media only screen and (max-width: 1400px) {
  .c-header__bottom--search {
    max-width: 380px;
  }

  .c-header--es .c-header__bottom--search {
    max-width: 200px;
  }
}

@media only screen and (max-width: 1300px) {
  .c-header__bottom--search {
    margin-left: 25px;
    max-width: 250px;
  }
}

.c-header__bottom--nav {
  margin-left: auto;
}

@media only screen and (max-width: 1075px) {
  .c-header__bottom--nav {
    display: flex;
    grid-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
}

.c-header__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  padding: 5px 0;
  flex-wrap: wrap;
}

.c-header__top--nav {
  display: flex;
  align-items: center;
  grid-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

@media only screen and (max-width: 1075px) {
  .c-header__border,
  .c-header__bottom--search,
  .c-header__top,
  .c-header__top .c-language-toggle {
    display: none;
  }

  .c-header__bottom .c-language-toggle {
    display: flex;
  }
}

@media only screen and (min-width: 1076px) {
  .c-header__bottom .c-language-toggle {
    display: none;
  }
}

.c-mega-nav {
  background-color: var(--white);
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 30px 0;
  opacity: 0;
  z-index: -1;
  transform: translateY(-100%);
  transition: 0.15s all linear;
}

@media only screen and (max-width: 1075px) {
  .c-mega-nav {
    display: none;
  }
}

.c-mega-nav.is-active {
  transform: translateY(0);
  opacity: 1;
  z-index: 15;
}

.c-mega-nav__tabs-list > li {
  color: #787878;
}

.c-mega-nav__tabs-list > li.is-active {
  color: var(--black);
}

.c-mega-nav__tab-content-container {
  position: relative;
}

.c-mega-nav__tab-content-container::before {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #D9D9D9;
  position: absolute;
  left: -48px;
  top: 0;
}

.c-mega-nav__tab-content {
  display: none;
}

.c-mega-nav__tab-content:first-child {
  display: block;
}

.c-mega-nav-card {
  display: flex;
  align-items: center;
  background-color: var(--gray);
}

.c-mega-nav-card__image {
  min-width: 82px;
  min-height: 82px;
  width: 82px;
  height: 82px;
}

.c-mega-nav-card__image img, .c-mega-nav-card__image svg {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-mega-nav-card__link {
  padding: 20px;
  font-family: var(--font-heading);
  font-weight: 400;
  line-height: 1.25;
}

.c-mega-nav__grid .c-glide-arrows {
  margin-bottom: 25px;
}

.c-mega-nav__grid .c-glide-arrows__button--next {
  padding-right: 0;
}

.c-mega-nav__grid .glide__track {
  overflow: hidden;
}

.c-mega-nav__grid .glide__slides {
  overflow: visible !important;
  width: 100% !important;
}

.c-mega-nav__grid .glide__slide {
  width: 100% !important;
}

.c-carousel {
  width: 100%;
  display: flex;
  flex-direction: column;
  grid-row-gap: 30px;
  row-gap: 30px;
}

.c-carousel__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
  cursor: auto;
}

@media screen and (max-width: 1075px) {
  .c-carousel__title {
    grid-row-gap: 10px;
    row-gap: 10px;
    grid-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}

.c-carousel__slide {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.c-carousel__controls {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.c-carousel--tall .c-card img {
  border: 1px solid var(--dark-tan);
  height: 240px;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-footer {
  background-color: var(--black);
  color: var(--white);
  padding-top: 60px;
  padding-bottom: 60px;
}

.c-footer .o-button:hover {
  background-color: var(--yellow);
  color: var(--black);
}

.c-footer .c-social-links svg path,
.c-footer .c-social-links svg rect,
.c-footer .c-social-links svg circle {
  fill: var(--white);
}

.c-episode-post__top {
  padding-top: 0;
  padding-bottom: 0;
}

.c-episode-post__date {
  color: var(--dark-tan);
}

.c-episode-post__image {
  width: 170px;
}

.c-episode-post__image img, .c-episode-post__image svg {
  width: 100%;
}

.c-episode-post__image svg {
  min-width: 6.25rem;
  height: auto;
}

.c-episode-post__subtitle {
  color: var(--dark-tan);
}

.c-episode-post__host-content {
  position: relative;
}

.c-episode-post__host-content::before {
  content: "";
  background-color: #D9D9D9;
  height: 100%;
  width: 1px;
  position: absolute;
  left: -48px;
  top: 0;
}

@media only screen and (max-width: 1023px) {
  .c-episode-post__host-content::before {
    top: -24px;
    left: 0;
    width: 100%;
    height: 1px;
  }
}

.c-episode-post__interactive-buttons {
  display: flex;
  align-items: center;
  grid-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  padding-top: 10px;
}

.c-episode-saver {
  cursor: pointer;
}

.c-episode-saver .c-episode-saver__saved {
  display: none;
}

.c-episode-saver.is-saved .c-episode-saver__saved {
  display: block;
}

.c-episode-saver.is-saved .c-episode-saver__unsaved {
  display: none;
}

.c-episode-saver:hover {
  color: var(--yellow);
}

.c-accordion-section {
  background: var(--gray);
  padding: 30px;
  border-radius: 13px;
}

.c-accordion-item {
  background: var(--white);
  padding: 20px;
}

.c-edit-profile-accordion-section .c-accordion-item {
  background: var(--gray);
}

.c-accordion-item.is-open .c-accordion-item__button {
  transform: rotate(180deg);
}

.c-accordion-item__button {
  transition: all 0.15s ease-in-out;
}

.c-accordion-item__heading {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.c-accordion-item__content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.15s ease-in-out;
}

.c-new-episode-tab-content {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.c-new-episode-tab-content.active {
  display: block;
  opacity: 1;
  visibility: visible;
}

.c-new-episode-tabs-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (max-width: 1075px) {
  .c-new-episode-tabs-header {
    flex-wrap: wrap;
    grid-row-gap: 20px;
    row-gap: 20px;
  }
}

.c-new-episode-tabs {
  display: flex;
  grid-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  align-items: center;
}

.c-episode-tab-link {
  transition: none;
  padding: 5px 10px;
}

.c-episode-tab-link:hover {
  color: var(--black);
}

.c-episode-tab-link.active {
  background-color: var(--yellow);
  border-radius: 5px;
  color: var(--black);
}

.c-home-banner-section {
  background-color: var(--yellow);
  margin-left: -50vw;
  margin-right: -50vw;
}

@media screen and (max-width: 680px) {
  .c-home-banner-section {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}

.c-home-banner {
  display: flex;
  justify-content: space-between;
}

.c-home-banner__left-image {
  max-width: 250px;
}

@media screen and (max-width: 1075px) {
  .c-home-banner__left-image {
    display: none;
  }
}

.c-home-banner__left-image img {
  width: 100%;
}

.c-home-banner__right-image {
  max-width: 250px;
}

@media screen and (max-width: 1075px) {
  .c-home-banner__right-image {
    display: none;
  }
}

.c-home-banner__right-image img {
  width: 100%;
}

.c-home-banner__content {
  text-align: center;
}

.c-home-banner__content-inner {
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
  height: 100%;
  width: 660px;
  padding: 40px 20px;
  margin: auto;
}

@media screen and (max-width: 1075px) {
  .c-home-banner__content-inner {
    width: 100%;
  }

  .c-home-banner__content-inner > * {
    width: 100%;
  }
}

@media screen and (max-width: 680px) {
  .c-home-banner__content-inner {
    padding: 30px 20px;
  }
}

.c-home-banner h1 {
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
}

@media screen and (max-width: 1279px) {
  .c-home-banner h1 {
    font-size: 32px;
  }
}

@media screen and (max-width: 680px) {
  .c-home-banner h1 {
    font-size: 24px;
  }
}

.c-home-banner .o-button {
  margin-left: auto;
  margin-right: auto;
}

/*
 * Pages
 */

/*
 * Templates
 */

/* Fix CKEditor dropdown panels */

.ck.ck-balloon-panel {
  position: absolute !important;
  z-index: 10000;
  background-color: #ffffff !important;
}

.ck.ck-dropdown.ck-heading-dropdown {
  position: relative !important;
}

.ck-dropdown.ck-list-styles-dropdown, .ck-dropdown.ck-toolbar-dropdown.ck-alignment-dropdown {
  position: relative !important;
  background-color: #ffffff !important;
}

.ck-collapsible_collapsed {
  display: none;
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw.ck-balloon-panel_visible.ck-balloon-panel_with-arrow {
  background: white !important;
  padding: 10px;
}

.ck.ck-form .ck.ck-input-text, .ck.ck-form .ck.ck-input-number, .ck.ck-form .ck.ck-input-select, .ck.ck-form .ck.ck-input-textarea {
  background: white !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;
  padding: 5px !important;
}

[dir=ltr] .ck.ck-form.ck-responsive-form > :not(:first-child) {
  padding-bottom: 10px !important;
}

.ck.ck-balloon-panel.ck-balloon-panel_visible {
  padding: 10px !important;
}

.ck-content.ck-editor__editable ul, .ck-content.ck-editor__editable ol {
  padding-left: 30px;
}

.ck-form__row_with-submit button[type=submit] {
  background-color: #4865d5 !important;
}

@media (min-width: 640px){
  .sm\:container{
    width: 100%;
  }

  @media (min-width: 640px){
    .sm\:container{
      max-width: 640px;
    }
  }

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

  @media (min-width: 1024px){
    .sm\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px){
    .sm\:container{
      max-width: 1280px;
    }
  }

  .sm\:space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0px * var(--space-y-reverse));
  }

  .sm\:space-x-0 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0px * var(--space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--space-y-reverse));
  }

  .sm\:space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--space-y-reverse));
  }

  .sm\:space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--space-y-reverse));
  }

  .sm\:space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1rem * var(--space-y-reverse));
  }

  .sm\:space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1rem * var(--space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--space-y-reverse));
  }

  .sm\:space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--space-y-reverse));
  }

  .sm\:space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2rem * var(--space-y-reverse));
  }

  .sm\:space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(2rem * var(--space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--space-y-reverse));
  }

  .sm\:space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3rem * var(--space-y-reverse));
  }

  .sm\:space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(3rem * var(--space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(4rem * var(--space-y-reverse));
  }

  .sm\:space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(4rem * var(--space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(5rem * var(--space-y-reverse));
  }

  .sm\:space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(5rem * var(--space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(6rem * var(--space-y-reverse));
  }

  .sm\:space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(6rem * var(--space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(8rem * var(--space-y-reverse));
  }

  .sm\:space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(8rem * var(--space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(10rem * var(--space-y-reverse));
  }

  .sm\:space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(10rem * var(--space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(12rem * var(--space-y-reverse));
  }

  .sm\:space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(12rem * var(--space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(14rem * var(--space-y-reverse));
  }

  .sm\:space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(14rem * var(--space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(16rem * var(--space-y-reverse));
  }

  .sm\:space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(16rem * var(--space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1px * var(--space-y-reverse));
  }

  .sm\:space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1px * var(--space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
  }

  .sm\:-space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.25rem * var(--space-x-reverse));
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
  }

  .sm\:-space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
  }

  .sm\:-space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.75rem * var(--space-x-reverse));
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1rem * var(--space-y-reverse));
  }

  .sm\:-space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1rem * var(--space-x-reverse));
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
  }

  .sm\:-space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1.25rem * var(--space-x-reverse));
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
  }

  .sm\:-space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1.5rem * var(--space-x-reverse));
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2rem * var(--space-y-reverse));
  }

  .sm\:-space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-2rem * var(--space-x-reverse));
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
  }

  .sm\:-space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3rem * var(--space-y-reverse));
  }

  .sm\:-space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-3rem * var(--space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-4rem * var(--space-y-reverse));
  }

  .sm\:-space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-4rem * var(--space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-5rem * var(--space-y-reverse));
  }

  .sm\:-space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-5rem * var(--space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-6rem * var(--space-y-reverse));
  }

  .sm\:-space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-6rem * var(--space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-8rem * var(--space-y-reverse));
  }

  .sm\:-space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-8rem * var(--space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-10rem * var(--space-y-reverse));
  }

  .sm\:-space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-10rem * var(--space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-12rem * var(--space-y-reverse));
  }

  .sm\:-space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-12rem * var(--space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-14rem * var(--space-y-reverse));
  }

  .sm\:-space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-14rem * var(--space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-16rem * var(--space-y-reverse));
  }

  .sm\:-space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-16rem * var(--space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
  }

  .sm\:-space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1px * var(--space-y-reverse));
  }

  .sm\:-space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1px * var(--space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
  }

  .sm\:space-y-reverse > :not(template) ~ :not(template){
    --space-y-reverse: 1;
  }

  .sm\:space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse: 1;
  }

  .sm\:divide-y-0 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(0px * var(--divide-y-reverse));
  }

  .sm\:divide-x-0 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(0px * var(--divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
  }

  .sm\:divide-y-2 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(2px * var(--divide-y-reverse));
  }

  .sm\:divide-x-2 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(2px * var(--divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
  }

  .sm\:divide-y-4 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(4px * var(--divide-y-reverse));
  }

  .sm\:divide-x-4 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(4px * var(--divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
  }

  .sm\:divide-y-8 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(8px * var(--divide-y-reverse));
  }

  .sm\:divide-x-8 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(8px * var(--divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
  }

  .sm\:divide-y > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(1px * var(--divide-y-reverse));
  }

  .sm\:divide-x > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(1px * var(--divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
  }

  .sm\:divide-y-reverse > :not(template) ~ :not(template){
    --divide-y-reverse: 1;
  }

  .sm\:divide-x-reverse > :not(template) ~ :not(template){
    --divide-x-reverse: 1;
  }

  .sm\:divide-blue-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #0B69A3;
    border-color: rgba(11, 105, 163, var(--divide-opacity));
  }

  .sm\:divide-blue-light > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #B3ECFF;
    border-color: rgba(179, 236, 255, var(--divide-opacity));
  }

  .sm\:divide-blue-pale > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #DCEEFB;
    border-color: rgba(220, 238, 251, var(--divide-opacity));
  }

  .sm\:divide-blue-deep > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #035388;
    border-color: rgba(3, 83, 136, var(--divide-opacity));
  }

  .sm\:divide-blue-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #5ed0fa;
    border-color: rgba(94, 208, 250, var(--divide-opacity));
  }

  .sm\:divide-blue-med > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #1992d4;
    border-color: rgba(25, 146, 212, var(--divide-opacity));
  }

  .sm\:divide-blue-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #003e6b;
    border-color: rgba(0, 62, 107, var(--divide-opacity));
  }

  .sm\:divide-gray-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f0f4f8;
    border-color: rgba(240, 244, 248, var(--divide-opacity));
  }

  .sm\:divide-gray-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #d9d9d9;
    border-color: rgba(217, 217, 217, var(--divide-opacity));
  }

  .sm\:divide-gray-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #bcccdc;
    border-color: rgba(188, 204, 220, var(--divide-opacity));
  }

  .sm\:divide-gray-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #627d98;
    border-color: rgba(98, 125, 152, var(--divide-opacity));
  }

  .sm\:divide-gray-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #334e68;
    border-color: rgba(51, 78, 104, var(--divide-opacity));
  }

  .sm\:divide-gray-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #243b53;
    border-color: rgba(36, 59, 83, var(--divide-opacity));
  }

  .sm\:divide-gray-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #102a43;
    border-color: rgba(16, 42, 67, var(--divide-opacity));
  }

  .sm\:divide-magenta-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #8f4731;
    border-color: rgba(143, 71, 49, var(--divide-opacity));
  }

  .sm\:divide-magenta-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9C4429;
    border-color: rgba(156, 68, 41, var(--divide-opacity));
  }

  .sm\:divide-magenta-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #CC522D;
    border-color: rgba(204, 82, 45, var(--divide-opacity));
  }

  .sm\:divide-teal-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2d5b6b;
    border-color: rgba(45, 91, 107, var(--divide-opacity));
  }

  .sm\:divide-teal-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2B738C;
    border-color: rgba(43, 115, 140, var(--divide-opacity));
  }

  .sm\:divide-teal-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #3CA1C4;
    border-color: rgba(60, 161, 196, var(--divide-opacity));
  }

  .sm\:divide-mustard-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c47a53;
    border-color: rgba(196, 122, 83, var(--divide-opacity));
  }

  .sm\:divide-mustard-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #E07C48;
    border-color: rgba(224, 124, 72, var(--divide-opacity));
  }

  .sm\:divide-mustard-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #FF7015;
    border-color: rgba(255, 112, 21, var(--divide-opacity));
  }

  .sm\:divide-purple-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #6b2d5b;
    border-color: rgba(107, 45, 91, var(--divide-opacity));
  }

  .sm\:divide-purple-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #8D2B74;
    border-color: rgba(141, 43, 116, var(--divide-opacity));
  }

  .sm\:divide-purple-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #C0339C;
    border-color: rgba(192, 51, 156, var(--divide-opacity));
  }

  .sm\:divide-purple-bookshop > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #584199;
    border-color: rgba(88, 65, 153, var(--divide-opacity));
  }

  .sm\:divide-green-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #7b7d2a;
    border-color: rgba(123, 125, 42, var(--divide-opacity));
  }

  .sm\:divide-green-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #8F9220;
    border-color: rgba(143, 146, 32, var(--divide-opacity));
  }

  .sm\:divide-green-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #B4B72A;
    border-color: rgba(180, 183, 42, var(--divide-opacity));
  }

  .sm\:divide-navy-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #52494c;
    border-color: rgba(82, 73, 76, var(--divide-opacity));
  }

  .sm\:divide-navy-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #6D565E;
    border-color: rgba(109, 86, 94, var(--divide-opacity));
  }

  .sm\:divide-navy-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #8A6A75;
    border-color: rgba(138, 106, 117, var(--divide-opacity));
  }

  .sm\:divide-transparent > :not(template) ~ :not(template){
    border-color: transparent;
  }

  .sm\:divide-black > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #101010;
    border-color: rgba(16, 16, 16, var(--divide-opacity));
  }

  .sm\:divide-white > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  .sm\:divide-red > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #E12D39;
    border-color: rgba(225, 45, 57, var(--divide-opacity));
  }

  .sm\:divide-solid > :not(template) ~ :not(template){
    border-style: solid;
  }

  .sm\:divide-dashed > :not(template) ~ :not(template){
    border-style: dashed;
  }

  .sm\:divide-dotted > :not(template) ~ :not(template){
    border-style: dotted;
  }

  .sm\:divide-double > :not(template) ~ :not(template){
    border-style: double;
  }

  .sm\:divide-none > :not(template) ~ :not(template){
    border-style: none;
  }

  .sm\:divide-opacity-0 > :not(template) ~ :not(template){
    --divide-opacity: 0;
  }

  .sm\:divide-opacity-25 > :not(template) ~ :not(template){
    --divide-opacity: 0.25;
  }

  .sm\:divide-opacity-50 > :not(template) ~ :not(template){
    --divide-opacity: 0.5;
  }

  .sm\:divide-opacity-75 > :not(template) ~ :not(template){
    --divide-opacity: 0.75;
  }

  .sm\:divide-opacity-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
  }

  .sm\:sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .sm\:not-sr-only{
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .sm\:focus\:sr-only:focus{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .sm\:focus\:not-sr-only:focus{
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .sm\:appearance-none{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  .sm\:bg-fixed{
    background-attachment: fixed;
  }

  .sm\:bg-local{
    background-attachment: local;
  }

  .sm\:bg-scroll{
    background-attachment: scroll;
  }

  .sm\:bg-clip-border{
    background-clip: border-box;
  }

  .sm\:bg-clip-padding{
    background-clip: padding-box;
  }

  .sm\:bg-clip-content{
    background-clip: content-box;
  }

  .sm\:bg-clip-text{
    -webkit-background-clip: text;
            background-clip: text;
  }

  .sm\:bg-blue-bright{
    --bg-opacity: 1;
    background-color: #0B69A3;
    background-color: rgba(11, 105, 163, var(--bg-opacity));
  }

  .sm\:bg-blue-light{
    --bg-opacity: 1;
    background-color: #B3ECFF;
    background-color: rgba(179, 236, 255, var(--bg-opacity));
  }

  .sm\:bg-blue-pale{
    --bg-opacity: 1;
    background-color: #DCEEFB;
    background-color: rgba(220, 238, 251, var(--bg-opacity));
  }

  .sm\:bg-blue-deep{
    --bg-opacity: 1;
    background-color: #035388;
    background-color: rgba(3, 83, 136, var(--bg-opacity));
  }

  .sm\:bg-blue-hilight{
    --bg-opacity: 1;
    background-color: #5ed0fa;
    background-color: rgba(94, 208, 250, var(--bg-opacity));
  }

  .sm\:bg-blue-med{
    --bg-opacity: 1;
    background-color: #1992d4;
    background-color: rgba(25, 146, 212, var(--bg-opacity));
  }

  .sm\:bg-blue-dark{
    --bg-opacity: 1;
    background-color: #003e6b;
    background-color: rgba(0, 62, 107, var(--bg-opacity));
  }

  .sm\:bg-gray-100{
    --bg-opacity: 1;
    background-color: #f0f4f8;
    background-color: rgba(240, 244, 248, var(--bg-opacity));
  }

  .sm\:bg-gray-200{
    --bg-opacity: 1;
    background-color: #d9d9d9;
    background-color: rgba(217, 217, 217, var(--bg-opacity));
  }

  .sm\:bg-gray-300{
    --bg-opacity: 1;
    background-color: #bcccdc;
    background-color: rgba(188, 204, 220, var(--bg-opacity));
  }

  .sm\:bg-gray-500{
    --bg-opacity: 1;
    background-color: #627d98;
    background-color: rgba(98, 125, 152, var(--bg-opacity));
  }

  .sm\:bg-gray-600{
    --bg-opacity: 1;
    background-color: #334e68;
    background-color: rgba(51, 78, 104, var(--bg-opacity));
  }

  .sm\:bg-gray-700{
    --bg-opacity: 1;
    background-color: #243b53;
    background-color: rgba(36, 59, 83, var(--bg-opacity));
  }

  .sm\:bg-gray-900{
    --bg-opacity: 1;
    background-color: #102a43;
    background-color: rgba(16, 42, 67, var(--bg-opacity));
  }

  .sm\:bg-magenta-dark{
    --bg-opacity: 1;
    background-color: #8f4731;
    background-color: rgba(143, 71, 49, var(--bg-opacity));
  }

  .sm\:bg-magenta-bright{
    --bg-opacity: 1;
    background-color: #9C4429;
    background-color: rgba(156, 68, 41, var(--bg-opacity));
  }

  .sm\:bg-magenta-hilight{
    --bg-opacity: 1;
    background-color: #CC522D;
    background-color: rgba(204, 82, 45, var(--bg-opacity));
  }

  .sm\:bg-teal-dark{
    --bg-opacity: 1;
    background-color: #2d5b6b;
    background-color: rgba(45, 91, 107, var(--bg-opacity));
  }

  .sm\:bg-teal-bright{
    --bg-opacity: 1;
    background-color: #2B738C;
    background-color: rgba(43, 115, 140, var(--bg-opacity));
  }

  .sm\:bg-teal-hilight{
    --bg-opacity: 1;
    background-color: #3CA1C4;
    background-color: rgba(60, 161, 196, var(--bg-opacity));
  }

  .sm\:bg-mustard-dark{
    --bg-opacity: 1;
    background-color: #c47a53;
    background-color: rgba(196, 122, 83, var(--bg-opacity));
  }

  .sm\:bg-mustard-bright{
    --bg-opacity: 1;
    background-color: #E07C48;
    background-color: rgba(224, 124, 72, var(--bg-opacity));
  }

  .sm\:bg-mustard-hilight{
    --bg-opacity: 1;
    background-color: #FF7015;
    background-color: rgba(255, 112, 21, var(--bg-opacity));
  }

  .sm\:bg-purple-dark{
    --bg-opacity: 1;
    background-color: #6b2d5b;
    background-color: rgba(107, 45, 91, var(--bg-opacity));
  }

  .sm\:bg-purple-bright{
    --bg-opacity: 1;
    background-color: #8D2B74;
    background-color: rgba(141, 43, 116, var(--bg-opacity));
  }

  .sm\:bg-purple-hilight{
    --bg-opacity: 1;
    background-color: #C0339C;
    background-color: rgba(192, 51, 156, var(--bg-opacity));
  }

  .sm\:bg-purple-bookshop{
    --bg-opacity: 1;
    background-color: #584199;
    background-color: rgba(88, 65, 153, var(--bg-opacity));
  }

  .sm\:bg-green-dark{
    --bg-opacity: 1;
    background-color: #7b7d2a;
    background-color: rgba(123, 125, 42, var(--bg-opacity));
  }

  .sm\:bg-green-bright{
    --bg-opacity: 1;
    background-color: #8F9220;
    background-color: rgba(143, 146, 32, var(--bg-opacity));
  }

  .sm\:bg-green-hilight{
    --bg-opacity: 1;
    background-color: #B4B72A;
    background-color: rgba(180, 183, 42, var(--bg-opacity));
  }

  .sm\:bg-navy-dark{
    --bg-opacity: 1;
    background-color: #52494c;
    background-color: rgba(82, 73, 76, var(--bg-opacity));
  }

  .sm\:bg-navy-bright{
    --bg-opacity: 1;
    background-color: #6D565E;
    background-color: rgba(109, 86, 94, var(--bg-opacity));
  }

  .sm\:bg-navy-hilight{
    --bg-opacity: 1;
    background-color: #8A6A75;
    background-color: rgba(138, 106, 117, var(--bg-opacity));
  }

  .sm\:bg-transparent{
    background-color: transparent;
  }

  .sm\:bg-black{
    --bg-opacity: 1;
    background-color: #101010;
    background-color: rgba(16, 16, 16, var(--bg-opacity));
  }

  .sm\:bg-white{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .sm\:bg-red{
    --bg-opacity: 1;
    background-color: #E12D39;
    background-color: rgba(225, 45, 57, var(--bg-opacity));
  }

  .sm\:hover\:bg-blue-bright:hover{
    --bg-opacity: 1;
    background-color: #0B69A3;
    background-color: rgba(11, 105, 163, var(--bg-opacity));
  }

  .sm\:hover\:bg-blue-light:hover{
    --bg-opacity: 1;
    background-color: #B3ECFF;
    background-color: rgba(179, 236, 255, var(--bg-opacity));
  }

  .sm\:hover\:bg-blue-pale:hover{
    --bg-opacity: 1;
    background-color: #DCEEFB;
    background-color: rgba(220, 238, 251, var(--bg-opacity));
  }

  .sm\:hover\:bg-blue-deep:hover{
    --bg-opacity: 1;
    background-color: #035388;
    background-color: rgba(3, 83, 136, var(--bg-opacity));
  }

  .sm\:hover\:bg-blue-hilight:hover{
    --bg-opacity: 1;
    background-color: #5ed0fa;
    background-color: rgba(94, 208, 250, var(--bg-opacity));
  }

  .sm\:hover\:bg-blue-med:hover{
    --bg-opacity: 1;
    background-color: #1992d4;
    background-color: rgba(25, 146, 212, var(--bg-opacity));
  }

  .sm\:hover\:bg-blue-dark:hover{
    --bg-opacity: 1;
    background-color: #003e6b;
    background-color: rgba(0, 62, 107, var(--bg-opacity));
  }

  .sm\:hover\:bg-gray-100:hover{
    --bg-opacity: 1;
    background-color: #f0f4f8;
    background-color: rgba(240, 244, 248, var(--bg-opacity));
  }

  .sm\:hover\:bg-gray-200:hover{
    --bg-opacity: 1;
    background-color: #d9d9d9;
    background-color: rgba(217, 217, 217, var(--bg-opacity));
  }

  .sm\:hover\:bg-gray-300:hover{
    --bg-opacity: 1;
    background-color: #bcccdc;
    background-color: rgba(188, 204, 220, var(--bg-opacity));
  }

  .sm\:hover\:bg-gray-500:hover{
    --bg-opacity: 1;
    background-color: #627d98;
    background-color: rgba(98, 125, 152, var(--bg-opacity));
  }

  .sm\:hover\:bg-gray-600:hover{
    --bg-opacity: 1;
    background-color: #334e68;
    background-color: rgba(51, 78, 104, var(--bg-opacity));
  }

  .sm\:hover\:bg-gray-700:hover{
    --bg-opacity: 1;
    background-color: #243b53;
    background-color: rgba(36, 59, 83, var(--bg-opacity));
  }

  .sm\:hover\:bg-gray-900:hover{
    --bg-opacity: 1;
    background-color: #102a43;
    background-color: rgba(16, 42, 67, var(--bg-opacity));
  }

  .sm\:hover\:bg-magenta-dark:hover{
    --bg-opacity: 1;
    background-color: #8f4731;
    background-color: rgba(143, 71, 49, var(--bg-opacity));
  }

  .sm\:hover\:bg-magenta-bright:hover{
    --bg-opacity: 1;
    background-color: #9C4429;
    background-color: rgba(156, 68, 41, var(--bg-opacity));
  }

  .sm\:hover\:bg-magenta-hilight:hover{
    --bg-opacity: 1;
    background-color: #CC522D;
    background-color: rgba(204, 82, 45, var(--bg-opacity));
  }

  .sm\:hover\:bg-teal-dark:hover{
    --bg-opacity: 1;
    background-color: #2d5b6b;
    background-color: rgba(45, 91, 107, var(--bg-opacity));
  }

  .sm\:hover\:bg-teal-bright:hover{
    --bg-opacity: 1;
    background-color: #2B738C;
    background-color: rgba(43, 115, 140, var(--bg-opacity));
  }

  .sm\:hover\:bg-teal-hilight:hover{
    --bg-opacity: 1;
    background-color: #3CA1C4;
    background-color: rgba(60, 161, 196, var(--bg-opacity));
  }

  .sm\:hover\:bg-mustard-dark:hover{
    --bg-opacity: 1;
    background-color: #c47a53;
    background-color: rgba(196, 122, 83, var(--bg-opacity));
  }

  .sm\:hover\:bg-mustard-bright:hover{
    --bg-opacity: 1;
    background-color: #E07C48;
    background-color: rgba(224, 124, 72, var(--bg-opacity));
  }

  .sm\:hover\:bg-mustard-hilight:hover{
    --bg-opacity: 1;
    background-color: #FF7015;
    background-color: rgba(255, 112, 21, var(--bg-opacity));
  }

  .sm\:hover\:bg-purple-dark:hover{
    --bg-opacity: 1;
    background-color: #6b2d5b;
    background-color: rgba(107, 45, 91, var(--bg-opacity));
  }

  .sm\:hover\:bg-purple-bright:hover{
    --bg-opacity: 1;
    background-color: #8D2B74;
    background-color: rgba(141, 43, 116, var(--bg-opacity));
  }

  .sm\:hover\:bg-purple-hilight:hover{
    --bg-opacity: 1;
    background-color: #C0339C;
    background-color: rgba(192, 51, 156, var(--bg-opacity));
  }

  .sm\:hover\:bg-purple-bookshop:hover{
    --bg-opacity: 1;
    background-color: #584199;
    background-color: rgba(88, 65, 153, var(--bg-opacity));
  }

  .sm\:hover\:bg-green-dark:hover{
    --bg-opacity: 1;
    background-color: #7b7d2a;
    background-color: rgba(123, 125, 42, var(--bg-opacity));
  }

  .sm\:hover\:bg-green-bright:hover{
    --bg-opacity: 1;
    background-color: #8F9220;
    background-color: rgba(143, 146, 32, var(--bg-opacity));
  }

  .sm\:hover\:bg-green-hilight:hover{
    --bg-opacity: 1;
    background-color: #B4B72A;
    background-color: rgba(180, 183, 42, var(--bg-opacity));
  }

  .sm\:hover\:bg-navy-dark:hover{
    --bg-opacity: 1;
    background-color: #52494c;
    background-color: rgba(82, 73, 76, var(--bg-opacity));
  }

  .sm\:hover\:bg-navy-bright:hover{
    --bg-opacity: 1;
    background-color: #6D565E;
    background-color: rgba(109, 86, 94, var(--bg-opacity));
  }

  .sm\:hover\:bg-navy-hilight:hover{
    --bg-opacity: 1;
    background-color: #8A6A75;
    background-color: rgba(138, 106, 117, var(--bg-opacity));
  }

  .sm\:hover\:bg-transparent:hover{
    background-color: transparent;
  }

  .sm\:hover\:bg-black:hover{
    --bg-opacity: 1;
    background-color: #101010;
    background-color: rgba(16, 16, 16, var(--bg-opacity));
  }

  .sm\:hover\:bg-white:hover{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .sm\:hover\:bg-red:hover{
    --bg-opacity: 1;
    background-color: #E12D39;
    background-color: rgba(225, 45, 57, var(--bg-opacity));
  }

  .sm\:focus\:bg-blue-bright:focus{
    --bg-opacity: 1;
    background-color: #0B69A3;
    background-color: rgba(11, 105, 163, var(--bg-opacity));
  }

  .sm\:focus\:bg-blue-light:focus{
    --bg-opacity: 1;
    background-color: #B3ECFF;
    background-color: rgba(179, 236, 255, var(--bg-opacity));
  }

  .sm\:focus\:bg-blue-pale:focus{
    --bg-opacity: 1;
    background-color: #DCEEFB;
    background-color: rgba(220, 238, 251, var(--bg-opacity));
  }

  .sm\:focus\:bg-blue-deep:focus{
    --bg-opacity: 1;
    background-color: #035388;
    background-color: rgba(3, 83, 136, var(--bg-opacity));
  }

  .sm\:focus\:bg-blue-hilight:focus{
    --bg-opacity: 1;
    background-color: #5ed0fa;
    background-color: rgba(94, 208, 250, var(--bg-opacity));
  }

  .sm\:focus\:bg-blue-med:focus{
    --bg-opacity: 1;
    background-color: #1992d4;
    background-color: rgba(25, 146, 212, var(--bg-opacity));
  }

  .sm\:focus\:bg-blue-dark:focus{
    --bg-opacity: 1;
    background-color: #003e6b;
    background-color: rgba(0, 62, 107, var(--bg-opacity));
  }

  .sm\:focus\:bg-gray-100:focus{
    --bg-opacity: 1;
    background-color: #f0f4f8;
    background-color: rgba(240, 244, 248, var(--bg-opacity));
  }

  .sm\:focus\:bg-gray-200:focus{
    --bg-opacity: 1;
    background-color: #d9d9d9;
    background-color: rgba(217, 217, 217, var(--bg-opacity));
  }

  .sm\:focus\:bg-gray-300:focus{
    --bg-opacity: 1;
    background-color: #bcccdc;
    background-color: rgba(188, 204, 220, var(--bg-opacity));
  }

  .sm\:focus\:bg-gray-500:focus{
    --bg-opacity: 1;
    background-color: #627d98;
    background-color: rgba(98, 125, 152, var(--bg-opacity));
  }

  .sm\:focus\:bg-gray-600:focus{
    --bg-opacity: 1;
    background-color: #334e68;
    background-color: rgba(51, 78, 104, var(--bg-opacity));
  }

  .sm\:focus\:bg-gray-700:focus{
    --bg-opacity: 1;
    background-color: #243b53;
    background-color: rgba(36, 59, 83, var(--bg-opacity));
  }

  .sm\:focus\:bg-gray-900:focus{
    --bg-opacity: 1;
    background-color: #102a43;
    background-color: rgba(16, 42, 67, var(--bg-opacity));
  }

  .sm\:focus\:bg-magenta-dark:focus{
    --bg-opacity: 1;
    background-color: #8f4731;
    background-color: rgba(143, 71, 49, var(--bg-opacity));
  }

  .sm\:focus\:bg-magenta-bright:focus{
    --bg-opacity: 1;
    background-color: #9C4429;
    background-color: rgba(156, 68, 41, var(--bg-opacity));
  }

  .sm\:focus\:bg-magenta-hilight:focus{
    --bg-opacity: 1;
    background-color: #CC522D;
    background-color: rgba(204, 82, 45, var(--bg-opacity));
  }

  .sm\:focus\:bg-teal-dark:focus{
    --bg-opacity: 1;
    background-color: #2d5b6b;
    background-color: rgba(45, 91, 107, var(--bg-opacity));
  }

  .sm\:focus\:bg-teal-bright:focus{
    --bg-opacity: 1;
    background-color: #2B738C;
    background-color: rgba(43, 115, 140, var(--bg-opacity));
  }

  .sm\:focus\:bg-teal-hilight:focus{
    --bg-opacity: 1;
    background-color: #3CA1C4;
    background-color: rgba(60, 161, 196, var(--bg-opacity));
  }

  .sm\:focus\:bg-mustard-dark:focus{
    --bg-opacity: 1;
    background-color: #c47a53;
    background-color: rgba(196, 122, 83, var(--bg-opacity));
  }

  .sm\:focus\:bg-mustard-bright:focus{
    --bg-opacity: 1;
    background-color: #E07C48;
    background-color: rgba(224, 124, 72, var(--bg-opacity));
  }

  .sm\:focus\:bg-mustard-hilight:focus{
    --bg-opacity: 1;
    background-color: #FF7015;
    background-color: rgba(255, 112, 21, var(--bg-opacity));
  }

  .sm\:focus\:bg-purple-dark:focus{
    --bg-opacity: 1;
    background-color: #6b2d5b;
    background-color: rgba(107, 45, 91, var(--bg-opacity));
  }

  .sm\:focus\:bg-purple-bright:focus{
    --bg-opacity: 1;
    background-color: #8D2B74;
    background-color: rgba(141, 43, 116, var(--bg-opacity));
  }

  .sm\:focus\:bg-purple-hilight:focus{
    --bg-opacity: 1;
    background-color: #C0339C;
    background-color: rgba(192, 51, 156, var(--bg-opacity));
  }

  .sm\:focus\:bg-purple-bookshop:focus{
    --bg-opacity: 1;
    background-color: #584199;
    background-color: rgba(88, 65, 153, var(--bg-opacity));
  }

  .sm\:focus\:bg-green-dark:focus{
    --bg-opacity: 1;
    background-color: #7b7d2a;
    background-color: rgba(123, 125, 42, var(--bg-opacity));
  }

  .sm\:focus\:bg-green-bright:focus{
    --bg-opacity: 1;
    background-color: #8F9220;
    background-color: rgba(143, 146, 32, var(--bg-opacity));
  }

  .sm\:focus\:bg-green-hilight:focus{
    --bg-opacity: 1;
    background-color: #B4B72A;
    background-color: rgba(180, 183, 42, var(--bg-opacity));
  }

  .sm\:focus\:bg-navy-dark:focus{
    --bg-opacity: 1;
    background-color: #52494c;
    background-color: rgba(82, 73, 76, var(--bg-opacity));
  }

  .sm\:focus\:bg-navy-bright:focus{
    --bg-opacity: 1;
    background-color: #6D565E;
    background-color: rgba(109, 86, 94, var(--bg-opacity));
  }

  .sm\:focus\:bg-navy-hilight:focus{
    --bg-opacity: 1;
    background-color: #8A6A75;
    background-color: rgba(138, 106, 117, var(--bg-opacity));
  }

  .sm\:focus\:bg-transparent:focus{
    background-color: transparent;
  }

  .sm\:focus\:bg-black:focus{
    --bg-opacity: 1;
    background-color: #101010;
    background-color: rgba(16, 16, 16, var(--bg-opacity));
  }

  .sm\:focus\:bg-white:focus{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .sm\:focus\:bg-red:focus{
    --bg-opacity: 1;
    background-color: #E12D39;
    background-color: rgba(225, 45, 57, var(--bg-opacity));
  }

  .sm\:bg-none{
    background-image: none;
  }

  .sm\:bg-gradient-to-t{
    background-image: linear-gradient(to top, var(--gradient-color-stops));
  }

  .sm\:bg-gradient-to-tr{
    background-image: linear-gradient(to top right, var(--gradient-color-stops));
  }

  .sm\:bg-gradient-to-r{
    background-image: linear-gradient(to right, var(--gradient-color-stops));
  }

  .sm\:bg-gradient-to-br{
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
  }

  .sm\:bg-gradient-to-b{
    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
  }

  .sm\:bg-gradient-to-bl{
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
  }

  .sm\:bg-gradient-to-l{
    background-image: linear-gradient(to left, var(--gradient-color-stops));
  }

  .sm\:bg-gradient-to-tl{
    background-image: linear-gradient(to top left, var(--gradient-color-stops));
  }

  .sm\:from-blue-bright{
    --gradient-from-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .sm\:from-blue-light{
    --gradient-from-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .sm\:from-blue-pale{
    --gradient-from-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .sm\:from-blue-deep{
    --gradient-from-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .sm\:from-blue-hilight{
    --gradient-from-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .sm\:from-blue-med{
    --gradient-from-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .sm\:from-blue-dark{
    --gradient-from-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .sm\:from-gray-100{
    --gradient-from-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .sm\:from-gray-200{
    --gradient-from-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .sm\:from-gray-300{
    --gradient-from-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .sm\:from-gray-500{
    --gradient-from-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .sm\:from-gray-600{
    --gradient-from-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .sm\:from-gray-700{
    --gradient-from-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .sm\:from-gray-900{
    --gradient-from-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .sm\:from-magenta-dark{
    --gradient-from-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .sm\:from-magenta-bright{
    --gradient-from-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .sm\:from-magenta-hilight{
    --gradient-from-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .sm\:from-teal-dark{
    --gradient-from-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .sm\:from-teal-bright{
    --gradient-from-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .sm\:from-teal-hilight{
    --gradient-from-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .sm\:from-mustard-dark{
    --gradient-from-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .sm\:from-mustard-bright{
    --gradient-from-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .sm\:from-mustard-hilight{
    --gradient-from-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .sm\:from-purple-dark{
    --gradient-from-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .sm\:from-purple-bright{
    --gradient-from-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .sm\:from-purple-hilight{
    --gradient-from-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .sm\:from-purple-bookshop{
    --gradient-from-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .sm\:from-green-dark{
    --gradient-from-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .sm\:from-green-bright{
    --gradient-from-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .sm\:from-green-hilight{
    --gradient-from-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .sm\:from-navy-dark{
    --gradient-from-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .sm\:from-navy-bright{
    --gradient-from-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .sm\:from-navy-hilight{
    --gradient-from-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .sm\:from-transparent{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:from-black{
    --gradient-from-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .sm\:from-white{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:from-red{
    --gradient-from-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .sm\:via-blue-bright{
    --gradient-via-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .sm\:via-blue-light{
    --gradient-via-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .sm\:via-blue-pale{
    --gradient-via-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .sm\:via-blue-deep{
    --gradient-via-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .sm\:via-blue-hilight{
    --gradient-via-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .sm\:via-blue-med{
    --gradient-via-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .sm\:via-blue-dark{
    --gradient-via-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .sm\:via-gray-100{
    --gradient-via-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .sm\:via-gray-200{
    --gradient-via-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .sm\:via-gray-300{
    --gradient-via-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .sm\:via-gray-500{
    --gradient-via-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .sm\:via-gray-600{
    --gradient-via-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .sm\:via-gray-700{
    --gradient-via-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .sm\:via-gray-900{
    --gradient-via-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .sm\:via-magenta-dark{
    --gradient-via-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .sm\:via-magenta-bright{
    --gradient-via-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .sm\:via-magenta-hilight{
    --gradient-via-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .sm\:via-teal-dark{
    --gradient-via-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .sm\:via-teal-bright{
    --gradient-via-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .sm\:via-teal-hilight{
    --gradient-via-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .sm\:via-mustard-dark{
    --gradient-via-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .sm\:via-mustard-bright{
    --gradient-via-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .sm\:via-mustard-hilight{
    --gradient-via-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .sm\:via-purple-dark{
    --gradient-via-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .sm\:via-purple-bright{
    --gradient-via-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .sm\:via-purple-hilight{
    --gradient-via-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .sm\:via-purple-bookshop{
    --gradient-via-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .sm\:via-green-dark{
    --gradient-via-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .sm\:via-green-bright{
    --gradient-via-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .sm\:via-green-hilight{
    --gradient-via-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .sm\:via-navy-dark{
    --gradient-via-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .sm\:via-navy-bright{
    --gradient-via-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .sm\:via-navy-hilight{
    --gradient-via-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .sm\:via-transparent{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:via-black{
    --gradient-via-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .sm\:via-white{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:via-red{
    --gradient-via-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .sm\:to-blue-bright{
    --gradient-to-color: #0B69A3;
  }

  .sm\:to-blue-light{
    --gradient-to-color: #B3ECFF;
  }

  .sm\:to-blue-pale{
    --gradient-to-color: #DCEEFB;
  }

  .sm\:to-blue-deep{
    --gradient-to-color: #035388;
  }

  .sm\:to-blue-hilight{
    --gradient-to-color: #5ed0fa;
  }

  .sm\:to-blue-med{
    --gradient-to-color: #1992d4;
  }

  .sm\:to-blue-dark{
    --gradient-to-color: #003e6b;
  }

  .sm\:to-gray-100{
    --gradient-to-color: #f0f4f8;
  }

  .sm\:to-gray-200{
    --gradient-to-color: #d9d9d9;
  }

  .sm\:to-gray-300{
    --gradient-to-color: #bcccdc;
  }

  .sm\:to-gray-500{
    --gradient-to-color: #627d98;
  }

  .sm\:to-gray-600{
    --gradient-to-color: #334e68;
  }

  .sm\:to-gray-700{
    --gradient-to-color: #243b53;
  }

  .sm\:to-gray-900{
    --gradient-to-color: #102a43;
  }

  .sm\:to-magenta-dark{
    --gradient-to-color: #8f4731;
  }

  .sm\:to-magenta-bright{
    --gradient-to-color: #9C4429;
  }

  .sm\:to-magenta-hilight{
    --gradient-to-color: #CC522D;
  }

  .sm\:to-teal-dark{
    --gradient-to-color: #2d5b6b;
  }

  .sm\:to-teal-bright{
    --gradient-to-color: #2B738C;
  }

  .sm\:to-teal-hilight{
    --gradient-to-color: #3CA1C4;
  }

  .sm\:to-mustard-dark{
    --gradient-to-color: #c47a53;
  }

  .sm\:to-mustard-bright{
    --gradient-to-color: #E07C48;
  }

  .sm\:to-mustard-hilight{
    --gradient-to-color: #FF7015;
  }

  .sm\:to-purple-dark{
    --gradient-to-color: #6b2d5b;
  }

  .sm\:to-purple-bright{
    --gradient-to-color: #8D2B74;
  }

  .sm\:to-purple-hilight{
    --gradient-to-color: #C0339C;
  }

  .sm\:to-purple-bookshop{
    --gradient-to-color: #584199;
  }

  .sm\:to-green-dark{
    --gradient-to-color: #7b7d2a;
  }

  .sm\:to-green-bright{
    --gradient-to-color: #8F9220;
  }

  .sm\:to-green-hilight{
    --gradient-to-color: #B4B72A;
  }

  .sm\:to-navy-dark{
    --gradient-to-color: #52494c;
  }

  .sm\:to-navy-bright{
    --gradient-to-color: #6D565E;
  }

  .sm\:to-navy-hilight{
    --gradient-to-color: #8A6A75;
  }

  .sm\:to-transparent{
    --gradient-to-color: transparent;
  }

  .sm\:to-black{
    --gradient-to-color: #101010;
  }

  .sm\:to-white{
    --gradient-to-color: #fff;
  }

  .sm\:to-red{
    --gradient-to-color: #E12D39;
  }

  .sm\:hover\:from-blue-bright:hover{
    --gradient-from-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .sm\:hover\:from-blue-light:hover{
    --gradient-from-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .sm\:hover\:from-blue-pale:hover{
    --gradient-from-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .sm\:hover\:from-blue-deep:hover{
    --gradient-from-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .sm\:hover\:from-blue-hilight:hover{
    --gradient-from-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .sm\:hover\:from-blue-med:hover{
    --gradient-from-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .sm\:hover\:from-blue-dark:hover{
    --gradient-from-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .sm\:hover\:from-gray-100:hover{
    --gradient-from-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .sm\:hover\:from-gray-200:hover{
    --gradient-from-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .sm\:hover\:from-gray-300:hover{
    --gradient-from-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .sm\:hover\:from-gray-500:hover{
    --gradient-from-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .sm\:hover\:from-gray-600:hover{
    --gradient-from-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .sm\:hover\:from-gray-700:hover{
    --gradient-from-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .sm\:hover\:from-gray-900:hover{
    --gradient-from-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .sm\:hover\:from-magenta-dark:hover{
    --gradient-from-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .sm\:hover\:from-magenta-bright:hover{
    --gradient-from-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .sm\:hover\:from-magenta-hilight:hover{
    --gradient-from-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .sm\:hover\:from-teal-dark:hover{
    --gradient-from-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .sm\:hover\:from-teal-bright:hover{
    --gradient-from-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .sm\:hover\:from-teal-hilight:hover{
    --gradient-from-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .sm\:hover\:from-mustard-dark:hover{
    --gradient-from-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .sm\:hover\:from-mustard-bright:hover{
    --gradient-from-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .sm\:hover\:from-mustard-hilight:hover{
    --gradient-from-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .sm\:hover\:from-purple-dark:hover{
    --gradient-from-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .sm\:hover\:from-purple-bright:hover{
    --gradient-from-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .sm\:hover\:from-purple-hilight:hover{
    --gradient-from-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .sm\:hover\:from-purple-bookshop:hover{
    --gradient-from-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .sm\:hover\:from-green-dark:hover{
    --gradient-from-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .sm\:hover\:from-green-bright:hover{
    --gradient-from-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .sm\:hover\:from-green-hilight:hover{
    --gradient-from-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .sm\:hover\:from-navy-dark:hover{
    --gradient-from-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .sm\:hover\:from-navy-bright:hover{
    --gradient-from-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .sm\:hover\:from-navy-hilight:hover{
    --gradient-from-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .sm\:hover\:from-transparent:hover{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:from-black:hover{
    --gradient-from-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .sm\:hover\:from-white:hover{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:from-red:hover{
    --gradient-from-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .sm\:hover\:via-blue-bright:hover{
    --gradient-via-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .sm\:hover\:via-blue-light:hover{
    --gradient-via-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .sm\:hover\:via-blue-pale:hover{
    --gradient-via-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .sm\:hover\:via-blue-deep:hover{
    --gradient-via-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .sm\:hover\:via-blue-hilight:hover{
    --gradient-via-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .sm\:hover\:via-blue-med:hover{
    --gradient-via-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .sm\:hover\:via-blue-dark:hover{
    --gradient-via-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .sm\:hover\:via-gray-100:hover{
    --gradient-via-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .sm\:hover\:via-gray-200:hover{
    --gradient-via-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .sm\:hover\:via-gray-300:hover{
    --gradient-via-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .sm\:hover\:via-gray-500:hover{
    --gradient-via-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .sm\:hover\:via-gray-600:hover{
    --gradient-via-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .sm\:hover\:via-gray-700:hover{
    --gradient-via-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .sm\:hover\:via-gray-900:hover{
    --gradient-via-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .sm\:hover\:via-magenta-dark:hover{
    --gradient-via-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .sm\:hover\:via-magenta-bright:hover{
    --gradient-via-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .sm\:hover\:via-magenta-hilight:hover{
    --gradient-via-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .sm\:hover\:via-teal-dark:hover{
    --gradient-via-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .sm\:hover\:via-teal-bright:hover{
    --gradient-via-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .sm\:hover\:via-teal-hilight:hover{
    --gradient-via-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .sm\:hover\:via-mustard-dark:hover{
    --gradient-via-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .sm\:hover\:via-mustard-bright:hover{
    --gradient-via-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .sm\:hover\:via-mustard-hilight:hover{
    --gradient-via-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .sm\:hover\:via-purple-dark:hover{
    --gradient-via-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .sm\:hover\:via-purple-bright:hover{
    --gradient-via-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .sm\:hover\:via-purple-hilight:hover{
    --gradient-via-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .sm\:hover\:via-purple-bookshop:hover{
    --gradient-via-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .sm\:hover\:via-green-dark:hover{
    --gradient-via-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .sm\:hover\:via-green-bright:hover{
    --gradient-via-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .sm\:hover\:via-green-hilight:hover{
    --gradient-via-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .sm\:hover\:via-navy-dark:hover{
    --gradient-via-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .sm\:hover\:via-navy-bright:hover{
    --gradient-via-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .sm\:hover\:via-navy-hilight:hover{
    --gradient-via-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .sm\:hover\:via-transparent:hover{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:hover\:via-black:hover{
    --gradient-via-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .sm\:hover\:via-white:hover{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:hover\:via-red:hover{
    --gradient-via-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .sm\:hover\:to-blue-bright:hover{
    --gradient-to-color: #0B69A3;
  }

  .sm\:hover\:to-blue-light:hover{
    --gradient-to-color: #B3ECFF;
  }

  .sm\:hover\:to-blue-pale:hover{
    --gradient-to-color: #DCEEFB;
  }

  .sm\:hover\:to-blue-deep:hover{
    --gradient-to-color: #035388;
  }

  .sm\:hover\:to-blue-hilight:hover{
    --gradient-to-color: #5ed0fa;
  }

  .sm\:hover\:to-blue-med:hover{
    --gradient-to-color: #1992d4;
  }

  .sm\:hover\:to-blue-dark:hover{
    --gradient-to-color: #003e6b;
  }

  .sm\:hover\:to-gray-100:hover{
    --gradient-to-color: #f0f4f8;
  }

  .sm\:hover\:to-gray-200:hover{
    --gradient-to-color: #d9d9d9;
  }

  .sm\:hover\:to-gray-300:hover{
    --gradient-to-color: #bcccdc;
  }

  .sm\:hover\:to-gray-500:hover{
    --gradient-to-color: #627d98;
  }

  .sm\:hover\:to-gray-600:hover{
    --gradient-to-color: #334e68;
  }

  .sm\:hover\:to-gray-700:hover{
    --gradient-to-color: #243b53;
  }

  .sm\:hover\:to-gray-900:hover{
    --gradient-to-color: #102a43;
  }

  .sm\:hover\:to-magenta-dark:hover{
    --gradient-to-color: #8f4731;
  }

  .sm\:hover\:to-magenta-bright:hover{
    --gradient-to-color: #9C4429;
  }

  .sm\:hover\:to-magenta-hilight:hover{
    --gradient-to-color: #CC522D;
  }

  .sm\:hover\:to-teal-dark:hover{
    --gradient-to-color: #2d5b6b;
  }

  .sm\:hover\:to-teal-bright:hover{
    --gradient-to-color: #2B738C;
  }

  .sm\:hover\:to-teal-hilight:hover{
    --gradient-to-color: #3CA1C4;
  }

  .sm\:hover\:to-mustard-dark:hover{
    --gradient-to-color: #c47a53;
  }

  .sm\:hover\:to-mustard-bright:hover{
    --gradient-to-color: #E07C48;
  }

  .sm\:hover\:to-mustard-hilight:hover{
    --gradient-to-color: #FF7015;
  }

  .sm\:hover\:to-purple-dark:hover{
    --gradient-to-color: #6b2d5b;
  }

  .sm\:hover\:to-purple-bright:hover{
    --gradient-to-color: #8D2B74;
  }

  .sm\:hover\:to-purple-hilight:hover{
    --gradient-to-color: #C0339C;
  }

  .sm\:hover\:to-purple-bookshop:hover{
    --gradient-to-color: #584199;
  }

  .sm\:hover\:to-green-dark:hover{
    --gradient-to-color: #7b7d2a;
  }

  .sm\:hover\:to-green-bright:hover{
    --gradient-to-color: #8F9220;
  }

  .sm\:hover\:to-green-hilight:hover{
    --gradient-to-color: #B4B72A;
  }

  .sm\:hover\:to-navy-dark:hover{
    --gradient-to-color: #52494c;
  }

  .sm\:hover\:to-navy-bright:hover{
    --gradient-to-color: #6D565E;
  }

  .sm\:hover\:to-navy-hilight:hover{
    --gradient-to-color: #8A6A75;
  }

  .sm\:hover\:to-transparent:hover{
    --gradient-to-color: transparent;
  }

  .sm\:hover\:to-black:hover{
    --gradient-to-color: #101010;
  }

  .sm\:hover\:to-white:hover{
    --gradient-to-color: #fff;
  }

  .sm\:hover\:to-red:hover{
    --gradient-to-color: #E12D39;
  }

  .sm\:focus\:from-blue-bright:focus{
    --gradient-from-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .sm\:focus\:from-blue-light:focus{
    --gradient-from-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .sm\:focus\:from-blue-pale:focus{
    --gradient-from-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .sm\:focus\:from-blue-deep:focus{
    --gradient-from-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .sm\:focus\:from-blue-hilight:focus{
    --gradient-from-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .sm\:focus\:from-blue-med:focus{
    --gradient-from-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .sm\:focus\:from-blue-dark:focus{
    --gradient-from-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .sm\:focus\:from-gray-100:focus{
    --gradient-from-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .sm\:focus\:from-gray-200:focus{
    --gradient-from-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .sm\:focus\:from-gray-300:focus{
    --gradient-from-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .sm\:focus\:from-gray-500:focus{
    --gradient-from-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .sm\:focus\:from-gray-600:focus{
    --gradient-from-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .sm\:focus\:from-gray-700:focus{
    --gradient-from-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .sm\:focus\:from-gray-900:focus{
    --gradient-from-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .sm\:focus\:from-magenta-dark:focus{
    --gradient-from-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .sm\:focus\:from-magenta-bright:focus{
    --gradient-from-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .sm\:focus\:from-magenta-hilight:focus{
    --gradient-from-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .sm\:focus\:from-teal-dark:focus{
    --gradient-from-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .sm\:focus\:from-teal-bright:focus{
    --gradient-from-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .sm\:focus\:from-teal-hilight:focus{
    --gradient-from-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .sm\:focus\:from-mustard-dark:focus{
    --gradient-from-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .sm\:focus\:from-mustard-bright:focus{
    --gradient-from-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .sm\:focus\:from-mustard-hilight:focus{
    --gradient-from-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .sm\:focus\:from-purple-dark:focus{
    --gradient-from-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .sm\:focus\:from-purple-bright:focus{
    --gradient-from-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .sm\:focus\:from-purple-hilight:focus{
    --gradient-from-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .sm\:focus\:from-purple-bookshop:focus{
    --gradient-from-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .sm\:focus\:from-green-dark:focus{
    --gradient-from-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .sm\:focus\:from-green-bright:focus{
    --gradient-from-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .sm\:focus\:from-green-hilight:focus{
    --gradient-from-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .sm\:focus\:from-navy-dark:focus{
    --gradient-from-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .sm\:focus\:from-navy-bright:focus{
    --gradient-from-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .sm\:focus\:from-navy-hilight:focus{
    --gradient-from-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .sm\:focus\:from-transparent:focus{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:from-black:focus{
    --gradient-from-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .sm\:focus\:from-white:focus{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:from-red:focus{
    --gradient-from-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .sm\:focus\:via-blue-bright:focus{
    --gradient-via-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .sm\:focus\:via-blue-light:focus{
    --gradient-via-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .sm\:focus\:via-blue-pale:focus{
    --gradient-via-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .sm\:focus\:via-blue-deep:focus{
    --gradient-via-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .sm\:focus\:via-blue-hilight:focus{
    --gradient-via-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .sm\:focus\:via-blue-med:focus{
    --gradient-via-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .sm\:focus\:via-blue-dark:focus{
    --gradient-via-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .sm\:focus\:via-gray-100:focus{
    --gradient-via-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .sm\:focus\:via-gray-200:focus{
    --gradient-via-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .sm\:focus\:via-gray-300:focus{
    --gradient-via-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .sm\:focus\:via-gray-500:focus{
    --gradient-via-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .sm\:focus\:via-gray-600:focus{
    --gradient-via-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .sm\:focus\:via-gray-700:focus{
    --gradient-via-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .sm\:focus\:via-gray-900:focus{
    --gradient-via-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .sm\:focus\:via-magenta-dark:focus{
    --gradient-via-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .sm\:focus\:via-magenta-bright:focus{
    --gradient-via-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .sm\:focus\:via-magenta-hilight:focus{
    --gradient-via-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .sm\:focus\:via-teal-dark:focus{
    --gradient-via-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .sm\:focus\:via-teal-bright:focus{
    --gradient-via-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .sm\:focus\:via-teal-hilight:focus{
    --gradient-via-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .sm\:focus\:via-mustard-dark:focus{
    --gradient-via-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .sm\:focus\:via-mustard-bright:focus{
    --gradient-via-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .sm\:focus\:via-mustard-hilight:focus{
    --gradient-via-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .sm\:focus\:via-purple-dark:focus{
    --gradient-via-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .sm\:focus\:via-purple-bright:focus{
    --gradient-via-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .sm\:focus\:via-purple-hilight:focus{
    --gradient-via-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .sm\:focus\:via-purple-bookshop:focus{
    --gradient-via-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .sm\:focus\:via-green-dark:focus{
    --gradient-via-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .sm\:focus\:via-green-bright:focus{
    --gradient-via-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .sm\:focus\:via-green-hilight:focus{
    --gradient-via-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .sm\:focus\:via-navy-dark:focus{
    --gradient-via-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .sm\:focus\:via-navy-bright:focus{
    --gradient-via-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .sm\:focus\:via-navy-hilight:focus{
    --gradient-via-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .sm\:focus\:via-transparent:focus{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .sm\:focus\:via-black:focus{
    --gradient-via-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .sm\:focus\:via-white:focus{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .sm\:focus\:via-red:focus{
    --gradient-via-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .sm\:focus\:to-blue-bright:focus{
    --gradient-to-color: #0B69A3;
  }

  .sm\:focus\:to-blue-light:focus{
    --gradient-to-color: #B3ECFF;
  }

  .sm\:focus\:to-blue-pale:focus{
    --gradient-to-color: #DCEEFB;
  }

  .sm\:focus\:to-blue-deep:focus{
    --gradient-to-color: #035388;
  }

  .sm\:focus\:to-blue-hilight:focus{
    --gradient-to-color: #5ed0fa;
  }

  .sm\:focus\:to-blue-med:focus{
    --gradient-to-color: #1992d4;
  }

  .sm\:focus\:to-blue-dark:focus{
    --gradient-to-color: #003e6b;
  }

  .sm\:focus\:to-gray-100:focus{
    --gradient-to-color: #f0f4f8;
  }

  .sm\:focus\:to-gray-200:focus{
    --gradient-to-color: #d9d9d9;
  }

  .sm\:focus\:to-gray-300:focus{
    --gradient-to-color: #bcccdc;
  }

  .sm\:focus\:to-gray-500:focus{
    --gradient-to-color: #627d98;
  }

  .sm\:focus\:to-gray-600:focus{
    --gradient-to-color: #334e68;
  }

  .sm\:focus\:to-gray-700:focus{
    --gradient-to-color: #243b53;
  }

  .sm\:focus\:to-gray-900:focus{
    --gradient-to-color: #102a43;
  }

  .sm\:focus\:to-magenta-dark:focus{
    --gradient-to-color: #8f4731;
  }

  .sm\:focus\:to-magenta-bright:focus{
    --gradient-to-color: #9C4429;
  }

  .sm\:focus\:to-magenta-hilight:focus{
    --gradient-to-color: #CC522D;
  }

  .sm\:focus\:to-teal-dark:focus{
    --gradient-to-color: #2d5b6b;
  }

  .sm\:focus\:to-teal-bright:focus{
    --gradient-to-color: #2B738C;
  }

  .sm\:focus\:to-teal-hilight:focus{
    --gradient-to-color: #3CA1C4;
  }

  .sm\:focus\:to-mustard-dark:focus{
    --gradient-to-color: #c47a53;
  }

  .sm\:focus\:to-mustard-bright:focus{
    --gradient-to-color: #E07C48;
  }

  .sm\:focus\:to-mustard-hilight:focus{
    --gradient-to-color: #FF7015;
  }

  .sm\:focus\:to-purple-dark:focus{
    --gradient-to-color: #6b2d5b;
  }

  .sm\:focus\:to-purple-bright:focus{
    --gradient-to-color: #8D2B74;
  }

  .sm\:focus\:to-purple-hilight:focus{
    --gradient-to-color: #C0339C;
  }

  .sm\:focus\:to-purple-bookshop:focus{
    --gradient-to-color: #584199;
  }

  .sm\:focus\:to-green-dark:focus{
    --gradient-to-color: #7b7d2a;
  }

  .sm\:focus\:to-green-bright:focus{
    --gradient-to-color: #8F9220;
  }

  .sm\:focus\:to-green-hilight:focus{
    --gradient-to-color: #B4B72A;
  }

  .sm\:focus\:to-navy-dark:focus{
    --gradient-to-color: #52494c;
  }

  .sm\:focus\:to-navy-bright:focus{
    --gradient-to-color: #6D565E;
  }

  .sm\:focus\:to-navy-hilight:focus{
    --gradient-to-color: #8A6A75;
  }

  .sm\:focus\:to-transparent:focus{
    --gradient-to-color: transparent;
  }

  .sm\:focus\:to-black:focus{
    --gradient-to-color: #101010;
  }

  .sm\:focus\:to-white:focus{
    --gradient-to-color: #fff;
  }

  .sm\:focus\:to-red:focus{
    --gradient-to-color: #E12D39;
  }

  .sm\:bg-opacity-0{
    --bg-opacity: 0;
  }

  .sm\:bg-opacity-25{
    --bg-opacity: 0.25;
  }

  .sm\:bg-opacity-50{
    --bg-opacity: 0.5;
  }

  .sm\:bg-opacity-75{
    --bg-opacity: 0.75;
  }

  .sm\:bg-opacity-100{
    --bg-opacity: 1;
  }

  .sm\:hover\:bg-opacity-0:hover{
    --bg-opacity: 0;
  }

  .sm\:hover\:bg-opacity-25:hover{
    --bg-opacity: 0.25;
  }

  .sm\:hover\:bg-opacity-50:hover{
    --bg-opacity: 0.5;
  }

  .sm\:hover\:bg-opacity-75:hover{
    --bg-opacity: 0.75;
  }

  .sm\:hover\:bg-opacity-100:hover{
    --bg-opacity: 1;
  }

  .sm\:focus\:bg-opacity-0:focus{
    --bg-opacity: 0;
  }

  .sm\:focus\:bg-opacity-25:focus{
    --bg-opacity: 0.25;
  }

  .sm\:focus\:bg-opacity-50:focus{
    --bg-opacity: 0.5;
  }

  .sm\:focus\:bg-opacity-75:focus{
    --bg-opacity: 0.75;
  }

  .sm\:focus\:bg-opacity-100:focus{
    --bg-opacity: 1;
  }

  .sm\:bg-bottom{
    background-position: bottom;
  }

  .sm\:bg-center{
    background-position: center;
  }

  .sm\:bg-left{
    background-position: left;
  }

  .sm\:bg-left-bottom{
    background-position: left bottom;
  }

  .sm\:bg-left-top{
    background-position: left top;
  }

  .sm\:bg-right{
    background-position: right;
  }

  .sm\:bg-right-bottom{
    background-position: right bottom;
  }

  .sm\:bg-right-top{
    background-position: right top;
  }

  .sm\:bg-top{
    background-position: top;
  }

  .sm\:bg-repeat{
    background-repeat: repeat;
  }

  .sm\:bg-no-repeat{
    background-repeat: no-repeat;
  }

  .sm\:bg-repeat-x{
    background-repeat: repeat-x;
  }

  .sm\:bg-repeat-y{
    background-repeat: repeat-y;
  }

  .sm\:bg-repeat-round{
    background-repeat: round;
  }

  .sm\:bg-repeat-space{
    background-repeat: space;
  }

  .sm\:bg-auto{
    background-size: auto;
  }

  .sm\:bg-cover{
    background-size: cover;
  }

  .sm\:bg-contain{
    background-size: contain;
  }

  .sm\:border-collapse{
    border-collapse: collapse;
  }

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

  .sm\:border-blue-bright{
    --border-opacity: 1;
    border-color: #0B69A3;
    border-color: rgba(11, 105, 163, var(--border-opacity));
  }

  .sm\:border-blue-light{
    --border-opacity: 1;
    border-color: #B3ECFF;
    border-color: rgba(179, 236, 255, var(--border-opacity));
  }

  .sm\:border-blue-pale{
    --border-opacity: 1;
    border-color: #DCEEFB;
    border-color: rgba(220, 238, 251, var(--border-opacity));
  }

  .sm\:border-blue-deep{
    --border-opacity: 1;
    border-color: #035388;
    border-color: rgba(3, 83, 136, var(--border-opacity));
  }

  .sm\:border-blue-hilight{
    --border-opacity: 1;
    border-color: #5ed0fa;
    border-color: rgba(94, 208, 250, var(--border-opacity));
  }

  .sm\:border-blue-med{
    --border-opacity: 1;
    border-color: #1992d4;
    border-color: rgba(25, 146, 212, var(--border-opacity));
  }

  .sm\:border-blue-dark{
    --border-opacity: 1;
    border-color: #003e6b;
    border-color: rgba(0, 62, 107, var(--border-opacity));
  }

  .sm\:border-gray-100{
    --border-opacity: 1;
    border-color: #f0f4f8;
    border-color: rgba(240, 244, 248, var(--border-opacity));
  }

  .sm\:border-gray-200{
    --border-opacity: 1;
    border-color: #d9d9d9;
    border-color: rgba(217, 217, 217, var(--border-opacity));
  }

  .sm\:border-gray-300{
    --border-opacity: 1;
    border-color: #bcccdc;
    border-color: rgba(188, 204, 220, var(--border-opacity));
  }

  .sm\:border-gray-500{
    --border-opacity: 1;
    border-color: #627d98;
    border-color: rgba(98, 125, 152, var(--border-opacity));
  }

  .sm\:border-gray-600{
    --border-opacity: 1;
    border-color: #334e68;
    border-color: rgba(51, 78, 104, var(--border-opacity));
  }

  .sm\:border-gray-700{
    --border-opacity: 1;
    border-color: #243b53;
    border-color: rgba(36, 59, 83, var(--border-opacity));
  }

  .sm\:border-gray-900{
    --border-opacity: 1;
    border-color: #102a43;
    border-color: rgba(16, 42, 67, var(--border-opacity));
  }

  .sm\:border-magenta-dark{
    --border-opacity: 1;
    border-color: #8f4731;
    border-color: rgba(143, 71, 49, var(--border-opacity));
  }

  .sm\:border-magenta-bright{
    --border-opacity: 1;
    border-color: #9C4429;
    border-color: rgba(156, 68, 41, var(--border-opacity));
  }

  .sm\:border-magenta-hilight{
    --border-opacity: 1;
    border-color: #CC522D;
    border-color: rgba(204, 82, 45, var(--border-opacity));
  }

  .sm\:border-teal-dark{
    --border-opacity: 1;
    border-color: #2d5b6b;
    border-color: rgba(45, 91, 107, var(--border-opacity));
  }

  .sm\:border-teal-bright{
    --border-opacity: 1;
    border-color: #2B738C;
    border-color: rgba(43, 115, 140, var(--border-opacity));
  }

  .sm\:border-teal-hilight{
    --border-opacity: 1;
    border-color: #3CA1C4;
    border-color: rgba(60, 161, 196, var(--border-opacity));
  }

  .sm\:border-mustard-dark{
    --border-opacity: 1;
    border-color: #c47a53;
    border-color: rgba(196, 122, 83, var(--border-opacity));
  }

  .sm\:border-mustard-bright{
    --border-opacity: 1;
    border-color: #E07C48;
    border-color: rgba(224, 124, 72, var(--border-opacity));
  }

  .sm\:border-mustard-hilight{
    --border-opacity: 1;
    border-color: #FF7015;
    border-color: rgba(255, 112, 21, var(--border-opacity));
  }

  .sm\:border-purple-dark{
    --border-opacity: 1;
    border-color: #6b2d5b;
    border-color: rgba(107, 45, 91, var(--border-opacity));
  }

  .sm\:border-purple-bright{
    --border-opacity: 1;
    border-color: #8D2B74;
    border-color: rgba(141, 43, 116, var(--border-opacity));
  }

  .sm\:border-purple-hilight{
    --border-opacity: 1;
    border-color: #C0339C;
    border-color: rgba(192, 51, 156, var(--border-opacity));
  }

  .sm\:border-purple-bookshop{
    --border-opacity: 1;
    border-color: #584199;
    border-color: rgba(88, 65, 153, var(--border-opacity));
  }

  .sm\:border-green-dark{
    --border-opacity: 1;
    border-color: #7b7d2a;
    border-color: rgba(123, 125, 42, var(--border-opacity));
  }

  .sm\:border-green-bright{
    --border-opacity: 1;
    border-color: #8F9220;
    border-color: rgba(143, 146, 32, var(--border-opacity));
  }

  .sm\:border-green-hilight{
    --border-opacity: 1;
    border-color: #B4B72A;
    border-color: rgba(180, 183, 42, var(--border-opacity));
  }

  .sm\:border-navy-dark{
    --border-opacity: 1;
    border-color: #52494c;
    border-color: rgba(82, 73, 76, var(--border-opacity));
  }

  .sm\:border-navy-bright{
    --border-opacity: 1;
    border-color: #6D565E;
    border-color: rgba(109, 86, 94, var(--border-opacity));
  }

  .sm\:border-navy-hilight{
    --border-opacity: 1;
    border-color: #8A6A75;
    border-color: rgba(138, 106, 117, var(--border-opacity));
  }

  .sm\:border-transparent{
    border-color: transparent;
  }

  .sm\:border-black{
    --border-opacity: 1;
    border-color: #101010;
    border-color: rgba(16, 16, 16, var(--border-opacity));
  }

  .sm\:border-white{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .sm\:border-red{
    --border-opacity: 1;
    border-color: #E12D39;
    border-color: rgba(225, 45, 57, var(--border-opacity));
  }

  .sm\:hover\:border-blue-bright:hover{
    --border-opacity: 1;
    border-color: #0B69A3;
    border-color: rgba(11, 105, 163, var(--border-opacity));
  }

  .sm\:hover\:border-blue-light:hover{
    --border-opacity: 1;
    border-color: #B3ECFF;
    border-color: rgba(179, 236, 255, var(--border-opacity));
  }

  .sm\:hover\:border-blue-pale:hover{
    --border-opacity: 1;
    border-color: #DCEEFB;
    border-color: rgba(220, 238, 251, var(--border-opacity));
  }

  .sm\:hover\:border-blue-deep:hover{
    --border-opacity: 1;
    border-color: #035388;
    border-color: rgba(3, 83, 136, var(--border-opacity));
  }

  .sm\:hover\:border-blue-hilight:hover{
    --border-opacity: 1;
    border-color: #5ed0fa;
    border-color: rgba(94, 208, 250, var(--border-opacity));
  }

  .sm\:hover\:border-blue-med:hover{
    --border-opacity: 1;
    border-color: #1992d4;
    border-color: rgba(25, 146, 212, var(--border-opacity));
  }

  .sm\:hover\:border-blue-dark:hover{
    --border-opacity: 1;
    border-color: #003e6b;
    border-color: rgba(0, 62, 107, var(--border-opacity));
  }

  .sm\:hover\:border-gray-100:hover{
    --border-opacity: 1;
    border-color: #f0f4f8;
    border-color: rgba(240, 244, 248, var(--border-opacity));
  }

  .sm\:hover\:border-gray-200:hover{
    --border-opacity: 1;
    border-color: #d9d9d9;
    border-color: rgba(217, 217, 217, var(--border-opacity));
  }

  .sm\:hover\:border-gray-300:hover{
    --border-opacity: 1;
    border-color: #bcccdc;
    border-color: rgba(188, 204, 220, var(--border-opacity));
  }

  .sm\:hover\:border-gray-500:hover{
    --border-opacity: 1;
    border-color: #627d98;
    border-color: rgba(98, 125, 152, var(--border-opacity));
  }

  .sm\:hover\:border-gray-600:hover{
    --border-opacity: 1;
    border-color: #334e68;
    border-color: rgba(51, 78, 104, var(--border-opacity));
  }

  .sm\:hover\:border-gray-700:hover{
    --border-opacity: 1;
    border-color: #243b53;
    border-color: rgba(36, 59, 83, var(--border-opacity));
  }

  .sm\:hover\:border-gray-900:hover{
    --border-opacity: 1;
    border-color: #102a43;
    border-color: rgba(16, 42, 67, var(--border-opacity));
  }

  .sm\:hover\:border-magenta-dark:hover{
    --border-opacity: 1;
    border-color: #8f4731;
    border-color: rgba(143, 71, 49, var(--border-opacity));
  }

  .sm\:hover\:border-magenta-bright:hover{
    --border-opacity: 1;
    border-color: #9C4429;
    border-color: rgba(156, 68, 41, var(--border-opacity));
  }

  .sm\:hover\:border-magenta-hilight:hover{
    --border-opacity: 1;
    border-color: #CC522D;
    border-color: rgba(204, 82, 45, var(--border-opacity));
  }

  .sm\:hover\:border-teal-dark:hover{
    --border-opacity: 1;
    border-color: #2d5b6b;
    border-color: rgba(45, 91, 107, var(--border-opacity));
  }

  .sm\:hover\:border-teal-bright:hover{
    --border-opacity: 1;
    border-color: #2B738C;
    border-color: rgba(43, 115, 140, var(--border-opacity));
  }

  .sm\:hover\:border-teal-hilight:hover{
    --border-opacity: 1;
    border-color: #3CA1C4;
    border-color: rgba(60, 161, 196, var(--border-opacity));
  }

  .sm\:hover\:border-mustard-dark:hover{
    --border-opacity: 1;
    border-color: #c47a53;
    border-color: rgba(196, 122, 83, var(--border-opacity));
  }

  .sm\:hover\:border-mustard-bright:hover{
    --border-opacity: 1;
    border-color: #E07C48;
    border-color: rgba(224, 124, 72, var(--border-opacity));
  }

  .sm\:hover\:border-mustard-hilight:hover{
    --border-opacity: 1;
    border-color: #FF7015;
    border-color: rgba(255, 112, 21, var(--border-opacity));
  }

  .sm\:hover\:border-purple-dark:hover{
    --border-opacity: 1;
    border-color: #6b2d5b;
    border-color: rgba(107, 45, 91, var(--border-opacity));
  }

  .sm\:hover\:border-purple-bright:hover{
    --border-opacity: 1;
    border-color: #8D2B74;
    border-color: rgba(141, 43, 116, var(--border-opacity));
  }

  .sm\:hover\:border-purple-hilight:hover{
    --border-opacity: 1;
    border-color: #C0339C;
    border-color: rgba(192, 51, 156, var(--border-opacity));
  }

  .sm\:hover\:border-purple-bookshop:hover{
    --border-opacity: 1;
    border-color: #584199;
    border-color: rgba(88, 65, 153, var(--border-opacity));
  }

  .sm\:hover\:border-green-dark:hover{
    --border-opacity: 1;
    border-color: #7b7d2a;
    border-color: rgba(123, 125, 42, var(--border-opacity));
  }

  .sm\:hover\:border-green-bright:hover{
    --border-opacity: 1;
    border-color: #8F9220;
    border-color: rgba(143, 146, 32, var(--border-opacity));
  }

  .sm\:hover\:border-green-hilight:hover{
    --border-opacity: 1;
    border-color: #B4B72A;
    border-color: rgba(180, 183, 42, var(--border-opacity));
  }

  .sm\:hover\:border-navy-dark:hover{
    --border-opacity: 1;
    border-color: #52494c;
    border-color: rgba(82, 73, 76, var(--border-opacity));
  }

  .sm\:hover\:border-navy-bright:hover{
    --border-opacity: 1;
    border-color: #6D565E;
    border-color: rgba(109, 86, 94, var(--border-opacity));
  }

  .sm\:hover\:border-navy-hilight:hover{
    --border-opacity: 1;
    border-color: #8A6A75;
    border-color: rgba(138, 106, 117, var(--border-opacity));
  }

  .sm\:hover\:border-transparent:hover{
    border-color: transparent;
  }

  .sm\:hover\:border-black:hover{
    --border-opacity: 1;
    border-color: #101010;
    border-color: rgba(16, 16, 16, var(--border-opacity));
  }

  .sm\:hover\:border-white:hover{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .sm\:hover\:border-red:hover{
    --border-opacity: 1;
    border-color: #E12D39;
    border-color: rgba(225, 45, 57, var(--border-opacity));
  }

  .sm\:focus\:border-blue-bright:focus{
    --border-opacity: 1;
    border-color: #0B69A3;
    border-color: rgba(11, 105, 163, var(--border-opacity));
  }

  .sm\:focus\:border-blue-light:focus{
    --border-opacity: 1;
    border-color: #B3ECFF;
    border-color: rgba(179, 236, 255, var(--border-opacity));
  }

  .sm\:focus\:border-blue-pale:focus{
    --border-opacity: 1;
    border-color: #DCEEFB;
    border-color: rgba(220, 238, 251, var(--border-opacity));
  }

  .sm\:focus\:border-blue-deep:focus{
    --border-opacity: 1;
    border-color: #035388;
    border-color: rgba(3, 83, 136, var(--border-opacity));
  }

  .sm\:focus\:border-blue-hilight:focus{
    --border-opacity: 1;
    border-color: #5ed0fa;
    border-color: rgba(94, 208, 250, var(--border-opacity));
  }

  .sm\:focus\:border-blue-med:focus{
    --border-opacity: 1;
    border-color: #1992d4;
    border-color: rgba(25, 146, 212, var(--border-opacity));
  }

  .sm\:focus\:border-blue-dark:focus{
    --border-opacity: 1;
    border-color: #003e6b;
    border-color: rgba(0, 62, 107, var(--border-opacity));
  }

  .sm\:focus\:border-gray-100:focus{
    --border-opacity: 1;
    border-color: #f0f4f8;
    border-color: rgba(240, 244, 248, var(--border-opacity));
  }

  .sm\:focus\:border-gray-200:focus{
    --border-opacity: 1;
    border-color: #d9d9d9;
    border-color: rgba(217, 217, 217, var(--border-opacity));
  }

  .sm\:focus\:border-gray-300:focus{
    --border-opacity: 1;
    border-color: #bcccdc;
    border-color: rgba(188, 204, 220, var(--border-opacity));
  }

  .sm\:focus\:border-gray-500:focus{
    --border-opacity: 1;
    border-color: #627d98;
    border-color: rgba(98, 125, 152, var(--border-opacity));
  }

  .sm\:focus\:border-gray-600:focus{
    --border-opacity: 1;
    border-color: #334e68;
    border-color: rgba(51, 78, 104, var(--border-opacity));
  }

  .sm\:focus\:border-gray-700:focus{
    --border-opacity: 1;
    border-color: #243b53;
    border-color: rgba(36, 59, 83, var(--border-opacity));
  }

  .sm\:focus\:border-gray-900:focus{
    --border-opacity: 1;
    border-color: #102a43;
    border-color: rgba(16, 42, 67, var(--border-opacity));
  }

  .sm\:focus\:border-magenta-dark:focus{
    --border-opacity: 1;
    border-color: #8f4731;
    border-color: rgba(143, 71, 49, var(--border-opacity));
  }

  .sm\:focus\:border-magenta-bright:focus{
    --border-opacity: 1;
    border-color: #9C4429;
    border-color: rgba(156, 68, 41, var(--border-opacity));
  }

  .sm\:focus\:border-magenta-hilight:focus{
    --border-opacity: 1;
    border-color: #CC522D;
    border-color: rgba(204, 82, 45, var(--border-opacity));
  }

  .sm\:focus\:border-teal-dark:focus{
    --border-opacity: 1;
    border-color: #2d5b6b;
    border-color: rgba(45, 91, 107, var(--border-opacity));
  }

  .sm\:focus\:border-teal-bright:focus{
    --border-opacity: 1;
    border-color: #2B738C;
    border-color: rgba(43, 115, 140, var(--border-opacity));
  }

  .sm\:focus\:border-teal-hilight:focus{
    --border-opacity: 1;
    border-color: #3CA1C4;
    border-color: rgba(60, 161, 196, var(--border-opacity));
  }

  .sm\:focus\:border-mustard-dark:focus{
    --border-opacity: 1;
    border-color: #c47a53;
    border-color: rgba(196, 122, 83, var(--border-opacity));
  }

  .sm\:focus\:border-mustard-bright:focus{
    --border-opacity: 1;
    border-color: #E07C48;
    border-color: rgba(224, 124, 72, var(--border-opacity));
  }

  .sm\:focus\:border-mustard-hilight:focus{
    --border-opacity: 1;
    border-color: #FF7015;
    border-color: rgba(255, 112, 21, var(--border-opacity));
  }

  .sm\:focus\:border-purple-dark:focus{
    --border-opacity: 1;
    border-color: #6b2d5b;
    border-color: rgba(107, 45, 91, var(--border-opacity));
  }

  .sm\:focus\:border-purple-bright:focus{
    --border-opacity: 1;
    border-color: #8D2B74;
    border-color: rgba(141, 43, 116, var(--border-opacity));
  }

  .sm\:focus\:border-purple-hilight:focus{
    --border-opacity: 1;
    border-color: #C0339C;
    border-color: rgba(192, 51, 156, var(--border-opacity));
  }

  .sm\:focus\:border-purple-bookshop:focus{
    --border-opacity: 1;
    border-color: #584199;
    border-color: rgba(88, 65, 153, var(--border-opacity));
  }

  .sm\:focus\:border-green-dark:focus{
    --border-opacity: 1;
    border-color: #7b7d2a;
    border-color: rgba(123, 125, 42, var(--border-opacity));
  }

  .sm\:focus\:border-green-bright:focus{
    --border-opacity: 1;
    border-color: #8F9220;
    border-color: rgba(143, 146, 32, var(--border-opacity));
  }

  .sm\:focus\:border-green-hilight:focus{
    --border-opacity: 1;
    border-color: #B4B72A;
    border-color: rgba(180, 183, 42, var(--border-opacity));
  }

  .sm\:focus\:border-navy-dark:focus{
    --border-opacity: 1;
    border-color: #52494c;
    border-color: rgba(82, 73, 76, var(--border-opacity));
  }

  .sm\:focus\:border-navy-bright:focus{
    --border-opacity: 1;
    border-color: #6D565E;
    border-color: rgba(109, 86, 94, var(--border-opacity));
  }

  .sm\:focus\:border-navy-hilight:focus{
    --border-opacity: 1;
    border-color: #8A6A75;
    border-color: rgba(138, 106, 117, var(--border-opacity));
  }

  .sm\:focus\:border-transparent:focus{
    border-color: transparent;
  }

  .sm\:focus\:border-black:focus{
    --border-opacity: 1;
    border-color: #101010;
    border-color: rgba(16, 16, 16, var(--border-opacity));
  }

  .sm\:focus\:border-white:focus{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .sm\:focus\:border-red:focus{
    --border-opacity: 1;
    border-color: #E12D39;
    border-color: rgba(225, 45, 57, var(--border-opacity));
  }

  .sm\:border-opacity-0{
    --border-opacity: 0;
  }

  .sm\:border-opacity-25{
    --border-opacity: 0.25;
  }

  .sm\:border-opacity-50{
    --border-opacity: 0.5;
  }

  .sm\:border-opacity-75{
    --border-opacity: 0.75;
  }

  .sm\:border-opacity-100{
    --border-opacity: 1;
  }

  .sm\:hover\:border-opacity-0:hover{
    --border-opacity: 0;
  }

  .sm\:hover\:border-opacity-25:hover{
    --border-opacity: 0.25;
  }

  .sm\:hover\:border-opacity-50:hover{
    --border-opacity: 0.5;
  }

  .sm\:hover\:border-opacity-75:hover{
    --border-opacity: 0.75;
  }

  .sm\:hover\:border-opacity-100:hover{
    --border-opacity: 1;
  }

  .sm\:focus\:border-opacity-0:focus{
    --border-opacity: 0;
  }

  .sm\:focus\:border-opacity-25:focus{
    --border-opacity: 0.25;
  }

  .sm\:focus\:border-opacity-50:focus{
    --border-opacity: 0.5;
  }

  .sm\:focus\:border-opacity-75:focus{
    --border-opacity: 0.75;
  }

  .sm\:focus\:border-opacity-100:focus{
    --border-opacity: 1;
  }

  .sm\:rounded-none{
    border-radius: 0;
  }

  .sm\:rounded-sm{
    border-radius: 0.125rem;
  }

  .sm\:rounded{
    border-radius: 0.25rem;
  }

  .sm\:rounded-md{
    border-radius: 0.375rem;
  }

  .sm\:rounded-lg{
    border-radius: 0.5rem;
  }

  .sm\:rounded-xl{
    border-radius: 0.75rem;
  }

  .sm\:rounded-2xl{
    border-radius: 1rem;
  }

  .sm\:rounded-3xl{
    border-radius: 1.5rem;
  }

  .sm\:rounded-full{
    border-radius: 9999px;
  }

  .sm\:rounded-t-none{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .sm\:rounded-r-none{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .sm\:rounded-b-none{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .sm\:rounded-l-none{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .sm\:rounded-t-sm{
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .sm\:rounded-r-sm{
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .sm\:rounded-b-sm{
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .sm\:rounded-l-sm{
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .sm\:rounded-t{
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .sm\:rounded-r{
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .sm\:rounded-b{
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .sm\:rounded-l{
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .sm\:rounded-t-md{
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .sm\:rounded-r-md{
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .sm\:rounded-b-md{
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .sm\:rounded-l-md{
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .sm\:rounded-t-lg{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .sm\:rounded-r-lg{
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .sm\:rounded-b-lg{
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .sm\:rounded-l-lg{
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .sm\:rounded-t-xl{
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .sm\:rounded-r-xl{
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .sm\:rounded-b-xl{
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .sm\:rounded-l-xl{
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .sm\:rounded-t-2xl{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .sm\:rounded-r-2xl{
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .sm\:rounded-b-2xl{
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .sm\:rounded-l-2xl{
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .sm\:rounded-t-3xl{
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .sm\:rounded-r-3xl{
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .sm\:rounded-b-3xl{
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .sm\:rounded-l-3xl{
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .sm\:rounded-t-full{
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .sm\:rounded-r-full{
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .sm\:rounded-b-full{
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .sm\:rounded-l-full{
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .sm\:rounded-tl-none{
    border-top-left-radius: 0;
  }

  .sm\:rounded-tr-none{
    border-top-right-radius: 0;
  }

  .sm\:rounded-br-none{
    border-bottom-right-radius: 0;
  }

  .sm\:rounded-bl-none{
    border-bottom-left-radius: 0;
  }

  .sm\:rounded-tl-sm{
    border-top-left-radius: 0.125rem;
  }

  .sm\:rounded-tr-sm{
    border-top-right-radius: 0.125rem;
  }

  .sm\:rounded-br-sm{
    border-bottom-right-radius: 0.125rem;
  }

  .sm\:rounded-bl-sm{
    border-bottom-left-radius: 0.125rem;
  }

  .sm\:rounded-tl{
    border-top-left-radius: 0.25rem;
  }

  .sm\:rounded-tr{
    border-top-right-radius: 0.25rem;
  }

  .sm\:rounded-br{
    border-bottom-right-radius: 0.25rem;
  }

  .sm\:rounded-bl{
    border-bottom-left-radius: 0.25rem;
  }

  .sm\:rounded-tl-md{
    border-top-left-radius: 0.375rem;
  }

  .sm\:rounded-tr-md{
    border-top-right-radius: 0.375rem;
  }

  .sm\:rounded-br-md{
    border-bottom-right-radius: 0.375rem;
  }

  .sm\:rounded-bl-md{
    border-bottom-left-radius: 0.375rem;
  }

  .sm\:rounded-tl-lg{
    border-top-left-radius: 0.5rem;
  }

  .sm\:rounded-tr-lg{
    border-top-right-radius: 0.5rem;
  }

  .sm\:rounded-br-lg{
    border-bottom-right-radius: 0.5rem;
  }

  .sm\:rounded-bl-lg{
    border-bottom-left-radius: 0.5rem;
  }

  .sm\:rounded-tl-xl{
    border-top-left-radius: 0.75rem;
  }

  .sm\:rounded-tr-xl{
    border-top-right-radius: 0.75rem;
  }

  .sm\:rounded-br-xl{
    border-bottom-right-radius: 0.75rem;
  }

  .sm\:rounded-bl-xl{
    border-bottom-left-radius: 0.75rem;
  }

  .sm\:rounded-tl-2xl{
    border-top-left-radius: 1rem;
  }

  .sm\:rounded-tr-2xl{
    border-top-right-radius: 1rem;
  }

  .sm\:rounded-br-2xl{
    border-bottom-right-radius: 1rem;
  }

  .sm\:rounded-bl-2xl{
    border-bottom-left-radius: 1rem;
  }

  .sm\:rounded-tl-3xl{
    border-top-left-radius: 1.5rem;
  }

  .sm\:rounded-tr-3xl{
    border-top-right-radius: 1.5rem;
  }

  .sm\:rounded-br-3xl{
    border-bottom-right-radius: 1.5rem;
  }

  .sm\:rounded-bl-3xl{
    border-bottom-left-radius: 1.5rem;
  }

  .sm\:rounded-tl-full{
    border-top-left-radius: 9999px;
  }

  .sm\:rounded-tr-full{
    border-top-right-radius: 9999px;
  }

  .sm\:rounded-br-full{
    border-bottom-right-radius: 9999px;
  }

  .sm\:rounded-bl-full{
    border-bottom-left-radius: 9999px;
  }

  .sm\:children\:border-solid > *{
    border-style: solid;
  }

  .sm\:children\:border-dashed > *{
    border-style: dashed;
  }

  .sm\:children\:border-dotted > *{
    border-style: dotted;
  }

  .sm\:children\:border-double > *{
    border-style: double;
  }

  .sm\:children\:border-none > *{
    border-style: none;
  }

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

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

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

  .sm\:border-double{
    border-style: double;
  }

  .sm\:border-none{
    border-style: none;
  }

  .sm\:border-0{
    border-width: 0;
  }

  .sm\:border-2{
    border-width: 2px;
  }

  .sm\:border-4{
    border-width: 4px;
  }

  .sm\:border-8{
    border-width: 8px;
  }

  .sm\:border{
    border-width: 1px;
  }

  .sm\:border-t-0{
    border-top-width: 0;
  }

  .sm\:border-r-0{
    border-right-width: 0;
  }

  .sm\:border-b-0{
    border-bottom-width: 0;
  }

  .sm\:border-l-0{
    border-left-width: 0;
  }

  .sm\:border-t-2{
    border-top-width: 2px;
  }

  .sm\:border-r-2{
    border-right-width: 2px;
  }

  .sm\:border-b-2{
    border-bottom-width: 2px;
  }

  .sm\:border-l-2{
    border-left-width: 2px;
  }

  .sm\:border-t-4{
    border-top-width: 4px;
  }

  .sm\:border-r-4{
    border-right-width: 4px;
  }

  .sm\:border-b-4{
    border-bottom-width: 4px;
  }

  .sm\:border-l-4{
    border-left-width: 4px;
  }

  .sm\:border-t-8{
    border-top-width: 8px;
  }

  .sm\:border-r-8{
    border-right-width: 8px;
  }

  .sm\:border-b-8{
    border-bottom-width: 8px;
  }

  .sm\:border-l-8{
    border-left-width: 8px;
  }

  .sm\:border-t{
    border-top-width: 1px;
  }

  .sm\:border-r{
    border-right-width: 1px;
  }

  .sm\:border-b{
    border-bottom-width: 1px;
  }

  .sm\:border-l{
    border-left-width: 1px;
  }

  .sm\:box-border{
    box-sizing: border-box;
  }

  .sm\:box-content{
    box-sizing: content-box;
  }

  .sm\:cursor-auto{
    cursor: auto;
  }

  .sm\:cursor-default{
    cursor: default;
  }

  .sm\:cursor-pointer{
    cursor: pointer;
  }

  .sm\:cursor-wait{
    cursor: wait;
  }

  .sm\:cursor-text{
    cursor: text;
  }

  .sm\:cursor-move{
    cursor: move;
  }

  .sm\:cursor-not-allowed{
    cursor: not-allowed;
  }

  .sm\:block{
    display: block;
  }

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

  .sm\:inline{
    display: inline;
  }

  .sm\:flex{
    display: flex;
  }

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

  .sm\:table{
    display: table;
  }

  .sm\:table-caption{
    display: table-caption;
  }

  .sm\:table-cell{
    display: table-cell;
  }

  .sm\:table-column{
    display: table-column;
  }

  .sm\:table-column-group{
    display: table-column-group;
  }

  .sm\:table-footer-group{
    display: table-footer-group;
  }

  .sm\:table-header-group{
    display: table-header-group;
  }

  .sm\:table-row-group{
    display: table-row-group;
  }

  .sm\:table-row{
    display: table-row;
  }

  .sm\:flow-root{
    display: flow-root;
  }

  .sm\:grid{
    display: grid;
  }

  .sm\:inline-grid{
    display: inline-grid;
  }

  .sm\:contents{
    display: contents;
  }

  .sm\:hidden{
    display: none;
  }

  .sm\:flex-row{
    flex-direction: row;
  }

  .sm\:flex-row-reverse{
    flex-direction: row-reverse;
  }

  .sm\:flex-col{
    flex-direction: column;
  }

  .sm\:flex-col-reverse{
    flex-direction: column-reverse;
  }

  .sm\:flex-wrap{
    flex-wrap: wrap;
  }

  .sm\:flex-wrap-reverse{
    flex-wrap: wrap-reverse;
  }

  .sm\:flex-no-wrap{
    flex-wrap: nowrap;
  }

  .sm\:place-items-auto{
    place-items: auto;
  }

  .sm\:place-items-start{
    place-items: start;
  }

  .sm\:place-items-end{
    place-items: end;
  }

  .sm\:place-items-center{
    place-items: center;
  }

  .sm\:place-items-stretch{
    place-items: stretch;
  }

  .sm\:place-content-center{
    place-content: center;
  }

  .sm\:place-content-start{
    place-content: start;
  }

  .sm\:place-content-end{
    place-content: end;
  }

  .sm\:place-content-between{
    place-content: space-between;
  }

  .sm\:place-content-around{
    place-content: space-around;
  }

  .sm\:place-content-evenly{
    place-content: space-evenly;
  }

  .sm\:place-content-stretch{
    place-content: stretch;
  }

  .sm\:place-self-auto{
    place-self: auto;
  }

  .sm\:place-self-start{
    place-self: start;
  }

  .sm\:place-self-end{
    place-self: end;
  }

  .sm\:place-self-center{
    place-self: center;
  }

  .sm\:place-self-stretch{
    place-self: stretch;
  }

  .sm\:items-start{
    align-items: flex-start;
  }

  .sm\:items-end{
    align-items: flex-end;
  }

  .sm\:items-center{
    align-items: center;
  }

  .sm\:items-baseline{
    align-items: baseline;
  }

  .sm\:items-stretch{
    align-items: stretch;
  }

  .sm\:content-center{
    align-content: center;
  }

  .sm\:content-start{
    align-content: flex-start;
  }

  .sm\:content-end{
    align-content: flex-end;
  }

  .sm\:content-between{
    align-content: space-between;
  }

  .sm\:content-around{
    align-content: space-around;
  }

  .sm\:content-evenly{
    align-content: space-evenly;
  }

  .sm\:self-auto{
    align-self: auto;
  }

  .sm\:self-start{
    align-self: flex-start;
  }

  .sm\:self-end{
    align-self: flex-end;
  }

  .sm\:self-center{
    align-self: center;
  }

  .sm\:self-stretch{
    align-self: stretch;
  }

  .sm\:justify-items-auto{
    justify-items: auto;
  }

  .sm\:justify-items-start{
    justify-items: start;
  }

  .sm\:justify-items-end{
    justify-items: end;
  }

  .sm\:justify-items-center{
    justify-items: center;
  }

  .sm\:justify-items-stretch{
    justify-items: stretch;
  }

  .sm\:justify-start{
    justify-content: flex-start;
  }

  .sm\:justify-end{
    justify-content: flex-end;
  }

  .sm\:justify-center{
    justify-content: center;
  }

  .sm\:justify-between{
    justify-content: space-between;
  }

  .sm\:justify-around{
    justify-content: space-around;
  }

  .sm\:justify-evenly{
    justify-content: space-evenly;
  }

  .sm\:justify-self-auto{
    justify-self: auto;
  }

  .sm\:justify-self-start{
    justify-self: start;
  }

  .sm\:justify-self-end{
    justify-self: end;
  }

  .sm\:justify-self-center{
    justify-self: center;
  }

  .sm\:justify-self-stretch{
    justify-self: stretch;
  }

  .sm\:flex-1{
    flex: 1 1 0%;
  }

  .sm\:flex-auto{
    flex: 1 1 auto;
  }

  .sm\:flex-initial{
    flex: 0 1 auto;
  }

  .sm\:flex-none{
    flex: none;
  }

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

  .sm\:flex-grow{
    flex-grow: 1;
  }

  .sm\:flex-shrink-0{
    flex-shrink: 0;
  }

  .sm\:flex-shrink{
    flex-shrink: 1;
  }

  .sm\:order-1{
    order: 1;
  }

  .sm\:order-2{
    order: 2;
  }

  .sm\:order-3{
    order: 3;
  }

  .sm\:order-4{
    order: 4;
  }

  .sm\:order-5{
    order: 5;
  }

  .sm\:order-6{
    order: 6;
  }

  .sm\:order-7{
    order: 7;
  }

  .sm\:order-8{
    order: 8;
  }

  .sm\:order-9{
    order: 9;
  }

  .sm\:order-10{
    order: 10;
  }

  .sm\:order-11{
    order: 11;
  }

  .sm\:order-12{
    order: 12;
  }

  .sm\:order-first{
    order: -9999;
  }

  .sm\:order-last{
    order: 9999;
  }

  .sm\:order-none{
    order: 0;
  }

  .sm\:float-right{
    float: right;
  }

  .sm\:float-left{
    float: left;
  }

  .sm\:float-none{
    float: none;
  }

  .sm\:clearfix:after{
    content: "";
    display: table;
    clear: both;
  }

  .sm\:clear-left{
    clear: left;
  }

  .sm\:clear-right{
    clear: right;
  }

  .sm\:clear-both{
    clear: both;
  }

  .sm\:clear-none{
    clear: none;
  }

  .sm\:font-body{
    font-family: proxima-nova, sans-serif;
  }

  .sm\:font-head{
    font-family: jubilat, serif;
  }

  .sm\:font-hairline{
    font-weight: 100;
  }

  .sm\:font-thin{
    font-weight: 200;
  }

  .sm\:font-light{
    font-weight: 300;
  }

  .sm\:font-normal{
    font-weight: 400;
  }

  .sm\:font-medium{
    font-weight: 500;
  }

  .sm\:font-semibold{
    font-weight: 600;
  }

  .sm\:font-bold{
    font-weight: 700;
  }

  .sm\:font-extrabold{
    font-weight: 800;
  }

  .sm\:font-black{
    font-weight: 900;
  }

  .sm\:hover\:font-hairline:hover{
    font-weight: 100;
  }

  .sm\:hover\:font-thin:hover{
    font-weight: 200;
  }

  .sm\:hover\:font-light:hover{
    font-weight: 300;
  }

  .sm\:hover\:font-normal:hover{
    font-weight: 400;
  }

  .sm\:hover\:font-medium:hover{
    font-weight: 500;
  }

  .sm\:hover\:font-semibold:hover{
    font-weight: 600;
  }

  .sm\:hover\:font-bold:hover{
    font-weight: 700;
  }

  .sm\:hover\:font-extrabold:hover{
    font-weight: 800;
  }

  .sm\:hover\:font-black:hover{
    font-weight: 900;
  }

  .sm\:focus\:font-hairline:focus{
    font-weight: 100;
  }

  .sm\:focus\:font-thin:focus{
    font-weight: 200;
  }

  .sm\:focus\:font-light:focus{
    font-weight: 300;
  }

  .sm\:focus\:font-normal:focus{
    font-weight: 400;
  }

  .sm\:focus\:font-medium:focus{
    font-weight: 500;
  }

  .sm\:focus\:font-semibold:focus{
    font-weight: 600;
  }

  .sm\:focus\:font-bold:focus{
    font-weight: 700;
  }

  .sm\:focus\:font-extrabold:focus{
    font-weight: 800;
  }

  .sm\:focus\:font-black:focus{
    font-weight: 900;
  }

  .sm\:h-0{
    height: 0;
  }

  .sm\:h-1{
    height: 0.25rem;
  }

  .sm\:h-2{
    height: 0.5rem;
  }

  .sm\:h-3{
    height: 0.75rem;
  }

  .sm\:h-4{
    height: 1rem;
  }

  .sm\:h-5{
    height: 1.25rem;
  }

  .sm\:h-6{
    height: 1.5rem;
  }

  .sm\:h-8{
    height: 2rem;
  }

  .sm\:h-10{
    height: 2.5rem;
  }

  .sm\:h-12{
    height: 3rem;
  }

  .sm\:h-16{
    height: 4rem;
  }

  .sm\:h-20{
    height: 5rem;
  }

  .sm\:h-24{
    height: 6rem;
  }

  .sm\:h-32{
    height: 8rem;
  }

  .sm\:h-40{
    height: 10rem;
  }

  .sm\:h-48{
    height: 12rem;
  }

  .sm\:h-56{
    height: 14rem;
  }

  .sm\:h-64{
    height: 16rem;
  }

  .sm\:h-auto{
    height: auto;
  }

  .sm\:h-px{
    height: 1px;
  }

  .sm\:h-full{
    height: 100%;
  }

  .sm\:h-screen{
    height: 100vh;
  }

  .sm\:text-xs{
    font-size: 0.75rem;
  }

  .sm\:text-sm{
    font-size: 0.875rem;
  }

  .sm\:text-base{
    font-size: 1rem;
  }

  .sm\:text-lg{
    font-size: 1.125rem;
  }

  .sm\:text-xl{
    font-size: 1.25rem;
  }

  .sm\:text-2xl{
    font-size: 1.5rem;
  }

  .sm\:text-3xl{
    font-size: 1.875rem;
  }

  .sm\:text-4xl{
    font-size: 2rem;
  }

  .sm\:text-5xl{
    font-size: 3rem;
  }

  .sm\:text-6xl{
    font-size: 4rem;
  }

  .sm\:leading-3{
    line-height: .75rem;
  }

  .sm\:leading-4{
    line-height: 1rem;
  }

  .sm\:leading-5{
    line-height: 1.25rem;
  }

  .sm\:leading-6{
    line-height: 1.5rem;
  }

  .sm\:leading-7{
    line-height: 1.75rem;
  }

  .sm\:leading-8{
    line-height: 2rem;
  }

  .sm\:leading-9{
    line-height: 2.25rem;
  }

  .sm\:leading-10{
    line-height: 2.5rem;
  }

  .sm\:leading-none{
    line-height: 1;
  }

  .sm\:leading-tight{
    line-height: 1.25;
  }

  .sm\:leading-snug{
    line-height: 1.375;
  }

  .sm\:leading-normal{
    line-height: 1.5;
  }

  .sm\:leading-relaxed{
    line-height: 1.625;
  }

  .sm\:leading-loose{
    line-height: 2;
  }

  .sm\:list-inside{
    list-style-position: inside;
  }

  .sm\:list-outside{
    list-style-position: outside;
  }

  .sm\:list-none{
    list-style-type: none;
  }

  .sm\:list-disc{
    list-style-type: disc;
  }

  .sm\:list-decimal{
    list-style-type: decimal;
  }

  .sm\:m-0{
    margin: 0;
  }

  .sm\:m-1{
    margin: 0.25rem;
  }

  .sm\:m-2{
    margin: 0.5rem;
  }

  .sm\:m-3{
    margin: 0.75rem;
  }

  .sm\:m-4{
    margin: 1rem;
  }

  .sm\:m-5{
    margin: 1.25rem;
  }

  .sm\:m-6{
    margin: 1.5rem;
  }

  .sm\:m-8{
    margin: 2rem;
  }

  .sm\:m-10{
    margin: 2.5rem;
  }

  .sm\:m-12{
    margin: 3rem;
  }

  .sm\:m-16{
    margin: 4rem;
  }

  .sm\:m-20{
    margin: 5rem;
  }

  .sm\:m-24{
    margin: 6rem;
  }

  .sm\:m-32{
    margin: 8rem;
  }

  .sm\:m-40{
    margin: 10rem;
  }

  .sm\:m-48{
    margin: 12rem;
  }

  .sm\:m-56{
    margin: 14rem;
  }

  .sm\:m-64{
    margin: 16rem;
  }

  .sm\:m-auto{
    margin: auto;
  }

  .sm\:m-px{
    margin: 1px;
  }

  .sm\:-m-1{
    margin: -0.25rem;
  }

  .sm\:-m-2{
    margin: -0.5rem;
  }

  .sm\:-m-3{
    margin: -0.75rem;
  }

  .sm\:-m-4{
    margin: -1rem;
  }

  .sm\:-m-5{
    margin: -1.25rem;
  }

  .sm\:-m-6{
    margin: -1.5rem;
  }

  .sm\:-m-8{
    margin: -2rem;
  }

  .sm\:-m-10{
    margin: -2.5rem;
  }

  .sm\:-m-12{
    margin: -3rem;
  }

  .sm\:-m-16{
    margin: -4rem;
  }

  .sm\:-m-20{
    margin: -5rem;
  }

  .sm\:-m-24{
    margin: -6rem;
  }

  .sm\:-m-32{
    margin: -8rem;
  }

  .sm\:-m-40{
    margin: -10rem;
  }

  .sm\:-m-48{
    margin: -12rem;
  }

  .sm\:-m-56{
    margin: -14rem;
  }

  .sm\:-m-64{
    margin: -16rem;
  }

  .sm\:-m-px{
    margin: -1px;
  }

  .sm\:my-0{
    margin-top: 0;
    margin-bottom: 0;
  }

  .sm\:mx-0{
    margin-left: 0;
    margin-right: 0;
  }

  .sm\:my-1{
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .sm\:mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .sm\:my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .sm\:mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .sm\:my-3{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .sm\:mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .sm\:my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .sm\:mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .sm\:my-5{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .sm\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .sm\:my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .sm\:mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .sm\:my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .sm\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .sm\:my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .sm\:mx-10{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .sm\:my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .sm\:mx-12{
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .sm\:my-16{
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .sm\:mx-16{
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .sm\:my-20{
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .sm\:mx-20{
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .sm\:my-24{
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .sm\:mx-24{
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .sm\:my-32{
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .sm\:mx-32{
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .sm\:my-40{
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .sm\:mx-40{
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .sm\:my-48{
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .sm\:mx-48{
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .sm\:my-56{
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .sm\:mx-56{
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .sm\:my-64{
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .sm\:mx-64{
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .sm\:my-auto{
    margin-top: auto;
    margin-bottom: auto;
  }

  .sm\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:my-px{
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .sm\:mx-px{
    margin-left: 1px;
    margin-right: 1px;
  }

  .sm\:-my-1{
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .sm\:-mx-1{
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .sm\:-my-2{
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .sm\:-mx-2{
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .sm\:-my-3{
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .sm\:-mx-3{
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .sm\:-my-4{
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .sm\:-mx-4{
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .sm\:-my-5{
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .sm\:-mx-5{
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .sm\:-my-6{
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .sm\:-mx-6{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .sm\:-my-8{
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .sm\:-mx-8{
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .sm\:-my-10{
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .sm\:-mx-10{
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .sm\:-my-12{
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .sm\:-mx-12{
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .sm\:-my-16{
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .sm\:-mx-16{
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .sm\:-my-20{
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .sm\:-mx-20{
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .sm\:-my-24{
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .sm\:-mx-24{
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .sm\:-my-32{
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .sm\:-mx-32{
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .sm\:-my-40{
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  .sm\:-mx-40{
    margin-left: -10rem;
    margin-right: -10rem;
  }

  .sm\:-my-48{
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  .sm\:-mx-48{
    margin-left: -12rem;
    margin-right: -12rem;
  }

  .sm\:-my-56{
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  .sm\:-mx-56{
    margin-left: -14rem;
    margin-right: -14rem;
  }

  .sm\:-my-64{
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  .sm\:-mx-64{
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .sm\:-my-px{
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .sm\:-mx-px{
    margin-left: -1px;
    margin-right: -1px;
  }

  .sm\:mt-0{
    margin-top: 0;
  }

  .sm\:mr-0{
    margin-right: 0;
  }

  .sm\:mb-0{
    margin-bottom: 0;
  }

  .sm\:ml-0{
    margin-left: 0;
  }

  .sm\:mt-1{
    margin-top: 0.25rem;
  }

  .sm\:mr-1{
    margin-right: 0.25rem;
  }

  .sm\:mb-1{
    margin-bottom: 0.25rem;
  }

  .sm\:ml-1{
    margin-left: 0.25rem;
  }

  .sm\:mt-2{
    margin-top: 0.5rem;
  }

  .sm\:mr-2{
    margin-right: 0.5rem;
  }

  .sm\:mb-2{
    margin-bottom: 0.5rem;
  }

  .sm\:ml-2{
    margin-left: 0.5rem;
  }

  .sm\:mt-3{
    margin-top: 0.75rem;
  }

  .sm\:mr-3{
    margin-right: 0.75rem;
  }

  .sm\:mb-3{
    margin-bottom: 0.75rem;
  }

  .sm\:ml-3{
    margin-left: 0.75rem;
  }

  .sm\:mt-4{
    margin-top: 1rem;
  }

  .sm\:mr-4{
    margin-right: 1rem;
  }

  .sm\:mb-4{
    margin-bottom: 1rem;
  }

  .sm\:ml-4{
    margin-left: 1rem;
  }

  .sm\:mt-5{
    margin-top: 1.25rem;
  }

  .sm\:mr-5{
    margin-right: 1.25rem;
  }

  .sm\:mb-5{
    margin-bottom: 1.25rem;
  }

  .sm\:ml-5{
    margin-left: 1.25rem;
  }

  .sm\:mt-6{
    margin-top: 1.5rem;
  }

  .sm\:mr-6{
    margin-right: 1.5rem;
  }

  .sm\:mb-6{
    margin-bottom: 1.5rem;
  }

  .sm\:ml-6{
    margin-left: 1.5rem;
  }

  .sm\:mt-8{
    margin-top: 2rem;
  }

  .sm\:mr-8{
    margin-right: 2rem;
  }

  .sm\:mb-8{
    margin-bottom: 2rem;
  }

  .sm\:ml-8{
    margin-left: 2rem;
  }

  .sm\:mt-10{
    margin-top: 2.5rem;
  }

  .sm\:mr-10{
    margin-right: 2.5rem;
  }

  .sm\:mb-10{
    margin-bottom: 2.5rem;
  }

  .sm\:ml-10{
    margin-left: 2.5rem;
  }

  .sm\:mt-12{
    margin-top: 3rem;
  }

  .sm\:mr-12{
    margin-right: 3rem;
  }

  .sm\:mb-12{
    margin-bottom: 3rem;
  }

  .sm\:ml-12{
    margin-left: 3rem;
  }

  .sm\:mt-16{
    margin-top: 4rem;
  }

  .sm\:mr-16{
    margin-right: 4rem;
  }

  .sm\:mb-16{
    margin-bottom: 4rem;
  }

  .sm\:ml-16{
    margin-left: 4rem;
  }

  .sm\:mt-20{
    margin-top: 5rem;
  }

  .sm\:mr-20{
    margin-right: 5rem;
  }

  .sm\:mb-20{
    margin-bottom: 5rem;
  }

  .sm\:ml-20{
    margin-left: 5rem;
  }

  .sm\:mt-24{
    margin-top: 6rem;
  }

  .sm\:mr-24{
    margin-right: 6rem;
  }

  .sm\:mb-24{
    margin-bottom: 6rem;
  }

  .sm\:ml-24{
    margin-left: 6rem;
  }

  .sm\:mt-32{
    margin-top: 8rem;
  }

  .sm\:mr-32{
    margin-right: 8rem;
  }

  .sm\:mb-32{
    margin-bottom: 8rem;
  }

  .sm\:ml-32{
    margin-left: 8rem;
  }

  .sm\:mt-40{
    margin-top: 10rem;
  }

  .sm\:mr-40{
    margin-right: 10rem;
  }

  .sm\:mb-40{
    margin-bottom: 10rem;
  }

  .sm\:ml-40{
    margin-left: 10rem;
  }

  .sm\:mt-48{
    margin-top: 12rem;
  }

  .sm\:mr-48{
    margin-right: 12rem;
  }

  .sm\:mb-48{
    margin-bottom: 12rem;
  }

  .sm\:ml-48{
    margin-left: 12rem;
  }

  .sm\:mt-56{
    margin-top: 14rem;
  }

  .sm\:mr-56{
    margin-right: 14rem;
  }

  .sm\:mb-56{
    margin-bottom: 14rem;
  }

  .sm\:ml-56{
    margin-left: 14rem;
  }

  .sm\:mt-64{
    margin-top: 16rem;
  }

  .sm\:mr-64{
    margin-right: 16rem;
  }

  .sm\:mb-64{
    margin-bottom: 16rem;
  }

  .sm\:ml-64{
    margin-left: 16rem;
  }

  .sm\:mt-auto{
    margin-top: auto;
  }

  .sm\:mr-auto{
    margin-right: auto;
  }

  .sm\:mb-auto{
    margin-bottom: auto;
  }

  .sm\:ml-auto{
    margin-left: auto;
  }

  .sm\:mt-px{
    margin-top: 1px;
  }

  .sm\:mr-px{
    margin-right: 1px;
  }

  .sm\:mb-px{
    margin-bottom: 1px;
  }

  .sm\:ml-px{
    margin-left: 1px;
  }

  .sm\:-mt-1{
    margin-top: -0.25rem;
  }

  .sm\:-mr-1{
    margin-right: -0.25rem;
  }

  .sm\:-mb-1{
    margin-bottom: -0.25rem;
  }

  .sm\:-ml-1{
    margin-left: -0.25rem;
  }

  .sm\:-mt-2{
    margin-top: -0.5rem;
  }

  .sm\:-mr-2{
    margin-right: -0.5rem;
  }

  .sm\:-mb-2{
    margin-bottom: -0.5rem;
  }

  .sm\:-ml-2{
    margin-left: -0.5rem;
  }

  .sm\:-mt-3{
    margin-top: -0.75rem;
  }

  .sm\:-mr-3{
    margin-right: -0.75rem;
  }

  .sm\:-mb-3{
    margin-bottom: -0.75rem;
  }

  .sm\:-ml-3{
    margin-left: -0.75rem;
  }

  .sm\:-mt-4{
    margin-top: -1rem;
  }

  .sm\:-mr-4{
    margin-right: -1rem;
  }

  .sm\:-mb-4{
    margin-bottom: -1rem;
  }

  .sm\:-ml-4{
    margin-left: -1rem;
  }

  .sm\:-mt-5{
    margin-top: -1.25rem;
  }

  .sm\:-mr-5{
    margin-right: -1.25rem;
  }

  .sm\:-mb-5{
    margin-bottom: -1.25rem;
  }

  .sm\:-ml-5{
    margin-left: -1.25rem;
  }

  .sm\:-mt-6{
    margin-top: -1.5rem;
  }

  .sm\:-mr-6{
    margin-right: -1.5rem;
  }

  .sm\:-mb-6{
    margin-bottom: -1.5rem;
  }

  .sm\:-ml-6{
    margin-left: -1.5rem;
  }

  .sm\:-mt-8{
    margin-top: -2rem;
  }

  .sm\:-mr-8{
    margin-right: -2rem;
  }

  .sm\:-mb-8{
    margin-bottom: -2rem;
  }

  .sm\:-ml-8{
    margin-left: -2rem;
  }

  .sm\:-mt-10{
    margin-top: -2.5rem;
  }

  .sm\:-mr-10{
    margin-right: -2.5rem;
  }

  .sm\:-mb-10{
    margin-bottom: -2.5rem;
  }

  .sm\:-ml-10{
    margin-left: -2.5rem;
  }

  .sm\:-mt-12{
    margin-top: -3rem;
  }

  .sm\:-mr-12{
    margin-right: -3rem;
  }

  .sm\:-mb-12{
    margin-bottom: -3rem;
  }

  .sm\:-ml-12{
    margin-left: -3rem;
  }

  .sm\:-mt-16{
    margin-top: -4rem;
  }

  .sm\:-mr-16{
    margin-right: -4rem;
  }

  .sm\:-mb-16{
    margin-bottom: -4rem;
  }

  .sm\:-ml-16{
    margin-left: -4rem;
  }

  .sm\:-mt-20{
    margin-top: -5rem;
  }

  .sm\:-mr-20{
    margin-right: -5rem;
  }

  .sm\:-mb-20{
    margin-bottom: -5rem;
  }

  .sm\:-ml-20{
    margin-left: -5rem;
  }

  .sm\:-mt-24{
    margin-top: -6rem;
  }

  .sm\:-mr-24{
    margin-right: -6rem;
  }

  .sm\:-mb-24{
    margin-bottom: -6rem;
  }

  .sm\:-ml-24{
    margin-left: -6rem;
  }

  .sm\:-mt-32{
    margin-top: -8rem;
  }

  .sm\:-mr-32{
    margin-right: -8rem;
  }

  .sm\:-mb-32{
    margin-bottom: -8rem;
  }

  .sm\:-ml-32{
    margin-left: -8rem;
  }

  .sm\:-mt-40{
    margin-top: -10rem;
  }

  .sm\:-mr-40{
    margin-right: -10rem;
  }

  .sm\:-mb-40{
    margin-bottom: -10rem;
  }

  .sm\:-ml-40{
    margin-left: -10rem;
  }

  .sm\:-mt-48{
    margin-top: -12rem;
  }

  .sm\:-mr-48{
    margin-right: -12rem;
  }

  .sm\:-mb-48{
    margin-bottom: -12rem;
  }

  .sm\:-ml-48{
    margin-left: -12rem;
  }

  .sm\:-mt-56{
    margin-top: -14rem;
  }

  .sm\:-mr-56{
    margin-right: -14rem;
  }

  .sm\:-mb-56{
    margin-bottom: -14rem;
  }

  .sm\:-ml-56{
    margin-left: -14rem;
  }

  .sm\:-mt-64{
    margin-top: -16rem;
  }

  .sm\:-mr-64{
    margin-right: -16rem;
  }

  .sm\:-mb-64{
    margin-bottom: -16rem;
  }

  .sm\:-ml-64{
    margin-left: -16rem;
  }

  .sm\:-mt-px{
    margin-top: -1px;
  }

  .sm\:-mr-px{
    margin-right: -1px;
  }

  .sm\:-mb-px{
    margin-bottom: -1px;
  }

  .sm\:-ml-px{
    margin-left: -1px;
  }

  .sm\:max-h-full{
    max-height: 100%;
  }

  .sm\:max-h-screen{
    max-height: 100vh;
  }

  .sm\:max-w-none{
    max-width: none;
  }

  .sm\:max-w-xs{
    max-width: 20rem;
  }

  .sm\:max-w-sm{
    max-width: 24rem;
  }

  .sm\:max-w-md{
    max-width: 28rem;
  }

  .sm\:max-w-lg{
    max-width: 32rem;
  }

  .sm\:max-w-xl{
    max-width: 36rem;
  }

  .sm\:max-w-2xl{
    max-width: 42rem;
  }

  .sm\:max-w-3xl{
    max-width: 48rem;
  }

  .sm\:max-w-4xl{
    max-width: 56rem;
  }

  .sm\:max-w-5xl{
    max-width: 64rem;
  }

  .sm\:max-w-6xl{
    max-width: 72rem;
  }

  .sm\:max-w-full{
    max-width: 100%;
  }

  .sm\:max-w-screen-sm{
    max-width: 640px;
  }

  .sm\:max-w-screen-md{
    max-width: 768px;
  }

  .sm\:max-w-screen-lg{
    max-width: 1024px;
  }

  .sm\:max-w-screen-xl{
    max-width: 1280px;
  }

  .sm\:min-h-0{
    min-height: 0;
  }

  .sm\:min-h-full{
    min-height: 100%;
  }

  .sm\:min-h-screen{
    min-height: 100vh;
  }

  .sm\:min-w-0{
    min-width: 0;
  }

  .sm\:min-w-full{
    min-width: 100%;
  }

  .sm\:object-contain{
    -o-object-fit: contain;
       object-fit: contain;
  }

  .sm\:object-cover{
    -o-object-fit: cover;
       object-fit: cover;
  }

  .sm\:object-fill{
    -o-object-fit: fill;
       object-fit: fill;
  }

  .sm\:object-none{
    -o-object-fit: none;
       object-fit: none;
  }

  .sm\:object-scale-down{
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .sm\:object-bottom{
    -o-object-position: bottom;
       object-position: bottom;
  }

  .sm\:object-center{
    -o-object-position: center;
       object-position: center;
  }

  .sm\:object-left{
    -o-object-position: left;
       object-position: left;
  }

  .sm\:object-left-bottom{
    -o-object-position: left bottom;
       object-position: left bottom;
  }

  .sm\:object-left-top{
    -o-object-position: left top;
       object-position: left top;
  }

  .sm\:object-right{
    -o-object-position: right;
       object-position: right;
  }

  .sm\:object-right-bottom{
    -o-object-position: right bottom;
       object-position: right bottom;
  }

  .sm\:object-right-top{
    -o-object-position: right top;
       object-position: right top;
  }

  .sm\:object-top{
    -o-object-position: top;
       object-position: top;
  }

  .sm\:opacity-0{
    opacity: 0;
  }

  .sm\:opacity-25{
    opacity: 0.25;
  }

  .sm\:opacity-50{
    opacity: 0.5;
  }

  .sm\:opacity-75{
    opacity: 0.75;
  }

  .sm\:opacity-100{
    opacity: 1;
  }

  .sm\:hover\:opacity-0:hover{
    opacity: 0;
  }

  .sm\:hover\:opacity-25:hover{
    opacity: 0.25;
  }

  .sm\:hover\:opacity-50:hover{
    opacity: 0.5;
  }

  .sm\:hover\:opacity-75:hover{
    opacity: 0.75;
  }

  .sm\:hover\:opacity-100:hover{
    opacity: 1;
  }

  .sm\:focus\:opacity-0:focus{
    opacity: 0;
  }

  .sm\:focus\:opacity-25:focus{
    opacity: 0.25;
  }

  .sm\:focus\:opacity-50:focus{
    opacity: 0.5;
  }

  .sm\:focus\:opacity-75:focus{
    opacity: 0.75;
  }

  .sm\:focus\:opacity-100:focus{
    opacity: 1;
  }

  .sm\:outline-none{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .sm\:outline-white{
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .sm\:outline-black{
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .sm\:focus\:outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .sm\:focus\:outline-white:focus{
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .sm\:focus\:outline-black:focus{
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .sm\:overflow-auto{
    overflow: auto;
  }

  .sm\:overflow-hidden{
    overflow: hidden;
  }

  .sm\:overflow-visible{
    overflow: visible;
  }

  .sm\:overflow-scroll{
    overflow: scroll;
  }

  .sm\:overflow-x-auto{
    overflow-x: auto;
  }

  .sm\:overflow-y-auto{
    overflow-y: auto;
  }

  .sm\:overflow-x-hidden{
    overflow-x: hidden;
  }

  .sm\:overflow-y-hidden{
    overflow-y: hidden;
  }

  .sm\:overflow-x-visible{
    overflow-x: visible;
  }

  .sm\:overflow-y-visible{
    overflow-y: visible;
  }

  .sm\:overflow-x-scroll{
    overflow-x: scroll;
  }

  .sm\:overflow-y-scroll{
    overflow-y: scroll;
  }

  .sm\:scrolling-touch{
    -webkit-overflow-scrolling: touch;
  }

  .sm\:scrolling-auto{
    -webkit-overflow-scrolling: auto;
  }

  .sm\:overscroll-auto{
    overscroll-behavior: auto;
  }

  .sm\:overscroll-contain{
    overscroll-behavior: contain;
  }

  .sm\:overscroll-none{
    overscroll-behavior: none;
  }

  .sm\:overscroll-y-auto{
    overscroll-behavior-y: auto;
  }

  .sm\:overscroll-y-contain{
    overscroll-behavior-y: contain;
  }

  .sm\:overscroll-y-none{
    overscroll-behavior-y: none;
  }

  .sm\:overscroll-x-auto{
    overscroll-behavior-x: auto;
  }

  .sm\:overscroll-x-contain{
    overscroll-behavior-x: contain;
  }

  .sm\:overscroll-x-none{
    overscroll-behavior-x: none;
  }

  .sm\:children\:p-0 > *{
    padding: 0;
  }

  .sm\:children\:p-1 > *{
    padding: 0.25rem;
  }

  .sm\:children\:p-2 > *{
    padding: 0.5rem;
  }

  .sm\:children\:p-3 > *{
    padding: 0.75rem;
  }

  .sm\:children\:p-4 > *{
    padding: 1rem;
  }

  .sm\:children\:p-5 > *{
    padding: 1.25rem;
  }

  .sm\:children\:p-6 > *{
    padding: 1.5rem;
  }

  .sm\:children\:p-8 > *{
    padding: 2rem;
  }

  .sm\:children\:p-10 > *{
    padding: 2.5rem;
  }

  .sm\:children\:p-12 > *{
    padding: 3rem;
  }

  .sm\:children\:p-16 > *{
    padding: 4rem;
  }

  .sm\:children\:p-20 > *{
    padding: 5rem;
  }

  .sm\:children\:p-24 > *{
    padding: 6rem;
  }

  .sm\:children\:p-32 > *{
    padding: 8rem;
  }

  .sm\:children\:p-40 > *{
    padding: 10rem;
  }

  .sm\:children\:p-48 > *{
    padding: 12rem;
  }

  .sm\:children\:p-56 > *{
    padding: 14rem;
  }

  .sm\:children\:p-64 > *{
    padding: 16rem;
  }

  .sm\:children\:p-px > *{
    padding: 1px;
  }

  .sm\:children\:py-0 > *{
    padding-top: 0;
    padding-bottom: 0;
  }

  .sm\:children\:px-0 > *{
    padding-left: 0;
    padding-right: 0;
  }

  .sm\:children\:py-1 > *{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .sm\:children\:px-1 > *{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .sm\:children\:py-2 > *{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .sm\:children\:px-2 > *{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .sm\:children\:py-3 > *{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .sm\:children\:px-3 > *{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:children\:py-4 > *{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:children\:px-4 > *{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:children\:py-5 > *{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .sm\:children\:px-5 > *{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:children\:py-6 > *{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm\:children\:px-6 > *{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:children\:py-8 > *{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:children\:px-8 > *{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:children\:py-10 > *{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:children\:px-10 > *{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:children\:py-12 > *{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:children\:px-12 > *{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .sm\:children\:py-16 > *{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm\:children\:px-16 > *{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .sm\:children\:py-20 > *{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sm\:children\:px-20 > *{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .sm\:children\:py-24 > *{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .sm\:children\:px-24 > *{
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .sm\:children\:py-32 > *{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .sm\:children\:px-32 > *{
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .sm\:children\:py-40 > *{
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .sm\:children\:px-40 > *{
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .sm\:children\:py-48 > *{
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .sm\:children\:px-48 > *{
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .sm\:children\:py-56 > *{
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .sm\:children\:px-56 > *{
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .sm\:children\:py-64 > *{
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .sm\:children\:px-64 > *{
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .sm\:children\:py-px > *{
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .sm\:children\:px-px > *{
    padding-left: 1px;
    padding-right: 1px;
  }

  .sm\:children\:pt-0 > *{
    padding-top: 0;
  }

  .sm\:children\:pr-0 > *{
    padding-right: 0;
  }

  .sm\:children\:pb-0 > *{
    padding-bottom: 0;
  }

  .sm\:children\:pl-0 > *{
    padding-left: 0;
  }

  .sm\:children\:pt-1 > *{
    padding-top: 0.25rem;
  }

  .sm\:children\:pr-1 > *{
    padding-right: 0.25rem;
  }

  .sm\:children\:pb-1 > *{
    padding-bottom: 0.25rem;
  }

  .sm\:children\:pl-1 > *{
    padding-left: 0.25rem;
  }

  .sm\:children\:pt-2 > *{
    padding-top: 0.5rem;
  }

  .sm\:children\:pr-2 > *{
    padding-right: 0.5rem;
  }

  .sm\:children\:pb-2 > *{
    padding-bottom: 0.5rem;
  }

  .sm\:children\:pl-2 > *{
    padding-left: 0.5rem;
  }

  .sm\:children\:pt-3 > *{
    padding-top: 0.75rem;
  }

  .sm\:children\:pr-3 > *{
    padding-right: 0.75rem;
  }

  .sm\:children\:pb-3 > *{
    padding-bottom: 0.75rem;
  }

  .sm\:children\:pl-3 > *{
    padding-left: 0.75rem;
  }

  .sm\:children\:pt-4 > *{
    padding-top: 1rem;
  }

  .sm\:children\:pr-4 > *{
    padding-right: 1rem;
  }

  .sm\:children\:pb-4 > *{
    padding-bottom: 1rem;
  }

  .sm\:children\:pl-4 > *{
    padding-left: 1rem;
  }

  .sm\:children\:pt-5 > *{
    padding-top: 1.25rem;
  }

  .sm\:children\:pr-5 > *{
    padding-right: 1.25rem;
  }

  .sm\:children\:pb-5 > *{
    padding-bottom: 1.25rem;
  }

  .sm\:children\:pl-5 > *{
    padding-left: 1.25rem;
  }

  .sm\:children\:pt-6 > *{
    padding-top: 1.5rem;
  }

  .sm\:children\:pr-6 > *{
    padding-right: 1.5rem;
  }

  .sm\:children\:pb-6 > *{
    padding-bottom: 1.5rem;
  }

  .sm\:children\:pl-6 > *{
    padding-left: 1.5rem;
  }

  .sm\:children\:pt-8 > *{
    padding-top: 2rem;
  }

  .sm\:children\:pr-8 > *{
    padding-right: 2rem;
  }

  .sm\:children\:pb-8 > *{
    padding-bottom: 2rem;
  }

  .sm\:children\:pl-8 > *{
    padding-left: 2rem;
  }

  .sm\:children\:pt-10 > *{
    padding-top: 2.5rem;
  }

  .sm\:children\:pr-10 > *{
    padding-right: 2.5rem;
  }

  .sm\:children\:pb-10 > *{
    padding-bottom: 2.5rem;
  }

  .sm\:children\:pl-10 > *{
    padding-left: 2.5rem;
  }

  .sm\:children\:pt-12 > *{
    padding-top: 3rem;
  }

  .sm\:children\:pr-12 > *{
    padding-right: 3rem;
  }

  .sm\:children\:pb-12 > *{
    padding-bottom: 3rem;
  }

  .sm\:children\:pl-12 > *{
    padding-left: 3rem;
  }

  .sm\:children\:pt-16 > *{
    padding-top: 4rem;
  }

  .sm\:children\:pr-16 > *{
    padding-right: 4rem;
  }

  .sm\:children\:pb-16 > *{
    padding-bottom: 4rem;
  }

  .sm\:children\:pl-16 > *{
    padding-left: 4rem;
  }

  .sm\:children\:pt-20 > *{
    padding-top: 5rem;
  }

  .sm\:children\:pr-20 > *{
    padding-right: 5rem;
  }

  .sm\:children\:pb-20 > *{
    padding-bottom: 5rem;
  }

  .sm\:children\:pl-20 > *{
    padding-left: 5rem;
  }

  .sm\:children\:pt-24 > *{
    padding-top: 6rem;
  }

  .sm\:children\:pr-24 > *{
    padding-right: 6rem;
  }

  .sm\:children\:pb-24 > *{
    padding-bottom: 6rem;
  }

  .sm\:children\:pl-24 > *{
    padding-left: 6rem;
  }

  .sm\:children\:pt-32 > *{
    padding-top: 8rem;
  }

  .sm\:children\:pr-32 > *{
    padding-right: 8rem;
  }

  .sm\:children\:pb-32 > *{
    padding-bottom: 8rem;
  }

  .sm\:children\:pl-32 > *{
    padding-left: 8rem;
  }

  .sm\:children\:pt-40 > *{
    padding-top: 10rem;
  }

  .sm\:children\:pr-40 > *{
    padding-right: 10rem;
  }

  .sm\:children\:pb-40 > *{
    padding-bottom: 10rem;
  }

  .sm\:children\:pl-40 > *{
    padding-left: 10rem;
  }

  .sm\:children\:pt-48 > *{
    padding-top: 12rem;
  }

  .sm\:children\:pr-48 > *{
    padding-right: 12rem;
  }

  .sm\:children\:pb-48 > *{
    padding-bottom: 12rem;
  }

  .sm\:children\:pl-48 > *{
    padding-left: 12rem;
  }

  .sm\:children\:pt-56 > *{
    padding-top: 14rem;
  }

  .sm\:children\:pr-56 > *{
    padding-right: 14rem;
  }

  .sm\:children\:pb-56 > *{
    padding-bottom: 14rem;
  }

  .sm\:children\:pl-56 > *{
    padding-left: 14rem;
  }

  .sm\:children\:pt-64 > *{
    padding-top: 16rem;
  }

  .sm\:children\:pr-64 > *{
    padding-right: 16rem;
  }

  .sm\:children\:pb-64 > *{
    padding-bottom: 16rem;
  }

  .sm\:children\:pl-64 > *{
    padding-left: 16rem;
  }

  .sm\:children\:pt-px > *{
    padding-top: 1px;
  }

  .sm\:children\:pr-px > *{
    padding-right: 1px;
  }

  .sm\:children\:pb-px > *{
    padding-bottom: 1px;
  }

  .sm\:children\:pl-px > *{
    padding-left: 1px;
  }

  .sm\:p-0{
    padding: 0;
  }

  .sm\:p-1{
    padding: 0.25rem;
  }

  .sm\:p-2{
    padding: 0.5rem;
  }

  .sm\:p-3{
    padding: 0.75rem;
  }

  .sm\:p-4{
    padding: 1rem;
  }

  .sm\:p-5{
    padding: 1.25rem;
  }

  .sm\:p-6{
    padding: 1.5rem;
  }

  .sm\:p-8{
    padding: 2rem;
  }

  .sm\:p-10{
    padding: 2.5rem;
  }

  .sm\:p-12{
    padding: 3rem;
  }

  .sm\:p-16{
    padding: 4rem;
  }

  .sm\:p-20{
    padding: 5rem;
  }

  .sm\:p-24{
    padding: 6rem;
  }

  .sm\:p-32{
    padding: 8rem;
  }

  .sm\:p-40{
    padding: 10rem;
  }

  .sm\:p-48{
    padding: 12rem;
  }

  .sm\:p-56{
    padding: 14rem;
  }

  .sm\:p-64{
    padding: 16rem;
  }

  .sm\:p-px{
    padding: 1px;
  }

  .sm\:py-0{
    padding-top: 0;
    padding-bottom: 0;
  }

  .sm\:px-0{
    padding-left: 0;
    padding-right: 0;
  }

  .sm\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .sm\:px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .sm\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .sm\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .sm\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .sm\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .sm\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .sm\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sm\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .sm\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .sm\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .sm\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sm\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .sm\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sm\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .sm\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .sm\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .sm\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .sm\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .sm\:px-24{
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .sm\:py-32{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .sm\:px-32{
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .sm\:py-40{
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .sm\:px-40{
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .sm\:py-48{
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .sm\:px-48{
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .sm\:py-56{
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .sm\:px-56{
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .sm\:py-64{
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .sm\:px-64{
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .sm\:py-px{
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .sm\:px-px{
    padding-left: 1px;
    padding-right: 1px;
  }

  .sm\:pt-0{
    padding-top: 0;
  }

  .sm\:pr-0{
    padding-right: 0;
  }

  .sm\:pb-0{
    padding-bottom: 0;
  }

  .sm\:pl-0{
    padding-left: 0;
  }

  .sm\:pt-1{
    padding-top: 0.25rem;
  }

  .sm\:pr-1{
    padding-right: 0.25rem;
  }

  .sm\:pb-1{
    padding-bottom: 0.25rem;
  }

  .sm\:pl-1{
    padding-left: 0.25rem;
  }

  .sm\:pt-2{
    padding-top: 0.5rem;
  }

  .sm\:pr-2{
    padding-right: 0.5rem;
  }

  .sm\:pb-2{
    padding-bottom: 0.5rem;
  }

  .sm\:pl-2{
    padding-left: 0.5rem;
  }

  .sm\:pt-3{
    padding-top: 0.75rem;
  }

  .sm\:pr-3{
    padding-right: 0.75rem;
  }

  .sm\:pb-3{
    padding-bottom: 0.75rem;
  }

  .sm\:pl-3{
    padding-left: 0.75rem;
  }

  .sm\:pt-4{
    padding-top: 1rem;
  }

  .sm\:pr-4{
    padding-right: 1rem;
  }

  .sm\:pb-4{
    padding-bottom: 1rem;
  }

  .sm\:pl-4{
    padding-left: 1rem;
  }

  .sm\:pt-5{
    padding-top: 1.25rem;
  }

  .sm\:pr-5{
    padding-right: 1.25rem;
  }

  .sm\:pb-5{
    padding-bottom: 1.25rem;
  }

  .sm\:pl-5{
    padding-left: 1.25rem;
  }

  .sm\:pt-6{
    padding-top: 1.5rem;
  }

  .sm\:pr-6{
    padding-right: 1.5rem;
  }

  .sm\:pb-6{
    padding-bottom: 1.5rem;
  }

  .sm\:pl-6{
    padding-left: 1.5rem;
  }

  .sm\:pt-8{
    padding-top: 2rem;
  }

  .sm\:pr-8{
    padding-right: 2rem;
  }

  .sm\:pb-8{
    padding-bottom: 2rem;
  }

  .sm\:pl-8{
    padding-left: 2rem;
  }

  .sm\:pt-10{
    padding-top: 2.5rem;
  }

  .sm\:pr-10{
    padding-right: 2.5rem;
  }

  .sm\:pb-10{
    padding-bottom: 2.5rem;
  }

  .sm\:pl-10{
    padding-left: 2.5rem;
  }

  .sm\:pt-12{
    padding-top: 3rem;
  }

  .sm\:pr-12{
    padding-right: 3rem;
  }

  .sm\:pb-12{
    padding-bottom: 3rem;
  }

  .sm\:pl-12{
    padding-left: 3rem;
  }

  .sm\:pt-16{
    padding-top: 4rem;
  }

  .sm\:pr-16{
    padding-right: 4rem;
  }

  .sm\:pb-16{
    padding-bottom: 4rem;
  }

  .sm\:pl-16{
    padding-left: 4rem;
  }

  .sm\:pt-20{
    padding-top: 5rem;
  }

  .sm\:pr-20{
    padding-right: 5rem;
  }

  .sm\:pb-20{
    padding-bottom: 5rem;
  }

  .sm\:pl-20{
    padding-left: 5rem;
  }

  .sm\:pt-24{
    padding-top: 6rem;
  }

  .sm\:pr-24{
    padding-right: 6rem;
  }

  .sm\:pb-24{
    padding-bottom: 6rem;
  }

  .sm\:pl-24{
    padding-left: 6rem;
  }

  .sm\:pt-32{
    padding-top: 8rem;
  }

  .sm\:pr-32{
    padding-right: 8rem;
  }

  .sm\:pb-32{
    padding-bottom: 8rem;
  }

  .sm\:pl-32{
    padding-left: 8rem;
  }

  .sm\:pt-40{
    padding-top: 10rem;
  }

  .sm\:pr-40{
    padding-right: 10rem;
  }

  .sm\:pb-40{
    padding-bottom: 10rem;
  }

  .sm\:pl-40{
    padding-left: 10rem;
  }

  .sm\:pt-48{
    padding-top: 12rem;
  }

  .sm\:pr-48{
    padding-right: 12rem;
  }

  .sm\:pb-48{
    padding-bottom: 12rem;
  }

  .sm\:pl-48{
    padding-left: 12rem;
  }

  .sm\:pt-56{
    padding-top: 14rem;
  }

  .sm\:pr-56{
    padding-right: 14rem;
  }

  .sm\:pb-56{
    padding-bottom: 14rem;
  }

  .sm\:pl-56{
    padding-left: 14rem;
  }

  .sm\:pt-64{
    padding-top: 16rem;
  }

  .sm\:pr-64{
    padding-right: 16rem;
  }

  .sm\:pb-64{
    padding-bottom: 16rem;
  }

  .sm\:pl-64{
    padding-left: 16rem;
  }

  .sm\:pt-px{
    padding-top: 1px;
  }

  .sm\:pr-px{
    padding-right: 1px;
  }

  .sm\:pb-px{
    padding-bottom: 1px;
  }

  .sm\:pl-px{
    padding-left: 1px;
  }

  .sm\:placeholder-blue-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-bright::placeholder{
    --placeholder-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-light::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-light::placeholder{
    --placeholder-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-pale::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-pale::placeholder{
    --placeholder-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-deep::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-deep::placeholder{
    --placeholder-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-med::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-med::placeholder{
    --placeholder-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--placeholder-opacity));
  }

  .sm\:placeholder-blue-dark::placeholder{
    --placeholder-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-100::placeholder{
    --placeholder-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-200::placeholder{
    --placeholder-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-300::placeholder{
    --placeholder-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-500::placeholder{
    --placeholder-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-600::placeholder{
    --placeholder-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-700::placeholder{
    --placeholder-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--placeholder-opacity));
  }

  .sm\:placeholder-gray-900::placeholder{
    --placeholder-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--placeholder-opacity));
  }

  .sm\:placeholder-magenta-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--placeholder-opacity));
  }

  .sm\:placeholder-magenta-dark::placeholder{
    --placeholder-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--placeholder-opacity));
  }

  .sm\:placeholder-magenta-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--placeholder-opacity));
  }

  .sm\:placeholder-magenta-bright::placeholder{
    --placeholder-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--placeholder-opacity));
  }

  .sm\:placeholder-magenta-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--placeholder-opacity));
  }

  .sm\:placeholder-magenta-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-dark::placeholder{
    --placeholder-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-bright::placeholder{
    --placeholder-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--placeholder-opacity));
  }

  .sm\:placeholder-teal-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--placeholder-opacity));
  }

  .sm\:placeholder-mustard-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--placeholder-opacity));
  }

  .sm\:placeholder-mustard-dark::placeholder{
    --placeholder-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--placeholder-opacity));
  }

  .sm\:placeholder-mustard-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--placeholder-opacity));
  }

  .sm\:placeholder-mustard-bright::placeholder{
    --placeholder-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--placeholder-opacity));
  }

  .sm\:placeholder-mustard-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--placeholder-opacity));
  }

  .sm\:placeholder-mustard-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-dark::placeholder{
    --placeholder-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-bright::placeholder{
    --placeholder-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-bookshop::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--placeholder-opacity));
  }

  .sm\:placeholder-purple-bookshop::placeholder{
    --placeholder-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--placeholder-opacity));
  }

  .sm\:placeholder-green-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--placeholder-opacity));
  }

  .sm\:placeholder-green-dark::placeholder{
    --placeholder-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--placeholder-opacity));
  }

  .sm\:placeholder-green-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--placeholder-opacity));
  }

  .sm\:placeholder-green-bright::placeholder{
    --placeholder-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--placeholder-opacity));
  }

  .sm\:placeholder-green-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--placeholder-opacity));
  }

  .sm\:placeholder-green-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--placeholder-opacity));
  }

  .sm\:placeholder-navy-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--placeholder-opacity));
  }

  .sm\:placeholder-navy-dark::placeholder{
    --placeholder-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--placeholder-opacity));
  }

  .sm\:placeholder-navy-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--placeholder-opacity));
  }

  .sm\:placeholder-navy-bright::placeholder{
    --placeholder-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--placeholder-opacity));
  }

  .sm\:placeholder-navy-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--placeholder-opacity));
  }

  .sm\:placeholder-navy-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--placeholder-opacity));
  }

  .sm\:placeholder-transparent::-moz-placeholder{
    color: transparent;
  }

  .sm\:placeholder-transparent::placeholder{
    color: transparent;
  }

  .sm\:placeholder-black::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--placeholder-opacity));
  }

  .sm\:placeholder-black::placeholder{
    --placeholder-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--placeholder-opacity));
  }

  .sm\:placeholder-white::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-white::placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:placeholder-red::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--placeholder-opacity));
  }

  .sm\:placeholder-red::placeholder{
    --placeholder-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-light:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-light:focus::placeholder{
    --placeholder-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-pale:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-pale:focus::placeholder{
    --placeholder-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-deep:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-deep:focus::placeholder{
    --placeholder-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-med:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-med:focus::placeholder{
    --placeholder-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-blue-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-gray-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-magenta-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-magenta-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-magenta-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-magenta-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-magenta-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-magenta-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-teal-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-mustard-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-mustard-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-mustard-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-mustard-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-mustard-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-mustard-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-bookshop:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-purple-bookshop:focus::placeholder{
    --placeholder-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-green-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-navy-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-navy-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-navy-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-navy-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-navy-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-navy-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-transparent:focus::-moz-placeholder{
    color: transparent;
  }

  .sm\:focus\:placeholder-transparent:focus::placeholder{
    color: transparent;
  }

  .sm\:focus\:placeholder-black:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-black:focus::placeholder{
    --placeholder-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-white:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-white:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-red:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--placeholder-opacity));
  }

  .sm\:focus\:placeholder-red:focus::placeholder{
    --placeholder-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--placeholder-opacity));
  }

  .sm\:placeholder-opacity-0::-moz-placeholder{
    --placeholder-opacity: 0;
  }

  .sm\:placeholder-opacity-0::placeholder{
    --placeholder-opacity: 0;
  }

  .sm\:placeholder-opacity-25::-moz-placeholder{
    --placeholder-opacity: 0.25;
  }

  .sm\:placeholder-opacity-25::placeholder{
    --placeholder-opacity: 0.25;
  }

  .sm\:placeholder-opacity-50::-moz-placeholder{
    --placeholder-opacity: 0.5;
  }

  .sm\:placeholder-opacity-50::placeholder{
    --placeholder-opacity: 0.5;
  }

  .sm\:placeholder-opacity-75::-moz-placeholder{
    --placeholder-opacity: 0.75;
  }

  .sm\:placeholder-opacity-75::placeholder{
    --placeholder-opacity: 0.75;
  }

  .sm\:placeholder-opacity-100::-moz-placeholder{
    --placeholder-opacity: 1;
  }

  .sm\:placeholder-opacity-100::placeholder{
    --placeholder-opacity: 1;
  }

  .sm\:focus\:placeholder-opacity-0:focus::-moz-placeholder{
    --placeholder-opacity: 0;
  }

  .sm\:focus\:placeholder-opacity-0:focus::placeholder{
    --placeholder-opacity: 0;
  }

  .sm\:focus\:placeholder-opacity-25:focus::-moz-placeholder{
    --placeholder-opacity: 0.25;
  }

  .sm\:focus\:placeholder-opacity-25:focus::placeholder{
    --placeholder-opacity: 0.25;
  }

  .sm\:focus\:placeholder-opacity-50:focus::-moz-placeholder{
    --placeholder-opacity: 0.5;
  }

  .sm\:focus\:placeholder-opacity-50:focus::placeholder{
    --placeholder-opacity: 0.5;
  }

  .sm\:focus\:placeholder-opacity-75:focus::-moz-placeholder{
    --placeholder-opacity: 0.75;
  }

  .sm\:focus\:placeholder-opacity-75:focus::placeholder{
    --placeholder-opacity: 0.75;
  }

  .sm\:focus\:placeholder-opacity-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
  }

  .sm\:focus\:placeholder-opacity-100:focus::placeholder{
    --placeholder-opacity: 1;
  }

  .sm\:pointer-events-none{
    pointer-events: none;
  }

  .sm\:pointer-events-auto{
    pointer-events: auto;
  }

  .sm\:static{
    position: static;
  }

  .sm\:fixed{
    position: fixed;
  }

  .sm\:absolute{
    position: absolute;
  }

  .sm\:relative{
    position: relative;
  }

  .sm\:sticky{
    position: sticky;
  }

  .sm\:inset-0{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .sm\:inset-auto{
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .sm\:inset-y-0{
    top: 0;
    bottom: 0;
  }

  .sm\:inset-x-0{
    right: 0;
    left: 0;
  }

  .sm\:inset-y-auto{
    top: auto;
    bottom: auto;
  }

  .sm\:inset-x-auto{
    right: auto;
    left: auto;
  }

  .sm\:top-0{
    top: 0;
  }

  .sm\:right-0{
    right: 0;
  }

  .sm\:bottom-0{
    bottom: 0;
  }

  .sm\:left-0{
    left: 0;
  }

  .sm\:top-auto{
    top: auto;
  }

  .sm\:right-auto{
    right: auto;
  }

  .sm\:bottom-auto{
    bottom: auto;
  }

  .sm\:left-auto{
    left: auto;
  }

  .sm\:resize-none{
    resize: none;
  }

  .sm\:resize-y{
    resize: vertical;
  }

  .sm\:resize-x{
    resize: horizontal;
  }

  .sm\:resize{
    resize: both;
  }

  .sm\:shadow-xs{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .sm\:shadow-sm{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .sm\:shadow{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .sm\:shadow-md{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .sm\:shadow-lg{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .sm\:shadow-xl{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .sm\:shadow-2xl{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .sm\:shadow-inner{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .sm\:shadow-outline{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .sm\:shadow-none{
    box-shadow: none;
  }

  .sm\:hover\:shadow-xs:hover{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .sm\:hover\:shadow-sm:hover{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .sm\:hover\:shadow:hover{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .sm\:hover\:shadow-md:hover{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .sm\:hover\:shadow-lg:hover{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .sm\:hover\:shadow-xl:hover{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .sm\:hover\:shadow-2xl:hover{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .sm\:hover\:shadow-inner:hover{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .sm\:hover\:shadow-outline:hover{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .sm\:hover\:shadow-none:hover{
    box-shadow: none;
  }

  .sm\:focus\:shadow-xs:focus{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .sm\:focus\:shadow-sm:focus{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .sm\:focus\:shadow:focus{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .sm\:focus\:shadow-md:focus{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .sm\:focus\:shadow-lg:focus{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .sm\:focus\:shadow-xl:focus{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .sm\:focus\:shadow-2xl:focus{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .sm\:focus\:shadow-inner:focus{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .sm\:focus\:shadow-outline:focus{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .sm\:focus\:shadow-none:focus{
    box-shadow: none;
  }

  .sm\:fill-current{
    fill: currentColor;
  }

  .sm\:stroke-current{
    stroke: currentColor;
  }

  .sm\:stroke-0{
    stroke-width: 0;
  }

  .sm\:stroke-1{
    stroke-width: 1;
  }

  .sm\:stroke-2{
    stroke-width: 2;
  }

  .sm\:table-auto{
    table-layout: auto;
  }

  .sm\:table-fixed{
    table-layout: fixed;
  }

  .sm\:text-left{
    text-align: left;
  }

  .sm\:text-center{
    text-align: center;
  }

  .sm\:text-right{
    text-align: right;
  }

  .sm\:text-justify{
    text-align: justify;
  }

  .sm\:text-blue-bright{
    --text-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--text-opacity));
  }

  .sm\:text-blue-light{
    --text-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--text-opacity));
  }

  .sm\:text-blue-pale{
    --text-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--text-opacity));
  }

  .sm\:text-blue-deep{
    --text-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--text-opacity));
  }

  .sm\:text-blue-hilight{
    --text-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--text-opacity));
  }

  .sm\:text-blue-med{
    --text-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--text-opacity));
  }

  .sm\:text-blue-dark{
    --text-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--text-opacity));
  }

  .sm\:text-gray-100{
    --text-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--text-opacity));
  }

  .sm\:text-gray-200{
    --text-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--text-opacity));
  }

  .sm\:text-gray-300{
    --text-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--text-opacity));
  }

  .sm\:text-gray-500{
    --text-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--text-opacity));
  }

  .sm\:text-gray-600{
    --text-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--text-opacity));
  }

  .sm\:text-gray-700{
    --text-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--text-opacity));
  }

  .sm\:text-gray-900{
    --text-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--text-opacity));
  }

  .sm\:text-magenta-dark{
    --text-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--text-opacity));
  }

  .sm\:text-magenta-bright{
    --text-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--text-opacity));
  }

  .sm\:text-magenta-hilight{
    --text-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--text-opacity));
  }

  .sm\:text-teal-dark{
    --text-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--text-opacity));
  }

  .sm\:text-teal-bright{
    --text-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--text-opacity));
  }

  .sm\:text-teal-hilight{
    --text-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--text-opacity));
  }

  .sm\:text-mustard-dark{
    --text-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--text-opacity));
  }

  .sm\:text-mustard-bright{
    --text-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--text-opacity));
  }

  .sm\:text-mustard-hilight{
    --text-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--text-opacity));
  }

  .sm\:text-purple-dark{
    --text-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--text-opacity));
  }

  .sm\:text-purple-bright{
    --text-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--text-opacity));
  }

  .sm\:text-purple-hilight{
    --text-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--text-opacity));
  }

  .sm\:text-purple-bookshop{
    --text-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--text-opacity));
  }

  .sm\:text-green-dark{
    --text-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--text-opacity));
  }

  .sm\:text-green-bright{
    --text-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--text-opacity));
  }

  .sm\:text-green-hilight{
    --text-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--text-opacity));
  }

  .sm\:text-navy-dark{
    --text-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--text-opacity));
  }

  .sm\:text-navy-bright{
    --text-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--text-opacity));
  }

  .sm\:text-navy-hilight{
    --text-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--text-opacity));
  }

  .sm\:text-transparent{
    color: transparent;
  }

  .sm\:text-black{
    --text-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--text-opacity));
  }

  .sm\:text-white{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .sm\:text-red{
    --text-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--text-opacity));
  }

  .sm\:hover\:text-blue-bright:hover{
    --text-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--text-opacity));
  }

  .sm\:hover\:text-blue-light:hover{
    --text-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--text-opacity));
  }

  .sm\:hover\:text-blue-pale:hover{
    --text-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--text-opacity));
  }

  .sm\:hover\:text-blue-deep:hover{
    --text-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--text-opacity));
  }

  .sm\:hover\:text-blue-hilight:hover{
    --text-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--text-opacity));
  }

  .sm\:hover\:text-blue-med:hover{
    --text-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--text-opacity));
  }

  .sm\:hover\:text-blue-dark:hover{
    --text-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--text-opacity));
  }

  .sm\:hover\:text-gray-100:hover{
    --text-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--text-opacity));
  }

  .sm\:hover\:text-gray-200:hover{
    --text-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--text-opacity));
  }

  .sm\:hover\:text-gray-300:hover{
    --text-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--text-opacity));
  }

  .sm\:hover\:text-gray-500:hover{
    --text-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--text-opacity));
  }

  .sm\:hover\:text-gray-600:hover{
    --text-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--text-opacity));
  }

  .sm\:hover\:text-gray-700:hover{
    --text-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--text-opacity));
  }

  .sm\:hover\:text-gray-900:hover{
    --text-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--text-opacity));
  }

  .sm\:hover\:text-magenta-dark:hover{
    --text-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--text-opacity));
  }

  .sm\:hover\:text-magenta-bright:hover{
    --text-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--text-opacity));
  }

  .sm\:hover\:text-magenta-hilight:hover{
    --text-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--text-opacity));
  }

  .sm\:hover\:text-teal-dark:hover{
    --text-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--text-opacity));
  }

  .sm\:hover\:text-teal-bright:hover{
    --text-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--text-opacity));
  }

  .sm\:hover\:text-teal-hilight:hover{
    --text-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--text-opacity));
  }

  .sm\:hover\:text-mustard-dark:hover{
    --text-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--text-opacity));
  }

  .sm\:hover\:text-mustard-bright:hover{
    --text-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--text-opacity));
  }

  .sm\:hover\:text-mustard-hilight:hover{
    --text-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--text-opacity));
  }

  .sm\:hover\:text-purple-dark:hover{
    --text-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--text-opacity));
  }

  .sm\:hover\:text-purple-bright:hover{
    --text-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--text-opacity));
  }

  .sm\:hover\:text-purple-hilight:hover{
    --text-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--text-opacity));
  }

  .sm\:hover\:text-purple-bookshop:hover{
    --text-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--text-opacity));
  }

  .sm\:hover\:text-green-dark:hover{
    --text-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--text-opacity));
  }

  .sm\:hover\:text-green-bright:hover{
    --text-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--text-opacity));
  }

  .sm\:hover\:text-green-hilight:hover{
    --text-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--text-opacity));
  }

  .sm\:hover\:text-navy-dark:hover{
    --text-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--text-opacity));
  }

  .sm\:hover\:text-navy-bright:hover{
    --text-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--text-opacity));
  }

  .sm\:hover\:text-navy-hilight:hover{
    --text-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--text-opacity));
  }

  .sm\:hover\:text-transparent:hover{
    color: transparent;
  }

  .sm\:hover\:text-black:hover{
    --text-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--text-opacity));
  }

  .sm\:hover\:text-white:hover{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .sm\:hover\:text-red:hover{
    --text-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--text-opacity));
  }

  .sm\:focus\:text-blue-bright:focus{
    --text-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--text-opacity));
  }

  .sm\:focus\:text-blue-light:focus{
    --text-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--text-opacity));
  }

  .sm\:focus\:text-blue-pale:focus{
    --text-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--text-opacity));
  }

  .sm\:focus\:text-blue-deep:focus{
    --text-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--text-opacity));
  }

  .sm\:focus\:text-blue-hilight:focus{
    --text-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--text-opacity));
  }

  .sm\:focus\:text-blue-med:focus{
    --text-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--text-opacity));
  }

  .sm\:focus\:text-blue-dark:focus{
    --text-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--text-opacity));
  }

  .sm\:focus\:text-gray-100:focus{
    --text-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--text-opacity));
  }

  .sm\:focus\:text-gray-200:focus{
    --text-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--text-opacity));
  }

  .sm\:focus\:text-gray-300:focus{
    --text-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--text-opacity));
  }

  .sm\:focus\:text-gray-500:focus{
    --text-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--text-opacity));
  }

  .sm\:focus\:text-gray-600:focus{
    --text-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--text-opacity));
  }

  .sm\:focus\:text-gray-700:focus{
    --text-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--text-opacity));
  }

  .sm\:focus\:text-gray-900:focus{
    --text-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--text-opacity));
  }

  .sm\:focus\:text-magenta-dark:focus{
    --text-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--text-opacity));
  }

  .sm\:focus\:text-magenta-bright:focus{
    --text-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--text-opacity));
  }

  .sm\:focus\:text-magenta-hilight:focus{
    --text-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--text-opacity));
  }

  .sm\:focus\:text-teal-dark:focus{
    --text-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--text-opacity));
  }

  .sm\:focus\:text-teal-bright:focus{
    --text-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--text-opacity));
  }

  .sm\:focus\:text-teal-hilight:focus{
    --text-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--text-opacity));
  }

  .sm\:focus\:text-mustard-dark:focus{
    --text-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--text-opacity));
  }

  .sm\:focus\:text-mustard-bright:focus{
    --text-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--text-opacity));
  }

  .sm\:focus\:text-mustard-hilight:focus{
    --text-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--text-opacity));
  }

  .sm\:focus\:text-purple-dark:focus{
    --text-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--text-opacity));
  }

  .sm\:focus\:text-purple-bright:focus{
    --text-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--text-opacity));
  }

  .sm\:focus\:text-purple-hilight:focus{
    --text-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--text-opacity));
  }

  .sm\:focus\:text-purple-bookshop:focus{
    --text-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--text-opacity));
  }

  .sm\:focus\:text-green-dark:focus{
    --text-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--text-opacity));
  }

  .sm\:focus\:text-green-bright:focus{
    --text-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--text-opacity));
  }

  .sm\:focus\:text-green-hilight:focus{
    --text-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--text-opacity));
  }

  .sm\:focus\:text-navy-dark:focus{
    --text-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--text-opacity));
  }

  .sm\:focus\:text-navy-bright:focus{
    --text-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--text-opacity));
  }

  .sm\:focus\:text-navy-hilight:focus{
    --text-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--text-opacity));
  }

  .sm\:focus\:text-transparent:focus{
    color: transparent;
  }

  .sm\:focus\:text-black:focus{
    --text-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--text-opacity));
  }

  .sm\:focus\:text-white:focus{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .sm\:focus\:text-red:focus{
    --text-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--text-opacity));
  }

  .sm\:text-opacity-0{
    --text-opacity: 0;
  }

  .sm\:text-opacity-25{
    --text-opacity: 0.25;
  }

  .sm\:text-opacity-50{
    --text-opacity: 0.5;
  }

  .sm\:text-opacity-75{
    --text-opacity: 0.75;
  }

  .sm\:text-opacity-100{
    --text-opacity: 1;
  }

  .sm\:hover\:text-opacity-0:hover{
    --text-opacity: 0;
  }

  .sm\:hover\:text-opacity-25:hover{
    --text-opacity: 0.25;
  }

  .sm\:hover\:text-opacity-50:hover{
    --text-opacity: 0.5;
  }

  .sm\:hover\:text-opacity-75:hover{
    --text-opacity: 0.75;
  }

  .sm\:hover\:text-opacity-100:hover{
    --text-opacity: 1;
  }

  .sm\:focus\:text-opacity-0:focus{
    --text-opacity: 0;
  }

  .sm\:focus\:text-opacity-25:focus{
    --text-opacity: 0.25;
  }

  .sm\:focus\:text-opacity-50:focus{
    --text-opacity: 0.5;
  }

  .sm\:focus\:text-opacity-75:focus{
    --text-opacity: 0.75;
  }

  .sm\:focus\:text-opacity-100:focus{
    --text-opacity: 1;
  }

  .sm\:italic{
    font-style: italic;
  }

  .sm\:not-italic{
    font-style: normal;
  }

  .sm\:uppercase{
    text-transform: uppercase;
  }

  .sm\:lowercase{
    text-transform: lowercase;
  }

  .sm\:capitalize{
    text-transform: capitalize;
  }

  .sm\:normal-case{
    text-transform: none;
  }

  .sm\:underline{
    text-decoration: underline;
  }

  .sm\:line-through{
    text-decoration: line-through;
  }

  .sm\:no-underline{
    text-decoration: none;
  }

  .sm\:hover\:underline:hover{
    text-decoration: underline;
  }

  .sm\:hover\:line-through:hover{
    text-decoration: line-through;
  }

  .sm\:hover\:no-underline:hover{
    text-decoration: none;
  }

  .sm\:focus\:underline:focus{
    text-decoration: underline;
  }

  .sm\:focus\:line-through:focus{
    text-decoration: line-through;
  }

  .sm\:focus\:no-underline:focus{
    text-decoration: none;
  }

  .sm\:antialiased{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .sm\:subpixel-antialiased{
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions{
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
  }

  .sm\:normal-nums{
    font-variant-numeric: normal;
  }

  .sm\:ordinal{
    --font-variant-numeric-ordinal: ordinal;
  }

  .sm\:slashed-zero{
    --font-variant-numeric-slashed-zero: slashed-zero;
  }

  .sm\:lining-nums{
    --font-variant-numeric-figure: lining-nums;
  }

  .sm\:oldstyle-nums{
    --font-variant-numeric-figure: oldstyle-nums;
  }

  .sm\:proportional-nums{
    --font-variant-numeric-spacing: proportional-nums;
  }

  .sm\:tabular-nums{
    --font-variant-numeric-spacing: tabular-nums;
  }

  .sm\:diagonal-fractions{
    --font-variant-numeric-fraction: diagonal-fractions;
  }

  .sm\:stacked-fractions{
    --font-variant-numeric-fraction: stacked-fractions;
  }

  .sm\:tracking-tighter{
    letter-spacing: -0.05em;
  }

  .sm\:tracking-tight{
    letter-spacing: -0.025em;
  }

  .sm\:tracking-normal{
    letter-spacing: 0;
  }

  .sm\:tracking-wide{
    letter-spacing: 0.025em;
  }

  .sm\:tracking-wider{
    letter-spacing: 0.05em;
  }

  .sm\:tracking-widest{
    letter-spacing: 0.1em;
  }

  .sm\:select-none{
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

  .sm\:select-text{
    -webkit-user-select: text;
       -moz-user-select: text;
            user-select: text;
  }

  .sm\:select-all{
    -webkit-user-select: all;
       -moz-user-select: all;
            user-select: all;
  }

  .sm\:select-auto{
    -webkit-user-select: auto;
       -moz-user-select: auto;
            user-select: auto;
  }

  .sm\:align-baseline{
    vertical-align: baseline;
  }

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

  .sm\:align-middle{
    vertical-align: middle;
  }

  .sm\:align-bottom{
    vertical-align: bottom;
  }

  .sm\:align-text-top{
    vertical-align: text-top;
  }

  .sm\:align-text-bottom{
    vertical-align: text-bottom;
  }

  .sm\:visible{
    visibility: visible;
  }

  .sm\:invisible{
    visibility: hidden;
  }

  .sm\:whitespace-normal{
    white-space: normal;
  }

  .sm\:whitespace-no-wrap{
    white-space: nowrap;
  }

  .sm\:whitespace-pre{
    white-space: pre;
  }

  .sm\:whitespace-pre-line{
    white-space: pre-line;
  }

  .sm\:whitespace-pre-wrap{
    white-space: pre-wrap;
  }

  .sm\:break-normal{
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .sm\:break-words{
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .sm\:break-all{
    word-break: break-all;
  }

  .sm\:truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .sm\:w-0{
    width: 0;
  }

  .sm\:w-1{
    width: 0.25rem;
  }

  .sm\:w-2{
    width: 0.5rem;
  }

  .sm\:w-3{
    width: 0.75rem;
  }

  .sm\:w-4{
    width: 1rem;
  }

  .sm\:w-5{
    width: 1.25rem;
  }

  .sm\:w-6{
    width: 1.5rem;
  }

  .sm\:w-8{
    width: 2rem;
  }

  .sm\:w-10{
    width: 2.5rem;
  }

  .sm\:w-12{
    width: 3rem;
  }

  .sm\:w-16{
    width: 4rem;
  }

  .sm\:w-20{
    width: 5rem;
  }

  .sm\:w-24{
    width: 6rem;
  }

  .sm\:w-32{
    width: 8rem;
  }

  .sm\:w-40{
    width: 10rem;
  }

  .sm\:w-48{
    width: 12rem;
  }

  .sm\:w-56{
    width: 14rem;
  }

  .sm\:w-64{
    width: 16rem;
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:w-px{
    width: 1px;
  }

  .sm\:w-1\/2{
    width: 50%;
  }

  .sm\:w-1\/3{
    width: 33.333333%;
  }

  .sm\:w-2\/3{
    width: 66.666667%;
  }

  .sm\:w-1\/4{
    width: 25%;
  }

  .sm\:w-2\/4{
    width: 50%;
  }

  .sm\:w-3\/4{
    width: 75%;
  }

  .sm\:w-1\/5{
    width: 20%;
  }

  .sm\:w-2\/5{
    width: 40%;
  }

  .sm\:w-3\/5{
    width: 60%;
  }

  .sm\:w-4\/5{
    width: 80%;
  }

  .sm\:w-1\/6{
    width: 16.666667%;
  }

  .sm\:w-2\/6{
    width: 33.333333%;
  }

  .sm\:w-3\/6{
    width: 50%;
  }

  .sm\:w-4\/6{
    width: 66.666667%;
  }

  .sm\:w-5\/6{
    width: 83.333333%;
  }

  .sm\:w-1\/12{
    width: 8.333333%;
  }

  .sm\:w-2\/12{
    width: 16.666667%;
  }

  .sm\:w-3\/12{
    width: 25%;
  }

  .sm\:w-4\/12{
    width: 33.333333%;
  }

  .sm\:w-5\/12{
    width: 41.666667%;
  }

  .sm\:w-6\/12{
    width: 50%;
  }

  .sm\:w-7\/12{
    width: 58.333333%;
  }

  .sm\:w-8\/12{
    width: 66.666667%;
  }

  .sm\:w-9\/12{
    width: 75%;
  }

  .sm\:w-10\/12{
    width: 83.333333%;
  }

  .sm\:w-11\/12{
    width: 91.666667%;
  }

  .sm\:w-full{
    width: 100%;
  }

  .sm\:w-screen{
    width: 100vw;
  }

  .sm\:w-1\/7{
    width: 14.2857143%;
  }

  .sm\:w-2\/7{
    width: 28.5714286%;
  }

  .sm\:w-1\/8{
    width: 12.5%;
  }

  .sm\:z-0{
    z-index: 0;
  }

  .sm\:z-10{
    z-index: 10;
  }

  .sm\:z-20{
    z-index: 20;
  }

  .sm\:z-30{
    z-index: 30;
  }

  .sm\:z-40{
    z-index: 40;
  }

  .sm\:z-50{
    z-index: 50;
  }

  .sm\:z-auto{
    z-index: auto;
  }

  .sm\:gap-0{
    grid-gap: 0;
    gap: 0;
  }

  .sm\:gap-1{
    grid-gap: 0.25rem;
    gap: 0.25rem;
  }

  .sm\:gap-2{
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  .sm\:gap-3{
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  .sm\:gap-4{
    grid-gap: 1rem;
    gap: 1rem;
  }

  .sm\:gap-5{
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  .sm\:gap-6{
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  .sm\:gap-8{
    grid-gap: 2rem;
    gap: 2rem;
  }

  .sm\:gap-10{
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  .sm\:gap-12{
    grid-gap: 3rem;
    gap: 3rem;
  }

  .sm\:gap-16{
    grid-gap: 4rem;
    gap: 4rem;
  }

  .sm\:gap-20{
    grid-gap: 5rem;
    gap: 5rem;
  }

  .sm\:gap-24{
    grid-gap: 6rem;
    gap: 6rem;
  }

  .sm\:gap-32{
    grid-gap: 8rem;
    gap: 8rem;
  }

  .sm\:gap-40{
    grid-gap: 10rem;
    gap: 10rem;
  }

  .sm\:gap-48{
    grid-gap: 12rem;
    gap: 12rem;
  }

  .sm\:gap-56{
    grid-gap: 14rem;
    gap: 14rem;
  }

  .sm\:gap-64{
    grid-gap: 16rem;
    gap: 16rem;
  }

  .sm\:gap-px{
    grid-gap: 1px;
    gap: 1px;
  }

  .sm\:col-gap-0{
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .sm\:col-gap-1{
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .sm\:col-gap-2{
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .sm\:col-gap-3{
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .sm\:col-gap-4{
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .sm\:col-gap-5{
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  .sm\:col-gap-6{
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .sm\:col-gap-8{
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .sm\:col-gap-10{
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .sm\:col-gap-12{
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .sm\:col-gap-16{
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .sm\:col-gap-20{
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .sm\:col-gap-24{
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  .sm\:col-gap-32{
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  .sm\:col-gap-40{
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  .sm\:col-gap-48{
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  .sm\:col-gap-56{
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  .sm\:col-gap-64{
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  .sm\:col-gap-px{
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  .sm\:gap-x-0{
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .sm\:gap-x-1{
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .sm\:gap-x-2{
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .sm\:gap-x-3{
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .sm\:gap-x-4{
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .sm\:gap-x-5{
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  .sm\:gap-x-6{
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .sm\:gap-x-8{
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .sm\:gap-x-10{
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .sm\:gap-x-12{
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .sm\:gap-x-16{
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .sm\:gap-x-20{
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .sm\:gap-x-24{
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  .sm\:gap-x-32{
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  .sm\:gap-x-40{
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  .sm\:gap-x-48{
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  .sm\:gap-x-56{
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  .sm\:gap-x-64{
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  .sm\:gap-x-px{
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  .sm\:row-gap-0{
    grid-row-gap: 0;
    row-gap: 0;
  }

  .sm\:row-gap-1{
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .sm\:row-gap-2{
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .sm\:row-gap-3{
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .sm\:row-gap-4{
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .sm\:row-gap-5{
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .sm\:row-gap-6{
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .sm\:row-gap-8{
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .sm\:row-gap-10{
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .sm\:row-gap-12{
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .sm\:row-gap-16{
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .sm\:row-gap-20{
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .sm\:row-gap-24{
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .sm\:row-gap-32{
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .sm\:row-gap-40{
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .sm\:row-gap-48{
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .sm\:row-gap-56{
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .sm\:row-gap-64{
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .sm\:row-gap-px{
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .sm\:gap-y-0{
    grid-row-gap: 0;
    row-gap: 0;
  }

  .sm\:gap-y-1{
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .sm\:gap-y-2{
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .sm\:gap-y-3{
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .sm\:gap-y-4{
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .sm\:gap-y-5{
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .sm\:gap-y-6{
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .sm\:gap-y-8{
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .sm\:gap-y-10{
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .sm\:gap-y-12{
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .sm\:gap-y-16{
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .sm\:gap-y-20{
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .sm\:gap-y-24{
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .sm\:gap-y-32{
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .sm\:gap-y-40{
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .sm\:gap-y-48{
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .sm\:gap-y-56{
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .sm\:gap-y-64{
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .sm\:gap-y-px{
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .sm\:grid-flow-row{
    grid-auto-flow: row;
  }

  .sm\:grid-flow-col{
    grid-auto-flow: column;
  }

  .sm\:grid-flow-row-dense{
    grid-auto-flow: row dense;
  }

  .sm\:grid-flow-col-dense{
    grid-auto-flow: column dense;
  }

  .sm\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .sm\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .sm\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .sm\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .sm\:grid-cols-9{
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .sm\:grid-cols-10{
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .sm\:grid-cols-11{
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .sm\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .sm\:grid-cols-none{
    grid-template-columns: none;
  }

  .sm\:auto-cols-auto{
    grid-auto-columns: auto;
  }

  .sm\:auto-cols-min{
    grid-auto-columns: min-content;
  }

  .sm\:auto-cols-max{
    grid-auto-columns: max-content;
  }

  .sm\:auto-cols-fr{
    grid-auto-columns: minmax(0, 1fr);
  }

  .sm\:col-auto{
    grid-column: auto;
  }

  .sm\:col-span-1{
    grid-column: span 1 / span 1;
  }

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

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

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

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

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

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

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

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

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

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

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

  .sm\:col-span-full{
    grid-column: 1 / -1;
  }

  .sm\:col-start-1{
    grid-column-start: 1;
  }

  .sm\:col-start-2{
    grid-column-start: 2;
  }

  .sm\:col-start-3{
    grid-column-start: 3;
  }

  .sm\:col-start-4{
    grid-column-start: 4;
  }

  .sm\:col-start-5{
    grid-column-start: 5;
  }

  .sm\:col-start-6{
    grid-column-start: 6;
  }

  .sm\:col-start-7{
    grid-column-start: 7;
  }

  .sm\:col-start-8{
    grid-column-start: 8;
  }

  .sm\:col-start-9{
    grid-column-start: 9;
  }

  .sm\:col-start-10{
    grid-column-start: 10;
  }

  .sm\:col-start-11{
    grid-column-start: 11;
  }

  .sm\:col-start-12{
    grid-column-start: 12;
  }

  .sm\:col-start-13{
    grid-column-start: 13;
  }

  .sm\:col-start-auto{
    grid-column-start: auto;
  }

  .sm\:col-end-1{
    grid-column-end: 1;
  }

  .sm\:col-end-2{
    grid-column-end: 2;
  }

  .sm\:col-end-3{
    grid-column-end: 3;
  }

  .sm\:col-end-4{
    grid-column-end: 4;
  }

  .sm\:col-end-5{
    grid-column-end: 5;
  }

  .sm\:col-end-6{
    grid-column-end: 6;
  }

  .sm\:col-end-7{
    grid-column-end: 7;
  }

  .sm\:col-end-8{
    grid-column-end: 8;
  }

  .sm\:col-end-9{
    grid-column-end: 9;
  }

  .sm\:col-end-10{
    grid-column-end: 10;
  }

  .sm\:col-end-11{
    grid-column-end: 11;
  }

  .sm\:col-end-12{
    grid-column-end: 12;
  }

  .sm\:col-end-13{
    grid-column-end: 13;
  }

  .sm\:col-end-auto{
    grid-column-end: auto;
  }

  .sm\:grid-rows-1{
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .sm\:grid-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-rows-3{
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-rows-4{
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .sm\:grid-rows-5{
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .sm\:grid-rows-6{
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .sm\:grid-rows-none{
    grid-template-rows: none;
  }

  .sm\:auto-rows-auto{
    grid-auto-rows: auto;
  }

  .sm\:auto-rows-min{
    grid-auto-rows: min-content;
  }

  .sm\:auto-rows-max{
    grid-auto-rows: max-content;
  }

  .sm\:auto-rows-fr{
    grid-auto-rows: minmax(0, 1fr);
  }

  .sm\:row-auto{
    grid-row: auto;
  }

  .sm\:row-span-1{
    grid-row: span 1 / span 1;
  }

  .sm\:row-span-2{
    grid-row: span 2 / span 2;
  }

  .sm\:row-span-3{
    grid-row: span 3 / span 3;
  }

  .sm\:row-span-4{
    grid-row: span 4 / span 4;
  }

  .sm\:row-span-5{
    grid-row: span 5 / span 5;
  }

  .sm\:row-span-6{
    grid-row: span 6 / span 6;
  }

  .sm\:row-span-full{
    grid-row: 1 / -1;
  }

  .sm\:row-start-1{
    grid-row-start: 1;
  }

  .sm\:row-start-2{
    grid-row-start: 2;
  }

  .sm\:row-start-3{
    grid-row-start: 3;
  }

  .sm\:row-start-4{
    grid-row-start: 4;
  }

  .sm\:row-start-5{
    grid-row-start: 5;
  }

  .sm\:row-start-6{
    grid-row-start: 6;
  }

  .sm\:row-start-7{
    grid-row-start: 7;
  }

  .sm\:row-start-auto{
    grid-row-start: auto;
  }

  .sm\:row-end-1{
    grid-row-end: 1;
  }

  .sm\:row-end-2{
    grid-row-end: 2;
  }

  .sm\:row-end-3{
    grid-row-end: 3;
  }

  .sm\:row-end-4{
    grid-row-end: 4;
  }

  .sm\:row-end-5{
    grid-row-end: 5;
  }

  .sm\:row-end-6{
    grid-row-end: 6;
  }

  .sm\:row-end-7{
    grid-row-end: 7;
  }

  .sm\:row-end-auto{
    grid-row-end: auto;
  }

  .sm\:transform{
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }

  .sm\:transform-none{
    transform: none;
  }

  .sm\:origin-center{
    transform-origin: center;
  }

  .sm\:origin-top{
    transform-origin: top;
  }

  .sm\:origin-top-right{
    transform-origin: top right;
  }

  .sm\:origin-right{
    transform-origin: right;
  }

  .sm\:origin-bottom-right{
    transform-origin: bottom right;
  }

  .sm\:origin-bottom{
    transform-origin: bottom;
  }

  .sm\:origin-bottom-left{
    transform-origin: bottom left;
  }

  .sm\:origin-left{
    transform-origin: left;
  }

  .sm\:origin-top-left{
    transform-origin: top left;
  }

  .sm\:scale-0{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .sm\:scale-50{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .sm\:scale-75{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .sm\:scale-90{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .sm\:scale-95{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .sm\:scale-100{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .sm\:scale-105{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .sm\:scale-110{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .sm\:scale-125{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .sm\:scale-150{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .sm\:scale-x-0{
    --transform-scale-x: 0;
  }

  .sm\:scale-x-50{
    --transform-scale-x: .5;
  }

  .sm\:scale-x-75{
    --transform-scale-x: .75;
  }

  .sm\:scale-x-90{
    --transform-scale-x: .9;
  }

  .sm\:scale-x-95{
    --transform-scale-x: .95;
  }

  .sm\:scale-x-100{
    --transform-scale-x: 1;
  }

  .sm\:scale-x-105{
    --transform-scale-x: 1.05;
  }

  .sm\:scale-x-110{
    --transform-scale-x: 1.1;
  }

  .sm\:scale-x-125{
    --transform-scale-x: 1.25;
  }

  .sm\:scale-x-150{
    --transform-scale-x: 1.5;
  }

  .sm\:scale-y-0{
    --transform-scale-y: 0;
  }

  .sm\:scale-y-50{
    --transform-scale-y: .5;
  }

  .sm\:scale-y-75{
    --transform-scale-y: .75;
  }

  .sm\:scale-y-90{
    --transform-scale-y: .9;
  }

  .sm\:scale-y-95{
    --transform-scale-y: .95;
  }

  .sm\:scale-y-100{
    --transform-scale-y: 1;
  }

  .sm\:scale-y-105{
    --transform-scale-y: 1.05;
  }

  .sm\:scale-y-110{
    --transform-scale-y: 1.1;
  }

  .sm\:scale-y-125{
    --transform-scale-y: 1.25;
  }

  .sm\:scale-y-150{
    --transform-scale-y: 1.5;
  }

  .sm\:hover\:scale-0:hover{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .sm\:hover\:scale-50:hover{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .sm\:hover\:scale-75:hover{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .sm\:hover\:scale-90:hover{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .sm\:hover\:scale-95:hover{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .sm\:hover\:scale-100:hover{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .sm\:hover\:scale-105:hover{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .sm\:hover\:scale-110:hover{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .sm\:hover\:scale-125:hover{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .sm\:hover\:scale-150:hover{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .sm\:hover\:scale-x-0:hover{
    --transform-scale-x: 0;
  }

  .sm\:hover\:scale-x-50:hover{
    --transform-scale-x: .5;
  }

  .sm\:hover\:scale-x-75:hover{
    --transform-scale-x: .75;
  }

  .sm\:hover\:scale-x-90:hover{
    --transform-scale-x: .9;
  }

  .sm\:hover\:scale-x-95:hover{
    --transform-scale-x: .95;
  }

  .sm\:hover\:scale-x-100:hover{
    --transform-scale-x: 1;
  }

  .sm\:hover\:scale-x-105:hover{
    --transform-scale-x: 1.05;
  }

  .sm\:hover\:scale-x-110:hover{
    --transform-scale-x: 1.1;
  }

  .sm\:hover\:scale-x-125:hover{
    --transform-scale-x: 1.25;
  }

  .sm\:hover\:scale-x-150:hover{
    --transform-scale-x: 1.5;
  }

  .sm\:hover\:scale-y-0:hover{
    --transform-scale-y: 0;
  }

  .sm\:hover\:scale-y-50:hover{
    --transform-scale-y: .5;
  }

  .sm\:hover\:scale-y-75:hover{
    --transform-scale-y: .75;
  }

  .sm\:hover\:scale-y-90:hover{
    --transform-scale-y: .9;
  }

  .sm\:hover\:scale-y-95:hover{
    --transform-scale-y: .95;
  }

  .sm\:hover\:scale-y-100:hover{
    --transform-scale-y: 1;
  }

  .sm\:hover\:scale-y-105:hover{
    --transform-scale-y: 1.05;
  }

  .sm\:hover\:scale-y-110:hover{
    --transform-scale-y: 1.1;
  }

  .sm\:hover\:scale-y-125:hover{
    --transform-scale-y: 1.25;
  }

  .sm\:hover\:scale-y-150:hover{
    --transform-scale-y: 1.5;
  }

  .sm\:focus\:scale-0:focus{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .sm\:focus\:scale-50:focus{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .sm\:focus\:scale-75:focus{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .sm\:focus\:scale-90:focus{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .sm\:focus\:scale-95:focus{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .sm\:focus\:scale-100:focus{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .sm\:focus\:scale-105:focus{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .sm\:focus\:scale-110:focus{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .sm\:focus\:scale-125:focus{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .sm\:focus\:scale-150:focus{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .sm\:focus\:scale-x-0:focus{
    --transform-scale-x: 0;
  }

  .sm\:focus\:scale-x-50:focus{
    --transform-scale-x: .5;
  }

  .sm\:focus\:scale-x-75:focus{
    --transform-scale-x: .75;
  }

  .sm\:focus\:scale-x-90:focus{
    --transform-scale-x: .9;
  }

  .sm\:focus\:scale-x-95:focus{
    --transform-scale-x: .95;
  }

  .sm\:focus\:scale-x-100:focus{
    --transform-scale-x: 1;
  }

  .sm\:focus\:scale-x-105:focus{
    --transform-scale-x: 1.05;
  }

  .sm\:focus\:scale-x-110:focus{
    --transform-scale-x: 1.1;
  }

  .sm\:focus\:scale-x-125:focus{
    --transform-scale-x: 1.25;
  }

  .sm\:focus\:scale-x-150:focus{
    --transform-scale-x: 1.5;
  }

  .sm\:focus\:scale-y-0:focus{
    --transform-scale-y: 0;
  }

  .sm\:focus\:scale-y-50:focus{
    --transform-scale-y: .5;
  }

  .sm\:focus\:scale-y-75:focus{
    --transform-scale-y: .75;
  }

  .sm\:focus\:scale-y-90:focus{
    --transform-scale-y: .9;
  }

  .sm\:focus\:scale-y-95:focus{
    --transform-scale-y: .95;
  }

  .sm\:focus\:scale-y-100:focus{
    --transform-scale-y: 1;
  }

  .sm\:focus\:scale-y-105:focus{
    --transform-scale-y: 1.05;
  }

  .sm\:focus\:scale-y-110:focus{
    --transform-scale-y: 1.1;
  }

  .sm\:focus\:scale-y-125:focus{
    --transform-scale-y: 1.25;
  }

  .sm\:focus\:scale-y-150:focus{
    --transform-scale-y: 1.5;
  }

  .sm\:rotate-0{
    --transform-rotate: 0;
  }

  .sm\:rotate-1{
    --transform-rotate: 1deg;
  }

  .sm\:rotate-2{
    --transform-rotate: 2deg;
  }

  .sm\:rotate-3{
    --transform-rotate: 3deg;
  }

  .sm\:rotate-6{
    --transform-rotate: 6deg;
  }

  .sm\:rotate-12{
    --transform-rotate: 12deg;
  }

  .sm\:rotate-45{
    --transform-rotate: 45deg;
  }

  .sm\:rotate-90{
    --transform-rotate: 90deg;
  }

  .sm\:rotate-180{
    --transform-rotate: 180deg;
  }

  .sm\:-rotate-180{
    --transform-rotate: -180deg;
  }

  .sm\:-rotate-90{
    --transform-rotate: -90deg;
  }

  .sm\:-rotate-45{
    --transform-rotate: -45deg;
  }

  .sm\:-rotate-12{
    --transform-rotate: -12deg;
  }

  .sm\:-rotate-6{
    --transform-rotate: -6deg;
  }

  .sm\:-rotate-3{
    --transform-rotate: -3deg;
  }

  .sm\:-rotate-2{
    --transform-rotate: -2deg;
  }

  .sm\:-rotate-1{
    --transform-rotate: -1deg;
  }

  .sm\:hover\:rotate-0:hover{
    --transform-rotate: 0;
  }

  .sm\:hover\:rotate-1:hover{
    --transform-rotate: 1deg;
  }

  .sm\:hover\:rotate-2:hover{
    --transform-rotate: 2deg;
  }

  .sm\:hover\:rotate-3:hover{
    --transform-rotate: 3deg;
  }

  .sm\:hover\:rotate-6:hover{
    --transform-rotate: 6deg;
  }

  .sm\:hover\:rotate-12:hover{
    --transform-rotate: 12deg;
  }

  .sm\:hover\:rotate-45:hover{
    --transform-rotate: 45deg;
  }

  .sm\:hover\:rotate-90:hover{
    --transform-rotate: 90deg;
  }

  .sm\:hover\:rotate-180:hover{
    --transform-rotate: 180deg;
  }

  .sm\:hover\:-rotate-180:hover{
    --transform-rotate: -180deg;
  }

  .sm\:hover\:-rotate-90:hover{
    --transform-rotate: -90deg;
  }

  .sm\:hover\:-rotate-45:hover{
    --transform-rotate: -45deg;
  }

  .sm\:hover\:-rotate-12:hover{
    --transform-rotate: -12deg;
  }

  .sm\:hover\:-rotate-6:hover{
    --transform-rotate: -6deg;
  }

  .sm\:hover\:-rotate-3:hover{
    --transform-rotate: -3deg;
  }

  .sm\:hover\:-rotate-2:hover{
    --transform-rotate: -2deg;
  }

  .sm\:hover\:-rotate-1:hover{
    --transform-rotate: -1deg;
  }

  .sm\:focus\:rotate-0:focus{
    --transform-rotate: 0;
  }

  .sm\:focus\:rotate-1:focus{
    --transform-rotate: 1deg;
  }

  .sm\:focus\:rotate-2:focus{
    --transform-rotate: 2deg;
  }

  .sm\:focus\:rotate-3:focus{
    --transform-rotate: 3deg;
  }

  .sm\:focus\:rotate-6:focus{
    --transform-rotate: 6deg;
  }

  .sm\:focus\:rotate-12:focus{
    --transform-rotate: 12deg;
  }

  .sm\:focus\:rotate-45:focus{
    --transform-rotate: 45deg;
  }

  .sm\:focus\:rotate-90:focus{
    --transform-rotate: 90deg;
  }

  .sm\:focus\:rotate-180:focus{
    --transform-rotate: 180deg;
  }

  .sm\:focus\:-rotate-180:focus{
    --transform-rotate: -180deg;
  }

  .sm\:focus\:-rotate-90:focus{
    --transform-rotate: -90deg;
  }

  .sm\:focus\:-rotate-45:focus{
    --transform-rotate: -45deg;
  }

  .sm\:focus\:-rotate-12:focus{
    --transform-rotate: -12deg;
  }

  .sm\:focus\:-rotate-6:focus{
    --transform-rotate: -6deg;
  }

  .sm\:focus\:-rotate-3:focus{
    --transform-rotate: -3deg;
  }

  .sm\:focus\:-rotate-2:focus{
    --transform-rotate: -2deg;
  }

  .sm\:focus\:-rotate-1:focus{
    --transform-rotate: -1deg;
  }

  .sm\:translate-x-0{
    --transform-translate-x: 0;
  }

  .sm\:translate-x-1{
    --transform-translate-x: 0.25rem;
  }

  .sm\:translate-x-2{
    --transform-translate-x: 0.5rem;
  }

  .sm\:translate-x-3{
    --transform-translate-x: 0.75rem;
  }

  .sm\:translate-x-4{
    --transform-translate-x: 1rem;
  }

  .sm\:translate-x-5{
    --transform-translate-x: 1.25rem;
  }

  .sm\:translate-x-6{
    --transform-translate-x: 1.5rem;
  }

  .sm\:translate-x-8{
    --transform-translate-x: 2rem;
  }

  .sm\:translate-x-10{
    --transform-translate-x: 2.5rem;
  }

  .sm\:translate-x-12{
    --transform-translate-x: 3rem;
  }

  .sm\:translate-x-16{
    --transform-translate-x: 4rem;
  }

  .sm\:translate-x-20{
    --transform-translate-x: 5rem;
  }

  .sm\:translate-x-24{
    --transform-translate-x: 6rem;
  }

  .sm\:translate-x-32{
    --transform-translate-x: 8rem;
  }

  .sm\:translate-x-40{
    --transform-translate-x: 10rem;
  }

  .sm\:translate-x-48{
    --transform-translate-x: 12rem;
  }

  .sm\:translate-x-56{
    --transform-translate-x: 14rem;
  }

  .sm\:translate-x-64{
    --transform-translate-x: 16rem;
  }

  .sm\:translate-x-px{
    --transform-translate-x: 1px;
  }

  .sm\:-translate-x-1{
    --transform-translate-x: -0.25rem;
  }

  .sm\:-translate-x-2{
    --transform-translate-x: -0.5rem;
  }

  .sm\:-translate-x-3{
    --transform-translate-x: -0.75rem;
  }

  .sm\:-translate-x-4{
    --transform-translate-x: -1rem;
  }

  .sm\:-translate-x-5{
    --transform-translate-x: -1.25rem;
  }

  .sm\:-translate-x-6{
    --transform-translate-x: -1.5rem;
  }

  .sm\:-translate-x-8{
    --transform-translate-x: -2rem;
  }

  .sm\:-translate-x-10{
    --transform-translate-x: -2.5rem;
  }

  .sm\:-translate-x-12{
    --transform-translate-x: -3rem;
  }

  .sm\:-translate-x-16{
    --transform-translate-x: -4rem;
  }

  .sm\:-translate-x-20{
    --transform-translate-x: -5rem;
  }

  .sm\:-translate-x-24{
    --transform-translate-x: -6rem;
  }

  .sm\:-translate-x-32{
    --transform-translate-x: -8rem;
  }

  .sm\:-translate-x-40{
    --transform-translate-x: -10rem;
  }

  .sm\:-translate-x-48{
    --transform-translate-x: -12rem;
  }

  .sm\:-translate-x-56{
    --transform-translate-x: -14rem;
  }

  .sm\:-translate-x-64{
    --transform-translate-x: -16rem;
  }

  .sm\:-translate-x-px{
    --transform-translate-x: -1px;
  }

  .sm\:-translate-x-full{
    --transform-translate-x: -100%;
  }

  .sm\:-translate-x-1\/2{
    --transform-translate-x: -50%;
  }

  .sm\:translate-x-1\/2{
    --transform-translate-x: 50%;
  }

  .sm\:translate-x-full{
    --transform-translate-x: 100%;
  }

  .sm\:translate-y-0{
    --transform-translate-y: 0;
  }

  .sm\:translate-y-1{
    --transform-translate-y: 0.25rem;
  }

  .sm\:translate-y-2{
    --transform-translate-y: 0.5rem;
  }

  .sm\:translate-y-3{
    --transform-translate-y: 0.75rem;
  }

  .sm\:translate-y-4{
    --transform-translate-y: 1rem;
  }

  .sm\:translate-y-5{
    --transform-translate-y: 1.25rem;
  }

  .sm\:translate-y-6{
    --transform-translate-y: 1.5rem;
  }

  .sm\:translate-y-8{
    --transform-translate-y: 2rem;
  }

  .sm\:translate-y-10{
    --transform-translate-y: 2.5rem;
  }

  .sm\:translate-y-12{
    --transform-translate-y: 3rem;
  }

  .sm\:translate-y-16{
    --transform-translate-y: 4rem;
  }

  .sm\:translate-y-20{
    --transform-translate-y: 5rem;
  }

  .sm\:translate-y-24{
    --transform-translate-y: 6rem;
  }

  .sm\:translate-y-32{
    --transform-translate-y: 8rem;
  }

  .sm\:translate-y-40{
    --transform-translate-y: 10rem;
  }

  .sm\:translate-y-48{
    --transform-translate-y: 12rem;
  }

  .sm\:translate-y-56{
    --transform-translate-y: 14rem;
  }

  .sm\:translate-y-64{
    --transform-translate-y: 16rem;
  }

  .sm\:translate-y-px{
    --transform-translate-y: 1px;
  }

  .sm\:-translate-y-1{
    --transform-translate-y: -0.25rem;
  }

  .sm\:-translate-y-2{
    --transform-translate-y: -0.5rem;
  }

  .sm\:-translate-y-3{
    --transform-translate-y: -0.75rem;
  }

  .sm\:-translate-y-4{
    --transform-translate-y: -1rem;
  }

  .sm\:-translate-y-5{
    --transform-translate-y: -1.25rem;
  }

  .sm\:-translate-y-6{
    --transform-translate-y: -1.5rem;
  }

  .sm\:-translate-y-8{
    --transform-translate-y: -2rem;
  }

  .sm\:-translate-y-10{
    --transform-translate-y: -2.5rem;
  }

  .sm\:-translate-y-12{
    --transform-translate-y: -3rem;
  }

  .sm\:-translate-y-16{
    --transform-translate-y: -4rem;
  }

  .sm\:-translate-y-20{
    --transform-translate-y: -5rem;
  }

  .sm\:-translate-y-24{
    --transform-translate-y: -6rem;
  }

  .sm\:-translate-y-32{
    --transform-translate-y: -8rem;
  }

  .sm\:-translate-y-40{
    --transform-translate-y: -10rem;
  }

  .sm\:-translate-y-48{
    --transform-translate-y: -12rem;
  }

  .sm\:-translate-y-56{
    --transform-translate-y: -14rem;
  }

  .sm\:-translate-y-64{
    --transform-translate-y: -16rem;
  }

  .sm\:-translate-y-px{
    --transform-translate-y: -1px;
  }

  .sm\:-translate-y-full{
    --transform-translate-y: -100%;
  }

  .sm\:-translate-y-1\/2{
    --transform-translate-y: -50%;
  }

  .sm\:translate-y-1\/2{
    --transform-translate-y: 50%;
  }

  .sm\:translate-y-full{
    --transform-translate-y: 100%;
  }

  .sm\:hover\:translate-x-0:hover{
    --transform-translate-x: 0;
  }

  .sm\:hover\:translate-x-1:hover{
    --transform-translate-x: 0.25rem;
  }

  .sm\:hover\:translate-x-2:hover{
    --transform-translate-x: 0.5rem;
  }

  .sm\:hover\:translate-x-3:hover{
    --transform-translate-x: 0.75rem;
  }

  .sm\:hover\:translate-x-4:hover{
    --transform-translate-x: 1rem;
  }

  .sm\:hover\:translate-x-5:hover{
    --transform-translate-x: 1.25rem;
  }

  .sm\:hover\:translate-x-6:hover{
    --transform-translate-x: 1.5rem;
  }

  .sm\:hover\:translate-x-8:hover{
    --transform-translate-x: 2rem;
  }

  .sm\:hover\:translate-x-10:hover{
    --transform-translate-x: 2.5rem;
  }

  .sm\:hover\:translate-x-12:hover{
    --transform-translate-x: 3rem;
  }

  .sm\:hover\:translate-x-16:hover{
    --transform-translate-x: 4rem;
  }

  .sm\:hover\:translate-x-20:hover{
    --transform-translate-x: 5rem;
  }

  .sm\:hover\:translate-x-24:hover{
    --transform-translate-x: 6rem;
  }

  .sm\:hover\:translate-x-32:hover{
    --transform-translate-x: 8rem;
  }

  .sm\:hover\:translate-x-40:hover{
    --transform-translate-x: 10rem;
  }

  .sm\:hover\:translate-x-48:hover{
    --transform-translate-x: 12rem;
  }

  .sm\:hover\:translate-x-56:hover{
    --transform-translate-x: 14rem;
  }

  .sm\:hover\:translate-x-64:hover{
    --transform-translate-x: 16rem;
  }

  .sm\:hover\:translate-x-px:hover{
    --transform-translate-x: 1px;
  }

  .sm\:hover\:-translate-x-1:hover{
    --transform-translate-x: -0.25rem;
  }

  .sm\:hover\:-translate-x-2:hover{
    --transform-translate-x: -0.5rem;
  }

  .sm\:hover\:-translate-x-3:hover{
    --transform-translate-x: -0.75rem;
  }

  .sm\:hover\:-translate-x-4:hover{
    --transform-translate-x: -1rem;
  }

  .sm\:hover\:-translate-x-5:hover{
    --transform-translate-x: -1.25rem;
  }

  .sm\:hover\:-translate-x-6:hover{
    --transform-translate-x: -1.5rem;
  }

  .sm\:hover\:-translate-x-8:hover{
    --transform-translate-x: -2rem;
  }

  .sm\:hover\:-translate-x-10:hover{
    --transform-translate-x: -2.5rem;
  }

  .sm\:hover\:-translate-x-12:hover{
    --transform-translate-x: -3rem;
  }

  .sm\:hover\:-translate-x-16:hover{
    --transform-translate-x: -4rem;
  }

  .sm\:hover\:-translate-x-20:hover{
    --transform-translate-x: -5rem;
  }

  .sm\:hover\:-translate-x-24:hover{
    --transform-translate-x: -6rem;
  }

  .sm\:hover\:-translate-x-32:hover{
    --transform-translate-x: -8rem;
  }

  .sm\:hover\:-translate-x-40:hover{
    --transform-translate-x: -10rem;
  }

  .sm\:hover\:-translate-x-48:hover{
    --transform-translate-x: -12rem;
  }

  .sm\:hover\:-translate-x-56:hover{
    --transform-translate-x: -14rem;
  }

  .sm\:hover\:-translate-x-64:hover{
    --transform-translate-x: -16rem;
  }

  .sm\:hover\:-translate-x-px:hover{
    --transform-translate-x: -1px;
  }

  .sm\:hover\:-translate-x-full:hover{
    --transform-translate-x: -100%;
  }

  .sm\:hover\:-translate-x-1\/2:hover{
    --transform-translate-x: -50%;
  }

  .sm\:hover\:translate-x-1\/2:hover{
    --transform-translate-x: 50%;
  }

  .sm\:hover\:translate-x-full:hover{
    --transform-translate-x: 100%;
  }

  .sm\:hover\:translate-y-0:hover{
    --transform-translate-y: 0;
  }

  .sm\:hover\:translate-y-1:hover{
    --transform-translate-y: 0.25rem;
  }

  .sm\:hover\:translate-y-2:hover{
    --transform-translate-y: 0.5rem;
  }

  .sm\:hover\:translate-y-3:hover{
    --transform-translate-y: 0.75rem;
  }

  .sm\:hover\:translate-y-4:hover{
    --transform-translate-y: 1rem;
  }

  .sm\:hover\:translate-y-5:hover{
    --transform-translate-y: 1.25rem;
  }

  .sm\:hover\:translate-y-6:hover{
    --transform-translate-y: 1.5rem;
  }

  .sm\:hover\:translate-y-8:hover{
    --transform-translate-y: 2rem;
  }

  .sm\:hover\:translate-y-10:hover{
    --transform-translate-y: 2.5rem;
  }

  .sm\:hover\:translate-y-12:hover{
    --transform-translate-y: 3rem;
  }

  .sm\:hover\:translate-y-16:hover{
    --transform-translate-y: 4rem;
  }

  .sm\:hover\:translate-y-20:hover{
    --transform-translate-y: 5rem;
  }

  .sm\:hover\:translate-y-24:hover{
    --transform-translate-y: 6rem;
  }

  .sm\:hover\:translate-y-32:hover{
    --transform-translate-y: 8rem;
  }

  .sm\:hover\:translate-y-40:hover{
    --transform-translate-y: 10rem;
  }

  .sm\:hover\:translate-y-48:hover{
    --transform-translate-y: 12rem;
  }

  .sm\:hover\:translate-y-56:hover{
    --transform-translate-y: 14rem;
  }

  .sm\:hover\:translate-y-64:hover{
    --transform-translate-y: 16rem;
  }

  .sm\:hover\:translate-y-px:hover{
    --transform-translate-y: 1px;
  }

  .sm\:hover\:-translate-y-1:hover{
    --transform-translate-y: -0.25rem;
  }

  .sm\:hover\:-translate-y-2:hover{
    --transform-translate-y: -0.5rem;
  }

  .sm\:hover\:-translate-y-3:hover{
    --transform-translate-y: -0.75rem;
  }

  .sm\:hover\:-translate-y-4:hover{
    --transform-translate-y: -1rem;
  }

  .sm\:hover\:-translate-y-5:hover{
    --transform-translate-y: -1.25rem;
  }

  .sm\:hover\:-translate-y-6:hover{
    --transform-translate-y: -1.5rem;
  }

  .sm\:hover\:-translate-y-8:hover{
    --transform-translate-y: -2rem;
  }

  .sm\:hover\:-translate-y-10:hover{
    --transform-translate-y: -2.5rem;
  }

  .sm\:hover\:-translate-y-12:hover{
    --transform-translate-y: -3rem;
  }

  .sm\:hover\:-translate-y-16:hover{
    --transform-translate-y: -4rem;
  }

  .sm\:hover\:-translate-y-20:hover{
    --transform-translate-y: -5rem;
  }

  .sm\:hover\:-translate-y-24:hover{
    --transform-translate-y: -6rem;
  }

  .sm\:hover\:-translate-y-32:hover{
    --transform-translate-y: -8rem;
  }

  .sm\:hover\:-translate-y-40:hover{
    --transform-translate-y: -10rem;
  }

  .sm\:hover\:-translate-y-48:hover{
    --transform-translate-y: -12rem;
  }

  .sm\:hover\:-translate-y-56:hover{
    --transform-translate-y: -14rem;
  }

  .sm\:hover\:-translate-y-64:hover{
    --transform-translate-y: -16rem;
  }

  .sm\:hover\:-translate-y-px:hover{
    --transform-translate-y: -1px;
  }

  .sm\:hover\:-translate-y-full:hover{
    --transform-translate-y: -100%;
  }

  .sm\:hover\:-translate-y-1\/2:hover{
    --transform-translate-y: -50%;
  }

  .sm\:hover\:translate-y-1\/2:hover{
    --transform-translate-y: 50%;
  }

  .sm\:hover\:translate-y-full:hover{
    --transform-translate-y: 100%;
  }

  .sm\:focus\:translate-x-0:focus{
    --transform-translate-x: 0;
  }

  .sm\:focus\:translate-x-1:focus{
    --transform-translate-x: 0.25rem;
  }

  .sm\:focus\:translate-x-2:focus{
    --transform-translate-x: 0.5rem;
  }

  .sm\:focus\:translate-x-3:focus{
    --transform-translate-x: 0.75rem;
  }

  .sm\:focus\:translate-x-4:focus{
    --transform-translate-x: 1rem;
  }

  .sm\:focus\:translate-x-5:focus{
    --transform-translate-x: 1.25rem;
  }

  .sm\:focus\:translate-x-6:focus{
    --transform-translate-x: 1.5rem;
  }

  .sm\:focus\:translate-x-8:focus{
    --transform-translate-x: 2rem;
  }

  .sm\:focus\:translate-x-10:focus{
    --transform-translate-x: 2.5rem;
  }

  .sm\:focus\:translate-x-12:focus{
    --transform-translate-x: 3rem;
  }

  .sm\:focus\:translate-x-16:focus{
    --transform-translate-x: 4rem;
  }

  .sm\:focus\:translate-x-20:focus{
    --transform-translate-x: 5rem;
  }

  .sm\:focus\:translate-x-24:focus{
    --transform-translate-x: 6rem;
  }

  .sm\:focus\:translate-x-32:focus{
    --transform-translate-x: 8rem;
  }

  .sm\:focus\:translate-x-40:focus{
    --transform-translate-x: 10rem;
  }

  .sm\:focus\:translate-x-48:focus{
    --transform-translate-x: 12rem;
  }

  .sm\:focus\:translate-x-56:focus{
    --transform-translate-x: 14rem;
  }

  .sm\:focus\:translate-x-64:focus{
    --transform-translate-x: 16rem;
  }

  .sm\:focus\:translate-x-px:focus{
    --transform-translate-x: 1px;
  }

  .sm\:focus\:-translate-x-1:focus{
    --transform-translate-x: -0.25rem;
  }

  .sm\:focus\:-translate-x-2:focus{
    --transform-translate-x: -0.5rem;
  }

  .sm\:focus\:-translate-x-3:focus{
    --transform-translate-x: -0.75rem;
  }

  .sm\:focus\:-translate-x-4:focus{
    --transform-translate-x: -1rem;
  }

  .sm\:focus\:-translate-x-5:focus{
    --transform-translate-x: -1.25rem;
  }

  .sm\:focus\:-translate-x-6:focus{
    --transform-translate-x: -1.5rem;
  }

  .sm\:focus\:-translate-x-8:focus{
    --transform-translate-x: -2rem;
  }

  .sm\:focus\:-translate-x-10:focus{
    --transform-translate-x: -2.5rem;
  }

  .sm\:focus\:-translate-x-12:focus{
    --transform-translate-x: -3rem;
  }

  .sm\:focus\:-translate-x-16:focus{
    --transform-translate-x: -4rem;
  }

  .sm\:focus\:-translate-x-20:focus{
    --transform-translate-x: -5rem;
  }

  .sm\:focus\:-translate-x-24:focus{
    --transform-translate-x: -6rem;
  }

  .sm\:focus\:-translate-x-32:focus{
    --transform-translate-x: -8rem;
  }

  .sm\:focus\:-translate-x-40:focus{
    --transform-translate-x: -10rem;
  }

  .sm\:focus\:-translate-x-48:focus{
    --transform-translate-x: -12rem;
  }

  .sm\:focus\:-translate-x-56:focus{
    --transform-translate-x: -14rem;
  }

  .sm\:focus\:-translate-x-64:focus{
    --transform-translate-x: -16rem;
  }

  .sm\:focus\:-translate-x-px:focus{
    --transform-translate-x: -1px;
  }

  .sm\:focus\:-translate-x-full:focus{
    --transform-translate-x: -100%;
  }

  .sm\:focus\:-translate-x-1\/2:focus{
    --transform-translate-x: -50%;
  }

  .sm\:focus\:translate-x-1\/2:focus{
    --transform-translate-x: 50%;
  }

  .sm\:focus\:translate-x-full:focus{
    --transform-translate-x: 100%;
  }

  .sm\:focus\:translate-y-0:focus{
    --transform-translate-y: 0;
  }

  .sm\:focus\:translate-y-1:focus{
    --transform-translate-y: 0.25rem;
  }

  .sm\:focus\:translate-y-2:focus{
    --transform-translate-y: 0.5rem;
  }

  .sm\:focus\:translate-y-3:focus{
    --transform-translate-y: 0.75rem;
  }

  .sm\:focus\:translate-y-4:focus{
    --transform-translate-y: 1rem;
  }

  .sm\:focus\:translate-y-5:focus{
    --transform-translate-y: 1.25rem;
  }

  .sm\:focus\:translate-y-6:focus{
    --transform-translate-y: 1.5rem;
  }

  .sm\:focus\:translate-y-8:focus{
    --transform-translate-y: 2rem;
  }

  .sm\:focus\:translate-y-10:focus{
    --transform-translate-y: 2.5rem;
  }

  .sm\:focus\:translate-y-12:focus{
    --transform-translate-y: 3rem;
  }

  .sm\:focus\:translate-y-16:focus{
    --transform-translate-y: 4rem;
  }

  .sm\:focus\:translate-y-20:focus{
    --transform-translate-y: 5rem;
  }

  .sm\:focus\:translate-y-24:focus{
    --transform-translate-y: 6rem;
  }

  .sm\:focus\:translate-y-32:focus{
    --transform-translate-y: 8rem;
  }

  .sm\:focus\:translate-y-40:focus{
    --transform-translate-y: 10rem;
  }

  .sm\:focus\:translate-y-48:focus{
    --transform-translate-y: 12rem;
  }

  .sm\:focus\:translate-y-56:focus{
    --transform-translate-y: 14rem;
  }

  .sm\:focus\:translate-y-64:focus{
    --transform-translate-y: 16rem;
  }

  .sm\:focus\:translate-y-px:focus{
    --transform-translate-y: 1px;
  }

  .sm\:focus\:-translate-y-1:focus{
    --transform-translate-y: -0.25rem;
  }

  .sm\:focus\:-translate-y-2:focus{
    --transform-translate-y: -0.5rem;
  }

  .sm\:focus\:-translate-y-3:focus{
    --transform-translate-y: -0.75rem;
  }

  .sm\:focus\:-translate-y-4:focus{
    --transform-translate-y: -1rem;
  }

  .sm\:focus\:-translate-y-5:focus{
    --transform-translate-y: -1.25rem;
  }

  .sm\:focus\:-translate-y-6:focus{
    --transform-translate-y: -1.5rem;
  }

  .sm\:focus\:-translate-y-8:focus{
    --transform-translate-y: -2rem;
  }

  .sm\:focus\:-translate-y-10:focus{
    --transform-translate-y: -2.5rem;
  }

  .sm\:focus\:-translate-y-12:focus{
    --transform-translate-y: -3rem;
  }

  .sm\:focus\:-translate-y-16:focus{
    --transform-translate-y: -4rem;
  }

  .sm\:focus\:-translate-y-20:focus{
    --transform-translate-y: -5rem;
  }

  .sm\:focus\:-translate-y-24:focus{
    --transform-translate-y: -6rem;
  }

  .sm\:focus\:-translate-y-32:focus{
    --transform-translate-y: -8rem;
  }

  .sm\:focus\:-translate-y-40:focus{
    --transform-translate-y: -10rem;
  }

  .sm\:focus\:-translate-y-48:focus{
    --transform-translate-y: -12rem;
  }

  .sm\:focus\:-translate-y-56:focus{
    --transform-translate-y: -14rem;
  }

  .sm\:focus\:-translate-y-64:focus{
    --transform-translate-y: -16rem;
  }

  .sm\:focus\:-translate-y-px:focus{
    --transform-translate-y: -1px;
  }

  .sm\:focus\:-translate-y-full:focus{
    --transform-translate-y: -100%;
  }

  .sm\:focus\:-translate-y-1\/2:focus{
    --transform-translate-y: -50%;
  }

  .sm\:focus\:translate-y-1\/2:focus{
    --transform-translate-y: 50%;
  }

  .sm\:focus\:translate-y-full:focus{
    --transform-translate-y: 100%;
  }

  .sm\:skew-x-0{
    --transform-skew-x: 0;
  }

  .sm\:skew-x-1{
    --transform-skew-x: 1deg;
  }

  .sm\:skew-x-2{
    --transform-skew-x: 2deg;
  }

  .sm\:skew-x-3{
    --transform-skew-x: 3deg;
  }

  .sm\:skew-x-6{
    --transform-skew-x: 6deg;
  }

  .sm\:skew-x-12{
    --transform-skew-x: 12deg;
  }

  .sm\:-skew-x-12{
    --transform-skew-x: -12deg;
  }

  .sm\:-skew-x-6{
    --transform-skew-x: -6deg;
  }

  .sm\:-skew-x-3{
    --transform-skew-x: -3deg;
  }

  .sm\:-skew-x-2{
    --transform-skew-x: -2deg;
  }

  .sm\:-skew-x-1{
    --transform-skew-x: -1deg;
  }

  .sm\:skew-y-0{
    --transform-skew-y: 0;
  }

  .sm\:skew-y-1{
    --transform-skew-y: 1deg;
  }

  .sm\:skew-y-2{
    --transform-skew-y: 2deg;
  }

  .sm\:skew-y-3{
    --transform-skew-y: 3deg;
  }

  .sm\:skew-y-6{
    --transform-skew-y: 6deg;
  }

  .sm\:skew-y-12{
    --transform-skew-y: 12deg;
  }

  .sm\:-skew-y-12{
    --transform-skew-y: -12deg;
  }

  .sm\:-skew-y-6{
    --transform-skew-y: -6deg;
  }

  .sm\:-skew-y-3{
    --transform-skew-y: -3deg;
  }

  .sm\:-skew-y-2{
    --transform-skew-y: -2deg;
  }

  .sm\:-skew-y-1{
    --transform-skew-y: -1deg;
  }

  .sm\:hover\:skew-x-0:hover{
    --transform-skew-x: 0;
  }

  .sm\:hover\:skew-x-1:hover{
    --transform-skew-x: 1deg;
  }

  .sm\:hover\:skew-x-2:hover{
    --transform-skew-x: 2deg;
  }

  .sm\:hover\:skew-x-3:hover{
    --transform-skew-x: 3deg;
  }

  .sm\:hover\:skew-x-6:hover{
    --transform-skew-x: 6deg;
  }

  .sm\:hover\:skew-x-12:hover{
    --transform-skew-x: 12deg;
  }

  .sm\:hover\:-skew-x-12:hover{
    --transform-skew-x: -12deg;
  }

  .sm\:hover\:-skew-x-6:hover{
    --transform-skew-x: -6deg;
  }

  .sm\:hover\:-skew-x-3:hover{
    --transform-skew-x: -3deg;
  }

  .sm\:hover\:-skew-x-2:hover{
    --transform-skew-x: -2deg;
  }

  .sm\:hover\:-skew-x-1:hover{
    --transform-skew-x: -1deg;
  }

  .sm\:hover\:skew-y-0:hover{
    --transform-skew-y: 0;
  }

  .sm\:hover\:skew-y-1:hover{
    --transform-skew-y: 1deg;
  }

  .sm\:hover\:skew-y-2:hover{
    --transform-skew-y: 2deg;
  }

  .sm\:hover\:skew-y-3:hover{
    --transform-skew-y: 3deg;
  }

  .sm\:hover\:skew-y-6:hover{
    --transform-skew-y: 6deg;
  }

  .sm\:hover\:skew-y-12:hover{
    --transform-skew-y: 12deg;
  }

  .sm\:hover\:-skew-y-12:hover{
    --transform-skew-y: -12deg;
  }

  .sm\:hover\:-skew-y-6:hover{
    --transform-skew-y: -6deg;
  }

  .sm\:hover\:-skew-y-3:hover{
    --transform-skew-y: -3deg;
  }

  .sm\:hover\:-skew-y-2:hover{
    --transform-skew-y: -2deg;
  }

  .sm\:hover\:-skew-y-1:hover{
    --transform-skew-y: -1deg;
  }

  .sm\:focus\:skew-x-0:focus{
    --transform-skew-x: 0;
  }

  .sm\:focus\:skew-x-1:focus{
    --transform-skew-x: 1deg;
  }

  .sm\:focus\:skew-x-2:focus{
    --transform-skew-x: 2deg;
  }

  .sm\:focus\:skew-x-3:focus{
    --transform-skew-x: 3deg;
  }

  .sm\:focus\:skew-x-6:focus{
    --transform-skew-x: 6deg;
  }

  .sm\:focus\:skew-x-12:focus{
    --transform-skew-x: 12deg;
  }

  .sm\:focus\:-skew-x-12:focus{
    --transform-skew-x: -12deg;
  }

  .sm\:focus\:-skew-x-6:focus{
    --transform-skew-x: -6deg;
  }

  .sm\:focus\:-skew-x-3:focus{
    --transform-skew-x: -3deg;
  }

  .sm\:focus\:-skew-x-2:focus{
    --transform-skew-x: -2deg;
  }

  .sm\:focus\:-skew-x-1:focus{
    --transform-skew-x: -1deg;
  }

  .sm\:focus\:skew-y-0:focus{
    --transform-skew-y: 0;
  }

  .sm\:focus\:skew-y-1:focus{
    --transform-skew-y: 1deg;
  }

  .sm\:focus\:skew-y-2:focus{
    --transform-skew-y: 2deg;
  }

  .sm\:focus\:skew-y-3:focus{
    --transform-skew-y: 3deg;
  }

  .sm\:focus\:skew-y-6:focus{
    --transform-skew-y: 6deg;
  }

  .sm\:focus\:skew-y-12:focus{
    --transform-skew-y: 12deg;
  }

  .sm\:focus\:-skew-y-12:focus{
    --transform-skew-y: -12deg;
  }

  .sm\:focus\:-skew-y-6:focus{
    --transform-skew-y: -6deg;
  }

  .sm\:focus\:-skew-y-3:focus{
    --transform-skew-y: -3deg;
  }

  .sm\:focus\:-skew-y-2:focus{
    --transform-skew-y: -2deg;
  }

  .sm\:focus\:-skew-y-1:focus{
    --transform-skew-y: -1deg;
  }

  .sm\:transition-none{
    transition-property: none;
  }

  .sm\:transition-all{
    transition-property: all;
  }

  .sm\:transition{
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  .sm\:transition-colors{
    transition-property: background-color, border-color, color, fill, stroke;
  }

  .sm\:transition-opacity{
    transition-property: opacity;
  }

  .sm\:transition-shadow{
    transition-property: box-shadow;
  }

  .sm\:transition-transform{
    transition-property: transform;
  }

  .sm\:ease-linear{
    transition-timing-function: linear;
  }

  .sm\:ease-in{
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .sm\:ease-out{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .sm\:ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .sm\:duration-75{
    transition-duration: 75ms;
  }

  .sm\:duration-100{
    transition-duration: 100ms;
  }

  .sm\:duration-150{
    transition-duration: 150ms;
  }

  .sm\:duration-200{
    transition-duration: 200ms;
  }

  .sm\:duration-300{
    transition-duration: 300ms;
  }

  .sm\:duration-500{
    transition-duration: 500ms;
  }

  .sm\:duration-700{
    transition-duration: 700ms;
  }

  .sm\:duration-1000{
    transition-duration: 1000ms;
  }

  .sm\:delay-75{
    transition-delay: 75ms;
  }

  .sm\:delay-100{
    transition-delay: 100ms;
  }

  .sm\:delay-150{
    transition-delay: 150ms;
  }

  .sm\:delay-200{
    transition-delay: 200ms;
  }

  .sm\:delay-300{
    transition-delay: 300ms;
  }

  .sm\:delay-500{
    transition-delay: 500ms;
  }

  .sm\:delay-700{
    transition-delay: 700ms;
  }

  .sm\:delay-1000{
    transition-delay: 1000ms;
  }

  .sm\:animate-none{
    animation: none;
  }

  .sm\:animate-spin{
    animation: spin 1s linear infinite;
  }

  .sm\:animate-ping{
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  .sm\:animate-pulse{
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  .sm\:animate-bounce{
    animation: bounce 1s infinite;
  }

  .sm\:border-t-blue-bright{
    border-top-color: #0B69A3;
  }

  .sm\:border-r-blue-bright{
    border-right-color: #0B69A3;
  }

  .sm\:border-b-blue-bright{
    border-bottom-color: #0B69A3;
  }

  .sm\:border-l-blue-bright{
    border-left-color: #0B69A3;
  }

  .sm\:border-t-blue-light{
    border-top-color: #B3ECFF;
  }

  .sm\:border-r-blue-light{
    border-right-color: #B3ECFF;
  }

  .sm\:border-b-blue-light{
    border-bottom-color: #B3ECFF;
  }

  .sm\:border-l-blue-light{
    border-left-color: #B3ECFF;
  }

  .sm\:border-t-blue-pale{
    border-top-color: #DCEEFB;
  }

  .sm\:border-r-blue-pale{
    border-right-color: #DCEEFB;
  }

  .sm\:border-b-blue-pale{
    border-bottom-color: #DCEEFB;
  }

  .sm\:border-l-blue-pale{
    border-left-color: #DCEEFB;
  }

  .sm\:border-t-blue-deep{
    border-top-color: #035388;
  }

  .sm\:border-r-blue-deep{
    border-right-color: #035388;
  }

  .sm\:border-b-blue-deep{
    border-bottom-color: #035388;
  }

  .sm\:border-l-blue-deep{
    border-left-color: #035388;
  }

  .sm\:border-t-blue-hilight{
    border-top-color: #5ed0fa;
  }

  .sm\:border-r-blue-hilight{
    border-right-color: #5ed0fa;
  }

  .sm\:border-b-blue-hilight{
    border-bottom-color: #5ed0fa;
  }

  .sm\:border-l-blue-hilight{
    border-left-color: #5ed0fa;
  }

  .sm\:border-t-blue-med{
    border-top-color: #1992d4;
  }

  .sm\:border-r-blue-med{
    border-right-color: #1992d4;
  }

  .sm\:border-b-blue-med{
    border-bottom-color: #1992d4;
  }

  .sm\:border-l-blue-med{
    border-left-color: #1992d4;
  }

  .sm\:border-t-blue-dark{
    border-top-color: #003e6b;
  }

  .sm\:border-r-blue-dark{
    border-right-color: #003e6b;
  }

  .sm\:border-b-blue-dark{
    border-bottom-color: #003e6b;
  }

  .sm\:border-l-blue-dark{
    border-left-color: #003e6b;
  }

  .sm\:border-t-gray-100{
    border-top-color: #f0f4f8;
  }

  .sm\:border-r-gray-100{
    border-right-color: #f0f4f8;
  }

  .sm\:border-b-gray-100{
    border-bottom-color: #f0f4f8;
  }

  .sm\:border-l-gray-100{
    border-left-color: #f0f4f8;
  }

  .sm\:border-t-gray-200{
    border-top-color: #d9d9d9;
  }

  .sm\:border-r-gray-200{
    border-right-color: #d9d9d9;
  }

  .sm\:border-b-gray-200{
    border-bottom-color: #d9d9d9;
  }

  .sm\:border-l-gray-200{
    border-left-color: #d9d9d9;
  }

  .sm\:border-t-gray-300{
    border-top-color: #bcccdc;
  }

  .sm\:border-r-gray-300{
    border-right-color: #bcccdc;
  }

  .sm\:border-b-gray-300{
    border-bottom-color: #bcccdc;
  }

  .sm\:border-l-gray-300{
    border-left-color: #bcccdc;
  }

  .sm\:border-t-gray-500{
    border-top-color: #627d98;
  }

  .sm\:border-r-gray-500{
    border-right-color: #627d98;
  }

  .sm\:border-b-gray-500{
    border-bottom-color: #627d98;
  }

  .sm\:border-l-gray-500{
    border-left-color: #627d98;
  }

  .sm\:border-t-gray-600{
    border-top-color: #334e68;
  }

  .sm\:border-r-gray-600{
    border-right-color: #334e68;
  }

  .sm\:border-b-gray-600{
    border-bottom-color: #334e68;
  }

  .sm\:border-l-gray-600{
    border-left-color: #334e68;
  }

  .sm\:border-t-gray-700{
    border-top-color: #243b53;
  }

  .sm\:border-r-gray-700{
    border-right-color: #243b53;
  }

  .sm\:border-b-gray-700{
    border-bottom-color: #243b53;
  }

  .sm\:border-l-gray-700{
    border-left-color: #243b53;
  }

  .sm\:border-t-gray-900{
    border-top-color: #102a43;
  }

  .sm\:border-r-gray-900{
    border-right-color: #102a43;
  }

  .sm\:border-b-gray-900{
    border-bottom-color: #102a43;
  }

  .sm\:border-l-gray-900{
    border-left-color: #102a43;
  }

  .sm\:border-t-magenta-dark{
    border-top-color: #8f4731;
  }

  .sm\:border-r-magenta-dark{
    border-right-color: #8f4731;
  }

  .sm\:border-b-magenta-dark{
    border-bottom-color: #8f4731;
  }

  .sm\:border-l-magenta-dark{
    border-left-color: #8f4731;
  }

  .sm\:border-t-magenta-bright{
    border-top-color: #9C4429;
  }

  .sm\:border-r-magenta-bright{
    border-right-color: #9C4429;
  }

  .sm\:border-b-magenta-bright{
    border-bottom-color: #9C4429;
  }

  .sm\:border-l-magenta-bright{
    border-left-color: #9C4429;
  }

  .sm\:border-t-magenta-hilight{
    border-top-color: #CC522D;
  }

  .sm\:border-r-magenta-hilight{
    border-right-color: #CC522D;
  }

  .sm\:border-b-magenta-hilight{
    border-bottom-color: #CC522D;
  }

  .sm\:border-l-magenta-hilight{
    border-left-color: #CC522D;
  }

  .sm\:border-t-teal-dark{
    border-top-color: #2d5b6b;
  }

  .sm\:border-r-teal-dark{
    border-right-color: #2d5b6b;
  }

  .sm\:border-b-teal-dark{
    border-bottom-color: #2d5b6b;
  }

  .sm\:border-l-teal-dark{
    border-left-color: #2d5b6b;
  }

  .sm\:border-t-teal-bright{
    border-top-color: #2B738C;
  }

  .sm\:border-r-teal-bright{
    border-right-color: #2B738C;
  }

  .sm\:border-b-teal-bright{
    border-bottom-color: #2B738C;
  }

  .sm\:border-l-teal-bright{
    border-left-color: #2B738C;
  }

  .sm\:border-t-teal-hilight{
    border-top-color: #3CA1C4;
  }

  .sm\:border-r-teal-hilight{
    border-right-color: #3CA1C4;
  }

  .sm\:border-b-teal-hilight{
    border-bottom-color: #3CA1C4;
  }

  .sm\:border-l-teal-hilight{
    border-left-color: #3CA1C4;
  }

  .sm\:border-t-mustard-dark{
    border-top-color: #c47a53;
  }

  .sm\:border-r-mustard-dark{
    border-right-color: #c47a53;
  }

  .sm\:border-b-mustard-dark{
    border-bottom-color: #c47a53;
  }

  .sm\:border-l-mustard-dark{
    border-left-color: #c47a53;
  }

  .sm\:border-t-mustard-bright{
    border-top-color: #E07C48;
  }

  .sm\:border-r-mustard-bright{
    border-right-color: #E07C48;
  }

  .sm\:border-b-mustard-bright{
    border-bottom-color: #E07C48;
  }

  .sm\:border-l-mustard-bright{
    border-left-color: #E07C48;
  }

  .sm\:border-t-mustard-hilight{
    border-top-color: #FF7015;
  }

  .sm\:border-r-mustard-hilight{
    border-right-color: #FF7015;
  }

  .sm\:border-b-mustard-hilight{
    border-bottom-color: #FF7015;
  }

  .sm\:border-l-mustard-hilight{
    border-left-color: #FF7015;
  }

  .sm\:border-t-purple-dark{
    border-top-color: #6b2d5b;
  }

  .sm\:border-r-purple-dark{
    border-right-color: #6b2d5b;
  }

  .sm\:border-b-purple-dark{
    border-bottom-color: #6b2d5b;
  }

  .sm\:border-l-purple-dark{
    border-left-color: #6b2d5b;
  }

  .sm\:border-t-purple-bright{
    border-top-color: #8D2B74;
  }

  .sm\:border-r-purple-bright{
    border-right-color: #8D2B74;
  }

  .sm\:border-b-purple-bright{
    border-bottom-color: #8D2B74;
  }

  .sm\:border-l-purple-bright{
    border-left-color: #8D2B74;
  }

  .sm\:border-t-purple-hilight{
    border-top-color: #C0339C;
  }

  .sm\:border-r-purple-hilight{
    border-right-color: #C0339C;
  }

  .sm\:border-b-purple-hilight{
    border-bottom-color: #C0339C;
  }

  .sm\:border-l-purple-hilight{
    border-left-color: #C0339C;
  }

  .sm\:border-t-purple-bookshop{
    border-top-color: #584199;
  }

  .sm\:border-r-purple-bookshop{
    border-right-color: #584199;
  }

  .sm\:border-b-purple-bookshop{
    border-bottom-color: #584199;
  }

  .sm\:border-l-purple-bookshop{
    border-left-color: #584199;
  }

  .sm\:border-t-green-dark{
    border-top-color: #7b7d2a;
  }

  .sm\:border-r-green-dark{
    border-right-color: #7b7d2a;
  }

  .sm\:border-b-green-dark{
    border-bottom-color: #7b7d2a;
  }

  .sm\:border-l-green-dark{
    border-left-color: #7b7d2a;
  }

  .sm\:border-t-green-bright{
    border-top-color: #8F9220;
  }

  .sm\:border-r-green-bright{
    border-right-color: #8F9220;
  }

  .sm\:border-b-green-bright{
    border-bottom-color: #8F9220;
  }

  .sm\:border-l-green-bright{
    border-left-color: #8F9220;
  }

  .sm\:border-t-green-hilight{
    border-top-color: #B4B72A;
  }

  .sm\:border-r-green-hilight{
    border-right-color: #B4B72A;
  }

  .sm\:border-b-green-hilight{
    border-bottom-color: #B4B72A;
  }

  .sm\:border-l-green-hilight{
    border-left-color: #B4B72A;
  }

  .sm\:border-t-navy-dark{
    border-top-color: #52494c;
  }

  .sm\:border-r-navy-dark{
    border-right-color: #52494c;
  }

  .sm\:border-b-navy-dark{
    border-bottom-color: #52494c;
  }

  .sm\:border-l-navy-dark{
    border-left-color: #52494c;
  }

  .sm\:border-t-navy-bright{
    border-top-color: #6D565E;
  }

  .sm\:border-r-navy-bright{
    border-right-color: #6D565E;
  }

  .sm\:border-b-navy-bright{
    border-bottom-color: #6D565E;
  }

  .sm\:border-l-navy-bright{
    border-left-color: #6D565E;
  }

  .sm\:border-t-navy-hilight{
    border-top-color: #8A6A75;
  }

  .sm\:border-r-navy-hilight{
    border-right-color: #8A6A75;
  }

  .sm\:border-b-navy-hilight{
    border-bottom-color: #8A6A75;
  }

  .sm\:border-l-navy-hilight{
    border-left-color: #8A6A75;
  }

  .sm\:border-t-transparent{
    border-top-color: transparent;
  }

  .sm\:border-r-transparent{
    border-right-color: transparent;
  }

  .sm\:border-b-transparent{
    border-bottom-color: transparent;
  }

  .sm\:border-l-transparent{
    border-left-color: transparent;
  }

  .sm\:border-t-black{
    border-top-color: #101010;
  }

  .sm\:border-r-black{
    border-right-color: #101010;
  }

  .sm\:border-b-black{
    border-bottom-color: #101010;
  }

  .sm\:border-l-black{
    border-left-color: #101010;
  }

  .sm\:border-t-white{
    border-top-color: #fff;
  }

  .sm\:border-r-white{
    border-right-color: #fff;
  }

  .sm\:border-b-white{
    border-bottom-color: #fff;
  }

  .sm\:border-l-white{
    border-left-color: #fff;
  }

  .sm\:border-t-red{
    border-top-color: #E12D39;
  }

  .sm\:border-r-red{
    border-right-color: #E12D39;
  }

  .sm\:border-b-red{
    border-bottom-color: #E12D39;
  }

  .sm\:border-l-red{
    border-left-color: #E12D39;
  }

  .sm\:hover\:border-t-blue-bright:hover{
    border-top-color: #0B69A3;
  }

  .sm\:hover\:border-r-blue-bright:hover{
    border-right-color: #0B69A3;
  }

  .sm\:hover\:border-b-blue-bright:hover{
    border-bottom-color: #0B69A3;
  }

  .sm\:hover\:border-l-blue-bright:hover{
    border-left-color: #0B69A3;
  }

  .sm\:hover\:border-t-blue-light:hover{
    border-top-color: #B3ECFF;
  }

  .sm\:hover\:border-r-blue-light:hover{
    border-right-color: #B3ECFF;
  }

  .sm\:hover\:border-b-blue-light:hover{
    border-bottom-color: #B3ECFF;
  }

  .sm\:hover\:border-l-blue-light:hover{
    border-left-color: #B3ECFF;
  }

  .sm\:hover\:border-t-blue-pale:hover{
    border-top-color: #DCEEFB;
  }

  .sm\:hover\:border-r-blue-pale:hover{
    border-right-color: #DCEEFB;
  }

  .sm\:hover\:border-b-blue-pale:hover{
    border-bottom-color: #DCEEFB;
  }

  .sm\:hover\:border-l-blue-pale:hover{
    border-left-color: #DCEEFB;
  }

  .sm\:hover\:border-t-blue-deep:hover{
    border-top-color: #035388;
  }

  .sm\:hover\:border-r-blue-deep:hover{
    border-right-color: #035388;
  }

  .sm\:hover\:border-b-blue-deep:hover{
    border-bottom-color: #035388;
  }

  .sm\:hover\:border-l-blue-deep:hover{
    border-left-color: #035388;
  }

  .sm\:hover\:border-t-blue-hilight:hover{
    border-top-color: #5ed0fa;
  }

  .sm\:hover\:border-r-blue-hilight:hover{
    border-right-color: #5ed0fa;
  }

  .sm\:hover\:border-b-blue-hilight:hover{
    border-bottom-color: #5ed0fa;
  }

  .sm\:hover\:border-l-blue-hilight:hover{
    border-left-color: #5ed0fa;
  }

  .sm\:hover\:border-t-blue-med:hover{
    border-top-color: #1992d4;
  }

  .sm\:hover\:border-r-blue-med:hover{
    border-right-color: #1992d4;
  }

  .sm\:hover\:border-b-blue-med:hover{
    border-bottom-color: #1992d4;
  }

  .sm\:hover\:border-l-blue-med:hover{
    border-left-color: #1992d4;
  }

  .sm\:hover\:border-t-blue-dark:hover{
    border-top-color: #003e6b;
  }

  .sm\:hover\:border-r-blue-dark:hover{
    border-right-color: #003e6b;
  }

  .sm\:hover\:border-b-blue-dark:hover{
    border-bottom-color: #003e6b;
  }

  .sm\:hover\:border-l-blue-dark:hover{
    border-left-color: #003e6b;
  }

  .sm\:hover\:border-t-gray-100:hover{
    border-top-color: #f0f4f8;
  }

  .sm\:hover\:border-r-gray-100:hover{
    border-right-color: #f0f4f8;
  }

  .sm\:hover\:border-b-gray-100:hover{
    border-bottom-color: #f0f4f8;
  }

  .sm\:hover\:border-l-gray-100:hover{
    border-left-color: #f0f4f8;
  }

  .sm\:hover\:border-t-gray-200:hover{
    border-top-color: #d9d9d9;
  }

  .sm\:hover\:border-r-gray-200:hover{
    border-right-color: #d9d9d9;
  }

  .sm\:hover\:border-b-gray-200:hover{
    border-bottom-color: #d9d9d9;
  }

  .sm\:hover\:border-l-gray-200:hover{
    border-left-color: #d9d9d9;
  }

  .sm\:hover\:border-t-gray-300:hover{
    border-top-color: #bcccdc;
  }

  .sm\:hover\:border-r-gray-300:hover{
    border-right-color: #bcccdc;
  }

  .sm\:hover\:border-b-gray-300:hover{
    border-bottom-color: #bcccdc;
  }

  .sm\:hover\:border-l-gray-300:hover{
    border-left-color: #bcccdc;
  }

  .sm\:hover\:border-t-gray-500:hover{
    border-top-color: #627d98;
  }

  .sm\:hover\:border-r-gray-500:hover{
    border-right-color: #627d98;
  }

  .sm\:hover\:border-b-gray-500:hover{
    border-bottom-color: #627d98;
  }

  .sm\:hover\:border-l-gray-500:hover{
    border-left-color: #627d98;
  }

  .sm\:hover\:border-t-gray-600:hover{
    border-top-color: #334e68;
  }

  .sm\:hover\:border-r-gray-600:hover{
    border-right-color: #334e68;
  }

  .sm\:hover\:border-b-gray-600:hover{
    border-bottom-color: #334e68;
  }

  .sm\:hover\:border-l-gray-600:hover{
    border-left-color: #334e68;
  }

  .sm\:hover\:border-t-gray-700:hover{
    border-top-color: #243b53;
  }

  .sm\:hover\:border-r-gray-700:hover{
    border-right-color: #243b53;
  }

  .sm\:hover\:border-b-gray-700:hover{
    border-bottom-color: #243b53;
  }

  .sm\:hover\:border-l-gray-700:hover{
    border-left-color: #243b53;
  }

  .sm\:hover\:border-t-gray-900:hover{
    border-top-color: #102a43;
  }

  .sm\:hover\:border-r-gray-900:hover{
    border-right-color: #102a43;
  }

  .sm\:hover\:border-b-gray-900:hover{
    border-bottom-color: #102a43;
  }

  .sm\:hover\:border-l-gray-900:hover{
    border-left-color: #102a43;
  }

  .sm\:hover\:border-t-magenta-dark:hover{
    border-top-color: #8f4731;
  }

  .sm\:hover\:border-r-magenta-dark:hover{
    border-right-color: #8f4731;
  }

  .sm\:hover\:border-b-magenta-dark:hover{
    border-bottom-color: #8f4731;
  }

  .sm\:hover\:border-l-magenta-dark:hover{
    border-left-color: #8f4731;
  }

  .sm\:hover\:border-t-magenta-bright:hover{
    border-top-color: #9C4429;
  }

  .sm\:hover\:border-r-magenta-bright:hover{
    border-right-color: #9C4429;
  }

  .sm\:hover\:border-b-magenta-bright:hover{
    border-bottom-color: #9C4429;
  }

  .sm\:hover\:border-l-magenta-bright:hover{
    border-left-color: #9C4429;
  }

  .sm\:hover\:border-t-magenta-hilight:hover{
    border-top-color: #CC522D;
  }

  .sm\:hover\:border-r-magenta-hilight:hover{
    border-right-color: #CC522D;
  }

  .sm\:hover\:border-b-magenta-hilight:hover{
    border-bottom-color: #CC522D;
  }

  .sm\:hover\:border-l-magenta-hilight:hover{
    border-left-color: #CC522D;
  }

  .sm\:hover\:border-t-teal-dark:hover{
    border-top-color: #2d5b6b;
  }

  .sm\:hover\:border-r-teal-dark:hover{
    border-right-color: #2d5b6b;
  }

  .sm\:hover\:border-b-teal-dark:hover{
    border-bottom-color: #2d5b6b;
  }

  .sm\:hover\:border-l-teal-dark:hover{
    border-left-color: #2d5b6b;
  }

  .sm\:hover\:border-t-teal-bright:hover{
    border-top-color: #2B738C;
  }

  .sm\:hover\:border-r-teal-bright:hover{
    border-right-color: #2B738C;
  }

  .sm\:hover\:border-b-teal-bright:hover{
    border-bottom-color: #2B738C;
  }

  .sm\:hover\:border-l-teal-bright:hover{
    border-left-color: #2B738C;
  }

  .sm\:hover\:border-t-teal-hilight:hover{
    border-top-color: #3CA1C4;
  }

  .sm\:hover\:border-r-teal-hilight:hover{
    border-right-color: #3CA1C4;
  }

  .sm\:hover\:border-b-teal-hilight:hover{
    border-bottom-color: #3CA1C4;
  }

  .sm\:hover\:border-l-teal-hilight:hover{
    border-left-color: #3CA1C4;
  }

  .sm\:hover\:border-t-mustard-dark:hover{
    border-top-color: #c47a53;
  }

  .sm\:hover\:border-r-mustard-dark:hover{
    border-right-color: #c47a53;
  }

  .sm\:hover\:border-b-mustard-dark:hover{
    border-bottom-color: #c47a53;
  }

  .sm\:hover\:border-l-mustard-dark:hover{
    border-left-color: #c47a53;
  }

  .sm\:hover\:border-t-mustard-bright:hover{
    border-top-color: #E07C48;
  }

  .sm\:hover\:border-r-mustard-bright:hover{
    border-right-color: #E07C48;
  }

  .sm\:hover\:border-b-mustard-bright:hover{
    border-bottom-color: #E07C48;
  }

  .sm\:hover\:border-l-mustard-bright:hover{
    border-left-color: #E07C48;
  }

  .sm\:hover\:border-t-mustard-hilight:hover{
    border-top-color: #FF7015;
  }

  .sm\:hover\:border-r-mustard-hilight:hover{
    border-right-color: #FF7015;
  }

  .sm\:hover\:border-b-mustard-hilight:hover{
    border-bottom-color: #FF7015;
  }

  .sm\:hover\:border-l-mustard-hilight:hover{
    border-left-color: #FF7015;
  }

  .sm\:hover\:border-t-purple-dark:hover{
    border-top-color: #6b2d5b;
  }

  .sm\:hover\:border-r-purple-dark:hover{
    border-right-color: #6b2d5b;
  }

  .sm\:hover\:border-b-purple-dark:hover{
    border-bottom-color: #6b2d5b;
  }

  .sm\:hover\:border-l-purple-dark:hover{
    border-left-color: #6b2d5b;
  }

  .sm\:hover\:border-t-purple-bright:hover{
    border-top-color: #8D2B74;
  }

  .sm\:hover\:border-r-purple-bright:hover{
    border-right-color: #8D2B74;
  }

  .sm\:hover\:border-b-purple-bright:hover{
    border-bottom-color: #8D2B74;
  }

  .sm\:hover\:border-l-purple-bright:hover{
    border-left-color: #8D2B74;
  }

  .sm\:hover\:border-t-purple-hilight:hover{
    border-top-color: #C0339C;
  }

  .sm\:hover\:border-r-purple-hilight:hover{
    border-right-color: #C0339C;
  }

  .sm\:hover\:border-b-purple-hilight:hover{
    border-bottom-color: #C0339C;
  }

  .sm\:hover\:border-l-purple-hilight:hover{
    border-left-color: #C0339C;
  }

  .sm\:hover\:border-t-purple-bookshop:hover{
    border-top-color: #584199;
  }

  .sm\:hover\:border-r-purple-bookshop:hover{
    border-right-color: #584199;
  }

  .sm\:hover\:border-b-purple-bookshop:hover{
    border-bottom-color: #584199;
  }

  .sm\:hover\:border-l-purple-bookshop:hover{
    border-left-color: #584199;
  }

  .sm\:hover\:border-t-green-dark:hover{
    border-top-color: #7b7d2a;
  }

  .sm\:hover\:border-r-green-dark:hover{
    border-right-color: #7b7d2a;
  }

  .sm\:hover\:border-b-green-dark:hover{
    border-bottom-color: #7b7d2a;
  }

  .sm\:hover\:border-l-green-dark:hover{
    border-left-color: #7b7d2a;
  }

  .sm\:hover\:border-t-green-bright:hover{
    border-top-color: #8F9220;
  }

  .sm\:hover\:border-r-green-bright:hover{
    border-right-color: #8F9220;
  }

  .sm\:hover\:border-b-green-bright:hover{
    border-bottom-color: #8F9220;
  }

  .sm\:hover\:border-l-green-bright:hover{
    border-left-color: #8F9220;
  }

  .sm\:hover\:border-t-green-hilight:hover{
    border-top-color: #B4B72A;
  }

  .sm\:hover\:border-r-green-hilight:hover{
    border-right-color: #B4B72A;
  }

  .sm\:hover\:border-b-green-hilight:hover{
    border-bottom-color: #B4B72A;
  }

  .sm\:hover\:border-l-green-hilight:hover{
    border-left-color: #B4B72A;
  }

  .sm\:hover\:border-t-navy-dark:hover{
    border-top-color: #52494c;
  }

  .sm\:hover\:border-r-navy-dark:hover{
    border-right-color: #52494c;
  }

  .sm\:hover\:border-b-navy-dark:hover{
    border-bottom-color: #52494c;
  }

  .sm\:hover\:border-l-navy-dark:hover{
    border-left-color: #52494c;
  }

  .sm\:hover\:border-t-navy-bright:hover{
    border-top-color: #6D565E;
  }

  .sm\:hover\:border-r-navy-bright:hover{
    border-right-color: #6D565E;
  }

  .sm\:hover\:border-b-navy-bright:hover{
    border-bottom-color: #6D565E;
  }

  .sm\:hover\:border-l-navy-bright:hover{
    border-left-color: #6D565E;
  }

  .sm\:hover\:border-t-navy-hilight:hover{
    border-top-color: #8A6A75;
  }

  .sm\:hover\:border-r-navy-hilight:hover{
    border-right-color: #8A6A75;
  }

  .sm\:hover\:border-b-navy-hilight:hover{
    border-bottom-color: #8A6A75;
  }

  .sm\:hover\:border-l-navy-hilight:hover{
    border-left-color: #8A6A75;
  }

  .sm\:hover\:border-t-transparent:hover{
    border-top-color: transparent;
  }

  .sm\:hover\:border-r-transparent:hover{
    border-right-color: transparent;
  }

  .sm\:hover\:border-b-transparent:hover{
    border-bottom-color: transparent;
  }

  .sm\:hover\:border-l-transparent:hover{
    border-left-color: transparent;
  }

  .sm\:hover\:border-t-black:hover{
    border-top-color: #101010;
  }

  .sm\:hover\:border-r-black:hover{
    border-right-color: #101010;
  }

  .sm\:hover\:border-b-black:hover{
    border-bottom-color: #101010;
  }

  .sm\:hover\:border-l-black:hover{
    border-left-color: #101010;
  }

  .sm\:hover\:border-t-white:hover{
    border-top-color: #fff;
  }

  .sm\:hover\:border-r-white:hover{
    border-right-color: #fff;
  }

  .sm\:hover\:border-b-white:hover{
    border-bottom-color: #fff;
  }

  .sm\:hover\:border-l-white:hover{
    border-left-color: #fff;
  }

  .sm\:hover\:border-t-red:hover{
    border-top-color: #E12D39;
  }

  .sm\:hover\:border-r-red:hover{
    border-right-color: #E12D39;
  }

  .sm\:hover\:border-b-red:hover{
    border-bottom-color: #E12D39;
  }

  .sm\:hover\:border-l-red:hover{
    border-left-color: #E12D39;
  }

  .sm\:focus\:border-t-blue-bright:focus{
    border-top-color: #0B69A3;
  }

  .sm\:focus\:border-r-blue-bright:focus{
    border-right-color: #0B69A3;
  }

  .sm\:focus\:border-b-blue-bright:focus{
    border-bottom-color: #0B69A3;
  }

  .sm\:focus\:border-l-blue-bright:focus{
    border-left-color: #0B69A3;
  }

  .sm\:focus\:border-t-blue-light:focus{
    border-top-color: #B3ECFF;
  }

  .sm\:focus\:border-r-blue-light:focus{
    border-right-color: #B3ECFF;
  }

  .sm\:focus\:border-b-blue-light:focus{
    border-bottom-color: #B3ECFF;
  }

  .sm\:focus\:border-l-blue-light:focus{
    border-left-color: #B3ECFF;
  }

  .sm\:focus\:border-t-blue-pale:focus{
    border-top-color: #DCEEFB;
  }

  .sm\:focus\:border-r-blue-pale:focus{
    border-right-color: #DCEEFB;
  }

  .sm\:focus\:border-b-blue-pale:focus{
    border-bottom-color: #DCEEFB;
  }

  .sm\:focus\:border-l-blue-pale:focus{
    border-left-color: #DCEEFB;
  }

  .sm\:focus\:border-t-blue-deep:focus{
    border-top-color: #035388;
  }

  .sm\:focus\:border-r-blue-deep:focus{
    border-right-color: #035388;
  }

  .sm\:focus\:border-b-blue-deep:focus{
    border-bottom-color: #035388;
  }

  .sm\:focus\:border-l-blue-deep:focus{
    border-left-color: #035388;
  }

  .sm\:focus\:border-t-blue-hilight:focus{
    border-top-color: #5ed0fa;
  }

  .sm\:focus\:border-r-blue-hilight:focus{
    border-right-color: #5ed0fa;
  }

  .sm\:focus\:border-b-blue-hilight:focus{
    border-bottom-color: #5ed0fa;
  }

  .sm\:focus\:border-l-blue-hilight:focus{
    border-left-color: #5ed0fa;
  }

  .sm\:focus\:border-t-blue-med:focus{
    border-top-color: #1992d4;
  }

  .sm\:focus\:border-r-blue-med:focus{
    border-right-color: #1992d4;
  }

  .sm\:focus\:border-b-blue-med:focus{
    border-bottom-color: #1992d4;
  }

  .sm\:focus\:border-l-blue-med:focus{
    border-left-color: #1992d4;
  }

  .sm\:focus\:border-t-blue-dark:focus{
    border-top-color: #003e6b;
  }

  .sm\:focus\:border-r-blue-dark:focus{
    border-right-color: #003e6b;
  }

  .sm\:focus\:border-b-blue-dark:focus{
    border-bottom-color: #003e6b;
  }

  .sm\:focus\:border-l-blue-dark:focus{
    border-left-color: #003e6b;
  }

  .sm\:focus\:border-t-gray-100:focus{
    border-top-color: #f0f4f8;
  }

  .sm\:focus\:border-r-gray-100:focus{
    border-right-color: #f0f4f8;
  }

  .sm\:focus\:border-b-gray-100:focus{
    border-bottom-color: #f0f4f8;
  }

  .sm\:focus\:border-l-gray-100:focus{
    border-left-color: #f0f4f8;
  }

  .sm\:focus\:border-t-gray-200:focus{
    border-top-color: #d9d9d9;
  }

  .sm\:focus\:border-r-gray-200:focus{
    border-right-color: #d9d9d9;
  }

  .sm\:focus\:border-b-gray-200:focus{
    border-bottom-color: #d9d9d9;
  }

  .sm\:focus\:border-l-gray-200:focus{
    border-left-color: #d9d9d9;
  }

  .sm\:focus\:border-t-gray-300:focus{
    border-top-color: #bcccdc;
  }

  .sm\:focus\:border-r-gray-300:focus{
    border-right-color: #bcccdc;
  }

  .sm\:focus\:border-b-gray-300:focus{
    border-bottom-color: #bcccdc;
  }

  .sm\:focus\:border-l-gray-300:focus{
    border-left-color: #bcccdc;
  }

  .sm\:focus\:border-t-gray-500:focus{
    border-top-color: #627d98;
  }

  .sm\:focus\:border-r-gray-500:focus{
    border-right-color: #627d98;
  }

  .sm\:focus\:border-b-gray-500:focus{
    border-bottom-color: #627d98;
  }

  .sm\:focus\:border-l-gray-500:focus{
    border-left-color: #627d98;
  }

  .sm\:focus\:border-t-gray-600:focus{
    border-top-color: #334e68;
  }

  .sm\:focus\:border-r-gray-600:focus{
    border-right-color: #334e68;
  }

  .sm\:focus\:border-b-gray-600:focus{
    border-bottom-color: #334e68;
  }

  .sm\:focus\:border-l-gray-600:focus{
    border-left-color: #334e68;
  }

  .sm\:focus\:border-t-gray-700:focus{
    border-top-color: #243b53;
  }

  .sm\:focus\:border-r-gray-700:focus{
    border-right-color: #243b53;
  }

  .sm\:focus\:border-b-gray-700:focus{
    border-bottom-color: #243b53;
  }

  .sm\:focus\:border-l-gray-700:focus{
    border-left-color: #243b53;
  }

  .sm\:focus\:border-t-gray-900:focus{
    border-top-color: #102a43;
  }

  .sm\:focus\:border-r-gray-900:focus{
    border-right-color: #102a43;
  }

  .sm\:focus\:border-b-gray-900:focus{
    border-bottom-color: #102a43;
  }

  .sm\:focus\:border-l-gray-900:focus{
    border-left-color: #102a43;
  }

  .sm\:focus\:border-t-magenta-dark:focus{
    border-top-color: #8f4731;
  }

  .sm\:focus\:border-r-magenta-dark:focus{
    border-right-color: #8f4731;
  }

  .sm\:focus\:border-b-magenta-dark:focus{
    border-bottom-color: #8f4731;
  }

  .sm\:focus\:border-l-magenta-dark:focus{
    border-left-color: #8f4731;
  }

  .sm\:focus\:border-t-magenta-bright:focus{
    border-top-color: #9C4429;
  }

  .sm\:focus\:border-r-magenta-bright:focus{
    border-right-color: #9C4429;
  }

  .sm\:focus\:border-b-magenta-bright:focus{
    border-bottom-color: #9C4429;
  }

  .sm\:focus\:border-l-magenta-bright:focus{
    border-left-color: #9C4429;
  }

  .sm\:focus\:border-t-magenta-hilight:focus{
    border-top-color: #CC522D;
  }

  .sm\:focus\:border-r-magenta-hilight:focus{
    border-right-color: #CC522D;
  }

  .sm\:focus\:border-b-magenta-hilight:focus{
    border-bottom-color: #CC522D;
  }

  .sm\:focus\:border-l-magenta-hilight:focus{
    border-left-color: #CC522D;
  }

  .sm\:focus\:border-t-teal-dark:focus{
    border-top-color: #2d5b6b;
  }

  .sm\:focus\:border-r-teal-dark:focus{
    border-right-color: #2d5b6b;
  }

  .sm\:focus\:border-b-teal-dark:focus{
    border-bottom-color: #2d5b6b;
  }

  .sm\:focus\:border-l-teal-dark:focus{
    border-left-color: #2d5b6b;
  }

  .sm\:focus\:border-t-teal-bright:focus{
    border-top-color: #2B738C;
  }

  .sm\:focus\:border-r-teal-bright:focus{
    border-right-color: #2B738C;
  }

  .sm\:focus\:border-b-teal-bright:focus{
    border-bottom-color: #2B738C;
  }

  .sm\:focus\:border-l-teal-bright:focus{
    border-left-color: #2B738C;
  }

  .sm\:focus\:border-t-teal-hilight:focus{
    border-top-color: #3CA1C4;
  }

  .sm\:focus\:border-r-teal-hilight:focus{
    border-right-color: #3CA1C4;
  }

  .sm\:focus\:border-b-teal-hilight:focus{
    border-bottom-color: #3CA1C4;
  }

  .sm\:focus\:border-l-teal-hilight:focus{
    border-left-color: #3CA1C4;
  }

  .sm\:focus\:border-t-mustard-dark:focus{
    border-top-color: #c47a53;
  }

  .sm\:focus\:border-r-mustard-dark:focus{
    border-right-color: #c47a53;
  }

  .sm\:focus\:border-b-mustard-dark:focus{
    border-bottom-color: #c47a53;
  }

  .sm\:focus\:border-l-mustard-dark:focus{
    border-left-color: #c47a53;
  }

  .sm\:focus\:border-t-mustard-bright:focus{
    border-top-color: #E07C48;
  }

  .sm\:focus\:border-r-mustard-bright:focus{
    border-right-color: #E07C48;
  }

  .sm\:focus\:border-b-mustard-bright:focus{
    border-bottom-color: #E07C48;
  }

  .sm\:focus\:border-l-mustard-bright:focus{
    border-left-color: #E07C48;
  }

  .sm\:focus\:border-t-mustard-hilight:focus{
    border-top-color: #FF7015;
  }

  .sm\:focus\:border-r-mustard-hilight:focus{
    border-right-color: #FF7015;
  }

  .sm\:focus\:border-b-mustard-hilight:focus{
    border-bottom-color: #FF7015;
  }

  .sm\:focus\:border-l-mustard-hilight:focus{
    border-left-color: #FF7015;
  }

  .sm\:focus\:border-t-purple-dark:focus{
    border-top-color: #6b2d5b;
  }

  .sm\:focus\:border-r-purple-dark:focus{
    border-right-color: #6b2d5b;
  }

  .sm\:focus\:border-b-purple-dark:focus{
    border-bottom-color: #6b2d5b;
  }

  .sm\:focus\:border-l-purple-dark:focus{
    border-left-color: #6b2d5b;
  }

  .sm\:focus\:border-t-purple-bright:focus{
    border-top-color: #8D2B74;
  }

  .sm\:focus\:border-r-purple-bright:focus{
    border-right-color: #8D2B74;
  }

  .sm\:focus\:border-b-purple-bright:focus{
    border-bottom-color: #8D2B74;
  }

  .sm\:focus\:border-l-purple-bright:focus{
    border-left-color: #8D2B74;
  }

  .sm\:focus\:border-t-purple-hilight:focus{
    border-top-color: #C0339C;
  }

  .sm\:focus\:border-r-purple-hilight:focus{
    border-right-color: #C0339C;
  }

  .sm\:focus\:border-b-purple-hilight:focus{
    border-bottom-color: #C0339C;
  }

  .sm\:focus\:border-l-purple-hilight:focus{
    border-left-color: #C0339C;
  }

  .sm\:focus\:border-t-purple-bookshop:focus{
    border-top-color: #584199;
  }

  .sm\:focus\:border-r-purple-bookshop:focus{
    border-right-color: #584199;
  }

  .sm\:focus\:border-b-purple-bookshop:focus{
    border-bottom-color: #584199;
  }

  .sm\:focus\:border-l-purple-bookshop:focus{
    border-left-color: #584199;
  }

  .sm\:focus\:border-t-green-dark:focus{
    border-top-color: #7b7d2a;
  }

  .sm\:focus\:border-r-green-dark:focus{
    border-right-color: #7b7d2a;
  }

  .sm\:focus\:border-b-green-dark:focus{
    border-bottom-color: #7b7d2a;
  }

  .sm\:focus\:border-l-green-dark:focus{
    border-left-color: #7b7d2a;
  }

  .sm\:focus\:border-t-green-bright:focus{
    border-top-color: #8F9220;
  }

  .sm\:focus\:border-r-green-bright:focus{
    border-right-color: #8F9220;
  }

  .sm\:focus\:border-b-green-bright:focus{
    border-bottom-color: #8F9220;
  }

  .sm\:focus\:border-l-green-bright:focus{
    border-left-color: #8F9220;
  }

  .sm\:focus\:border-t-green-hilight:focus{
    border-top-color: #B4B72A;
  }

  .sm\:focus\:border-r-green-hilight:focus{
    border-right-color: #B4B72A;
  }

  .sm\:focus\:border-b-green-hilight:focus{
    border-bottom-color: #B4B72A;
  }

  .sm\:focus\:border-l-green-hilight:focus{
    border-left-color: #B4B72A;
  }

  .sm\:focus\:border-t-navy-dark:focus{
    border-top-color: #52494c;
  }

  .sm\:focus\:border-r-navy-dark:focus{
    border-right-color: #52494c;
  }

  .sm\:focus\:border-b-navy-dark:focus{
    border-bottom-color: #52494c;
  }

  .sm\:focus\:border-l-navy-dark:focus{
    border-left-color: #52494c;
  }

  .sm\:focus\:border-t-navy-bright:focus{
    border-top-color: #6D565E;
  }

  .sm\:focus\:border-r-navy-bright:focus{
    border-right-color: #6D565E;
  }

  .sm\:focus\:border-b-navy-bright:focus{
    border-bottom-color: #6D565E;
  }

  .sm\:focus\:border-l-navy-bright:focus{
    border-left-color: #6D565E;
  }

  .sm\:focus\:border-t-navy-hilight:focus{
    border-top-color: #8A6A75;
  }

  .sm\:focus\:border-r-navy-hilight:focus{
    border-right-color: #8A6A75;
  }

  .sm\:focus\:border-b-navy-hilight:focus{
    border-bottom-color: #8A6A75;
  }

  .sm\:focus\:border-l-navy-hilight:focus{
    border-left-color: #8A6A75;
  }

  .sm\:focus\:border-t-transparent:focus{
    border-top-color: transparent;
  }

  .sm\:focus\:border-r-transparent:focus{
    border-right-color: transparent;
  }

  .sm\:focus\:border-b-transparent:focus{
    border-bottom-color: transparent;
  }

  .sm\:focus\:border-l-transparent:focus{
    border-left-color: transparent;
  }

  .sm\:focus\:border-t-black:focus{
    border-top-color: #101010;
  }

  .sm\:focus\:border-r-black:focus{
    border-right-color: #101010;
  }

  .sm\:focus\:border-b-black:focus{
    border-bottom-color: #101010;
  }

  .sm\:focus\:border-l-black:focus{
    border-left-color: #101010;
  }

  .sm\:focus\:border-t-white:focus{
    border-top-color: #fff;
  }

  .sm\:focus\:border-r-white:focus{
    border-right-color: #fff;
  }

  .sm\:focus\:border-b-white:focus{
    border-bottom-color: #fff;
  }

  .sm\:focus\:border-l-white:focus{
    border-left-color: #fff;
  }

  .sm\:focus\:border-t-red:focus{
    border-top-color: #E12D39;
  }

  .sm\:focus\:border-r-red:focus{
    border-right-color: #E12D39;
  }

  .sm\:focus\:border-b-red:focus{
    border-bottom-color: #E12D39;
  }

  .sm\:focus\:border-l-red:focus{
    border-left-color: #E12D39;
  }
}

@media (min-width: 768px){
  .md\:container{
    width: 100%;
  }

  @media (min-width: 640px){
    .md\:container{
      max-width: 640px;
    }
  }

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

  @media (min-width: 1024px){
    .md\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px){
    .md\:container{
      max-width: 1280px;
    }
  }

  .md\:space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0px * var(--space-y-reverse));
  }

  .md\:space-x-0 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0px * var(--space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--space-y-reverse));
  }

  .md\:space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--space-y-reverse));
  }

  .md\:space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--space-y-reverse));
  }

  .md\:space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1rem * var(--space-y-reverse));
  }

  .md\:space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1rem * var(--space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--space-y-reverse));
  }

  .md\:space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--space-y-reverse));
  }

  .md\:space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2rem * var(--space-y-reverse));
  }

  .md\:space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(2rem * var(--space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--space-y-reverse));
  }

  .md\:space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3rem * var(--space-y-reverse));
  }

  .md\:space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(3rem * var(--space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(4rem * var(--space-y-reverse));
  }

  .md\:space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(4rem * var(--space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(5rem * var(--space-y-reverse));
  }

  .md\:space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(5rem * var(--space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(6rem * var(--space-y-reverse));
  }

  .md\:space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(6rem * var(--space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(8rem * var(--space-y-reverse));
  }

  .md\:space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(8rem * var(--space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(10rem * var(--space-y-reverse));
  }

  .md\:space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(10rem * var(--space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(12rem * var(--space-y-reverse));
  }

  .md\:space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(12rem * var(--space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(14rem * var(--space-y-reverse));
  }

  .md\:space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(14rem * var(--space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(16rem * var(--space-y-reverse));
  }

  .md\:space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(16rem * var(--space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1px * var(--space-y-reverse));
  }

  .md\:space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1px * var(--space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
  }

  .md\:-space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.25rem * var(--space-x-reverse));
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
  }

  .md\:-space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
  }

  .md\:-space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.75rem * var(--space-x-reverse));
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1rem * var(--space-y-reverse));
  }

  .md\:-space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1rem * var(--space-x-reverse));
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
  }

  .md\:-space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1.25rem * var(--space-x-reverse));
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
  }

  .md\:-space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1.5rem * var(--space-x-reverse));
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2rem * var(--space-y-reverse));
  }

  .md\:-space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-2rem * var(--space-x-reverse));
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
  }

  .md\:-space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3rem * var(--space-y-reverse));
  }

  .md\:-space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-3rem * var(--space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-4rem * var(--space-y-reverse));
  }

  .md\:-space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-4rem * var(--space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-5rem * var(--space-y-reverse));
  }

  .md\:-space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-5rem * var(--space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-6rem * var(--space-y-reverse));
  }

  .md\:-space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-6rem * var(--space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-8rem * var(--space-y-reverse));
  }

  .md\:-space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-8rem * var(--space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-10rem * var(--space-y-reverse));
  }

  .md\:-space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-10rem * var(--space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-12rem * var(--space-y-reverse));
  }

  .md\:-space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-12rem * var(--space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-14rem * var(--space-y-reverse));
  }

  .md\:-space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-14rem * var(--space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-16rem * var(--space-y-reverse));
  }

  .md\:-space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-16rem * var(--space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
  }

  .md\:-space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1px * var(--space-y-reverse));
  }

  .md\:-space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1px * var(--space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
  }

  .md\:space-y-reverse > :not(template) ~ :not(template){
    --space-y-reverse: 1;
  }

  .md\:space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse: 1;
  }

  .md\:divide-y-0 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(0px * var(--divide-y-reverse));
  }

  .md\:divide-x-0 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(0px * var(--divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
  }

  .md\:divide-y-2 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(2px * var(--divide-y-reverse));
  }

  .md\:divide-x-2 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(2px * var(--divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
  }

  .md\:divide-y-4 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(4px * var(--divide-y-reverse));
  }

  .md\:divide-x-4 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(4px * var(--divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
  }

  .md\:divide-y-8 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(8px * var(--divide-y-reverse));
  }

  .md\:divide-x-8 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(8px * var(--divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
  }

  .md\:divide-y > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(1px * var(--divide-y-reverse));
  }

  .md\:divide-x > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(1px * var(--divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
  }

  .md\:divide-y-reverse > :not(template) ~ :not(template){
    --divide-y-reverse: 1;
  }

  .md\:divide-x-reverse > :not(template) ~ :not(template){
    --divide-x-reverse: 1;
  }

  .md\:divide-blue-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #0B69A3;
    border-color: rgba(11, 105, 163, var(--divide-opacity));
  }

  .md\:divide-blue-light > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #B3ECFF;
    border-color: rgba(179, 236, 255, var(--divide-opacity));
  }

  .md\:divide-blue-pale > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #DCEEFB;
    border-color: rgba(220, 238, 251, var(--divide-opacity));
  }

  .md\:divide-blue-deep > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #035388;
    border-color: rgba(3, 83, 136, var(--divide-opacity));
  }

  .md\:divide-blue-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #5ed0fa;
    border-color: rgba(94, 208, 250, var(--divide-opacity));
  }

  .md\:divide-blue-med > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #1992d4;
    border-color: rgba(25, 146, 212, var(--divide-opacity));
  }

  .md\:divide-blue-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #003e6b;
    border-color: rgba(0, 62, 107, var(--divide-opacity));
  }

  .md\:divide-gray-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f0f4f8;
    border-color: rgba(240, 244, 248, var(--divide-opacity));
  }

  .md\:divide-gray-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #d9d9d9;
    border-color: rgba(217, 217, 217, var(--divide-opacity));
  }

  .md\:divide-gray-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #bcccdc;
    border-color: rgba(188, 204, 220, var(--divide-opacity));
  }

  .md\:divide-gray-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #627d98;
    border-color: rgba(98, 125, 152, var(--divide-opacity));
  }

  .md\:divide-gray-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #334e68;
    border-color: rgba(51, 78, 104, var(--divide-opacity));
  }

  .md\:divide-gray-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #243b53;
    border-color: rgba(36, 59, 83, var(--divide-opacity));
  }

  .md\:divide-gray-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #102a43;
    border-color: rgba(16, 42, 67, var(--divide-opacity));
  }

  .md\:divide-magenta-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #8f4731;
    border-color: rgba(143, 71, 49, var(--divide-opacity));
  }

  .md\:divide-magenta-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9C4429;
    border-color: rgba(156, 68, 41, var(--divide-opacity));
  }

  .md\:divide-magenta-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #CC522D;
    border-color: rgba(204, 82, 45, var(--divide-opacity));
  }

  .md\:divide-teal-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2d5b6b;
    border-color: rgba(45, 91, 107, var(--divide-opacity));
  }

  .md\:divide-teal-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2B738C;
    border-color: rgba(43, 115, 140, var(--divide-opacity));
  }

  .md\:divide-teal-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #3CA1C4;
    border-color: rgba(60, 161, 196, var(--divide-opacity));
  }

  .md\:divide-mustard-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c47a53;
    border-color: rgba(196, 122, 83, var(--divide-opacity));
  }

  .md\:divide-mustard-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #E07C48;
    border-color: rgba(224, 124, 72, var(--divide-opacity));
  }

  .md\:divide-mustard-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #FF7015;
    border-color: rgba(255, 112, 21, var(--divide-opacity));
  }

  .md\:divide-purple-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #6b2d5b;
    border-color: rgba(107, 45, 91, var(--divide-opacity));
  }

  .md\:divide-purple-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #8D2B74;
    border-color: rgba(141, 43, 116, var(--divide-opacity));
  }

  .md\:divide-purple-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #C0339C;
    border-color: rgba(192, 51, 156, var(--divide-opacity));
  }

  .md\:divide-purple-bookshop > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #584199;
    border-color: rgba(88, 65, 153, var(--divide-opacity));
  }

  .md\:divide-green-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #7b7d2a;
    border-color: rgba(123, 125, 42, var(--divide-opacity));
  }

  .md\:divide-green-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #8F9220;
    border-color: rgba(143, 146, 32, var(--divide-opacity));
  }

  .md\:divide-green-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #B4B72A;
    border-color: rgba(180, 183, 42, var(--divide-opacity));
  }

  .md\:divide-navy-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #52494c;
    border-color: rgba(82, 73, 76, var(--divide-opacity));
  }

  .md\:divide-navy-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #6D565E;
    border-color: rgba(109, 86, 94, var(--divide-opacity));
  }

  .md\:divide-navy-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #8A6A75;
    border-color: rgba(138, 106, 117, var(--divide-opacity));
  }

  .md\:divide-transparent > :not(template) ~ :not(template){
    border-color: transparent;
  }

  .md\:divide-black > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #101010;
    border-color: rgba(16, 16, 16, var(--divide-opacity));
  }

  .md\:divide-white > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  .md\:divide-red > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #E12D39;
    border-color: rgba(225, 45, 57, var(--divide-opacity));
  }

  .md\:divide-solid > :not(template) ~ :not(template){
    border-style: solid;
  }

  .md\:divide-dashed > :not(template) ~ :not(template){
    border-style: dashed;
  }

  .md\:divide-dotted > :not(template) ~ :not(template){
    border-style: dotted;
  }

  .md\:divide-double > :not(template) ~ :not(template){
    border-style: double;
  }

  .md\:divide-none > :not(template) ~ :not(template){
    border-style: none;
  }

  .md\:divide-opacity-0 > :not(template) ~ :not(template){
    --divide-opacity: 0;
  }

  .md\:divide-opacity-25 > :not(template) ~ :not(template){
    --divide-opacity: 0.25;
  }

  .md\:divide-opacity-50 > :not(template) ~ :not(template){
    --divide-opacity: 0.5;
  }

  .md\:divide-opacity-75 > :not(template) ~ :not(template){
    --divide-opacity: 0.75;
  }

  .md\:divide-opacity-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
  }

  .md\:sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .md\:not-sr-only{
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .md\:focus\:sr-only:focus{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .md\:focus\:not-sr-only:focus{
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .md\:appearance-none{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  .md\:bg-fixed{
    background-attachment: fixed;
  }

  .md\:bg-local{
    background-attachment: local;
  }

  .md\:bg-scroll{
    background-attachment: scroll;
  }

  .md\:bg-clip-border{
    background-clip: border-box;
  }

  .md\:bg-clip-padding{
    background-clip: padding-box;
  }

  .md\:bg-clip-content{
    background-clip: content-box;
  }

  .md\:bg-clip-text{
    -webkit-background-clip: text;
            background-clip: text;
  }

  .md\:bg-blue-bright{
    --bg-opacity: 1;
    background-color: #0B69A3;
    background-color: rgba(11, 105, 163, var(--bg-opacity));
  }

  .md\:bg-blue-light{
    --bg-opacity: 1;
    background-color: #B3ECFF;
    background-color: rgba(179, 236, 255, var(--bg-opacity));
  }

  .md\:bg-blue-pale{
    --bg-opacity: 1;
    background-color: #DCEEFB;
    background-color: rgba(220, 238, 251, var(--bg-opacity));
  }

  .md\:bg-blue-deep{
    --bg-opacity: 1;
    background-color: #035388;
    background-color: rgba(3, 83, 136, var(--bg-opacity));
  }

  .md\:bg-blue-hilight{
    --bg-opacity: 1;
    background-color: #5ed0fa;
    background-color: rgba(94, 208, 250, var(--bg-opacity));
  }

  .md\:bg-blue-med{
    --bg-opacity: 1;
    background-color: #1992d4;
    background-color: rgba(25, 146, 212, var(--bg-opacity));
  }

  .md\:bg-blue-dark{
    --bg-opacity: 1;
    background-color: #003e6b;
    background-color: rgba(0, 62, 107, var(--bg-opacity));
  }

  .md\:bg-gray-100{
    --bg-opacity: 1;
    background-color: #f0f4f8;
    background-color: rgba(240, 244, 248, var(--bg-opacity));
  }

  .md\:bg-gray-200{
    --bg-opacity: 1;
    background-color: #d9d9d9;
    background-color: rgba(217, 217, 217, var(--bg-opacity));
  }

  .md\:bg-gray-300{
    --bg-opacity: 1;
    background-color: #bcccdc;
    background-color: rgba(188, 204, 220, var(--bg-opacity));
  }

  .md\:bg-gray-500{
    --bg-opacity: 1;
    background-color: #627d98;
    background-color: rgba(98, 125, 152, var(--bg-opacity));
  }

  .md\:bg-gray-600{
    --bg-opacity: 1;
    background-color: #334e68;
    background-color: rgba(51, 78, 104, var(--bg-opacity));
  }

  .md\:bg-gray-700{
    --bg-opacity: 1;
    background-color: #243b53;
    background-color: rgba(36, 59, 83, var(--bg-opacity));
  }

  .md\:bg-gray-900{
    --bg-opacity: 1;
    background-color: #102a43;
    background-color: rgba(16, 42, 67, var(--bg-opacity));
  }

  .md\:bg-magenta-dark{
    --bg-opacity: 1;
    background-color: #8f4731;
    background-color: rgba(143, 71, 49, var(--bg-opacity));
  }

  .md\:bg-magenta-bright{
    --bg-opacity: 1;
    background-color: #9C4429;
    background-color: rgba(156, 68, 41, var(--bg-opacity));
  }

  .md\:bg-magenta-hilight{
    --bg-opacity: 1;
    background-color: #CC522D;
    background-color: rgba(204, 82, 45, var(--bg-opacity));
  }

  .md\:bg-teal-dark{
    --bg-opacity: 1;
    background-color: #2d5b6b;
    background-color: rgba(45, 91, 107, var(--bg-opacity));
  }

  .md\:bg-teal-bright{
    --bg-opacity: 1;
    background-color: #2B738C;
    background-color: rgba(43, 115, 140, var(--bg-opacity));
  }

  .md\:bg-teal-hilight{
    --bg-opacity: 1;
    background-color: #3CA1C4;
    background-color: rgba(60, 161, 196, var(--bg-opacity));
  }

  .md\:bg-mustard-dark{
    --bg-opacity: 1;
    background-color: #c47a53;
    background-color: rgba(196, 122, 83, var(--bg-opacity));
  }

  .md\:bg-mustard-bright{
    --bg-opacity: 1;
    background-color: #E07C48;
    background-color: rgba(224, 124, 72, var(--bg-opacity));
  }

  .md\:bg-mustard-hilight{
    --bg-opacity: 1;
    background-color: #FF7015;
    background-color: rgba(255, 112, 21, var(--bg-opacity));
  }

  .md\:bg-purple-dark{
    --bg-opacity: 1;
    background-color: #6b2d5b;
    background-color: rgba(107, 45, 91, var(--bg-opacity));
  }

  .md\:bg-purple-bright{
    --bg-opacity: 1;
    background-color: #8D2B74;
    background-color: rgba(141, 43, 116, var(--bg-opacity));
  }

  .md\:bg-purple-hilight{
    --bg-opacity: 1;
    background-color: #C0339C;
    background-color: rgba(192, 51, 156, var(--bg-opacity));
  }

  .md\:bg-purple-bookshop{
    --bg-opacity: 1;
    background-color: #584199;
    background-color: rgba(88, 65, 153, var(--bg-opacity));
  }

  .md\:bg-green-dark{
    --bg-opacity: 1;
    background-color: #7b7d2a;
    background-color: rgba(123, 125, 42, var(--bg-opacity));
  }

  .md\:bg-green-bright{
    --bg-opacity: 1;
    background-color: #8F9220;
    background-color: rgba(143, 146, 32, var(--bg-opacity));
  }

  .md\:bg-green-hilight{
    --bg-opacity: 1;
    background-color: #B4B72A;
    background-color: rgba(180, 183, 42, var(--bg-opacity));
  }

  .md\:bg-navy-dark{
    --bg-opacity: 1;
    background-color: #52494c;
    background-color: rgba(82, 73, 76, var(--bg-opacity));
  }

  .md\:bg-navy-bright{
    --bg-opacity: 1;
    background-color: #6D565E;
    background-color: rgba(109, 86, 94, var(--bg-opacity));
  }

  .md\:bg-navy-hilight{
    --bg-opacity: 1;
    background-color: #8A6A75;
    background-color: rgba(138, 106, 117, var(--bg-opacity));
  }

  .md\:bg-transparent{
    background-color: transparent;
  }

  .md\:bg-black{
    --bg-opacity: 1;
    background-color: #101010;
    background-color: rgba(16, 16, 16, var(--bg-opacity));
  }

  .md\:bg-white{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .md\:bg-red{
    --bg-opacity: 1;
    background-color: #E12D39;
    background-color: rgba(225, 45, 57, var(--bg-opacity));
  }

  .md\:hover\:bg-blue-bright:hover{
    --bg-opacity: 1;
    background-color: #0B69A3;
    background-color: rgba(11, 105, 163, var(--bg-opacity));
  }

  .md\:hover\:bg-blue-light:hover{
    --bg-opacity: 1;
    background-color: #B3ECFF;
    background-color: rgba(179, 236, 255, var(--bg-opacity));
  }

  .md\:hover\:bg-blue-pale:hover{
    --bg-opacity: 1;
    background-color: #DCEEFB;
    background-color: rgba(220, 238, 251, var(--bg-opacity));
  }

  .md\:hover\:bg-blue-deep:hover{
    --bg-opacity: 1;
    background-color: #035388;
    background-color: rgba(3, 83, 136, var(--bg-opacity));
  }

  .md\:hover\:bg-blue-hilight:hover{
    --bg-opacity: 1;
    background-color: #5ed0fa;
    background-color: rgba(94, 208, 250, var(--bg-opacity));
  }

  .md\:hover\:bg-blue-med:hover{
    --bg-opacity: 1;
    background-color: #1992d4;
    background-color: rgba(25, 146, 212, var(--bg-opacity));
  }

  .md\:hover\:bg-blue-dark:hover{
    --bg-opacity: 1;
    background-color: #003e6b;
    background-color: rgba(0, 62, 107, var(--bg-opacity));
  }

  .md\:hover\:bg-gray-100:hover{
    --bg-opacity: 1;
    background-color: #f0f4f8;
    background-color: rgba(240, 244, 248, var(--bg-opacity));
  }

  .md\:hover\:bg-gray-200:hover{
    --bg-opacity: 1;
    background-color: #d9d9d9;
    background-color: rgba(217, 217, 217, var(--bg-opacity));
  }

  .md\:hover\:bg-gray-300:hover{
    --bg-opacity: 1;
    background-color: #bcccdc;
    background-color: rgba(188, 204, 220, var(--bg-opacity));
  }

  .md\:hover\:bg-gray-500:hover{
    --bg-opacity: 1;
    background-color: #627d98;
    background-color: rgba(98, 125, 152, var(--bg-opacity));
  }

  .md\:hover\:bg-gray-600:hover{
    --bg-opacity: 1;
    background-color: #334e68;
    background-color: rgba(51, 78, 104, var(--bg-opacity));
  }

  .md\:hover\:bg-gray-700:hover{
    --bg-opacity: 1;
    background-color: #243b53;
    background-color: rgba(36, 59, 83, var(--bg-opacity));
  }

  .md\:hover\:bg-gray-900:hover{
    --bg-opacity: 1;
    background-color: #102a43;
    background-color: rgba(16, 42, 67, var(--bg-opacity));
  }

  .md\:hover\:bg-magenta-dark:hover{
    --bg-opacity: 1;
    background-color: #8f4731;
    background-color: rgba(143, 71, 49, var(--bg-opacity));
  }

  .md\:hover\:bg-magenta-bright:hover{
    --bg-opacity: 1;
    background-color: #9C4429;
    background-color: rgba(156, 68, 41, var(--bg-opacity));
  }

  .md\:hover\:bg-magenta-hilight:hover{
    --bg-opacity: 1;
    background-color: #CC522D;
    background-color: rgba(204, 82, 45, var(--bg-opacity));
  }

  .md\:hover\:bg-teal-dark:hover{
    --bg-opacity: 1;
    background-color: #2d5b6b;
    background-color: rgba(45, 91, 107, var(--bg-opacity));
  }

  .md\:hover\:bg-teal-bright:hover{
    --bg-opacity: 1;
    background-color: #2B738C;
    background-color: rgba(43, 115, 140, var(--bg-opacity));
  }

  .md\:hover\:bg-teal-hilight:hover{
    --bg-opacity: 1;
    background-color: #3CA1C4;
    background-color: rgba(60, 161, 196, var(--bg-opacity));
  }

  .md\:hover\:bg-mustard-dark:hover{
    --bg-opacity: 1;
    background-color: #c47a53;
    background-color: rgba(196, 122, 83, var(--bg-opacity));
  }

  .md\:hover\:bg-mustard-bright:hover{
    --bg-opacity: 1;
    background-color: #E07C48;
    background-color: rgba(224, 124, 72, var(--bg-opacity));
  }

  .md\:hover\:bg-mustard-hilight:hover{
    --bg-opacity: 1;
    background-color: #FF7015;
    background-color: rgba(255, 112, 21, var(--bg-opacity));
  }

  .md\:hover\:bg-purple-dark:hover{
    --bg-opacity: 1;
    background-color: #6b2d5b;
    background-color: rgba(107, 45, 91, var(--bg-opacity));
  }

  .md\:hover\:bg-purple-bright:hover{
    --bg-opacity: 1;
    background-color: #8D2B74;
    background-color: rgba(141, 43, 116, var(--bg-opacity));
  }

  .md\:hover\:bg-purple-hilight:hover{
    --bg-opacity: 1;
    background-color: #C0339C;
    background-color: rgba(192, 51, 156, var(--bg-opacity));
  }

  .md\:hover\:bg-purple-bookshop:hover{
    --bg-opacity: 1;
    background-color: #584199;
    background-color: rgba(88, 65, 153, var(--bg-opacity));
  }

  .md\:hover\:bg-green-dark:hover{
    --bg-opacity: 1;
    background-color: #7b7d2a;
    background-color: rgba(123, 125, 42, var(--bg-opacity));
  }

  .md\:hover\:bg-green-bright:hover{
    --bg-opacity: 1;
    background-color: #8F9220;
    background-color: rgba(143, 146, 32, var(--bg-opacity));
  }

  .md\:hover\:bg-green-hilight:hover{
    --bg-opacity: 1;
    background-color: #B4B72A;
    background-color: rgba(180, 183, 42, var(--bg-opacity));
  }

  .md\:hover\:bg-navy-dark:hover{
    --bg-opacity: 1;
    background-color: #52494c;
    background-color: rgba(82, 73, 76, var(--bg-opacity));
  }

  .md\:hover\:bg-navy-bright:hover{
    --bg-opacity: 1;
    background-color: #6D565E;
    background-color: rgba(109, 86, 94, var(--bg-opacity));
  }

  .md\:hover\:bg-navy-hilight:hover{
    --bg-opacity: 1;
    background-color: #8A6A75;
    background-color: rgba(138, 106, 117, var(--bg-opacity));
  }

  .md\:hover\:bg-transparent:hover{
    background-color: transparent;
  }

  .md\:hover\:bg-black:hover{
    --bg-opacity: 1;
    background-color: #101010;
    background-color: rgba(16, 16, 16, var(--bg-opacity));
  }

  .md\:hover\:bg-white:hover{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .md\:hover\:bg-red:hover{
    --bg-opacity: 1;
    background-color: #E12D39;
    background-color: rgba(225, 45, 57, var(--bg-opacity));
  }

  .md\:focus\:bg-blue-bright:focus{
    --bg-opacity: 1;
    background-color: #0B69A3;
    background-color: rgba(11, 105, 163, var(--bg-opacity));
  }

  .md\:focus\:bg-blue-light:focus{
    --bg-opacity: 1;
    background-color: #B3ECFF;
    background-color: rgba(179, 236, 255, var(--bg-opacity));
  }

  .md\:focus\:bg-blue-pale:focus{
    --bg-opacity: 1;
    background-color: #DCEEFB;
    background-color: rgba(220, 238, 251, var(--bg-opacity));
  }

  .md\:focus\:bg-blue-deep:focus{
    --bg-opacity: 1;
    background-color: #035388;
    background-color: rgba(3, 83, 136, var(--bg-opacity));
  }

  .md\:focus\:bg-blue-hilight:focus{
    --bg-opacity: 1;
    background-color: #5ed0fa;
    background-color: rgba(94, 208, 250, var(--bg-opacity));
  }

  .md\:focus\:bg-blue-med:focus{
    --bg-opacity: 1;
    background-color: #1992d4;
    background-color: rgba(25, 146, 212, var(--bg-opacity));
  }

  .md\:focus\:bg-blue-dark:focus{
    --bg-opacity: 1;
    background-color: #003e6b;
    background-color: rgba(0, 62, 107, var(--bg-opacity));
  }

  .md\:focus\:bg-gray-100:focus{
    --bg-opacity: 1;
    background-color: #f0f4f8;
    background-color: rgba(240, 244, 248, var(--bg-opacity));
  }

  .md\:focus\:bg-gray-200:focus{
    --bg-opacity: 1;
    background-color: #d9d9d9;
    background-color: rgba(217, 217, 217, var(--bg-opacity));
  }

  .md\:focus\:bg-gray-300:focus{
    --bg-opacity: 1;
    background-color: #bcccdc;
    background-color: rgba(188, 204, 220, var(--bg-opacity));
  }

  .md\:focus\:bg-gray-500:focus{
    --bg-opacity: 1;
    background-color: #627d98;
    background-color: rgba(98, 125, 152, var(--bg-opacity));
  }

  .md\:focus\:bg-gray-600:focus{
    --bg-opacity: 1;
    background-color: #334e68;
    background-color: rgba(51, 78, 104, var(--bg-opacity));
  }

  .md\:focus\:bg-gray-700:focus{
    --bg-opacity: 1;
    background-color: #243b53;
    background-color: rgba(36, 59, 83, var(--bg-opacity));
  }

  .md\:focus\:bg-gray-900:focus{
    --bg-opacity: 1;
    background-color: #102a43;
    background-color: rgba(16, 42, 67, var(--bg-opacity));
  }

  .md\:focus\:bg-magenta-dark:focus{
    --bg-opacity: 1;
    background-color: #8f4731;
    background-color: rgba(143, 71, 49, var(--bg-opacity));
  }

  .md\:focus\:bg-magenta-bright:focus{
    --bg-opacity: 1;
    background-color: #9C4429;
    background-color: rgba(156, 68, 41, var(--bg-opacity));
  }

  .md\:focus\:bg-magenta-hilight:focus{
    --bg-opacity: 1;
    background-color: #CC522D;
    background-color: rgba(204, 82, 45, var(--bg-opacity));
  }

  .md\:focus\:bg-teal-dark:focus{
    --bg-opacity: 1;
    background-color: #2d5b6b;
    background-color: rgba(45, 91, 107, var(--bg-opacity));
  }

  .md\:focus\:bg-teal-bright:focus{
    --bg-opacity: 1;
    background-color: #2B738C;
    background-color: rgba(43, 115, 140, var(--bg-opacity));
  }

  .md\:focus\:bg-teal-hilight:focus{
    --bg-opacity: 1;
    background-color: #3CA1C4;
    background-color: rgba(60, 161, 196, var(--bg-opacity));
  }

  .md\:focus\:bg-mustard-dark:focus{
    --bg-opacity: 1;
    background-color: #c47a53;
    background-color: rgba(196, 122, 83, var(--bg-opacity));
  }

  .md\:focus\:bg-mustard-bright:focus{
    --bg-opacity: 1;
    background-color: #E07C48;
    background-color: rgba(224, 124, 72, var(--bg-opacity));
  }

  .md\:focus\:bg-mustard-hilight:focus{
    --bg-opacity: 1;
    background-color: #FF7015;
    background-color: rgba(255, 112, 21, var(--bg-opacity));
  }

  .md\:focus\:bg-purple-dark:focus{
    --bg-opacity: 1;
    background-color: #6b2d5b;
    background-color: rgba(107, 45, 91, var(--bg-opacity));
  }

  .md\:focus\:bg-purple-bright:focus{
    --bg-opacity: 1;
    background-color: #8D2B74;
    background-color: rgba(141, 43, 116, var(--bg-opacity));
  }

  .md\:focus\:bg-purple-hilight:focus{
    --bg-opacity: 1;
    background-color: #C0339C;
    background-color: rgba(192, 51, 156, var(--bg-opacity));
  }

  .md\:focus\:bg-purple-bookshop:focus{
    --bg-opacity: 1;
    background-color: #584199;
    background-color: rgba(88, 65, 153, var(--bg-opacity));
  }

  .md\:focus\:bg-green-dark:focus{
    --bg-opacity: 1;
    background-color: #7b7d2a;
    background-color: rgba(123, 125, 42, var(--bg-opacity));
  }

  .md\:focus\:bg-green-bright:focus{
    --bg-opacity: 1;
    background-color: #8F9220;
    background-color: rgba(143, 146, 32, var(--bg-opacity));
  }

  .md\:focus\:bg-green-hilight:focus{
    --bg-opacity: 1;
    background-color: #B4B72A;
    background-color: rgba(180, 183, 42, var(--bg-opacity));
  }

  .md\:focus\:bg-navy-dark:focus{
    --bg-opacity: 1;
    background-color: #52494c;
    background-color: rgba(82, 73, 76, var(--bg-opacity));
  }

  .md\:focus\:bg-navy-bright:focus{
    --bg-opacity: 1;
    background-color: #6D565E;
    background-color: rgba(109, 86, 94, var(--bg-opacity));
  }

  .md\:focus\:bg-navy-hilight:focus{
    --bg-opacity: 1;
    background-color: #8A6A75;
    background-color: rgba(138, 106, 117, var(--bg-opacity));
  }

  .md\:focus\:bg-transparent:focus{
    background-color: transparent;
  }

  .md\:focus\:bg-black:focus{
    --bg-opacity: 1;
    background-color: #101010;
    background-color: rgba(16, 16, 16, var(--bg-opacity));
  }

  .md\:focus\:bg-white:focus{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .md\:focus\:bg-red:focus{
    --bg-opacity: 1;
    background-color: #E12D39;
    background-color: rgba(225, 45, 57, var(--bg-opacity));
  }

  .md\:bg-none{
    background-image: none;
  }

  .md\:bg-gradient-to-t{
    background-image: linear-gradient(to top, var(--gradient-color-stops));
  }

  .md\:bg-gradient-to-tr{
    background-image: linear-gradient(to top right, var(--gradient-color-stops));
  }

  .md\:bg-gradient-to-r{
    background-image: linear-gradient(to right, var(--gradient-color-stops));
  }

  .md\:bg-gradient-to-br{
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
  }

  .md\:bg-gradient-to-b{
    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
  }

  .md\:bg-gradient-to-bl{
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
  }

  .md\:bg-gradient-to-l{
    background-image: linear-gradient(to left, var(--gradient-color-stops));
  }

  .md\:bg-gradient-to-tl{
    background-image: linear-gradient(to top left, var(--gradient-color-stops));
  }

  .md\:from-blue-bright{
    --gradient-from-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .md\:from-blue-light{
    --gradient-from-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .md\:from-blue-pale{
    --gradient-from-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .md\:from-blue-deep{
    --gradient-from-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .md\:from-blue-hilight{
    --gradient-from-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .md\:from-blue-med{
    --gradient-from-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .md\:from-blue-dark{
    --gradient-from-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .md\:from-gray-100{
    --gradient-from-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .md\:from-gray-200{
    --gradient-from-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .md\:from-gray-300{
    --gradient-from-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .md\:from-gray-500{
    --gradient-from-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .md\:from-gray-600{
    --gradient-from-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .md\:from-gray-700{
    --gradient-from-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .md\:from-gray-900{
    --gradient-from-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .md\:from-magenta-dark{
    --gradient-from-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .md\:from-magenta-bright{
    --gradient-from-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .md\:from-magenta-hilight{
    --gradient-from-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .md\:from-teal-dark{
    --gradient-from-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .md\:from-teal-bright{
    --gradient-from-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .md\:from-teal-hilight{
    --gradient-from-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .md\:from-mustard-dark{
    --gradient-from-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .md\:from-mustard-bright{
    --gradient-from-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .md\:from-mustard-hilight{
    --gradient-from-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .md\:from-purple-dark{
    --gradient-from-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .md\:from-purple-bright{
    --gradient-from-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .md\:from-purple-hilight{
    --gradient-from-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .md\:from-purple-bookshop{
    --gradient-from-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .md\:from-green-dark{
    --gradient-from-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .md\:from-green-bright{
    --gradient-from-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .md\:from-green-hilight{
    --gradient-from-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .md\:from-navy-dark{
    --gradient-from-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .md\:from-navy-bright{
    --gradient-from-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .md\:from-navy-hilight{
    --gradient-from-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .md\:from-transparent{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:from-black{
    --gradient-from-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .md\:from-white{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:from-red{
    --gradient-from-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .md\:via-blue-bright{
    --gradient-via-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .md\:via-blue-light{
    --gradient-via-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .md\:via-blue-pale{
    --gradient-via-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .md\:via-blue-deep{
    --gradient-via-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .md\:via-blue-hilight{
    --gradient-via-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .md\:via-blue-med{
    --gradient-via-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .md\:via-blue-dark{
    --gradient-via-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .md\:via-gray-100{
    --gradient-via-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .md\:via-gray-200{
    --gradient-via-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .md\:via-gray-300{
    --gradient-via-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .md\:via-gray-500{
    --gradient-via-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .md\:via-gray-600{
    --gradient-via-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .md\:via-gray-700{
    --gradient-via-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .md\:via-gray-900{
    --gradient-via-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .md\:via-magenta-dark{
    --gradient-via-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .md\:via-magenta-bright{
    --gradient-via-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .md\:via-magenta-hilight{
    --gradient-via-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .md\:via-teal-dark{
    --gradient-via-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .md\:via-teal-bright{
    --gradient-via-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .md\:via-teal-hilight{
    --gradient-via-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .md\:via-mustard-dark{
    --gradient-via-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .md\:via-mustard-bright{
    --gradient-via-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .md\:via-mustard-hilight{
    --gradient-via-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .md\:via-purple-dark{
    --gradient-via-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .md\:via-purple-bright{
    --gradient-via-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .md\:via-purple-hilight{
    --gradient-via-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .md\:via-purple-bookshop{
    --gradient-via-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .md\:via-green-dark{
    --gradient-via-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .md\:via-green-bright{
    --gradient-via-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .md\:via-green-hilight{
    --gradient-via-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .md\:via-navy-dark{
    --gradient-via-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .md\:via-navy-bright{
    --gradient-via-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .md\:via-navy-hilight{
    --gradient-via-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .md\:via-transparent{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:via-black{
    --gradient-via-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .md\:via-white{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:via-red{
    --gradient-via-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .md\:to-blue-bright{
    --gradient-to-color: #0B69A3;
  }

  .md\:to-blue-light{
    --gradient-to-color: #B3ECFF;
  }

  .md\:to-blue-pale{
    --gradient-to-color: #DCEEFB;
  }

  .md\:to-blue-deep{
    --gradient-to-color: #035388;
  }

  .md\:to-blue-hilight{
    --gradient-to-color: #5ed0fa;
  }

  .md\:to-blue-med{
    --gradient-to-color: #1992d4;
  }

  .md\:to-blue-dark{
    --gradient-to-color: #003e6b;
  }

  .md\:to-gray-100{
    --gradient-to-color: #f0f4f8;
  }

  .md\:to-gray-200{
    --gradient-to-color: #d9d9d9;
  }

  .md\:to-gray-300{
    --gradient-to-color: #bcccdc;
  }

  .md\:to-gray-500{
    --gradient-to-color: #627d98;
  }

  .md\:to-gray-600{
    --gradient-to-color: #334e68;
  }

  .md\:to-gray-700{
    --gradient-to-color: #243b53;
  }

  .md\:to-gray-900{
    --gradient-to-color: #102a43;
  }

  .md\:to-magenta-dark{
    --gradient-to-color: #8f4731;
  }

  .md\:to-magenta-bright{
    --gradient-to-color: #9C4429;
  }

  .md\:to-magenta-hilight{
    --gradient-to-color: #CC522D;
  }

  .md\:to-teal-dark{
    --gradient-to-color: #2d5b6b;
  }

  .md\:to-teal-bright{
    --gradient-to-color: #2B738C;
  }

  .md\:to-teal-hilight{
    --gradient-to-color: #3CA1C4;
  }

  .md\:to-mustard-dark{
    --gradient-to-color: #c47a53;
  }

  .md\:to-mustard-bright{
    --gradient-to-color: #E07C48;
  }

  .md\:to-mustard-hilight{
    --gradient-to-color: #FF7015;
  }

  .md\:to-purple-dark{
    --gradient-to-color: #6b2d5b;
  }

  .md\:to-purple-bright{
    --gradient-to-color: #8D2B74;
  }

  .md\:to-purple-hilight{
    --gradient-to-color: #C0339C;
  }

  .md\:to-purple-bookshop{
    --gradient-to-color: #584199;
  }

  .md\:to-green-dark{
    --gradient-to-color: #7b7d2a;
  }

  .md\:to-green-bright{
    --gradient-to-color: #8F9220;
  }

  .md\:to-green-hilight{
    --gradient-to-color: #B4B72A;
  }

  .md\:to-navy-dark{
    --gradient-to-color: #52494c;
  }

  .md\:to-navy-bright{
    --gradient-to-color: #6D565E;
  }

  .md\:to-navy-hilight{
    --gradient-to-color: #8A6A75;
  }

  .md\:to-transparent{
    --gradient-to-color: transparent;
  }

  .md\:to-black{
    --gradient-to-color: #101010;
  }

  .md\:to-white{
    --gradient-to-color: #fff;
  }

  .md\:to-red{
    --gradient-to-color: #E12D39;
  }

  .md\:hover\:from-blue-bright:hover{
    --gradient-from-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .md\:hover\:from-blue-light:hover{
    --gradient-from-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .md\:hover\:from-blue-pale:hover{
    --gradient-from-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .md\:hover\:from-blue-deep:hover{
    --gradient-from-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .md\:hover\:from-blue-hilight:hover{
    --gradient-from-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .md\:hover\:from-blue-med:hover{
    --gradient-from-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .md\:hover\:from-blue-dark:hover{
    --gradient-from-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .md\:hover\:from-gray-100:hover{
    --gradient-from-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .md\:hover\:from-gray-200:hover{
    --gradient-from-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .md\:hover\:from-gray-300:hover{
    --gradient-from-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .md\:hover\:from-gray-500:hover{
    --gradient-from-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .md\:hover\:from-gray-600:hover{
    --gradient-from-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .md\:hover\:from-gray-700:hover{
    --gradient-from-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .md\:hover\:from-gray-900:hover{
    --gradient-from-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .md\:hover\:from-magenta-dark:hover{
    --gradient-from-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .md\:hover\:from-magenta-bright:hover{
    --gradient-from-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .md\:hover\:from-magenta-hilight:hover{
    --gradient-from-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .md\:hover\:from-teal-dark:hover{
    --gradient-from-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .md\:hover\:from-teal-bright:hover{
    --gradient-from-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .md\:hover\:from-teal-hilight:hover{
    --gradient-from-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .md\:hover\:from-mustard-dark:hover{
    --gradient-from-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .md\:hover\:from-mustard-bright:hover{
    --gradient-from-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .md\:hover\:from-mustard-hilight:hover{
    --gradient-from-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .md\:hover\:from-purple-dark:hover{
    --gradient-from-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .md\:hover\:from-purple-bright:hover{
    --gradient-from-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .md\:hover\:from-purple-hilight:hover{
    --gradient-from-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .md\:hover\:from-purple-bookshop:hover{
    --gradient-from-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .md\:hover\:from-green-dark:hover{
    --gradient-from-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .md\:hover\:from-green-bright:hover{
    --gradient-from-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .md\:hover\:from-green-hilight:hover{
    --gradient-from-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .md\:hover\:from-navy-dark:hover{
    --gradient-from-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .md\:hover\:from-navy-bright:hover{
    --gradient-from-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .md\:hover\:from-navy-hilight:hover{
    --gradient-from-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .md\:hover\:from-transparent:hover{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:from-black:hover{
    --gradient-from-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .md\:hover\:from-white:hover{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:from-red:hover{
    --gradient-from-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .md\:hover\:via-blue-bright:hover{
    --gradient-via-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .md\:hover\:via-blue-light:hover{
    --gradient-via-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .md\:hover\:via-blue-pale:hover{
    --gradient-via-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .md\:hover\:via-blue-deep:hover{
    --gradient-via-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .md\:hover\:via-blue-hilight:hover{
    --gradient-via-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .md\:hover\:via-blue-med:hover{
    --gradient-via-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .md\:hover\:via-blue-dark:hover{
    --gradient-via-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .md\:hover\:via-gray-100:hover{
    --gradient-via-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .md\:hover\:via-gray-200:hover{
    --gradient-via-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .md\:hover\:via-gray-300:hover{
    --gradient-via-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .md\:hover\:via-gray-500:hover{
    --gradient-via-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .md\:hover\:via-gray-600:hover{
    --gradient-via-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .md\:hover\:via-gray-700:hover{
    --gradient-via-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .md\:hover\:via-gray-900:hover{
    --gradient-via-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .md\:hover\:via-magenta-dark:hover{
    --gradient-via-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .md\:hover\:via-magenta-bright:hover{
    --gradient-via-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .md\:hover\:via-magenta-hilight:hover{
    --gradient-via-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .md\:hover\:via-teal-dark:hover{
    --gradient-via-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .md\:hover\:via-teal-bright:hover{
    --gradient-via-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .md\:hover\:via-teal-hilight:hover{
    --gradient-via-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .md\:hover\:via-mustard-dark:hover{
    --gradient-via-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .md\:hover\:via-mustard-bright:hover{
    --gradient-via-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .md\:hover\:via-mustard-hilight:hover{
    --gradient-via-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .md\:hover\:via-purple-dark:hover{
    --gradient-via-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .md\:hover\:via-purple-bright:hover{
    --gradient-via-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .md\:hover\:via-purple-hilight:hover{
    --gradient-via-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .md\:hover\:via-purple-bookshop:hover{
    --gradient-via-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .md\:hover\:via-green-dark:hover{
    --gradient-via-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .md\:hover\:via-green-bright:hover{
    --gradient-via-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .md\:hover\:via-green-hilight:hover{
    --gradient-via-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .md\:hover\:via-navy-dark:hover{
    --gradient-via-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .md\:hover\:via-navy-bright:hover{
    --gradient-via-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .md\:hover\:via-navy-hilight:hover{
    --gradient-via-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .md\:hover\:via-transparent:hover{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:hover\:via-black:hover{
    --gradient-via-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .md\:hover\:via-white:hover{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:hover\:via-red:hover{
    --gradient-via-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .md\:hover\:to-blue-bright:hover{
    --gradient-to-color: #0B69A3;
  }

  .md\:hover\:to-blue-light:hover{
    --gradient-to-color: #B3ECFF;
  }

  .md\:hover\:to-blue-pale:hover{
    --gradient-to-color: #DCEEFB;
  }

  .md\:hover\:to-blue-deep:hover{
    --gradient-to-color: #035388;
  }

  .md\:hover\:to-blue-hilight:hover{
    --gradient-to-color: #5ed0fa;
  }

  .md\:hover\:to-blue-med:hover{
    --gradient-to-color: #1992d4;
  }

  .md\:hover\:to-blue-dark:hover{
    --gradient-to-color: #003e6b;
  }

  .md\:hover\:to-gray-100:hover{
    --gradient-to-color: #f0f4f8;
  }

  .md\:hover\:to-gray-200:hover{
    --gradient-to-color: #d9d9d9;
  }

  .md\:hover\:to-gray-300:hover{
    --gradient-to-color: #bcccdc;
  }

  .md\:hover\:to-gray-500:hover{
    --gradient-to-color: #627d98;
  }

  .md\:hover\:to-gray-600:hover{
    --gradient-to-color: #334e68;
  }

  .md\:hover\:to-gray-700:hover{
    --gradient-to-color: #243b53;
  }

  .md\:hover\:to-gray-900:hover{
    --gradient-to-color: #102a43;
  }

  .md\:hover\:to-magenta-dark:hover{
    --gradient-to-color: #8f4731;
  }

  .md\:hover\:to-magenta-bright:hover{
    --gradient-to-color: #9C4429;
  }

  .md\:hover\:to-magenta-hilight:hover{
    --gradient-to-color: #CC522D;
  }

  .md\:hover\:to-teal-dark:hover{
    --gradient-to-color: #2d5b6b;
  }

  .md\:hover\:to-teal-bright:hover{
    --gradient-to-color: #2B738C;
  }

  .md\:hover\:to-teal-hilight:hover{
    --gradient-to-color: #3CA1C4;
  }

  .md\:hover\:to-mustard-dark:hover{
    --gradient-to-color: #c47a53;
  }

  .md\:hover\:to-mustard-bright:hover{
    --gradient-to-color: #E07C48;
  }

  .md\:hover\:to-mustard-hilight:hover{
    --gradient-to-color: #FF7015;
  }

  .md\:hover\:to-purple-dark:hover{
    --gradient-to-color: #6b2d5b;
  }

  .md\:hover\:to-purple-bright:hover{
    --gradient-to-color: #8D2B74;
  }

  .md\:hover\:to-purple-hilight:hover{
    --gradient-to-color: #C0339C;
  }

  .md\:hover\:to-purple-bookshop:hover{
    --gradient-to-color: #584199;
  }

  .md\:hover\:to-green-dark:hover{
    --gradient-to-color: #7b7d2a;
  }

  .md\:hover\:to-green-bright:hover{
    --gradient-to-color: #8F9220;
  }

  .md\:hover\:to-green-hilight:hover{
    --gradient-to-color: #B4B72A;
  }

  .md\:hover\:to-navy-dark:hover{
    --gradient-to-color: #52494c;
  }

  .md\:hover\:to-navy-bright:hover{
    --gradient-to-color: #6D565E;
  }

  .md\:hover\:to-navy-hilight:hover{
    --gradient-to-color: #8A6A75;
  }

  .md\:hover\:to-transparent:hover{
    --gradient-to-color: transparent;
  }

  .md\:hover\:to-black:hover{
    --gradient-to-color: #101010;
  }

  .md\:hover\:to-white:hover{
    --gradient-to-color: #fff;
  }

  .md\:hover\:to-red:hover{
    --gradient-to-color: #E12D39;
  }

  .md\:focus\:from-blue-bright:focus{
    --gradient-from-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .md\:focus\:from-blue-light:focus{
    --gradient-from-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .md\:focus\:from-blue-pale:focus{
    --gradient-from-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .md\:focus\:from-blue-deep:focus{
    --gradient-from-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .md\:focus\:from-blue-hilight:focus{
    --gradient-from-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .md\:focus\:from-blue-med:focus{
    --gradient-from-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .md\:focus\:from-blue-dark:focus{
    --gradient-from-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .md\:focus\:from-gray-100:focus{
    --gradient-from-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .md\:focus\:from-gray-200:focus{
    --gradient-from-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .md\:focus\:from-gray-300:focus{
    --gradient-from-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .md\:focus\:from-gray-500:focus{
    --gradient-from-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .md\:focus\:from-gray-600:focus{
    --gradient-from-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .md\:focus\:from-gray-700:focus{
    --gradient-from-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .md\:focus\:from-gray-900:focus{
    --gradient-from-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .md\:focus\:from-magenta-dark:focus{
    --gradient-from-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .md\:focus\:from-magenta-bright:focus{
    --gradient-from-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .md\:focus\:from-magenta-hilight:focus{
    --gradient-from-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .md\:focus\:from-teal-dark:focus{
    --gradient-from-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .md\:focus\:from-teal-bright:focus{
    --gradient-from-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .md\:focus\:from-teal-hilight:focus{
    --gradient-from-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .md\:focus\:from-mustard-dark:focus{
    --gradient-from-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .md\:focus\:from-mustard-bright:focus{
    --gradient-from-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .md\:focus\:from-mustard-hilight:focus{
    --gradient-from-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .md\:focus\:from-purple-dark:focus{
    --gradient-from-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .md\:focus\:from-purple-bright:focus{
    --gradient-from-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .md\:focus\:from-purple-hilight:focus{
    --gradient-from-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .md\:focus\:from-purple-bookshop:focus{
    --gradient-from-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .md\:focus\:from-green-dark:focus{
    --gradient-from-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .md\:focus\:from-green-bright:focus{
    --gradient-from-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .md\:focus\:from-green-hilight:focus{
    --gradient-from-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .md\:focus\:from-navy-dark:focus{
    --gradient-from-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .md\:focus\:from-navy-bright:focus{
    --gradient-from-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .md\:focus\:from-navy-hilight:focus{
    --gradient-from-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .md\:focus\:from-transparent:focus{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:from-black:focus{
    --gradient-from-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .md\:focus\:from-white:focus{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:from-red:focus{
    --gradient-from-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .md\:focus\:via-blue-bright:focus{
    --gradient-via-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .md\:focus\:via-blue-light:focus{
    --gradient-via-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .md\:focus\:via-blue-pale:focus{
    --gradient-via-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .md\:focus\:via-blue-deep:focus{
    --gradient-via-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .md\:focus\:via-blue-hilight:focus{
    --gradient-via-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .md\:focus\:via-blue-med:focus{
    --gradient-via-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .md\:focus\:via-blue-dark:focus{
    --gradient-via-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .md\:focus\:via-gray-100:focus{
    --gradient-via-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .md\:focus\:via-gray-200:focus{
    --gradient-via-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .md\:focus\:via-gray-300:focus{
    --gradient-via-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .md\:focus\:via-gray-500:focus{
    --gradient-via-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .md\:focus\:via-gray-600:focus{
    --gradient-via-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .md\:focus\:via-gray-700:focus{
    --gradient-via-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .md\:focus\:via-gray-900:focus{
    --gradient-via-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .md\:focus\:via-magenta-dark:focus{
    --gradient-via-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .md\:focus\:via-magenta-bright:focus{
    --gradient-via-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .md\:focus\:via-magenta-hilight:focus{
    --gradient-via-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .md\:focus\:via-teal-dark:focus{
    --gradient-via-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .md\:focus\:via-teal-bright:focus{
    --gradient-via-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .md\:focus\:via-teal-hilight:focus{
    --gradient-via-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .md\:focus\:via-mustard-dark:focus{
    --gradient-via-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .md\:focus\:via-mustard-bright:focus{
    --gradient-via-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .md\:focus\:via-mustard-hilight:focus{
    --gradient-via-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .md\:focus\:via-purple-dark:focus{
    --gradient-via-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .md\:focus\:via-purple-bright:focus{
    --gradient-via-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .md\:focus\:via-purple-hilight:focus{
    --gradient-via-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .md\:focus\:via-purple-bookshop:focus{
    --gradient-via-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .md\:focus\:via-green-dark:focus{
    --gradient-via-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .md\:focus\:via-green-bright:focus{
    --gradient-via-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .md\:focus\:via-green-hilight:focus{
    --gradient-via-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .md\:focus\:via-navy-dark:focus{
    --gradient-via-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .md\:focus\:via-navy-bright:focus{
    --gradient-via-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .md\:focus\:via-navy-hilight:focus{
    --gradient-via-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .md\:focus\:via-transparent:focus{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .md\:focus\:via-black:focus{
    --gradient-via-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .md\:focus\:via-white:focus{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .md\:focus\:via-red:focus{
    --gradient-via-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .md\:focus\:to-blue-bright:focus{
    --gradient-to-color: #0B69A3;
  }

  .md\:focus\:to-blue-light:focus{
    --gradient-to-color: #B3ECFF;
  }

  .md\:focus\:to-blue-pale:focus{
    --gradient-to-color: #DCEEFB;
  }

  .md\:focus\:to-blue-deep:focus{
    --gradient-to-color: #035388;
  }

  .md\:focus\:to-blue-hilight:focus{
    --gradient-to-color: #5ed0fa;
  }

  .md\:focus\:to-blue-med:focus{
    --gradient-to-color: #1992d4;
  }

  .md\:focus\:to-blue-dark:focus{
    --gradient-to-color: #003e6b;
  }

  .md\:focus\:to-gray-100:focus{
    --gradient-to-color: #f0f4f8;
  }

  .md\:focus\:to-gray-200:focus{
    --gradient-to-color: #d9d9d9;
  }

  .md\:focus\:to-gray-300:focus{
    --gradient-to-color: #bcccdc;
  }

  .md\:focus\:to-gray-500:focus{
    --gradient-to-color: #627d98;
  }

  .md\:focus\:to-gray-600:focus{
    --gradient-to-color: #334e68;
  }

  .md\:focus\:to-gray-700:focus{
    --gradient-to-color: #243b53;
  }

  .md\:focus\:to-gray-900:focus{
    --gradient-to-color: #102a43;
  }

  .md\:focus\:to-magenta-dark:focus{
    --gradient-to-color: #8f4731;
  }

  .md\:focus\:to-magenta-bright:focus{
    --gradient-to-color: #9C4429;
  }

  .md\:focus\:to-magenta-hilight:focus{
    --gradient-to-color: #CC522D;
  }

  .md\:focus\:to-teal-dark:focus{
    --gradient-to-color: #2d5b6b;
  }

  .md\:focus\:to-teal-bright:focus{
    --gradient-to-color: #2B738C;
  }

  .md\:focus\:to-teal-hilight:focus{
    --gradient-to-color: #3CA1C4;
  }

  .md\:focus\:to-mustard-dark:focus{
    --gradient-to-color: #c47a53;
  }

  .md\:focus\:to-mustard-bright:focus{
    --gradient-to-color: #E07C48;
  }

  .md\:focus\:to-mustard-hilight:focus{
    --gradient-to-color: #FF7015;
  }

  .md\:focus\:to-purple-dark:focus{
    --gradient-to-color: #6b2d5b;
  }

  .md\:focus\:to-purple-bright:focus{
    --gradient-to-color: #8D2B74;
  }

  .md\:focus\:to-purple-hilight:focus{
    --gradient-to-color: #C0339C;
  }

  .md\:focus\:to-purple-bookshop:focus{
    --gradient-to-color: #584199;
  }

  .md\:focus\:to-green-dark:focus{
    --gradient-to-color: #7b7d2a;
  }

  .md\:focus\:to-green-bright:focus{
    --gradient-to-color: #8F9220;
  }

  .md\:focus\:to-green-hilight:focus{
    --gradient-to-color: #B4B72A;
  }

  .md\:focus\:to-navy-dark:focus{
    --gradient-to-color: #52494c;
  }

  .md\:focus\:to-navy-bright:focus{
    --gradient-to-color: #6D565E;
  }

  .md\:focus\:to-navy-hilight:focus{
    --gradient-to-color: #8A6A75;
  }

  .md\:focus\:to-transparent:focus{
    --gradient-to-color: transparent;
  }

  .md\:focus\:to-black:focus{
    --gradient-to-color: #101010;
  }

  .md\:focus\:to-white:focus{
    --gradient-to-color: #fff;
  }

  .md\:focus\:to-red:focus{
    --gradient-to-color: #E12D39;
  }

  .md\:bg-opacity-0{
    --bg-opacity: 0;
  }

  .md\:bg-opacity-25{
    --bg-opacity: 0.25;
  }

  .md\:bg-opacity-50{
    --bg-opacity: 0.5;
  }

  .md\:bg-opacity-75{
    --bg-opacity: 0.75;
  }

  .md\:bg-opacity-100{
    --bg-opacity: 1;
  }

  .md\:hover\:bg-opacity-0:hover{
    --bg-opacity: 0;
  }

  .md\:hover\:bg-opacity-25:hover{
    --bg-opacity: 0.25;
  }

  .md\:hover\:bg-opacity-50:hover{
    --bg-opacity: 0.5;
  }

  .md\:hover\:bg-opacity-75:hover{
    --bg-opacity: 0.75;
  }

  .md\:hover\:bg-opacity-100:hover{
    --bg-opacity: 1;
  }

  .md\:focus\:bg-opacity-0:focus{
    --bg-opacity: 0;
  }

  .md\:focus\:bg-opacity-25:focus{
    --bg-opacity: 0.25;
  }

  .md\:focus\:bg-opacity-50:focus{
    --bg-opacity: 0.5;
  }

  .md\:focus\:bg-opacity-75:focus{
    --bg-opacity: 0.75;
  }

  .md\:focus\:bg-opacity-100:focus{
    --bg-opacity: 1;
  }

  .md\:bg-bottom{
    background-position: bottom;
  }

  .md\:bg-center{
    background-position: center;
  }

  .md\:bg-left{
    background-position: left;
  }

  .md\:bg-left-bottom{
    background-position: left bottom;
  }

  .md\:bg-left-top{
    background-position: left top;
  }

  .md\:bg-right{
    background-position: right;
  }

  .md\:bg-right-bottom{
    background-position: right bottom;
  }

  .md\:bg-right-top{
    background-position: right top;
  }

  .md\:bg-top{
    background-position: top;
  }

  .md\:bg-repeat{
    background-repeat: repeat;
  }

  .md\:bg-no-repeat{
    background-repeat: no-repeat;
  }

  .md\:bg-repeat-x{
    background-repeat: repeat-x;
  }

  .md\:bg-repeat-y{
    background-repeat: repeat-y;
  }

  .md\:bg-repeat-round{
    background-repeat: round;
  }

  .md\:bg-repeat-space{
    background-repeat: space;
  }

  .md\:bg-auto{
    background-size: auto;
  }

  .md\:bg-cover{
    background-size: cover;
  }

  .md\:bg-contain{
    background-size: contain;
  }

  .md\:border-collapse{
    border-collapse: collapse;
  }

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

  .md\:border-blue-bright{
    --border-opacity: 1;
    border-color: #0B69A3;
    border-color: rgba(11, 105, 163, var(--border-opacity));
  }

  .md\:border-blue-light{
    --border-opacity: 1;
    border-color: #B3ECFF;
    border-color: rgba(179, 236, 255, var(--border-opacity));
  }

  .md\:border-blue-pale{
    --border-opacity: 1;
    border-color: #DCEEFB;
    border-color: rgba(220, 238, 251, var(--border-opacity));
  }

  .md\:border-blue-deep{
    --border-opacity: 1;
    border-color: #035388;
    border-color: rgba(3, 83, 136, var(--border-opacity));
  }

  .md\:border-blue-hilight{
    --border-opacity: 1;
    border-color: #5ed0fa;
    border-color: rgba(94, 208, 250, var(--border-opacity));
  }

  .md\:border-blue-med{
    --border-opacity: 1;
    border-color: #1992d4;
    border-color: rgba(25, 146, 212, var(--border-opacity));
  }

  .md\:border-blue-dark{
    --border-opacity: 1;
    border-color: #003e6b;
    border-color: rgba(0, 62, 107, var(--border-opacity));
  }

  .md\:border-gray-100{
    --border-opacity: 1;
    border-color: #f0f4f8;
    border-color: rgba(240, 244, 248, var(--border-opacity));
  }

  .md\:border-gray-200{
    --border-opacity: 1;
    border-color: #d9d9d9;
    border-color: rgba(217, 217, 217, var(--border-opacity));
  }

  .md\:border-gray-300{
    --border-opacity: 1;
    border-color: #bcccdc;
    border-color: rgba(188, 204, 220, var(--border-opacity));
  }

  .md\:border-gray-500{
    --border-opacity: 1;
    border-color: #627d98;
    border-color: rgba(98, 125, 152, var(--border-opacity));
  }

  .md\:border-gray-600{
    --border-opacity: 1;
    border-color: #334e68;
    border-color: rgba(51, 78, 104, var(--border-opacity));
  }

  .md\:border-gray-700{
    --border-opacity: 1;
    border-color: #243b53;
    border-color: rgba(36, 59, 83, var(--border-opacity));
  }

  .md\:border-gray-900{
    --border-opacity: 1;
    border-color: #102a43;
    border-color: rgba(16, 42, 67, var(--border-opacity));
  }

  .md\:border-magenta-dark{
    --border-opacity: 1;
    border-color: #8f4731;
    border-color: rgba(143, 71, 49, var(--border-opacity));
  }

  .md\:border-magenta-bright{
    --border-opacity: 1;
    border-color: #9C4429;
    border-color: rgba(156, 68, 41, var(--border-opacity));
  }

  .md\:border-magenta-hilight{
    --border-opacity: 1;
    border-color: #CC522D;
    border-color: rgba(204, 82, 45, var(--border-opacity));
  }

  .md\:border-teal-dark{
    --border-opacity: 1;
    border-color: #2d5b6b;
    border-color: rgba(45, 91, 107, var(--border-opacity));
  }

  .md\:border-teal-bright{
    --border-opacity: 1;
    border-color: #2B738C;
    border-color: rgba(43, 115, 140, var(--border-opacity));
  }

  .md\:border-teal-hilight{
    --border-opacity: 1;
    border-color: #3CA1C4;
    border-color: rgba(60, 161, 196, var(--border-opacity));
  }

  .md\:border-mustard-dark{
    --border-opacity: 1;
    border-color: #c47a53;
    border-color: rgba(196, 122, 83, var(--border-opacity));
  }

  .md\:border-mustard-bright{
    --border-opacity: 1;
    border-color: #E07C48;
    border-color: rgba(224, 124, 72, var(--border-opacity));
  }

  .md\:border-mustard-hilight{
    --border-opacity: 1;
    border-color: #FF7015;
    border-color: rgba(255, 112, 21, var(--border-opacity));
  }

  .md\:border-purple-dark{
    --border-opacity: 1;
    border-color: #6b2d5b;
    border-color: rgba(107, 45, 91, var(--border-opacity));
  }

  .md\:border-purple-bright{
    --border-opacity: 1;
    border-color: #8D2B74;
    border-color: rgba(141, 43, 116, var(--border-opacity));
  }

  .md\:border-purple-hilight{
    --border-opacity: 1;
    border-color: #C0339C;
    border-color: rgba(192, 51, 156, var(--border-opacity));
  }

  .md\:border-purple-bookshop{
    --border-opacity: 1;
    border-color: #584199;
    border-color: rgba(88, 65, 153, var(--border-opacity));
  }

  .md\:border-green-dark{
    --border-opacity: 1;
    border-color: #7b7d2a;
    border-color: rgba(123, 125, 42, var(--border-opacity));
  }

  .md\:border-green-bright{
    --border-opacity: 1;
    border-color: #8F9220;
    border-color: rgba(143, 146, 32, var(--border-opacity));
  }

  .md\:border-green-hilight{
    --border-opacity: 1;
    border-color: #B4B72A;
    border-color: rgba(180, 183, 42, var(--border-opacity));
  }

  .md\:border-navy-dark{
    --border-opacity: 1;
    border-color: #52494c;
    border-color: rgba(82, 73, 76, var(--border-opacity));
  }

  .md\:border-navy-bright{
    --border-opacity: 1;
    border-color: #6D565E;
    border-color: rgba(109, 86, 94, var(--border-opacity));
  }

  .md\:border-navy-hilight{
    --border-opacity: 1;
    border-color: #8A6A75;
    border-color: rgba(138, 106, 117, var(--border-opacity));
  }

  .md\:border-transparent{
    border-color: transparent;
  }

  .md\:border-black{
    --border-opacity: 1;
    border-color: #101010;
    border-color: rgba(16, 16, 16, var(--border-opacity));
  }

  .md\:border-white{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .md\:border-red{
    --border-opacity: 1;
    border-color: #E12D39;
    border-color: rgba(225, 45, 57, var(--border-opacity));
  }

  .md\:hover\:border-blue-bright:hover{
    --border-opacity: 1;
    border-color: #0B69A3;
    border-color: rgba(11, 105, 163, var(--border-opacity));
  }

  .md\:hover\:border-blue-light:hover{
    --border-opacity: 1;
    border-color: #B3ECFF;
    border-color: rgba(179, 236, 255, var(--border-opacity));
  }

  .md\:hover\:border-blue-pale:hover{
    --border-opacity: 1;
    border-color: #DCEEFB;
    border-color: rgba(220, 238, 251, var(--border-opacity));
  }

  .md\:hover\:border-blue-deep:hover{
    --border-opacity: 1;
    border-color: #035388;
    border-color: rgba(3, 83, 136, var(--border-opacity));
  }

  .md\:hover\:border-blue-hilight:hover{
    --border-opacity: 1;
    border-color: #5ed0fa;
    border-color: rgba(94, 208, 250, var(--border-opacity));
  }

  .md\:hover\:border-blue-med:hover{
    --border-opacity: 1;
    border-color: #1992d4;
    border-color: rgba(25, 146, 212, var(--border-opacity));
  }

  .md\:hover\:border-blue-dark:hover{
    --border-opacity: 1;
    border-color: #003e6b;
    border-color: rgba(0, 62, 107, var(--border-opacity));
  }

  .md\:hover\:border-gray-100:hover{
    --border-opacity: 1;
    border-color: #f0f4f8;
    border-color: rgba(240, 244, 248, var(--border-opacity));
  }

  .md\:hover\:border-gray-200:hover{
    --border-opacity: 1;
    border-color: #d9d9d9;
    border-color: rgba(217, 217, 217, var(--border-opacity));
  }

  .md\:hover\:border-gray-300:hover{
    --border-opacity: 1;
    border-color: #bcccdc;
    border-color: rgba(188, 204, 220, var(--border-opacity));
  }

  .md\:hover\:border-gray-500:hover{
    --border-opacity: 1;
    border-color: #627d98;
    border-color: rgba(98, 125, 152, var(--border-opacity));
  }

  .md\:hover\:border-gray-600:hover{
    --border-opacity: 1;
    border-color: #334e68;
    border-color: rgba(51, 78, 104, var(--border-opacity));
  }

  .md\:hover\:border-gray-700:hover{
    --border-opacity: 1;
    border-color: #243b53;
    border-color: rgba(36, 59, 83, var(--border-opacity));
  }

  .md\:hover\:border-gray-900:hover{
    --border-opacity: 1;
    border-color: #102a43;
    border-color: rgba(16, 42, 67, var(--border-opacity));
  }

  .md\:hover\:border-magenta-dark:hover{
    --border-opacity: 1;
    border-color: #8f4731;
    border-color: rgba(143, 71, 49, var(--border-opacity));
  }

  .md\:hover\:border-magenta-bright:hover{
    --border-opacity: 1;
    border-color: #9C4429;
    border-color: rgba(156, 68, 41, var(--border-opacity));
  }

  .md\:hover\:border-magenta-hilight:hover{
    --border-opacity: 1;
    border-color: #CC522D;
    border-color: rgba(204, 82, 45, var(--border-opacity));
  }

  .md\:hover\:border-teal-dark:hover{
    --border-opacity: 1;
    border-color: #2d5b6b;
    border-color: rgba(45, 91, 107, var(--border-opacity));
  }

  .md\:hover\:border-teal-bright:hover{
    --border-opacity: 1;
    border-color: #2B738C;
    border-color: rgba(43, 115, 140, var(--border-opacity));
  }

  .md\:hover\:border-teal-hilight:hover{
    --border-opacity: 1;
    border-color: #3CA1C4;
    border-color: rgba(60, 161, 196, var(--border-opacity));
  }

  .md\:hover\:border-mustard-dark:hover{
    --border-opacity: 1;
    border-color: #c47a53;
    border-color: rgba(196, 122, 83, var(--border-opacity));
  }

  .md\:hover\:border-mustard-bright:hover{
    --border-opacity: 1;
    border-color: #E07C48;
    border-color: rgba(224, 124, 72, var(--border-opacity));
  }

  .md\:hover\:border-mustard-hilight:hover{
    --border-opacity: 1;
    border-color: #FF7015;
    border-color: rgba(255, 112, 21, var(--border-opacity));
  }

  .md\:hover\:border-purple-dark:hover{
    --border-opacity: 1;
    border-color: #6b2d5b;
    border-color: rgba(107, 45, 91, var(--border-opacity));
  }

  .md\:hover\:border-purple-bright:hover{
    --border-opacity: 1;
    border-color: #8D2B74;
    border-color: rgba(141, 43, 116, var(--border-opacity));
  }

  .md\:hover\:border-purple-hilight:hover{
    --border-opacity: 1;
    border-color: #C0339C;
    border-color: rgba(192, 51, 156, var(--border-opacity));
  }

  .md\:hover\:border-purple-bookshop:hover{
    --border-opacity: 1;
    border-color: #584199;
    border-color: rgba(88, 65, 153, var(--border-opacity));
  }

  .md\:hover\:border-green-dark:hover{
    --border-opacity: 1;
    border-color: #7b7d2a;
    border-color: rgba(123, 125, 42, var(--border-opacity));
  }

  .md\:hover\:border-green-bright:hover{
    --border-opacity: 1;
    border-color: #8F9220;
    border-color: rgba(143, 146, 32, var(--border-opacity));
  }

  .md\:hover\:border-green-hilight:hover{
    --border-opacity: 1;
    border-color: #B4B72A;
    border-color: rgba(180, 183, 42, var(--border-opacity));
  }

  .md\:hover\:border-navy-dark:hover{
    --border-opacity: 1;
    border-color: #52494c;
    border-color: rgba(82, 73, 76, var(--border-opacity));
  }

  .md\:hover\:border-navy-bright:hover{
    --border-opacity: 1;
    border-color: #6D565E;
    border-color: rgba(109, 86, 94, var(--border-opacity));
  }

  .md\:hover\:border-navy-hilight:hover{
    --border-opacity: 1;
    border-color: #8A6A75;
    border-color: rgba(138, 106, 117, var(--border-opacity));
  }

  .md\:hover\:border-transparent:hover{
    border-color: transparent;
  }

  .md\:hover\:border-black:hover{
    --border-opacity: 1;
    border-color: #101010;
    border-color: rgba(16, 16, 16, var(--border-opacity));
  }

  .md\:hover\:border-white:hover{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .md\:hover\:border-red:hover{
    --border-opacity: 1;
    border-color: #E12D39;
    border-color: rgba(225, 45, 57, var(--border-opacity));
  }

  .md\:focus\:border-blue-bright:focus{
    --border-opacity: 1;
    border-color: #0B69A3;
    border-color: rgba(11, 105, 163, var(--border-opacity));
  }

  .md\:focus\:border-blue-light:focus{
    --border-opacity: 1;
    border-color: #B3ECFF;
    border-color: rgba(179, 236, 255, var(--border-opacity));
  }

  .md\:focus\:border-blue-pale:focus{
    --border-opacity: 1;
    border-color: #DCEEFB;
    border-color: rgba(220, 238, 251, var(--border-opacity));
  }

  .md\:focus\:border-blue-deep:focus{
    --border-opacity: 1;
    border-color: #035388;
    border-color: rgba(3, 83, 136, var(--border-opacity));
  }

  .md\:focus\:border-blue-hilight:focus{
    --border-opacity: 1;
    border-color: #5ed0fa;
    border-color: rgba(94, 208, 250, var(--border-opacity));
  }

  .md\:focus\:border-blue-med:focus{
    --border-opacity: 1;
    border-color: #1992d4;
    border-color: rgba(25, 146, 212, var(--border-opacity));
  }

  .md\:focus\:border-blue-dark:focus{
    --border-opacity: 1;
    border-color: #003e6b;
    border-color: rgba(0, 62, 107, var(--border-opacity));
  }

  .md\:focus\:border-gray-100:focus{
    --border-opacity: 1;
    border-color: #f0f4f8;
    border-color: rgba(240, 244, 248, var(--border-opacity));
  }

  .md\:focus\:border-gray-200:focus{
    --border-opacity: 1;
    border-color: #d9d9d9;
    border-color: rgba(217, 217, 217, var(--border-opacity));
  }

  .md\:focus\:border-gray-300:focus{
    --border-opacity: 1;
    border-color: #bcccdc;
    border-color: rgba(188, 204, 220, var(--border-opacity));
  }

  .md\:focus\:border-gray-500:focus{
    --border-opacity: 1;
    border-color: #627d98;
    border-color: rgba(98, 125, 152, var(--border-opacity));
  }

  .md\:focus\:border-gray-600:focus{
    --border-opacity: 1;
    border-color: #334e68;
    border-color: rgba(51, 78, 104, var(--border-opacity));
  }

  .md\:focus\:border-gray-700:focus{
    --border-opacity: 1;
    border-color: #243b53;
    border-color: rgba(36, 59, 83, var(--border-opacity));
  }

  .md\:focus\:border-gray-900:focus{
    --border-opacity: 1;
    border-color: #102a43;
    border-color: rgba(16, 42, 67, var(--border-opacity));
  }

  .md\:focus\:border-magenta-dark:focus{
    --border-opacity: 1;
    border-color: #8f4731;
    border-color: rgba(143, 71, 49, var(--border-opacity));
  }

  .md\:focus\:border-magenta-bright:focus{
    --border-opacity: 1;
    border-color: #9C4429;
    border-color: rgba(156, 68, 41, var(--border-opacity));
  }

  .md\:focus\:border-magenta-hilight:focus{
    --border-opacity: 1;
    border-color: #CC522D;
    border-color: rgba(204, 82, 45, var(--border-opacity));
  }

  .md\:focus\:border-teal-dark:focus{
    --border-opacity: 1;
    border-color: #2d5b6b;
    border-color: rgba(45, 91, 107, var(--border-opacity));
  }

  .md\:focus\:border-teal-bright:focus{
    --border-opacity: 1;
    border-color: #2B738C;
    border-color: rgba(43, 115, 140, var(--border-opacity));
  }

  .md\:focus\:border-teal-hilight:focus{
    --border-opacity: 1;
    border-color: #3CA1C4;
    border-color: rgba(60, 161, 196, var(--border-opacity));
  }

  .md\:focus\:border-mustard-dark:focus{
    --border-opacity: 1;
    border-color: #c47a53;
    border-color: rgba(196, 122, 83, var(--border-opacity));
  }

  .md\:focus\:border-mustard-bright:focus{
    --border-opacity: 1;
    border-color: #E07C48;
    border-color: rgba(224, 124, 72, var(--border-opacity));
  }

  .md\:focus\:border-mustard-hilight:focus{
    --border-opacity: 1;
    border-color: #FF7015;
    border-color: rgba(255, 112, 21, var(--border-opacity));
  }

  .md\:focus\:border-purple-dark:focus{
    --border-opacity: 1;
    border-color: #6b2d5b;
    border-color: rgba(107, 45, 91, var(--border-opacity));
  }

  .md\:focus\:border-purple-bright:focus{
    --border-opacity: 1;
    border-color: #8D2B74;
    border-color: rgba(141, 43, 116, var(--border-opacity));
  }

  .md\:focus\:border-purple-hilight:focus{
    --border-opacity: 1;
    border-color: #C0339C;
    border-color: rgba(192, 51, 156, var(--border-opacity));
  }

  .md\:focus\:border-purple-bookshop:focus{
    --border-opacity: 1;
    border-color: #584199;
    border-color: rgba(88, 65, 153, var(--border-opacity));
  }

  .md\:focus\:border-green-dark:focus{
    --border-opacity: 1;
    border-color: #7b7d2a;
    border-color: rgba(123, 125, 42, var(--border-opacity));
  }

  .md\:focus\:border-green-bright:focus{
    --border-opacity: 1;
    border-color: #8F9220;
    border-color: rgba(143, 146, 32, var(--border-opacity));
  }

  .md\:focus\:border-green-hilight:focus{
    --border-opacity: 1;
    border-color: #B4B72A;
    border-color: rgba(180, 183, 42, var(--border-opacity));
  }

  .md\:focus\:border-navy-dark:focus{
    --border-opacity: 1;
    border-color: #52494c;
    border-color: rgba(82, 73, 76, var(--border-opacity));
  }

  .md\:focus\:border-navy-bright:focus{
    --border-opacity: 1;
    border-color: #6D565E;
    border-color: rgba(109, 86, 94, var(--border-opacity));
  }

  .md\:focus\:border-navy-hilight:focus{
    --border-opacity: 1;
    border-color: #8A6A75;
    border-color: rgba(138, 106, 117, var(--border-opacity));
  }

  .md\:focus\:border-transparent:focus{
    border-color: transparent;
  }

  .md\:focus\:border-black:focus{
    --border-opacity: 1;
    border-color: #101010;
    border-color: rgba(16, 16, 16, var(--border-opacity));
  }

  .md\:focus\:border-white:focus{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .md\:focus\:border-red:focus{
    --border-opacity: 1;
    border-color: #E12D39;
    border-color: rgba(225, 45, 57, var(--border-opacity));
  }

  .md\:border-opacity-0{
    --border-opacity: 0;
  }

  .md\:border-opacity-25{
    --border-opacity: 0.25;
  }

  .md\:border-opacity-50{
    --border-opacity: 0.5;
  }

  .md\:border-opacity-75{
    --border-opacity: 0.75;
  }

  .md\:border-opacity-100{
    --border-opacity: 1;
  }

  .md\:hover\:border-opacity-0:hover{
    --border-opacity: 0;
  }

  .md\:hover\:border-opacity-25:hover{
    --border-opacity: 0.25;
  }

  .md\:hover\:border-opacity-50:hover{
    --border-opacity: 0.5;
  }

  .md\:hover\:border-opacity-75:hover{
    --border-opacity: 0.75;
  }

  .md\:hover\:border-opacity-100:hover{
    --border-opacity: 1;
  }

  .md\:focus\:border-opacity-0:focus{
    --border-opacity: 0;
  }

  .md\:focus\:border-opacity-25:focus{
    --border-opacity: 0.25;
  }

  .md\:focus\:border-opacity-50:focus{
    --border-opacity: 0.5;
  }

  .md\:focus\:border-opacity-75:focus{
    --border-opacity: 0.75;
  }

  .md\:focus\:border-opacity-100:focus{
    --border-opacity: 1;
  }

  .md\:rounded-none{
    border-radius: 0;
  }

  .md\:rounded-sm{
    border-radius: 0.125rem;
  }

  .md\:rounded{
    border-radius: 0.25rem;
  }

  .md\:rounded-md{
    border-radius: 0.375rem;
  }

  .md\:rounded-lg{
    border-radius: 0.5rem;
  }

  .md\:rounded-xl{
    border-radius: 0.75rem;
  }

  .md\:rounded-2xl{
    border-radius: 1rem;
  }

  .md\:rounded-3xl{
    border-radius: 1.5rem;
  }

  .md\:rounded-full{
    border-radius: 9999px;
  }

  .md\:rounded-t-none{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .md\:rounded-r-none{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .md\:rounded-b-none{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .md\:rounded-l-none{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .md\:rounded-t-sm{
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .md\:rounded-r-sm{
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .md\:rounded-b-sm{
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .md\:rounded-l-sm{
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .md\:rounded-t{
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .md\:rounded-r{
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .md\:rounded-b{
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .md\:rounded-l{
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .md\:rounded-t-md{
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .md\:rounded-r-md{
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .md\:rounded-b-md{
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .md\:rounded-l-md{
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .md\:rounded-t-lg{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .md\:rounded-r-lg{
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .md\:rounded-b-lg{
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .md\:rounded-l-lg{
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .md\:rounded-t-xl{
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .md\:rounded-r-xl{
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .md\:rounded-b-xl{
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .md\:rounded-l-xl{
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .md\:rounded-t-2xl{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .md\:rounded-r-2xl{
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .md\:rounded-b-2xl{
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .md\:rounded-l-2xl{
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .md\:rounded-t-3xl{
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .md\:rounded-r-3xl{
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .md\:rounded-b-3xl{
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .md\:rounded-l-3xl{
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .md\:rounded-t-full{
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .md\:rounded-r-full{
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .md\:rounded-b-full{
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .md\:rounded-l-full{
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .md\:rounded-tl-none{
    border-top-left-radius: 0;
  }

  .md\:rounded-tr-none{
    border-top-right-radius: 0;
  }

  .md\:rounded-br-none{
    border-bottom-right-radius: 0;
  }

  .md\:rounded-bl-none{
    border-bottom-left-radius: 0;
  }

  .md\:rounded-tl-sm{
    border-top-left-radius: 0.125rem;
  }

  .md\:rounded-tr-sm{
    border-top-right-radius: 0.125rem;
  }

  .md\:rounded-br-sm{
    border-bottom-right-radius: 0.125rem;
  }

  .md\:rounded-bl-sm{
    border-bottom-left-radius: 0.125rem;
  }

  .md\:rounded-tl{
    border-top-left-radius: 0.25rem;
  }

  .md\:rounded-tr{
    border-top-right-radius: 0.25rem;
  }

  .md\:rounded-br{
    border-bottom-right-radius: 0.25rem;
  }

  .md\:rounded-bl{
    border-bottom-left-radius: 0.25rem;
  }

  .md\:rounded-tl-md{
    border-top-left-radius: 0.375rem;
  }

  .md\:rounded-tr-md{
    border-top-right-radius: 0.375rem;
  }

  .md\:rounded-br-md{
    border-bottom-right-radius: 0.375rem;
  }

  .md\:rounded-bl-md{
    border-bottom-left-radius: 0.375rem;
  }

  .md\:rounded-tl-lg{
    border-top-left-radius: 0.5rem;
  }

  .md\:rounded-tr-lg{
    border-top-right-radius: 0.5rem;
  }

  .md\:rounded-br-lg{
    border-bottom-right-radius: 0.5rem;
  }

  .md\:rounded-bl-lg{
    border-bottom-left-radius: 0.5rem;
  }

  .md\:rounded-tl-xl{
    border-top-left-radius: 0.75rem;
  }

  .md\:rounded-tr-xl{
    border-top-right-radius: 0.75rem;
  }

  .md\:rounded-br-xl{
    border-bottom-right-radius: 0.75rem;
  }

  .md\:rounded-bl-xl{
    border-bottom-left-radius: 0.75rem;
  }

  .md\:rounded-tl-2xl{
    border-top-left-radius: 1rem;
  }

  .md\:rounded-tr-2xl{
    border-top-right-radius: 1rem;
  }

  .md\:rounded-br-2xl{
    border-bottom-right-radius: 1rem;
  }

  .md\:rounded-bl-2xl{
    border-bottom-left-radius: 1rem;
  }

  .md\:rounded-tl-3xl{
    border-top-left-radius: 1.5rem;
  }

  .md\:rounded-tr-3xl{
    border-top-right-radius: 1.5rem;
  }

  .md\:rounded-br-3xl{
    border-bottom-right-radius: 1.5rem;
  }

  .md\:rounded-bl-3xl{
    border-bottom-left-radius: 1.5rem;
  }

  .md\:rounded-tl-full{
    border-top-left-radius: 9999px;
  }

  .md\:rounded-tr-full{
    border-top-right-radius: 9999px;
  }

  .md\:rounded-br-full{
    border-bottom-right-radius: 9999px;
  }

  .md\:rounded-bl-full{
    border-bottom-left-radius: 9999px;
  }

  .md\:children\:border-solid > *{
    border-style: solid;
  }

  .md\:children\:border-dashed > *{
    border-style: dashed;
  }

  .md\:children\:border-dotted > *{
    border-style: dotted;
  }

  .md\:children\:border-double > *{
    border-style: double;
  }

  .md\:children\:border-none > *{
    border-style: none;
  }

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

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

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

  .md\:border-double{
    border-style: double;
  }

  .md\:border-none{
    border-style: none;
  }

  .md\:border-0{
    border-width: 0;
  }

  .md\:border-2{
    border-width: 2px;
  }

  .md\:border-4{
    border-width: 4px;
  }

  .md\:border-8{
    border-width: 8px;
  }

  .md\:border{
    border-width: 1px;
  }

  .md\:border-t-0{
    border-top-width: 0;
  }

  .md\:border-r-0{
    border-right-width: 0;
  }

  .md\:border-b-0{
    border-bottom-width: 0;
  }

  .md\:border-l-0{
    border-left-width: 0;
  }

  .md\:border-t-2{
    border-top-width: 2px;
  }

  .md\:border-r-2{
    border-right-width: 2px;
  }

  .md\:border-b-2{
    border-bottom-width: 2px;
  }

  .md\:border-l-2{
    border-left-width: 2px;
  }

  .md\:border-t-4{
    border-top-width: 4px;
  }

  .md\:border-r-4{
    border-right-width: 4px;
  }

  .md\:border-b-4{
    border-bottom-width: 4px;
  }

  .md\:border-l-4{
    border-left-width: 4px;
  }

  .md\:border-t-8{
    border-top-width: 8px;
  }

  .md\:border-r-8{
    border-right-width: 8px;
  }

  .md\:border-b-8{
    border-bottom-width: 8px;
  }

  .md\:border-l-8{
    border-left-width: 8px;
  }

  .md\:border-t{
    border-top-width: 1px;
  }

  .md\:border-r{
    border-right-width: 1px;
  }

  .md\:border-b{
    border-bottom-width: 1px;
  }

  .md\:border-l{
    border-left-width: 1px;
  }

  .md\:box-border{
    box-sizing: border-box;
  }

  .md\:box-content{
    box-sizing: content-box;
  }

  .md\:cursor-auto{
    cursor: auto;
  }

  .md\:cursor-default{
    cursor: default;
  }

  .md\:cursor-pointer{
    cursor: pointer;
  }

  .md\:cursor-wait{
    cursor: wait;
  }

  .md\:cursor-text{
    cursor: text;
  }

  .md\:cursor-move{
    cursor: move;
  }

  .md\:cursor-not-allowed{
    cursor: not-allowed;
  }

  .md\:block{
    display: block;
  }

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

  .md\:inline{
    display: inline;
  }

  .md\:flex{
    display: flex;
  }

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

  .md\:table{
    display: table;
  }

  .md\:table-caption{
    display: table-caption;
  }

  .md\:table-cell{
    display: table-cell;
  }

  .md\:table-column{
    display: table-column;
  }

  .md\:table-column-group{
    display: table-column-group;
  }

  .md\:table-footer-group{
    display: table-footer-group;
  }

  .md\:table-header-group{
    display: table-header-group;
  }

  .md\:table-row-group{
    display: table-row-group;
  }

  .md\:table-row{
    display: table-row;
  }

  .md\:flow-root{
    display: flow-root;
  }

  .md\:grid{
    display: grid;
  }

  .md\:inline-grid{
    display: inline-grid;
  }

  .md\:contents{
    display: contents;
  }

  .md\:hidden{
    display: none;
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:flex-row-reverse{
    flex-direction: row-reverse;
  }

  .md\:flex-col{
    flex-direction: column;
  }

  .md\:flex-col-reverse{
    flex-direction: column-reverse;
  }

  .md\:flex-wrap{
    flex-wrap: wrap;
  }

  .md\:flex-wrap-reverse{
    flex-wrap: wrap-reverse;
  }

  .md\:flex-no-wrap{
    flex-wrap: nowrap;
  }

  .md\:place-items-auto{
    place-items: auto;
  }

  .md\:place-items-start{
    place-items: start;
  }

  .md\:place-items-end{
    place-items: end;
  }

  .md\:place-items-center{
    place-items: center;
  }

  .md\:place-items-stretch{
    place-items: stretch;
  }

  .md\:place-content-center{
    place-content: center;
  }

  .md\:place-content-start{
    place-content: start;
  }

  .md\:place-content-end{
    place-content: end;
  }

  .md\:place-content-between{
    place-content: space-between;
  }

  .md\:place-content-around{
    place-content: space-around;
  }

  .md\:place-content-evenly{
    place-content: space-evenly;
  }

  .md\:place-content-stretch{
    place-content: stretch;
  }

  .md\:place-self-auto{
    place-self: auto;
  }

  .md\:place-self-start{
    place-self: start;
  }

  .md\:place-self-end{
    place-self: end;
  }

  .md\:place-self-center{
    place-self: center;
  }

  .md\:place-self-stretch{
    place-self: stretch;
  }

  .md\:items-start{
    align-items: flex-start;
  }

  .md\:items-end{
    align-items: flex-end;
  }

  .md\:items-center{
    align-items: center;
  }

  .md\:items-baseline{
    align-items: baseline;
  }

  .md\:items-stretch{
    align-items: stretch;
  }

  .md\:content-center{
    align-content: center;
  }

  .md\:content-start{
    align-content: flex-start;
  }

  .md\:content-end{
    align-content: flex-end;
  }

  .md\:content-between{
    align-content: space-between;
  }

  .md\:content-around{
    align-content: space-around;
  }

  .md\:content-evenly{
    align-content: space-evenly;
  }

  .md\:self-auto{
    align-self: auto;
  }

  .md\:self-start{
    align-self: flex-start;
  }

  .md\:self-end{
    align-self: flex-end;
  }

  .md\:self-center{
    align-self: center;
  }

  .md\:self-stretch{
    align-self: stretch;
  }

  .md\:justify-items-auto{
    justify-items: auto;
  }

  .md\:justify-items-start{
    justify-items: start;
  }

  .md\:justify-items-end{
    justify-items: end;
  }

  .md\:justify-items-center{
    justify-items: center;
  }

  .md\:justify-items-stretch{
    justify-items: stretch;
  }

  .md\:justify-start{
    justify-content: flex-start;
  }

  .md\:justify-end{
    justify-content: flex-end;
  }

  .md\:justify-center{
    justify-content: center;
  }

  .md\:justify-between{
    justify-content: space-between;
  }

  .md\:justify-around{
    justify-content: space-around;
  }

  .md\:justify-evenly{
    justify-content: space-evenly;
  }

  .md\:justify-self-auto{
    justify-self: auto;
  }

  .md\:justify-self-start{
    justify-self: start;
  }

  .md\:justify-self-end{
    justify-self: end;
  }

  .md\:justify-self-center{
    justify-self: center;
  }

  .md\:justify-self-stretch{
    justify-self: stretch;
  }

  .md\:flex-1{
    flex: 1 1 0%;
  }

  .md\:flex-auto{
    flex: 1 1 auto;
  }

  .md\:flex-initial{
    flex: 0 1 auto;
  }

  .md\:flex-none{
    flex: none;
  }

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

  .md\:flex-grow{
    flex-grow: 1;
  }

  .md\:flex-shrink-0{
    flex-shrink: 0;
  }

  .md\:flex-shrink{
    flex-shrink: 1;
  }

  .md\:order-1{
    order: 1;
  }

  .md\:order-2{
    order: 2;
  }

  .md\:order-3{
    order: 3;
  }

  .md\:order-4{
    order: 4;
  }

  .md\:order-5{
    order: 5;
  }

  .md\:order-6{
    order: 6;
  }

  .md\:order-7{
    order: 7;
  }

  .md\:order-8{
    order: 8;
  }

  .md\:order-9{
    order: 9;
  }

  .md\:order-10{
    order: 10;
  }

  .md\:order-11{
    order: 11;
  }

  .md\:order-12{
    order: 12;
  }

  .md\:order-first{
    order: -9999;
  }

  .md\:order-last{
    order: 9999;
  }

  .md\:order-none{
    order: 0;
  }

  .md\:float-right{
    float: right;
  }

  .md\:float-left{
    float: left;
  }

  .md\:float-none{
    float: none;
  }

  .md\:clearfix:after{
    content: "";
    display: table;
    clear: both;
  }

  .md\:clear-left{
    clear: left;
  }

  .md\:clear-right{
    clear: right;
  }

  .md\:clear-both{
    clear: both;
  }

  .md\:clear-none{
    clear: none;
  }

  .md\:font-body{
    font-family: proxima-nova, sans-serif;
  }

  .md\:font-head{
    font-family: jubilat, serif;
  }

  .md\:font-hairline{
    font-weight: 100;
  }

  .md\:font-thin{
    font-weight: 200;
  }

  .md\:font-light{
    font-weight: 300;
  }

  .md\:font-normal{
    font-weight: 400;
  }

  .md\:font-medium{
    font-weight: 500;
  }

  .md\:font-semibold{
    font-weight: 600;
  }

  .md\:font-bold{
    font-weight: 700;
  }

  .md\:font-extrabold{
    font-weight: 800;
  }

  .md\:font-black{
    font-weight: 900;
  }

  .md\:hover\:font-hairline:hover{
    font-weight: 100;
  }

  .md\:hover\:font-thin:hover{
    font-weight: 200;
  }

  .md\:hover\:font-light:hover{
    font-weight: 300;
  }

  .md\:hover\:font-normal:hover{
    font-weight: 400;
  }

  .md\:hover\:font-medium:hover{
    font-weight: 500;
  }

  .md\:hover\:font-semibold:hover{
    font-weight: 600;
  }

  .md\:hover\:font-bold:hover{
    font-weight: 700;
  }

  .md\:hover\:font-extrabold:hover{
    font-weight: 800;
  }

  .md\:hover\:font-black:hover{
    font-weight: 900;
  }

  .md\:focus\:font-hairline:focus{
    font-weight: 100;
  }

  .md\:focus\:font-thin:focus{
    font-weight: 200;
  }

  .md\:focus\:font-light:focus{
    font-weight: 300;
  }

  .md\:focus\:font-normal:focus{
    font-weight: 400;
  }

  .md\:focus\:font-medium:focus{
    font-weight: 500;
  }

  .md\:focus\:font-semibold:focus{
    font-weight: 600;
  }

  .md\:focus\:font-bold:focus{
    font-weight: 700;
  }

  .md\:focus\:font-extrabold:focus{
    font-weight: 800;
  }

  .md\:focus\:font-black:focus{
    font-weight: 900;
  }

  .md\:h-0{
    height: 0;
  }

  .md\:h-1{
    height: 0.25rem;
  }

  .md\:h-2{
    height: 0.5rem;
  }

  .md\:h-3{
    height: 0.75rem;
  }

  .md\:h-4{
    height: 1rem;
  }

  .md\:h-5{
    height: 1.25rem;
  }

  .md\:h-6{
    height: 1.5rem;
  }

  .md\:h-8{
    height: 2rem;
  }

  .md\:h-10{
    height: 2.5rem;
  }

  .md\:h-12{
    height: 3rem;
  }

  .md\:h-16{
    height: 4rem;
  }

  .md\:h-20{
    height: 5rem;
  }

  .md\:h-24{
    height: 6rem;
  }

  .md\:h-32{
    height: 8rem;
  }

  .md\:h-40{
    height: 10rem;
  }

  .md\:h-48{
    height: 12rem;
  }

  .md\:h-56{
    height: 14rem;
  }

  .md\:h-64{
    height: 16rem;
  }

  .md\:h-auto{
    height: auto;
  }

  .md\:h-px{
    height: 1px;
  }

  .md\:h-full{
    height: 100%;
  }

  .md\:h-screen{
    height: 100vh;
  }

  .md\:text-xs{
    font-size: 0.75rem;
  }

  .md\:text-sm{
    font-size: 0.875rem;
  }

  .md\:text-base{
    font-size: 1rem;
  }

  .md\:text-lg{
    font-size: 1.125rem;
  }

  .md\:text-xl{
    font-size: 1.25rem;
  }

  .md\:text-2xl{
    font-size: 1.5rem;
  }

  .md\:text-3xl{
    font-size: 1.875rem;
  }

  .md\:text-4xl{
    font-size: 2rem;
  }

  .md\:text-5xl{
    font-size: 3rem;
  }

  .md\:text-6xl{
    font-size: 4rem;
  }

  .md\:leading-3{
    line-height: .75rem;
  }

  .md\:leading-4{
    line-height: 1rem;
  }

  .md\:leading-5{
    line-height: 1.25rem;
  }

  .md\:leading-6{
    line-height: 1.5rem;
  }

  .md\:leading-7{
    line-height: 1.75rem;
  }

  .md\:leading-8{
    line-height: 2rem;
  }

  .md\:leading-9{
    line-height: 2.25rem;
  }

  .md\:leading-10{
    line-height: 2.5rem;
  }

  .md\:leading-none{
    line-height: 1;
  }

  .md\:leading-tight{
    line-height: 1.25;
  }

  .md\:leading-snug{
    line-height: 1.375;
  }

  .md\:leading-normal{
    line-height: 1.5;
  }

  .md\:leading-relaxed{
    line-height: 1.625;
  }

  .md\:leading-loose{
    line-height: 2;
  }

  .md\:list-inside{
    list-style-position: inside;
  }

  .md\:list-outside{
    list-style-position: outside;
  }

  .md\:list-none{
    list-style-type: none;
  }

  .md\:list-disc{
    list-style-type: disc;
  }

  .md\:list-decimal{
    list-style-type: decimal;
  }

  .md\:m-0{
    margin: 0;
  }

  .md\:m-1{
    margin: 0.25rem;
  }

  .md\:m-2{
    margin: 0.5rem;
  }

  .md\:m-3{
    margin: 0.75rem;
  }

  .md\:m-4{
    margin: 1rem;
  }

  .md\:m-5{
    margin: 1.25rem;
  }

  .md\:m-6{
    margin: 1.5rem;
  }

  .md\:m-8{
    margin: 2rem;
  }

  .md\:m-10{
    margin: 2.5rem;
  }

  .md\:m-12{
    margin: 3rem;
  }

  .md\:m-16{
    margin: 4rem;
  }

  .md\:m-20{
    margin: 5rem;
  }

  .md\:m-24{
    margin: 6rem;
  }

  .md\:m-32{
    margin: 8rem;
  }

  .md\:m-40{
    margin: 10rem;
  }

  .md\:m-48{
    margin: 12rem;
  }

  .md\:m-56{
    margin: 14rem;
  }

  .md\:m-64{
    margin: 16rem;
  }

  .md\:m-auto{
    margin: auto;
  }

  .md\:m-px{
    margin: 1px;
  }

  .md\:-m-1{
    margin: -0.25rem;
  }

  .md\:-m-2{
    margin: -0.5rem;
  }

  .md\:-m-3{
    margin: -0.75rem;
  }

  .md\:-m-4{
    margin: -1rem;
  }

  .md\:-m-5{
    margin: -1.25rem;
  }

  .md\:-m-6{
    margin: -1.5rem;
  }

  .md\:-m-8{
    margin: -2rem;
  }

  .md\:-m-10{
    margin: -2.5rem;
  }

  .md\:-m-12{
    margin: -3rem;
  }

  .md\:-m-16{
    margin: -4rem;
  }

  .md\:-m-20{
    margin: -5rem;
  }

  .md\:-m-24{
    margin: -6rem;
  }

  .md\:-m-32{
    margin: -8rem;
  }

  .md\:-m-40{
    margin: -10rem;
  }

  .md\:-m-48{
    margin: -12rem;
  }

  .md\:-m-56{
    margin: -14rem;
  }

  .md\:-m-64{
    margin: -16rem;
  }

  .md\:-m-px{
    margin: -1px;
  }

  .md\:my-0{
    margin-top: 0;
    margin-bottom: 0;
  }

  .md\:mx-0{
    margin-left: 0;
    margin-right: 0;
  }

  .md\:my-1{
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .md\:mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .md\:my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .md\:mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .md\:my-3{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .md\:mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .md\:my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .md\:mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .md\:my-5{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .md\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .md\:my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .md\:mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .md\:my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .md\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .md\:my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .md\:mx-10{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .md\:my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .md\:mx-12{
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .md\:my-16{
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .md\:mx-16{
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .md\:my-20{
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .md\:mx-20{
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .md\:my-24{
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .md\:mx-24{
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .md\:my-32{
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .md\:mx-32{
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .md\:my-40{
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .md\:mx-40{
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .md\:my-48{
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .md\:mx-48{
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .md\:my-56{
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .md\:mx-56{
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .md\:my-64{
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .md\:mx-64{
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .md\:my-auto{
    margin-top: auto;
    margin-bottom: auto;
  }

  .md\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .md\:my-px{
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .md\:mx-px{
    margin-left: 1px;
    margin-right: 1px;
  }

  .md\:-my-1{
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .md\:-mx-1{
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .md\:-my-2{
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .md\:-mx-2{
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .md\:-my-3{
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .md\:-mx-3{
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .md\:-my-4{
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .md\:-mx-4{
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .md\:-my-5{
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .md\:-mx-5{
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .md\:-my-6{
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .md\:-mx-6{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .md\:-my-8{
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .md\:-mx-8{
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .md\:-my-10{
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .md\:-mx-10{
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .md\:-my-12{
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .md\:-mx-12{
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .md\:-my-16{
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .md\:-mx-16{
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .md\:-my-20{
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .md\:-mx-20{
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .md\:-my-24{
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .md\:-mx-24{
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .md\:-my-32{
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .md\:-mx-32{
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .md\:-my-40{
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  .md\:-mx-40{
    margin-left: -10rem;
    margin-right: -10rem;
  }

  .md\:-my-48{
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  .md\:-mx-48{
    margin-left: -12rem;
    margin-right: -12rem;
  }

  .md\:-my-56{
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  .md\:-mx-56{
    margin-left: -14rem;
    margin-right: -14rem;
  }

  .md\:-my-64{
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  .md\:-mx-64{
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .md\:-my-px{
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .md\:-mx-px{
    margin-left: -1px;
    margin-right: -1px;
  }

  .md\:mt-0{
    margin-top: 0;
  }

  .md\:mr-0{
    margin-right: 0;
  }

  .md\:mb-0{
    margin-bottom: 0;
  }

  .md\:ml-0{
    margin-left: 0;
  }

  .md\:mt-1{
    margin-top: 0.25rem;
  }

  .md\:mr-1{
    margin-right: 0.25rem;
  }

  .md\:mb-1{
    margin-bottom: 0.25rem;
  }

  .md\:ml-1{
    margin-left: 0.25rem;
  }

  .md\:mt-2{
    margin-top: 0.5rem;
  }

  .md\:mr-2{
    margin-right: 0.5rem;
  }

  .md\:mb-2{
    margin-bottom: 0.5rem;
  }

  .md\:ml-2{
    margin-left: 0.5rem;
  }

  .md\:mt-3{
    margin-top: 0.75rem;
  }

  .md\:mr-3{
    margin-right: 0.75rem;
  }

  .md\:mb-3{
    margin-bottom: 0.75rem;
  }

  .md\:ml-3{
    margin-left: 0.75rem;
  }

  .md\:mt-4{
    margin-top: 1rem;
  }

  .md\:mr-4{
    margin-right: 1rem;
  }

  .md\:mb-4{
    margin-bottom: 1rem;
  }

  .md\:ml-4{
    margin-left: 1rem;
  }

  .md\:mt-5{
    margin-top: 1.25rem;
  }

  .md\:mr-5{
    margin-right: 1.25rem;
  }

  .md\:mb-5{
    margin-bottom: 1.25rem;
  }

  .md\:ml-5{
    margin-left: 1.25rem;
  }

  .md\:mt-6{
    margin-top: 1.5rem;
  }

  .md\:mr-6{
    margin-right: 1.5rem;
  }

  .md\:mb-6{
    margin-bottom: 1.5rem;
  }

  .md\:ml-6{
    margin-left: 1.5rem;
  }

  .md\:mt-8{
    margin-top: 2rem;
  }

  .md\:mr-8{
    margin-right: 2rem;
  }

  .md\:mb-8{
    margin-bottom: 2rem;
  }

  .md\:ml-8{
    margin-left: 2rem;
  }

  .md\:mt-10{
    margin-top: 2.5rem;
  }

  .md\:mr-10{
    margin-right: 2.5rem;
  }

  .md\:mb-10{
    margin-bottom: 2.5rem;
  }

  .md\:ml-10{
    margin-left: 2.5rem;
  }

  .md\:mt-12{
    margin-top: 3rem;
  }

  .md\:mr-12{
    margin-right: 3rem;
  }

  .md\:mb-12{
    margin-bottom: 3rem;
  }

  .md\:ml-12{
    margin-left: 3rem;
  }

  .md\:mt-16{
    margin-top: 4rem;
  }

  .md\:mr-16{
    margin-right: 4rem;
  }

  .md\:mb-16{
    margin-bottom: 4rem;
  }

  .md\:ml-16{
    margin-left: 4rem;
  }

  .md\:mt-20{
    margin-top: 5rem;
  }

  .md\:mr-20{
    margin-right: 5rem;
  }

  .md\:mb-20{
    margin-bottom: 5rem;
  }

  .md\:ml-20{
    margin-left: 5rem;
  }

  .md\:mt-24{
    margin-top: 6rem;
  }

  .md\:mr-24{
    margin-right: 6rem;
  }

  .md\:mb-24{
    margin-bottom: 6rem;
  }

  .md\:ml-24{
    margin-left: 6rem;
  }

  .md\:mt-32{
    margin-top: 8rem;
  }

  .md\:mr-32{
    margin-right: 8rem;
  }

  .md\:mb-32{
    margin-bottom: 8rem;
  }

  .md\:ml-32{
    margin-left: 8rem;
  }

  .md\:mt-40{
    margin-top: 10rem;
  }

  .md\:mr-40{
    margin-right: 10rem;
  }

  .md\:mb-40{
    margin-bottom: 10rem;
  }

  .md\:ml-40{
    margin-left: 10rem;
  }

  .md\:mt-48{
    margin-top: 12rem;
  }

  .md\:mr-48{
    margin-right: 12rem;
  }

  .md\:mb-48{
    margin-bottom: 12rem;
  }

  .md\:ml-48{
    margin-left: 12rem;
  }

  .md\:mt-56{
    margin-top: 14rem;
  }

  .md\:mr-56{
    margin-right: 14rem;
  }

  .md\:mb-56{
    margin-bottom: 14rem;
  }

  .md\:ml-56{
    margin-left: 14rem;
  }

  .md\:mt-64{
    margin-top: 16rem;
  }

  .md\:mr-64{
    margin-right: 16rem;
  }

  .md\:mb-64{
    margin-bottom: 16rem;
  }

  .md\:ml-64{
    margin-left: 16rem;
  }

  .md\:mt-auto{
    margin-top: auto;
  }

  .md\:mr-auto{
    margin-right: auto;
  }

  .md\:mb-auto{
    margin-bottom: auto;
  }

  .md\:ml-auto{
    margin-left: auto;
  }

  .md\:mt-px{
    margin-top: 1px;
  }

  .md\:mr-px{
    margin-right: 1px;
  }

  .md\:mb-px{
    margin-bottom: 1px;
  }

  .md\:ml-px{
    margin-left: 1px;
  }

  .md\:-mt-1{
    margin-top: -0.25rem;
  }

  .md\:-mr-1{
    margin-right: -0.25rem;
  }

  .md\:-mb-1{
    margin-bottom: -0.25rem;
  }

  .md\:-ml-1{
    margin-left: -0.25rem;
  }

  .md\:-mt-2{
    margin-top: -0.5rem;
  }

  .md\:-mr-2{
    margin-right: -0.5rem;
  }

  .md\:-mb-2{
    margin-bottom: -0.5rem;
  }

  .md\:-ml-2{
    margin-left: -0.5rem;
  }

  .md\:-mt-3{
    margin-top: -0.75rem;
  }

  .md\:-mr-3{
    margin-right: -0.75rem;
  }

  .md\:-mb-3{
    margin-bottom: -0.75rem;
  }

  .md\:-ml-3{
    margin-left: -0.75rem;
  }

  .md\:-mt-4{
    margin-top: -1rem;
  }

  .md\:-mr-4{
    margin-right: -1rem;
  }

  .md\:-mb-4{
    margin-bottom: -1rem;
  }

  .md\:-ml-4{
    margin-left: -1rem;
  }

  .md\:-mt-5{
    margin-top: -1.25rem;
  }

  .md\:-mr-5{
    margin-right: -1.25rem;
  }

  .md\:-mb-5{
    margin-bottom: -1.25rem;
  }

  .md\:-ml-5{
    margin-left: -1.25rem;
  }

  .md\:-mt-6{
    margin-top: -1.5rem;
  }

  .md\:-mr-6{
    margin-right: -1.5rem;
  }

  .md\:-mb-6{
    margin-bottom: -1.5rem;
  }

  .md\:-ml-6{
    margin-left: -1.5rem;
  }

  .md\:-mt-8{
    margin-top: -2rem;
  }

  .md\:-mr-8{
    margin-right: -2rem;
  }

  .md\:-mb-8{
    margin-bottom: -2rem;
  }

  .md\:-ml-8{
    margin-left: -2rem;
  }

  .md\:-mt-10{
    margin-top: -2.5rem;
  }

  .md\:-mr-10{
    margin-right: -2.5rem;
  }

  .md\:-mb-10{
    margin-bottom: -2.5rem;
  }

  .md\:-ml-10{
    margin-left: -2.5rem;
  }

  .md\:-mt-12{
    margin-top: -3rem;
  }

  .md\:-mr-12{
    margin-right: -3rem;
  }

  .md\:-mb-12{
    margin-bottom: -3rem;
  }

  .md\:-ml-12{
    margin-left: -3rem;
  }

  .md\:-mt-16{
    margin-top: -4rem;
  }

  .md\:-mr-16{
    margin-right: -4rem;
  }

  .md\:-mb-16{
    margin-bottom: -4rem;
  }

  .md\:-ml-16{
    margin-left: -4rem;
  }

  .md\:-mt-20{
    margin-top: -5rem;
  }

  .md\:-mr-20{
    margin-right: -5rem;
  }

  .md\:-mb-20{
    margin-bottom: -5rem;
  }

  .md\:-ml-20{
    margin-left: -5rem;
  }

  .md\:-mt-24{
    margin-top: -6rem;
  }

  .md\:-mr-24{
    margin-right: -6rem;
  }

  .md\:-mb-24{
    margin-bottom: -6rem;
  }

  .md\:-ml-24{
    margin-left: -6rem;
  }

  .md\:-mt-32{
    margin-top: -8rem;
  }

  .md\:-mr-32{
    margin-right: -8rem;
  }

  .md\:-mb-32{
    margin-bottom: -8rem;
  }

  .md\:-ml-32{
    margin-left: -8rem;
  }

  .md\:-mt-40{
    margin-top: -10rem;
  }

  .md\:-mr-40{
    margin-right: -10rem;
  }

  .md\:-mb-40{
    margin-bottom: -10rem;
  }

  .md\:-ml-40{
    margin-left: -10rem;
  }

  .md\:-mt-48{
    margin-top: -12rem;
  }

  .md\:-mr-48{
    margin-right: -12rem;
  }

  .md\:-mb-48{
    margin-bottom: -12rem;
  }

  .md\:-ml-48{
    margin-left: -12rem;
  }

  .md\:-mt-56{
    margin-top: -14rem;
  }

  .md\:-mr-56{
    margin-right: -14rem;
  }

  .md\:-mb-56{
    margin-bottom: -14rem;
  }

  .md\:-ml-56{
    margin-left: -14rem;
  }

  .md\:-mt-64{
    margin-top: -16rem;
  }

  .md\:-mr-64{
    margin-right: -16rem;
  }

  .md\:-mb-64{
    margin-bottom: -16rem;
  }

  .md\:-ml-64{
    margin-left: -16rem;
  }

  .md\:-mt-px{
    margin-top: -1px;
  }

  .md\:-mr-px{
    margin-right: -1px;
  }

  .md\:-mb-px{
    margin-bottom: -1px;
  }

  .md\:-ml-px{
    margin-left: -1px;
  }

  .md\:max-h-full{
    max-height: 100%;
  }

  .md\:max-h-screen{
    max-height: 100vh;
  }

  .md\:max-w-none{
    max-width: none;
  }

  .md\:max-w-xs{
    max-width: 20rem;
  }

  .md\:max-w-sm{
    max-width: 24rem;
  }

  .md\:max-w-md{
    max-width: 28rem;
  }

  .md\:max-w-lg{
    max-width: 32rem;
  }

  .md\:max-w-xl{
    max-width: 36rem;
  }

  .md\:max-w-2xl{
    max-width: 42rem;
  }

  .md\:max-w-3xl{
    max-width: 48rem;
  }

  .md\:max-w-4xl{
    max-width: 56rem;
  }

  .md\:max-w-5xl{
    max-width: 64rem;
  }

  .md\:max-w-6xl{
    max-width: 72rem;
  }

  .md\:max-w-full{
    max-width: 100%;
  }

  .md\:max-w-screen-sm{
    max-width: 640px;
  }

  .md\:max-w-screen-md{
    max-width: 768px;
  }

  .md\:max-w-screen-lg{
    max-width: 1024px;
  }

  .md\:max-w-screen-xl{
    max-width: 1280px;
  }

  .md\:min-h-0{
    min-height: 0;
  }

  .md\:min-h-full{
    min-height: 100%;
  }

  .md\:min-h-screen{
    min-height: 100vh;
  }

  .md\:min-w-0{
    min-width: 0;
  }

  .md\:min-w-full{
    min-width: 100%;
  }

  .md\:object-contain{
    -o-object-fit: contain;
       object-fit: contain;
  }

  .md\:object-cover{
    -o-object-fit: cover;
       object-fit: cover;
  }

  .md\:object-fill{
    -o-object-fit: fill;
       object-fit: fill;
  }

  .md\:object-none{
    -o-object-fit: none;
       object-fit: none;
  }

  .md\:object-scale-down{
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .md\:object-bottom{
    -o-object-position: bottom;
       object-position: bottom;
  }

  .md\:object-center{
    -o-object-position: center;
       object-position: center;
  }

  .md\:object-left{
    -o-object-position: left;
       object-position: left;
  }

  .md\:object-left-bottom{
    -o-object-position: left bottom;
       object-position: left bottom;
  }

  .md\:object-left-top{
    -o-object-position: left top;
       object-position: left top;
  }

  .md\:object-right{
    -o-object-position: right;
       object-position: right;
  }

  .md\:object-right-bottom{
    -o-object-position: right bottom;
       object-position: right bottom;
  }

  .md\:object-right-top{
    -o-object-position: right top;
       object-position: right top;
  }

  .md\:object-top{
    -o-object-position: top;
       object-position: top;
  }

  .md\:opacity-0{
    opacity: 0;
  }

  .md\:opacity-25{
    opacity: 0.25;
  }

  .md\:opacity-50{
    opacity: 0.5;
  }

  .md\:opacity-75{
    opacity: 0.75;
  }

  .md\:opacity-100{
    opacity: 1;
  }

  .md\:hover\:opacity-0:hover{
    opacity: 0;
  }

  .md\:hover\:opacity-25:hover{
    opacity: 0.25;
  }

  .md\:hover\:opacity-50:hover{
    opacity: 0.5;
  }

  .md\:hover\:opacity-75:hover{
    opacity: 0.75;
  }

  .md\:hover\:opacity-100:hover{
    opacity: 1;
  }

  .md\:focus\:opacity-0:focus{
    opacity: 0;
  }

  .md\:focus\:opacity-25:focus{
    opacity: 0.25;
  }

  .md\:focus\:opacity-50:focus{
    opacity: 0.5;
  }

  .md\:focus\:opacity-75:focus{
    opacity: 0.75;
  }

  .md\:focus\:opacity-100:focus{
    opacity: 1;
  }

  .md\:outline-none{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .md\:outline-white{
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .md\:outline-black{
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .md\:focus\:outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .md\:focus\:outline-white:focus{
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .md\:focus\:outline-black:focus{
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .md\:overflow-auto{
    overflow: auto;
  }

  .md\:overflow-hidden{
    overflow: hidden;
  }

  .md\:overflow-visible{
    overflow: visible;
  }

  .md\:overflow-scroll{
    overflow: scroll;
  }

  .md\:overflow-x-auto{
    overflow-x: auto;
  }

  .md\:overflow-y-auto{
    overflow-y: auto;
  }

  .md\:overflow-x-hidden{
    overflow-x: hidden;
  }

  .md\:overflow-y-hidden{
    overflow-y: hidden;
  }

  .md\:overflow-x-visible{
    overflow-x: visible;
  }

  .md\:overflow-y-visible{
    overflow-y: visible;
  }

  .md\:overflow-x-scroll{
    overflow-x: scroll;
  }

  .md\:overflow-y-scroll{
    overflow-y: scroll;
  }

  .md\:scrolling-touch{
    -webkit-overflow-scrolling: touch;
  }

  .md\:scrolling-auto{
    -webkit-overflow-scrolling: auto;
  }

  .md\:overscroll-auto{
    overscroll-behavior: auto;
  }

  .md\:overscroll-contain{
    overscroll-behavior: contain;
  }

  .md\:overscroll-none{
    overscroll-behavior: none;
  }

  .md\:overscroll-y-auto{
    overscroll-behavior-y: auto;
  }

  .md\:overscroll-y-contain{
    overscroll-behavior-y: contain;
  }

  .md\:overscroll-y-none{
    overscroll-behavior-y: none;
  }

  .md\:overscroll-x-auto{
    overscroll-behavior-x: auto;
  }

  .md\:overscroll-x-contain{
    overscroll-behavior-x: contain;
  }

  .md\:overscroll-x-none{
    overscroll-behavior-x: none;
  }

  .md\:children\:p-0 > *{
    padding: 0;
  }

  .md\:children\:p-1 > *{
    padding: 0.25rem;
  }

  .md\:children\:p-2 > *{
    padding: 0.5rem;
  }

  .md\:children\:p-3 > *{
    padding: 0.75rem;
  }

  .md\:children\:p-4 > *{
    padding: 1rem;
  }

  .md\:children\:p-5 > *{
    padding: 1.25rem;
  }

  .md\:children\:p-6 > *{
    padding: 1.5rem;
  }

  .md\:children\:p-8 > *{
    padding: 2rem;
  }

  .md\:children\:p-10 > *{
    padding: 2.5rem;
  }

  .md\:children\:p-12 > *{
    padding: 3rem;
  }

  .md\:children\:p-16 > *{
    padding: 4rem;
  }

  .md\:children\:p-20 > *{
    padding: 5rem;
  }

  .md\:children\:p-24 > *{
    padding: 6rem;
  }

  .md\:children\:p-32 > *{
    padding: 8rem;
  }

  .md\:children\:p-40 > *{
    padding: 10rem;
  }

  .md\:children\:p-48 > *{
    padding: 12rem;
  }

  .md\:children\:p-56 > *{
    padding: 14rem;
  }

  .md\:children\:p-64 > *{
    padding: 16rem;
  }

  .md\:children\:p-px > *{
    padding: 1px;
  }

  .md\:children\:py-0 > *{
    padding-top: 0;
    padding-bottom: 0;
  }

  .md\:children\:px-0 > *{
    padding-left: 0;
    padding-right: 0;
  }

  .md\:children\:py-1 > *{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .md\:children\:px-1 > *{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .md\:children\:py-2 > *{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:children\:px-2 > *{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .md\:children\:py-3 > *{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .md\:children\:px-3 > *{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .md\:children\:py-4 > *{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:children\:px-4 > *{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:children\:py-5 > *{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .md\:children\:px-5 > *{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:children\:py-6 > *{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .md\:children\:px-6 > *{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:children\:py-8 > *{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:children\:px-8 > *{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:children\:py-10 > *{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .md\:children\:px-10 > *{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:children\:py-12 > *{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .md\:children\:px-12 > *{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .md\:children\:py-16 > *{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .md\:children\:px-16 > *{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .md\:children\:py-20 > *{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .md\:children\:px-20 > *{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .md\:children\:py-24 > *{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .md\:children\:px-24 > *{
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .md\:children\:py-32 > *{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .md\:children\:px-32 > *{
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .md\:children\:py-40 > *{
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .md\:children\:px-40 > *{
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .md\:children\:py-48 > *{
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .md\:children\:px-48 > *{
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .md\:children\:py-56 > *{
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .md\:children\:px-56 > *{
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .md\:children\:py-64 > *{
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .md\:children\:px-64 > *{
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .md\:children\:py-px > *{
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .md\:children\:px-px > *{
    padding-left: 1px;
    padding-right: 1px;
  }

  .md\:children\:pt-0 > *{
    padding-top: 0;
  }

  .md\:children\:pr-0 > *{
    padding-right: 0;
  }

  .md\:children\:pb-0 > *{
    padding-bottom: 0;
  }

  .md\:children\:pl-0 > *{
    padding-left: 0;
  }

  .md\:children\:pt-1 > *{
    padding-top: 0.25rem;
  }

  .md\:children\:pr-1 > *{
    padding-right: 0.25rem;
  }

  .md\:children\:pb-1 > *{
    padding-bottom: 0.25rem;
  }

  .md\:children\:pl-1 > *{
    padding-left: 0.25rem;
  }

  .md\:children\:pt-2 > *{
    padding-top: 0.5rem;
  }

  .md\:children\:pr-2 > *{
    padding-right: 0.5rem;
  }

  .md\:children\:pb-2 > *{
    padding-bottom: 0.5rem;
  }

  .md\:children\:pl-2 > *{
    padding-left: 0.5rem;
  }

  .md\:children\:pt-3 > *{
    padding-top: 0.75rem;
  }

  .md\:children\:pr-3 > *{
    padding-right: 0.75rem;
  }

  .md\:children\:pb-3 > *{
    padding-bottom: 0.75rem;
  }

  .md\:children\:pl-3 > *{
    padding-left: 0.75rem;
  }

  .md\:children\:pt-4 > *{
    padding-top: 1rem;
  }

  .md\:children\:pr-4 > *{
    padding-right: 1rem;
  }

  .md\:children\:pb-4 > *{
    padding-bottom: 1rem;
  }

  .md\:children\:pl-4 > *{
    padding-left: 1rem;
  }

  .md\:children\:pt-5 > *{
    padding-top: 1.25rem;
  }

  .md\:children\:pr-5 > *{
    padding-right: 1.25rem;
  }

  .md\:children\:pb-5 > *{
    padding-bottom: 1.25rem;
  }

  .md\:children\:pl-5 > *{
    padding-left: 1.25rem;
  }

  .md\:children\:pt-6 > *{
    padding-top: 1.5rem;
  }

  .md\:children\:pr-6 > *{
    padding-right: 1.5rem;
  }

  .md\:children\:pb-6 > *{
    padding-bottom: 1.5rem;
  }

  .md\:children\:pl-6 > *{
    padding-left: 1.5rem;
  }

  .md\:children\:pt-8 > *{
    padding-top: 2rem;
  }

  .md\:children\:pr-8 > *{
    padding-right: 2rem;
  }

  .md\:children\:pb-8 > *{
    padding-bottom: 2rem;
  }

  .md\:children\:pl-8 > *{
    padding-left: 2rem;
  }

  .md\:children\:pt-10 > *{
    padding-top: 2.5rem;
  }

  .md\:children\:pr-10 > *{
    padding-right: 2.5rem;
  }

  .md\:children\:pb-10 > *{
    padding-bottom: 2.5rem;
  }

  .md\:children\:pl-10 > *{
    padding-left: 2.5rem;
  }

  .md\:children\:pt-12 > *{
    padding-top: 3rem;
  }

  .md\:children\:pr-12 > *{
    padding-right: 3rem;
  }

  .md\:children\:pb-12 > *{
    padding-bottom: 3rem;
  }

  .md\:children\:pl-12 > *{
    padding-left: 3rem;
  }

  .md\:children\:pt-16 > *{
    padding-top: 4rem;
  }

  .md\:children\:pr-16 > *{
    padding-right: 4rem;
  }

  .md\:children\:pb-16 > *{
    padding-bottom: 4rem;
  }

  .md\:children\:pl-16 > *{
    padding-left: 4rem;
  }

  .md\:children\:pt-20 > *{
    padding-top: 5rem;
  }

  .md\:children\:pr-20 > *{
    padding-right: 5rem;
  }

  .md\:children\:pb-20 > *{
    padding-bottom: 5rem;
  }

  .md\:children\:pl-20 > *{
    padding-left: 5rem;
  }

  .md\:children\:pt-24 > *{
    padding-top: 6rem;
  }

  .md\:children\:pr-24 > *{
    padding-right: 6rem;
  }

  .md\:children\:pb-24 > *{
    padding-bottom: 6rem;
  }

  .md\:children\:pl-24 > *{
    padding-left: 6rem;
  }

  .md\:children\:pt-32 > *{
    padding-top: 8rem;
  }

  .md\:children\:pr-32 > *{
    padding-right: 8rem;
  }

  .md\:children\:pb-32 > *{
    padding-bottom: 8rem;
  }

  .md\:children\:pl-32 > *{
    padding-left: 8rem;
  }

  .md\:children\:pt-40 > *{
    padding-top: 10rem;
  }

  .md\:children\:pr-40 > *{
    padding-right: 10rem;
  }

  .md\:children\:pb-40 > *{
    padding-bottom: 10rem;
  }

  .md\:children\:pl-40 > *{
    padding-left: 10rem;
  }

  .md\:children\:pt-48 > *{
    padding-top: 12rem;
  }

  .md\:children\:pr-48 > *{
    padding-right: 12rem;
  }

  .md\:children\:pb-48 > *{
    padding-bottom: 12rem;
  }

  .md\:children\:pl-48 > *{
    padding-left: 12rem;
  }

  .md\:children\:pt-56 > *{
    padding-top: 14rem;
  }

  .md\:children\:pr-56 > *{
    padding-right: 14rem;
  }

  .md\:children\:pb-56 > *{
    padding-bottom: 14rem;
  }

  .md\:children\:pl-56 > *{
    padding-left: 14rem;
  }

  .md\:children\:pt-64 > *{
    padding-top: 16rem;
  }

  .md\:children\:pr-64 > *{
    padding-right: 16rem;
  }

  .md\:children\:pb-64 > *{
    padding-bottom: 16rem;
  }

  .md\:children\:pl-64 > *{
    padding-left: 16rem;
  }

  .md\:children\:pt-px > *{
    padding-top: 1px;
  }

  .md\:children\:pr-px > *{
    padding-right: 1px;
  }

  .md\:children\:pb-px > *{
    padding-bottom: 1px;
  }

  .md\:children\:pl-px > *{
    padding-left: 1px;
  }

  .md\:p-0{
    padding: 0;
  }

  .md\:p-1{
    padding: 0.25rem;
  }

  .md\:p-2{
    padding: 0.5rem;
  }

  .md\:p-3{
    padding: 0.75rem;
  }

  .md\:p-4{
    padding: 1rem;
  }

  .md\:p-5{
    padding: 1.25rem;
  }

  .md\:p-6{
    padding: 1.5rem;
  }

  .md\:p-8{
    padding: 2rem;
  }

  .md\:p-10{
    padding: 2.5rem;
  }

  .md\:p-12{
    padding: 3rem;
  }

  .md\:p-16{
    padding: 4rem;
  }

  .md\:p-20{
    padding: 5rem;
  }

  .md\:p-24{
    padding: 6rem;
  }

  .md\:p-32{
    padding: 8rem;
  }

  .md\:p-40{
    padding: 10rem;
  }

  .md\:p-48{
    padding: 12rem;
  }

  .md\:p-56{
    padding: 14rem;
  }

  .md\:p-64{
    padding: 16rem;
  }

  .md\:p-px{
    padding: 1px;
  }

  .md\:py-0{
    padding-top: 0;
    padding-bottom: 0;
  }

  .md\:px-0{
    padding-left: 0;
    padding-right: 0;
  }

  .md\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .md\:px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .md\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .md\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .md\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .md\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .md\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .md\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .md\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .md\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .md\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .md\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .md\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .md\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .md\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .md\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .md\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .md\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .md\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .md\:px-24{
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .md\:py-32{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .md\:px-32{
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .md\:py-40{
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .md\:px-40{
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .md\:py-48{
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .md\:px-48{
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .md\:py-56{
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .md\:px-56{
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .md\:py-64{
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .md\:px-64{
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .md\:py-px{
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .md\:px-px{
    padding-left: 1px;
    padding-right: 1px;
  }

  .md\:pt-0{
    padding-top: 0;
  }

  .md\:pr-0{
    padding-right: 0;
  }

  .md\:pb-0{
    padding-bottom: 0;
  }

  .md\:pl-0{
    padding-left: 0;
  }

  .md\:pt-1{
    padding-top: 0.25rem;
  }

  .md\:pr-1{
    padding-right: 0.25rem;
  }

  .md\:pb-1{
    padding-bottom: 0.25rem;
  }

  .md\:pl-1{
    padding-left: 0.25rem;
  }

  .md\:pt-2{
    padding-top: 0.5rem;
  }

  .md\:pr-2{
    padding-right: 0.5rem;
  }

  .md\:pb-2{
    padding-bottom: 0.5rem;
  }

  .md\:pl-2{
    padding-left: 0.5rem;
  }

  .md\:pt-3{
    padding-top: 0.75rem;
  }

  .md\:pr-3{
    padding-right: 0.75rem;
  }

  .md\:pb-3{
    padding-bottom: 0.75rem;
  }

  .md\:pl-3{
    padding-left: 0.75rem;
  }

  .md\:pt-4{
    padding-top: 1rem;
  }

  .md\:pr-4{
    padding-right: 1rem;
  }

  .md\:pb-4{
    padding-bottom: 1rem;
  }

  .md\:pl-4{
    padding-left: 1rem;
  }

  .md\:pt-5{
    padding-top: 1.25rem;
  }

  .md\:pr-5{
    padding-right: 1.25rem;
  }

  .md\:pb-5{
    padding-bottom: 1.25rem;
  }

  .md\:pl-5{
    padding-left: 1.25rem;
  }

  .md\:pt-6{
    padding-top: 1.5rem;
  }

  .md\:pr-6{
    padding-right: 1.5rem;
  }

  .md\:pb-6{
    padding-bottom: 1.5rem;
  }

  .md\:pl-6{
    padding-left: 1.5rem;
  }

  .md\:pt-8{
    padding-top: 2rem;
  }

  .md\:pr-8{
    padding-right: 2rem;
  }

  .md\:pb-8{
    padding-bottom: 2rem;
  }

  .md\:pl-8{
    padding-left: 2rem;
  }

  .md\:pt-10{
    padding-top: 2.5rem;
  }

  .md\:pr-10{
    padding-right: 2.5rem;
  }

  .md\:pb-10{
    padding-bottom: 2.5rem;
  }

  .md\:pl-10{
    padding-left: 2.5rem;
  }

  .md\:pt-12{
    padding-top: 3rem;
  }

  .md\:pr-12{
    padding-right: 3rem;
  }

  .md\:pb-12{
    padding-bottom: 3rem;
  }

  .md\:pl-12{
    padding-left: 3rem;
  }

  .md\:pt-16{
    padding-top: 4rem;
  }

  .md\:pr-16{
    padding-right: 4rem;
  }

  .md\:pb-16{
    padding-bottom: 4rem;
  }

  .md\:pl-16{
    padding-left: 4rem;
  }

  .md\:pt-20{
    padding-top: 5rem;
  }

  .md\:pr-20{
    padding-right: 5rem;
  }

  .md\:pb-20{
    padding-bottom: 5rem;
  }

  .md\:pl-20{
    padding-left: 5rem;
  }

  .md\:pt-24{
    padding-top: 6rem;
  }

  .md\:pr-24{
    padding-right: 6rem;
  }

  .md\:pb-24{
    padding-bottom: 6rem;
  }

  .md\:pl-24{
    padding-left: 6rem;
  }

  .md\:pt-32{
    padding-top: 8rem;
  }

  .md\:pr-32{
    padding-right: 8rem;
  }

  .md\:pb-32{
    padding-bottom: 8rem;
  }

  .md\:pl-32{
    padding-left: 8rem;
  }

  .md\:pt-40{
    padding-top: 10rem;
  }

  .md\:pr-40{
    padding-right: 10rem;
  }

  .md\:pb-40{
    padding-bottom: 10rem;
  }

  .md\:pl-40{
    padding-left: 10rem;
  }

  .md\:pt-48{
    padding-top: 12rem;
  }

  .md\:pr-48{
    padding-right: 12rem;
  }

  .md\:pb-48{
    padding-bottom: 12rem;
  }

  .md\:pl-48{
    padding-left: 12rem;
  }

  .md\:pt-56{
    padding-top: 14rem;
  }

  .md\:pr-56{
    padding-right: 14rem;
  }

  .md\:pb-56{
    padding-bottom: 14rem;
  }

  .md\:pl-56{
    padding-left: 14rem;
  }

  .md\:pt-64{
    padding-top: 16rem;
  }

  .md\:pr-64{
    padding-right: 16rem;
  }

  .md\:pb-64{
    padding-bottom: 16rem;
  }

  .md\:pl-64{
    padding-left: 16rem;
  }

  .md\:pt-px{
    padding-top: 1px;
  }

  .md\:pr-px{
    padding-right: 1px;
  }

  .md\:pb-px{
    padding-bottom: 1px;
  }

  .md\:pl-px{
    padding-left: 1px;
  }

  .md\:placeholder-blue-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-bright::placeholder{
    --placeholder-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-light::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-light::placeholder{
    --placeholder-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-pale::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-pale::placeholder{
    --placeholder-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-deep::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-deep::placeholder{
    --placeholder-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-med::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-med::placeholder{
    --placeholder-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--placeholder-opacity));
  }

  .md\:placeholder-blue-dark::placeholder{
    --placeholder-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-100::placeholder{
    --placeholder-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-200::placeholder{
    --placeholder-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-300::placeholder{
    --placeholder-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-500::placeholder{
    --placeholder-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-600::placeholder{
    --placeholder-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-700::placeholder{
    --placeholder-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--placeholder-opacity));
  }

  .md\:placeholder-gray-900::placeholder{
    --placeholder-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--placeholder-opacity));
  }

  .md\:placeholder-magenta-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--placeholder-opacity));
  }

  .md\:placeholder-magenta-dark::placeholder{
    --placeholder-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--placeholder-opacity));
  }

  .md\:placeholder-magenta-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--placeholder-opacity));
  }

  .md\:placeholder-magenta-bright::placeholder{
    --placeholder-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--placeholder-opacity));
  }

  .md\:placeholder-magenta-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--placeholder-opacity));
  }

  .md\:placeholder-magenta-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-dark::placeholder{
    --placeholder-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-bright::placeholder{
    --placeholder-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--placeholder-opacity));
  }

  .md\:placeholder-teal-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--placeholder-opacity));
  }

  .md\:placeholder-mustard-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--placeholder-opacity));
  }

  .md\:placeholder-mustard-dark::placeholder{
    --placeholder-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--placeholder-opacity));
  }

  .md\:placeholder-mustard-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--placeholder-opacity));
  }

  .md\:placeholder-mustard-bright::placeholder{
    --placeholder-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--placeholder-opacity));
  }

  .md\:placeholder-mustard-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--placeholder-opacity));
  }

  .md\:placeholder-mustard-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-dark::placeholder{
    --placeholder-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-bright::placeholder{
    --placeholder-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-bookshop::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--placeholder-opacity));
  }

  .md\:placeholder-purple-bookshop::placeholder{
    --placeholder-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--placeholder-opacity));
  }

  .md\:placeholder-green-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--placeholder-opacity));
  }

  .md\:placeholder-green-dark::placeholder{
    --placeholder-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--placeholder-opacity));
  }

  .md\:placeholder-green-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--placeholder-opacity));
  }

  .md\:placeholder-green-bright::placeholder{
    --placeholder-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--placeholder-opacity));
  }

  .md\:placeholder-green-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--placeholder-opacity));
  }

  .md\:placeholder-green-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--placeholder-opacity));
  }

  .md\:placeholder-navy-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--placeholder-opacity));
  }

  .md\:placeholder-navy-dark::placeholder{
    --placeholder-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--placeholder-opacity));
  }

  .md\:placeholder-navy-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--placeholder-opacity));
  }

  .md\:placeholder-navy-bright::placeholder{
    --placeholder-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--placeholder-opacity));
  }

  .md\:placeholder-navy-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--placeholder-opacity));
  }

  .md\:placeholder-navy-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--placeholder-opacity));
  }

  .md\:placeholder-transparent::-moz-placeholder{
    color: transparent;
  }

  .md\:placeholder-transparent::placeholder{
    color: transparent;
  }

  .md\:placeholder-black::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--placeholder-opacity));
  }

  .md\:placeholder-black::placeholder{
    --placeholder-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--placeholder-opacity));
  }

  .md\:placeholder-white::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-white::placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:placeholder-red::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--placeholder-opacity));
  }

  .md\:placeholder-red::placeholder{
    --placeholder-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-light:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-light:focus::placeholder{
    --placeholder-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-pale:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-pale:focus::placeholder{
    --placeholder-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-deep:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-deep:focus::placeholder{
    --placeholder-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-med:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-med:focus::placeholder{
    --placeholder-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-blue-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-gray-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-magenta-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-magenta-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-magenta-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-magenta-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-magenta-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-magenta-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-teal-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-mustard-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-mustard-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-mustard-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-mustard-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-mustard-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-mustard-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-bookshop:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-purple-bookshop:focus::placeholder{
    --placeholder-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-green-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-green-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-green-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-green-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-green-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-green-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-navy-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-navy-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-navy-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-navy-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-navy-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-navy-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-transparent:focus::-moz-placeholder{
    color: transparent;
  }

  .md\:focus\:placeholder-transparent:focus::placeholder{
    color: transparent;
  }

  .md\:focus\:placeholder-black:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-black:focus::placeholder{
    --placeholder-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-white:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-white:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-red:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--placeholder-opacity));
  }

  .md\:focus\:placeholder-red:focus::placeholder{
    --placeholder-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--placeholder-opacity));
  }

  .md\:placeholder-opacity-0::-moz-placeholder{
    --placeholder-opacity: 0;
  }

  .md\:placeholder-opacity-0::placeholder{
    --placeholder-opacity: 0;
  }

  .md\:placeholder-opacity-25::-moz-placeholder{
    --placeholder-opacity: 0.25;
  }

  .md\:placeholder-opacity-25::placeholder{
    --placeholder-opacity: 0.25;
  }

  .md\:placeholder-opacity-50::-moz-placeholder{
    --placeholder-opacity: 0.5;
  }

  .md\:placeholder-opacity-50::placeholder{
    --placeholder-opacity: 0.5;
  }

  .md\:placeholder-opacity-75::-moz-placeholder{
    --placeholder-opacity: 0.75;
  }

  .md\:placeholder-opacity-75::placeholder{
    --placeholder-opacity: 0.75;
  }

  .md\:placeholder-opacity-100::-moz-placeholder{
    --placeholder-opacity: 1;
  }

  .md\:placeholder-opacity-100::placeholder{
    --placeholder-opacity: 1;
  }

  .md\:focus\:placeholder-opacity-0:focus::-moz-placeholder{
    --placeholder-opacity: 0;
  }

  .md\:focus\:placeholder-opacity-0:focus::placeholder{
    --placeholder-opacity: 0;
  }

  .md\:focus\:placeholder-opacity-25:focus::-moz-placeholder{
    --placeholder-opacity: 0.25;
  }

  .md\:focus\:placeholder-opacity-25:focus::placeholder{
    --placeholder-opacity: 0.25;
  }

  .md\:focus\:placeholder-opacity-50:focus::-moz-placeholder{
    --placeholder-opacity: 0.5;
  }

  .md\:focus\:placeholder-opacity-50:focus::placeholder{
    --placeholder-opacity: 0.5;
  }

  .md\:focus\:placeholder-opacity-75:focus::-moz-placeholder{
    --placeholder-opacity: 0.75;
  }

  .md\:focus\:placeholder-opacity-75:focus::placeholder{
    --placeholder-opacity: 0.75;
  }

  .md\:focus\:placeholder-opacity-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
  }

  .md\:focus\:placeholder-opacity-100:focus::placeholder{
    --placeholder-opacity: 1;
  }

  .md\:pointer-events-none{
    pointer-events: none;
  }

  .md\:pointer-events-auto{
    pointer-events: auto;
  }

  .md\:static{
    position: static;
  }

  .md\:fixed{
    position: fixed;
  }

  .md\:absolute{
    position: absolute;
  }

  .md\:relative{
    position: relative;
  }

  .md\:sticky{
    position: sticky;
  }

  .md\:inset-0{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .md\:inset-auto{
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .md\:inset-y-0{
    top: 0;
    bottom: 0;
  }

  .md\:inset-x-0{
    right: 0;
    left: 0;
  }

  .md\:inset-y-auto{
    top: auto;
    bottom: auto;
  }

  .md\:inset-x-auto{
    right: auto;
    left: auto;
  }

  .md\:top-0{
    top: 0;
  }

  .md\:right-0{
    right: 0;
  }

  .md\:bottom-0{
    bottom: 0;
  }

  .md\:left-0{
    left: 0;
  }

  .md\:top-auto{
    top: auto;
  }

  .md\:right-auto{
    right: auto;
  }

  .md\:bottom-auto{
    bottom: auto;
  }

  .md\:left-auto{
    left: auto;
  }

  .md\:resize-none{
    resize: none;
  }

  .md\:resize-y{
    resize: vertical;
  }

  .md\:resize-x{
    resize: horizontal;
  }

  .md\:resize{
    resize: both;
  }

  .md\:shadow-xs{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .md\:shadow-sm{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .md\:shadow{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .md\:shadow-md{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .md\:shadow-lg{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .md\:shadow-xl{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .md\:shadow-2xl{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .md\:shadow-inner{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .md\:shadow-outline{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .md\:shadow-none{
    box-shadow: none;
  }

  .md\:hover\:shadow-xs:hover{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .md\:hover\:shadow-sm:hover{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .md\:hover\:shadow:hover{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .md\:hover\:shadow-md:hover{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .md\:hover\:shadow-lg:hover{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .md\:hover\:shadow-xl:hover{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .md\:hover\:shadow-2xl:hover{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .md\:hover\:shadow-inner:hover{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .md\:hover\:shadow-outline:hover{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .md\:hover\:shadow-none:hover{
    box-shadow: none;
  }

  .md\:focus\:shadow-xs:focus{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .md\:focus\:shadow-sm:focus{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .md\:focus\:shadow:focus{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .md\:focus\:shadow-md:focus{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .md\:focus\:shadow-lg:focus{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .md\:focus\:shadow-xl:focus{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .md\:focus\:shadow-2xl:focus{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .md\:focus\:shadow-inner:focus{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .md\:focus\:shadow-outline:focus{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .md\:focus\:shadow-none:focus{
    box-shadow: none;
  }

  .md\:fill-current{
    fill: currentColor;
  }

  .md\:stroke-current{
    stroke: currentColor;
  }

  .md\:stroke-0{
    stroke-width: 0;
  }

  .md\:stroke-1{
    stroke-width: 1;
  }

  .md\:stroke-2{
    stroke-width: 2;
  }

  .md\:table-auto{
    table-layout: auto;
  }

  .md\:table-fixed{
    table-layout: fixed;
  }

  .md\:text-left{
    text-align: left;
  }

  .md\:text-center{
    text-align: center;
  }

  .md\:text-right{
    text-align: right;
  }

  .md\:text-justify{
    text-align: justify;
  }

  .md\:text-blue-bright{
    --text-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--text-opacity));
  }

  .md\:text-blue-light{
    --text-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--text-opacity));
  }

  .md\:text-blue-pale{
    --text-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--text-opacity));
  }

  .md\:text-blue-deep{
    --text-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--text-opacity));
  }

  .md\:text-blue-hilight{
    --text-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--text-opacity));
  }

  .md\:text-blue-med{
    --text-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--text-opacity));
  }

  .md\:text-blue-dark{
    --text-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--text-opacity));
  }

  .md\:text-gray-100{
    --text-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--text-opacity));
  }

  .md\:text-gray-200{
    --text-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--text-opacity));
  }

  .md\:text-gray-300{
    --text-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--text-opacity));
  }

  .md\:text-gray-500{
    --text-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--text-opacity));
  }

  .md\:text-gray-600{
    --text-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--text-opacity));
  }

  .md\:text-gray-700{
    --text-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--text-opacity));
  }

  .md\:text-gray-900{
    --text-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--text-opacity));
  }

  .md\:text-magenta-dark{
    --text-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--text-opacity));
  }

  .md\:text-magenta-bright{
    --text-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--text-opacity));
  }

  .md\:text-magenta-hilight{
    --text-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--text-opacity));
  }

  .md\:text-teal-dark{
    --text-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--text-opacity));
  }

  .md\:text-teal-bright{
    --text-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--text-opacity));
  }

  .md\:text-teal-hilight{
    --text-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--text-opacity));
  }

  .md\:text-mustard-dark{
    --text-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--text-opacity));
  }

  .md\:text-mustard-bright{
    --text-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--text-opacity));
  }

  .md\:text-mustard-hilight{
    --text-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--text-opacity));
  }

  .md\:text-purple-dark{
    --text-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--text-opacity));
  }

  .md\:text-purple-bright{
    --text-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--text-opacity));
  }

  .md\:text-purple-hilight{
    --text-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--text-opacity));
  }

  .md\:text-purple-bookshop{
    --text-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--text-opacity));
  }

  .md\:text-green-dark{
    --text-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--text-opacity));
  }

  .md\:text-green-bright{
    --text-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--text-opacity));
  }

  .md\:text-green-hilight{
    --text-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--text-opacity));
  }

  .md\:text-navy-dark{
    --text-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--text-opacity));
  }

  .md\:text-navy-bright{
    --text-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--text-opacity));
  }

  .md\:text-navy-hilight{
    --text-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--text-opacity));
  }

  .md\:text-transparent{
    color: transparent;
  }

  .md\:text-black{
    --text-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--text-opacity));
  }

  .md\:text-white{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .md\:text-red{
    --text-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--text-opacity));
  }

  .md\:hover\:text-blue-bright:hover{
    --text-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--text-opacity));
  }

  .md\:hover\:text-blue-light:hover{
    --text-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--text-opacity));
  }

  .md\:hover\:text-blue-pale:hover{
    --text-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--text-opacity));
  }

  .md\:hover\:text-blue-deep:hover{
    --text-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--text-opacity));
  }

  .md\:hover\:text-blue-hilight:hover{
    --text-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--text-opacity));
  }

  .md\:hover\:text-blue-med:hover{
    --text-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--text-opacity));
  }

  .md\:hover\:text-blue-dark:hover{
    --text-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--text-opacity));
  }

  .md\:hover\:text-gray-100:hover{
    --text-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--text-opacity));
  }

  .md\:hover\:text-gray-200:hover{
    --text-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--text-opacity));
  }

  .md\:hover\:text-gray-300:hover{
    --text-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--text-opacity));
  }

  .md\:hover\:text-gray-500:hover{
    --text-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--text-opacity));
  }

  .md\:hover\:text-gray-600:hover{
    --text-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--text-opacity));
  }

  .md\:hover\:text-gray-700:hover{
    --text-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--text-opacity));
  }

  .md\:hover\:text-gray-900:hover{
    --text-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--text-opacity));
  }

  .md\:hover\:text-magenta-dark:hover{
    --text-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--text-opacity));
  }

  .md\:hover\:text-magenta-bright:hover{
    --text-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--text-opacity));
  }

  .md\:hover\:text-magenta-hilight:hover{
    --text-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--text-opacity));
  }

  .md\:hover\:text-teal-dark:hover{
    --text-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--text-opacity));
  }

  .md\:hover\:text-teal-bright:hover{
    --text-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--text-opacity));
  }

  .md\:hover\:text-teal-hilight:hover{
    --text-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--text-opacity));
  }

  .md\:hover\:text-mustard-dark:hover{
    --text-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--text-opacity));
  }

  .md\:hover\:text-mustard-bright:hover{
    --text-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--text-opacity));
  }

  .md\:hover\:text-mustard-hilight:hover{
    --text-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--text-opacity));
  }

  .md\:hover\:text-purple-dark:hover{
    --text-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--text-opacity));
  }

  .md\:hover\:text-purple-bright:hover{
    --text-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--text-opacity));
  }

  .md\:hover\:text-purple-hilight:hover{
    --text-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--text-opacity));
  }

  .md\:hover\:text-purple-bookshop:hover{
    --text-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--text-opacity));
  }

  .md\:hover\:text-green-dark:hover{
    --text-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--text-opacity));
  }

  .md\:hover\:text-green-bright:hover{
    --text-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--text-opacity));
  }

  .md\:hover\:text-green-hilight:hover{
    --text-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--text-opacity));
  }

  .md\:hover\:text-navy-dark:hover{
    --text-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--text-opacity));
  }

  .md\:hover\:text-navy-bright:hover{
    --text-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--text-opacity));
  }

  .md\:hover\:text-navy-hilight:hover{
    --text-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--text-opacity));
  }

  .md\:hover\:text-transparent:hover{
    color: transparent;
  }

  .md\:hover\:text-black:hover{
    --text-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--text-opacity));
  }

  .md\:hover\:text-white:hover{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .md\:hover\:text-red:hover{
    --text-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--text-opacity));
  }

  .md\:focus\:text-blue-bright:focus{
    --text-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--text-opacity));
  }

  .md\:focus\:text-blue-light:focus{
    --text-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--text-opacity));
  }

  .md\:focus\:text-blue-pale:focus{
    --text-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--text-opacity));
  }

  .md\:focus\:text-blue-deep:focus{
    --text-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--text-opacity));
  }

  .md\:focus\:text-blue-hilight:focus{
    --text-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--text-opacity));
  }

  .md\:focus\:text-blue-med:focus{
    --text-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--text-opacity));
  }

  .md\:focus\:text-blue-dark:focus{
    --text-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--text-opacity));
  }

  .md\:focus\:text-gray-100:focus{
    --text-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--text-opacity));
  }

  .md\:focus\:text-gray-200:focus{
    --text-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--text-opacity));
  }

  .md\:focus\:text-gray-300:focus{
    --text-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--text-opacity));
  }

  .md\:focus\:text-gray-500:focus{
    --text-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--text-opacity));
  }

  .md\:focus\:text-gray-600:focus{
    --text-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--text-opacity));
  }

  .md\:focus\:text-gray-700:focus{
    --text-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--text-opacity));
  }

  .md\:focus\:text-gray-900:focus{
    --text-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--text-opacity));
  }

  .md\:focus\:text-magenta-dark:focus{
    --text-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--text-opacity));
  }

  .md\:focus\:text-magenta-bright:focus{
    --text-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--text-opacity));
  }

  .md\:focus\:text-magenta-hilight:focus{
    --text-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--text-opacity));
  }

  .md\:focus\:text-teal-dark:focus{
    --text-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--text-opacity));
  }

  .md\:focus\:text-teal-bright:focus{
    --text-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--text-opacity));
  }

  .md\:focus\:text-teal-hilight:focus{
    --text-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--text-opacity));
  }

  .md\:focus\:text-mustard-dark:focus{
    --text-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--text-opacity));
  }

  .md\:focus\:text-mustard-bright:focus{
    --text-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--text-opacity));
  }

  .md\:focus\:text-mustard-hilight:focus{
    --text-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--text-opacity));
  }

  .md\:focus\:text-purple-dark:focus{
    --text-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--text-opacity));
  }

  .md\:focus\:text-purple-bright:focus{
    --text-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--text-opacity));
  }

  .md\:focus\:text-purple-hilight:focus{
    --text-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--text-opacity));
  }

  .md\:focus\:text-purple-bookshop:focus{
    --text-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--text-opacity));
  }

  .md\:focus\:text-green-dark:focus{
    --text-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--text-opacity));
  }

  .md\:focus\:text-green-bright:focus{
    --text-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--text-opacity));
  }

  .md\:focus\:text-green-hilight:focus{
    --text-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--text-opacity));
  }

  .md\:focus\:text-navy-dark:focus{
    --text-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--text-opacity));
  }

  .md\:focus\:text-navy-bright:focus{
    --text-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--text-opacity));
  }

  .md\:focus\:text-navy-hilight:focus{
    --text-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--text-opacity));
  }

  .md\:focus\:text-transparent:focus{
    color: transparent;
  }

  .md\:focus\:text-black:focus{
    --text-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--text-opacity));
  }

  .md\:focus\:text-white:focus{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .md\:focus\:text-red:focus{
    --text-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--text-opacity));
  }

  .md\:text-opacity-0{
    --text-opacity: 0;
  }

  .md\:text-opacity-25{
    --text-opacity: 0.25;
  }

  .md\:text-opacity-50{
    --text-opacity: 0.5;
  }

  .md\:text-opacity-75{
    --text-opacity: 0.75;
  }

  .md\:text-opacity-100{
    --text-opacity: 1;
  }

  .md\:hover\:text-opacity-0:hover{
    --text-opacity: 0;
  }

  .md\:hover\:text-opacity-25:hover{
    --text-opacity: 0.25;
  }

  .md\:hover\:text-opacity-50:hover{
    --text-opacity: 0.5;
  }

  .md\:hover\:text-opacity-75:hover{
    --text-opacity: 0.75;
  }

  .md\:hover\:text-opacity-100:hover{
    --text-opacity: 1;
  }

  .md\:focus\:text-opacity-0:focus{
    --text-opacity: 0;
  }

  .md\:focus\:text-opacity-25:focus{
    --text-opacity: 0.25;
  }

  .md\:focus\:text-opacity-50:focus{
    --text-opacity: 0.5;
  }

  .md\:focus\:text-opacity-75:focus{
    --text-opacity: 0.75;
  }

  .md\:focus\:text-opacity-100:focus{
    --text-opacity: 1;
  }

  .md\:italic{
    font-style: italic;
  }

  .md\:not-italic{
    font-style: normal;
  }

  .md\:uppercase{
    text-transform: uppercase;
  }

  .md\:lowercase{
    text-transform: lowercase;
  }

  .md\:capitalize{
    text-transform: capitalize;
  }

  .md\:normal-case{
    text-transform: none;
  }

  .md\:underline{
    text-decoration: underline;
  }

  .md\:line-through{
    text-decoration: line-through;
  }

  .md\:no-underline{
    text-decoration: none;
  }

  .md\:hover\:underline:hover{
    text-decoration: underline;
  }

  .md\:hover\:line-through:hover{
    text-decoration: line-through;
  }

  .md\:hover\:no-underline:hover{
    text-decoration: none;
  }

  .md\:focus\:underline:focus{
    text-decoration: underline;
  }

  .md\:focus\:line-through:focus{
    text-decoration: line-through;
  }

  .md\:focus\:no-underline:focus{
    text-decoration: none;
  }

  .md\:antialiased{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .md\:subpixel-antialiased{
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions{
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
  }

  .md\:normal-nums{
    font-variant-numeric: normal;
  }

  .md\:ordinal{
    --font-variant-numeric-ordinal: ordinal;
  }

  .md\:slashed-zero{
    --font-variant-numeric-slashed-zero: slashed-zero;
  }

  .md\:lining-nums{
    --font-variant-numeric-figure: lining-nums;
  }

  .md\:oldstyle-nums{
    --font-variant-numeric-figure: oldstyle-nums;
  }

  .md\:proportional-nums{
    --font-variant-numeric-spacing: proportional-nums;
  }

  .md\:tabular-nums{
    --font-variant-numeric-spacing: tabular-nums;
  }

  .md\:diagonal-fractions{
    --font-variant-numeric-fraction: diagonal-fractions;
  }

  .md\:stacked-fractions{
    --font-variant-numeric-fraction: stacked-fractions;
  }

  .md\:tracking-tighter{
    letter-spacing: -0.05em;
  }

  .md\:tracking-tight{
    letter-spacing: -0.025em;
  }

  .md\:tracking-normal{
    letter-spacing: 0;
  }

  .md\:tracking-wide{
    letter-spacing: 0.025em;
  }

  .md\:tracking-wider{
    letter-spacing: 0.05em;
  }

  .md\:tracking-widest{
    letter-spacing: 0.1em;
  }

  .md\:select-none{
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

  .md\:select-text{
    -webkit-user-select: text;
       -moz-user-select: text;
            user-select: text;
  }

  .md\:select-all{
    -webkit-user-select: all;
       -moz-user-select: all;
            user-select: all;
  }

  .md\:select-auto{
    -webkit-user-select: auto;
       -moz-user-select: auto;
            user-select: auto;
  }

  .md\:align-baseline{
    vertical-align: baseline;
  }

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

  .md\:align-middle{
    vertical-align: middle;
  }

  .md\:align-bottom{
    vertical-align: bottom;
  }

  .md\:align-text-top{
    vertical-align: text-top;
  }

  .md\:align-text-bottom{
    vertical-align: text-bottom;
  }

  .md\:visible{
    visibility: visible;
  }

  .md\:invisible{
    visibility: hidden;
  }

  .md\:whitespace-normal{
    white-space: normal;
  }

  .md\:whitespace-no-wrap{
    white-space: nowrap;
  }

  .md\:whitespace-pre{
    white-space: pre;
  }

  .md\:whitespace-pre-line{
    white-space: pre-line;
  }

  .md\:whitespace-pre-wrap{
    white-space: pre-wrap;
  }

  .md\:break-normal{
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .md\:break-words{
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .md\:break-all{
    word-break: break-all;
  }

  .md\:truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .md\:w-0{
    width: 0;
  }

  .md\:w-1{
    width: 0.25rem;
  }

  .md\:w-2{
    width: 0.5rem;
  }

  .md\:w-3{
    width: 0.75rem;
  }

  .md\:w-4{
    width: 1rem;
  }

  .md\:w-5{
    width: 1.25rem;
  }

  .md\:w-6{
    width: 1.5rem;
  }

  .md\:w-8{
    width: 2rem;
  }

  .md\:w-10{
    width: 2.5rem;
  }

  .md\:w-12{
    width: 3rem;
  }

  .md\:w-16{
    width: 4rem;
  }

  .md\:w-20{
    width: 5rem;
  }

  .md\:w-24{
    width: 6rem;
  }

  .md\:w-32{
    width: 8rem;
  }

  .md\:w-40{
    width: 10rem;
  }

  .md\:w-48{
    width: 12rem;
  }

  .md\:w-56{
    width: 14rem;
  }

  .md\:w-64{
    width: 16rem;
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:w-px{
    width: 1px;
  }

  .md\:w-1\/2{
    width: 50%;
  }

  .md\:w-1\/3{
    width: 33.333333%;
  }

  .md\:w-2\/3{
    width: 66.666667%;
  }

  .md\:w-1\/4{
    width: 25%;
  }

  .md\:w-2\/4{
    width: 50%;
  }

  .md\:w-3\/4{
    width: 75%;
  }

  .md\:w-1\/5{
    width: 20%;
  }

  .md\:w-2\/5{
    width: 40%;
  }

  .md\:w-3\/5{
    width: 60%;
  }

  .md\:w-4\/5{
    width: 80%;
  }

  .md\:w-1\/6{
    width: 16.666667%;
  }

  .md\:w-2\/6{
    width: 33.333333%;
  }

  .md\:w-3\/6{
    width: 50%;
  }

  .md\:w-4\/6{
    width: 66.666667%;
  }

  .md\:w-5\/6{
    width: 83.333333%;
  }

  .md\:w-1\/12{
    width: 8.333333%;
  }

  .md\:w-2\/12{
    width: 16.666667%;
  }

  .md\:w-3\/12{
    width: 25%;
  }

  .md\:w-4\/12{
    width: 33.333333%;
  }

  .md\:w-5\/12{
    width: 41.666667%;
  }

  .md\:w-6\/12{
    width: 50%;
  }

  .md\:w-7\/12{
    width: 58.333333%;
  }

  .md\:w-8\/12{
    width: 66.666667%;
  }

  .md\:w-9\/12{
    width: 75%;
  }

  .md\:w-10\/12{
    width: 83.333333%;
  }

  .md\:w-11\/12{
    width: 91.666667%;
  }

  .md\:w-full{
    width: 100%;
  }

  .md\:w-screen{
    width: 100vw;
  }

  .md\:w-1\/7{
    width: 14.2857143%;
  }

  .md\:w-2\/7{
    width: 28.5714286%;
  }

  .md\:w-1\/8{
    width: 12.5%;
  }

  .md\:z-0{
    z-index: 0;
  }

  .md\:z-10{
    z-index: 10;
  }

  .md\:z-20{
    z-index: 20;
  }

  .md\:z-30{
    z-index: 30;
  }

  .md\:z-40{
    z-index: 40;
  }

  .md\:z-50{
    z-index: 50;
  }

  .md\:z-auto{
    z-index: auto;
  }

  .md\:gap-0{
    grid-gap: 0;
    gap: 0;
  }

  .md\:gap-1{
    grid-gap: 0.25rem;
    gap: 0.25rem;
  }

  .md\:gap-2{
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  .md\:gap-3{
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  .md\:gap-4{
    grid-gap: 1rem;
    gap: 1rem;
  }

  .md\:gap-5{
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  .md\:gap-6{
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  .md\:gap-8{
    grid-gap: 2rem;
    gap: 2rem;
  }

  .md\:gap-10{
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  .md\:gap-12{
    grid-gap: 3rem;
    gap: 3rem;
  }

  .md\:gap-16{
    grid-gap: 4rem;
    gap: 4rem;
  }

  .md\:gap-20{
    grid-gap: 5rem;
    gap: 5rem;
  }

  .md\:gap-24{
    grid-gap: 6rem;
    gap: 6rem;
  }

  .md\:gap-32{
    grid-gap: 8rem;
    gap: 8rem;
  }

  .md\:gap-40{
    grid-gap: 10rem;
    gap: 10rem;
  }

  .md\:gap-48{
    grid-gap: 12rem;
    gap: 12rem;
  }

  .md\:gap-56{
    grid-gap: 14rem;
    gap: 14rem;
  }

  .md\:gap-64{
    grid-gap: 16rem;
    gap: 16rem;
  }

  .md\:gap-px{
    grid-gap: 1px;
    gap: 1px;
  }

  .md\:col-gap-0{
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .md\:col-gap-1{
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .md\:col-gap-2{
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .md\:col-gap-3{
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .md\:col-gap-4{
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .md\:col-gap-5{
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  .md\:col-gap-6{
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .md\:col-gap-8{
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .md\:col-gap-10{
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .md\:col-gap-12{
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .md\:col-gap-16{
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .md\:col-gap-20{
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .md\:col-gap-24{
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  .md\:col-gap-32{
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  .md\:col-gap-40{
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  .md\:col-gap-48{
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  .md\:col-gap-56{
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  .md\:col-gap-64{
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  .md\:col-gap-px{
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  .md\:gap-x-0{
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .md\:gap-x-1{
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .md\:gap-x-2{
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .md\:gap-x-3{
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .md\:gap-x-4{
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .md\:gap-x-5{
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  .md\:gap-x-6{
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .md\:gap-x-8{
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .md\:gap-x-10{
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .md\:gap-x-12{
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .md\:gap-x-16{
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .md\:gap-x-20{
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .md\:gap-x-24{
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  .md\:gap-x-32{
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  .md\:gap-x-40{
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  .md\:gap-x-48{
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  .md\:gap-x-56{
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  .md\:gap-x-64{
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  .md\:gap-x-px{
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  .md\:row-gap-0{
    grid-row-gap: 0;
    row-gap: 0;
  }

  .md\:row-gap-1{
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .md\:row-gap-2{
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .md\:row-gap-3{
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .md\:row-gap-4{
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .md\:row-gap-5{
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .md\:row-gap-6{
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .md\:row-gap-8{
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .md\:row-gap-10{
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .md\:row-gap-12{
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .md\:row-gap-16{
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .md\:row-gap-20{
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .md\:row-gap-24{
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .md\:row-gap-32{
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .md\:row-gap-40{
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .md\:row-gap-48{
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .md\:row-gap-56{
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .md\:row-gap-64{
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .md\:row-gap-px{
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .md\:gap-y-0{
    grid-row-gap: 0;
    row-gap: 0;
  }

  .md\:gap-y-1{
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .md\:gap-y-2{
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .md\:gap-y-3{
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .md\:gap-y-4{
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .md\:gap-y-5{
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .md\:gap-y-6{
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .md\:gap-y-8{
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .md\:gap-y-10{
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .md\:gap-y-12{
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .md\:gap-y-16{
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .md\:gap-y-20{
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .md\:gap-y-24{
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .md\:gap-y-32{
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .md\:gap-y-40{
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .md\:gap-y-48{
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .md\:gap-y-56{
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .md\:gap-y-64{
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .md\:gap-y-px{
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .md\:grid-flow-row{
    grid-auto-flow: row;
  }

  .md\:grid-flow-col{
    grid-auto-flow: column;
  }

  .md\:grid-flow-row-dense{
    grid-auto-flow: row dense;
  }

  .md\:grid-flow-col-dense{
    grid-auto-flow: column dense;
  }

  .md\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .md\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .md\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .md\:grid-cols-9{
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .md\:grid-cols-10{
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .md\:grid-cols-11{
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .md\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .md\:grid-cols-none{
    grid-template-columns: none;
  }

  .md\:auto-cols-auto{
    grid-auto-columns: auto;
  }

  .md\:auto-cols-min{
    grid-auto-columns: min-content;
  }

  .md\:auto-cols-max{
    grid-auto-columns: max-content;
  }

  .md\:auto-cols-fr{
    grid-auto-columns: minmax(0, 1fr);
  }

  .md\:col-auto{
    grid-column: auto;
  }

  .md\:col-span-1{
    grid-column: span 1 / span 1;
  }

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

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

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

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

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

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

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

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

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

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

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

  .md\:col-span-full{
    grid-column: 1 / -1;
  }

  .md\:col-start-1{
    grid-column-start: 1;
  }

  .md\:col-start-2{
    grid-column-start: 2;
  }

  .md\:col-start-3{
    grid-column-start: 3;
  }

  .md\:col-start-4{
    grid-column-start: 4;
  }

  .md\:col-start-5{
    grid-column-start: 5;
  }

  .md\:col-start-6{
    grid-column-start: 6;
  }

  .md\:col-start-7{
    grid-column-start: 7;
  }

  .md\:col-start-8{
    grid-column-start: 8;
  }

  .md\:col-start-9{
    grid-column-start: 9;
  }

  .md\:col-start-10{
    grid-column-start: 10;
  }

  .md\:col-start-11{
    grid-column-start: 11;
  }

  .md\:col-start-12{
    grid-column-start: 12;
  }

  .md\:col-start-13{
    grid-column-start: 13;
  }

  .md\:col-start-auto{
    grid-column-start: auto;
  }

  .md\:col-end-1{
    grid-column-end: 1;
  }

  .md\:col-end-2{
    grid-column-end: 2;
  }

  .md\:col-end-3{
    grid-column-end: 3;
  }

  .md\:col-end-4{
    grid-column-end: 4;
  }

  .md\:col-end-5{
    grid-column-end: 5;
  }

  .md\:col-end-6{
    grid-column-end: 6;
  }

  .md\:col-end-7{
    grid-column-end: 7;
  }

  .md\:col-end-8{
    grid-column-end: 8;
  }

  .md\:col-end-9{
    grid-column-end: 9;
  }

  .md\:col-end-10{
    grid-column-end: 10;
  }

  .md\:col-end-11{
    grid-column-end: 11;
  }

  .md\:col-end-12{
    grid-column-end: 12;
  }

  .md\:col-end-13{
    grid-column-end: 13;
  }

  .md\:col-end-auto{
    grid-column-end: auto;
  }

  .md\:grid-rows-1{
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .md\:grid-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-rows-3{
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-rows-4{
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-rows-5{
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .md\:grid-rows-6{
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .md\:grid-rows-none{
    grid-template-rows: none;
  }

  .md\:auto-rows-auto{
    grid-auto-rows: auto;
  }

  .md\:auto-rows-min{
    grid-auto-rows: min-content;
  }

  .md\:auto-rows-max{
    grid-auto-rows: max-content;
  }

  .md\:auto-rows-fr{
    grid-auto-rows: minmax(0, 1fr);
  }

  .md\:row-auto{
    grid-row: auto;
  }

  .md\:row-span-1{
    grid-row: span 1 / span 1;
  }

  .md\:row-span-2{
    grid-row: span 2 / span 2;
  }

  .md\:row-span-3{
    grid-row: span 3 / span 3;
  }

  .md\:row-span-4{
    grid-row: span 4 / span 4;
  }

  .md\:row-span-5{
    grid-row: span 5 / span 5;
  }

  .md\:row-span-6{
    grid-row: span 6 / span 6;
  }

  .md\:row-span-full{
    grid-row: 1 / -1;
  }

  .md\:row-start-1{
    grid-row-start: 1;
  }

  .md\:row-start-2{
    grid-row-start: 2;
  }

  .md\:row-start-3{
    grid-row-start: 3;
  }

  .md\:row-start-4{
    grid-row-start: 4;
  }

  .md\:row-start-5{
    grid-row-start: 5;
  }

  .md\:row-start-6{
    grid-row-start: 6;
  }

  .md\:row-start-7{
    grid-row-start: 7;
  }

  .md\:row-start-auto{
    grid-row-start: auto;
  }

  .md\:row-end-1{
    grid-row-end: 1;
  }

  .md\:row-end-2{
    grid-row-end: 2;
  }

  .md\:row-end-3{
    grid-row-end: 3;
  }

  .md\:row-end-4{
    grid-row-end: 4;
  }

  .md\:row-end-5{
    grid-row-end: 5;
  }

  .md\:row-end-6{
    grid-row-end: 6;
  }

  .md\:row-end-7{
    grid-row-end: 7;
  }

  .md\:row-end-auto{
    grid-row-end: auto;
  }

  .md\:transform{
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }

  .md\:transform-none{
    transform: none;
  }

  .md\:origin-center{
    transform-origin: center;
  }

  .md\:origin-top{
    transform-origin: top;
  }

  .md\:origin-top-right{
    transform-origin: top right;
  }

  .md\:origin-right{
    transform-origin: right;
  }

  .md\:origin-bottom-right{
    transform-origin: bottom right;
  }

  .md\:origin-bottom{
    transform-origin: bottom;
  }

  .md\:origin-bottom-left{
    transform-origin: bottom left;
  }

  .md\:origin-left{
    transform-origin: left;
  }

  .md\:origin-top-left{
    transform-origin: top left;
  }

  .md\:scale-0{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .md\:scale-50{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .md\:scale-75{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .md\:scale-90{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .md\:scale-95{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .md\:scale-100{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .md\:scale-105{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .md\:scale-110{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .md\:scale-125{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .md\:scale-150{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .md\:scale-x-0{
    --transform-scale-x: 0;
  }

  .md\:scale-x-50{
    --transform-scale-x: .5;
  }

  .md\:scale-x-75{
    --transform-scale-x: .75;
  }

  .md\:scale-x-90{
    --transform-scale-x: .9;
  }

  .md\:scale-x-95{
    --transform-scale-x: .95;
  }

  .md\:scale-x-100{
    --transform-scale-x: 1;
  }

  .md\:scale-x-105{
    --transform-scale-x: 1.05;
  }

  .md\:scale-x-110{
    --transform-scale-x: 1.1;
  }

  .md\:scale-x-125{
    --transform-scale-x: 1.25;
  }

  .md\:scale-x-150{
    --transform-scale-x: 1.5;
  }

  .md\:scale-y-0{
    --transform-scale-y: 0;
  }

  .md\:scale-y-50{
    --transform-scale-y: .5;
  }

  .md\:scale-y-75{
    --transform-scale-y: .75;
  }

  .md\:scale-y-90{
    --transform-scale-y: .9;
  }

  .md\:scale-y-95{
    --transform-scale-y: .95;
  }

  .md\:scale-y-100{
    --transform-scale-y: 1;
  }

  .md\:scale-y-105{
    --transform-scale-y: 1.05;
  }

  .md\:scale-y-110{
    --transform-scale-y: 1.1;
  }

  .md\:scale-y-125{
    --transform-scale-y: 1.25;
  }

  .md\:scale-y-150{
    --transform-scale-y: 1.5;
  }

  .md\:hover\:scale-0:hover{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .md\:hover\:scale-50:hover{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .md\:hover\:scale-75:hover{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .md\:hover\:scale-90:hover{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .md\:hover\:scale-95:hover{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .md\:hover\:scale-100:hover{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .md\:hover\:scale-105:hover{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .md\:hover\:scale-110:hover{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .md\:hover\:scale-125:hover{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .md\:hover\:scale-150:hover{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .md\:hover\:scale-x-0:hover{
    --transform-scale-x: 0;
  }

  .md\:hover\:scale-x-50:hover{
    --transform-scale-x: .5;
  }

  .md\:hover\:scale-x-75:hover{
    --transform-scale-x: .75;
  }

  .md\:hover\:scale-x-90:hover{
    --transform-scale-x: .9;
  }

  .md\:hover\:scale-x-95:hover{
    --transform-scale-x: .95;
  }

  .md\:hover\:scale-x-100:hover{
    --transform-scale-x: 1;
  }

  .md\:hover\:scale-x-105:hover{
    --transform-scale-x: 1.05;
  }

  .md\:hover\:scale-x-110:hover{
    --transform-scale-x: 1.1;
  }

  .md\:hover\:scale-x-125:hover{
    --transform-scale-x: 1.25;
  }

  .md\:hover\:scale-x-150:hover{
    --transform-scale-x: 1.5;
  }

  .md\:hover\:scale-y-0:hover{
    --transform-scale-y: 0;
  }

  .md\:hover\:scale-y-50:hover{
    --transform-scale-y: .5;
  }

  .md\:hover\:scale-y-75:hover{
    --transform-scale-y: .75;
  }

  .md\:hover\:scale-y-90:hover{
    --transform-scale-y: .9;
  }

  .md\:hover\:scale-y-95:hover{
    --transform-scale-y: .95;
  }

  .md\:hover\:scale-y-100:hover{
    --transform-scale-y: 1;
  }

  .md\:hover\:scale-y-105:hover{
    --transform-scale-y: 1.05;
  }

  .md\:hover\:scale-y-110:hover{
    --transform-scale-y: 1.1;
  }

  .md\:hover\:scale-y-125:hover{
    --transform-scale-y: 1.25;
  }

  .md\:hover\:scale-y-150:hover{
    --transform-scale-y: 1.5;
  }

  .md\:focus\:scale-0:focus{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .md\:focus\:scale-50:focus{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .md\:focus\:scale-75:focus{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .md\:focus\:scale-90:focus{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .md\:focus\:scale-95:focus{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .md\:focus\:scale-100:focus{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .md\:focus\:scale-105:focus{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .md\:focus\:scale-110:focus{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .md\:focus\:scale-125:focus{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .md\:focus\:scale-150:focus{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .md\:focus\:scale-x-0:focus{
    --transform-scale-x: 0;
  }

  .md\:focus\:scale-x-50:focus{
    --transform-scale-x: .5;
  }

  .md\:focus\:scale-x-75:focus{
    --transform-scale-x: .75;
  }

  .md\:focus\:scale-x-90:focus{
    --transform-scale-x: .9;
  }

  .md\:focus\:scale-x-95:focus{
    --transform-scale-x: .95;
  }

  .md\:focus\:scale-x-100:focus{
    --transform-scale-x: 1;
  }

  .md\:focus\:scale-x-105:focus{
    --transform-scale-x: 1.05;
  }

  .md\:focus\:scale-x-110:focus{
    --transform-scale-x: 1.1;
  }

  .md\:focus\:scale-x-125:focus{
    --transform-scale-x: 1.25;
  }

  .md\:focus\:scale-x-150:focus{
    --transform-scale-x: 1.5;
  }

  .md\:focus\:scale-y-0:focus{
    --transform-scale-y: 0;
  }

  .md\:focus\:scale-y-50:focus{
    --transform-scale-y: .5;
  }

  .md\:focus\:scale-y-75:focus{
    --transform-scale-y: .75;
  }

  .md\:focus\:scale-y-90:focus{
    --transform-scale-y: .9;
  }

  .md\:focus\:scale-y-95:focus{
    --transform-scale-y: .95;
  }

  .md\:focus\:scale-y-100:focus{
    --transform-scale-y: 1;
  }

  .md\:focus\:scale-y-105:focus{
    --transform-scale-y: 1.05;
  }

  .md\:focus\:scale-y-110:focus{
    --transform-scale-y: 1.1;
  }

  .md\:focus\:scale-y-125:focus{
    --transform-scale-y: 1.25;
  }

  .md\:focus\:scale-y-150:focus{
    --transform-scale-y: 1.5;
  }

  .md\:rotate-0{
    --transform-rotate: 0;
  }

  .md\:rotate-1{
    --transform-rotate: 1deg;
  }

  .md\:rotate-2{
    --transform-rotate: 2deg;
  }

  .md\:rotate-3{
    --transform-rotate: 3deg;
  }

  .md\:rotate-6{
    --transform-rotate: 6deg;
  }

  .md\:rotate-12{
    --transform-rotate: 12deg;
  }

  .md\:rotate-45{
    --transform-rotate: 45deg;
  }

  .md\:rotate-90{
    --transform-rotate: 90deg;
  }

  .md\:rotate-180{
    --transform-rotate: 180deg;
  }

  .md\:-rotate-180{
    --transform-rotate: -180deg;
  }

  .md\:-rotate-90{
    --transform-rotate: -90deg;
  }

  .md\:-rotate-45{
    --transform-rotate: -45deg;
  }

  .md\:-rotate-12{
    --transform-rotate: -12deg;
  }

  .md\:-rotate-6{
    --transform-rotate: -6deg;
  }

  .md\:-rotate-3{
    --transform-rotate: -3deg;
  }

  .md\:-rotate-2{
    --transform-rotate: -2deg;
  }

  .md\:-rotate-1{
    --transform-rotate: -1deg;
  }

  .md\:hover\:rotate-0:hover{
    --transform-rotate: 0;
  }

  .md\:hover\:rotate-1:hover{
    --transform-rotate: 1deg;
  }

  .md\:hover\:rotate-2:hover{
    --transform-rotate: 2deg;
  }

  .md\:hover\:rotate-3:hover{
    --transform-rotate: 3deg;
  }

  .md\:hover\:rotate-6:hover{
    --transform-rotate: 6deg;
  }

  .md\:hover\:rotate-12:hover{
    --transform-rotate: 12deg;
  }

  .md\:hover\:rotate-45:hover{
    --transform-rotate: 45deg;
  }

  .md\:hover\:rotate-90:hover{
    --transform-rotate: 90deg;
  }

  .md\:hover\:rotate-180:hover{
    --transform-rotate: 180deg;
  }

  .md\:hover\:-rotate-180:hover{
    --transform-rotate: -180deg;
  }

  .md\:hover\:-rotate-90:hover{
    --transform-rotate: -90deg;
  }

  .md\:hover\:-rotate-45:hover{
    --transform-rotate: -45deg;
  }

  .md\:hover\:-rotate-12:hover{
    --transform-rotate: -12deg;
  }

  .md\:hover\:-rotate-6:hover{
    --transform-rotate: -6deg;
  }

  .md\:hover\:-rotate-3:hover{
    --transform-rotate: -3deg;
  }

  .md\:hover\:-rotate-2:hover{
    --transform-rotate: -2deg;
  }

  .md\:hover\:-rotate-1:hover{
    --transform-rotate: -1deg;
  }

  .md\:focus\:rotate-0:focus{
    --transform-rotate: 0;
  }

  .md\:focus\:rotate-1:focus{
    --transform-rotate: 1deg;
  }

  .md\:focus\:rotate-2:focus{
    --transform-rotate: 2deg;
  }

  .md\:focus\:rotate-3:focus{
    --transform-rotate: 3deg;
  }

  .md\:focus\:rotate-6:focus{
    --transform-rotate: 6deg;
  }

  .md\:focus\:rotate-12:focus{
    --transform-rotate: 12deg;
  }

  .md\:focus\:rotate-45:focus{
    --transform-rotate: 45deg;
  }

  .md\:focus\:rotate-90:focus{
    --transform-rotate: 90deg;
  }

  .md\:focus\:rotate-180:focus{
    --transform-rotate: 180deg;
  }

  .md\:focus\:-rotate-180:focus{
    --transform-rotate: -180deg;
  }

  .md\:focus\:-rotate-90:focus{
    --transform-rotate: -90deg;
  }

  .md\:focus\:-rotate-45:focus{
    --transform-rotate: -45deg;
  }

  .md\:focus\:-rotate-12:focus{
    --transform-rotate: -12deg;
  }

  .md\:focus\:-rotate-6:focus{
    --transform-rotate: -6deg;
  }

  .md\:focus\:-rotate-3:focus{
    --transform-rotate: -3deg;
  }

  .md\:focus\:-rotate-2:focus{
    --transform-rotate: -2deg;
  }

  .md\:focus\:-rotate-1:focus{
    --transform-rotate: -1deg;
  }

  .md\:translate-x-0{
    --transform-translate-x: 0;
  }

  .md\:translate-x-1{
    --transform-translate-x: 0.25rem;
  }

  .md\:translate-x-2{
    --transform-translate-x: 0.5rem;
  }

  .md\:translate-x-3{
    --transform-translate-x: 0.75rem;
  }

  .md\:translate-x-4{
    --transform-translate-x: 1rem;
  }

  .md\:translate-x-5{
    --transform-translate-x: 1.25rem;
  }

  .md\:translate-x-6{
    --transform-translate-x: 1.5rem;
  }

  .md\:translate-x-8{
    --transform-translate-x: 2rem;
  }

  .md\:translate-x-10{
    --transform-translate-x: 2.5rem;
  }

  .md\:translate-x-12{
    --transform-translate-x: 3rem;
  }

  .md\:translate-x-16{
    --transform-translate-x: 4rem;
  }

  .md\:translate-x-20{
    --transform-translate-x: 5rem;
  }

  .md\:translate-x-24{
    --transform-translate-x: 6rem;
  }

  .md\:translate-x-32{
    --transform-translate-x: 8rem;
  }

  .md\:translate-x-40{
    --transform-translate-x: 10rem;
  }

  .md\:translate-x-48{
    --transform-translate-x: 12rem;
  }

  .md\:translate-x-56{
    --transform-translate-x: 14rem;
  }

  .md\:translate-x-64{
    --transform-translate-x: 16rem;
  }

  .md\:translate-x-px{
    --transform-translate-x: 1px;
  }

  .md\:-translate-x-1{
    --transform-translate-x: -0.25rem;
  }

  .md\:-translate-x-2{
    --transform-translate-x: -0.5rem;
  }

  .md\:-translate-x-3{
    --transform-translate-x: -0.75rem;
  }

  .md\:-translate-x-4{
    --transform-translate-x: -1rem;
  }

  .md\:-translate-x-5{
    --transform-translate-x: -1.25rem;
  }

  .md\:-translate-x-6{
    --transform-translate-x: -1.5rem;
  }

  .md\:-translate-x-8{
    --transform-translate-x: -2rem;
  }

  .md\:-translate-x-10{
    --transform-translate-x: -2.5rem;
  }

  .md\:-translate-x-12{
    --transform-translate-x: -3rem;
  }

  .md\:-translate-x-16{
    --transform-translate-x: -4rem;
  }

  .md\:-translate-x-20{
    --transform-translate-x: -5rem;
  }

  .md\:-translate-x-24{
    --transform-translate-x: -6rem;
  }

  .md\:-translate-x-32{
    --transform-translate-x: -8rem;
  }

  .md\:-translate-x-40{
    --transform-translate-x: -10rem;
  }

  .md\:-translate-x-48{
    --transform-translate-x: -12rem;
  }

  .md\:-translate-x-56{
    --transform-translate-x: -14rem;
  }

  .md\:-translate-x-64{
    --transform-translate-x: -16rem;
  }

  .md\:-translate-x-px{
    --transform-translate-x: -1px;
  }

  .md\:-translate-x-full{
    --transform-translate-x: -100%;
  }

  .md\:-translate-x-1\/2{
    --transform-translate-x: -50%;
  }

  .md\:translate-x-1\/2{
    --transform-translate-x: 50%;
  }

  .md\:translate-x-full{
    --transform-translate-x: 100%;
  }

  .md\:translate-y-0{
    --transform-translate-y: 0;
  }

  .md\:translate-y-1{
    --transform-translate-y: 0.25rem;
  }

  .md\:translate-y-2{
    --transform-translate-y: 0.5rem;
  }

  .md\:translate-y-3{
    --transform-translate-y: 0.75rem;
  }

  .md\:translate-y-4{
    --transform-translate-y: 1rem;
  }

  .md\:translate-y-5{
    --transform-translate-y: 1.25rem;
  }

  .md\:translate-y-6{
    --transform-translate-y: 1.5rem;
  }

  .md\:translate-y-8{
    --transform-translate-y: 2rem;
  }

  .md\:translate-y-10{
    --transform-translate-y: 2.5rem;
  }

  .md\:translate-y-12{
    --transform-translate-y: 3rem;
  }

  .md\:translate-y-16{
    --transform-translate-y: 4rem;
  }

  .md\:translate-y-20{
    --transform-translate-y: 5rem;
  }

  .md\:translate-y-24{
    --transform-translate-y: 6rem;
  }

  .md\:translate-y-32{
    --transform-translate-y: 8rem;
  }

  .md\:translate-y-40{
    --transform-translate-y: 10rem;
  }

  .md\:translate-y-48{
    --transform-translate-y: 12rem;
  }

  .md\:translate-y-56{
    --transform-translate-y: 14rem;
  }

  .md\:translate-y-64{
    --transform-translate-y: 16rem;
  }

  .md\:translate-y-px{
    --transform-translate-y: 1px;
  }

  .md\:-translate-y-1{
    --transform-translate-y: -0.25rem;
  }

  .md\:-translate-y-2{
    --transform-translate-y: -0.5rem;
  }

  .md\:-translate-y-3{
    --transform-translate-y: -0.75rem;
  }

  .md\:-translate-y-4{
    --transform-translate-y: -1rem;
  }

  .md\:-translate-y-5{
    --transform-translate-y: -1.25rem;
  }

  .md\:-translate-y-6{
    --transform-translate-y: -1.5rem;
  }

  .md\:-translate-y-8{
    --transform-translate-y: -2rem;
  }

  .md\:-translate-y-10{
    --transform-translate-y: -2.5rem;
  }

  .md\:-translate-y-12{
    --transform-translate-y: -3rem;
  }

  .md\:-translate-y-16{
    --transform-translate-y: -4rem;
  }

  .md\:-translate-y-20{
    --transform-translate-y: -5rem;
  }

  .md\:-translate-y-24{
    --transform-translate-y: -6rem;
  }

  .md\:-translate-y-32{
    --transform-translate-y: -8rem;
  }

  .md\:-translate-y-40{
    --transform-translate-y: -10rem;
  }

  .md\:-translate-y-48{
    --transform-translate-y: -12rem;
  }

  .md\:-translate-y-56{
    --transform-translate-y: -14rem;
  }

  .md\:-translate-y-64{
    --transform-translate-y: -16rem;
  }

  .md\:-translate-y-px{
    --transform-translate-y: -1px;
  }

  .md\:-translate-y-full{
    --transform-translate-y: -100%;
  }

  .md\:-translate-y-1\/2{
    --transform-translate-y: -50%;
  }

  .md\:translate-y-1\/2{
    --transform-translate-y: 50%;
  }

  .md\:translate-y-full{
    --transform-translate-y: 100%;
  }

  .md\:hover\:translate-x-0:hover{
    --transform-translate-x: 0;
  }

  .md\:hover\:translate-x-1:hover{
    --transform-translate-x: 0.25rem;
  }

  .md\:hover\:translate-x-2:hover{
    --transform-translate-x: 0.5rem;
  }

  .md\:hover\:translate-x-3:hover{
    --transform-translate-x: 0.75rem;
  }

  .md\:hover\:translate-x-4:hover{
    --transform-translate-x: 1rem;
  }

  .md\:hover\:translate-x-5:hover{
    --transform-translate-x: 1.25rem;
  }

  .md\:hover\:translate-x-6:hover{
    --transform-translate-x: 1.5rem;
  }

  .md\:hover\:translate-x-8:hover{
    --transform-translate-x: 2rem;
  }

  .md\:hover\:translate-x-10:hover{
    --transform-translate-x: 2.5rem;
  }

  .md\:hover\:translate-x-12:hover{
    --transform-translate-x: 3rem;
  }

  .md\:hover\:translate-x-16:hover{
    --transform-translate-x: 4rem;
  }

  .md\:hover\:translate-x-20:hover{
    --transform-translate-x: 5rem;
  }

  .md\:hover\:translate-x-24:hover{
    --transform-translate-x: 6rem;
  }

  .md\:hover\:translate-x-32:hover{
    --transform-translate-x: 8rem;
  }

  .md\:hover\:translate-x-40:hover{
    --transform-translate-x: 10rem;
  }

  .md\:hover\:translate-x-48:hover{
    --transform-translate-x: 12rem;
  }

  .md\:hover\:translate-x-56:hover{
    --transform-translate-x: 14rem;
  }

  .md\:hover\:translate-x-64:hover{
    --transform-translate-x: 16rem;
  }

  .md\:hover\:translate-x-px:hover{
    --transform-translate-x: 1px;
  }

  .md\:hover\:-translate-x-1:hover{
    --transform-translate-x: -0.25rem;
  }

  .md\:hover\:-translate-x-2:hover{
    --transform-translate-x: -0.5rem;
  }

  .md\:hover\:-translate-x-3:hover{
    --transform-translate-x: -0.75rem;
  }

  .md\:hover\:-translate-x-4:hover{
    --transform-translate-x: -1rem;
  }

  .md\:hover\:-translate-x-5:hover{
    --transform-translate-x: -1.25rem;
  }

  .md\:hover\:-translate-x-6:hover{
    --transform-translate-x: -1.5rem;
  }

  .md\:hover\:-translate-x-8:hover{
    --transform-translate-x: -2rem;
  }

  .md\:hover\:-translate-x-10:hover{
    --transform-translate-x: -2.5rem;
  }

  .md\:hover\:-translate-x-12:hover{
    --transform-translate-x: -3rem;
  }

  .md\:hover\:-translate-x-16:hover{
    --transform-translate-x: -4rem;
  }

  .md\:hover\:-translate-x-20:hover{
    --transform-translate-x: -5rem;
  }

  .md\:hover\:-translate-x-24:hover{
    --transform-translate-x: -6rem;
  }

  .md\:hover\:-translate-x-32:hover{
    --transform-translate-x: -8rem;
  }

  .md\:hover\:-translate-x-40:hover{
    --transform-translate-x: -10rem;
  }

  .md\:hover\:-translate-x-48:hover{
    --transform-translate-x: -12rem;
  }

  .md\:hover\:-translate-x-56:hover{
    --transform-translate-x: -14rem;
  }

  .md\:hover\:-translate-x-64:hover{
    --transform-translate-x: -16rem;
  }

  .md\:hover\:-translate-x-px:hover{
    --transform-translate-x: -1px;
  }

  .md\:hover\:-translate-x-full:hover{
    --transform-translate-x: -100%;
  }

  .md\:hover\:-translate-x-1\/2:hover{
    --transform-translate-x: -50%;
  }

  .md\:hover\:translate-x-1\/2:hover{
    --transform-translate-x: 50%;
  }

  .md\:hover\:translate-x-full:hover{
    --transform-translate-x: 100%;
  }

  .md\:hover\:translate-y-0:hover{
    --transform-translate-y: 0;
  }

  .md\:hover\:translate-y-1:hover{
    --transform-translate-y: 0.25rem;
  }

  .md\:hover\:translate-y-2:hover{
    --transform-translate-y: 0.5rem;
  }

  .md\:hover\:translate-y-3:hover{
    --transform-translate-y: 0.75rem;
  }

  .md\:hover\:translate-y-4:hover{
    --transform-translate-y: 1rem;
  }

  .md\:hover\:translate-y-5:hover{
    --transform-translate-y: 1.25rem;
  }

  .md\:hover\:translate-y-6:hover{
    --transform-translate-y: 1.5rem;
  }

  .md\:hover\:translate-y-8:hover{
    --transform-translate-y: 2rem;
  }

  .md\:hover\:translate-y-10:hover{
    --transform-translate-y: 2.5rem;
  }

  .md\:hover\:translate-y-12:hover{
    --transform-translate-y: 3rem;
  }

  .md\:hover\:translate-y-16:hover{
    --transform-translate-y: 4rem;
  }

  .md\:hover\:translate-y-20:hover{
    --transform-translate-y: 5rem;
  }

  .md\:hover\:translate-y-24:hover{
    --transform-translate-y: 6rem;
  }

  .md\:hover\:translate-y-32:hover{
    --transform-translate-y: 8rem;
  }

  .md\:hover\:translate-y-40:hover{
    --transform-translate-y: 10rem;
  }

  .md\:hover\:translate-y-48:hover{
    --transform-translate-y: 12rem;
  }

  .md\:hover\:translate-y-56:hover{
    --transform-translate-y: 14rem;
  }

  .md\:hover\:translate-y-64:hover{
    --transform-translate-y: 16rem;
  }

  .md\:hover\:translate-y-px:hover{
    --transform-translate-y: 1px;
  }

  .md\:hover\:-translate-y-1:hover{
    --transform-translate-y: -0.25rem;
  }

  .md\:hover\:-translate-y-2:hover{
    --transform-translate-y: -0.5rem;
  }

  .md\:hover\:-translate-y-3:hover{
    --transform-translate-y: -0.75rem;
  }

  .md\:hover\:-translate-y-4:hover{
    --transform-translate-y: -1rem;
  }

  .md\:hover\:-translate-y-5:hover{
    --transform-translate-y: -1.25rem;
  }

  .md\:hover\:-translate-y-6:hover{
    --transform-translate-y: -1.5rem;
  }

  .md\:hover\:-translate-y-8:hover{
    --transform-translate-y: -2rem;
  }

  .md\:hover\:-translate-y-10:hover{
    --transform-translate-y: -2.5rem;
  }

  .md\:hover\:-translate-y-12:hover{
    --transform-translate-y: -3rem;
  }

  .md\:hover\:-translate-y-16:hover{
    --transform-translate-y: -4rem;
  }

  .md\:hover\:-translate-y-20:hover{
    --transform-translate-y: -5rem;
  }

  .md\:hover\:-translate-y-24:hover{
    --transform-translate-y: -6rem;
  }

  .md\:hover\:-translate-y-32:hover{
    --transform-translate-y: -8rem;
  }

  .md\:hover\:-translate-y-40:hover{
    --transform-translate-y: -10rem;
  }

  .md\:hover\:-translate-y-48:hover{
    --transform-translate-y: -12rem;
  }

  .md\:hover\:-translate-y-56:hover{
    --transform-translate-y: -14rem;
  }

  .md\:hover\:-translate-y-64:hover{
    --transform-translate-y: -16rem;
  }

  .md\:hover\:-translate-y-px:hover{
    --transform-translate-y: -1px;
  }

  .md\:hover\:-translate-y-full:hover{
    --transform-translate-y: -100%;
  }

  .md\:hover\:-translate-y-1\/2:hover{
    --transform-translate-y: -50%;
  }

  .md\:hover\:translate-y-1\/2:hover{
    --transform-translate-y: 50%;
  }

  .md\:hover\:translate-y-full:hover{
    --transform-translate-y: 100%;
  }

  .md\:focus\:translate-x-0:focus{
    --transform-translate-x: 0;
  }

  .md\:focus\:translate-x-1:focus{
    --transform-translate-x: 0.25rem;
  }

  .md\:focus\:translate-x-2:focus{
    --transform-translate-x: 0.5rem;
  }

  .md\:focus\:translate-x-3:focus{
    --transform-translate-x: 0.75rem;
  }

  .md\:focus\:translate-x-4:focus{
    --transform-translate-x: 1rem;
  }

  .md\:focus\:translate-x-5:focus{
    --transform-translate-x: 1.25rem;
  }

  .md\:focus\:translate-x-6:focus{
    --transform-translate-x: 1.5rem;
  }

  .md\:focus\:translate-x-8:focus{
    --transform-translate-x: 2rem;
  }

  .md\:focus\:translate-x-10:focus{
    --transform-translate-x: 2.5rem;
  }

  .md\:focus\:translate-x-12:focus{
    --transform-translate-x: 3rem;
  }

  .md\:focus\:translate-x-16:focus{
    --transform-translate-x: 4rem;
  }

  .md\:focus\:translate-x-20:focus{
    --transform-translate-x: 5rem;
  }

  .md\:focus\:translate-x-24:focus{
    --transform-translate-x: 6rem;
  }

  .md\:focus\:translate-x-32:focus{
    --transform-translate-x: 8rem;
  }

  .md\:focus\:translate-x-40:focus{
    --transform-translate-x: 10rem;
  }

  .md\:focus\:translate-x-48:focus{
    --transform-translate-x: 12rem;
  }

  .md\:focus\:translate-x-56:focus{
    --transform-translate-x: 14rem;
  }

  .md\:focus\:translate-x-64:focus{
    --transform-translate-x: 16rem;
  }

  .md\:focus\:translate-x-px:focus{
    --transform-translate-x: 1px;
  }

  .md\:focus\:-translate-x-1:focus{
    --transform-translate-x: -0.25rem;
  }

  .md\:focus\:-translate-x-2:focus{
    --transform-translate-x: -0.5rem;
  }

  .md\:focus\:-translate-x-3:focus{
    --transform-translate-x: -0.75rem;
  }

  .md\:focus\:-translate-x-4:focus{
    --transform-translate-x: -1rem;
  }

  .md\:focus\:-translate-x-5:focus{
    --transform-translate-x: -1.25rem;
  }

  .md\:focus\:-translate-x-6:focus{
    --transform-translate-x: -1.5rem;
  }

  .md\:focus\:-translate-x-8:focus{
    --transform-translate-x: -2rem;
  }

  .md\:focus\:-translate-x-10:focus{
    --transform-translate-x: -2.5rem;
  }

  .md\:focus\:-translate-x-12:focus{
    --transform-translate-x: -3rem;
  }

  .md\:focus\:-translate-x-16:focus{
    --transform-translate-x: -4rem;
  }

  .md\:focus\:-translate-x-20:focus{
    --transform-translate-x: -5rem;
  }

  .md\:focus\:-translate-x-24:focus{
    --transform-translate-x: -6rem;
  }

  .md\:focus\:-translate-x-32:focus{
    --transform-translate-x: -8rem;
  }

  .md\:focus\:-translate-x-40:focus{
    --transform-translate-x: -10rem;
  }

  .md\:focus\:-translate-x-48:focus{
    --transform-translate-x: -12rem;
  }

  .md\:focus\:-translate-x-56:focus{
    --transform-translate-x: -14rem;
  }

  .md\:focus\:-translate-x-64:focus{
    --transform-translate-x: -16rem;
  }

  .md\:focus\:-translate-x-px:focus{
    --transform-translate-x: -1px;
  }

  .md\:focus\:-translate-x-full:focus{
    --transform-translate-x: -100%;
  }

  .md\:focus\:-translate-x-1\/2:focus{
    --transform-translate-x: -50%;
  }

  .md\:focus\:translate-x-1\/2:focus{
    --transform-translate-x: 50%;
  }

  .md\:focus\:translate-x-full:focus{
    --transform-translate-x: 100%;
  }

  .md\:focus\:translate-y-0:focus{
    --transform-translate-y: 0;
  }

  .md\:focus\:translate-y-1:focus{
    --transform-translate-y: 0.25rem;
  }

  .md\:focus\:translate-y-2:focus{
    --transform-translate-y: 0.5rem;
  }

  .md\:focus\:translate-y-3:focus{
    --transform-translate-y: 0.75rem;
  }

  .md\:focus\:translate-y-4:focus{
    --transform-translate-y: 1rem;
  }

  .md\:focus\:translate-y-5:focus{
    --transform-translate-y: 1.25rem;
  }

  .md\:focus\:translate-y-6:focus{
    --transform-translate-y: 1.5rem;
  }

  .md\:focus\:translate-y-8:focus{
    --transform-translate-y: 2rem;
  }

  .md\:focus\:translate-y-10:focus{
    --transform-translate-y: 2.5rem;
  }

  .md\:focus\:translate-y-12:focus{
    --transform-translate-y: 3rem;
  }

  .md\:focus\:translate-y-16:focus{
    --transform-translate-y: 4rem;
  }

  .md\:focus\:translate-y-20:focus{
    --transform-translate-y: 5rem;
  }

  .md\:focus\:translate-y-24:focus{
    --transform-translate-y: 6rem;
  }

  .md\:focus\:translate-y-32:focus{
    --transform-translate-y: 8rem;
  }

  .md\:focus\:translate-y-40:focus{
    --transform-translate-y: 10rem;
  }

  .md\:focus\:translate-y-48:focus{
    --transform-translate-y: 12rem;
  }

  .md\:focus\:translate-y-56:focus{
    --transform-translate-y: 14rem;
  }

  .md\:focus\:translate-y-64:focus{
    --transform-translate-y: 16rem;
  }

  .md\:focus\:translate-y-px:focus{
    --transform-translate-y: 1px;
  }

  .md\:focus\:-translate-y-1:focus{
    --transform-translate-y: -0.25rem;
  }

  .md\:focus\:-translate-y-2:focus{
    --transform-translate-y: -0.5rem;
  }

  .md\:focus\:-translate-y-3:focus{
    --transform-translate-y: -0.75rem;
  }

  .md\:focus\:-translate-y-4:focus{
    --transform-translate-y: -1rem;
  }

  .md\:focus\:-translate-y-5:focus{
    --transform-translate-y: -1.25rem;
  }

  .md\:focus\:-translate-y-6:focus{
    --transform-translate-y: -1.5rem;
  }

  .md\:focus\:-translate-y-8:focus{
    --transform-translate-y: -2rem;
  }

  .md\:focus\:-translate-y-10:focus{
    --transform-translate-y: -2.5rem;
  }

  .md\:focus\:-translate-y-12:focus{
    --transform-translate-y: -3rem;
  }

  .md\:focus\:-translate-y-16:focus{
    --transform-translate-y: -4rem;
  }

  .md\:focus\:-translate-y-20:focus{
    --transform-translate-y: -5rem;
  }

  .md\:focus\:-translate-y-24:focus{
    --transform-translate-y: -6rem;
  }

  .md\:focus\:-translate-y-32:focus{
    --transform-translate-y: -8rem;
  }

  .md\:focus\:-translate-y-40:focus{
    --transform-translate-y: -10rem;
  }

  .md\:focus\:-translate-y-48:focus{
    --transform-translate-y: -12rem;
  }

  .md\:focus\:-translate-y-56:focus{
    --transform-translate-y: -14rem;
  }

  .md\:focus\:-translate-y-64:focus{
    --transform-translate-y: -16rem;
  }

  .md\:focus\:-translate-y-px:focus{
    --transform-translate-y: -1px;
  }

  .md\:focus\:-translate-y-full:focus{
    --transform-translate-y: -100%;
  }

  .md\:focus\:-translate-y-1\/2:focus{
    --transform-translate-y: -50%;
  }

  .md\:focus\:translate-y-1\/2:focus{
    --transform-translate-y: 50%;
  }

  .md\:focus\:translate-y-full:focus{
    --transform-translate-y: 100%;
  }

  .md\:skew-x-0{
    --transform-skew-x: 0;
  }

  .md\:skew-x-1{
    --transform-skew-x: 1deg;
  }

  .md\:skew-x-2{
    --transform-skew-x: 2deg;
  }

  .md\:skew-x-3{
    --transform-skew-x: 3deg;
  }

  .md\:skew-x-6{
    --transform-skew-x: 6deg;
  }

  .md\:skew-x-12{
    --transform-skew-x: 12deg;
  }

  .md\:-skew-x-12{
    --transform-skew-x: -12deg;
  }

  .md\:-skew-x-6{
    --transform-skew-x: -6deg;
  }

  .md\:-skew-x-3{
    --transform-skew-x: -3deg;
  }

  .md\:-skew-x-2{
    --transform-skew-x: -2deg;
  }

  .md\:-skew-x-1{
    --transform-skew-x: -1deg;
  }

  .md\:skew-y-0{
    --transform-skew-y: 0;
  }

  .md\:skew-y-1{
    --transform-skew-y: 1deg;
  }

  .md\:skew-y-2{
    --transform-skew-y: 2deg;
  }

  .md\:skew-y-3{
    --transform-skew-y: 3deg;
  }

  .md\:skew-y-6{
    --transform-skew-y: 6deg;
  }

  .md\:skew-y-12{
    --transform-skew-y: 12deg;
  }

  .md\:-skew-y-12{
    --transform-skew-y: -12deg;
  }

  .md\:-skew-y-6{
    --transform-skew-y: -6deg;
  }

  .md\:-skew-y-3{
    --transform-skew-y: -3deg;
  }

  .md\:-skew-y-2{
    --transform-skew-y: -2deg;
  }

  .md\:-skew-y-1{
    --transform-skew-y: -1deg;
  }

  .md\:hover\:skew-x-0:hover{
    --transform-skew-x: 0;
  }

  .md\:hover\:skew-x-1:hover{
    --transform-skew-x: 1deg;
  }

  .md\:hover\:skew-x-2:hover{
    --transform-skew-x: 2deg;
  }

  .md\:hover\:skew-x-3:hover{
    --transform-skew-x: 3deg;
  }

  .md\:hover\:skew-x-6:hover{
    --transform-skew-x: 6deg;
  }

  .md\:hover\:skew-x-12:hover{
    --transform-skew-x: 12deg;
  }

  .md\:hover\:-skew-x-12:hover{
    --transform-skew-x: -12deg;
  }

  .md\:hover\:-skew-x-6:hover{
    --transform-skew-x: -6deg;
  }

  .md\:hover\:-skew-x-3:hover{
    --transform-skew-x: -3deg;
  }

  .md\:hover\:-skew-x-2:hover{
    --transform-skew-x: -2deg;
  }

  .md\:hover\:-skew-x-1:hover{
    --transform-skew-x: -1deg;
  }

  .md\:hover\:skew-y-0:hover{
    --transform-skew-y: 0;
  }

  .md\:hover\:skew-y-1:hover{
    --transform-skew-y: 1deg;
  }

  .md\:hover\:skew-y-2:hover{
    --transform-skew-y: 2deg;
  }

  .md\:hover\:skew-y-3:hover{
    --transform-skew-y: 3deg;
  }

  .md\:hover\:skew-y-6:hover{
    --transform-skew-y: 6deg;
  }

  .md\:hover\:skew-y-12:hover{
    --transform-skew-y: 12deg;
  }

  .md\:hover\:-skew-y-12:hover{
    --transform-skew-y: -12deg;
  }

  .md\:hover\:-skew-y-6:hover{
    --transform-skew-y: -6deg;
  }

  .md\:hover\:-skew-y-3:hover{
    --transform-skew-y: -3deg;
  }

  .md\:hover\:-skew-y-2:hover{
    --transform-skew-y: -2deg;
  }

  .md\:hover\:-skew-y-1:hover{
    --transform-skew-y: -1deg;
  }

  .md\:focus\:skew-x-0:focus{
    --transform-skew-x: 0;
  }

  .md\:focus\:skew-x-1:focus{
    --transform-skew-x: 1deg;
  }

  .md\:focus\:skew-x-2:focus{
    --transform-skew-x: 2deg;
  }

  .md\:focus\:skew-x-3:focus{
    --transform-skew-x: 3deg;
  }

  .md\:focus\:skew-x-6:focus{
    --transform-skew-x: 6deg;
  }

  .md\:focus\:skew-x-12:focus{
    --transform-skew-x: 12deg;
  }

  .md\:focus\:-skew-x-12:focus{
    --transform-skew-x: -12deg;
  }

  .md\:focus\:-skew-x-6:focus{
    --transform-skew-x: -6deg;
  }

  .md\:focus\:-skew-x-3:focus{
    --transform-skew-x: -3deg;
  }

  .md\:focus\:-skew-x-2:focus{
    --transform-skew-x: -2deg;
  }

  .md\:focus\:-skew-x-1:focus{
    --transform-skew-x: -1deg;
  }

  .md\:focus\:skew-y-0:focus{
    --transform-skew-y: 0;
  }

  .md\:focus\:skew-y-1:focus{
    --transform-skew-y: 1deg;
  }

  .md\:focus\:skew-y-2:focus{
    --transform-skew-y: 2deg;
  }

  .md\:focus\:skew-y-3:focus{
    --transform-skew-y: 3deg;
  }

  .md\:focus\:skew-y-6:focus{
    --transform-skew-y: 6deg;
  }

  .md\:focus\:skew-y-12:focus{
    --transform-skew-y: 12deg;
  }

  .md\:focus\:-skew-y-12:focus{
    --transform-skew-y: -12deg;
  }

  .md\:focus\:-skew-y-6:focus{
    --transform-skew-y: -6deg;
  }

  .md\:focus\:-skew-y-3:focus{
    --transform-skew-y: -3deg;
  }

  .md\:focus\:-skew-y-2:focus{
    --transform-skew-y: -2deg;
  }

  .md\:focus\:-skew-y-1:focus{
    --transform-skew-y: -1deg;
  }

  .md\:transition-none{
    transition-property: none;
  }

  .md\:transition-all{
    transition-property: all;
  }

  .md\:transition{
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  .md\:transition-colors{
    transition-property: background-color, border-color, color, fill, stroke;
  }

  .md\:transition-opacity{
    transition-property: opacity;
  }

  .md\:transition-shadow{
    transition-property: box-shadow;
  }

  .md\:transition-transform{
    transition-property: transform;
  }

  .md\:ease-linear{
    transition-timing-function: linear;
  }

  .md\:ease-in{
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .md\:ease-out{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .md\:ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .md\:duration-75{
    transition-duration: 75ms;
  }

  .md\:duration-100{
    transition-duration: 100ms;
  }

  .md\:duration-150{
    transition-duration: 150ms;
  }

  .md\:duration-200{
    transition-duration: 200ms;
  }

  .md\:duration-300{
    transition-duration: 300ms;
  }

  .md\:duration-500{
    transition-duration: 500ms;
  }

  .md\:duration-700{
    transition-duration: 700ms;
  }

  .md\:duration-1000{
    transition-duration: 1000ms;
  }

  .md\:delay-75{
    transition-delay: 75ms;
  }

  .md\:delay-100{
    transition-delay: 100ms;
  }

  .md\:delay-150{
    transition-delay: 150ms;
  }

  .md\:delay-200{
    transition-delay: 200ms;
  }

  .md\:delay-300{
    transition-delay: 300ms;
  }

  .md\:delay-500{
    transition-delay: 500ms;
  }

  .md\:delay-700{
    transition-delay: 700ms;
  }

  .md\:delay-1000{
    transition-delay: 1000ms;
  }

  .md\:animate-none{
    animation: none;
  }

  .md\:animate-spin{
    animation: spin 1s linear infinite;
  }

  .md\:animate-ping{
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  .md\:animate-pulse{
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  .md\:animate-bounce{
    animation: bounce 1s infinite;
  }

  .md\:border-t-blue-bright{
    border-top-color: #0B69A3;
  }

  .md\:border-r-blue-bright{
    border-right-color: #0B69A3;
  }

  .md\:border-b-blue-bright{
    border-bottom-color: #0B69A3;
  }

  .md\:border-l-blue-bright{
    border-left-color: #0B69A3;
  }

  .md\:border-t-blue-light{
    border-top-color: #B3ECFF;
  }

  .md\:border-r-blue-light{
    border-right-color: #B3ECFF;
  }

  .md\:border-b-blue-light{
    border-bottom-color: #B3ECFF;
  }

  .md\:border-l-blue-light{
    border-left-color: #B3ECFF;
  }

  .md\:border-t-blue-pale{
    border-top-color: #DCEEFB;
  }

  .md\:border-r-blue-pale{
    border-right-color: #DCEEFB;
  }

  .md\:border-b-blue-pale{
    border-bottom-color: #DCEEFB;
  }

  .md\:border-l-blue-pale{
    border-left-color: #DCEEFB;
  }

  .md\:border-t-blue-deep{
    border-top-color: #035388;
  }

  .md\:border-r-blue-deep{
    border-right-color: #035388;
  }

  .md\:border-b-blue-deep{
    border-bottom-color: #035388;
  }

  .md\:border-l-blue-deep{
    border-left-color: #035388;
  }

  .md\:border-t-blue-hilight{
    border-top-color: #5ed0fa;
  }

  .md\:border-r-blue-hilight{
    border-right-color: #5ed0fa;
  }

  .md\:border-b-blue-hilight{
    border-bottom-color: #5ed0fa;
  }

  .md\:border-l-blue-hilight{
    border-left-color: #5ed0fa;
  }

  .md\:border-t-blue-med{
    border-top-color: #1992d4;
  }

  .md\:border-r-blue-med{
    border-right-color: #1992d4;
  }

  .md\:border-b-blue-med{
    border-bottom-color: #1992d4;
  }

  .md\:border-l-blue-med{
    border-left-color: #1992d4;
  }

  .md\:border-t-blue-dark{
    border-top-color: #003e6b;
  }

  .md\:border-r-blue-dark{
    border-right-color: #003e6b;
  }

  .md\:border-b-blue-dark{
    border-bottom-color: #003e6b;
  }

  .md\:border-l-blue-dark{
    border-left-color: #003e6b;
  }

  .md\:border-t-gray-100{
    border-top-color: #f0f4f8;
  }

  .md\:border-r-gray-100{
    border-right-color: #f0f4f8;
  }

  .md\:border-b-gray-100{
    border-bottom-color: #f0f4f8;
  }

  .md\:border-l-gray-100{
    border-left-color: #f0f4f8;
  }

  .md\:border-t-gray-200{
    border-top-color: #d9d9d9;
  }

  .md\:border-r-gray-200{
    border-right-color: #d9d9d9;
  }

  .md\:border-b-gray-200{
    border-bottom-color: #d9d9d9;
  }

  .md\:border-l-gray-200{
    border-left-color: #d9d9d9;
  }

  .md\:border-t-gray-300{
    border-top-color: #bcccdc;
  }

  .md\:border-r-gray-300{
    border-right-color: #bcccdc;
  }

  .md\:border-b-gray-300{
    border-bottom-color: #bcccdc;
  }

  .md\:border-l-gray-300{
    border-left-color: #bcccdc;
  }

  .md\:border-t-gray-500{
    border-top-color: #627d98;
  }

  .md\:border-r-gray-500{
    border-right-color: #627d98;
  }

  .md\:border-b-gray-500{
    border-bottom-color: #627d98;
  }

  .md\:border-l-gray-500{
    border-left-color: #627d98;
  }

  .md\:border-t-gray-600{
    border-top-color: #334e68;
  }

  .md\:border-r-gray-600{
    border-right-color: #334e68;
  }

  .md\:border-b-gray-600{
    border-bottom-color: #334e68;
  }

  .md\:border-l-gray-600{
    border-left-color: #334e68;
  }

  .md\:border-t-gray-700{
    border-top-color: #243b53;
  }

  .md\:border-r-gray-700{
    border-right-color: #243b53;
  }

  .md\:border-b-gray-700{
    border-bottom-color: #243b53;
  }

  .md\:border-l-gray-700{
    border-left-color: #243b53;
  }

  .md\:border-t-gray-900{
    border-top-color: #102a43;
  }

  .md\:border-r-gray-900{
    border-right-color: #102a43;
  }

  .md\:border-b-gray-900{
    border-bottom-color: #102a43;
  }

  .md\:border-l-gray-900{
    border-left-color: #102a43;
  }

  .md\:border-t-magenta-dark{
    border-top-color: #8f4731;
  }

  .md\:border-r-magenta-dark{
    border-right-color: #8f4731;
  }

  .md\:border-b-magenta-dark{
    border-bottom-color: #8f4731;
  }

  .md\:border-l-magenta-dark{
    border-left-color: #8f4731;
  }

  .md\:border-t-magenta-bright{
    border-top-color: #9C4429;
  }

  .md\:border-r-magenta-bright{
    border-right-color: #9C4429;
  }

  .md\:border-b-magenta-bright{
    border-bottom-color: #9C4429;
  }

  .md\:border-l-magenta-bright{
    border-left-color: #9C4429;
  }

  .md\:border-t-magenta-hilight{
    border-top-color: #CC522D;
  }

  .md\:border-r-magenta-hilight{
    border-right-color: #CC522D;
  }

  .md\:border-b-magenta-hilight{
    border-bottom-color: #CC522D;
  }

  .md\:border-l-magenta-hilight{
    border-left-color: #CC522D;
  }

  .md\:border-t-teal-dark{
    border-top-color: #2d5b6b;
  }

  .md\:border-r-teal-dark{
    border-right-color: #2d5b6b;
  }

  .md\:border-b-teal-dark{
    border-bottom-color: #2d5b6b;
  }

  .md\:border-l-teal-dark{
    border-left-color: #2d5b6b;
  }

  .md\:border-t-teal-bright{
    border-top-color: #2B738C;
  }

  .md\:border-r-teal-bright{
    border-right-color: #2B738C;
  }

  .md\:border-b-teal-bright{
    border-bottom-color: #2B738C;
  }

  .md\:border-l-teal-bright{
    border-left-color: #2B738C;
  }

  .md\:border-t-teal-hilight{
    border-top-color: #3CA1C4;
  }

  .md\:border-r-teal-hilight{
    border-right-color: #3CA1C4;
  }

  .md\:border-b-teal-hilight{
    border-bottom-color: #3CA1C4;
  }

  .md\:border-l-teal-hilight{
    border-left-color: #3CA1C4;
  }

  .md\:border-t-mustard-dark{
    border-top-color: #c47a53;
  }

  .md\:border-r-mustard-dark{
    border-right-color: #c47a53;
  }

  .md\:border-b-mustard-dark{
    border-bottom-color: #c47a53;
  }

  .md\:border-l-mustard-dark{
    border-left-color: #c47a53;
  }

  .md\:border-t-mustard-bright{
    border-top-color: #E07C48;
  }

  .md\:border-r-mustard-bright{
    border-right-color: #E07C48;
  }

  .md\:border-b-mustard-bright{
    border-bottom-color: #E07C48;
  }

  .md\:border-l-mustard-bright{
    border-left-color: #E07C48;
  }

  .md\:border-t-mustard-hilight{
    border-top-color: #FF7015;
  }

  .md\:border-r-mustard-hilight{
    border-right-color: #FF7015;
  }

  .md\:border-b-mustard-hilight{
    border-bottom-color: #FF7015;
  }

  .md\:border-l-mustard-hilight{
    border-left-color: #FF7015;
  }

  .md\:border-t-purple-dark{
    border-top-color: #6b2d5b;
  }

  .md\:border-r-purple-dark{
    border-right-color: #6b2d5b;
  }

  .md\:border-b-purple-dark{
    border-bottom-color: #6b2d5b;
  }

  .md\:border-l-purple-dark{
    border-left-color: #6b2d5b;
  }

  .md\:border-t-purple-bright{
    border-top-color: #8D2B74;
  }

  .md\:border-r-purple-bright{
    border-right-color: #8D2B74;
  }

  .md\:border-b-purple-bright{
    border-bottom-color: #8D2B74;
  }

  .md\:border-l-purple-bright{
    border-left-color: #8D2B74;
  }

  .md\:border-t-purple-hilight{
    border-top-color: #C0339C;
  }

  .md\:border-r-purple-hilight{
    border-right-color: #C0339C;
  }

  .md\:border-b-purple-hilight{
    border-bottom-color: #C0339C;
  }

  .md\:border-l-purple-hilight{
    border-left-color: #C0339C;
  }

  .md\:border-t-purple-bookshop{
    border-top-color: #584199;
  }

  .md\:border-r-purple-bookshop{
    border-right-color: #584199;
  }

  .md\:border-b-purple-bookshop{
    border-bottom-color: #584199;
  }

  .md\:border-l-purple-bookshop{
    border-left-color: #584199;
  }

  .md\:border-t-green-dark{
    border-top-color: #7b7d2a;
  }

  .md\:border-r-green-dark{
    border-right-color: #7b7d2a;
  }

  .md\:border-b-green-dark{
    border-bottom-color: #7b7d2a;
  }

  .md\:border-l-green-dark{
    border-left-color: #7b7d2a;
  }

  .md\:border-t-green-bright{
    border-top-color: #8F9220;
  }

  .md\:border-r-green-bright{
    border-right-color: #8F9220;
  }

  .md\:border-b-green-bright{
    border-bottom-color: #8F9220;
  }

  .md\:border-l-green-bright{
    border-left-color: #8F9220;
  }

  .md\:border-t-green-hilight{
    border-top-color: #B4B72A;
  }

  .md\:border-r-green-hilight{
    border-right-color: #B4B72A;
  }

  .md\:border-b-green-hilight{
    border-bottom-color: #B4B72A;
  }

  .md\:border-l-green-hilight{
    border-left-color: #B4B72A;
  }

  .md\:border-t-navy-dark{
    border-top-color: #52494c;
  }

  .md\:border-r-navy-dark{
    border-right-color: #52494c;
  }

  .md\:border-b-navy-dark{
    border-bottom-color: #52494c;
  }

  .md\:border-l-navy-dark{
    border-left-color: #52494c;
  }

  .md\:border-t-navy-bright{
    border-top-color: #6D565E;
  }

  .md\:border-r-navy-bright{
    border-right-color: #6D565E;
  }

  .md\:border-b-navy-bright{
    border-bottom-color: #6D565E;
  }

  .md\:border-l-navy-bright{
    border-left-color: #6D565E;
  }

  .md\:border-t-navy-hilight{
    border-top-color: #8A6A75;
  }

  .md\:border-r-navy-hilight{
    border-right-color: #8A6A75;
  }

  .md\:border-b-navy-hilight{
    border-bottom-color: #8A6A75;
  }

  .md\:border-l-navy-hilight{
    border-left-color: #8A6A75;
  }

  .md\:border-t-transparent{
    border-top-color: transparent;
  }

  .md\:border-r-transparent{
    border-right-color: transparent;
  }

  .md\:border-b-transparent{
    border-bottom-color: transparent;
  }

  .md\:border-l-transparent{
    border-left-color: transparent;
  }

  .md\:border-t-black{
    border-top-color: #101010;
  }

  .md\:border-r-black{
    border-right-color: #101010;
  }

  .md\:border-b-black{
    border-bottom-color: #101010;
  }

  .md\:border-l-black{
    border-left-color: #101010;
  }

  .md\:border-t-white{
    border-top-color: #fff;
  }

  .md\:border-r-white{
    border-right-color: #fff;
  }

  .md\:border-b-white{
    border-bottom-color: #fff;
  }

  .md\:border-l-white{
    border-left-color: #fff;
  }

  .md\:border-t-red{
    border-top-color: #E12D39;
  }

  .md\:border-r-red{
    border-right-color: #E12D39;
  }

  .md\:border-b-red{
    border-bottom-color: #E12D39;
  }

  .md\:border-l-red{
    border-left-color: #E12D39;
  }

  .md\:hover\:border-t-blue-bright:hover{
    border-top-color: #0B69A3;
  }

  .md\:hover\:border-r-blue-bright:hover{
    border-right-color: #0B69A3;
  }

  .md\:hover\:border-b-blue-bright:hover{
    border-bottom-color: #0B69A3;
  }

  .md\:hover\:border-l-blue-bright:hover{
    border-left-color: #0B69A3;
  }

  .md\:hover\:border-t-blue-light:hover{
    border-top-color: #B3ECFF;
  }

  .md\:hover\:border-r-blue-light:hover{
    border-right-color: #B3ECFF;
  }

  .md\:hover\:border-b-blue-light:hover{
    border-bottom-color: #B3ECFF;
  }

  .md\:hover\:border-l-blue-light:hover{
    border-left-color: #B3ECFF;
  }

  .md\:hover\:border-t-blue-pale:hover{
    border-top-color: #DCEEFB;
  }

  .md\:hover\:border-r-blue-pale:hover{
    border-right-color: #DCEEFB;
  }

  .md\:hover\:border-b-blue-pale:hover{
    border-bottom-color: #DCEEFB;
  }

  .md\:hover\:border-l-blue-pale:hover{
    border-left-color: #DCEEFB;
  }

  .md\:hover\:border-t-blue-deep:hover{
    border-top-color: #035388;
  }

  .md\:hover\:border-r-blue-deep:hover{
    border-right-color: #035388;
  }

  .md\:hover\:border-b-blue-deep:hover{
    border-bottom-color: #035388;
  }

  .md\:hover\:border-l-blue-deep:hover{
    border-left-color: #035388;
  }

  .md\:hover\:border-t-blue-hilight:hover{
    border-top-color: #5ed0fa;
  }

  .md\:hover\:border-r-blue-hilight:hover{
    border-right-color: #5ed0fa;
  }

  .md\:hover\:border-b-blue-hilight:hover{
    border-bottom-color: #5ed0fa;
  }

  .md\:hover\:border-l-blue-hilight:hover{
    border-left-color: #5ed0fa;
  }

  .md\:hover\:border-t-blue-med:hover{
    border-top-color: #1992d4;
  }

  .md\:hover\:border-r-blue-med:hover{
    border-right-color: #1992d4;
  }

  .md\:hover\:border-b-blue-med:hover{
    border-bottom-color: #1992d4;
  }

  .md\:hover\:border-l-blue-med:hover{
    border-left-color: #1992d4;
  }

  .md\:hover\:border-t-blue-dark:hover{
    border-top-color: #003e6b;
  }

  .md\:hover\:border-r-blue-dark:hover{
    border-right-color: #003e6b;
  }

  .md\:hover\:border-b-blue-dark:hover{
    border-bottom-color: #003e6b;
  }

  .md\:hover\:border-l-blue-dark:hover{
    border-left-color: #003e6b;
  }

  .md\:hover\:border-t-gray-100:hover{
    border-top-color: #f0f4f8;
  }

  .md\:hover\:border-r-gray-100:hover{
    border-right-color: #f0f4f8;
  }

  .md\:hover\:border-b-gray-100:hover{
    border-bottom-color: #f0f4f8;
  }

  .md\:hover\:border-l-gray-100:hover{
    border-left-color: #f0f4f8;
  }

  .md\:hover\:border-t-gray-200:hover{
    border-top-color: #d9d9d9;
  }

  .md\:hover\:border-r-gray-200:hover{
    border-right-color: #d9d9d9;
  }

  .md\:hover\:border-b-gray-200:hover{
    border-bottom-color: #d9d9d9;
  }

  .md\:hover\:border-l-gray-200:hover{
    border-left-color: #d9d9d9;
  }

  .md\:hover\:border-t-gray-300:hover{
    border-top-color: #bcccdc;
  }

  .md\:hover\:border-r-gray-300:hover{
    border-right-color: #bcccdc;
  }

  .md\:hover\:border-b-gray-300:hover{
    border-bottom-color: #bcccdc;
  }

  .md\:hover\:border-l-gray-300:hover{
    border-left-color: #bcccdc;
  }

  .md\:hover\:border-t-gray-500:hover{
    border-top-color: #627d98;
  }

  .md\:hover\:border-r-gray-500:hover{
    border-right-color: #627d98;
  }

  .md\:hover\:border-b-gray-500:hover{
    border-bottom-color: #627d98;
  }

  .md\:hover\:border-l-gray-500:hover{
    border-left-color: #627d98;
  }

  .md\:hover\:border-t-gray-600:hover{
    border-top-color: #334e68;
  }

  .md\:hover\:border-r-gray-600:hover{
    border-right-color: #334e68;
  }

  .md\:hover\:border-b-gray-600:hover{
    border-bottom-color: #334e68;
  }

  .md\:hover\:border-l-gray-600:hover{
    border-left-color: #334e68;
  }

  .md\:hover\:border-t-gray-700:hover{
    border-top-color: #243b53;
  }

  .md\:hover\:border-r-gray-700:hover{
    border-right-color: #243b53;
  }

  .md\:hover\:border-b-gray-700:hover{
    border-bottom-color: #243b53;
  }

  .md\:hover\:border-l-gray-700:hover{
    border-left-color: #243b53;
  }

  .md\:hover\:border-t-gray-900:hover{
    border-top-color: #102a43;
  }

  .md\:hover\:border-r-gray-900:hover{
    border-right-color: #102a43;
  }

  .md\:hover\:border-b-gray-900:hover{
    border-bottom-color: #102a43;
  }

  .md\:hover\:border-l-gray-900:hover{
    border-left-color: #102a43;
  }

  .md\:hover\:border-t-magenta-dark:hover{
    border-top-color: #8f4731;
  }

  .md\:hover\:border-r-magenta-dark:hover{
    border-right-color: #8f4731;
  }

  .md\:hover\:border-b-magenta-dark:hover{
    border-bottom-color: #8f4731;
  }

  .md\:hover\:border-l-magenta-dark:hover{
    border-left-color: #8f4731;
  }

  .md\:hover\:border-t-magenta-bright:hover{
    border-top-color: #9C4429;
  }

  .md\:hover\:border-r-magenta-bright:hover{
    border-right-color: #9C4429;
  }

  .md\:hover\:border-b-magenta-bright:hover{
    border-bottom-color: #9C4429;
  }

  .md\:hover\:border-l-magenta-bright:hover{
    border-left-color: #9C4429;
  }

  .md\:hover\:border-t-magenta-hilight:hover{
    border-top-color: #CC522D;
  }

  .md\:hover\:border-r-magenta-hilight:hover{
    border-right-color: #CC522D;
  }

  .md\:hover\:border-b-magenta-hilight:hover{
    border-bottom-color: #CC522D;
  }

  .md\:hover\:border-l-magenta-hilight:hover{
    border-left-color: #CC522D;
  }

  .md\:hover\:border-t-teal-dark:hover{
    border-top-color: #2d5b6b;
  }

  .md\:hover\:border-r-teal-dark:hover{
    border-right-color: #2d5b6b;
  }

  .md\:hover\:border-b-teal-dark:hover{
    border-bottom-color: #2d5b6b;
  }

  .md\:hover\:border-l-teal-dark:hover{
    border-left-color: #2d5b6b;
  }

  .md\:hover\:border-t-teal-bright:hover{
    border-top-color: #2B738C;
  }

  .md\:hover\:border-r-teal-bright:hover{
    border-right-color: #2B738C;
  }

  .md\:hover\:border-b-teal-bright:hover{
    border-bottom-color: #2B738C;
  }

  .md\:hover\:border-l-teal-bright:hover{
    border-left-color: #2B738C;
  }

  .md\:hover\:border-t-teal-hilight:hover{
    border-top-color: #3CA1C4;
  }

  .md\:hover\:border-r-teal-hilight:hover{
    border-right-color: #3CA1C4;
  }

  .md\:hover\:border-b-teal-hilight:hover{
    border-bottom-color: #3CA1C4;
  }

  .md\:hover\:border-l-teal-hilight:hover{
    border-left-color: #3CA1C4;
  }

  .md\:hover\:border-t-mustard-dark:hover{
    border-top-color: #c47a53;
  }

  .md\:hover\:border-r-mustard-dark:hover{
    border-right-color: #c47a53;
  }

  .md\:hover\:border-b-mustard-dark:hover{
    border-bottom-color: #c47a53;
  }

  .md\:hover\:border-l-mustard-dark:hover{
    border-left-color: #c47a53;
  }

  .md\:hover\:border-t-mustard-bright:hover{
    border-top-color: #E07C48;
  }

  .md\:hover\:border-r-mustard-bright:hover{
    border-right-color: #E07C48;
  }

  .md\:hover\:border-b-mustard-bright:hover{
    border-bottom-color: #E07C48;
  }

  .md\:hover\:border-l-mustard-bright:hover{
    border-left-color: #E07C48;
  }

  .md\:hover\:border-t-mustard-hilight:hover{
    border-top-color: #FF7015;
  }

  .md\:hover\:border-r-mustard-hilight:hover{
    border-right-color: #FF7015;
  }

  .md\:hover\:border-b-mustard-hilight:hover{
    border-bottom-color: #FF7015;
  }

  .md\:hover\:border-l-mustard-hilight:hover{
    border-left-color: #FF7015;
  }

  .md\:hover\:border-t-purple-dark:hover{
    border-top-color: #6b2d5b;
  }

  .md\:hover\:border-r-purple-dark:hover{
    border-right-color: #6b2d5b;
  }

  .md\:hover\:border-b-purple-dark:hover{
    border-bottom-color: #6b2d5b;
  }

  .md\:hover\:border-l-purple-dark:hover{
    border-left-color: #6b2d5b;
  }

  .md\:hover\:border-t-purple-bright:hover{
    border-top-color: #8D2B74;
  }

  .md\:hover\:border-r-purple-bright:hover{
    border-right-color: #8D2B74;
  }

  .md\:hover\:border-b-purple-bright:hover{
    border-bottom-color: #8D2B74;
  }

  .md\:hover\:border-l-purple-bright:hover{
    border-left-color: #8D2B74;
  }

  .md\:hover\:border-t-purple-hilight:hover{
    border-top-color: #C0339C;
  }

  .md\:hover\:border-r-purple-hilight:hover{
    border-right-color: #C0339C;
  }

  .md\:hover\:border-b-purple-hilight:hover{
    border-bottom-color: #C0339C;
  }

  .md\:hover\:border-l-purple-hilight:hover{
    border-left-color: #C0339C;
  }

  .md\:hover\:border-t-purple-bookshop:hover{
    border-top-color: #584199;
  }

  .md\:hover\:border-r-purple-bookshop:hover{
    border-right-color: #584199;
  }

  .md\:hover\:border-b-purple-bookshop:hover{
    border-bottom-color: #584199;
  }

  .md\:hover\:border-l-purple-bookshop:hover{
    border-left-color: #584199;
  }

  .md\:hover\:border-t-green-dark:hover{
    border-top-color: #7b7d2a;
  }

  .md\:hover\:border-r-green-dark:hover{
    border-right-color: #7b7d2a;
  }

  .md\:hover\:border-b-green-dark:hover{
    border-bottom-color: #7b7d2a;
  }

  .md\:hover\:border-l-green-dark:hover{
    border-left-color: #7b7d2a;
  }

  .md\:hover\:border-t-green-bright:hover{
    border-top-color: #8F9220;
  }

  .md\:hover\:border-r-green-bright:hover{
    border-right-color: #8F9220;
  }

  .md\:hover\:border-b-green-bright:hover{
    border-bottom-color: #8F9220;
  }

  .md\:hover\:border-l-green-bright:hover{
    border-left-color: #8F9220;
  }

  .md\:hover\:border-t-green-hilight:hover{
    border-top-color: #B4B72A;
  }

  .md\:hover\:border-r-green-hilight:hover{
    border-right-color: #B4B72A;
  }

  .md\:hover\:border-b-green-hilight:hover{
    border-bottom-color: #B4B72A;
  }

  .md\:hover\:border-l-green-hilight:hover{
    border-left-color: #B4B72A;
  }

  .md\:hover\:border-t-navy-dark:hover{
    border-top-color: #52494c;
  }

  .md\:hover\:border-r-navy-dark:hover{
    border-right-color: #52494c;
  }

  .md\:hover\:border-b-navy-dark:hover{
    border-bottom-color: #52494c;
  }

  .md\:hover\:border-l-navy-dark:hover{
    border-left-color: #52494c;
  }

  .md\:hover\:border-t-navy-bright:hover{
    border-top-color: #6D565E;
  }

  .md\:hover\:border-r-navy-bright:hover{
    border-right-color: #6D565E;
  }

  .md\:hover\:border-b-navy-bright:hover{
    border-bottom-color: #6D565E;
  }

  .md\:hover\:border-l-navy-bright:hover{
    border-left-color: #6D565E;
  }

  .md\:hover\:border-t-navy-hilight:hover{
    border-top-color: #8A6A75;
  }

  .md\:hover\:border-r-navy-hilight:hover{
    border-right-color: #8A6A75;
  }

  .md\:hover\:border-b-navy-hilight:hover{
    border-bottom-color: #8A6A75;
  }

  .md\:hover\:border-l-navy-hilight:hover{
    border-left-color: #8A6A75;
  }

  .md\:hover\:border-t-transparent:hover{
    border-top-color: transparent;
  }

  .md\:hover\:border-r-transparent:hover{
    border-right-color: transparent;
  }

  .md\:hover\:border-b-transparent:hover{
    border-bottom-color: transparent;
  }

  .md\:hover\:border-l-transparent:hover{
    border-left-color: transparent;
  }

  .md\:hover\:border-t-black:hover{
    border-top-color: #101010;
  }

  .md\:hover\:border-r-black:hover{
    border-right-color: #101010;
  }

  .md\:hover\:border-b-black:hover{
    border-bottom-color: #101010;
  }

  .md\:hover\:border-l-black:hover{
    border-left-color: #101010;
  }

  .md\:hover\:border-t-white:hover{
    border-top-color: #fff;
  }

  .md\:hover\:border-r-white:hover{
    border-right-color: #fff;
  }

  .md\:hover\:border-b-white:hover{
    border-bottom-color: #fff;
  }

  .md\:hover\:border-l-white:hover{
    border-left-color: #fff;
  }

  .md\:hover\:border-t-red:hover{
    border-top-color: #E12D39;
  }

  .md\:hover\:border-r-red:hover{
    border-right-color: #E12D39;
  }

  .md\:hover\:border-b-red:hover{
    border-bottom-color: #E12D39;
  }

  .md\:hover\:border-l-red:hover{
    border-left-color: #E12D39;
  }

  .md\:focus\:border-t-blue-bright:focus{
    border-top-color: #0B69A3;
  }

  .md\:focus\:border-r-blue-bright:focus{
    border-right-color: #0B69A3;
  }

  .md\:focus\:border-b-blue-bright:focus{
    border-bottom-color: #0B69A3;
  }

  .md\:focus\:border-l-blue-bright:focus{
    border-left-color: #0B69A3;
  }

  .md\:focus\:border-t-blue-light:focus{
    border-top-color: #B3ECFF;
  }

  .md\:focus\:border-r-blue-light:focus{
    border-right-color: #B3ECFF;
  }

  .md\:focus\:border-b-blue-light:focus{
    border-bottom-color: #B3ECFF;
  }

  .md\:focus\:border-l-blue-light:focus{
    border-left-color: #B3ECFF;
  }

  .md\:focus\:border-t-blue-pale:focus{
    border-top-color: #DCEEFB;
  }

  .md\:focus\:border-r-blue-pale:focus{
    border-right-color: #DCEEFB;
  }

  .md\:focus\:border-b-blue-pale:focus{
    border-bottom-color: #DCEEFB;
  }

  .md\:focus\:border-l-blue-pale:focus{
    border-left-color: #DCEEFB;
  }

  .md\:focus\:border-t-blue-deep:focus{
    border-top-color: #035388;
  }

  .md\:focus\:border-r-blue-deep:focus{
    border-right-color: #035388;
  }

  .md\:focus\:border-b-blue-deep:focus{
    border-bottom-color: #035388;
  }

  .md\:focus\:border-l-blue-deep:focus{
    border-left-color: #035388;
  }

  .md\:focus\:border-t-blue-hilight:focus{
    border-top-color: #5ed0fa;
  }

  .md\:focus\:border-r-blue-hilight:focus{
    border-right-color: #5ed0fa;
  }

  .md\:focus\:border-b-blue-hilight:focus{
    border-bottom-color: #5ed0fa;
  }

  .md\:focus\:border-l-blue-hilight:focus{
    border-left-color: #5ed0fa;
  }

  .md\:focus\:border-t-blue-med:focus{
    border-top-color: #1992d4;
  }

  .md\:focus\:border-r-blue-med:focus{
    border-right-color: #1992d4;
  }

  .md\:focus\:border-b-blue-med:focus{
    border-bottom-color: #1992d4;
  }

  .md\:focus\:border-l-blue-med:focus{
    border-left-color: #1992d4;
  }

  .md\:focus\:border-t-blue-dark:focus{
    border-top-color: #003e6b;
  }

  .md\:focus\:border-r-blue-dark:focus{
    border-right-color: #003e6b;
  }

  .md\:focus\:border-b-blue-dark:focus{
    border-bottom-color: #003e6b;
  }

  .md\:focus\:border-l-blue-dark:focus{
    border-left-color: #003e6b;
  }

  .md\:focus\:border-t-gray-100:focus{
    border-top-color: #f0f4f8;
  }

  .md\:focus\:border-r-gray-100:focus{
    border-right-color: #f0f4f8;
  }

  .md\:focus\:border-b-gray-100:focus{
    border-bottom-color: #f0f4f8;
  }

  .md\:focus\:border-l-gray-100:focus{
    border-left-color: #f0f4f8;
  }

  .md\:focus\:border-t-gray-200:focus{
    border-top-color: #d9d9d9;
  }

  .md\:focus\:border-r-gray-200:focus{
    border-right-color: #d9d9d9;
  }

  .md\:focus\:border-b-gray-200:focus{
    border-bottom-color: #d9d9d9;
  }

  .md\:focus\:border-l-gray-200:focus{
    border-left-color: #d9d9d9;
  }

  .md\:focus\:border-t-gray-300:focus{
    border-top-color: #bcccdc;
  }

  .md\:focus\:border-r-gray-300:focus{
    border-right-color: #bcccdc;
  }

  .md\:focus\:border-b-gray-300:focus{
    border-bottom-color: #bcccdc;
  }

  .md\:focus\:border-l-gray-300:focus{
    border-left-color: #bcccdc;
  }

  .md\:focus\:border-t-gray-500:focus{
    border-top-color: #627d98;
  }

  .md\:focus\:border-r-gray-500:focus{
    border-right-color: #627d98;
  }

  .md\:focus\:border-b-gray-500:focus{
    border-bottom-color: #627d98;
  }

  .md\:focus\:border-l-gray-500:focus{
    border-left-color: #627d98;
  }

  .md\:focus\:border-t-gray-600:focus{
    border-top-color: #334e68;
  }

  .md\:focus\:border-r-gray-600:focus{
    border-right-color: #334e68;
  }

  .md\:focus\:border-b-gray-600:focus{
    border-bottom-color: #334e68;
  }

  .md\:focus\:border-l-gray-600:focus{
    border-left-color: #334e68;
  }

  .md\:focus\:border-t-gray-700:focus{
    border-top-color: #243b53;
  }

  .md\:focus\:border-r-gray-700:focus{
    border-right-color: #243b53;
  }

  .md\:focus\:border-b-gray-700:focus{
    border-bottom-color: #243b53;
  }

  .md\:focus\:border-l-gray-700:focus{
    border-left-color: #243b53;
  }

  .md\:focus\:border-t-gray-900:focus{
    border-top-color: #102a43;
  }

  .md\:focus\:border-r-gray-900:focus{
    border-right-color: #102a43;
  }

  .md\:focus\:border-b-gray-900:focus{
    border-bottom-color: #102a43;
  }

  .md\:focus\:border-l-gray-900:focus{
    border-left-color: #102a43;
  }

  .md\:focus\:border-t-magenta-dark:focus{
    border-top-color: #8f4731;
  }

  .md\:focus\:border-r-magenta-dark:focus{
    border-right-color: #8f4731;
  }

  .md\:focus\:border-b-magenta-dark:focus{
    border-bottom-color: #8f4731;
  }

  .md\:focus\:border-l-magenta-dark:focus{
    border-left-color: #8f4731;
  }

  .md\:focus\:border-t-magenta-bright:focus{
    border-top-color: #9C4429;
  }

  .md\:focus\:border-r-magenta-bright:focus{
    border-right-color: #9C4429;
  }

  .md\:focus\:border-b-magenta-bright:focus{
    border-bottom-color: #9C4429;
  }

  .md\:focus\:border-l-magenta-bright:focus{
    border-left-color: #9C4429;
  }

  .md\:focus\:border-t-magenta-hilight:focus{
    border-top-color: #CC522D;
  }

  .md\:focus\:border-r-magenta-hilight:focus{
    border-right-color: #CC522D;
  }

  .md\:focus\:border-b-magenta-hilight:focus{
    border-bottom-color: #CC522D;
  }

  .md\:focus\:border-l-magenta-hilight:focus{
    border-left-color: #CC522D;
  }

  .md\:focus\:border-t-teal-dark:focus{
    border-top-color: #2d5b6b;
  }

  .md\:focus\:border-r-teal-dark:focus{
    border-right-color: #2d5b6b;
  }

  .md\:focus\:border-b-teal-dark:focus{
    border-bottom-color: #2d5b6b;
  }

  .md\:focus\:border-l-teal-dark:focus{
    border-left-color: #2d5b6b;
  }

  .md\:focus\:border-t-teal-bright:focus{
    border-top-color: #2B738C;
  }

  .md\:focus\:border-r-teal-bright:focus{
    border-right-color: #2B738C;
  }

  .md\:focus\:border-b-teal-bright:focus{
    border-bottom-color: #2B738C;
  }

  .md\:focus\:border-l-teal-bright:focus{
    border-left-color: #2B738C;
  }

  .md\:focus\:border-t-teal-hilight:focus{
    border-top-color: #3CA1C4;
  }

  .md\:focus\:border-r-teal-hilight:focus{
    border-right-color: #3CA1C4;
  }

  .md\:focus\:border-b-teal-hilight:focus{
    border-bottom-color: #3CA1C4;
  }

  .md\:focus\:border-l-teal-hilight:focus{
    border-left-color: #3CA1C4;
  }

  .md\:focus\:border-t-mustard-dark:focus{
    border-top-color: #c47a53;
  }

  .md\:focus\:border-r-mustard-dark:focus{
    border-right-color: #c47a53;
  }

  .md\:focus\:border-b-mustard-dark:focus{
    border-bottom-color: #c47a53;
  }

  .md\:focus\:border-l-mustard-dark:focus{
    border-left-color: #c47a53;
  }

  .md\:focus\:border-t-mustard-bright:focus{
    border-top-color: #E07C48;
  }

  .md\:focus\:border-r-mustard-bright:focus{
    border-right-color: #E07C48;
  }

  .md\:focus\:border-b-mustard-bright:focus{
    border-bottom-color: #E07C48;
  }

  .md\:focus\:border-l-mustard-bright:focus{
    border-left-color: #E07C48;
  }

  .md\:focus\:border-t-mustard-hilight:focus{
    border-top-color: #FF7015;
  }

  .md\:focus\:border-r-mustard-hilight:focus{
    border-right-color: #FF7015;
  }

  .md\:focus\:border-b-mustard-hilight:focus{
    border-bottom-color: #FF7015;
  }

  .md\:focus\:border-l-mustard-hilight:focus{
    border-left-color: #FF7015;
  }

  .md\:focus\:border-t-purple-dark:focus{
    border-top-color: #6b2d5b;
  }

  .md\:focus\:border-r-purple-dark:focus{
    border-right-color: #6b2d5b;
  }

  .md\:focus\:border-b-purple-dark:focus{
    border-bottom-color: #6b2d5b;
  }

  .md\:focus\:border-l-purple-dark:focus{
    border-left-color: #6b2d5b;
  }

  .md\:focus\:border-t-purple-bright:focus{
    border-top-color: #8D2B74;
  }

  .md\:focus\:border-r-purple-bright:focus{
    border-right-color: #8D2B74;
  }

  .md\:focus\:border-b-purple-bright:focus{
    border-bottom-color: #8D2B74;
  }

  .md\:focus\:border-l-purple-bright:focus{
    border-left-color: #8D2B74;
  }

  .md\:focus\:border-t-purple-hilight:focus{
    border-top-color: #C0339C;
  }

  .md\:focus\:border-r-purple-hilight:focus{
    border-right-color: #C0339C;
  }

  .md\:focus\:border-b-purple-hilight:focus{
    border-bottom-color: #C0339C;
  }

  .md\:focus\:border-l-purple-hilight:focus{
    border-left-color: #C0339C;
  }

  .md\:focus\:border-t-purple-bookshop:focus{
    border-top-color: #584199;
  }

  .md\:focus\:border-r-purple-bookshop:focus{
    border-right-color: #584199;
  }

  .md\:focus\:border-b-purple-bookshop:focus{
    border-bottom-color: #584199;
  }

  .md\:focus\:border-l-purple-bookshop:focus{
    border-left-color: #584199;
  }

  .md\:focus\:border-t-green-dark:focus{
    border-top-color: #7b7d2a;
  }

  .md\:focus\:border-r-green-dark:focus{
    border-right-color: #7b7d2a;
  }

  .md\:focus\:border-b-green-dark:focus{
    border-bottom-color: #7b7d2a;
  }

  .md\:focus\:border-l-green-dark:focus{
    border-left-color: #7b7d2a;
  }

  .md\:focus\:border-t-green-bright:focus{
    border-top-color: #8F9220;
  }

  .md\:focus\:border-r-green-bright:focus{
    border-right-color: #8F9220;
  }

  .md\:focus\:border-b-green-bright:focus{
    border-bottom-color: #8F9220;
  }

  .md\:focus\:border-l-green-bright:focus{
    border-left-color: #8F9220;
  }

  .md\:focus\:border-t-green-hilight:focus{
    border-top-color: #B4B72A;
  }

  .md\:focus\:border-r-green-hilight:focus{
    border-right-color: #B4B72A;
  }

  .md\:focus\:border-b-green-hilight:focus{
    border-bottom-color: #B4B72A;
  }

  .md\:focus\:border-l-green-hilight:focus{
    border-left-color: #B4B72A;
  }

  .md\:focus\:border-t-navy-dark:focus{
    border-top-color: #52494c;
  }

  .md\:focus\:border-r-navy-dark:focus{
    border-right-color: #52494c;
  }

  .md\:focus\:border-b-navy-dark:focus{
    border-bottom-color: #52494c;
  }

  .md\:focus\:border-l-navy-dark:focus{
    border-left-color: #52494c;
  }

  .md\:focus\:border-t-navy-bright:focus{
    border-top-color: #6D565E;
  }

  .md\:focus\:border-r-navy-bright:focus{
    border-right-color: #6D565E;
  }

  .md\:focus\:border-b-navy-bright:focus{
    border-bottom-color: #6D565E;
  }

  .md\:focus\:border-l-navy-bright:focus{
    border-left-color: #6D565E;
  }

  .md\:focus\:border-t-navy-hilight:focus{
    border-top-color: #8A6A75;
  }

  .md\:focus\:border-r-navy-hilight:focus{
    border-right-color: #8A6A75;
  }

  .md\:focus\:border-b-navy-hilight:focus{
    border-bottom-color: #8A6A75;
  }

  .md\:focus\:border-l-navy-hilight:focus{
    border-left-color: #8A6A75;
  }

  .md\:focus\:border-t-transparent:focus{
    border-top-color: transparent;
  }

  .md\:focus\:border-r-transparent:focus{
    border-right-color: transparent;
  }

  .md\:focus\:border-b-transparent:focus{
    border-bottom-color: transparent;
  }

  .md\:focus\:border-l-transparent:focus{
    border-left-color: transparent;
  }

  .md\:focus\:border-t-black:focus{
    border-top-color: #101010;
  }

  .md\:focus\:border-r-black:focus{
    border-right-color: #101010;
  }

  .md\:focus\:border-b-black:focus{
    border-bottom-color: #101010;
  }

  .md\:focus\:border-l-black:focus{
    border-left-color: #101010;
  }

  .md\:focus\:border-t-white:focus{
    border-top-color: #fff;
  }

  .md\:focus\:border-r-white:focus{
    border-right-color: #fff;
  }

  .md\:focus\:border-b-white:focus{
    border-bottom-color: #fff;
  }

  .md\:focus\:border-l-white:focus{
    border-left-color: #fff;
  }

  .md\:focus\:border-t-red:focus{
    border-top-color: #E12D39;
  }

  .md\:focus\:border-r-red:focus{
    border-right-color: #E12D39;
  }

  .md\:focus\:border-b-red:focus{
    border-bottom-color: #E12D39;
  }

  .md\:focus\:border-l-red:focus{
    border-left-color: #E12D39;
  }
}

@media (min-width: 1024px){
  .lg\:container{
    width: 100%;
  }

  @media (min-width: 640px){
    .lg\:container{
      max-width: 640px;
    }
  }

  @media (min-width: 768px){
    .lg\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .lg\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px){
    .lg\:container{
      max-width: 1280px;
    }
  }

  .lg\:space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0px * var(--space-y-reverse));
  }

  .lg\:space-x-0 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0px * var(--space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--space-y-reverse));
  }

  .lg\:space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--space-y-reverse));
  }

  .lg\:space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--space-y-reverse));
  }

  .lg\:space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1rem * var(--space-y-reverse));
  }

  .lg\:space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1rem * var(--space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--space-y-reverse));
  }

  .lg\:space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--space-y-reverse));
  }

  .lg\:space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2rem * var(--space-y-reverse));
  }

  .lg\:space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(2rem * var(--space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--space-y-reverse));
  }

  .lg\:space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3rem * var(--space-y-reverse));
  }

  .lg\:space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(3rem * var(--space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(4rem * var(--space-y-reverse));
  }

  .lg\:space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(4rem * var(--space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(5rem * var(--space-y-reverse));
  }

  .lg\:space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(5rem * var(--space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(6rem * var(--space-y-reverse));
  }

  .lg\:space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(6rem * var(--space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(8rem * var(--space-y-reverse));
  }

  .lg\:space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(8rem * var(--space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(10rem * var(--space-y-reverse));
  }

  .lg\:space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(10rem * var(--space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(12rem * var(--space-y-reverse));
  }

  .lg\:space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(12rem * var(--space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(14rem * var(--space-y-reverse));
  }

  .lg\:space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(14rem * var(--space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(16rem * var(--space-y-reverse));
  }

  .lg\:space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(16rem * var(--space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1px * var(--space-y-reverse));
  }

  .lg\:space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1px * var(--space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
  }

  .lg\:-space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.25rem * var(--space-x-reverse));
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
  }

  .lg\:-space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
  }

  .lg\:-space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.75rem * var(--space-x-reverse));
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1rem * var(--space-y-reverse));
  }

  .lg\:-space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1rem * var(--space-x-reverse));
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
  }

  .lg\:-space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1.25rem * var(--space-x-reverse));
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
  }

  .lg\:-space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1.5rem * var(--space-x-reverse));
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2rem * var(--space-y-reverse));
  }

  .lg\:-space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-2rem * var(--space-x-reverse));
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
  }

  .lg\:-space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3rem * var(--space-y-reverse));
  }

  .lg\:-space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-3rem * var(--space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-4rem * var(--space-y-reverse));
  }

  .lg\:-space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-4rem * var(--space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-5rem * var(--space-y-reverse));
  }

  .lg\:-space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-5rem * var(--space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-6rem * var(--space-y-reverse));
  }

  .lg\:-space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-6rem * var(--space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-8rem * var(--space-y-reverse));
  }

  .lg\:-space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-8rem * var(--space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-10rem * var(--space-y-reverse));
  }

  .lg\:-space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-10rem * var(--space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-12rem * var(--space-y-reverse));
  }

  .lg\:-space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-12rem * var(--space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-14rem * var(--space-y-reverse));
  }

  .lg\:-space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-14rem * var(--space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-16rem * var(--space-y-reverse));
  }

  .lg\:-space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-16rem * var(--space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
  }

  .lg\:-space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1px * var(--space-y-reverse));
  }

  .lg\:-space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1px * var(--space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
  }

  .lg\:space-y-reverse > :not(template) ~ :not(template){
    --space-y-reverse: 1;
  }

  .lg\:space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse: 1;
  }

  .lg\:divide-y-0 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(0px * var(--divide-y-reverse));
  }

  .lg\:divide-x-0 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(0px * var(--divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
  }

  .lg\:divide-y-2 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(2px * var(--divide-y-reverse));
  }

  .lg\:divide-x-2 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(2px * var(--divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
  }

  .lg\:divide-y-4 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(4px * var(--divide-y-reverse));
  }

  .lg\:divide-x-4 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(4px * var(--divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
  }

  .lg\:divide-y-8 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(8px * var(--divide-y-reverse));
  }

  .lg\:divide-x-8 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(8px * var(--divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
  }

  .lg\:divide-y > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(1px * var(--divide-y-reverse));
  }

  .lg\:divide-x > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(1px * var(--divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
  }

  .lg\:divide-y-reverse > :not(template) ~ :not(template){
    --divide-y-reverse: 1;
  }

  .lg\:divide-x-reverse > :not(template) ~ :not(template){
    --divide-x-reverse: 1;
  }

  .lg\:divide-blue-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #0B69A3;
    border-color: rgba(11, 105, 163, var(--divide-opacity));
  }

  .lg\:divide-blue-light > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #B3ECFF;
    border-color: rgba(179, 236, 255, var(--divide-opacity));
  }

  .lg\:divide-blue-pale > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #DCEEFB;
    border-color: rgba(220, 238, 251, var(--divide-opacity));
  }

  .lg\:divide-blue-deep > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #035388;
    border-color: rgba(3, 83, 136, var(--divide-opacity));
  }

  .lg\:divide-blue-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #5ed0fa;
    border-color: rgba(94, 208, 250, var(--divide-opacity));
  }

  .lg\:divide-blue-med > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #1992d4;
    border-color: rgba(25, 146, 212, var(--divide-opacity));
  }

  .lg\:divide-blue-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #003e6b;
    border-color: rgba(0, 62, 107, var(--divide-opacity));
  }

  .lg\:divide-gray-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f0f4f8;
    border-color: rgba(240, 244, 248, var(--divide-opacity));
  }

  .lg\:divide-gray-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #d9d9d9;
    border-color: rgba(217, 217, 217, var(--divide-opacity));
  }

  .lg\:divide-gray-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #bcccdc;
    border-color: rgba(188, 204, 220, var(--divide-opacity));
  }

  .lg\:divide-gray-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #627d98;
    border-color: rgba(98, 125, 152, var(--divide-opacity));
  }

  .lg\:divide-gray-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #334e68;
    border-color: rgba(51, 78, 104, var(--divide-opacity));
  }

  .lg\:divide-gray-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #243b53;
    border-color: rgba(36, 59, 83, var(--divide-opacity));
  }

  .lg\:divide-gray-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #102a43;
    border-color: rgba(16, 42, 67, var(--divide-opacity));
  }

  .lg\:divide-magenta-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #8f4731;
    border-color: rgba(143, 71, 49, var(--divide-opacity));
  }

  .lg\:divide-magenta-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9C4429;
    border-color: rgba(156, 68, 41, var(--divide-opacity));
  }

  .lg\:divide-magenta-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #CC522D;
    border-color: rgba(204, 82, 45, var(--divide-opacity));
  }

  .lg\:divide-teal-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2d5b6b;
    border-color: rgba(45, 91, 107, var(--divide-opacity));
  }

  .lg\:divide-teal-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2B738C;
    border-color: rgba(43, 115, 140, var(--divide-opacity));
  }

  .lg\:divide-teal-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #3CA1C4;
    border-color: rgba(60, 161, 196, var(--divide-opacity));
  }

  .lg\:divide-mustard-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c47a53;
    border-color: rgba(196, 122, 83, var(--divide-opacity));
  }

  .lg\:divide-mustard-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #E07C48;
    border-color: rgba(224, 124, 72, var(--divide-opacity));
  }

  .lg\:divide-mustard-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #FF7015;
    border-color: rgba(255, 112, 21, var(--divide-opacity));
  }

  .lg\:divide-purple-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #6b2d5b;
    border-color: rgba(107, 45, 91, var(--divide-opacity));
  }

  .lg\:divide-purple-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #8D2B74;
    border-color: rgba(141, 43, 116, var(--divide-opacity));
  }

  .lg\:divide-purple-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #C0339C;
    border-color: rgba(192, 51, 156, var(--divide-opacity));
  }

  .lg\:divide-purple-bookshop > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #584199;
    border-color: rgba(88, 65, 153, var(--divide-opacity));
  }

  .lg\:divide-green-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #7b7d2a;
    border-color: rgba(123, 125, 42, var(--divide-opacity));
  }

  .lg\:divide-green-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #8F9220;
    border-color: rgba(143, 146, 32, var(--divide-opacity));
  }

  .lg\:divide-green-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #B4B72A;
    border-color: rgba(180, 183, 42, var(--divide-opacity));
  }

  .lg\:divide-navy-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #52494c;
    border-color: rgba(82, 73, 76, var(--divide-opacity));
  }

  .lg\:divide-navy-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #6D565E;
    border-color: rgba(109, 86, 94, var(--divide-opacity));
  }

  .lg\:divide-navy-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #8A6A75;
    border-color: rgba(138, 106, 117, var(--divide-opacity));
  }

  .lg\:divide-transparent > :not(template) ~ :not(template){
    border-color: transparent;
  }

  .lg\:divide-black > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #101010;
    border-color: rgba(16, 16, 16, var(--divide-opacity));
  }

  .lg\:divide-white > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  .lg\:divide-red > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #E12D39;
    border-color: rgba(225, 45, 57, var(--divide-opacity));
  }

  .lg\:divide-solid > :not(template) ~ :not(template){
    border-style: solid;
  }

  .lg\:divide-dashed > :not(template) ~ :not(template){
    border-style: dashed;
  }

  .lg\:divide-dotted > :not(template) ~ :not(template){
    border-style: dotted;
  }

  .lg\:divide-double > :not(template) ~ :not(template){
    border-style: double;
  }

  .lg\:divide-none > :not(template) ~ :not(template){
    border-style: none;
  }

  .lg\:divide-opacity-0 > :not(template) ~ :not(template){
    --divide-opacity: 0;
  }

  .lg\:divide-opacity-25 > :not(template) ~ :not(template){
    --divide-opacity: 0.25;
  }

  .lg\:divide-opacity-50 > :not(template) ~ :not(template){
    --divide-opacity: 0.5;
  }

  .lg\:divide-opacity-75 > :not(template) ~ :not(template){
    --divide-opacity: 0.75;
  }

  .lg\:divide-opacity-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
  }

  .lg\:sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .lg\:not-sr-only{
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .lg\:focus\:sr-only:focus{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .lg\:focus\:not-sr-only:focus{
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .lg\:appearance-none{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  .lg\:bg-fixed{
    background-attachment: fixed;
  }

  .lg\:bg-local{
    background-attachment: local;
  }

  .lg\:bg-scroll{
    background-attachment: scroll;
  }

  .lg\:bg-clip-border{
    background-clip: border-box;
  }

  .lg\:bg-clip-padding{
    background-clip: padding-box;
  }

  .lg\:bg-clip-content{
    background-clip: content-box;
  }

  .lg\:bg-clip-text{
    -webkit-background-clip: text;
            background-clip: text;
  }

  .lg\:bg-blue-bright{
    --bg-opacity: 1;
    background-color: #0B69A3;
    background-color: rgba(11, 105, 163, var(--bg-opacity));
  }

  .lg\:bg-blue-light{
    --bg-opacity: 1;
    background-color: #B3ECFF;
    background-color: rgba(179, 236, 255, var(--bg-opacity));
  }

  .lg\:bg-blue-pale{
    --bg-opacity: 1;
    background-color: #DCEEFB;
    background-color: rgba(220, 238, 251, var(--bg-opacity));
  }

  .lg\:bg-blue-deep{
    --bg-opacity: 1;
    background-color: #035388;
    background-color: rgba(3, 83, 136, var(--bg-opacity));
  }

  .lg\:bg-blue-hilight{
    --bg-opacity: 1;
    background-color: #5ed0fa;
    background-color: rgba(94, 208, 250, var(--bg-opacity));
  }

  .lg\:bg-blue-med{
    --bg-opacity: 1;
    background-color: #1992d4;
    background-color: rgba(25, 146, 212, var(--bg-opacity));
  }

  .lg\:bg-blue-dark{
    --bg-opacity: 1;
    background-color: #003e6b;
    background-color: rgba(0, 62, 107, var(--bg-opacity));
  }

  .lg\:bg-gray-100{
    --bg-opacity: 1;
    background-color: #f0f4f8;
    background-color: rgba(240, 244, 248, var(--bg-opacity));
  }

  .lg\:bg-gray-200{
    --bg-opacity: 1;
    background-color: #d9d9d9;
    background-color: rgba(217, 217, 217, var(--bg-opacity));
  }

  .lg\:bg-gray-300{
    --bg-opacity: 1;
    background-color: #bcccdc;
    background-color: rgba(188, 204, 220, var(--bg-opacity));
  }

  .lg\:bg-gray-500{
    --bg-opacity: 1;
    background-color: #627d98;
    background-color: rgba(98, 125, 152, var(--bg-opacity));
  }

  .lg\:bg-gray-600{
    --bg-opacity: 1;
    background-color: #334e68;
    background-color: rgba(51, 78, 104, var(--bg-opacity));
  }

  .lg\:bg-gray-700{
    --bg-opacity: 1;
    background-color: #243b53;
    background-color: rgba(36, 59, 83, var(--bg-opacity));
  }

  .lg\:bg-gray-900{
    --bg-opacity: 1;
    background-color: #102a43;
    background-color: rgba(16, 42, 67, var(--bg-opacity));
  }

  .lg\:bg-magenta-dark{
    --bg-opacity: 1;
    background-color: #8f4731;
    background-color: rgba(143, 71, 49, var(--bg-opacity));
  }

  .lg\:bg-magenta-bright{
    --bg-opacity: 1;
    background-color: #9C4429;
    background-color: rgba(156, 68, 41, var(--bg-opacity));
  }

  .lg\:bg-magenta-hilight{
    --bg-opacity: 1;
    background-color: #CC522D;
    background-color: rgba(204, 82, 45, var(--bg-opacity));
  }

  .lg\:bg-teal-dark{
    --bg-opacity: 1;
    background-color: #2d5b6b;
    background-color: rgba(45, 91, 107, var(--bg-opacity));
  }

  .lg\:bg-teal-bright{
    --bg-opacity: 1;
    background-color: #2B738C;
    background-color: rgba(43, 115, 140, var(--bg-opacity));
  }

  .lg\:bg-teal-hilight{
    --bg-opacity: 1;
    background-color: #3CA1C4;
    background-color: rgba(60, 161, 196, var(--bg-opacity));
  }

  .lg\:bg-mustard-dark{
    --bg-opacity: 1;
    background-color: #c47a53;
    background-color: rgba(196, 122, 83, var(--bg-opacity));
  }

  .lg\:bg-mustard-bright{
    --bg-opacity: 1;
    background-color: #E07C48;
    background-color: rgba(224, 124, 72, var(--bg-opacity));
  }

  .lg\:bg-mustard-hilight{
    --bg-opacity: 1;
    background-color: #FF7015;
    background-color: rgba(255, 112, 21, var(--bg-opacity));
  }

  .lg\:bg-purple-dark{
    --bg-opacity: 1;
    background-color: #6b2d5b;
    background-color: rgba(107, 45, 91, var(--bg-opacity));
  }

  .lg\:bg-purple-bright{
    --bg-opacity: 1;
    background-color: #8D2B74;
    background-color: rgba(141, 43, 116, var(--bg-opacity));
  }

  .lg\:bg-purple-hilight{
    --bg-opacity: 1;
    background-color: #C0339C;
    background-color: rgba(192, 51, 156, var(--bg-opacity));
  }

  .lg\:bg-purple-bookshop{
    --bg-opacity: 1;
    background-color: #584199;
    background-color: rgba(88, 65, 153, var(--bg-opacity));
  }

  .lg\:bg-green-dark{
    --bg-opacity: 1;
    background-color: #7b7d2a;
    background-color: rgba(123, 125, 42, var(--bg-opacity));
  }

  .lg\:bg-green-bright{
    --bg-opacity: 1;
    background-color: #8F9220;
    background-color: rgba(143, 146, 32, var(--bg-opacity));
  }

  .lg\:bg-green-hilight{
    --bg-opacity: 1;
    background-color: #B4B72A;
    background-color: rgba(180, 183, 42, var(--bg-opacity));
  }

  .lg\:bg-navy-dark{
    --bg-opacity: 1;
    background-color: #52494c;
    background-color: rgba(82, 73, 76, var(--bg-opacity));
  }

  .lg\:bg-navy-bright{
    --bg-opacity: 1;
    background-color: #6D565E;
    background-color: rgba(109, 86, 94, var(--bg-opacity));
  }

  .lg\:bg-navy-hilight{
    --bg-opacity: 1;
    background-color: #8A6A75;
    background-color: rgba(138, 106, 117, var(--bg-opacity));
  }

  .lg\:bg-transparent{
    background-color: transparent;
  }

  .lg\:bg-black{
    --bg-opacity: 1;
    background-color: #101010;
    background-color: rgba(16, 16, 16, var(--bg-opacity));
  }

  .lg\:bg-white{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .lg\:bg-red{
    --bg-opacity: 1;
    background-color: #E12D39;
    background-color: rgba(225, 45, 57, var(--bg-opacity));
  }

  .lg\:hover\:bg-blue-bright:hover{
    --bg-opacity: 1;
    background-color: #0B69A3;
    background-color: rgba(11, 105, 163, var(--bg-opacity));
  }

  .lg\:hover\:bg-blue-light:hover{
    --bg-opacity: 1;
    background-color: #B3ECFF;
    background-color: rgba(179, 236, 255, var(--bg-opacity));
  }

  .lg\:hover\:bg-blue-pale:hover{
    --bg-opacity: 1;
    background-color: #DCEEFB;
    background-color: rgba(220, 238, 251, var(--bg-opacity));
  }

  .lg\:hover\:bg-blue-deep:hover{
    --bg-opacity: 1;
    background-color: #035388;
    background-color: rgba(3, 83, 136, var(--bg-opacity));
  }

  .lg\:hover\:bg-blue-hilight:hover{
    --bg-opacity: 1;
    background-color: #5ed0fa;
    background-color: rgba(94, 208, 250, var(--bg-opacity));
  }

  .lg\:hover\:bg-blue-med:hover{
    --bg-opacity: 1;
    background-color: #1992d4;
    background-color: rgba(25, 146, 212, var(--bg-opacity));
  }

  .lg\:hover\:bg-blue-dark:hover{
    --bg-opacity: 1;
    background-color: #003e6b;
    background-color: rgba(0, 62, 107, var(--bg-opacity));
  }

  .lg\:hover\:bg-gray-100:hover{
    --bg-opacity: 1;
    background-color: #f0f4f8;
    background-color: rgba(240, 244, 248, var(--bg-opacity));
  }

  .lg\:hover\:bg-gray-200:hover{
    --bg-opacity: 1;
    background-color: #d9d9d9;
    background-color: rgba(217, 217, 217, var(--bg-opacity));
  }

  .lg\:hover\:bg-gray-300:hover{
    --bg-opacity: 1;
    background-color: #bcccdc;
    background-color: rgba(188, 204, 220, var(--bg-opacity));
  }

  .lg\:hover\:bg-gray-500:hover{
    --bg-opacity: 1;
    background-color: #627d98;
    background-color: rgba(98, 125, 152, var(--bg-opacity));
  }

  .lg\:hover\:bg-gray-600:hover{
    --bg-opacity: 1;
    background-color: #334e68;
    background-color: rgba(51, 78, 104, var(--bg-opacity));
  }

  .lg\:hover\:bg-gray-700:hover{
    --bg-opacity: 1;
    background-color: #243b53;
    background-color: rgba(36, 59, 83, var(--bg-opacity));
  }

  .lg\:hover\:bg-gray-900:hover{
    --bg-opacity: 1;
    background-color: #102a43;
    background-color: rgba(16, 42, 67, var(--bg-opacity));
  }

  .lg\:hover\:bg-magenta-dark:hover{
    --bg-opacity: 1;
    background-color: #8f4731;
    background-color: rgba(143, 71, 49, var(--bg-opacity));
  }

  .lg\:hover\:bg-magenta-bright:hover{
    --bg-opacity: 1;
    background-color: #9C4429;
    background-color: rgba(156, 68, 41, var(--bg-opacity));
  }

  .lg\:hover\:bg-magenta-hilight:hover{
    --bg-opacity: 1;
    background-color: #CC522D;
    background-color: rgba(204, 82, 45, var(--bg-opacity));
  }

  .lg\:hover\:bg-teal-dark:hover{
    --bg-opacity: 1;
    background-color: #2d5b6b;
    background-color: rgba(45, 91, 107, var(--bg-opacity));
  }

  .lg\:hover\:bg-teal-bright:hover{
    --bg-opacity: 1;
    background-color: #2B738C;
    background-color: rgba(43, 115, 140, var(--bg-opacity));
  }

  .lg\:hover\:bg-teal-hilight:hover{
    --bg-opacity: 1;
    background-color: #3CA1C4;
    background-color: rgba(60, 161, 196, var(--bg-opacity));
  }

  .lg\:hover\:bg-mustard-dark:hover{
    --bg-opacity: 1;
    background-color: #c47a53;
    background-color: rgba(196, 122, 83, var(--bg-opacity));
  }

  .lg\:hover\:bg-mustard-bright:hover{
    --bg-opacity: 1;
    background-color: #E07C48;
    background-color: rgba(224, 124, 72, var(--bg-opacity));
  }

  .lg\:hover\:bg-mustard-hilight:hover{
    --bg-opacity: 1;
    background-color: #FF7015;
    background-color: rgba(255, 112, 21, var(--bg-opacity));
  }

  .lg\:hover\:bg-purple-dark:hover{
    --bg-opacity: 1;
    background-color: #6b2d5b;
    background-color: rgba(107, 45, 91, var(--bg-opacity));
  }

  .lg\:hover\:bg-purple-bright:hover{
    --bg-opacity: 1;
    background-color: #8D2B74;
    background-color: rgba(141, 43, 116, var(--bg-opacity));
  }

  .lg\:hover\:bg-purple-hilight:hover{
    --bg-opacity: 1;
    background-color: #C0339C;
    background-color: rgba(192, 51, 156, var(--bg-opacity));
  }

  .lg\:hover\:bg-purple-bookshop:hover{
    --bg-opacity: 1;
    background-color: #584199;
    background-color: rgba(88, 65, 153, var(--bg-opacity));
  }

  .lg\:hover\:bg-green-dark:hover{
    --bg-opacity: 1;
    background-color: #7b7d2a;
    background-color: rgba(123, 125, 42, var(--bg-opacity));
  }

  .lg\:hover\:bg-green-bright:hover{
    --bg-opacity: 1;
    background-color: #8F9220;
    background-color: rgba(143, 146, 32, var(--bg-opacity));
  }

  .lg\:hover\:bg-green-hilight:hover{
    --bg-opacity: 1;
    background-color: #B4B72A;
    background-color: rgba(180, 183, 42, var(--bg-opacity));
  }

  .lg\:hover\:bg-navy-dark:hover{
    --bg-opacity: 1;
    background-color: #52494c;
    background-color: rgba(82, 73, 76, var(--bg-opacity));
  }

  .lg\:hover\:bg-navy-bright:hover{
    --bg-opacity: 1;
    background-color: #6D565E;
    background-color: rgba(109, 86, 94, var(--bg-opacity));
  }

  .lg\:hover\:bg-navy-hilight:hover{
    --bg-opacity: 1;
    background-color: #8A6A75;
    background-color: rgba(138, 106, 117, var(--bg-opacity));
  }

  .lg\:hover\:bg-transparent:hover{
    background-color: transparent;
  }

  .lg\:hover\:bg-black:hover{
    --bg-opacity: 1;
    background-color: #101010;
    background-color: rgba(16, 16, 16, var(--bg-opacity));
  }

  .lg\:hover\:bg-white:hover{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .lg\:hover\:bg-red:hover{
    --bg-opacity: 1;
    background-color: #E12D39;
    background-color: rgba(225, 45, 57, var(--bg-opacity));
  }

  .lg\:focus\:bg-blue-bright:focus{
    --bg-opacity: 1;
    background-color: #0B69A3;
    background-color: rgba(11, 105, 163, var(--bg-opacity));
  }

  .lg\:focus\:bg-blue-light:focus{
    --bg-opacity: 1;
    background-color: #B3ECFF;
    background-color: rgba(179, 236, 255, var(--bg-opacity));
  }

  .lg\:focus\:bg-blue-pale:focus{
    --bg-opacity: 1;
    background-color: #DCEEFB;
    background-color: rgba(220, 238, 251, var(--bg-opacity));
  }

  .lg\:focus\:bg-blue-deep:focus{
    --bg-opacity: 1;
    background-color: #035388;
    background-color: rgba(3, 83, 136, var(--bg-opacity));
  }

  .lg\:focus\:bg-blue-hilight:focus{
    --bg-opacity: 1;
    background-color: #5ed0fa;
    background-color: rgba(94, 208, 250, var(--bg-opacity));
  }

  .lg\:focus\:bg-blue-med:focus{
    --bg-opacity: 1;
    background-color: #1992d4;
    background-color: rgba(25, 146, 212, var(--bg-opacity));
  }

  .lg\:focus\:bg-blue-dark:focus{
    --bg-opacity: 1;
    background-color: #003e6b;
    background-color: rgba(0, 62, 107, var(--bg-opacity));
  }

  .lg\:focus\:bg-gray-100:focus{
    --bg-opacity: 1;
    background-color: #f0f4f8;
    background-color: rgba(240, 244, 248, var(--bg-opacity));
  }

  .lg\:focus\:bg-gray-200:focus{
    --bg-opacity: 1;
    background-color: #d9d9d9;
    background-color: rgba(217, 217, 217, var(--bg-opacity));
  }

  .lg\:focus\:bg-gray-300:focus{
    --bg-opacity: 1;
    background-color: #bcccdc;
    background-color: rgba(188, 204, 220, var(--bg-opacity));
  }

  .lg\:focus\:bg-gray-500:focus{
    --bg-opacity: 1;
    background-color: #627d98;
    background-color: rgba(98, 125, 152, var(--bg-opacity));
  }

  .lg\:focus\:bg-gray-600:focus{
    --bg-opacity: 1;
    background-color: #334e68;
    background-color: rgba(51, 78, 104, var(--bg-opacity));
  }

  .lg\:focus\:bg-gray-700:focus{
    --bg-opacity: 1;
    background-color: #243b53;
    background-color: rgba(36, 59, 83, var(--bg-opacity));
  }

  .lg\:focus\:bg-gray-900:focus{
    --bg-opacity: 1;
    background-color: #102a43;
    background-color: rgba(16, 42, 67, var(--bg-opacity));
  }

  .lg\:focus\:bg-magenta-dark:focus{
    --bg-opacity: 1;
    background-color: #8f4731;
    background-color: rgba(143, 71, 49, var(--bg-opacity));
  }

  .lg\:focus\:bg-magenta-bright:focus{
    --bg-opacity: 1;
    background-color: #9C4429;
    background-color: rgba(156, 68, 41, var(--bg-opacity));
  }

  .lg\:focus\:bg-magenta-hilight:focus{
    --bg-opacity: 1;
    background-color: #CC522D;
    background-color: rgba(204, 82, 45, var(--bg-opacity));
  }

  .lg\:focus\:bg-teal-dark:focus{
    --bg-opacity: 1;
    background-color: #2d5b6b;
    background-color: rgba(45, 91, 107, var(--bg-opacity));
  }

  .lg\:focus\:bg-teal-bright:focus{
    --bg-opacity: 1;
    background-color: #2B738C;
    background-color: rgba(43, 115, 140, var(--bg-opacity));
  }

  .lg\:focus\:bg-teal-hilight:focus{
    --bg-opacity: 1;
    background-color: #3CA1C4;
    background-color: rgba(60, 161, 196, var(--bg-opacity));
  }

  .lg\:focus\:bg-mustard-dark:focus{
    --bg-opacity: 1;
    background-color: #c47a53;
    background-color: rgba(196, 122, 83, var(--bg-opacity));
  }

  .lg\:focus\:bg-mustard-bright:focus{
    --bg-opacity: 1;
    background-color: #E07C48;
    background-color: rgba(224, 124, 72, var(--bg-opacity));
  }

  .lg\:focus\:bg-mustard-hilight:focus{
    --bg-opacity: 1;
    background-color: #FF7015;
    background-color: rgba(255, 112, 21, var(--bg-opacity));
  }

  .lg\:focus\:bg-purple-dark:focus{
    --bg-opacity: 1;
    background-color: #6b2d5b;
    background-color: rgba(107, 45, 91, var(--bg-opacity));
  }

  .lg\:focus\:bg-purple-bright:focus{
    --bg-opacity: 1;
    background-color: #8D2B74;
    background-color: rgba(141, 43, 116, var(--bg-opacity));
  }

  .lg\:focus\:bg-purple-hilight:focus{
    --bg-opacity: 1;
    background-color: #C0339C;
    background-color: rgba(192, 51, 156, var(--bg-opacity));
  }

  .lg\:focus\:bg-purple-bookshop:focus{
    --bg-opacity: 1;
    background-color: #584199;
    background-color: rgba(88, 65, 153, var(--bg-opacity));
  }

  .lg\:focus\:bg-green-dark:focus{
    --bg-opacity: 1;
    background-color: #7b7d2a;
    background-color: rgba(123, 125, 42, var(--bg-opacity));
  }

  .lg\:focus\:bg-green-bright:focus{
    --bg-opacity: 1;
    background-color: #8F9220;
    background-color: rgba(143, 146, 32, var(--bg-opacity));
  }

  .lg\:focus\:bg-green-hilight:focus{
    --bg-opacity: 1;
    background-color: #B4B72A;
    background-color: rgba(180, 183, 42, var(--bg-opacity));
  }

  .lg\:focus\:bg-navy-dark:focus{
    --bg-opacity: 1;
    background-color: #52494c;
    background-color: rgba(82, 73, 76, var(--bg-opacity));
  }

  .lg\:focus\:bg-navy-bright:focus{
    --bg-opacity: 1;
    background-color: #6D565E;
    background-color: rgba(109, 86, 94, var(--bg-opacity));
  }

  .lg\:focus\:bg-navy-hilight:focus{
    --bg-opacity: 1;
    background-color: #8A6A75;
    background-color: rgba(138, 106, 117, var(--bg-opacity));
  }

  .lg\:focus\:bg-transparent:focus{
    background-color: transparent;
  }

  .lg\:focus\:bg-black:focus{
    --bg-opacity: 1;
    background-color: #101010;
    background-color: rgba(16, 16, 16, var(--bg-opacity));
  }

  .lg\:focus\:bg-white:focus{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .lg\:focus\:bg-red:focus{
    --bg-opacity: 1;
    background-color: #E12D39;
    background-color: rgba(225, 45, 57, var(--bg-opacity));
  }

  .lg\:bg-none{
    background-image: none;
  }

  .lg\:bg-gradient-to-t{
    background-image: linear-gradient(to top, var(--gradient-color-stops));
  }

  .lg\:bg-gradient-to-tr{
    background-image: linear-gradient(to top right, var(--gradient-color-stops));
  }

  .lg\:bg-gradient-to-r{
    background-image: linear-gradient(to right, var(--gradient-color-stops));
  }

  .lg\:bg-gradient-to-br{
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
  }

  .lg\:bg-gradient-to-b{
    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
  }

  .lg\:bg-gradient-to-bl{
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
  }

  .lg\:bg-gradient-to-l{
    background-image: linear-gradient(to left, var(--gradient-color-stops));
  }

  .lg\:bg-gradient-to-tl{
    background-image: linear-gradient(to top left, var(--gradient-color-stops));
  }

  .lg\:from-blue-bright{
    --gradient-from-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .lg\:from-blue-light{
    --gradient-from-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .lg\:from-blue-pale{
    --gradient-from-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .lg\:from-blue-deep{
    --gradient-from-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .lg\:from-blue-hilight{
    --gradient-from-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .lg\:from-blue-med{
    --gradient-from-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .lg\:from-blue-dark{
    --gradient-from-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .lg\:from-gray-100{
    --gradient-from-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .lg\:from-gray-200{
    --gradient-from-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .lg\:from-gray-300{
    --gradient-from-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .lg\:from-gray-500{
    --gradient-from-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .lg\:from-gray-600{
    --gradient-from-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .lg\:from-gray-700{
    --gradient-from-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .lg\:from-gray-900{
    --gradient-from-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .lg\:from-magenta-dark{
    --gradient-from-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .lg\:from-magenta-bright{
    --gradient-from-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .lg\:from-magenta-hilight{
    --gradient-from-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .lg\:from-teal-dark{
    --gradient-from-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .lg\:from-teal-bright{
    --gradient-from-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .lg\:from-teal-hilight{
    --gradient-from-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .lg\:from-mustard-dark{
    --gradient-from-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .lg\:from-mustard-bright{
    --gradient-from-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .lg\:from-mustard-hilight{
    --gradient-from-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .lg\:from-purple-dark{
    --gradient-from-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .lg\:from-purple-bright{
    --gradient-from-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .lg\:from-purple-hilight{
    --gradient-from-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .lg\:from-purple-bookshop{
    --gradient-from-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .lg\:from-green-dark{
    --gradient-from-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .lg\:from-green-bright{
    --gradient-from-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .lg\:from-green-hilight{
    --gradient-from-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .lg\:from-navy-dark{
    --gradient-from-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .lg\:from-navy-bright{
    --gradient-from-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .lg\:from-navy-hilight{
    --gradient-from-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .lg\:from-transparent{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:from-black{
    --gradient-from-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .lg\:from-white{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:from-red{
    --gradient-from-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .lg\:via-blue-bright{
    --gradient-via-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .lg\:via-blue-light{
    --gradient-via-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .lg\:via-blue-pale{
    --gradient-via-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .lg\:via-blue-deep{
    --gradient-via-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .lg\:via-blue-hilight{
    --gradient-via-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .lg\:via-blue-med{
    --gradient-via-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .lg\:via-blue-dark{
    --gradient-via-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .lg\:via-gray-100{
    --gradient-via-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .lg\:via-gray-200{
    --gradient-via-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .lg\:via-gray-300{
    --gradient-via-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .lg\:via-gray-500{
    --gradient-via-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .lg\:via-gray-600{
    --gradient-via-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .lg\:via-gray-700{
    --gradient-via-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .lg\:via-gray-900{
    --gradient-via-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .lg\:via-magenta-dark{
    --gradient-via-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .lg\:via-magenta-bright{
    --gradient-via-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .lg\:via-magenta-hilight{
    --gradient-via-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .lg\:via-teal-dark{
    --gradient-via-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .lg\:via-teal-bright{
    --gradient-via-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .lg\:via-teal-hilight{
    --gradient-via-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .lg\:via-mustard-dark{
    --gradient-via-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .lg\:via-mustard-bright{
    --gradient-via-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .lg\:via-mustard-hilight{
    --gradient-via-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .lg\:via-purple-dark{
    --gradient-via-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .lg\:via-purple-bright{
    --gradient-via-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .lg\:via-purple-hilight{
    --gradient-via-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .lg\:via-purple-bookshop{
    --gradient-via-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .lg\:via-green-dark{
    --gradient-via-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .lg\:via-green-bright{
    --gradient-via-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .lg\:via-green-hilight{
    --gradient-via-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .lg\:via-navy-dark{
    --gradient-via-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .lg\:via-navy-bright{
    --gradient-via-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .lg\:via-navy-hilight{
    --gradient-via-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .lg\:via-transparent{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:via-black{
    --gradient-via-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .lg\:via-white{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:via-red{
    --gradient-via-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .lg\:to-blue-bright{
    --gradient-to-color: #0B69A3;
  }

  .lg\:to-blue-light{
    --gradient-to-color: #B3ECFF;
  }

  .lg\:to-blue-pale{
    --gradient-to-color: #DCEEFB;
  }

  .lg\:to-blue-deep{
    --gradient-to-color: #035388;
  }

  .lg\:to-blue-hilight{
    --gradient-to-color: #5ed0fa;
  }

  .lg\:to-blue-med{
    --gradient-to-color: #1992d4;
  }

  .lg\:to-blue-dark{
    --gradient-to-color: #003e6b;
  }

  .lg\:to-gray-100{
    --gradient-to-color: #f0f4f8;
  }

  .lg\:to-gray-200{
    --gradient-to-color: #d9d9d9;
  }

  .lg\:to-gray-300{
    --gradient-to-color: #bcccdc;
  }

  .lg\:to-gray-500{
    --gradient-to-color: #627d98;
  }

  .lg\:to-gray-600{
    --gradient-to-color: #334e68;
  }

  .lg\:to-gray-700{
    --gradient-to-color: #243b53;
  }

  .lg\:to-gray-900{
    --gradient-to-color: #102a43;
  }

  .lg\:to-magenta-dark{
    --gradient-to-color: #8f4731;
  }

  .lg\:to-magenta-bright{
    --gradient-to-color: #9C4429;
  }

  .lg\:to-magenta-hilight{
    --gradient-to-color: #CC522D;
  }

  .lg\:to-teal-dark{
    --gradient-to-color: #2d5b6b;
  }

  .lg\:to-teal-bright{
    --gradient-to-color: #2B738C;
  }

  .lg\:to-teal-hilight{
    --gradient-to-color: #3CA1C4;
  }

  .lg\:to-mustard-dark{
    --gradient-to-color: #c47a53;
  }

  .lg\:to-mustard-bright{
    --gradient-to-color: #E07C48;
  }

  .lg\:to-mustard-hilight{
    --gradient-to-color: #FF7015;
  }

  .lg\:to-purple-dark{
    --gradient-to-color: #6b2d5b;
  }

  .lg\:to-purple-bright{
    --gradient-to-color: #8D2B74;
  }

  .lg\:to-purple-hilight{
    --gradient-to-color: #C0339C;
  }

  .lg\:to-purple-bookshop{
    --gradient-to-color: #584199;
  }

  .lg\:to-green-dark{
    --gradient-to-color: #7b7d2a;
  }

  .lg\:to-green-bright{
    --gradient-to-color: #8F9220;
  }

  .lg\:to-green-hilight{
    --gradient-to-color: #B4B72A;
  }

  .lg\:to-navy-dark{
    --gradient-to-color: #52494c;
  }

  .lg\:to-navy-bright{
    --gradient-to-color: #6D565E;
  }

  .lg\:to-navy-hilight{
    --gradient-to-color: #8A6A75;
  }

  .lg\:to-transparent{
    --gradient-to-color: transparent;
  }

  .lg\:to-black{
    --gradient-to-color: #101010;
  }

  .lg\:to-white{
    --gradient-to-color: #fff;
  }

  .lg\:to-red{
    --gradient-to-color: #E12D39;
  }

  .lg\:hover\:from-blue-bright:hover{
    --gradient-from-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .lg\:hover\:from-blue-light:hover{
    --gradient-from-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .lg\:hover\:from-blue-pale:hover{
    --gradient-from-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .lg\:hover\:from-blue-deep:hover{
    --gradient-from-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .lg\:hover\:from-blue-hilight:hover{
    --gradient-from-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .lg\:hover\:from-blue-med:hover{
    --gradient-from-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .lg\:hover\:from-blue-dark:hover{
    --gradient-from-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .lg\:hover\:from-gray-100:hover{
    --gradient-from-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .lg\:hover\:from-gray-200:hover{
    --gradient-from-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .lg\:hover\:from-gray-300:hover{
    --gradient-from-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .lg\:hover\:from-gray-500:hover{
    --gradient-from-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .lg\:hover\:from-gray-600:hover{
    --gradient-from-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .lg\:hover\:from-gray-700:hover{
    --gradient-from-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .lg\:hover\:from-gray-900:hover{
    --gradient-from-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .lg\:hover\:from-magenta-dark:hover{
    --gradient-from-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .lg\:hover\:from-magenta-bright:hover{
    --gradient-from-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .lg\:hover\:from-magenta-hilight:hover{
    --gradient-from-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .lg\:hover\:from-teal-dark:hover{
    --gradient-from-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .lg\:hover\:from-teal-bright:hover{
    --gradient-from-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .lg\:hover\:from-teal-hilight:hover{
    --gradient-from-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .lg\:hover\:from-mustard-dark:hover{
    --gradient-from-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .lg\:hover\:from-mustard-bright:hover{
    --gradient-from-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .lg\:hover\:from-mustard-hilight:hover{
    --gradient-from-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .lg\:hover\:from-purple-dark:hover{
    --gradient-from-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .lg\:hover\:from-purple-bright:hover{
    --gradient-from-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .lg\:hover\:from-purple-hilight:hover{
    --gradient-from-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .lg\:hover\:from-purple-bookshop:hover{
    --gradient-from-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .lg\:hover\:from-green-dark:hover{
    --gradient-from-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .lg\:hover\:from-green-bright:hover{
    --gradient-from-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .lg\:hover\:from-green-hilight:hover{
    --gradient-from-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .lg\:hover\:from-navy-dark:hover{
    --gradient-from-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .lg\:hover\:from-navy-bright:hover{
    --gradient-from-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .lg\:hover\:from-navy-hilight:hover{
    --gradient-from-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .lg\:hover\:from-transparent:hover{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:from-black:hover{
    --gradient-from-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .lg\:hover\:from-white:hover{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:from-red:hover{
    --gradient-from-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .lg\:hover\:via-blue-bright:hover{
    --gradient-via-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .lg\:hover\:via-blue-light:hover{
    --gradient-via-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .lg\:hover\:via-blue-pale:hover{
    --gradient-via-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .lg\:hover\:via-blue-deep:hover{
    --gradient-via-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .lg\:hover\:via-blue-hilight:hover{
    --gradient-via-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .lg\:hover\:via-blue-med:hover{
    --gradient-via-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .lg\:hover\:via-blue-dark:hover{
    --gradient-via-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .lg\:hover\:via-gray-100:hover{
    --gradient-via-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .lg\:hover\:via-gray-200:hover{
    --gradient-via-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .lg\:hover\:via-gray-300:hover{
    --gradient-via-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .lg\:hover\:via-gray-500:hover{
    --gradient-via-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .lg\:hover\:via-gray-600:hover{
    --gradient-via-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .lg\:hover\:via-gray-700:hover{
    --gradient-via-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .lg\:hover\:via-gray-900:hover{
    --gradient-via-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .lg\:hover\:via-magenta-dark:hover{
    --gradient-via-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .lg\:hover\:via-magenta-bright:hover{
    --gradient-via-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .lg\:hover\:via-magenta-hilight:hover{
    --gradient-via-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .lg\:hover\:via-teal-dark:hover{
    --gradient-via-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .lg\:hover\:via-teal-bright:hover{
    --gradient-via-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .lg\:hover\:via-teal-hilight:hover{
    --gradient-via-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .lg\:hover\:via-mustard-dark:hover{
    --gradient-via-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .lg\:hover\:via-mustard-bright:hover{
    --gradient-via-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .lg\:hover\:via-mustard-hilight:hover{
    --gradient-via-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .lg\:hover\:via-purple-dark:hover{
    --gradient-via-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .lg\:hover\:via-purple-bright:hover{
    --gradient-via-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .lg\:hover\:via-purple-hilight:hover{
    --gradient-via-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .lg\:hover\:via-purple-bookshop:hover{
    --gradient-via-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .lg\:hover\:via-green-dark:hover{
    --gradient-via-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .lg\:hover\:via-green-bright:hover{
    --gradient-via-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .lg\:hover\:via-green-hilight:hover{
    --gradient-via-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .lg\:hover\:via-navy-dark:hover{
    --gradient-via-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .lg\:hover\:via-navy-bright:hover{
    --gradient-via-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .lg\:hover\:via-navy-hilight:hover{
    --gradient-via-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .lg\:hover\:via-transparent:hover{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:hover\:via-black:hover{
    --gradient-via-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .lg\:hover\:via-white:hover{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:hover\:via-red:hover{
    --gradient-via-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .lg\:hover\:to-blue-bright:hover{
    --gradient-to-color: #0B69A3;
  }

  .lg\:hover\:to-blue-light:hover{
    --gradient-to-color: #B3ECFF;
  }

  .lg\:hover\:to-blue-pale:hover{
    --gradient-to-color: #DCEEFB;
  }

  .lg\:hover\:to-blue-deep:hover{
    --gradient-to-color: #035388;
  }

  .lg\:hover\:to-blue-hilight:hover{
    --gradient-to-color: #5ed0fa;
  }

  .lg\:hover\:to-blue-med:hover{
    --gradient-to-color: #1992d4;
  }

  .lg\:hover\:to-blue-dark:hover{
    --gradient-to-color: #003e6b;
  }

  .lg\:hover\:to-gray-100:hover{
    --gradient-to-color: #f0f4f8;
  }

  .lg\:hover\:to-gray-200:hover{
    --gradient-to-color: #d9d9d9;
  }

  .lg\:hover\:to-gray-300:hover{
    --gradient-to-color: #bcccdc;
  }

  .lg\:hover\:to-gray-500:hover{
    --gradient-to-color: #627d98;
  }

  .lg\:hover\:to-gray-600:hover{
    --gradient-to-color: #334e68;
  }

  .lg\:hover\:to-gray-700:hover{
    --gradient-to-color: #243b53;
  }

  .lg\:hover\:to-gray-900:hover{
    --gradient-to-color: #102a43;
  }

  .lg\:hover\:to-magenta-dark:hover{
    --gradient-to-color: #8f4731;
  }

  .lg\:hover\:to-magenta-bright:hover{
    --gradient-to-color: #9C4429;
  }

  .lg\:hover\:to-magenta-hilight:hover{
    --gradient-to-color: #CC522D;
  }

  .lg\:hover\:to-teal-dark:hover{
    --gradient-to-color: #2d5b6b;
  }

  .lg\:hover\:to-teal-bright:hover{
    --gradient-to-color: #2B738C;
  }

  .lg\:hover\:to-teal-hilight:hover{
    --gradient-to-color: #3CA1C4;
  }

  .lg\:hover\:to-mustard-dark:hover{
    --gradient-to-color: #c47a53;
  }

  .lg\:hover\:to-mustard-bright:hover{
    --gradient-to-color: #E07C48;
  }

  .lg\:hover\:to-mustard-hilight:hover{
    --gradient-to-color: #FF7015;
  }

  .lg\:hover\:to-purple-dark:hover{
    --gradient-to-color: #6b2d5b;
  }

  .lg\:hover\:to-purple-bright:hover{
    --gradient-to-color: #8D2B74;
  }

  .lg\:hover\:to-purple-hilight:hover{
    --gradient-to-color: #C0339C;
  }

  .lg\:hover\:to-purple-bookshop:hover{
    --gradient-to-color: #584199;
  }

  .lg\:hover\:to-green-dark:hover{
    --gradient-to-color: #7b7d2a;
  }

  .lg\:hover\:to-green-bright:hover{
    --gradient-to-color: #8F9220;
  }

  .lg\:hover\:to-green-hilight:hover{
    --gradient-to-color: #B4B72A;
  }

  .lg\:hover\:to-navy-dark:hover{
    --gradient-to-color: #52494c;
  }

  .lg\:hover\:to-navy-bright:hover{
    --gradient-to-color: #6D565E;
  }

  .lg\:hover\:to-navy-hilight:hover{
    --gradient-to-color: #8A6A75;
  }

  .lg\:hover\:to-transparent:hover{
    --gradient-to-color: transparent;
  }

  .lg\:hover\:to-black:hover{
    --gradient-to-color: #101010;
  }

  .lg\:hover\:to-white:hover{
    --gradient-to-color: #fff;
  }

  .lg\:hover\:to-red:hover{
    --gradient-to-color: #E12D39;
  }

  .lg\:focus\:from-blue-bright:focus{
    --gradient-from-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .lg\:focus\:from-blue-light:focus{
    --gradient-from-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .lg\:focus\:from-blue-pale:focus{
    --gradient-from-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .lg\:focus\:from-blue-deep:focus{
    --gradient-from-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .lg\:focus\:from-blue-hilight:focus{
    --gradient-from-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .lg\:focus\:from-blue-med:focus{
    --gradient-from-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .lg\:focus\:from-blue-dark:focus{
    --gradient-from-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .lg\:focus\:from-gray-100:focus{
    --gradient-from-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .lg\:focus\:from-gray-200:focus{
    --gradient-from-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .lg\:focus\:from-gray-300:focus{
    --gradient-from-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .lg\:focus\:from-gray-500:focus{
    --gradient-from-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .lg\:focus\:from-gray-600:focus{
    --gradient-from-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .lg\:focus\:from-gray-700:focus{
    --gradient-from-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .lg\:focus\:from-gray-900:focus{
    --gradient-from-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .lg\:focus\:from-magenta-dark:focus{
    --gradient-from-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .lg\:focus\:from-magenta-bright:focus{
    --gradient-from-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .lg\:focus\:from-magenta-hilight:focus{
    --gradient-from-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .lg\:focus\:from-teal-dark:focus{
    --gradient-from-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .lg\:focus\:from-teal-bright:focus{
    --gradient-from-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .lg\:focus\:from-teal-hilight:focus{
    --gradient-from-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .lg\:focus\:from-mustard-dark:focus{
    --gradient-from-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .lg\:focus\:from-mustard-bright:focus{
    --gradient-from-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .lg\:focus\:from-mustard-hilight:focus{
    --gradient-from-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .lg\:focus\:from-purple-dark:focus{
    --gradient-from-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .lg\:focus\:from-purple-bright:focus{
    --gradient-from-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .lg\:focus\:from-purple-hilight:focus{
    --gradient-from-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .lg\:focus\:from-purple-bookshop:focus{
    --gradient-from-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .lg\:focus\:from-green-dark:focus{
    --gradient-from-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .lg\:focus\:from-green-bright:focus{
    --gradient-from-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .lg\:focus\:from-green-hilight:focus{
    --gradient-from-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .lg\:focus\:from-navy-dark:focus{
    --gradient-from-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .lg\:focus\:from-navy-bright:focus{
    --gradient-from-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .lg\:focus\:from-navy-hilight:focus{
    --gradient-from-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .lg\:focus\:from-transparent:focus{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:from-black:focus{
    --gradient-from-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .lg\:focus\:from-white:focus{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:from-red:focus{
    --gradient-from-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .lg\:focus\:via-blue-bright:focus{
    --gradient-via-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .lg\:focus\:via-blue-light:focus{
    --gradient-via-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .lg\:focus\:via-blue-pale:focus{
    --gradient-via-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .lg\:focus\:via-blue-deep:focus{
    --gradient-via-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .lg\:focus\:via-blue-hilight:focus{
    --gradient-via-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .lg\:focus\:via-blue-med:focus{
    --gradient-via-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .lg\:focus\:via-blue-dark:focus{
    --gradient-via-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .lg\:focus\:via-gray-100:focus{
    --gradient-via-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .lg\:focus\:via-gray-200:focus{
    --gradient-via-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .lg\:focus\:via-gray-300:focus{
    --gradient-via-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .lg\:focus\:via-gray-500:focus{
    --gradient-via-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .lg\:focus\:via-gray-600:focus{
    --gradient-via-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .lg\:focus\:via-gray-700:focus{
    --gradient-via-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .lg\:focus\:via-gray-900:focus{
    --gradient-via-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .lg\:focus\:via-magenta-dark:focus{
    --gradient-via-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .lg\:focus\:via-magenta-bright:focus{
    --gradient-via-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .lg\:focus\:via-magenta-hilight:focus{
    --gradient-via-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .lg\:focus\:via-teal-dark:focus{
    --gradient-via-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .lg\:focus\:via-teal-bright:focus{
    --gradient-via-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .lg\:focus\:via-teal-hilight:focus{
    --gradient-via-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .lg\:focus\:via-mustard-dark:focus{
    --gradient-via-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .lg\:focus\:via-mustard-bright:focus{
    --gradient-via-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .lg\:focus\:via-mustard-hilight:focus{
    --gradient-via-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .lg\:focus\:via-purple-dark:focus{
    --gradient-via-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .lg\:focus\:via-purple-bright:focus{
    --gradient-via-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .lg\:focus\:via-purple-hilight:focus{
    --gradient-via-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .lg\:focus\:via-purple-bookshop:focus{
    --gradient-via-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .lg\:focus\:via-green-dark:focus{
    --gradient-via-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .lg\:focus\:via-green-bright:focus{
    --gradient-via-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .lg\:focus\:via-green-hilight:focus{
    --gradient-via-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .lg\:focus\:via-navy-dark:focus{
    --gradient-via-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .lg\:focus\:via-navy-bright:focus{
    --gradient-via-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .lg\:focus\:via-navy-hilight:focus{
    --gradient-via-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .lg\:focus\:via-transparent:focus{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .lg\:focus\:via-black:focus{
    --gradient-via-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .lg\:focus\:via-white:focus{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .lg\:focus\:via-red:focus{
    --gradient-via-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .lg\:focus\:to-blue-bright:focus{
    --gradient-to-color: #0B69A3;
  }

  .lg\:focus\:to-blue-light:focus{
    --gradient-to-color: #B3ECFF;
  }

  .lg\:focus\:to-blue-pale:focus{
    --gradient-to-color: #DCEEFB;
  }

  .lg\:focus\:to-blue-deep:focus{
    --gradient-to-color: #035388;
  }

  .lg\:focus\:to-blue-hilight:focus{
    --gradient-to-color: #5ed0fa;
  }

  .lg\:focus\:to-blue-med:focus{
    --gradient-to-color: #1992d4;
  }

  .lg\:focus\:to-blue-dark:focus{
    --gradient-to-color: #003e6b;
  }

  .lg\:focus\:to-gray-100:focus{
    --gradient-to-color: #f0f4f8;
  }

  .lg\:focus\:to-gray-200:focus{
    --gradient-to-color: #d9d9d9;
  }

  .lg\:focus\:to-gray-300:focus{
    --gradient-to-color: #bcccdc;
  }

  .lg\:focus\:to-gray-500:focus{
    --gradient-to-color: #627d98;
  }

  .lg\:focus\:to-gray-600:focus{
    --gradient-to-color: #334e68;
  }

  .lg\:focus\:to-gray-700:focus{
    --gradient-to-color: #243b53;
  }

  .lg\:focus\:to-gray-900:focus{
    --gradient-to-color: #102a43;
  }

  .lg\:focus\:to-magenta-dark:focus{
    --gradient-to-color: #8f4731;
  }

  .lg\:focus\:to-magenta-bright:focus{
    --gradient-to-color: #9C4429;
  }

  .lg\:focus\:to-magenta-hilight:focus{
    --gradient-to-color: #CC522D;
  }

  .lg\:focus\:to-teal-dark:focus{
    --gradient-to-color: #2d5b6b;
  }

  .lg\:focus\:to-teal-bright:focus{
    --gradient-to-color: #2B738C;
  }

  .lg\:focus\:to-teal-hilight:focus{
    --gradient-to-color: #3CA1C4;
  }

  .lg\:focus\:to-mustard-dark:focus{
    --gradient-to-color: #c47a53;
  }

  .lg\:focus\:to-mustard-bright:focus{
    --gradient-to-color: #E07C48;
  }

  .lg\:focus\:to-mustard-hilight:focus{
    --gradient-to-color: #FF7015;
  }

  .lg\:focus\:to-purple-dark:focus{
    --gradient-to-color: #6b2d5b;
  }

  .lg\:focus\:to-purple-bright:focus{
    --gradient-to-color: #8D2B74;
  }

  .lg\:focus\:to-purple-hilight:focus{
    --gradient-to-color: #C0339C;
  }

  .lg\:focus\:to-purple-bookshop:focus{
    --gradient-to-color: #584199;
  }

  .lg\:focus\:to-green-dark:focus{
    --gradient-to-color: #7b7d2a;
  }

  .lg\:focus\:to-green-bright:focus{
    --gradient-to-color: #8F9220;
  }

  .lg\:focus\:to-green-hilight:focus{
    --gradient-to-color: #B4B72A;
  }

  .lg\:focus\:to-navy-dark:focus{
    --gradient-to-color: #52494c;
  }

  .lg\:focus\:to-navy-bright:focus{
    --gradient-to-color: #6D565E;
  }

  .lg\:focus\:to-navy-hilight:focus{
    --gradient-to-color: #8A6A75;
  }

  .lg\:focus\:to-transparent:focus{
    --gradient-to-color: transparent;
  }

  .lg\:focus\:to-black:focus{
    --gradient-to-color: #101010;
  }

  .lg\:focus\:to-white:focus{
    --gradient-to-color: #fff;
  }

  .lg\:focus\:to-red:focus{
    --gradient-to-color: #E12D39;
  }

  .lg\:bg-opacity-0{
    --bg-opacity: 0;
  }

  .lg\:bg-opacity-25{
    --bg-opacity: 0.25;
  }

  .lg\:bg-opacity-50{
    --bg-opacity: 0.5;
  }

  .lg\:bg-opacity-75{
    --bg-opacity: 0.75;
  }

  .lg\:bg-opacity-100{
    --bg-opacity: 1;
  }

  .lg\:hover\:bg-opacity-0:hover{
    --bg-opacity: 0;
  }

  .lg\:hover\:bg-opacity-25:hover{
    --bg-opacity: 0.25;
  }

  .lg\:hover\:bg-opacity-50:hover{
    --bg-opacity: 0.5;
  }

  .lg\:hover\:bg-opacity-75:hover{
    --bg-opacity: 0.75;
  }

  .lg\:hover\:bg-opacity-100:hover{
    --bg-opacity: 1;
  }

  .lg\:focus\:bg-opacity-0:focus{
    --bg-opacity: 0;
  }

  .lg\:focus\:bg-opacity-25:focus{
    --bg-opacity: 0.25;
  }

  .lg\:focus\:bg-opacity-50:focus{
    --bg-opacity: 0.5;
  }

  .lg\:focus\:bg-opacity-75:focus{
    --bg-opacity: 0.75;
  }

  .lg\:focus\:bg-opacity-100:focus{
    --bg-opacity: 1;
  }

  .lg\:bg-bottom{
    background-position: bottom;
  }

  .lg\:bg-center{
    background-position: center;
  }

  .lg\:bg-left{
    background-position: left;
  }

  .lg\:bg-left-bottom{
    background-position: left bottom;
  }

  .lg\:bg-left-top{
    background-position: left top;
  }

  .lg\:bg-right{
    background-position: right;
  }

  .lg\:bg-right-bottom{
    background-position: right bottom;
  }

  .lg\:bg-right-top{
    background-position: right top;
  }

  .lg\:bg-top{
    background-position: top;
  }

  .lg\:bg-repeat{
    background-repeat: repeat;
  }

  .lg\:bg-no-repeat{
    background-repeat: no-repeat;
  }

  .lg\:bg-repeat-x{
    background-repeat: repeat-x;
  }

  .lg\:bg-repeat-y{
    background-repeat: repeat-y;
  }

  .lg\:bg-repeat-round{
    background-repeat: round;
  }

  .lg\:bg-repeat-space{
    background-repeat: space;
  }

  .lg\:bg-auto{
    background-size: auto;
  }

  .lg\:bg-cover{
    background-size: cover;
  }

  .lg\:bg-contain{
    background-size: contain;
  }

  .lg\:border-collapse{
    border-collapse: collapse;
  }

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

  .lg\:border-blue-bright{
    --border-opacity: 1;
    border-color: #0B69A3;
    border-color: rgba(11, 105, 163, var(--border-opacity));
  }

  .lg\:border-blue-light{
    --border-opacity: 1;
    border-color: #B3ECFF;
    border-color: rgba(179, 236, 255, var(--border-opacity));
  }

  .lg\:border-blue-pale{
    --border-opacity: 1;
    border-color: #DCEEFB;
    border-color: rgba(220, 238, 251, var(--border-opacity));
  }

  .lg\:border-blue-deep{
    --border-opacity: 1;
    border-color: #035388;
    border-color: rgba(3, 83, 136, var(--border-opacity));
  }

  .lg\:border-blue-hilight{
    --border-opacity: 1;
    border-color: #5ed0fa;
    border-color: rgba(94, 208, 250, var(--border-opacity));
  }

  .lg\:border-blue-med{
    --border-opacity: 1;
    border-color: #1992d4;
    border-color: rgba(25, 146, 212, var(--border-opacity));
  }

  .lg\:border-blue-dark{
    --border-opacity: 1;
    border-color: #003e6b;
    border-color: rgba(0, 62, 107, var(--border-opacity));
  }

  .lg\:border-gray-100{
    --border-opacity: 1;
    border-color: #f0f4f8;
    border-color: rgba(240, 244, 248, var(--border-opacity));
  }

  .lg\:border-gray-200{
    --border-opacity: 1;
    border-color: #d9d9d9;
    border-color: rgba(217, 217, 217, var(--border-opacity));
  }

  .lg\:border-gray-300{
    --border-opacity: 1;
    border-color: #bcccdc;
    border-color: rgba(188, 204, 220, var(--border-opacity));
  }

  .lg\:border-gray-500{
    --border-opacity: 1;
    border-color: #627d98;
    border-color: rgba(98, 125, 152, var(--border-opacity));
  }

  .lg\:border-gray-600{
    --border-opacity: 1;
    border-color: #334e68;
    border-color: rgba(51, 78, 104, var(--border-opacity));
  }

  .lg\:border-gray-700{
    --border-opacity: 1;
    border-color: #243b53;
    border-color: rgba(36, 59, 83, var(--border-opacity));
  }

  .lg\:border-gray-900{
    --border-opacity: 1;
    border-color: #102a43;
    border-color: rgba(16, 42, 67, var(--border-opacity));
  }

  .lg\:border-magenta-dark{
    --border-opacity: 1;
    border-color: #8f4731;
    border-color: rgba(143, 71, 49, var(--border-opacity));
  }

  .lg\:border-magenta-bright{
    --border-opacity: 1;
    border-color: #9C4429;
    border-color: rgba(156, 68, 41, var(--border-opacity));
  }

  .lg\:border-magenta-hilight{
    --border-opacity: 1;
    border-color: #CC522D;
    border-color: rgba(204, 82, 45, var(--border-opacity));
  }

  .lg\:border-teal-dark{
    --border-opacity: 1;
    border-color: #2d5b6b;
    border-color: rgba(45, 91, 107, var(--border-opacity));
  }

  .lg\:border-teal-bright{
    --border-opacity: 1;
    border-color: #2B738C;
    border-color: rgba(43, 115, 140, var(--border-opacity));
  }

  .lg\:border-teal-hilight{
    --border-opacity: 1;
    border-color: #3CA1C4;
    border-color: rgba(60, 161, 196, var(--border-opacity));
  }

  .lg\:border-mustard-dark{
    --border-opacity: 1;
    border-color: #c47a53;
    border-color: rgba(196, 122, 83, var(--border-opacity));
  }

  .lg\:border-mustard-bright{
    --border-opacity: 1;
    border-color: #E07C48;
    border-color: rgba(224, 124, 72, var(--border-opacity));
  }

  .lg\:border-mustard-hilight{
    --border-opacity: 1;
    border-color: #FF7015;
    border-color: rgba(255, 112, 21, var(--border-opacity));
  }

  .lg\:border-purple-dark{
    --border-opacity: 1;
    border-color: #6b2d5b;
    border-color: rgba(107, 45, 91, var(--border-opacity));
  }

  .lg\:border-purple-bright{
    --border-opacity: 1;
    border-color: #8D2B74;
    border-color: rgba(141, 43, 116, var(--border-opacity));
  }

  .lg\:border-purple-hilight{
    --border-opacity: 1;
    border-color: #C0339C;
    border-color: rgba(192, 51, 156, var(--border-opacity));
  }

  .lg\:border-purple-bookshop{
    --border-opacity: 1;
    border-color: #584199;
    border-color: rgba(88, 65, 153, var(--border-opacity));
  }

  .lg\:border-green-dark{
    --border-opacity: 1;
    border-color: #7b7d2a;
    border-color: rgba(123, 125, 42, var(--border-opacity));
  }

  .lg\:border-green-bright{
    --border-opacity: 1;
    border-color: #8F9220;
    border-color: rgba(143, 146, 32, var(--border-opacity));
  }

  .lg\:border-green-hilight{
    --border-opacity: 1;
    border-color: #B4B72A;
    border-color: rgba(180, 183, 42, var(--border-opacity));
  }

  .lg\:border-navy-dark{
    --border-opacity: 1;
    border-color: #52494c;
    border-color: rgba(82, 73, 76, var(--border-opacity));
  }

  .lg\:border-navy-bright{
    --border-opacity: 1;
    border-color: #6D565E;
    border-color: rgba(109, 86, 94, var(--border-opacity));
  }

  .lg\:border-navy-hilight{
    --border-opacity: 1;
    border-color: #8A6A75;
    border-color: rgba(138, 106, 117, var(--border-opacity));
  }

  .lg\:border-transparent{
    border-color: transparent;
  }

  .lg\:border-black{
    --border-opacity: 1;
    border-color: #101010;
    border-color: rgba(16, 16, 16, var(--border-opacity));
  }

  .lg\:border-white{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .lg\:border-red{
    --border-opacity: 1;
    border-color: #E12D39;
    border-color: rgba(225, 45, 57, var(--border-opacity));
  }

  .lg\:hover\:border-blue-bright:hover{
    --border-opacity: 1;
    border-color: #0B69A3;
    border-color: rgba(11, 105, 163, var(--border-opacity));
  }

  .lg\:hover\:border-blue-light:hover{
    --border-opacity: 1;
    border-color: #B3ECFF;
    border-color: rgba(179, 236, 255, var(--border-opacity));
  }

  .lg\:hover\:border-blue-pale:hover{
    --border-opacity: 1;
    border-color: #DCEEFB;
    border-color: rgba(220, 238, 251, var(--border-opacity));
  }

  .lg\:hover\:border-blue-deep:hover{
    --border-opacity: 1;
    border-color: #035388;
    border-color: rgba(3, 83, 136, var(--border-opacity));
  }

  .lg\:hover\:border-blue-hilight:hover{
    --border-opacity: 1;
    border-color: #5ed0fa;
    border-color: rgba(94, 208, 250, var(--border-opacity));
  }

  .lg\:hover\:border-blue-med:hover{
    --border-opacity: 1;
    border-color: #1992d4;
    border-color: rgba(25, 146, 212, var(--border-opacity));
  }

  .lg\:hover\:border-blue-dark:hover{
    --border-opacity: 1;
    border-color: #003e6b;
    border-color: rgba(0, 62, 107, var(--border-opacity));
  }

  .lg\:hover\:border-gray-100:hover{
    --border-opacity: 1;
    border-color: #f0f4f8;
    border-color: rgba(240, 244, 248, var(--border-opacity));
  }

  .lg\:hover\:border-gray-200:hover{
    --border-opacity: 1;
    border-color: #d9d9d9;
    border-color: rgba(217, 217, 217, var(--border-opacity));
  }

  .lg\:hover\:border-gray-300:hover{
    --border-opacity: 1;
    border-color: #bcccdc;
    border-color: rgba(188, 204, 220, var(--border-opacity));
  }

  .lg\:hover\:border-gray-500:hover{
    --border-opacity: 1;
    border-color: #627d98;
    border-color: rgba(98, 125, 152, var(--border-opacity));
  }

  .lg\:hover\:border-gray-600:hover{
    --border-opacity: 1;
    border-color: #334e68;
    border-color: rgba(51, 78, 104, var(--border-opacity));
  }

  .lg\:hover\:border-gray-700:hover{
    --border-opacity: 1;
    border-color: #243b53;
    border-color: rgba(36, 59, 83, var(--border-opacity));
  }

  .lg\:hover\:border-gray-900:hover{
    --border-opacity: 1;
    border-color: #102a43;
    border-color: rgba(16, 42, 67, var(--border-opacity));
  }

  .lg\:hover\:border-magenta-dark:hover{
    --border-opacity: 1;
    border-color: #8f4731;
    border-color: rgba(143, 71, 49, var(--border-opacity));
  }

  .lg\:hover\:border-magenta-bright:hover{
    --border-opacity: 1;
    border-color: #9C4429;
    border-color: rgba(156, 68, 41, var(--border-opacity));
  }

  .lg\:hover\:border-magenta-hilight:hover{
    --border-opacity: 1;
    border-color: #CC522D;
    border-color: rgba(204, 82, 45, var(--border-opacity));
  }

  .lg\:hover\:border-teal-dark:hover{
    --border-opacity: 1;
    border-color: #2d5b6b;
    border-color: rgba(45, 91, 107, var(--border-opacity));
  }

  .lg\:hover\:border-teal-bright:hover{
    --border-opacity: 1;
    border-color: #2B738C;
    border-color: rgba(43, 115, 140, var(--border-opacity));
  }

  .lg\:hover\:border-teal-hilight:hover{
    --border-opacity: 1;
    border-color: #3CA1C4;
    border-color: rgba(60, 161, 196, var(--border-opacity));
  }

  .lg\:hover\:border-mustard-dark:hover{
    --border-opacity: 1;
    border-color: #c47a53;
    border-color: rgba(196, 122, 83, var(--border-opacity));
  }

  .lg\:hover\:border-mustard-bright:hover{
    --border-opacity: 1;
    border-color: #E07C48;
    border-color: rgba(224, 124, 72, var(--border-opacity));
  }

  .lg\:hover\:border-mustard-hilight:hover{
    --border-opacity: 1;
    border-color: #FF7015;
    border-color: rgba(255, 112, 21, var(--border-opacity));
  }

  .lg\:hover\:border-purple-dark:hover{
    --border-opacity: 1;
    border-color: #6b2d5b;
    border-color: rgba(107, 45, 91, var(--border-opacity));
  }

  .lg\:hover\:border-purple-bright:hover{
    --border-opacity: 1;
    border-color: #8D2B74;
    border-color: rgba(141, 43, 116, var(--border-opacity));
  }

  .lg\:hover\:border-purple-hilight:hover{
    --border-opacity: 1;
    border-color: #C0339C;
    border-color: rgba(192, 51, 156, var(--border-opacity));
  }

  .lg\:hover\:border-purple-bookshop:hover{
    --border-opacity: 1;
    border-color: #584199;
    border-color: rgba(88, 65, 153, var(--border-opacity));
  }

  .lg\:hover\:border-green-dark:hover{
    --border-opacity: 1;
    border-color: #7b7d2a;
    border-color: rgba(123, 125, 42, var(--border-opacity));
  }

  .lg\:hover\:border-green-bright:hover{
    --border-opacity: 1;
    border-color: #8F9220;
    border-color: rgba(143, 146, 32, var(--border-opacity));
  }

  .lg\:hover\:border-green-hilight:hover{
    --border-opacity: 1;
    border-color: #B4B72A;
    border-color: rgba(180, 183, 42, var(--border-opacity));
  }

  .lg\:hover\:border-navy-dark:hover{
    --border-opacity: 1;
    border-color: #52494c;
    border-color: rgba(82, 73, 76, var(--border-opacity));
  }

  .lg\:hover\:border-navy-bright:hover{
    --border-opacity: 1;
    border-color: #6D565E;
    border-color: rgba(109, 86, 94, var(--border-opacity));
  }

  .lg\:hover\:border-navy-hilight:hover{
    --border-opacity: 1;
    border-color: #8A6A75;
    border-color: rgba(138, 106, 117, var(--border-opacity));
  }

  .lg\:hover\:border-transparent:hover{
    border-color: transparent;
  }

  .lg\:hover\:border-black:hover{
    --border-opacity: 1;
    border-color: #101010;
    border-color: rgba(16, 16, 16, var(--border-opacity));
  }

  .lg\:hover\:border-white:hover{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .lg\:hover\:border-red:hover{
    --border-opacity: 1;
    border-color: #E12D39;
    border-color: rgba(225, 45, 57, var(--border-opacity));
  }

  .lg\:focus\:border-blue-bright:focus{
    --border-opacity: 1;
    border-color: #0B69A3;
    border-color: rgba(11, 105, 163, var(--border-opacity));
  }

  .lg\:focus\:border-blue-light:focus{
    --border-opacity: 1;
    border-color: #B3ECFF;
    border-color: rgba(179, 236, 255, var(--border-opacity));
  }

  .lg\:focus\:border-blue-pale:focus{
    --border-opacity: 1;
    border-color: #DCEEFB;
    border-color: rgba(220, 238, 251, var(--border-opacity));
  }

  .lg\:focus\:border-blue-deep:focus{
    --border-opacity: 1;
    border-color: #035388;
    border-color: rgba(3, 83, 136, var(--border-opacity));
  }

  .lg\:focus\:border-blue-hilight:focus{
    --border-opacity: 1;
    border-color: #5ed0fa;
    border-color: rgba(94, 208, 250, var(--border-opacity));
  }

  .lg\:focus\:border-blue-med:focus{
    --border-opacity: 1;
    border-color: #1992d4;
    border-color: rgba(25, 146, 212, var(--border-opacity));
  }

  .lg\:focus\:border-blue-dark:focus{
    --border-opacity: 1;
    border-color: #003e6b;
    border-color: rgba(0, 62, 107, var(--border-opacity));
  }

  .lg\:focus\:border-gray-100:focus{
    --border-opacity: 1;
    border-color: #f0f4f8;
    border-color: rgba(240, 244, 248, var(--border-opacity));
  }

  .lg\:focus\:border-gray-200:focus{
    --border-opacity: 1;
    border-color: #d9d9d9;
    border-color: rgba(217, 217, 217, var(--border-opacity));
  }

  .lg\:focus\:border-gray-300:focus{
    --border-opacity: 1;
    border-color: #bcccdc;
    border-color: rgba(188, 204, 220, var(--border-opacity));
  }

  .lg\:focus\:border-gray-500:focus{
    --border-opacity: 1;
    border-color: #627d98;
    border-color: rgba(98, 125, 152, var(--border-opacity));
  }

  .lg\:focus\:border-gray-600:focus{
    --border-opacity: 1;
    border-color: #334e68;
    border-color: rgba(51, 78, 104, var(--border-opacity));
  }

  .lg\:focus\:border-gray-700:focus{
    --border-opacity: 1;
    border-color: #243b53;
    border-color: rgba(36, 59, 83, var(--border-opacity));
  }

  .lg\:focus\:border-gray-900:focus{
    --border-opacity: 1;
    border-color: #102a43;
    border-color: rgba(16, 42, 67, var(--border-opacity));
  }

  .lg\:focus\:border-magenta-dark:focus{
    --border-opacity: 1;
    border-color: #8f4731;
    border-color: rgba(143, 71, 49, var(--border-opacity));
  }

  .lg\:focus\:border-magenta-bright:focus{
    --border-opacity: 1;
    border-color: #9C4429;
    border-color: rgba(156, 68, 41, var(--border-opacity));
  }

  .lg\:focus\:border-magenta-hilight:focus{
    --border-opacity: 1;
    border-color: #CC522D;
    border-color: rgba(204, 82, 45, var(--border-opacity));
  }

  .lg\:focus\:border-teal-dark:focus{
    --border-opacity: 1;
    border-color: #2d5b6b;
    border-color: rgba(45, 91, 107, var(--border-opacity));
  }

  .lg\:focus\:border-teal-bright:focus{
    --border-opacity: 1;
    border-color: #2B738C;
    border-color: rgba(43, 115, 140, var(--border-opacity));
  }

  .lg\:focus\:border-teal-hilight:focus{
    --border-opacity: 1;
    border-color: #3CA1C4;
    border-color: rgba(60, 161, 196, var(--border-opacity));
  }

  .lg\:focus\:border-mustard-dark:focus{
    --border-opacity: 1;
    border-color: #c47a53;
    border-color: rgba(196, 122, 83, var(--border-opacity));
  }

  .lg\:focus\:border-mustard-bright:focus{
    --border-opacity: 1;
    border-color: #E07C48;
    border-color: rgba(224, 124, 72, var(--border-opacity));
  }

  .lg\:focus\:border-mustard-hilight:focus{
    --border-opacity: 1;
    border-color: #FF7015;
    border-color: rgba(255, 112, 21, var(--border-opacity));
  }

  .lg\:focus\:border-purple-dark:focus{
    --border-opacity: 1;
    border-color: #6b2d5b;
    border-color: rgba(107, 45, 91, var(--border-opacity));
  }

  .lg\:focus\:border-purple-bright:focus{
    --border-opacity: 1;
    border-color: #8D2B74;
    border-color: rgba(141, 43, 116, var(--border-opacity));
  }

  .lg\:focus\:border-purple-hilight:focus{
    --border-opacity: 1;
    border-color: #C0339C;
    border-color: rgba(192, 51, 156, var(--border-opacity));
  }

  .lg\:focus\:border-purple-bookshop:focus{
    --border-opacity: 1;
    border-color: #584199;
    border-color: rgba(88, 65, 153, var(--border-opacity));
  }

  .lg\:focus\:border-green-dark:focus{
    --border-opacity: 1;
    border-color: #7b7d2a;
    border-color: rgba(123, 125, 42, var(--border-opacity));
  }

  .lg\:focus\:border-green-bright:focus{
    --border-opacity: 1;
    border-color: #8F9220;
    border-color: rgba(143, 146, 32, var(--border-opacity));
  }

  .lg\:focus\:border-green-hilight:focus{
    --border-opacity: 1;
    border-color: #B4B72A;
    border-color: rgba(180, 183, 42, var(--border-opacity));
  }

  .lg\:focus\:border-navy-dark:focus{
    --border-opacity: 1;
    border-color: #52494c;
    border-color: rgba(82, 73, 76, var(--border-opacity));
  }

  .lg\:focus\:border-navy-bright:focus{
    --border-opacity: 1;
    border-color: #6D565E;
    border-color: rgba(109, 86, 94, var(--border-opacity));
  }

  .lg\:focus\:border-navy-hilight:focus{
    --border-opacity: 1;
    border-color: #8A6A75;
    border-color: rgba(138, 106, 117, var(--border-opacity));
  }

  .lg\:focus\:border-transparent:focus{
    border-color: transparent;
  }

  .lg\:focus\:border-black:focus{
    --border-opacity: 1;
    border-color: #101010;
    border-color: rgba(16, 16, 16, var(--border-opacity));
  }

  .lg\:focus\:border-white:focus{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .lg\:focus\:border-red:focus{
    --border-opacity: 1;
    border-color: #E12D39;
    border-color: rgba(225, 45, 57, var(--border-opacity));
  }

  .lg\:border-opacity-0{
    --border-opacity: 0;
  }

  .lg\:border-opacity-25{
    --border-opacity: 0.25;
  }

  .lg\:border-opacity-50{
    --border-opacity: 0.5;
  }

  .lg\:border-opacity-75{
    --border-opacity: 0.75;
  }

  .lg\:border-opacity-100{
    --border-opacity: 1;
  }

  .lg\:hover\:border-opacity-0:hover{
    --border-opacity: 0;
  }

  .lg\:hover\:border-opacity-25:hover{
    --border-opacity: 0.25;
  }

  .lg\:hover\:border-opacity-50:hover{
    --border-opacity: 0.5;
  }

  .lg\:hover\:border-opacity-75:hover{
    --border-opacity: 0.75;
  }

  .lg\:hover\:border-opacity-100:hover{
    --border-opacity: 1;
  }

  .lg\:focus\:border-opacity-0:focus{
    --border-opacity: 0;
  }

  .lg\:focus\:border-opacity-25:focus{
    --border-opacity: 0.25;
  }

  .lg\:focus\:border-opacity-50:focus{
    --border-opacity: 0.5;
  }

  .lg\:focus\:border-opacity-75:focus{
    --border-opacity: 0.75;
  }

  .lg\:focus\:border-opacity-100:focus{
    --border-opacity: 1;
  }

  .lg\:rounded-none{
    border-radius: 0;
  }

  .lg\:rounded-sm{
    border-radius: 0.125rem;
  }

  .lg\:rounded{
    border-radius: 0.25rem;
  }

  .lg\:rounded-md{
    border-radius: 0.375rem;
  }

  .lg\:rounded-lg{
    border-radius: 0.5rem;
  }

  .lg\:rounded-xl{
    border-radius: 0.75rem;
  }

  .lg\:rounded-2xl{
    border-radius: 1rem;
  }

  .lg\:rounded-3xl{
    border-radius: 1.5rem;
  }

  .lg\:rounded-full{
    border-radius: 9999px;
  }

  .lg\:rounded-t-none{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .lg\:rounded-r-none{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .lg\:rounded-b-none{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .lg\:rounded-l-none{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .lg\:rounded-t-sm{
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .lg\:rounded-r-sm{
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .lg\:rounded-b-sm{
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .lg\:rounded-l-sm{
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .lg\:rounded-t{
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .lg\:rounded-r{
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .lg\:rounded-b{
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .lg\:rounded-l{
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .lg\:rounded-t-md{
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .lg\:rounded-r-md{
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .lg\:rounded-b-md{
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .lg\:rounded-l-md{
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .lg\:rounded-t-lg{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .lg\:rounded-r-lg{
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .lg\:rounded-b-lg{
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .lg\:rounded-l-lg{
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .lg\:rounded-t-xl{
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .lg\:rounded-r-xl{
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .lg\:rounded-b-xl{
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .lg\:rounded-l-xl{
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .lg\:rounded-t-2xl{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .lg\:rounded-r-2xl{
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .lg\:rounded-b-2xl{
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .lg\:rounded-l-2xl{
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .lg\:rounded-t-3xl{
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .lg\:rounded-r-3xl{
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .lg\:rounded-b-3xl{
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .lg\:rounded-l-3xl{
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .lg\:rounded-t-full{
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .lg\:rounded-r-full{
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .lg\:rounded-b-full{
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .lg\:rounded-l-full{
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .lg\:rounded-tl-none{
    border-top-left-radius: 0;
  }

  .lg\:rounded-tr-none{
    border-top-right-radius: 0;
  }

  .lg\:rounded-br-none{
    border-bottom-right-radius: 0;
  }

  .lg\:rounded-bl-none{
    border-bottom-left-radius: 0;
  }

  .lg\:rounded-tl-sm{
    border-top-left-radius: 0.125rem;
  }

  .lg\:rounded-tr-sm{
    border-top-right-radius: 0.125rem;
  }

  .lg\:rounded-br-sm{
    border-bottom-right-radius: 0.125rem;
  }

  .lg\:rounded-bl-sm{
    border-bottom-left-radius: 0.125rem;
  }

  .lg\:rounded-tl{
    border-top-left-radius: 0.25rem;
  }

  .lg\:rounded-tr{
    border-top-right-radius: 0.25rem;
  }

  .lg\:rounded-br{
    border-bottom-right-radius: 0.25rem;
  }

  .lg\:rounded-bl{
    border-bottom-left-radius: 0.25rem;
  }

  .lg\:rounded-tl-md{
    border-top-left-radius: 0.375rem;
  }

  .lg\:rounded-tr-md{
    border-top-right-radius: 0.375rem;
  }

  .lg\:rounded-br-md{
    border-bottom-right-radius: 0.375rem;
  }

  .lg\:rounded-bl-md{
    border-bottom-left-radius: 0.375rem;
  }

  .lg\:rounded-tl-lg{
    border-top-left-radius: 0.5rem;
  }

  .lg\:rounded-tr-lg{
    border-top-right-radius: 0.5rem;
  }

  .lg\:rounded-br-lg{
    border-bottom-right-radius: 0.5rem;
  }

  .lg\:rounded-bl-lg{
    border-bottom-left-radius: 0.5rem;
  }

  .lg\:rounded-tl-xl{
    border-top-left-radius: 0.75rem;
  }

  .lg\:rounded-tr-xl{
    border-top-right-radius: 0.75rem;
  }

  .lg\:rounded-br-xl{
    border-bottom-right-radius: 0.75rem;
  }

  .lg\:rounded-bl-xl{
    border-bottom-left-radius: 0.75rem;
  }

  .lg\:rounded-tl-2xl{
    border-top-left-radius: 1rem;
  }

  .lg\:rounded-tr-2xl{
    border-top-right-radius: 1rem;
  }

  .lg\:rounded-br-2xl{
    border-bottom-right-radius: 1rem;
  }

  .lg\:rounded-bl-2xl{
    border-bottom-left-radius: 1rem;
  }

  .lg\:rounded-tl-3xl{
    border-top-left-radius: 1.5rem;
  }

  .lg\:rounded-tr-3xl{
    border-top-right-radius: 1.5rem;
  }

  .lg\:rounded-br-3xl{
    border-bottom-right-radius: 1.5rem;
  }

  .lg\:rounded-bl-3xl{
    border-bottom-left-radius: 1.5rem;
  }

  .lg\:rounded-tl-full{
    border-top-left-radius: 9999px;
  }

  .lg\:rounded-tr-full{
    border-top-right-radius: 9999px;
  }

  .lg\:rounded-br-full{
    border-bottom-right-radius: 9999px;
  }

  .lg\:rounded-bl-full{
    border-bottom-left-radius: 9999px;
  }

  .lg\:children\:border-solid > *{
    border-style: solid;
  }

  .lg\:children\:border-dashed > *{
    border-style: dashed;
  }

  .lg\:children\:border-dotted > *{
    border-style: dotted;
  }

  .lg\:children\:border-double > *{
    border-style: double;
  }

  .lg\:children\:border-none > *{
    border-style: none;
  }

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

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

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

  .lg\:border-double{
    border-style: double;
  }

  .lg\:border-none{
    border-style: none;
  }

  .lg\:border-0{
    border-width: 0;
  }

  .lg\:border-2{
    border-width: 2px;
  }

  .lg\:border-4{
    border-width: 4px;
  }

  .lg\:border-8{
    border-width: 8px;
  }

  .lg\:border{
    border-width: 1px;
  }

  .lg\:border-t-0{
    border-top-width: 0;
  }

  .lg\:border-r-0{
    border-right-width: 0;
  }

  .lg\:border-b-0{
    border-bottom-width: 0;
  }

  .lg\:border-l-0{
    border-left-width: 0;
  }

  .lg\:border-t-2{
    border-top-width: 2px;
  }

  .lg\:border-r-2{
    border-right-width: 2px;
  }

  .lg\:border-b-2{
    border-bottom-width: 2px;
  }

  .lg\:border-l-2{
    border-left-width: 2px;
  }

  .lg\:border-t-4{
    border-top-width: 4px;
  }

  .lg\:border-r-4{
    border-right-width: 4px;
  }

  .lg\:border-b-4{
    border-bottom-width: 4px;
  }

  .lg\:border-l-4{
    border-left-width: 4px;
  }

  .lg\:border-t-8{
    border-top-width: 8px;
  }

  .lg\:border-r-8{
    border-right-width: 8px;
  }

  .lg\:border-b-8{
    border-bottom-width: 8px;
  }

  .lg\:border-l-8{
    border-left-width: 8px;
  }

  .lg\:border-t{
    border-top-width: 1px;
  }

  .lg\:border-r{
    border-right-width: 1px;
  }

  .lg\:border-b{
    border-bottom-width: 1px;
  }

  .lg\:border-l{
    border-left-width: 1px;
  }

  .lg\:box-border{
    box-sizing: border-box;
  }

  .lg\:box-content{
    box-sizing: content-box;
  }

  .lg\:cursor-auto{
    cursor: auto;
  }

  .lg\:cursor-default{
    cursor: default;
  }

  .lg\:cursor-pointer{
    cursor: pointer;
  }

  .lg\:cursor-wait{
    cursor: wait;
  }

  .lg\:cursor-text{
    cursor: text;
  }

  .lg\:cursor-move{
    cursor: move;
  }

  .lg\:cursor-not-allowed{
    cursor: not-allowed;
  }

  .lg\:block{
    display: block;
  }

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

  .lg\:inline{
    display: inline;
  }

  .lg\:flex{
    display: flex;
  }

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

  .lg\:table{
    display: table;
  }

  .lg\:table-caption{
    display: table-caption;
  }

  .lg\:table-cell{
    display: table-cell;
  }

  .lg\:table-column{
    display: table-column;
  }

  .lg\:table-column-group{
    display: table-column-group;
  }

  .lg\:table-footer-group{
    display: table-footer-group;
  }

  .lg\:table-header-group{
    display: table-header-group;
  }

  .lg\:table-row-group{
    display: table-row-group;
  }

  .lg\:table-row{
    display: table-row;
  }

  .lg\:flow-root{
    display: flow-root;
  }

  .lg\:grid{
    display: grid;
  }

  .lg\:inline-grid{
    display: inline-grid;
  }

  .lg\:contents{
    display: contents;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:flex-row-reverse{
    flex-direction: row-reverse;
  }

  .lg\:flex-col{
    flex-direction: column;
  }

  .lg\:flex-col-reverse{
    flex-direction: column-reverse;
  }

  .lg\:flex-wrap{
    flex-wrap: wrap;
  }

  .lg\:flex-wrap-reverse{
    flex-wrap: wrap-reverse;
  }

  .lg\:flex-no-wrap{
    flex-wrap: nowrap;
  }

  .lg\:place-items-auto{
    place-items: auto;
  }

  .lg\:place-items-start{
    place-items: start;
  }

  .lg\:place-items-end{
    place-items: end;
  }

  .lg\:place-items-center{
    place-items: center;
  }

  .lg\:place-items-stretch{
    place-items: stretch;
  }

  .lg\:place-content-center{
    place-content: center;
  }

  .lg\:place-content-start{
    place-content: start;
  }

  .lg\:place-content-end{
    place-content: end;
  }

  .lg\:place-content-between{
    place-content: space-between;
  }

  .lg\:place-content-around{
    place-content: space-around;
  }

  .lg\:place-content-evenly{
    place-content: space-evenly;
  }

  .lg\:place-content-stretch{
    place-content: stretch;
  }

  .lg\:place-self-auto{
    place-self: auto;
  }

  .lg\:place-self-start{
    place-self: start;
  }

  .lg\:place-self-end{
    place-self: end;
  }

  .lg\:place-self-center{
    place-self: center;
  }

  .lg\:place-self-stretch{
    place-self: stretch;
  }

  .lg\:items-start{
    align-items: flex-start;
  }

  .lg\:items-end{
    align-items: flex-end;
  }

  .lg\:items-center{
    align-items: center;
  }

  .lg\:items-baseline{
    align-items: baseline;
  }

  .lg\:items-stretch{
    align-items: stretch;
  }

  .lg\:content-center{
    align-content: center;
  }

  .lg\:content-start{
    align-content: flex-start;
  }

  .lg\:content-end{
    align-content: flex-end;
  }

  .lg\:content-between{
    align-content: space-between;
  }

  .lg\:content-around{
    align-content: space-around;
  }

  .lg\:content-evenly{
    align-content: space-evenly;
  }

  .lg\:self-auto{
    align-self: auto;
  }

  .lg\:self-start{
    align-self: flex-start;
  }

  .lg\:self-end{
    align-self: flex-end;
  }

  .lg\:self-center{
    align-self: center;
  }

  .lg\:self-stretch{
    align-self: stretch;
  }

  .lg\:justify-items-auto{
    justify-items: auto;
  }

  .lg\:justify-items-start{
    justify-items: start;
  }

  .lg\:justify-items-end{
    justify-items: end;
  }

  .lg\:justify-items-center{
    justify-items: center;
  }

  .lg\:justify-items-stretch{
    justify-items: stretch;
  }

  .lg\:justify-start{
    justify-content: flex-start;
  }

  .lg\:justify-end{
    justify-content: flex-end;
  }

  .lg\:justify-center{
    justify-content: center;
  }

  .lg\:justify-between{
    justify-content: space-between;
  }

  .lg\:justify-around{
    justify-content: space-around;
  }

  .lg\:justify-evenly{
    justify-content: space-evenly;
  }

  .lg\:justify-self-auto{
    justify-self: auto;
  }

  .lg\:justify-self-start{
    justify-self: start;
  }

  .lg\:justify-self-end{
    justify-self: end;
  }

  .lg\:justify-self-center{
    justify-self: center;
  }

  .lg\:justify-self-stretch{
    justify-self: stretch;
  }

  .lg\:flex-1{
    flex: 1 1 0%;
  }

  .lg\:flex-auto{
    flex: 1 1 auto;
  }

  .lg\:flex-initial{
    flex: 0 1 auto;
  }

  .lg\:flex-none{
    flex: none;
  }

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

  .lg\:flex-grow{
    flex-grow: 1;
  }

  .lg\:flex-shrink-0{
    flex-shrink: 0;
  }

  .lg\:flex-shrink{
    flex-shrink: 1;
  }

  .lg\:order-1{
    order: 1;
  }

  .lg\:order-2{
    order: 2;
  }

  .lg\:order-3{
    order: 3;
  }

  .lg\:order-4{
    order: 4;
  }

  .lg\:order-5{
    order: 5;
  }

  .lg\:order-6{
    order: 6;
  }

  .lg\:order-7{
    order: 7;
  }

  .lg\:order-8{
    order: 8;
  }

  .lg\:order-9{
    order: 9;
  }

  .lg\:order-10{
    order: 10;
  }

  .lg\:order-11{
    order: 11;
  }

  .lg\:order-12{
    order: 12;
  }

  .lg\:order-first{
    order: -9999;
  }

  .lg\:order-last{
    order: 9999;
  }

  .lg\:order-none{
    order: 0;
  }

  .lg\:float-right{
    float: right;
  }

  .lg\:float-left{
    float: left;
  }

  .lg\:float-none{
    float: none;
  }

  .lg\:clearfix:after{
    content: "";
    display: table;
    clear: both;
  }

  .lg\:clear-left{
    clear: left;
  }

  .lg\:clear-right{
    clear: right;
  }

  .lg\:clear-both{
    clear: both;
  }

  .lg\:clear-none{
    clear: none;
  }

  .lg\:font-body{
    font-family: proxima-nova, sans-serif;
  }

  .lg\:font-head{
    font-family: jubilat, serif;
  }

  .lg\:font-hairline{
    font-weight: 100;
  }

  .lg\:font-thin{
    font-weight: 200;
  }

  .lg\:font-light{
    font-weight: 300;
  }

  .lg\:font-normal{
    font-weight: 400;
  }

  .lg\:font-medium{
    font-weight: 500;
  }

  .lg\:font-semibold{
    font-weight: 600;
  }

  .lg\:font-bold{
    font-weight: 700;
  }

  .lg\:font-extrabold{
    font-weight: 800;
  }

  .lg\:font-black{
    font-weight: 900;
  }

  .lg\:hover\:font-hairline:hover{
    font-weight: 100;
  }

  .lg\:hover\:font-thin:hover{
    font-weight: 200;
  }

  .lg\:hover\:font-light:hover{
    font-weight: 300;
  }

  .lg\:hover\:font-normal:hover{
    font-weight: 400;
  }

  .lg\:hover\:font-medium:hover{
    font-weight: 500;
  }

  .lg\:hover\:font-semibold:hover{
    font-weight: 600;
  }

  .lg\:hover\:font-bold:hover{
    font-weight: 700;
  }

  .lg\:hover\:font-extrabold:hover{
    font-weight: 800;
  }

  .lg\:hover\:font-black:hover{
    font-weight: 900;
  }

  .lg\:focus\:font-hairline:focus{
    font-weight: 100;
  }

  .lg\:focus\:font-thin:focus{
    font-weight: 200;
  }

  .lg\:focus\:font-light:focus{
    font-weight: 300;
  }

  .lg\:focus\:font-normal:focus{
    font-weight: 400;
  }

  .lg\:focus\:font-medium:focus{
    font-weight: 500;
  }

  .lg\:focus\:font-semibold:focus{
    font-weight: 600;
  }

  .lg\:focus\:font-bold:focus{
    font-weight: 700;
  }

  .lg\:focus\:font-extrabold:focus{
    font-weight: 800;
  }

  .lg\:focus\:font-black:focus{
    font-weight: 900;
  }

  .lg\:h-0{
    height: 0;
  }

  .lg\:h-1{
    height: 0.25rem;
  }

  .lg\:h-2{
    height: 0.5rem;
  }

  .lg\:h-3{
    height: 0.75rem;
  }

  .lg\:h-4{
    height: 1rem;
  }

  .lg\:h-5{
    height: 1.25rem;
  }

  .lg\:h-6{
    height: 1.5rem;
  }

  .lg\:h-8{
    height: 2rem;
  }

  .lg\:h-10{
    height: 2.5rem;
  }

  .lg\:h-12{
    height: 3rem;
  }

  .lg\:h-16{
    height: 4rem;
  }

  .lg\:h-20{
    height: 5rem;
  }

  .lg\:h-24{
    height: 6rem;
  }

  .lg\:h-32{
    height: 8rem;
  }

  .lg\:h-40{
    height: 10rem;
  }

  .lg\:h-48{
    height: 12rem;
  }

  .lg\:h-56{
    height: 14rem;
  }

  .lg\:h-64{
    height: 16rem;
  }

  .lg\:h-auto{
    height: auto;
  }

  .lg\:h-px{
    height: 1px;
  }

  .lg\:h-full{
    height: 100%;
  }

  .lg\:h-screen{
    height: 100vh;
  }

  .lg\:text-xs{
    font-size: 0.75rem;
  }

  .lg\:text-sm{
    font-size: 0.875rem;
  }

  .lg\:text-base{
    font-size: 1rem;
  }

  .lg\:text-lg{
    font-size: 1.125rem;
  }

  .lg\:text-xl{
    font-size: 1.25rem;
  }

  .lg\:text-2xl{
    font-size: 1.5rem;
  }

  .lg\:text-3xl{
    font-size: 1.875rem;
  }

  .lg\:text-4xl{
    font-size: 2rem;
  }

  .lg\:text-5xl{
    font-size: 3rem;
  }

  .lg\:text-6xl{
    font-size: 4rem;
  }

  .lg\:leading-3{
    line-height: .75rem;
  }

  .lg\:leading-4{
    line-height: 1rem;
  }

  .lg\:leading-5{
    line-height: 1.25rem;
  }

  .lg\:leading-6{
    line-height: 1.5rem;
  }

  .lg\:leading-7{
    line-height: 1.75rem;
  }

  .lg\:leading-8{
    line-height: 2rem;
  }

  .lg\:leading-9{
    line-height: 2.25rem;
  }

  .lg\:leading-10{
    line-height: 2.5rem;
  }

  .lg\:leading-none{
    line-height: 1;
  }

  .lg\:leading-tight{
    line-height: 1.25;
  }

  .lg\:leading-snug{
    line-height: 1.375;
  }

  .lg\:leading-normal{
    line-height: 1.5;
  }

  .lg\:leading-relaxed{
    line-height: 1.625;
  }

  .lg\:leading-loose{
    line-height: 2;
  }

  .lg\:list-inside{
    list-style-position: inside;
  }

  .lg\:list-outside{
    list-style-position: outside;
  }

  .lg\:list-none{
    list-style-type: none;
  }

  .lg\:list-disc{
    list-style-type: disc;
  }

  .lg\:list-decimal{
    list-style-type: decimal;
  }

  .lg\:m-0{
    margin: 0;
  }

  .lg\:m-1{
    margin: 0.25rem;
  }

  .lg\:m-2{
    margin: 0.5rem;
  }

  .lg\:m-3{
    margin: 0.75rem;
  }

  .lg\:m-4{
    margin: 1rem;
  }

  .lg\:m-5{
    margin: 1.25rem;
  }

  .lg\:m-6{
    margin: 1.5rem;
  }

  .lg\:m-8{
    margin: 2rem;
  }

  .lg\:m-10{
    margin: 2.5rem;
  }

  .lg\:m-12{
    margin: 3rem;
  }

  .lg\:m-16{
    margin: 4rem;
  }

  .lg\:m-20{
    margin: 5rem;
  }

  .lg\:m-24{
    margin: 6rem;
  }

  .lg\:m-32{
    margin: 8rem;
  }

  .lg\:m-40{
    margin: 10rem;
  }

  .lg\:m-48{
    margin: 12rem;
  }

  .lg\:m-56{
    margin: 14rem;
  }

  .lg\:m-64{
    margin: 16rem;
  }

  .lg\:m-auto{
    margin: auto;
  }

  .lg\:m-px{
    margin: 1px;
  }

  .lg\:-m-1{
    margin: -0.25rem;
  }

  .lg\:-m-2{
    margin: -0.5rem;
  }

  .lg\:-m-3{
    margin: -0.75rem;
  }

  .lg\:-m-4{
    margin: -1rem;
  }

  .lg\:-m-5{
    margin: -1.25rem;
  }

  .lg\:-m-6{
    margin: -1.5rem;
  }

  .lg\:-m-8{
    margin: -2rem;
  }

  .lg\:-m-10{
    margin: -2.5rem;
  }

  .lg\:-m-12{
    margin: -3rem;
  }

  .lg\:-m-16{
    margin: -4rem;
  }

  .lg\:-m-20{
    margin: -5rem;
  }

  .lg\:-m-24{
    margin: -6rem;
  }

  .lg\:-m-32{
    margin: -8rem;
  }

  .lg\:-m-40{
    margin: -10rem;
  }

  .lg\:-m-48{
    margin: -12rem;
  }

  .lg\:-m-56{
    margin: -14rem;
  }

  .lg\:-m-64{
    margin: -16rem;
  }

  .lg\:-m-px{
    margin: -1px;
  }

  .lg\:my-0{
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg\:mx-0{
    margin-left: 0;
    margin-right: 0;
  }

  .lg\:my-1{
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .lg\:mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .lg\:my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .lg\:mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .lg\:my-3{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .lg\:mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .lg\:my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .lg\:mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .lg\:my-5{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .lg\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .lg\:my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .lg\:mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .lg\:my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .lg\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .lg\:my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .lg\:mx-10{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .lg\:my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .lg\:mx-12{
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .lg\:my-16{
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .lg\:mx-16{
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .lg\:my-20{
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .lg\:mx-20{
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .lg\:my-24{
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .lg\:mx-24{
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .lg\:my-32{
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .lg\:mx-32{
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .lg\:my-40{
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .lg\:mx-40{
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .lg\:my-48{
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .lg\:mx-48{
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .lg\:my-56{
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .lg\:mx-56{
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .lg\:my-64{
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .lg\:mx-64{
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .lg\:my-auto{
    margin-top: auto;
    margin-bottom: auto;
  }

  .lg\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:my-px{
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .lg\:mx-px{
    margin-left: 1px;
    margin-right: 1px;
  }

  .lg\:-my-1{
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .lg\:-mx-1{
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .lg\:-my-2{
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .lg\:-mx-2{
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .lg\:-my-3{
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .lg\:-mx-3{
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .lg\:-my-4{
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .lg\:-mx-4{
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .lg\:-my-5{
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .lg\:-mx-5{
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .lg\:-my-6{
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .lg\:-mx-6{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .lg\:-my-8{
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .lg\:-mx-8{
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .lg\:-my-10{
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .lg\:-mx-10{
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .lg\:-my-12{
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .lg\:-mx-12{
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .lg\:-my-16{
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .lg\:-mx-16{
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .lg\:-my-20{
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .lg\:-mx-20{
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .lg\:-my-24{
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .lg\:-mx-24{
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .lg\:-my-32{
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .lg\:-mx-32{
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .lg\:-my-40{
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  .lg\:-mx-40{
    margin-left: -10rem;
    margin-right: -10rem;
  }

  .lg\:-my-48{
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  .lg\:-mx-48{
    margin-left: -12rem;
    margin-right: -12rem;
  }

  .lg\:-my-56{
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  .lg\:-mx-56{
    margin-left: -14rem;
    margin-right: -14rem;
  }

  .lg\:-my-64{
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  .lg\:-mx-64{
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .lg\:-my-px{
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .lg\:-mx-px{
    margin-left: -1px;
    margin-right: -1px;
  }

  .lg\:mt-0{
    margin-top: 0;
  }

  .lg\:mr-0{
    margin-right: 0;
  }

  .lg\:mb-0{
    margin-bottom: 0;
  }

  .lg\:ml-0{
    margin-left: 0;
  }

  .lg\:mt-1{
    margin-top: 0.25rem;
  }

  .lg\:mr-1{
    margin-right: 0.25rem;
  }

  .lg\:mb-1{
    margin-bottom: 0.25rem;
  }

  .lg\:ml-1{
    margin-left: 0.25rem;
  }

  .lg\:mt-2{
    margin-top: 0.5rem;
  }

  .lg\:mr-2{
    margin-right: 0.5rem;
  }

  .lg\:mb-2{
    margin-bottom: 0.5rem;
  }

  .lg\:ml-2{
    margin-left: 0.5rem;
  }

  .lg\:mt-3{
    margin-top: 0.75rem;
  }

  .lg\:mr-3{
    margin-right: 0.75rem;
  }

  .lg\:mb-3{
    margin-bottom: 0.75rem;
  }

  .lg\:ml-3{
    margin-left: 0.75rem;
  }

  .lg\:mt-4{
    margin-top: 1rem;
  }

  .lg\:mr-4{
    margin-right: 1rem;
  }

  .lg\:mb-4{
    margin-bottom: 1rem;
  }

  .lg\:ml-4{
    margin-left: 1rem;
  }

  .lg\:mt-5{
    margin-top: 1.25rem;
  }

  .lg\:mr-5{
    margin-right: 1.25rem;
  }

  .lg\:mb-5{
    margin-bottom: 1.25rem;
  }

  .lg\:ml-5{
    margin-left: 1.25rem;
  }

  .lg\:mt-6{
    margin-top: 1.5rem;
  }

  .lg\:mr-6{
    margin-right: 1.5rem;
  }

  .lg\:mb-6{
    margin-bottom: 1.5rem;
  }

  .lg\:ml-6{
    margin-left: 1.5rem;
  }

  .lg\:mt-8{
    margin-top: 2rem;
  }

  .lg\:mr-8{
    margin-right: 2rem;
  }

  .lg\:mb-8{
    margin-bottom: 2rem;
  }

  .lg\:ml-8{
    margin-left: 2rem;
  }

  .lg\:mt-10{
    margin-top: 2.5rem;
  }

  .lg\:mr-10{
    margin-right: 2.5rem;
  }

  .lg\:mb-10{
    margin-bottom: 2.5rem;
  }

  .lg\:ml-10{
    margin-left: 2.5rem;
  }

  .lg\:mt-12{
    margin-top: 3rem;
  }

  .lg\:mr-12{
    margin-right: 3rem;
  }

  .lg\:mb-12{
    margin-bottom: 3rem;
  }

  .lg\:ml-12{
    margin-left: 3rem;
  }

  .lg\:mt-16{
    margin-top: 4rem;
  }

  .lg\:mr-16{
    margin-right: 4rem;
  }

  .lg\:mb-16{
    margin-bottom: 4rem;
  }

  .lg\:ml-16{
    margin-left: 4rem;
  }

  .lg\:mt-20{
    margin-top: 5rem;
  }

  .lg\:mr-20{
    margin-right: 5rem;
  }

  .lg\:mb-20{
    margin-bottom: 5rem;
  }

  .lg\:ml-20{
    margin-left: 5rem;
  }

  .lg\:mt-24{
    margin-top: 6rem;
  }

  .lg\:mr-24{
    margin-right: 6rem;
  }

  .lg\:mb-24{
    margin-bottom: 6rem;
  }

  .lg\:ml-24{
    margin-left: 6rem;
  }

  .lg\:mt-32{
    margin-top: 8rem;
  }

  .lg\:mr-32{
    margin-right: 8rem;
  }

  .lg\:mb-32{
    margin-bottom: 8rem;
  }

  .lg\:ml-32{
    margin-left: 8rem;
  }

  .lg\:mt-40{
    margin-top: 10rem;
  }

  .lg\:mr-40{
    margin-right: 10rem;
  }

  .lg\:mb-40{
    margin-bottom: 10rem;
  }

  .lg\:ml-40{
    margin-left: 10rem;
  }

  .lg\:mt-48{
    margin-top: 12rem;
  }

  .lg\:mr-48{
    margin-right: 12rem;
  }

  .lg\:mb-48{
    margin-bottom: 12rem;
  }

  .lg\:ml-48{
    margin-left: 12rem;
  }

  .lg\:mt-56{
    margin-top: 14rem;
  }

  .lg\:mr-56{
    margin-right: 14rem;
  }

  .lg\:mb-56{
    margin-bottom: 14rem;
  }

  .lg\:ml-56{
    margin-left: 14rem;
  }

  .lg\:mt-64{
    margin-top: 16rem;
  }

  .lg\:mr-64{
    margin-right: 16rem;
  }

  .lg\:mb-64{
    margin-bottom: 16rem;
  }

  .lg\:ml-64{
    margin-left: 16rem;
  }

  .lg\:mt-auto{
    margin-top: auto;
  }

  .lg\:mr-auto{
    margin-right: auto;
  }

  .lg\:mb-auto{
    margin-bottom: auto;
  }

  .lg\:ml-auto{
    margin-left: auto;
  }

  .lg\:mt-px{
    margin-top: 1px;
  }

  .lg\:mr-px{
    margin-right: 1px;
  }

  .lg\:mb-px{
    margin-bottom: 1px;
  }

  .lg\:ml-px{
    margin-left: 1px;
  }

  .lg\:-mt-1{
    margin-top: -0.25rem;
  }

  .lg\:-mr-1{
    margin-right: -0.25rem;
  }

  .lg\:-mb-1{
    margin-bottom: -0.25rem;
  }

  .lg\:-ml-1{
    margin-left: -0.25rem;
  }

  .lg\:-mt-2{
    margin-top: -0.5rem;
  }

  .lg\:-mr-2{
    margin-right: -0.5rem;
  }

  .lg\:-mb-2{
    margin-bottom: -0.5rem;
  }

  .lg\:-ml-2{
    margin-left: -0.5rem;
  }

  .lg\:-mt-3{
    margin-top: -0.75rem;
  }

  .lg\:-mr-3{
    margin-right: -0.75rem;
  }

  .lg\:-mb-3{
    margin-bottom: -0.75rem;
  }

  .lg\:-ml-3{
    margin-left: -0.75rem;
  }

  .lg\:-mt-4{
    margin-top: -1rem;
  }

  .lg\:-mr-4{
    margin-right: -1rem;
  }

  .lg\:-mb-4{
    margin-bottom: -1rem;
  }

  .lg\:-ml-4{
    margin-left: -1rem;
  }

  .lg\:-mt-5{
    margin-top: -1.25rem;
  }

  .lg\:-mr-5{
    margin-right: -1.25rem;
  }

  .lg\:-mb-5{
    margin-bottom: -1.25rem;
  }

  .lg\:-ml-5{
    margin-left: -1.25rem;
  }

  .lg\:-mt-6{
    margin-top: -1.5rem;
  }

  .lg\:-mr-6{
    margin-right: -1.5rem;
  }

  .lg\:-mb-6{
    margin-bottom: -1.5rem;
  }

  .lg\:-ml-6{
    margin-left: -1.5rem;
  }

  .lg\:-mt-8{
    margin-top: -2rem;
  }

  .lg\:-mr-8{
    margin-right: -2rem;
  }

  .lg\:-mb-8{
    margin-bottom: -2rem;
  }

  .lg\:-ml-8{
    margin-left: -2rem;
  }

  .lg\:-mt-10{
    margin-top: -2.5rem;
  }

  .lg\:-mr-10{
    margin-right: -2.5rem;
  }

  .lg\:-mb-10{
    margin-bottom: -2.5rem;
  }

  .lg\:-ml-10{
    margin-left: -2.5rem;
  }

  .lg\:-mt-12{
    margin-top: -3rem;
  }

  .lg\:-mr-12{
    margin-right: -3rem;
  }

  .lg\:-mb-12{
    margin-bottom: -3rem;
  }

  .lg\:-ml-12{
    margin-left: -3rem;
  }

  .lg\:-mt-16{
    margin-top: -4rem;
  }

  .lg\:-mr-16{
    margin-right: -4rem;
  }

  .lg\:-mb-16{
    margin-bottom: -4rem;
  }

  .lg\:-ml-16{
    margin-left: -4rem;
  }

  .lg\:-mt-20{
    margin-top: -5rem;
  }

  .lg\:-mr-20{
    margin-right: -5rem;
  }

  .lg\:-mb-20{
    margin-bottom: -5rem;
  }

  .lg\:-ml-20{
    margin-left: -5rem;
  }

  .lg\:-mt-24{
    margin-top: -6rem;
  }

  .lg\:-mr-24{
    margin-right: -6rem;
  }

  .lg\:-mb-24{
    margin-bottom: -6rem;
  }

  .lg\:-ml-24{
    margin-left: -6rem;
  }

  .lg\:-mt-32{
    margin-top: -8rem;
  }

  .lg\:-mr-32{
    margin-right: -8rem;
  }

  .lg\:-mb-32{
    margin-bottom: -8rem;
  }

  .lg\:-ml-32{
    margin-left: -8rem;
  }

  .lg\:-mt-40{
    margin-top: -10rem;
  }

  .lg\:-mr-40{
    margin-right: -10rem;
  }

  .lg\:-mb-40{
    margin-bottom: -10rem;
  }

  .lg\:-ml-40{
    margin-left: -10rem;
  }

  .lg\:-mt-48{
    margin-top: -12rem;
  }

  .lg\:-mr-48{
    margin-right: -12rem;
  }

  .lg\:-mb-48{
    margin-bottom: -12rem;
  }

  .lg\:-ml-48{
    margin-left: -12rem;
  }

  .lg\:-mt-56{
    margin-top: -14rem;
  }

  .lg\:-mr-56{
    margin-right: -14rem;
  }

  .lg\:-mb-56{
    margin-bottom: -14rem;
  }

  .lg\:-ml-56{
    margin-left: -14rem;
  }

  .lg\:-mt-64{
    margin-top: -16rem;
  }

  .lg\:-mr-64{
    margin-right: -16rem;
  }

  .lg\:-mb-64{
    margin-bottom: -16rem;
  }

  .lg\:-ml-64{
    margin-left: -16rem;
  }

  .lg\:-mt-px{
    margin-top: -1px;
  }

  .lg\:-mr-px{
    margin-right: -1px;
  }

  .lg\:-mb-px{
    margin-bottom: -1px;
  }

  .lg\:-ml-px{
    margin-left: -1px;
  }

  .lg\:max-h-full{
    max-height: 100%;
  }

  .lg\:max-h-screen{
    max-height: 100vh;
  }

  .lg\:max-w-none{
    max-width: none;
  }

  .lg\:max-w-xs{
    max-width: 20rem;
  }

  .lg\:max-w-sm{
    max-width: 24rem;
  }

  .lg\:max-w-md{
    max-width: 28rem;
  }

  .lg\:max-w-lg{
    max-width: 32rem;
  }

  .lg\:max-w-xl{
    max-width: 36rem;
  }

  .lg\:max-w-2xl{
    max-width: 42rem;
  }

  .lg\:max-w-3xl{
    max-width: 48rem;
  }

  .lg\:max-w-4xl{
    max-width: 56rem;
  }

  .lg\:max-w-5xl{
    max-width: 64rem;
  }

  .lg\:max-w-6xl{
    max-width: 72rem;
  }

  .lg\:max-w-full{
    max-width: 100%;
  }

  .lg\:max-w-screen-sm{
    max-width: 640px;
  }

  .lg\:max-w-screen-md{
    max-width: 768px;
  }

  .lg\:max-w-screen-lg{
    max-width: 1024px;
  }

  .lg\:max-w-screen-xl{
    max-width: 1280px;
  }

  .lg\:min-h-0{
    min-height: 0;
  }

  .lg\:min-h-full{
    min-height: 100%;
  }

  .lg\:min-h-screen{
    min-height: 100vh;
  }

  .lg\:min-w-0{
    min-width: 0;
  }

  .lg\:min-w-full{
    min-width: 100%;
  }

  .lg\:object-contain{
    -o-object-fit: contain;
       object-fit: contain;
  }

  .lg\:object-cover{
    -o-object-fit: cover;
       object-fit: cover;
  }

  .lg\:object-fill{
    -o-object-fit: fill;
       object-fit: fill;
  }

  .lg\:object-none{
    -o-object-fit: none;
       object-fit: none;
  }

  .lg\:object-scale-down{
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .lg\:object-bottom{
    -o-object-position: bottom;
       object-position: bottom;
  }

  .lg\:object-center{
    -o-object-position: center;
       object-position: center;
  }

  .lg\:object-left{
    -o-object-position: left;
       object-position: left;
  }

  .lg\:object-left-bottom{
    -o-object-position: left bottom;
       object-position: left bottom;
  }

  .lg\:object-left-top{
    -o-object-position: left top;
       object-position: left top;
  }

  .lg\:object-right{
    -o-object-position: right;
       object-position: right;
  }

  .lg\:object-right-bottom{
    -o-object-position: right bottom;
       object-position: right bottom;
  }

  .lg\:object-right-top{
    -o-object-position: right top;
       object-position: right top;
  }

  .lg\:object-top{
    -o-object-position: top;
       object-position: top;
  }

  .lg\:opacity-0{
    opacity: 0;
  }

  .lg\:opacity-25{
    opacity: 0.25;
  }

  .lg\:opacity-50{
    opacity: 0.5;
  }

  .lg\:opacity-75{
    opacity: 0.75;
  }

  .lg\:opacity-100{
    opacity: 1;
  }

  .lg\:hover\:opacity-0:hover{
    opacity: 0;
  }

  .lg\:hover\:opacity-25:hover{
    opacity: 0.25;
  }

  .lg\:hover\:opacity-50:hover{
    opacity: 0.5;
  }

  .lg\:hover\:opacity-75:hover{
    opacity: 0.75;
  }

  .lg\:hover\:opacity-100:hover{
    opacity: 1;
  }

  .lg\:focus\:opacity-0:focus{
    opacity: 0;
  }

  .lg\:focus\:opacity-25:focus{
    opacity: 0.25;
  }

  .lg\:focus\:opacity-50:focus{
    opacity: 0.5;
  }

  .lg\:focus\:opacity-75:focus{
    opacity: 0.75;
  }

  .lg\:focus\:opacity-100:focus{
    opacity: 1;
  }

  .lg\:outline-none{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .lg\:outline-white{
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .lg\:outline-black{
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .lg\:focus\:outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .lg\:focus\:outline-white:focus{
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .lg\:focus\:outline-black:focus{
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .lg\:overflow-auto{
    overflow: auto;
  }

  .lg\:overflow-hidden{
    overflow: hidden;
  }

  .lg\:overflow-visible{
    overflow: visible;
  }

  .lg\:overflow-scroll{
    overflow: scroll;
  }

  .lg\:overflow-x-auto{
    overflow-x: auto;
  }

  .lg\:overflow-y-auto{
    overflow-y: auto;
  }

  .lg\:overflow-x-hidden{
    overflow-x: hidden;
  }

  .lg\:overflow-y-hidden{
    overflow-y: hidden;
  }

  .lg\:overflow-x-visible{
    overflow-x: visible;
  }

  .lg\:overflow-y-visible{
    overflow-y: visible;
  }

  .lg\:overflow-x-scroll{
    overflow-x: scroll;
  }

  .lg\:overflow-y-scroll{
    overflow-y: scroll;
  }

  .lg\:scrolling-touch{
    -webkit-overflow-scrolling: touch;
  }

  .lg\:scrolling-auto{
    -webkit-overflow-scrolling: auto;
  }

  .lg\:overscroll-auto{
    overscroll-behavior: auto;
  }

  .lg\:overscroll-contain{
    overscroll-behavior: contain;
  }

  .lg\:overscroll-none{
    overscroll-behavior: none;
  }

  .lg\:overscroll-y-auto{
    overscroll-behavior-y: auto;
  }

  .lg\:overscroll-y-contain{
    overscroll-behavior-y: contain;
  }

  .lg\:overscroll-y-none{
    overscroll-behavior-y: none;
  }

  .lg\:overscroll-x-auto{
    overscroll-behavior-x: auto;
  }

  .lg\:overscroll-x-contain{
    overscroll-behavior-x: contain;
  }

  .lg\:overscroll-x-none{
    overscroll-behavior-x: none;
  }

  .lg\:children\:p-0 > *{
    padding: 0;
  }

  .lg\:children\:p-1 > *{
    padding: 0.25rem;
  }

  .lg\:children\:p-2 > *{
    padding: 0.5rem;
  }

  .lg\:children\:p-3 > *{
    padding: 0.75rem;
  }

  .lg\:children\:p-4 > *{
    padding: 1rem;
  }

  .lg\:children\:p-5 > *{
    padding: 1.25rem;
  }

  .lg\:children\:p-6 > *{
    padding: 1.5rem;
  }

  .lg\:children\:p-8 > *{
    padding: 2rem;
  }

  .lg\:children\:p-10 > *{
    padding: 2.5rem;
  }

  .lg\:children\:p-12 > *{
    padding: 3rem;
  }

  .lg\:children\:p-16 > *{
    padding: 4rem;
  }

  .lg\:children\:p-20 > *{
    padding: 5rem;
  }

  .lg\:children\:p-24 > *{
    padding: 6rem;
  }

  .lg\:children\:p-32 > *{
    padding: 8rem;
  }

  .lg\:children\:p-40 > *{
    padding: 10rem;
  }

  .lg\:children\:p-48 > *{
    padding: 12rem;
  }

  .lg\:children\:p-56 > *{
    padding: 14rem;
  }

  .lg\:children\:p-64 > *{
    padding: 16rem;
  }

  .lg\:children\:p-px > *{
    padding: 1px;
  }

  .lg\:children\:py-0 > *{
    padding-top: 0;
    padding-bottom: 0;
  }

  .lg\:children\:px-0 > *{
    padding-left: 0;
    padding-right: 0;
  }

  .lg\:children\:py-1 > *{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .lg\:children\:px-1 > *{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .lg\:children\:py-2 > *{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .lg\:children\:px-2 > *{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .lg\:children\:py-3 > *{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .lg\:children\:px-3 > *{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .lg\:children\:py-4 > *{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:children\:px-4 > *{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:children\:py-5 > *{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .lg\:children\:px-5 > *{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:children\:py-6 > *{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:children\:px-6 > *{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:children\:py-8 > *{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:children\:px-8 > *{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:children\:py-10 > *{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .lg\:children\:px-10 > *{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:children\:py-12 > *{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:children\:px-12 > *{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:children\:py-16 > *{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:children\:px-16 > *{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:children\:py-20 > *{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:children\:px-20 > *{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .lg\:children\:py-24 > *{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lg\:children\:px-24 > *{
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .lg\:children\:py-32 > *{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .lg\:children\:px-32 > *{
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .lg\:children\:py-40 > *{
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .lg\:children\:px-40 > *{
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .lg\:children\:py-48 > *{
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .lg\:children\:px-48 > *{
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .lg\:children\:py-56 > *{
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .lg\:children\:px-56 > *{
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .lg\:children\:py-64 > *{
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .lg\:children\:px-64 > *{
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .lg\:children\:py-px > *{
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .lg\:children\:px-px > *{
    padding-left: 1px;
    padding-right: 1px;
  }

  .lg\:children\:pt-0 > *{
    padding-top: 0;
  }

  .lg\:children\:pr-0 > *{
    padding-right: 0;
  }

  .lg\:children\:pb-0 > *{
    padding-bottom: 0;
  }

  .lg\:children\:pl-0 > *{
    padding-left: 0;
  }

  .lg\:children\:pt-1 > *{
    padding-top: 0.25rem;
  }

  .lg\:children\:pr-1 > *{
    padding-right: 0.25rem;
  }

  .lg\:children\:pb-1 > *{
    padding-bottom: 0.25rem;
  }

  .lg\:children\:pl-1 > *{
    padding-left: 0.25rem;
  }

  .lg\:children\:pt-2 > *{
    padding-top: 0.5rem;
  }

  .lg\:children\:pr-2 > *{
    padding-right: 0.5rem;
  }

  .lg\:children\:pb-2 > *{
    padding-bottom: 0.5rem;
  }

  .lg\:children\:pl-2 > *{
    padding-left: 0.5rem;
  }

  .lg\:children\:pt-3 > *{
    padding-top: 0.75rem;
  }

  .lg\:children\:pr-3 > *{
    padding-right: 0.75rem;
  }

  .lg\:children\:pb-3 > *{
    padding-bottom: 0.75rem;
  }

  .lg\:children\:pl-3 > *{
    padding-left: 0.75rem;
  }

  .lg\:children\:pt-4 > *{
    padding-top: 1rem;
  }

  .lg\:children\:pr-4 > *{
    padding-right: 1rem;
  }

  .lg\:children\:pb-4 > *{
    padding-bottom: 1rem;
  }

  .lg\:children\:pl-4 > *{
    padding-left: 1rem;
  }

  .lg\:children\:pt-5 > *{
    padding-top: 1.25rem;
  }

  .lg\:children\:pr-5 > *{
    padding-right: 1.25rem;
  }

  .lg\:children\:pb-5 > *{
    padding-bottom: 1.25rem;
  }

  .lg\:children\:pl-5 > *{
    padding-left: 1.25rem;
  }

  .lg\:children\:pt-6 > *{
    padding-top: 1.5rem;
  }

  .lg\:children\:pr-6 > *{
    padding-right: 1.5rem;
  }

  .lg\:children\:pb-6 > *{
    padding-bottom: 1.5rem;
  }

  .lg\:children\:pl-6 > *{
    padding-left: 1.5rem;
  }

  .lg\:children\:pt-8 > *{
    padding-top: 2rem;
  }

  .lg\:children\:pr-8 > *{
    padding-right: 2rem;
  }

  .lg\:children\:pb-8 > *{
    padding-bottom: 2rem;
  }

  .lg\:children\:pl-8 > *{
    padding-left: 2rem;
  }

  .lg\:children\:pt-10 > *{
    padding-top: 2.5rem;
  }

  .lg\:children\:pr-10 > *{
    padding-right: 2.5rem;
  }

  .lg\:children\:pb-10 > *{
    padding-bottom: 2.5rem;
  }

  .lg\:children\:pl-10 > *{
    padding-left: 2.5rem;
  }

  .lg\:children\:pt-12 > *{
    padding-top: 3rem;
  }

  .lg\:children\:pr-12 > *{
    padding-right: 3rem;
  }

  .lg\:children\:pb-12 > *{
    padding-bottom: 3rem;
  }

  .lg\:children\:pl-12 > *{
    padding-left: 3rem;
  }

  .lg\:children\:pt-16 > *{
    padding-top: 4rem;
  }

  .lg\:children\:pr-16 > *{
    padding-right: 4rem;
  }

  .lg\:children\:pb-16 > *{
    padding-bottom: 4rem;
  }

  .lg\:children\:pl-16 > *{
    padding-left: 4rem;
  }

  .lg\:children\:pt-20 > *{
    padding-top: 5rem;
  }

  .lg\:children\:pr-20 > *{
    padding-right: 5rem;
  }

  .lg\:children\:pb-20 > *{
    padding-bottom: 5rem;
  }

  .lg\:children\:pl-20 > *{
    padding-left: 5rem;
  }

  .lg\:children\:pt-24 > *{
    padding-top: 6rem;
  }

  .lg\:children\:pr-24 > *{
    padding-right: 6rem;
  }

  .lg\:children\:pb-24 > *{
    padding-bottom: 6rem;
  }

  .lg\:children\:pl-24 > *{
    padding-left: 6rem;
  }

  .lg\:children\:pt-32 > *{
    padding-top: 8rem;
  }

  .lg\:children\:pr-32 > *{
    padding-right: 8rem;
  }

  .lg\:children\:pb-32 > *{
    padding-bottom: 8rem;
  }

  .lg\:children\:pl-32 > *{
    padding-left: 8rem;
  }

  .lg\:children\:pt-40 > *{
    padding-top: 10rem;
  }

  .lg\:children\:pr-40 > *{
    padding-right: 10rem;
  }

  .lg\:children\:pb-40 > *{
    padding-bottom: 10rem;
  }

  .lg\:children\:pl-40 > *{
    padding-left: 10rem;
  }

  .lg\:children\:pt-48 > *{
    padding-top: 12rem;
  }

  .lg\:children\:pr-48 > *{
    padding-right: 12rem;
  }

  .lg\:children\:pb-48 > *{
    padding-bottom: 12rem;
  }

  .lg\:children\:pl-48 > *{
    padding-left: 12rem;
  }

  .lg\:children\:pt-56 > *{
    padding-top: 14rem;
  }

  .lg\:children\:pr-56 > *{
    padding-right: 14rem;
  }

  .lg\:children\:pb-56 > *{
    padding-bottom: 14rem;
  }

  .lg\:children\:pl-56 > *{
    padding-left: 14rem;
  }

  .lg\:children\:pt-64 > *{
    padding-top: 16rem;
  }

  .lg\:children\:pr-64 > *{
    padding-right: 16rem;
  }

  .lg\:children\:pb-64 > *{
    padding-bottom: 16rem;
  }

  .lg\:children\:pl-64 > *{
    padding-left: 16rem;
  }

  .lg\:children\:pt-px > *{
    padding-top: 1px;
  }

  .lg\:children\:pr-px > *{
    padding-right: 1px;
  }

  .lg\:children\:pb-px > *{
    padding-bottom: 1px;
  }

  .lg\:children\:pl-px > *{
    padding-left: 1px;
  }

  .lg\:p-0{
    padding: 0;
  }

  .lg\:p-1{
    padding: 0.25rem;
  }

  .lg\:p-2{
    padding: 0.5rem;
  }

  .lg\:p-3{
    padding: 0.75rem;
  }

  .lg\:p-4{
    padding: 1rem;
  }

  .lg\:p-5{
    padding: 1.25rem;
  }

  .lg\:p-6{
    padding: 1.5rem;
  }

  .lg\:p-8{
    padding: 2rem;
  }

  .lg\:p-10{
    padding: 2.5rem;
  }

  .lg\:p-12{
    padding: 3rem;
  }

  .lg\:p-16{
    padding: 4rem;
  }

  .lg\:p-20{
    padding: 5rem;
  }

  .lg\:p-24{
    padding: 6rem;
  }

  .lg\:p-32{
    padding: 8rem;
  }

  .lg\:p-40{
    padding: 10rem;
  }

  .lg\:p-48{
    padding: 12rem;
  }

  .lg\:p-56{
    padding: 14rem;
  }

  .lg\:p-64{
    padding: 16rem;
  }

  .lg\:p-px{
    padding: 1px;
  }

  .lg\:py-0{
    padding-top: 0;
    padding-bottom: 0;
  }

  .lg\:px-0{
    padding-left: 0;
    padding-right: 0;
  }

  .lg\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .lg\:px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .lg\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .lg\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .lg\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .lg\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .lg\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .lg\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .lg\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .lg\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lg\:px-24{
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .lg\:py-32{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .lg\:px-32{
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .lg\:py-40{
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .lg\:px-40{
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .lg\:py-48{
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .lg\:px-48{
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .lg\:py-56{
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .lg\:px-56{
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .lg\:py-64{
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .lg\:px-64{
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .lg\:py-px{
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .lg\:px-px{
    padding-left: 1px;
    padding-right: 1px;
  }

  .lg\:pt-0{
    padding-top: 0;
  }

  .lg\:pr-0{
    padding-right: 0;
  }

  .lg\:pb-0{
    padding-bottom: 0;
  }

  .lg\:pl-0{
    padding-left: 0;
  }

  .lg\:pt-1{
    padding-top: 0.25rem;
  }

  .lg\:pr-1{
    padding-right: 0.25rem;
  }

  .lg\:pb-1{
    padding-bottom: 0.25rem;
  }

  .lg\:pl-1{
    padding-left: 0.25rem;
  }

  .lg\:pt-2{
    padding-top: 0.5rem;
  }

  .lg\:pr-2{
    padding-right: 0.5rem;
  }

  .lg\:pb-2{
    padding-bottom: 0.5rem;
  }

  .lg\:pl-2{
    padding-left: 0.5rem;
  }

  .lg\:pt-3{
    padding-top: 0.75rem;
  }

  .lg\:pr-3{
    padding-right: 0.75rem;
  }

  .lg\:pb-3{
    padding-bottom: 0.75rem;
  }

  .lg\:pl-3{
    padding-left: 0.75rem;
  }

  .lg\:pt-4{
    padding-top: 1rem;
  }

  .lg\:pr-4{
    padding-right: 1rem;
  }

  .lg\:pb-4{
    padding-bottom: 1rem;
  }

  .lg\:pl-4{
    padding-left: 1rem;
  }

  .lg\:pt-5{
    padding-top: 1.25rem;
  }

  .lg\:pr-5{
    padding-right: 1.25rem;
  }

  .lg\:pb-5{
    padding-bottom: 1.25rem;
  }

  .lg\:pl-5{
    padding-left: 1.25rem;
  }

  .lg\:pt-6{
    padding-top: 1.5rem;
  }

  .lg\:pr-6{
    padding-right: 1.5rem;
  }

  .lg\:pb-6{
    padding-bottom: 1.5rem;
  }

  .lg\:pl-6{
    padding-left: 1.5rem;
  }

  .lg\:pt-8{
    padding-top: 2rem;
  }

  .lg\:pr-8{
    padding-right: 2rem;
  }

  .lg\:pb-8{
    padding-bottom: 2rem;
  }

  .lg\:pl-8{
    padding-left: 2rem;
  }

  .lg\:pt-10{
    padding-top: 2.5rem;
  }

  .lg\:pr-10{
    padding-right: 2.5rem;
  }

  .lg\:pb-10{
    padding-bottom: 2.5rem;
  }

  .lg\:pl-10{
    padding-left: 2.5rem;
  }

  .lg\:pt-12{
    padding-top: 3rem;
  }

  .lg\:pr-12{
    padding-right: 3rem;
  }

  .lg\:pb-12{
    padding-bottom: 3rem;
  }

  .lg\:pl-12{
    padding-left: 3rem;
  }

  .lg\:pt-16{
    padding-top: 4rem;
  }

  .lg\:pr-16{
    padding-right: 4rem;
  }

  .lg\:pb-16{
    padding-bottom: 4rem;
  }

  .lg\:pl-16{
    padding-left: 4rem;
  }

  .lg\:pt-20{
    padding-top: 5rem;
  }

  .lg\:pr-20{
    padding-right: 5rem;
  }

  .lg\:pb-20{
    padding-bottom: 5rem;
  }

  .lg\:pl-20{
    padding-left: 5rem;
  }

  .lg\:pt-24{
    padding-top: 6rem;
  }

  .lg\:pr-24{
    padding-right: 6rem;
  }

  .lg\:pb-24{
    padding-bottom: 6rem;
  }

  .lg\:pl-24{
    padding-left: 6rem;
  }

  .lg\:pt-32{
    padding-top: 8rem;
  }

  .lg\:pr-32{
    padding-right: 8rem;
  }

  .lg\:pb-32{
    padding-bottom: 8rem;
  }

  .lg\:pl-32{
    padding-left: 8rem;
  }

  .lg\:pt-40{
    padding-top: 10rem;
  }

  .lg\:pr-40{
    padding-right: 10rem;
  }

  .lg\:pb-40{
    padding-bottom: 10rem;
  }

  .lg\:pl-40{
    padding-left: 10rem;
  }

  .lg\:pt-48{
    padding-top: 12rem;
  }

  .lg\:pr-48{
    padding-right: 12rem;
  }

  .lg\:pb-48{
    padding-bottom: 12rem;
  }

  .lg\:pl-48{
    padding-left: 12rem;
  }

  .lg\:pt-56{
    padding-top: 14rem;
  }

  .lg\:pr-56{
    padding-right: 14rem;
  }

  .lg\:pb-56{
    padding-bottom: 14rem;
  }

  .lg\:pl-56{
    padding-left: 14rem;
  }

  .lg\:pt-64{
    padding-top: 16rem;
  }

  .lg\:pr-64{
    padding-right: 16rem;
  }

  .lg\:pb-64{
    padding-bottom: 16rem;
  }

  .lg\:pl-64{
    padding-left: 16rem;
  }

  .lg\:pt-px{
    padding-top: 1px;
  }

  .lg\:pr-px{
    padding-right: 1px;
  }

  .lg\:pb-px{
    padding-bottom: 1px;
  }

  .lg\:pl-px{
    padding-left: 1px;
  }

  .lg\:placeholder-blue-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-bright::placeholder{
    --placeholder-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-light::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-light::placeholder{
    --placeholder-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-pale::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-pale::placeholder{
    --placeholder-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-deep::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-deep::placeholder{
    --placeholder-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-med::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-med::placeholder{
    --placeholder-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--placeholder-opacity));
  }

  .lg\:placeholder-blue-dark::placeholder{
    --placeholder-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-100::placeholder{
    --placeholder-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-200::placeholder{
    --placeholder-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-300::placeholder{
    --placeholder-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-500::placeholder{
    --placeholder-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-600::placeholder{
    --placeholder-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-700::placeholder{
    --placeholder-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--placeholder-opacity));
  }

  .lg\:placeholder-gray-900::placeholder{
    --placeholder-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--placeholder-opacity));
  }

  .lg\:placeholder-magenta-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--placeholder-opacity));
  }

  .lg\:placeholder-magenta-dark::placeholder{
    --placeholder-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--placeholder-opacity));
  }

  .lg\:placeholder-magenta-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--placeholder-opacity));
  }

  .lg\:placeholder-magenta-bright::placeholder{
    --placeholder-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--placeholder-opacity));
  }

  .lg\:placeholder-magenta-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--placeholder-opacity));
  }

  .lg\:placeholder-magenta-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-dark::placeholder{
    --placeholder-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-bright::placeholder{
    --placeholder-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--placeholder-opacity));
  }

  .lg\:placeholder-teal-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--placeholder-opacity));
  }

  .lg\:placeholder-mustard-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--placeholder-opacity));
  }

  .lg\:placeholder-mustard-dark::placeholder{
    --placeholder-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--placeholder-opacity));
  }

  .lg\:placeholder-mustard-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--placeholder-opacity));
  }

  .lg\:placeholder-mustard-bright::placeholder{
    --placeholder-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--placeholder-opacity));
  }

  .lg\:placeholder-mustard-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--placeholder-opacity));
  }

  .lg\:placeholder-mustard-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-dark::placeholder{
    --placeholder-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-bright::placeholder{
    --placeholder-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-bookshop::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--placeholder-opacity));
  }

  .lg\:placeholder-purple-bookshop::placeholder{
    --placeholder-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--placeholder-opacity));
  }

  .lg\:placeholder-green-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--placeholder-opacity));
  }

  .lg\:placeholder-green-dark::placeholder{
    --placeholder-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--placeholder-opacity));
  }

  .lg\:placeholder-green-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--placeholder-opacity));
  }

  .lg\:placeholder-green-bright::placeholder{
    --placeholder-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--placeholder-opacity));
  }

  .lg\:placeholder-green-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--placeholder-opacity));
  }

  .lg\:placeholder-green-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--placeholder-opacity));
  }

  .lg\:placeholder-navy-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--placeholder-opacity));
  }

  .lg\:placeholder-navy-dark::placeholder{
    --placeholder-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--placeholder-opacity));
  }

  .lg\:placeholder-navy-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--placeholder-opacity));
  }

  .lg\:placeholder-navy-bright::placeholder{
    --placeholder-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--placeholder-opacity));
  }

  .lg\:placeholder-navy-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--placeholder-opacity));
  }

  .lg\:placeholder-navy-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--placeholder-opacity));
  }

  .lg\:placeholder-transparent::-moz-placeholder{
    color: transparent;
  }

  .lg\:placeholder-transparent::placeholder{
    color: transparent;
  }

  .lg\:placeholder-black::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--placeholder-opacity));
  }

  .lg\:placeholder-black::placeholder{
    --placeholder-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--placeholder-opacity));
  }

  .lg\:placeholder-white::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-white::placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:placeholder-red::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--placeholder-opacity));
  }

  .lg\:placeholder-red::placeholder{
    --placeholder-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-light:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-light:focus::placeholder{
    --placeholder-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-pale:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-pale:focus::placeholder{
    --placeholder-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-deep:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-deep:focus::placeholder{
    --placeholder-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-med:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-med:focus::placeholder{
    --placeholder-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-blue-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-gray-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-magenta-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-magenta-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-magenta-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-magenta-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-magenta-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-magenta-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-teal-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-mustard-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-mustard-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-mustard-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-mustard-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-mustard-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-mustard-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-bookshop:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-purple-bookshop:focus::placeholder{
    --placeholder-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-green-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-navy-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-navy-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-navy-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-navy-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-navy-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-navy-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-transparent:focus::-moz-placeholder{
    color: transparent;
  }

  .lg\:focus\:placeholder-transparent:focus::placeholder{
    color: transparent;
  }

  .lg\:focus\:placeholder-black:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-black:focus::placeholder{
    --placeholder-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-white:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-white:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-red:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--placeholder-opacity));
  }

  .lg\:focus\:placeholder-red:focus::placeholder{
    --placeholder-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--placeholder-opacity));
  }

  .lg\:placeholder-opacity-0::-moz-placeholder{
    --placeholder-opacity: 0;
  }

  .lg\:placeholder-opacity-0::placeholder{
    --placeholder-opacity: 0;
  }

  .lg\:placeholder-opacity-25::-moz-placeholder{
    --placeholder-opacity: 0.25;
  }

  .lg\:placeholder-opacity-25::placeholder{
    --placeholder-opacity: 0.25;
  }

  .lg\:placeholder-opacity-50::-moz-placeholder{
    --placeholder-opacity: 0.5;
  }

  .lg\:placeholder-opacity-50::placeholder{
    --placeholder-opacity: 0.5;
  }

  .lg\:placeholder-opacity-75::-moz-placeholder{
    --placeholder-opacity: 0.75;
  }

  .lg\:placeholder-opacity-75::placeholder{
    --placeholder-opacity: 0.75;
  }

  .lg\:placeholder-opacity-100::-moz-placeholder{
    --placeholder-opacity: 1;
  }

  .lg\:placeholder-opacity-100::placeholder{
    --placeholder-opacity: 1;
  }

  .lg\:focus\:placeholder-opacity-0:focus::-moz-placeholder{
    --placeholder-opacity: 0;
  }

  .lg\:focus\:placeholder-opacity-0:focus::placeholder{
    --placeholder-opacity: 0;
  }

  .lg\:focus\:placeholder-opacity-25:focus::-moz-placeholder{
    --placeholder-opacity: 0.25;
  }

  .lg\:focus\:placeholder-opacity-25:focus::placeholder{
    --placeholder-opacity: 0.25;
  }

  .lg\:focus\:placeholder-opacity-50:focus::-moz-placeholder{
    --placeholder-opacity: 0.5;
  }

  .lg\:focus\:placeholder-opacity-50:focus::placeholder{
    --placeholder-opacity: 0.5;
  }

  .lg\:focus\:placeholder-opacity-75:focus::-moz-placeholder{
    --placeholder-opacity: 0.75;
  }

  .lg\:focus\:placeholder-opacity-75:focus::placeholder{
    --placeholder-opacity: 0.75;
  }

  .lg\:focus\:placeholder-opacity-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
  }

  .lg\:focus\:placeholder-opacity-100:focus::placeholder{
    --placeholder-opacity: 1;
  }

  .lg\:pointer-events-none{
    pointer-events: none;
  }

  .lg\:pointer-events-auto{
    pointer-events: auto;
  }

  .lg\:static{
    position: static;
  }

  .lg\:fixed{
    position: fixed;
  }

  .lg\:absolute{
    position: absolute;
  }

  .lg\:relative{
    position: relative;
  }

  .lg\:sticky{
    position: sticky;
  }

  .lg\:inset-0{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .lg\:inset-auto{
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .lg\:inset-y-0{
    top: 0;
    bottom: 0;
  }

  .lg\:inset-x-0{
    right: 0;
    left: 0;
  }

  .lg\:inset-y-auto{
    top: auto;
    bottom: auto;
  }

  .lg\:inset-x-auto{
    right: auto;
    left: auto;
  }

  .lg\:top-0{
    top: 0;
  }

  .lg\:right-0{
    right: 0;
  }

  .lg\:bottom-0{
    bottom: 0;
  }

  .lg\:left-0{
    left: 0;
  }

  .lg\:top-auto{
    top: auto;
  }

  .lg\:right-auto{
    right: auto;
  }

  .lg\:bottom-auto{
    bottom: auto;
  }

  .lg\:left-auto{
    left: auto;
  }

  .lg\:resize-none{
    resize: none;
  }

  .lg\:resize-y{
    resize: vertical;
  }

  .lg\:resize-x{
    resize: horizontal;
  }

  .lg\:resize{
    resize: both;
  }

  .lg\:shadow-xs{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .lg\:shadow-sm{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .lg\:shadow{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .lg\:shadow-md{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .lg\:shadow-lg{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .lg\:shadow-xl{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .lg\:shadow-2xl{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .lg\:shadow-inner{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .lg\:shadow-outline{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .lg\:shadow-none{
    box-shadow: none;
  }

  .lg\:hover\:shadow-xs:hover{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .lg\:hover\:shadow-sm:hover{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .lg\:hover\:shadow:hover{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .lg\:hover\:shadow-md:hover{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .lg\:hover\:shadow-lg:hover{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .lg\:hover\:shadow-xl:hover{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .lg\:hover\:shadow-2xl:hover{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .lg\:hover\:shadow-inner:hover{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .lg\:hover\:shadow-outline:hover{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .lg\:hover\:shadow-none:hover{
    box-shadow: none;
  }

  .lg\:focus\:shadow-xs:focus{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .lg\:focus\:shadow-sm:focus{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .lg\:focus\:shadow:focus{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .lg\:focus\:shadow-md:focus{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .lg\:focus\:shadow-lg:focus{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .lg\:focus\:shadow-xl:focus{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .lg\:focus\:shadow-2xl:focus{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .lg\:focus\:shadow-inner:focus{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .lg\:focus\:shadow-outline:focus{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .lg\:focus\:shadow-none:focus{
    box-shadow: none;
  }

  .lg\:fill-current{
    fill: currentColor;
  }

  .lg\:stroke-current{
    stroke: currentColor;
  }

  .lg\:stroke-0{
    stroke-width: 0;
  }

  .lg\:stroke-1{
    stroke-width: 1;
  }

  .lg\:stroke-2{
    stroke-width: 2;
  }

  .lg\:table-auto{
    table-layout: auto;
  }

  .lg\:table-fixed{
    table-layout: fixed;
  }

  .lg\:text-left{
    text-align: left;
  }

  .lg\:text-center{
    text-align: center;
  }

  .lg\:text-right{
    text-align: right;
  }

  .lg\:text-justify{
    text-align: justify;
  }

  .lg\:text-blue-bright{
    --text-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--text-opacity));
  }

  .lg\:text-blue-light{
    --text-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--text-opacity));
  }

  .lg\:text-blue-pale{
    --text-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--text-opacity));
  }

  .lg\:text-blue-deep{
    --text-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--text-opacity));
  }

  .lg\:text-blue-hilight{
    --text-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--text-opacity));
  }

  .lg\:text-blue-med{
    --text-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--text-opacity));
  }

  .lg\:text-blue-dark{
    --text-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--text-opacity));
  }

  .lg\:text-gray-100{
    --text-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--text-opacity));
  }

  .lg\:text-gray-200{
    --text-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--text-opacity));
  }

  .lg\:text-gray-300{
    --text-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--text-opacity));
  }

  .lg\:text-gray-500{
    --text-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--text-opacity));
  }

  .lg\:text-gray-600{
    --text-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--text-opacity));
  }

  .lg\:text-gray-700{
    --text-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--text-opacity));
  }

  .lg\:text-gray-900{
    --text-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--text-opacity));
  }

  .lg\:text-magenta-dark{
    --text-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--text-opacity));
  }

  .lg\:text-magenta-bright{
    --text-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--text-opacity));
  }

  .lg\:text-magenta-hilight{
    --text-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--text-opacity));
  }

  .lg\:text-teal-dark{
    --text-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--text-opacity));
  }

  .lg\:text-teal-bright{
    --text-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--text-opacity));
  }

  .lg\:text-teal-hilight{
    --text-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--text-opacity));
  }

  .lg\:text-mustard-dark{
    --text-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--text-opacity));
  }

  .lg\:text-mustard-bright{
    --text-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--text-opacity));
  }

  .lg\:text-mustard-hilight{
    --text-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--text-opacity));
  }

  .lg\:text-purple-dark{
    --text-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--text-opacity));
  }

  .lg\:text-purple-bright{
    --text-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--text-opacity));
  }

  .lg\:text-purple-hilight{
    --text-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--text-opacity));
  }

  .lg\:text-purple-bookshop{
    --text-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--text-opacity));
  }

  .lg\:text-green-dark{
    --text-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--text-opacity));
  }

  .lg\:text-green-bright{
    --text-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--text-opacity));
  }

  .lg\:text-green-hilight{
    --text-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--text-opacity));
  }

  .lg\:text-navy-dark{
    --text-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--text-opacity));
  }

  .lg\:text-navy-bright{
    --text-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--text-opacity));
  }

  .lg\:text-navy-hilight{
    --text-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--text-opacity));
  }

  .lg\:text-transparent{
    color: transparent;
  }

  .lg\:text-black{
    --text-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--text-opacity));
  }

  .lg\:text-white{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .lg\:text-red{
    --text-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--text-opacity));
  }

  .lg\:hover\:text-blue-bright:hover{
    --text-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--text-opacity));
  }

  .lg\:hover\:text-blue-light:hover{
    --text-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--text-opacity));
  }

  .lg\:hover\:text-blue-pale:hover{
    --text-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--text-opacity));
  }

  .lg\:hover\:text-blue-deep:hover{
    --text-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--text-opacity));
  }

  .lg\:hover\:text-blue-hilight:hover{
    --text-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--text-opacity));
  }

  .lg\:hover\:text-blue-med:hover{
    --text-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--text-opacity));
  }

  .lg\:hover\:text-blue-dark:hover{
    --text-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--text-opacity));
  }

  .lg\:hover\:text-gray-100:hover{
    --text-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--text-opacity));
  }

  .lg\:hover\:text-gray-200:hover{
    --text-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--text-opacity));
  }

  .lg\:hover\:text-gray-300:hover{
    --text-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--text-opacity));
  }

  .lg\:hover\:text-gray-500:hover{
    --text-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--text-opacity));
  }

  .lg\:hover\:text-gray-600:hover{
    --text-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--text-opacity));
  }

  .lg\:hover\:text-gray-700:hover{
    --text-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--text-opacity));
  }

  .lg\:hover\:text-gray-900:hover{
    --text-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--text-opacity));
  }

  .lg\:hover\:text-magenta-dark:hover{
    --text-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--text-opacity));
  }

  .lg\:hover\:text-magenta-bright:hover{
    --text-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--text-opacity));
  }

  .lg\:hover\:text-magenta-hilight:hover{
    --text-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--text-opacity));
  }

  .lg\:hover\:text-teal-dark:hover{
    --text-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--text-opacity));
  }

  .lg\:hover\:text-teal-bright:hover{
    --text-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--text-opacity));
  }

  .lg\:hover\:text-teal-hilight:hover{
    --text-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--text-opacity));
  }

  .lg\:hover\:text-mustard-dark:hover{
    --text-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--text-opacity));
  }

  .lg\:hover\:text-mustard-bright:hover{
    --text-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--text-opacity));
  }

  .lg\:hover\:text-mustard-hilight:hover{
    --text-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--text-opacity));
  }

  .lg\:hover\:text-purple-dark:hover{
    --text-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--text-opacity));
  }

  .lg\:hover\:text-purple-bright:hover{
    --text-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--text-opacity));
  }

  .lg\:hover\:text-purple-hilight:hover{
    --text-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--text-opacity));
  }

  .lg\:hover\:text-purple-bookshop:hover{
    --text-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--text-opacity));
  }

  .lg\:hover\:text-green-dark:hover{
    --text-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--text-opacity));
  }

  .lg\:hover\:text-green-bright:hover{
    --text-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--text-opacity));
  }

  .lg\:hover\:text-green-hilight:hover{
    --text-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--text-opacity));
  }

  .lg\:hover\:text-navy-dark:hover{
    --text-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--text-opacity));
  }

  .lg\:hover\:text-navy-bright:hover{
    --text-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--text-opacity));
  }

  .lg\:hover\:text-navy-hilight:hover{
    --text-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--text-opacity));
  }

  .lg\:hover\:text-transparent:hover{
    color: transparent;
  }

  .lg\:hover\:text-black:hover{
    --text-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--text-opacity));
  }

  .lg\:hover\:text-white:hover{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .lg\:hover\:text-red:hover{
    --text-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--text-opacity));
  }

  .lg\:focus\:text-blue-bright:focus{
    --text-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--text-opacity));
  }

  .lg\:focus\:text-blue-light:focus{
    --text-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--text-opacity));
  }

  .lg\:focus\:text-blue-pale:focus{
    --text-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--text-opacity));
  }

  .lg\:focus\:text-blue-deep:focus{
    --text-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--text-opacity));
  }

  .lg\:focus\:text-blue-hilight:focus{
    --text-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--text-opacity));
  }

  .lg\:focus\:text-blue-med:focus{
    --text-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--text-opacity));
  }

  .lg\:focus\:text-blue-dark:focus{
    --text-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--text-opacity));
  }

  .lg\:focus\:text-gray-100:focus{
    --text-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--text-opacity));
  }

  .lg\:focus\:text-gray-200:focus{
    --text-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--text-opacity));
  }

  .lg\:focus\:text-gray-300:focus{
    --text-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--text-opacity));
  }

  .lg\:focus\:text-gray-500:focus{
    --text-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--text-opacity));
  }

  .lg\:focus\:text-gray-600:focus{
    --text-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--text-opacity));
  }

  .lg\:focus\:text-gray-700:focus{
    --text-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--text-opacity));
  }

  .lg\:focus\:text-gray-900:focus{
    --text-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--text-opacity));
  }

  .lg\:focus\:text-magenta-dark:focus{
    --text-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--text-opacity));
  }

  .lg\:focus\:text-magenta-bright:focus{
    --text-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--text-opacity));
  }

  .lg\:focus\:text-magenta-hilight:focus{
    --text-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--text-opacity));
  }

  .lg\:focus\:text-teal-dark:focus{
    --text-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--text-opacity));
  }

  .lg\:focus\:text-teal-bright:focus{
    --text-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--text-opacity));
  }

  .lg\:focus\:text-teal-hilight:focus{
    --text-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--text-opacity));
  }

  .lg\:focus\:text-mustard-dark:focus{
    --text-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--text-opacity));
  }

  .lg\:focus\:text-mustard-bright:focus{
    --text-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--text-opacity));
  }

  .lg\:focus\:text-mustard-hilight:focus{
    --text-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--text-opacity));
  }

  .lg\:focus\:text-purple-dark:focus{
    --text-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--text-opacity));
  }

  .lg\:focus\:text-purple-bright:focus{
    --text-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--text-opacity));
  }

  .lg\:focus\:text-purple-hilight:focus{
    --text-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--text-opacity));
  }

  .lg\:focus\:text-purple-bookshop:focus{
    --text-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--text-opacity));
  }

  .lg\:focus\:text-green-dark:focus{
    --text-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--text-opacity));
  }

  .lg\:focus\:text-green-bright:focus{
    --text-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--text-opacity));
  }

  .lg\:focus\:text-green-hilight:focus{
    --text-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--text-opacity));
  }

  .lg\:focus\:text-navy-dark:focus{
    --text-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--text-opacity));
  }

  .lg\:focus\:text-navy-bright:focus{
    --text-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--text-opacity));
  }

  .lg\:focus\:text-navy-hilight:focus{
    --text-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--text-opacity));
  }

  .lg\:focus\:text-transparent:focus{
    color: transparent;
  }

  .lg\:focus\:text-black:focus{
    --text-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--text-opacity));
  }

  .lg\:focus\:text-white:focus{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .lg\:focus\:text-red:focus{
    --text-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--text-opacity));
  }

  .lg\:text-opacity-0{
    --text-opacity: 0;
  }

  .lg\:text-opacity-25{
    --text-opacity: 0.25;
  }

  .lg\:text-opacity-50{
    --text-opacity: 0.5;
  }

  .lg\:text-opacity-75{
    --text-opacity: 0.75;
  }

  .lg\:text-opacity-100{
    --text-opacity: 1;
  }

  .lg\:hover\:text-opacity-0:hover{
    --text-opacity: 0;
  }

  .lg\:hover\:text-opacity-25:hover{
    --text-opacity: 0.25;
  }

  .lg\:hover\:text-opacity-50:hover{
    --text-opacity: 0.5;
  }

  .lg\:hover\:text-opacity-75:hover{
    --text-opacity: 0.75;
  }

  .lg\:hover\:text-opacity-100:hover{
    --text-opacity: 1;
  }

  .lg\:focus\:text-opacity-0:focus{
    --text-opacity: 0;
  }

  .lg\:focus\:text-opacity-25:focus{
    --text-opacity: 0.25;
  }

  .lg\:focus\:text-opacity-50:focus{
    --text-opacity: 0.5;
  }

  .lg\:focus\:text-opacity-75:focus{
    --text-opacity: 0.75;
  }

  .lg\:focus\:text-opacity-100:focus{
    --text-opacity: 1;
  }

  .lg\:italic{
    font-style: italic;
  }

  .lg\:not-italic{
    font-style: normal;
  }

  .lg\:uppercase{
    text-transform: uppercase;
  }

  .lg\:lowercase{
    text-transform: lowercase;
  }

  .lg\:capitalize{
    text-transform: capitalize;
  }

  .lg\:normal-case{
    text-transform: none;
  }

  .lg\:underline{
    text-decoration: underline;
  }

  .lg\:line-through{
    text-decoration: line-through;
  }

  .lg\:no-underline{
    text-decoration: none;
  }

  .lg\:hover\:underline:hover{
    text-decoration: underline;
  }

  .lg\:hover\:line-through:hover{
    text-decoration: line-through;
  }

  .lg\:hover\:no-underline:hover{
    text-decoration: none;
  }

  .lg\:focus\:underline:focus{
    text-decoration: underline;
  }

  .lg\:focus\:line-through:focus{
    text-decoration: line-through;
  }

  .lg\:focus\:no-underline:focus{
    text-decoration: none;
  }

  .lg\:antialiased{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .lg\:subpixel-antialiased{
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions{
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
  }

  .lg\:normal-nums{
    font-variant-numeric: normal;
  }

  .lg\:ordinal{
    --font-variant-numeric-ordinal: ordinal;
  }

  .lg\:slashed-zero{
    --font-variant-numeric-slashed-zero: slashed-zero;
  }

  .lg\:lining-nums{
    --font-variant-numeric-figure: lining-nums;
  }

  .lg\:oldstyle-nums{
    --font-variant-numeric-figure: oldstyle-nums;
  }

  .lg\:proportional-nums{
    --font-variant-numeric-spacing: proportional-nums;
  }

  .lg\:tabular-nums{
    --font-variant-numeric-spacing: tabular-nums;
  }

  .lg\:diagonal-fractions{
    --font-variant-numeric-fraction: diagonal-fractions;
  }

  .lg\:stacked-fractions{
    --font-variant-numeric-fraction: stacked-fractions;
  }

  .lg\:tracking-tighter{
    letter-spacing: -0.05em;
  }

  .lg\:tracking-tight{
    letter-spacing: -0.025em;
  }

  .lg\:tracking-normal{
    letter-spacing: 0;
  }

  .lg\:tracking-wide{
    letter-spacing: 0.025em;
  }

  .lg\:tracking-wider{
    letter-spacing: 0.05em;
  }

  .lg\:tracking-widest{
    letter-spacing: 0.1em;
  }

  .lg\:select-none{
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

  .lg\:select-text{
    -webkit-user-select: text;
       -moz-user-select: text;
            user-select: text;
  }

  .lg\:select-all{
    -webkit-user-select: all;
       -moz-user-select: all;
            user-select: all;
  }

  .lg\:select-auto{
    -webkit-user-select: auto;
       -moz-user-select: auto;
            user-select: auto;
  }

  .lg\:align-baseline{
    vertical-align: baseline;
  }

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

  .lg\:align-middle{
    vertical-align: middle;
  }

  .lg\:align-bottom{
    vertical-align: bottom;
  }

  .lg\:align-text-top{
    vertical-align: text-top;
  }

  .lg\:align-text-bottom{
    vertical-align: text-bottom;
  }

  .lg\:visible{
    visibility: visible;
  }

  .lg\:invisible{
    visibility: hidden;
  }

  .lg\:whitespace-normal{
    white-space: normal;
  }

  .lg\:whitespace-no-wrap{
    white-space: nowrap;
  }

  .lg\:whitespace-pre{
    white-space: pre;
  }

  .lg\:whitespace-pre-line{
    white-space: pre-line;
  }

  .lg\:whitespace-pre-wrap{
    white-space: pre-wrap;
  }

  .lg\:break-normal{
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .lg\:break-words{
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .lg\:break-all{
    word-break: break-all;
  }

  .lg\:truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .lg\:w-0{
    width: 0;
  }

  .lg\:w-1{
    width: 0.25rem;
  }

  .lg\:w-2{
    width: 0.5rem;
  }

  .lg\:w-3{
    width: 0.75rem;
  }

  .lg\:w-4{
    width: 1rem;
  }

  .lg\:w-5{
    width: 1.25rem;
  }

  .lg\:w-6{
    width: 1.5rem;
  }

  .lg\:w-8{
    width: 2rem;
  }

  .lg\:w-10{
    width: 2.5rem;
  }

  .lg\:w-12{
    width: 3rem;
  }

  .lg\:w-16{
    width: 4rem;
  }

  .lg\:w-20{
    width: 5rem;
  }

  .lg\:w-24{
    width: 6rem;
  }

  .lg\:w-32{
    width: 8rem;
  }

  .lg\:w-40{
    width: 10rem;
  }

  .lg\:w-48{
    width: 12rem;
  }

  .lg\:w-56{
    width: 14rem;
  }

  .lg\:w-64{
    width: 16rem;
  }

  .lg\:w-auto{
    width: auto;
  }

  .lg\:w-px{
    width: 1px;
  }

  .lg\:w-1\/2{
    width: 50%;
  }

  .lg\:w-1\/3{
    width: 33.333333%;
  }

  .lg\:w-2\/3{
    width: 66.666667%;
  }

  .lg\:w-1\/4{
    width: 25%;
  }

  .lg\:w-2\/4{
    width: 50%;
  }

  .lg\:w-3\/4{
    width: 75%;
  }

  .lg\:w-1\/5{
    width: 20%;
  }

  .lg\:w-2\/5{
    width: 40%;
  }

  .lg\:w-3\/5{
    width: 60%;
  }

  .lg\:w-4\/5{
    width: 80%;
  }

  .lg\:w-1\/6{
    width: 16.666667%;
  }

  .lg\:w-2\/6{
    width: 33.333333%;
  }

  .lg\:w-3\/6{
    width: 50%;
  }

  .lg\:w-4\/6{
    width: 66.666667%;
  }

  .lg\:w-5\/6{
    width: 83.333333%;
  }

  .lg\:w-1\/12{
    width: 8.333333%;
  }

  .lg\:w-2\/12{
    width: 16.666667%;
  }

  .lg\:w-3\/12{
    width: 25%;
  }

  .lg\:w-4\/12{
    width: 33.333333%;
  }

  .lg\:w-5\/12{
    width: 41.666667%;
  }

  .lg\:w-6\/12{
    width: 50%;
  }

  .lg\:w-7\/12{
    width: 58.333333%;
  }

  .lg\:w-8\/12{
    width: 66.666667%;
  }

  .lg\:w-9\/12{
    width: 75%;
  }

  .lg\:w-10\/12{
    width: 83.333333%;
  }

  .lg\:w-11\/12{
    width: 91.666667%;
  }

  .lg\:w-full{
    width: 100%;
  }

  .lg\:w-screen{
    width: 100vw;
  }

  .lg\:w-1\/7{
    width: 14.2857143%;
  }

  .lg\:w-2\/7{
    width: 28.5714286%;
  }

  .lg\:w-1\/8{
    width: 12.5%;
  }

  .lg\:z-0{
    z-index: 0;
  }

  .lg\:z-10{
    z-index: 10;
  }

  .lg\:z-20{
    z-index: 20;
  }

  .lg\:z-30{
    z-index: 30;
  }

  .lg\:z-40{
    z-index: 40;
  }

  .lg\:z-50{
    z-index: 50;
  }

  .lg\:z-auto{
    z-index: auto;
  }

  .lg\:gap-0{
    grid-gap: 0;
    gap: 0;
  }

  .lg\:gap-1{
    grid-gap: 0.25rem;
    gap: 0.25rem;
  }

  .lg\:gap-2{
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  .lg\:gap-3{
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  .lg\:gap-4{
    grid-gap: 1rem;
    gap: 1rem;
  }

  .lg\:gap-5{
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  .lg\:gap-6{
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  .lg\:gap-8{
    grid-gap: 2rem;
    gap: 2rem;
  }

  .lg\:gap-10{
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  .lg\:gap-12{
    grid-gap: 3rem;
    gap: 3rem;
  }

  .lg\:gap-16{
    grid-gap: 4rem;
    gap: 4rem;
  }

  .lg\:gap-20{
    grid-gap: 5rem;
    gap: 5rem;
  }

  .lg\:gap-24{
    grid-gap: 6rem;
    gap: 6rem;
  }

  .lg\:gap-32{
    grid-gap: 8rem;
    gap: 8rem;
  }

  .lg\:gap-40{
    grid-gap: 10rem;
    gap: 10rem;
  }

  .lg\:gap-48{
    grid-gap: 12rem;
    gap: 12rem;
  }

  .lg\:gap-56{
    grid-gap: 14rem;
    gap: 14rem;
  }

  .lg\:gap-64{
    grid-gap: 16rem;
    gap: 16rem;
  }

  .lg\:gap-px{
    grid-gap: 1px;
    gap: 1px;
  }

  .lg\:col-gap-0{
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .lg\:col-gap-1{
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .lg\:col-gap-2{
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .lg\:col-gap-3{
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .lg\:col-gap-4{
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .lg\:col-gap-5{
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  .lg\:col-gap-6{
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .lg\:col-gap-8{
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .lg\:col-gap-10{
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .lg\:col-gap-12{
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .lg\:col-gap-16{
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .lg\:col-gap-20{
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .lg\:col-gap-24{
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  .lg\:col-gap-32{
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  .lg\:col-gap-40{
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  .lg\:col-gap-48{
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  .lg\:col-gap-56{
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  .lg\:col-gap-64{
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  .lg\:col-gap-px{
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  .lg\:gap-x-0{
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .lg\:gap-x-1{
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .lg\:gap-x-2{
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .lg\:gap-x-3{
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .lg\:gap-x-4{
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .lg\:gap-x-5{
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  .lg\:gap-x-6{
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .lg\:gap-x-8{
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .lg\:gap-x-10{
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .lg\:gap-x-12{
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .lg\:gap-x-16{
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .lg\:gap-x-20{
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .lg\:gap-x-24{
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  .lg\:gap-x-32{
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  .lg\:gap-x-40{
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  .lg\:gap-x-48{
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  .lg\:gap-x-56{
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  .lg\:gap-x-64{
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  .lg\:gap-x-px{
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  .lg\:row-gap-0{
    grid-row-gap: 0;
    row-gap: 0;
  }

  .lg\:row-gap-1{
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .lg\:row-gap-2{
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .lg\:row-gap-3{
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .lg\:row-gap-4{
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .lg\:row-gap-5{
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .lg\:row-gap-6{
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .lg\:row-gap-8{
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .lg\:row-gap-10{
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .lg\:row-gap-12{
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .lg\:row-gap-16{
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .lg\:row-gap-20{
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .lg\:row-gap-24{
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .lg\:row-gap-32{
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .lg\:row-gap-40{
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .lg\:row-gap-48{
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .lg\:row-gap-56{
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .lg\:row-gap-64{
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .lg\:row-gap-px{
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .lg\:gap-y-0{
    grid-row-gap: 0;
    row-gap: 0;
  }

  .lg\:gap-y-1{
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .lg\:gap-y-2{
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .lg\:gap-y-3{
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .lg\:gap-y-4{
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .lg\:gap-y-5{
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .lg\:gap-y-6{
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .lg\:gap-y-8{
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .lg\:gap-y-10{
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .lg\:gap-y-12{
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .lg\:gap-y-16{
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .lg\:gap-y-20{
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .lg\:gap-y-24{
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .lg\:gap-y-32{
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .lg\:gap-y-40{
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .lg\:gap-y-48{
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .lg\:gap-y-56{
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .lg\:gap-y-64{
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .lg\:gap-y-px{
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .lg\:grid-flow-row{
    grid-auto-flow: row;
  }

  .lg\:grid-flow-col{
    grid-auto-flow: column;
  }

  .lg\:grid-flow-row-dense{
    grid-auto-flow: row dense;
  }

  .lg\:grid-flow-col-dense{
    grid-auto-flow: column dense;
  }

  .lg\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .lg\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .lg\:grid-cols-9{
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .lg\:grid-cols-10{
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .lg\:grid-cols-11{
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .lg\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:grid-cols-none{
    grid-template-columns: none;
  }

  .lg\:auto-cols-auto{
    grid-auto-columns: auto;
  }

  .lg\:auto-cols-min{
    grid-auto-columns: min-content;
  }

  .lg\:auto-cols-max{
    grid-auto-columns: max-content;
  }

  .lg\:auto-cols-fr{
    grid-auto-columns: minmax(0, 1fr);
  }

  .lg\:col-auto{
    grid-column: auto;
  }

  .lg\:col-span-1{
    grid-column: span 1 / span 1;
  }

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

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

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

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

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

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

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

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

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

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

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

  .lg\:col-span-full{
    grid-column: 1 / -1;
  }

  .lg\:col-start-1{
    grid-column-start: 1;
  }

  .lg\:col-start-2{
    grid-column-start: 2;
  }

  .lg\:col-start-3{
    grid-column-start: 3;
  }

  .lg\:col-start-4{
    grid-column-start: 4;
  }

  .lg\:col-start-5{
    grid-column-start: 5;
  }

  .lg\:col-start-6{
    grid-column-start: 6;
  }

  .lg\:col-start-7{
    grid-column-start: 7;
  }

  .lg\:col-start-8{
    grid-column-start: 8;
  }

  .lg\:col-start-9{
    grid-column-start: 9;
  }

  .lg\:col-start-10{
    grid-column-start: 10;
  }

  .lg\:col-start-11{
    grid-column-start: 11;
  }

  .lg\:col-start-12{
    grid-column-start: 12;
  }

  .lg\:col-start-13{
    grid-column-start: 13;
  }

  .lg\:col-start-auto{
    grid-column-start: auto;
  }

  .lg\:col-end-1{
    grid-column-end: 1;
  }

  .lg\:col-end-2{
    grid-column-end: 2;
  }

  .lg\:col-end-3{
    grid-column-end: 3;
  }

  .lg\:col-end-4{
    grid-column-end: 4;
  }

  .lg\:col-end-5{
    grid-column-end: 5;
  }

  .lg\:col-end-6{
    grid-column-end: 6;
  }

  .lg\:col-end-7{
    grid-column-end: 7;
  }

  .lg\:col-end-8{
    grid-column-end: 8;
  }

  .lg\:col-end-9{
    grid-column-end: 9;
  }

  .lg\:col-end-10{
    grid-column-end: 10;
  }

  .lg\:col-end-11{
    grid-column-end: 11;
  }

  .lg\:col-end-12{
    grid-column-end: 12;
  }

  .lg\:col-end-13{
    grid-column-end: 13;
  }

  .lg\:col-end-auto{
    grid-column-end: auto;
  }

  .lg\:grid-rows-1{
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .lg\:grid-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-rows-3{
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-rows-4{
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-rows-5{
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-rows-6{
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-rows-none{
    grid-template-rows: none;
  }

  .lg\:auto-rows-auto{
    grid-auto-rows: auto;
  }

  .lg\:auto-rows-min{
    grid-auto-rows: min-content;
  }

  .lg\:auto-rows-max{
    grid-auto-rows: max-content;
  }

  .lg\:auto-rows-fr{
    grid-auto-rows: minmax(0, 1fr);
  }

  .lg\:row-auto{
    grid-row: auto;
  }

  .lg\:row-span-1{
    grid-row: span 1 / span 1;
  }

  .lg\:row-span-2{
    grid-row: span 2 / span 2;
  }

  .lg\:row-span-3{
    grid-row: span 3 / span 3;
  }

  .lg\:row-span-4{
    grid-row: span 4 / span 4;
  }

  .lg\:row-span-5{
    grid-row: span 5 / span 5;
  }

  .lg\:row-span-6{
    grid-row: span 6 / span 6;
  }

  .lg\:row-span-full{
    grid-row: 1 / -1;
  }

  .lg\:row-start-1{
    grid-row-start: 1;
  }

  .lg\:row-start-2{
    grid-row-start: 2;
  }

  .lg\:row-start-3{
    grid-row-start: 3;
  }

  .lg\:row-start-4{
    grid-row-start: 4;
  }

  .lg\:row-start-5{
    grid-row-start: 5;
  }

  .lg\:row-start-6{
    grid-row-start: 6;
  }

  .lg\:row-start-7{
    grid-row-start: 7;
  }

  .lg\:row-start-auto{
    grid-row-start: auto;
  }

  .lg\:row-end-1{
    grid-row-end: 1;
  }

  .lg\:row-end-2{
    grid-row-end: 2;
  }

  .lg\:row-end-3{
    grid-row-end: 3;
  }

  .lg\:row-end-4{
    grid-row-end: 4;
  }

  .lg\:row-end-5{
    grid-row-end: 5;
  }

  .lg\:row-end-6{
    grid-row-end: 6;
  }

  .lg\:row-end-7{
    grid-row-end: 7;
  }

  .lg\:row-end-auto{
    grid-row-end: auto;
  }

  .lg\:transform{
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }

  .lg\:transform-none{
    transform: none;
  }

  .lg\:origin-center{
    transform-origin: center;
  }

  .lg\:origin-top{
    transform-origin: top;
  }

  .lg\:origin-top-right{
    transform-origin: top right;
  }

  .lg\:origin-right{
    transform-origin: right;
  }

  .lg\:origin-bottom-right{
    transform-origin: bottom right;
  }

  .lg\:origin-bottom{
    transform-origin: bottom;
  }

  .lg\:origin-bottom-left{
    transform-origin: bottom left;
  }

  .lg\:origin-left{
    transform-origin: left;
  }

  .lg\:origin-top-left{
    transform-origin: top left;
  }

  .lg\:scale-0{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .lg\:scale-50{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .lg\:scale-75{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .lg\:scale-90{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .lg\:scale-95{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .lg\:scale-100{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .lg\:scale-105{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .lg\:scale-110{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .lg\:scale-125{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .lg\:scale-150{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .lg\:scale-x-0{
    --transform-scale-x: 0;
  }

  .lg\:scale-x-50{
    --transform-scale-x: .5;
  }

  .lg\:scale-x-75{
    --transform-scale-x: .75;
  }

  .lg\:scale-x-90{
    --transform-scale-x: .9;
  }

  .lg\:scale-x-95{
    --transform-scale-x: .95;
  }

  .lg\:scale-x-100{
    --transform-scale-x: 1;
  }

  .lg\:scale-x-105{
    --transform-scale-x: 1.05;
  }

  .lg\:scale-x-110{
    --transform-scale-x: 1.1;
  }

  .lg\:scale-x-125{
    --transform-scale-x: 1.25;
  }

  .lg\:scale-x-150{
    --transform-scale-x: 1.5;
  }

  .lg\:scale-y-0{
    --transform-scale-y: 0;
  }

  .lg\:scale-y-50{
    --transform-scale-y: .5;
  }

  .lg\:scale-y-75{
    --transform-scale-y: .75;
  }

  .lg\:scale-y-90{
    --transform-scale-y: .9;
  }

  .lg\:scale-y-95{
    --transform-scale-y: .95;
  }

  .lg\:scale-y-100{
    --transform-scale-y: 1;
  }

  .lg\:scale-y-105{
    --transform-scale-y: 1.05;
  }

  .lg\:scale-y-110{
    --transform-scale-y: 1.1;
  }

  .lg\:scale-y-125{
    --transform-scale-y: 1.25;
  }

  .lg\:scale-y-150{
    --transform-scale-y: 1.5;
  }

  .lg\:hover\:scale-0:hover{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .lg\:hover\:scale-50:hover{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .lg\:hover\:scale-75:hover{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .lg\:hover\:scale-90:hover{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .lg\:hover\:scale-95:hover{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .lg\:hover\:scale-100:hover{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .lg\:hover\:scale-105:hover{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .lg\:hover\:scale-110:hover{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .lg\:hover\:scale-125:hover{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .lg\:hover\:scale-150:hover{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .lg\:hover\:scale-x-0:hover{
    --transform-scale-x: 0;
  }

  .lg\:hover\:scale-x-50:hover{
    --transform-scale-x: .5;
  }

  .lg\:hover\:scale-x-75:hover{
    --transform-scale-x: .75;
  }

  .lg\:hover\:scale-x-90:hover{
    --transform-scale-x: .9;
  }

  .lg\:hover\:scale-x-95:hover{
    --transform-scale-x: .95;
  }

  .lg\:hover\:scale-x-100:hover{
    --transform-scale-x: 1;
  }

  .lg\:hover\:scale-x-105:hover{
    --transform-scale-x: 1.05;
  }

  .lg\:hover\:scale-x-110:hover{
    --transform-scale-x: 1.1;
  }

  .lg\:hover\:scale-x-125:hover{
    --transform-scale-x: 1.25;
  }

  .lg\:hover\:scale-x-150:hover{
    --transform-scale-x: 1.5;
  }

  .lg\:hover\:scale-y-0:hover{
    --transform-scale-y: 0;
  }

  .lg\:hover\:scale-y-50:hover{
    --transform-scale-y: .5;
  }

  .lg\:hover\:scale-y-75:hover{
    --transform-scale-y: .75;
  }

  .lg\:hover\:scale-y-90:hover{
    --transform-scale-y: .9;
  }

  .lg\:hover\:scale-y-95:hover{
    --transform-scale-y: .95;
  }

  .lg\:hover\:scale-y-100:hover{
    --transform-scale-y: 1;
  }

  .lg\:hover\:scale-y-105:hover{
    --transform-scale-y: 1.05;
  }

  .lg\:hover\:scale-y-110:hover{
    --transform-scale-y: 1.1;
  }

  .lg\:hover\:scale-y-125:hover{
    --transform-scale-y: 1.25;
  }

  .lg\:hover\:scale-y-150:hover{
    --transform-scale-y: 1.5;
  }

  .lg\:focus\:scale-0:focus{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .lg\:focus\:scale-50:focus{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .lg\:focus\:scale-75:focus{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .lg\:focus\:scale-90:focus{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .lg\:focus\:scale-95:focus{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .lg\:focus\:scale-100:focus{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .lg\:focus\:scale-105:focus{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .lg\:focus\:scale-110:focus{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .lg\:focus\:scale-125:focus{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .lg\:focus\:scale-150:focus{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .lg\:focus\:scale-x-0:focus{
    --transform-scale-x: 0;
  }

  .lg\:focus\:scale-x-50:focus{
    --transform-scale-x: .5;
  }

  .lg\:focus\:scale-x-75:focus{
    --transform-scale-x: .75;
  }

  .lg\:focus\:scale-x-90:focus{
    --transform-scale-x: .9;
  }

  .lg\:focus\:scale-x-95:focus{
    --transform-scale-x: .95;
  }

  .lg\:focus\:scale-x-100:focus{
    --transform-scale-x: 1;
  }

  .lg\:focus\:scale-x-105:focus{
    --transform-scale-x: 1.05;
  }

  .lg\:focus\:scale-x-110:focus{
    --transform-scale-x: 1.1;
  }

  .lg\:focus\:scale-x-125:focus{
    --transform-scale-x: 1.25;
  }

  .lg\:focus\:scale-x-150:focus{
    --transform-scale-x: 1.5;
  }

  .lg\:focus\:scale-y-0:focus{
    --transform-scale-y: 0;
  }

  .lg\:focus\:scale-y-50:focus{
    --transform-scale-y: .5;
  }

  .lg\:focus\:scale-y-75:focus{
    --transform-scale-y: .75;
  }

  .lg\:focus\:scale-y-90:focus{
    --transform-scale-y: .9;
  }

  .lg\:focus\:scale-y-95:focus{
    --transform-scale-y: .95;
  }

  .lg\:focus\:scale-y-100:focus{
    --transform-scale-y: 1;
  }

  .lg\:focus\:scale-y-105:focus{
    --transform-scale-y: 1.05;
  }

  .lg\:focus\:scale-y-110:focus{
    --transform-scale-y: 1.1;
  }

  .lg\:focus\:scale-y-125:focus{
    --transform-scale-y: 1.25;
  }

  .lg\:focus\:scale-y-150:focus{
    --transform-scale-y: 1.5;
  }

  .lg\:rotate-0{
    --transform-rotate: 0;
  }

  .lg\:rotate-1{
    --transform-rotate: 1deg;
  }

  .lg\:rotate-2{
    --transform-rotate: 2deg;
  }

  .lg\:rotate-3{
    --transform-rotate: 3deg;
  }

  .lg\:rotate-6{
    --transform-rotate: 6deg;
  }

  .lg\:rotate-12{
    --transform-rotate: 12deg;
  }

  .lg\:rotate-45{
    --transform-rotate: 45deg;
  }

  .lg\:rotate-90{
    --transform-rotate: 90deg;
  }

  .lg\:rotate-180{
    --transform-rotate: 180deg;
  }

  .lg\:-rotate-180{
    --transform-rotate: -180deg;
  }

  .lg\:-rotate-90{
    --transform-rotate: -90deg;
  }

  .lg\:-rotate-45{
    --transform-rotate: -45deg;
  }

  .lg\:-rotate-12{
    --transform-rotate: -12deg;
  }

  .lg\:-rotate-6{
    --transform-rotate: -6deg;
  }

  .lg\:-rotate-3{
    --transform-rotate: -3deg;
  }

  .lg\:-rotate-2{
    --transform-rotate: -2deg;
  }

  .lg\:-rotate-1{
    --transform-rotate: -1deg;
  }

  .lg\:hover\:rotate-0:hover{
    --transform-rotate: 0;
  }

  .lg\:hover\:rotate-1:hover{
    --transform-rotate: 1deg;
  }

  .lg\:hover\:rotate-2:hover{
    --transform-rotate: 2deg;
  }

  .lg\:hover\:rotate-3:hover{
    --transform-rotate: 3deg;
  }

  .lg\:hover\:rotate-6:hover{
    --transform-rotate: 6deg;
  }

  .lg\:hover\:rotate-12:hover{
    --transform-rotate: 12deg;
  }

  .lg\:hover\:rotate-45:hover{
    --transform-rotate: 45deg;
  }

  .lg\:hover\:rotate-90:hover{
    --transform-rotate: 90deg;
  }

  .lg\:hover\:rotate-180:hover{
    --transform-rotate: 180deg;
  }

  .lg\:hover\:-rotate-180:hover{
    --transform-rotate: -180deg;
  }

  .lg\:hover\:-rotate-90:hover{
    --transform-rotate: -90deg;
  }

  .lg\:hover\:-rotate-45:hover{
    --transform-rotate: -45deg;
  }

  .lg\:hover\:-rotate-12:hover{
    --transform-rotate: -12deg;
  }

  .lg\:hover\:-rotate-6:hover{
    --transform-rotate: -6deg;
  }

  .lg\:hover\:-rotate-3:hover{
    --transform-rotate: -3deg;
  }

  .lg\:hover\:-rotate-2:hover{
    --transform-rotate: -2deg;
  }

  .lg\:hover\:-rotate-1:hover{
    --transform-rotate: -1deg;
  }

  .lg\:focus\:rotate-0:focus{
    --transform-rotate: 0;
  }

  .lg\:focus\:rotate-1:focus{
    --transform-rotate: 1deg;
  }

  .lg\:focus\:rotate-2:focus{
    --transform-rotate: 2deg;
  }

  .lg\:focus\:rotate-3:focus{
    --transform-rotate: 3deg;
  }

  .lg\:focus\:rotate-6:focus{
    --transform-rotate: 6deg;
  }

  .lg\:focus\:rotate-12:focus{
    --transform-rotate: 12deg;
  }

  .lg\:focus\:rotate-45:focus{
    --transform-rotate: 45deg;
  }

  .lg\:focus\:rotate-90:focus{
    --transform-rotate: 90deg;
  }

  .lg\:focus\:rotate-180:focus{
    --transform-rotate: 180deg;
  }

  .lg\:focus\:-rotate-180:focus{
    --transform-rotate: -180deg;
  }

  .lg\:focus\:-rotate-90:focus{
    --transform-rotate: -90deg;
  }

  .lg\:focus\:-rotate-45:focus{
    --transform-rotate: -45deg;
  }

  .lg\:focus\:-rotate-12:focus{
    --transform-rotate: -12deg;
  }

  .lg\:focus\:-rotate-6:focus{
    --transform-rotate: -6deg;
  }

  .lg\:focus\:-rotate-3:focus{
    --transform-rotate: -3deg;
  }

  .lg\:focus\:-rotate-2:focus{
    --transform-rotate: -2deg;
  }

  .lg\:focus\:-rotate-1:focus{
    --transform-rotate: -1deg;
  }

  .lg\:translate-x-0{
    --transform-translate-x: 0;
  }

  .lg\:translate-x-1{
    --transform-translate-x: 0.25rem;
  }

  .lg\:translate-x-2{
    --transform-translate-x: 0.5rem;
  }

  .lg\:translate-x-3{
    --transform-translate-x: 0.75rem;
  }

  .lg\:translate-x-4{
    --transform-translate-x: 1rem;
  }

  .lg\:translate-x-5{
    --transform-translate-x: 1.25rem;
  }

  .lg\:translate-x-6{
    --transform-translate-x: 1.5rem;
  }

  .lg\:translate-x-8{
    --transform-translate-x: 2rem;
  }

  .lg\:translate-x-10{
    --transform-translate-x: 2.5rem;
  }

  .lg\:translate-x-12{
    --transform-translate-x: 3rem;
  }

  .lg\:translate-x-16{
    --transform-translate-x: 4rem;
  }

  .lg\:translate-x-20{
    --transform-translate-x: 5rem;
  }

  .lg\:translate-x-24{
    --transform-translate-x: 6rem;
  }

  .lg\:translate-x-32{
    --transform-translate-x: 8rem;
  }

  .lg\:translate-x-40{
    --transform-translate-x: 10rem;
  }

  .lg\:translate-x-48{
    --transform-translate-x: 12rem;
  }

  .lg\:translate-x-56{
    --transform-translate-x: 14rem;
  }

  .lg\:translate-x-64{
    --transform-translate-x: 16rem;
  }

  .lg\:translate-x-px{
    --transform-translate-x: 1px;
  }

  .lg\:-translate-x-1{
    --transform-translate-x: -0.25rem;
  }

  .lg\:-translate-x-2{
    --transform-translate-x: -0.5rem;
  }

  .lg\:-translate-x-3{
    --transform-translate-x: -0.75rem;
  }

  .lg\:-translate-x-4{
    --transform-translate-x: -1rem;
  }

  .lg\:-translate-x-5{
    --transform-translate-x: -1.25rem;
  }

  .lg\:-translate-x-6{
    --transform-translate-x: -1.5rem;
  }

  .lg\:-translate-x-8{
    --transform-translate-x: -2rem;
  }

  .lg\:-translate-x-10{
    --transform-translate-x: -2.5rem;
  }

  .lg\:-translate-x-12{
    --transform-translate-x: -3rem;
  }

  .lg\:-translate-x-16{
    --transform-translate-x: -4rem;
  }

  .lg\:-translate-x-20{
    --transform-translate-x: -5rem;
  }

  .lg\:-translate-x-24{
    --transform-translate-x: -6rem;
  }

  .lg\:-translate-x-32{
    --transform-translate-x: -8rem;
  }

  .lg\:-translate-x-40{
    --transform-translate-x: -10rem;
  }

  .lg\:-translate-x-48{
    --transform-translate-x: -12rem;
  }

  .lg\:-translate-x-56{
    --transform-translate-x: -14rem;
  }

  .lg\:-translate-x-64{
    --transform-translate-x: -16rem;
  }

  .lg\:-translate-x-px{
    --transform-translate-x: -1px;
  }

  .lg\:-translate-x-full{
    --transform-translate-x: -100%;
  }

  .lg\:-translate-x-1\/2{
    --transform-translate-x: -50%;
  }

  .lg\:translate-x-1\/2{
    --transform-translate-x: 50%;
  }

  .lg\:translate-x-full{
    --transform-translate-x: 100%;
  }

  .lg\:translate-y-0{
    --transform-translate-y: 0;
  }

  .lg\:translate-y-1{
    --transform-translate-y: 0.25rem;
  }

  .lg\:translate-y-2{
    --transform-translate-y: 0.5rem;
  }

  .lg\:translate-y-3{
    --transform-translate-y: 0.75rem;
  }

  .lg\:translate-y-4{
    --transform-translate-y: 1rem;
  }

  .lg\:translate-y-5{
    --transform-translate-y: 1.25rem;
  }

  .lg\:translate-y-6{
    --transform-translate-y: 1.5rem;
  }

  .lg\:translate-y-8{
    --transform-translate-y: 2rem;
  }

  .lg\:translate-y-10{
    --transform-translate-y: 2.5rem;
  }

  .lg\:translate-y-12{
    --transform-translate-y: 3rem;
  }

  .lg\:translate-y-16{
    --transform-translate-y: 4rem;
  }

  .lg\:translate-y-20{
    --transform-translate-y: 5rem;
  }

  .lg\:translate-y-24{
    --transform-translate-y: 6rem;
  }

  .lg\:translate-y-32{
    --transform-translate-y: 8rem;
  }

  .lg\:translate-y-40{
    --transform-translate-y: 10rem;
  }

  .lg\:translate-y-48{
    --transform-translate-y: 12rem;
  }

  .lg\:translate-y-56{
    --transform-translate-y: 14rem;
  }

  .lg\:translate-y-64{
    --transform-translate-y: 16rem;
  }

  .lg\:translate-y-px{
    --transform-translate-y: 1px;
  }

  .lg\:-translate-y-1{
    --transform-translate-y: -0.25rem;
  }

  .lg\:-translate-y-2{
    --transform-translate-y: -0.5rem;
  }

  .lg\:-translate-y-3{
    --transform-translate-y: -0.75rem;
  }

  .lg\:-translate-y-4{
    --transform-translate-y: -1rem;
  }

  .lg\:-translate-y-5{
    --transform-translate-y: -1.25rem;
  }

  .lg\:-translate-y-6{
    --transform-translate-y: -1.5rem;
  }

  .lg\:-translate-y-8{
    --transform-translate-y: -2rem;
  }

  .lg\:-translate-y-10{
    --transform-translate-y: -2.5rem;
  }

  .lg\:-translate-y-12{
    --transform-translate-y: -3rem;
  }

  .lg\:-translate-y-16{
    --transform-translate-y: -4rem;
  }

  .lg\:-translate-y-20{
    --transform-translate-y: -5rem;
  }

  .lg\:-translate-y-24{
    --transform-translate-y: -6rem;
  }

  .lg\:-translate-y-32{
    --transform-translate-y: -8rem;
  }

  .lg\:-translate-y-40{
    --transform-translate-y: -10rem;
  }

  .lg\:-translate-y-48{
    --transform-translate-y: -12rem;
  }

  .lg\:-translate-y-56{
    --transform-translate-y: -14rem;
  }

  .lg\:-translate-y-64{
    --transform-translate-y: -16rem;
  }

  .lg\:-translate-y-px{
    --transform-translate-y: -1px;
  }

  .lg\:-translate-y-full{
    --transform-translate-y: -100%;
  }

  .lg\:-translate-y-1\/2{
    --transform-translate-y: -50%;
  }

  .lg\:translate-y-1\/2{
    --transform-translate-y: 50%;
  }

  .lg\:translate-y-full{
    --transform-translate-y: 100%;
  }

  .lg\:hover\:translate-x-0:hover{
    --transform-translate-x: 0;
  }

  .lg\:hover\:translate-x-1:hover{
    --transform-translate-x: 0.25rem;
  }

  .lg\:hover\:translate-x-2:hover{
    --transform-translate-x: 0.5rem;
  }

  .lg\:hover\:translate-x-3:hover{
    --transform-translate-x: 0.75rem;
  }

  .lg\:hover\:translate-x-4:hover{
    --transform-translate-x: 1rem;
  }

  .lg\:hover\:translate-x-5:hover{
    --transform-translate-x: 1.25rem;
  }

  .lg\:hover\:translate-x-6:hover{
    --transform-translate-x: 1.5rem;
  }

  .lg\:hover\:translate-x-8:hover{
    --transform-translate-x: 2rem;
  }

  .lg\:hover\:translate-x-10:hover{
    --transform-translate-x: 2.5rem;
  }

  .lg\:hover\:translate-x-12:hover{
    --transform-translate-x: 3rem;
  }

  .lg\:hover\:translate-x-16:hover{
    --transform-translate-x: 4rem;
  }

  .lg\:hover\:translate-x-20:hover{
    --transform-translate-x: 5rem;
  }

  .lg\:hover\:translate-x-24:hover{
    --transform-translate-x: 6rem;
  }

  .lg\:hover\:translate-x-32:hover{
    --transform-translate-x: 8rem;
  }

  .lg\:hover\:translate-x-40:hover{
    --transform-translate-x: 10rem;
  }

  .lg\:hover\:translate-x-48:hover{
    --transform-translate-x: 12rem;
  }

  .lg\:hover\:translate-x-56:hover{
    --transform-translate-x: 14rem;
  }

  .lg\:hover\:translate-x-64:hover{
    --transform-translate-x: 16rem;
  }

  .lg\:hover\:translate-x-px:hover{
    --transform-translate-x: 1px;
  }

  .lg\:hover\:-translate-x-1:hover{
    --transform-translate-x: -0.25rem;
  }

  .lg\:hover\:-translate-x-2:hover{
    --transform-translate-x: -0.5rem;
  }

  .lg\:hover\:-translate-x-3:hover{
    --transform-translate-x: -0.75rem;
  }

  .lg\:hover\:-translate-x-4:hover{
    --transform-translate-x: -1rem;
  }

  .lg\:hover\:-translate-x-5:hover{
    --transform-translate-x: -1.25rem;
  }

  .lg\:hover\:-translate-x-6:hover{
    --transform-translate-x: -1.5rem;
  }

  .lg\:hover\:-translate-x-8:hover{
    --transform-translate-x: -2rem;
  }

  .lg\:hover\:-translate-x-10:hover{
    --transform-translate-x: -2.5rem;
  }

  .lg\:hover\:-translate-x-12:hover{
    --transform-translate-x: -3rem;
  }

  .lg\:hover\:-translate-x-16:hover{
    --transform-translate-x: -4rem;
  }

  .lg\:hover\:-translate-x-20:hover{
    --transform-translate-x: -5rem;
  }

  .lg\:hover\:-translate-x-24:hover{
    --transform-translate-x: -6rem;
  }

  .lg\:hover\:-translate-x-32:hover{
    --transform-translate-x: -8rem;
  }

  .lg\:hover\:-translate-x-40:hover{
    --transform-translate-x: -10rem;
  }

  .lg\:hover\:-translate-x-48:hover{
    --transform-translate-x: -12rem;
  }

  .lg\:hover\:-translate-x-56:hover{
    --transform-translate-x: -14rem;
  }

  .lg\:hover\:-translate-x-64:hover{
    --transform-translate-x: -16rem;
  }

  .lg\:hover\:-translate-x-px:hover{
    --transform-translate-x: -1px;
  }

  .lg\:hover\:-translate-x-full:hover{
    --transform-translate-x: -100%;
  }

  .lg\:hover\:-translate-x-1\/2:hover{
    --transform-translate-x: -50%;
  }

  .lg\:hover\:translate-x-1\/2:hover{
    --transform-translate-x: 50%;
  }

  .lg\:hover\:translate-x-full:hover{
    --transform-translate-x: 100%;
  }

  .lg\:hover\:translate-y-0:hover{
    --transform-translate-y: 0;
  }

  .lg\:hover\:translate-y-1:hover{
    --transform-translate-y: 0.25rem;
  }

  .lg\:hover\:translate-y-2:hover{
    --transform-translate-y: 0.5rem;
  }

  .lg\:hover\:translate-y-3:hover{
    --transform-translate-y: 0.75rem;
  }

  .lg\:hover\:translate-y-4:hover{
    --transform-translate-y: 1rem;
  }

  .lg\:hover\:translate-y-5:hover{
    --transform-translate-y: 1.25rem;
  }

  .lg\:hover\:translate-y-6:hover{
    --transform-translate-y: 1.5rem;
  }

  .lg\:hover\:translate-y-8:hover{
    --transform-translate-y: 2rem;
  }

  .lg\:hover\:translate-y-10:hover{
    --transform-translate-y: 2.5rem;
  }

  .lg\:hover\:translate-y-12:hover{
    --transform-translate-y: 3rem;
  }

  .lg\:hover\:translate-y-16:hover{
    --transform-translate-y: 4rem;
  }

  .lg\:hover\:translate-y-20:hover{
    --transform-translate-y: 5rem;
  }

  .lg\:hover\:translate-y-24:hover{
    --transform-translate-y: 6rem;
  }

  .lg\:hover\:translate-y-32:hover{
    --transform-translate-y: 8rem;
  }

  .lg\:hover\:translate-y-40:hover{
    --transform-translate-y: 10rem;
  }

  .lg\:hover\:translate-y-48:hover{
    --transform-translate-y: 12rem;
  }

  .lg\:hover\:translate-y-56:hover{
    --transform-translate-y: 14rem;
  }

  .lg\:hover\:translate-y-64:hover{
    --transform-translate-y: 16rem;
  }

  .lg\:hover\:translate-y-px:hover{
    --transform-translate-y: 1px;
  }

  .lg\:hover\:-translate-y-1:hover{
    --transform-translate-y: -0.25rem;
  }

  .lg\:hover\:-translate-y-2:hover{
    --transform-translate-y: -0.5rem;
  }

  .lg\:hover\:-translate-y-3:hover{
    --transform-translate-y: -0.75rem;
  }

  .lg\:hover\:-translate-y-4:hover{
    --transform-translate-y: -1rem;
  }

  .lg\:hover\:-translate-y-5:hover{
    --transform-translate-y: -1.25rem;
  }

  .lg\:hover\:-translate-y-6:hover{
    --transform-translate-y: -1.5rem;
  }

  .lg\:hover\:-translate-y-8:hover{
    --transform-translate-y: -2rem;
  }

  .lg\:hover\:-translate-y-10:hover{
    --transform-translate-y: -2.5rem;
  }

  .lg\:hover\:-translate-y-12:hover{
    --transform-translate-y: -3rem;
  }

  .lg\:hover\:-translate-y-16:hover{
    --transform-translate-y: -4rem;
  }

  .lg\:hover\:-translate-y-20:hover{
    --transform-translate-y: -5rem;
  }

  .lg\:hover\:-translate-y-24:hover{
    --transform-translate-y: -6rem;
  }

  .lg\:hover\:-translate-y-32:hover{
    --transform-translate-y: -8rem;
  }

  .lg\:hover\:-translate-y-40:hover{
    --transform-translate-y: -10rem;
  }

  .lg\:hover\:-translate-y-48:hover{
    --transform-translate-y: -12rem;
  }

  .lg\:hover\:-translate-y-56:hover{
    --transform-translate-y: -14rem;
  }

  .lg\:hover\:-translate-y-64:hover{
    --transform-translate-y: -16rem;
  }

  .lg\:hover\:-translate-y-px:hover{
    --transform-translate-y: -1px;
  }

  .lg\:hover\:-translate-y-full:hover{
    --transform-translate-y: -100%;
  }

  .lg\:hover\:-translate-y-1\/2:hover{
    --transform-translate-y: -50%;
  }

  .lg\:hover\:translate-y-1\/2:hover{
    --transform-translate-y: 50%;
  }

  .lg\:hover\:translate-y-full:hover{
    --transform-translate-y: 100%;
  }

  .lg\:focus\:translate-x-0:focus{
    --transform-translate-x: 0;
  }

  .lg\:focus\:translate-x-1:focus{
    --transform-translate-x: 0.25rem;
  }

  .lg\:focus\:translate-x-2:focus{
    --transform-translate-x: 0.5rem;
  }

  .lg\:focus\:translate-x-3:focus{
    --transform-translate-x: 0.75rem;
  }

  .lg\:focus\:translate-x-4:focus{
    --transform-translate-x: 1rem;
  }

  .lg\:focus\:translate-x-5:focus{
    --transform-translate-x: 1.25rem;
  }

  .lg\:focus\:translate-x-6:focus{
    --transform-translate-x: 1.5rem;
  }

  .lg\:focus\:translate-x-8:focus{
    --transform-translate-x: 2rem;
  }

  .lg\:focus\:translate-x-10:focus{
    --transform-translate-x: 2.5rem;
  }

  .lg\:focus\:translate-x-12:focus{
    --transform-translate-x: 3rem;
  }

  .lg\:focus\:translate-x-16:focus{
    --transform-translate-x: 4rem;
  }

  .lg\:focus\:translate-x-20:focus{
    --transform-translate-x: 5rem;
  }

  .lg\:focus\:translate-x-24:focus{
    --transform-translate-x: 6rem;
  }

  .lg\:focus\:translate-x-32:focus{
    --transform-translate-x: 8rem;
  }

  .lg\:focus\:translate-x-40:focus{
    --transform-translate-x: 10rem;
  }

  .lg\:focus\:translate-x-48:focus{
    --transform-translate-x: 12rem;
  }

  .lg\:focus\:translate-x-56:focus{
    --transform-translate-x: 14rem;
  }

  .lg\:focus\:translate-x-64:focus{
    --transform-translate-x: 16rem;
  }

  .lg\:focus\:translate-x-px:focus{
    --transform-translate-x: 1px;
  }

  .lg\:focus\:-translate-x-1:focus{
    --transform-translate-x: -0.25rem;
  }

  .lg\:focus\:-translate-x-2:focus{
    --transform-translate-x: -0.5rem;
  }

  .lg\:focus\:-translate-x-3:focus{
    --transform-translate-x: -0.75rem;
  }

  .lg\:focus\:-translate-x-4:focus{
    --transform-translate-x: -1rem;
  }

  .lg\:focus\:-translate-x-5:focus{
    --transform-translate-x: -1.25rem;
  }

  .lg\:focus\:-translate-x-6:focus{
    --transform-translate-x: -1.5rem;
  }

  .lg\:focus\:-translate-x-8:focus{
    --transform-translate-x: -2rem;
  }

  .lg\:focus\:-translate-x-10:focus{
    --transform-translate-x: -2.5rem;
  }

  .lg\:focus\:-translate-x-12:focus{
    --transform-translate-x: -3rem;
  }

  .lg\:focus\:-translate-x-16:focus{
    --transform-translate-x: -4rem;
  }

  .lg\:focus\:-translate-x-20:focus{
    --transform-translate-x: -5rem;
  }

  .lg\:focus\:-translate-x-24:focus{
    --transform-translate-x: -6rem;
  }

  .lg\:focus\:-translate-x-32:focus{
    --transform-translate-x: -8rem;
  }

  .lg\:focus\:-translate-x-40:focus{
    --transform-translate-x: -10rem;
  }

  .lg\:focus\:-translate-x-48:focus{
    --transform-translate-x: -12rem;
  }

  .lg\:focus\:-translate-x-56:focus{
    --transform-translate-x: -14rem;
  }

  .lg\:focus\:-translate-x-64:focus{
    --transform-translate-x: -16rem;
  }

  .lg\:focus\:-translate-x-px:focus{
    --transform-translate-x: -1px;
  }

  .lg\:focus\:-translate-x-full:focus{
    --transform-translate-x: -100%;
  }

  .lg\:focus\:-translate-x-1\/2:focus{
    --transform-translate-x: -50%;
  }

  .lg\:focus\:translate-x-1\/2:focus{
    --transform-translate-x: 50%;
  }

  .lg\:focus\:translate-x-full:focus{
    --transform-translate-x: 100%;
  }

  .lg\:focus\:translate-y-0:focus{
    --transform-translate-y: 0;
  }

  .lg\:focus\:translate-y-1:focus{
    --transform-translate-y: 0.25rem;
  }

  .lg\:focus\:translate-y-2:focus{
    --transform-translate-y: 0.5rem;
  }

  .lg\:focus\:translate-y-3:focus{
    --transform-translate-y: 0.75rem;
  }

  .lg\:focus\:translate-y-4:focus{
    --transform-translate-y: 1rem;
  }

  .lg\:focus\:translate-y-5:focus{
    --transform-translate-y: 1.25rem;
  }

  .lg\:focus\:translate-y-6:focus{
    --transform-translate-y: 1.5rem;
  }

  .lg\:focus\:translate-y-8:focus{
    --transform-translate-y: 2rem;
  }

  .lg\:focus\:translate-y-10:focus{
    --transform-translate-y: 2.5rem;
  }

  .lg\:focus\:translate-y-12:focus{
    --transform-translate-y: 3rem;
  }

  .lg\:focus\:translate-y-16:focus{
    --transform-translate-y: 4rem;
  }

  .lg\:focus\:translate-y-20:focus{
    --transform-translate-y: 5rem;
  }

  .lg\:focus\:translate-y-24:focus{
    --transform-translate-y: 6rem;
  }

  .lg\:focus\:translate-y-32:focus{
    --transform-translate-y: 8rem;
  }

  .lg\:focus\:translate-y-40:focus{
    --transform-translate-y: 10rem;
  }

  .lg\:focus\:translate-y-48:focus{
    --transform-translate-y: 12rem;
  }

  .lg\:focus\:translate-y-56:focus{
    --transform-translate-y: 14rem;
  }

  .lg\:focus\:translate-y-64:focus{
    --transform-translate-y: 16rem;
  }

  .lg\:focus\:translate-y-px:focus{
    --transform-translate-y: 1px;
  }

  .lg\:focus\:-translate-y-1:focus{
    --transform-translate-y: -0.25rem;
  }

  .lg\:focus\:-translate-y-2:focus{
    --transform-translate-y: -0.5rem;
  }

  .lg\:focus\:-translate-y-3:focus{
    --transform-translate-y: -0.75rem;
  }

  .lg\:focus\:-translate-y-4:focus{
    --transform-translate-y: -1rem;
  }

  .lg\:focus\:-translate-y-5:focus{
    --transform-translate-y: -1.25rem;
  }

  .lg\:focus\:-translate-y-6:focus{
    --transform-translate-y: -1.5rem;
  }

  .lg\:focus\:-translate-y-8:focus{
    --transform-translate-y: -2rem;
  }

  .lg\:focus\:-translate-y-10:focus{
    --transform-translate-y: -2.5rem;
  }

  .lg\:focus\:-translate-y-12:focus{
    --transform-translate-y: -3rem;
  }

  .lg\:focus\:-translate-y-16:focus{
    --transform-translate-y: -4rem;
  }

  .lg\:focus\:-translate-y-20:focus{
    --transform-translate-y: -5rem;
  }

  .lg\:focus\:-translate-y-24:focus{
    --transform-translate-y: -6rem;
  }

  .lg\:focus\:-translate-y-32:focus{
    --transform-translate-y: -8rem;
  }

  .lg\:focus\:-translate-y-40:focus{
    --transform-translate-y: -10rem;
  }

  .lg\:focus\:-translate-y-48:focus{
    --transform-translate-y: -12rem;
  }

  .lg\:focus\:-translate-y-56:focus{
    --transform-translate-y: -14rem;
  }

  .lg\:focus\:-translate-y-64:focus{
    --transform-translate-y: -16rem;
  }

  .lg\:focus\:-translate-y-px:focus{
    --transform-translate-y: -1px;
  }

  .lg\:focus\:-translate-y-full:focus{
    --transform-translate-y: -100%;
  }

  .lg\:focus\:-translate-y-1\/2:focus{
    --transform-translate-y: -50%;
  }

  .lg\:focus\:translate-y-1\/2:focus{
    --transform-translate-y: 50%;
  }

  .lg\:focus\:translate-y-full:focus{
    --transform-translate-y: 100%;
  }

  .lg\:skew-x-0{
    --transform-skew-x: 0;
  }

  .lg\:skew-x-1{
    --transform-skew-x: 1deg;
  }

  .lg\:skew-x-2{
    --transform-skew-x: 2deg;
  }

  .lg\:skew-x-3{
    --transform-skew-x: 3deg;
  }

  .lg\:skew-x-6{
    --transform-skew-x: 6deg;
  }

  .lg\:skew-x-12{
    --transform-skew-x: 12deg;
  }

  .lg\:-skew-x-12{
    --transform-skew-x: -12deg;
  }

  .lg\:-skew-x-6{
    --transform-skew-x: -6deg;
  }

  .lg\:-skew-x-3{
    --transform-skew-x: -3deg;
  }

  .lg\:-skew-x-2{
    --transform-skew-x: -2deg;
  }

  .lg\:-skew-x-1{
    --transform-skew-x: -1deg;
  }

  .lg\:skew-y-0{
    --transform-skew-y: 0;
  }

  .lg\:skew-y-1{
    --transform-skew-y: 1deg;
  }

  .lg\:skew-y-2{
    --transform-skew-y: 2deg;
  }

  .lg\:skew-y-3{
    --transform-skew-y: 3deg;
  }

  .lg\:skew-y-6{
    --transform-skew-y: 6deg;
  }

  .lg\:skew-y-12{
    --transform-skew-y: 12deg;
  }

  .lg\:-skew-y-12{
    --transform-skew-y: -12deg;
  }

  .lg\:-skew-y-6{
    --transform-skew-y: -6deg;
  }

  .lg\:-skew-y-3{
    --transform-skew-y: -3deg;
  }

  .lg\:-skew-y-2{
    --transform-skew-y: -2deg;
  }

  .lg\:-skew-y-1{
    --transform-skew-y: -1deg;
  }

  .lg\:hover\:skew-x-0:hover{
    --transform-skew-x: 0;
  }

  .lg\:hover\:skew-x-1:hover{
    --transform-skew-x: 1deg;
  }

  .lg\:hover\:skew-x-2:hover{
    --transform-skew-x: 2deg;
  }

  .lg\:hover\:skew-x-3:hover{
    --transform-skew-x: 3deg;
  }

  .lg\:hover\:skew-x-6:hover{
    --transform-skew-x: 6deg;
  }

  .lg\:hover\:skew-x-12:hover{
    --transform-skew-x: 12deg;
  }

  .lg\:hover\:-skew-x-12:hover{
    --transform-skew-x: -12deg;
  }

  .lg\:hover\:-skew-x-6:hover{
    --transform-skew-x: -6deg;
  }

  .lg\:hover\:-skew-x-3:hover{
    --transform-skew-x: -3deg;
  }

  .lg\:hover\:-skew-x-2:hover{
    --transform-skew-x: -2deg;
  }

  .lg\:hover\:-skew-x-1:hover{
    --transform-skew-x: -1deg;
  }

  .lg\:hover\:skew-y-0:hover{
    --transform-skew-y: 0;
  }

  .lg\:hover\:skew-y-1:hover{
    --transform-skew-y: 1deg;
  }

  .lg\:hover\:skew-y-2:hover{
    --transform-skew-y: 2deg;
  }

  .lg\:hover\:skew-y-3:hover{
    --transform-skew-y: 3deg;
  }

  .lg\:hover\:skew-y-6:hover{
    --transform-skew-y: 6deg;
  }

  .lg\:hover\:skew-y-12:hover{
    --transform-skew-y: 12deg;
  }

  .lg\:hover\:-skew-y-12:hover{
    --transform-skew-y: -12deg;
  }

  .lg\:hover\:-skew-y-6:hover{
    --transform-skew-y: -6deg;
  }

  .lg\:hover\:-skew-y-3:hover{
    --transform-skew-y: -3deg;
  }

  .lg\:hover\:-skew-y-2:hover{
    --transform-skew-y: -2deg;
  }

  .lg\:hover\:-skew-y-1:hover{
    --transform-skew-y: -1deg;
  }

  .lg\:focus\:skew-x-0:focus{
    --transform-skew-x: 0;
  }

  .lg\:focus\:skew-x-1:focus{
    --transform-skew-x: 1deg;
  }

  .lg\:focus\:skew-x-2:focus{
    --transform-skew-x: 2deg;
  }

  .lg\:focus\:skew-x-3:focus{
    --transform-skew-x: 3deg;
  }

  .lg\:focus\:skew-x-6:focus{
    --transform-skew-x: 6deg;
  }

  .lg\:focus\:skew-x-12:focus{
    --transform-skew-x: 12deg;
  }

  .lg\:focus\:-skew-x-12:focus{
    --transform-skew-x: -12deg;
  }

  .lg\:focus\:-skew-x-6:focus{
    --transform-skew-x: -6deg;
  }

  .lg\:focus\:-skew-x-3:focus{
    --transform-skew-x: -3deg;
  }

  .lg\:focus\:-skew-x-2:focus{
    --transform-skew-x: -2deg;
  }

  .lg\:focus\:-skew-x-1:focus{
    --transform-skew-x: -1deg;
  }

  .lg\:focus\:skew-y-0:focus{
    --transform-skew-y: 0;
  }

  .lg\:focus\:skew-y-1:focus{
    --transform-skew-y: 1deg;
  }

  .lg\:focus\:skew-y-2:focus{
    --transform-skew-y: 2deg;
  }

  .lg\:focus\:skew-y-3:focus{
    --transform-skew-y: 3deg;
  }

  .lg\:focus\:skew-y-6:focus{
    --transform-skew-y: 6deg;
  }

  .lg\:focus\:skew-y-12:focus{
    --transform-skew-y: 12deg;
  }

  .lg\:focus\:-skew-y-12:focus{
    --transform-skew-y: -12deg;
  }

  .lg\:focus\:-skew-y-6:focus{
    --transform-skew-y: -6deg;
  }

  .lg\:focus\:-skew-y-3:focus{
    --transform-skew-y: -3deg;
  }

  .lg\:focus\:-skew-y-2:focus{
    --transform-skew-y: -2deg;
  }

  .lg\:focus\:-skew-y-1:focus{
    --transform-skew-y: -1deg;
  }

  .lg\:transition-none{
    transition-property: none;
  }

  .lg\:transition-all{
    transition-property: all;
  }

  .lg\:transition{
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  .lg\:transition-colors{
    transition-property: background-color, border-color, color, fill, stroke;
  }

  .lg\:transition-opacity{
    transition-property: opacity;
  }

  .lg\:transition-shadow{
    transition-property: box-shadow;
  }

  .lg\:transition-transform{
    transition-property: transform;
  }

  .lg\:ease-linear{
    transition-timing-function: linear;
  }

  .lg\:ease-in{
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .lg\:ease-out{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .lg\:ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .lg\:duration-75{
    transition-duration: 75ms;
  }

  .lg\:duration-100{
    transition-duration: 100ms;
  }

  .lg\:duration-150{
    transition-duration: 150ms;
  }

  .lg\:duration-200{
    transition-duration: 200ms;
  }

  .lg\:duration-300{
    transition-duration: 300ms;
  }

  .lg\:duration-500{
    transition-duration: 500ms;
  }

  .lg\:duration-700{
    transition-duration: 700ms;
  }

  .lg\:duration-1000{
    transition-duration: 1000ms;
  }

  .lg\:delay-75{
    transition-delay: 75ms;
  }

  .lg\:delay-100{
    transition-delay: 100ms;
  }

  .lg\:delay-150{
    transition-delay: 150ms;
  }

  .lg\:delay-200{
    transition-delay: 200ms;
  }

  .lg\:delay-300{
    transition-delay: 300ms;
  }

  .lg\:delay-500{
    transition-delay: 500ms;
  }

  .lg\:delay-700{
    transition-delay: 700ms;
  }

  .lg\:delay-1000{
    transition-delay: 1000ms;
  }

  .lg\:animate-none{
    animation: none;
  }

  .lg\:animate-spin{
    animation: spin 1s linear infinite;
  }

  .lg\:animate-ping{
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  .lg\:animate-pulse{
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  .lg\:animate-bounce{
    animation: bounce 1s infinite;
  }

  .lg\:border-t-blue-bright{
    border-top-color: #0B69A3;
  }

  .lg\:border-r-blue-bright{
    border-right-color: #0B69A3;
  }

  .lg\:border-b-blue-bright{
    border-bottom-color: #0B69A3;
  }

  .lg\:border-l-blue-bright{
    border-left-color: #0B69A3;
  }

  .lg\:border-t-blue-light{
    border-top-color: #B3ECFF;
  }

  .lg\:border-r-blue-light{
    border-right-color: #B3ECFF;
  }

  .lg\:border-b-blue-light{
    border-bottom-color: #B3ECFF;
  }

  .lg\:border-l-blue-light{
    border-left-color: #B3ECFF;
  }

  .lg\:border-t-blue-pale{
    border-top-color: #DCEEFB;
  }

  .lg\:border-r-blue-pale{
    border-right-color: #DCEEFB;
  }

  .lg\:border-b-blue-pale{
    border-bottom-color: #DCEEFB;
  }

  .lg\:border-l-blue-pale{
    border-left-color: #DCEEFB;
  }

  .lg\:border-t-blue-deep{
    border-top-color: #035388;
  }

  .lg\:border-r-blue-deep{
    border-right-color: #035388;
  }

  .lg\:border-b-blue-deep{
    border-bottom-color: #035388;
  }

  .lg\:border-l-blue-deep{
    border-left-color: #035388;
  }

  .lg\:border-t-blue-hilight{
    border-top-color: #5ed0fa;
  }

  .lg\:border-r-blue-hilight{
    border-right-color: #5ed0fa;
  }

  .lg\:border-b-blue-hilight{
    border-bottom-color: #5ed0fa;
  }

  .lg\:border-l-blue-hilight{
    border-left-color: #5ed0fa;
  }

  .lg\:border-t-blue-med{
    border-top-color: #1992d4;
  }

  .lg\:border-r-blue-med{
    border-right-color: #1992d4;
  }

  .lg\:border-b-blue-med{
    border-bottom-color: #1992d4;
  }

  .lg\:border-l-blue-med{
    border-left-color: #1992d4;
  }

  .lg\:border-t-blue-dark{
    border-top-color: #003e6b;
  }

  .lg\:border-r-blue-dark{
    border-right-color: #003e6b;
  }

  .lg\:border-b-blue-dark{
    border-bottom-color: #003e6b;
  }

  .lg\:border-l-blue-dark{
    border-left-color: #003e6b;
  }

  .lg\:border-t-gray-100{
    border-top-color: #f0f4f8;
  }

  .lg\:border-r-gray-100{
    border-right-color: #f0f4f8;
  }

  .lg\:border-b-gray-100{
    border-bottom-color: #f0f4f8;
  }

  .lg\:border-l-gray-100{
    border-left-color: #f0f4f8;
  }

  .lg\:border-t-gray-200{
    border-top-color: #d9d9d9;
  }

  .lg\:border-r-gray-200{
    border-right-color: #d9d9d9;
  }

  .lg\:border-b-gray-200{
    border-bottom-color: #d9d9d9;
  }

  .lg\:border-l-gray-200{
    border-left-color: #d9d9d9;
  }

  .lg\:border-t-gray-300{
    border-top-color: #bcccdc;
  }

  .lg\:border-r-gray-300{
    border-right-color: #bcccdc;
  }

  .lg\:border-b-gray-300{
    border-bottom-color: #bcccdc;
  }

  .lg\:border-l-gray-300{
    border-left-color: #bcccdc;
  }

  .lg\:border-t-gray-500{
    border-top-color: #627d98;
  }

  .lg\:border-r-gray-500{
    border-right-color: #627d98;
  }

  .lg\:border-b-gray-500{
    border-bottom-color: #627d98;
  }

  .lg\:border-l-gray-500{
    border-left-color: #627d98;
  }

  .lg\:border-t-gray-600{
    border-top-color: #334e68;
  }

  .lg\:border-r-gray-600{
    border-right-color: #334e68;
  }

  .lg\:border-b-gray-600{
    border-bottom-color: #334e68;
  }

  .lg\:border-l-gray-600{
    border-left-color: #334e68;
  }

  .lg\:border-t-gray-700{
    border-top-color: #243b53;
  }

  .lg\:border-r-gray-700{
    border-right-color: #243b53;
  }

  .lg\:border-b-gray-700{
    border-bottom-color: #243b53;
  }

  .lg\:border-l-gray-700{
    border-left-color: #243b53;
  }

  .lg\:border-t-gray-900{
    border-top-color: #102a43;
  }

  .lg\:border-r-gray-900{
    border-right-color: #102a43;
  }

  .lg\:border-b-gray-900{
    border-bottom-color: #102a43;
  }

  .lg\:border-l-gray-900{
    border-left-color: #102a43;
  }

  .lg\:border-t-magenta-dark{
    border-top-color: #8f4731;
  }

  .lg\:border-r-magenta-dark{
    border-right-color: #8f4731;
  }

  .lg\:border-b-magenta-dark{
    border-bottom-color: #8f4731;
  }

  .lg\:border-l-magenta-dark{
    border-left-color: #8f4731;
  }

  .lg\:border-t-magenta-bright{
    border-top-color: #9C4429;
  }

  .lg\:border-r-magenta-bright{
    border-right-color: #9C4429;
  }

  .lg\:border-b-magenta-bright{
    border-bottom-color: #9C4429;
  }

  .lg\:border-l-magenta-bright{
    border-left-color: #9C4429;
  }

  .lg\:border-t-magenta-hilight{
    border-top-color: #CC522D;
  }

  .lg\:border-r-magenta-hilight{
    border-right-color: #CC522D;
  }

  .lg\:border-b-magenta-hilight{
    border-bottom-color: #CC522D;
  }

  .lg\:border-l-magenta-hilight{
    border-left-color: #CC522D;
  }

  .lg\:border-t-teal-dark{
    border-top-color: #2d5b6b;
  }

  .lg\:border-r-teal-dark{
    border-right-color: #2d5b6b;
  }

  .lg\:border-b-teal-dark{
    border-bottom-color: #2d5b6b;
  }

  .lg\:border-l-teal-dark{
    border-left-color: #2d5b6b;
  }

  .lg\:border-t-teal-bright{
    border-top-color: #2B738C;
  }

  .lg\:border-r-teal-bright{
    border-right-color: #2B738C;
  }

  .lg\:border-b-teal-bright{
    border-bottom-color: #2B738C;
  }

  .lg\:border-l-teal-bright{
    border-left-color: #2B738C;
  }

  .lg\:border-t-teal-hilight{
    border-top-color: #3CA1C4;
  }

  .lg\:border-r-teal-hilight{
    border-right-color: #3CA1C4;
  }

  .lg\:border-b-teal-hilight{
    border-bottom-color: #3CA1C4;
  }

  .lg\:border-l-teal-hilight{
    border-left-color: #3CA1C4;
  }

  .lg\:border-t-mustard-dark{
    border-top-color: #c47a53;
  }

  .lg\:border-r-mustard-dark{
    border-right-color: #c47a53;
  }

  .lg\:border-b-mustard-dark{
    border-bottom-color: #c47a53;
  }

  .lg\:border-l-mustard-dark{
    border-left-color: #c47a53;
  }

  .lg\:border-t-mustard-bright{
    border-top-color: #E07C48;
  }

  .lg\:border-r-mustard-bright{
    border-right-color: #E07C48;
  }

  .lg\:border-b-mustard-bright{
    border-bottom-color: #E07C48;
  }

  .lg\:border-l-mustard-bright{
    border-left-color: #E07C48;
  }

  .lg\:border-t-mustard-hilight{
    border-top-color: #FF7015;
  }

  .lg\:border-r-mustard-hilight{
    border-right-color: #FF7015;
  }

  .lg\:border-b-mustard-hilight{
    border-bottom-color: #FF7015;
  }

  .lg\:border-l-mustard-hilight{
    border-left-color: #FF7015;
  }

  .lg\:border-t-purple-dark{
    border-top-color: #6b2d5b;
  }

  .lg\:border-r-purple-dark{
    border-right-color: #6b2d5b;
  }

  .lg\:border-b-purple-dark{
    border-bottom-color: #6b2d5b;
  }

  .lg\:border-l-purple-dark{
    border-left-color: #6b2d5b;
  }

  .lg\:border-t-purple-bright{
    border-top-color: #8D2B74;
  }

  .lg\:border-r-purple-bright{
    border-right-color: #8D2B74;
  }

  .lg\:border-b-purple-bright{
    border-bottom-color: #8D2B74;
  }

  .lg\:border-l-purple-bright{
    border-left-color: #8D2B74;
  }

  .lg\:border-t-purple-hilight{
    border-top-color: #C0339C;
  }

  .lg\:border-r-purple-hilight{
    border-right-color: #C0339C;
  }

  .lg\:border-b-purple-hilight{
    border-bottom-color: #C0339C;
  }

  .lg\:border-l-purple-hilight{
    border-left-color: #C0339C;
  }

  .lg\:border-t-purple-bookshop{
    border-top-color: #584199;
  }

  .lg\:border-r-purple-bookshop{
    border-right-color: #584199;
  }

  .lg\:border-b-purple-bookshop{
    border-bottom-color: #584199;
  }

  .lg\:border-l-purple-bookshop{
    border-left-color: #584199;
  }

  .lg\:border-t-green-dark{
    border-top-color: #7b7d2a;
  }

  .lg\:border-r-green-dark{
    border-right-color: #7b7d2a;
  }

  .lg\:border-b-green-dark{
    border-bottom-color: #7b7d2a;
  }

  .lg\:border-l-green-dark{
    border-left-color: #7b7d2a;
  }

  .lg\:border-t-green-bright{
    border-top-color: #8F9220;
  }

  .lg\:border-r-green-bright{
    border-right-color: #8F9220;
  }

  .lg\:border-b-green-bright{
    border-bottom-color: #8F9220;
  }

  .lg\:border-l-green-bright{
    border-left-color: #8F9220;
  }

  .lg\:border-t-green-hilight{
    border-top-color: #B4B72A;
  }

  .lg\:border-r-green-hilight{
    border-right-color: #B4B72A;
  }

  .lg\:border-b-green-hilight{
    border-bottom-color: #B4B72A;
  }

  .lg\:border-l-green-hilight{
    border-left-color: #B4B72A;
  }

  .lg\:border-t-navy-dark{
    border-top-color: #52494c;
  }

  .lg\:border-r-navy-dark{
    border-right-color: #52494c;
  }

  .lg\:border-b-navy-dark{
    border-bottom-color: #52494c;
  }

  .lg\:border-l-navy-dark{
    border-left-color: #52494c;
  }

  .lg\:border-t-navy-bright{
    border-top-color: #6D565E;
  }

  .lg\:border-r-navy-bright{
    border-right-color: #6D565E;
  }

  .lg\:border-b-navy-bright{
    border-bottom-color: #6D565E;
  }

  .lg\:border-l-navy-bright{
    border-left-color: #6D565E;
  }

  .lg\:border-t-navy-hilight{
    border-top-color: #8A6A75;
  }

  .lg\:border-r-navy-hilight{
    border-right-color: #8A6A75;
  }

  .lg\:border-b-navy-hilight{
    border-bottom-color: #8A6A75;
  }

  .lg\:border-l-navy-hilight{
    border-left-color: #8A6A75;
  }

  .lg\:border-t-transparent{
    border-top-color: transparent;
  }

  .lg\:border-r-transparent{
    border-right-color: transparent;
  }

  .lg\:border-b-transparent{
    border-bottom-color: transparent;
  }

  .lg\:border-l-transparent{
    border-left-color: transparent;
  }

  .lg\:border-t-black{
    border-top-color: #101010;
  }

  .lg\:border-r-black{
    border-right-color: #101010;
  }

  .lg\:border-b-black{
    border-bottom-color: #101010;
  }

  .lg\:border-l-black{
    border-left-color: #101010;
  }

  .lg\:border-t-white{
    border-top-color: #fff;
  }

  .lg\:border-r-white{
    border-right-color: #fff;
  }

  .lg\:border-b-white{
    border-bottom-color: #fff;
  }

  .lg\:border-l-white{
    border-left-color: #fff;
  }

  .lg\:border-t-red{
    border-top-color: #E12D39;
  }

  .lg\:border-r-red{
    border-right-color: #E12D39;
  }

  .lg\:border-b-red{
    border-bottom-color: #E12D39;
  }

  .lg\:border-l-red{
    border-left-color: #E12D39;
  }

  .lg\:hover\:border-t-blue-bright:hover{
    border-top-color: #0B69A3;
  }

  .lg\:hover\:border-r-blue-bright:hover{
    border-right-color: #0B69A3;
  }

  .lg\:hover\:border-b-blue-bright:hover{
    border-bottom-color: #0B69A3;
  }

  .lg\:hover\:border-l-blue-bright:hover{
    border-left-color: #0B69A3;
  }

  .lg\:hover\:border-t-blue-light:hover{
    border-top-color: #B3ECFF;
  }

  .lg\:hover\:border-r-blue-light:hover{
    border-right-color: #B3ECFF;
  }

  .lg\:hover\:border-b-blue-light:hover{
    border-bottom-color: #B3ECFF;
  }

  .lg\:hover\:border-l-blue-light:hover{
    border-left-color: #B3ECFF;
  }

  .lg\:hover\:border-t-blue-pale:hover{
    border-top-color: #DCEEFB;
  }

  .lg\:hover\:border-r-blue-pale:hover{
    border-right-color: #DCEEFB;
  }

  .lg\:hover\:border-b-blue-pale:hover{
    border-bottom-color: #DCEEFB;
  }

  .lg\:hover\:border-l-blue-pale:hover{
    border-left-color: #DCEEFB;
  }

  .lg\:hover\:border-t-blue-deep:hover{
    border-top-color: #035388;
  }

  .lg\:hover\:border-r-blue-deep:hover{
    border-right-color: #035388;
  }

  .lg\:hover\:border-b-blue-deep:hover{
    border-bottom-color: #035388;
  }

  .lg\:hover\:border-l-blue-deep:hover{
    border-left-color: #035388;
  }

  .lg\:hover\:border-t-blue-hilight:hover{
    border-top-color: #5ed0fa;
  }

  .lg\:hover\:border-r-blue-hilight:hover{
    border-right-color: #5ed0fa;
  }

  .lg\:hover\:border-b-blue-hilight:hover{
    border-bottom-color: #5ed0fa;
  }

  .lg\:hover\:border-l-blue-hilight:hover{
    border-left-color: #5ed0fa;
  }

  .lg\:hover\:border-t-blue-med:hover{
    border-top-color: #1992d4;
  }

  .lg\:hover\:border-r-blue-med:hover{
    border-right-color: #1992d4;
  }

  .lg\:hover\:border-b-blue-med:hover{
    border-bottom-color: #1992d4;
  }

  .lg\:hover\:border-l-blue-med:hover{
    border-left-color: #1992d4;
  }

  .lg\:hover\:border-t-blue-dark:hover{
    border-top-color: #003e6b;
  }

  .lg\:hover\:border-r-blue-dark:hover{
    border-right-color: #003e6b;
  }

  .lg\:hover\:border-b-blue-dark:hover{
    border-bottom-color: #003e6b;
  }

  .lg\:hover\:border-l-blue-dark:hover{
    border-left-color: #003e6b;
  }

  .lg\:hover\:border-t-gray-100:hover{
    border-top-color: #f0f4f8;
  }

  .lg\:hover\:border-r-gray-100:hover{
    border-right-color: #f0f4f8;
  }

  .lg\:hover\:border-b-gray-100:hover{
    border-bottom-color: #f0f4f8;
  }

  .lg\:hover\:border-l-gray-100:hover{
    border-left-color: #f0f4f8;
  }

  .lg\:hover\:border-t-gray-200:hover{
    border-top-color: #d9d9d9;
  }

  .lg\:hover\:border-r-gray-200:hover{
    border-right-color: #d9d9d9;
  }

  .lg\:hover\:border-b-gray-200:hover{
    border-bottom-color: #d9d9d9;
  }

  .lg\:hover\:border-l-gray-200:hover{
    border-left-color: #d9d9d9;
  }

  .lg\:hover\:border-t-gray-300:hover{
    border-top-color: #bcccdc;
  }

  .lg\:hover\:border-r-gray-300:hover{
    border-right-color: #bcccdc;
  }

  .lg\:hover\:border-b-gray-300:hover{
    border-bottom-color: #bcccdc;
  }

  .lg\:hover\:border-l-gray-300:hover{
    border-left-color: #bcccdc;
  }

  .lg\:hover\:border-t-gray-500:hover{
    border-top-color: #627d98;
  }

  .lg\:hover\:border-r-gray-500:hover{
    border-right-color: #627d98;
  }

  .lg\:hover\:border-b-gray-500:hover{
    border-bottom-color: #627d98;
  }

  .lg\:hover\:border-l-gray-500:hover{
    border-left-color: #627d98;
  }

  .lg\:hover\:border-t-gray-600:hover{
    border-top-color: #334e68;
  }

  .lg\:hover\:border-r-gray-600:hover{
    border-right-color: #334e68;
  }

  .lg\:hover\:border-b-gray-600:hover{
    border-bottom-color: #334e68;
  }

  .lg\:hover\:border-l-gray-600:hover{
    border-left-color: #334e68;
  }

  .lg\:hover\:border-t-gray-700:hover{
    border-top-color: #243b53;
  }

  .lg\:hover\:border-r-gray-700:hover{
    border-right-color: #243b53;
  }

  .lg\:hover\:border-b-gray-700:hover{
    border-bottom-color: #243b53;
  }

  .lg\:hover\:border-l-gray-700:hover{
    border-left-color: #243b53;
  }

  .lg\:hover\:border-t-gray-900:hover{
    border-top-color: #102a43;
  }

  .lg\:hover\:border-r-gray-900:hover{
    border-right-color: #102a43;
  }

  .lg\:hover\:border-b-gray-900:hover{
    border-bottom-color: #102a43;
  }

  .lg\:hover\:border-l-gray-900:hover{
    border-left-color: #102a43;
  }

  .lg\:hover\:border-t-magenta-dark:hover{
    border-top-color: #8f4731;
  }

  .lg\:hover\:border-r-magenta-dark:hover{
    border-right-color: #8f4731;
  }

  .lg\:hover\:border-b-magenta-dark:hover{
    border-bottom-color: #8f4731;
  }

  .lg\:hover\:border-l-magenta-dark:hover{
    border-left-color: #8f4731;
  }

  .lg\:hover\:border-t-magenta-bright:hover{
    border-top-color: #9C4429;
  }

  .lg\:hover\:border-r-magenta-bright:hover{
    border-right-color: #9C4429;
  }

  .lg\:hover\:border-b-magenta-bright:hover{
    border-bottom-color: #9C4429;
  }

  .lg\:hover\:border-l-magenta-bright:hover{
    border-left-color: #9C4429;
  }

  .lg\:hover\:border-t-magenta-hilight:hover{
    border-top-color: #CC522D;
  }

  .lg\:hover\:border-r-magenta-hilight:hover{
    border-right-color: #CC522D;
  }

  .lg\:hover\:border-b-magenta-hilight:hover{
    border-bottom-color: #CC522D;
  }

  .lg\:hover\:border-l-magenta-hilight:hover{
    border-left-color: #CC522D;
  }

  .lg\:hover\:border-t-teal-dark:hover{
    border-top-color: #2d5b6b;
  }

  .lg\:hover\:border-r-teal-dark:hover{
    border-right-color: #2d5b6b;
  }

  .lg\:hover\:border-b-teal-dark:hover{
    border-bottom-color: #2d5b6b;
  }

  .lg\:hover\:border-l-teal-dark:hover{
    border-left-color: #2d5b6b;
  }

  .lg\:hover\:border-t-teal-bright:hover{
    border-top-color: #2B738C;
  }

  .lg\:hover\:border-r-teal-bright:hover{
    border-right-color: #2B738C;
  }

  .lg\:hover\:border-b-teal-bright:hover{
    border-bottom-color: #2B738C;
  }

  .lg\:hover\:border-l-teal-bright:hover{
    border-left-color: #2B738C;
  }

  .lg\:hover\:border-t-teal-hilight:hover{
    border-top-color: #3CA1C4;
  }

  .lg\:hover\:border-r-teal-hilight:hover{
    border-right-color: #3CA1C4;
  }

  .lg\:hover\:border-b-teal-hilight:hover{
    border-bottom-color: #3CA1C4;
  }

  .lg\:hover\:border-l-teal-hilight:hover{
    border-left-color: #3CA1C4;
  }

  .lg\:hover\:border-t-mustard-dark:hover{
    border-top-color: #c47a53;
  }

  .lg\:hover\:border-r-mustard-dark:hover{
    border-right-color: #c47a53;
  }

  .lg\:hover\:border-b-mustard-dark:hover{
    border-bottom-color: #c47a53;
  }

  .lg\:hover\:border-l-mustard-dark:hover{
    border-left-color: #c47a53;
  }

  .lg\:hover\:border-t-mustard-bright:hover{
    border-top-color: #E07C48;
  }

  .lg\:hover\:border-r-mustard-bright:hover{
    border-right-color: #E07C48;
  }

  .lg\:hover\:border-b-mustard-bright:hover{
    border-bottom-color: #E07C48;
  }

  .lg\:hover\:border-l-mustard-bright:hover{
    border-left-color: #E07C48;
  }

  .lg\:hover\:border-t-mustard-hilight:hover{
    border-top-color: #FF7015;
  }

  .lg\:hover\:border-r-mustard-hilight:hover{
    border-right-color: #FF7015;
  }

  .lg\:hover\:border-b-mustard-hilight:hover{
    border-bottom-color: #FF7015;
  }

  .lg\:hover\:border-l-mustard-hilight:hover{
    border-left-color: #FF7015;
  }

  .lg\:hover\:border-t-purple-dark:hover{
    border-top-color: #6b2d5b;
  }

  .lg\:hover\:border-r-purple-dark:hover{
    border-right-color: #6b2d5b;
  }

  .lg\:hover\:border-b-purple-dark:hover{
    border-bottom-color: #6b2d5b;
  }

  .lg\:hover\:border-l-purple-dark:hover{
    border-left-color: #6b2d5b;
  }

  .lg\:hover\:border-t-purple-bright:hover{
    border-top-color: #8D2B74;
  }

  .lg\:hover\:border-r-purple-bright:hover{
    border-right-color: #8D2B74;
  }

  .lg\:hover\:border-b-purple-bright:hover{
    border-bottom-color: #8D2B74;
  }

  .lg\:hover\:border-l-purple-bright:hover{
    border-left-color: #8D2B74;
  }

  .lg\:hover\:border-t-purple-hilight:hover{
    border-top-color: #C0339C;
  }

  .lg\:hover\:border-r-purple-hilight:hover{
    border-right-color: #C0339C;
  }

  .lg\:hover\:border-b-purple-hilight:hover{
    border-bottom-color: #C0339C;
  }

  .lg\:hover\:border-l-purple-hilight:hover{
    border-left-color: #C0339C;
  }

  .lg\:hover\:border-t-purple-bookshop:hover{
    border-top-color: #584199;
  }

  .lg\:hover\:border-r-purple-bookshop:hover{
    border-right-color: #584199;
  }

  .lg\:hover\:border-b-purple-bookshop:hover{
    border-bottom-color: #584199;
  }

  .lg\:hover\:border-l-purple-bookshop:hover{
    border-left-color: #584199;
  }

  .lg\:hover\:border-t-green-dark:hover{
    border-top-color: #7b7d2a;
  }

  .lg\:hover\:border-r-green-dark:hover{
    border-right-color: #7b7d2a;
  }

  .lg\:hover\:border-b-green-dark:hover{
    border-bottom-color: #7b7d2a;
  }

  .lg\:hover\:border-l-green-dark:hover{
    border-left-color: #7b7d2a;
  }

  .lg\:hover\:border-t-green-bright:hover{
    border-top-color: #8F9220;
  }

  .lg\:hover\:border-r-green-bright:hover{
    border-right-color: #8F9220;
  }

  .lg\:hover\:border-b-green-bright:hover{
    border-bottom-color: #8F9220;
  }

  .lg\:hover\:border-l-green-bright:hover{
    border-left-color: #8F9220;
  }

  .lg\:hover\:border-t-green-hilight:hover{
    border-top-color: #B4B72A;
  }

  .lg\:hover\:border-r-green-hilight:hover{
    border-right-color: #B4B72A;
  }

  .lg\:hover\:border-b-green-hilight:hover{
    border-bottom-color: #B4B72A;
  }

  .lg\:hover\:border-l-green-hilight:hover{
    border-left-color: #B4B72A;
  }

  .lg\:hover\:border-t-navy-dark:hover{
    border-top-color: #52494c;
  }

  .lg\:hover\:border-r-navy-dark:hover{
    border-right-color: #52494c;
  }

  .lg\:hover\:border-b-navy-dark:hover{
    border-bottom-color: #52494c;
  }

  .lg\:hover\:border-l-navy-dark:hover{
    border-left-color: #52494c;
  }

  .lg\:hover\:border-t-navy-bright:hover{
    border-top-color: #6D565E;
  }

  .lg\:hover\:border-r-navy-bright:hover{
    border-right-color: #6D565E;
  }

  .lg\:hover\:border-b-navy-bright:hover{
    border-bottom-color: #6D565E;
  }

  .lg\:hover\:border-l-navy-bright:hover{
    border-left-color: #6D565E;
  }

  .lg\:hover\:border-t-navy-hilight:hover{
    border-top-color: #8A6A75;
  }

  .lg\:hover\:border-r-navy-hilight:hover{
    border-right-color: #8A6A75;
  }

  .lg\:hover\:border-b-navy-hilight:hover{
    border-bottom-color: #8A6A75;
  }

  .lg\:hover\:border-l-navy-hilight:hover{
    border-left-color: #8A6A75;
  }

  .lg\:hover\:border-t-transparent:hover{
    border-top-color: transparent;
  }

  .lg\:hover\:border-r-transparent:hover{
    border-right-color: transparent;
  }

  .lg\:hover\:border-b-transparent:hover{
    border-bottom-color: transparent;
  }

  .lg\:hover\:border-l-transparent:hover{
    border-left-color: transparent;
  }

  .lg\:hover\:border-t-black:hover{
    border-top-color: #101010;
  }

  .lg\:hover\:border-r-black:hover{
    border-right-color: #101010;
  }

  .lg\:hover\:border-b-black:hover{
    border-bottom-color: #101010;
  }

  .lg\:hover\:border-l-black:hover{
    border-left-color: #101010;
  }

  .lg\:hover\:border-t-white:hover{
    border-top-color: #fff;
  }

  .lg\:hover\:border-r-white:hover{
    border-right-color: #fff;
  }

  .lg\:hover\:border-b-white:hover{
    border-bottom-color: #fff;
  }

  .lg\:hover\:border-l-white:hover{
    border-left-color: #fff;
  }

  .lg\:hover\:border-t-red:hover{
    border-top-color: #E12D39;
  }

  .lg\:hover\:border-r-red:hover{
    border-right-color: #E12D39;
  }

  .lg\:hover\:border-b-red:hover{
    border-bottom-color: #E12D39;
  }

  .lg\:hover\:border-l-red:hover{
    border-left-color: #E12D39;
  }

  .lg\:focus\:border-t-blue-bright:focus{
    border-top-color: #0B69A3;
  }

  .lg\:focus\:border-r-blue-bright:focus{
    border-right-color: #0B69A3;
  }

  .lg\:focus\:border-b-blue-bright:focus{
    border-bottom-color: #0B69A3;
  }

  .lg\:focus\:border-l-blue-bright:focus{
    border-left-color: #0B69A3;
  }

  .lg\:focus\:border-t-blue-light:focus{
    border-top-color: #B3ECFF;
  }

  .lg\:focus\:border-r-blue-light:focus{
    border-right-color: #B3ECFF;
  }

  .lg\:focus\:border-b-blue-light:focus{
    border-bottom-color: #B3ECFF;
  }

  .lg\:focus\:border-l-blue-light:focus{
    border-left-color: #B3ECFF;
  }

  .lg\:focus\:border-t-blue-pale:focus{
    border-top-color: #DCEEFB;
  }

  .lg\:focus\:border-r-blue-pale:focus{
    border-right-color: #DCEEFB;
  }

  .lg\:focus\:border-b-blue-pale:focus{
    border-bottom-color: #DCEEFB;
  }

  .lg\:focus\:border-l-blue-pale:focus{
    border-left-color: #DCEEFB;
  }

  .lg\:focus\:border-t-blue-deep:focus{
    border-top-color: #035388;
  }

  .lg\:focus\:border-r-blue-deep:focus{
    border-right-color: #035388;
  }

  .lg\:focus\:border-b-blue-deep:focus{
    border-bottom-color: #035388;
  }

  .lg\:focus\:border-l-blue-deep:focus{
    border-left-color: #035388;
  }

  .lg\:focus\:border-t-blue-hilight:focus{
    border-top-color: #5ed0fa;
  }

  .lg\:focus\:border-r-blue-hilight:focus{
    border-right-color: #5ed0fa;
  }

  .lg\:focus\:border-b-blue-hilight:focus{
    border-bottom-color: #5ed0fa;
  }

  .lg\:focus\:border-l-blue-hilight:focus{
    border-left-color: #5ed0fa;
  }

  .lg\:focus\:border-t-blue-med:focus{
    border-top-color: #1992d4;
  }

  .lg\:focus\:border-r-blue-med:focus{
    border-right-color: #1992d4;
  }

  .lg\:focus\:border-b-blue-med:focus{
    border-bottom-color: #1992d4;
  }

  .lg\:focus\:border-l-blue-med:focus{
    border-left-color: #1992d4;
  }

  .lg\:focus\:border-t-blue-dark:focus{
    border-top-color: #003e6b;
  }

  .lg\:focus\:border-r-blue-dark:focus{
    border-right-color: #003e6b;
  }

  .lg\:focus\:border-b-blue-dark:focus{
    border-bottom-color: #003e6b;
  }

  .lg\:focus\:border-l-blue-dark:focus{
    border-left-color: #003e6b;
  }

  .lg\:focus\:border-t-gray-100:focus{
    border-top-color: #f0f4f8;
  }

  .lg\:focus\:border-r-gray-100:focus{
    border-right-color: #f0f4f8;
  }

  .lg\:focus\:border-b-gray-100:focus{
    border-bottom-color: #f0f4f8;
  }

  .lg\:focus\:border-l-gray-100:focus{
    border-left-color: #f0f4f8;
  }

  .lg\:focus\:border-t-gray-200:focus{
    border-top-color: #d9d9d9;
  }

  .lg\:focus\:border-r-gray-200:focus{
    border-right-color: #d9d9d9;
  }

  .lg\:focus\:border-b-gray-200:focus{
    border-bottom-color: #d9d9d9;
  }

  .lg\:focus\:border-l-gray-200:focus{
    border-left-color: #d9d9d9;
  }

  .lg\:focus\:border-t-gray-300:focus{
    border-top-color: #bcccdc;
  }

  .lg\:focus\:border-r-gray-300:focus{
    border-right-color: #bcccdc;
  }

  .lg\:focus\:border-b-gray-300:focus{
    border-bottom-color: #bcccdc;
  }

  .lg\:focus\:border-l-gray-300:focus{
    border-left-color: #bcccdc;
  }

  .lg\:focus\:border-t-gray-500:focus{
    border-top-color: #627d98;
  }

  .lg\:focus\:border-r-gray-500:focus{
    border-right-color: #627d98;
  }

  .lg\:focus\:border-b-gray-500:focus{
    border-bottom-color: #627d98;
  }

  .lg\:focus\:border-l-gray-500:focus{
    border-left-color: #627d98;
  }

  .lg\:focus\:border-t-gray-600:focus{
    border-top-color: #334e68;
  }

  .lg\:focus\:border-r-gray-600:focus{
    border-right-color: #334e68;
  }

  .lg\:focus\:border-b-gray-600:focus{
    border-bottom-color: #334e68;
  }

  .lg\:focus\:border-l-gray-600:focus{
    border-left-color: #334e68;
  }

  .lg\:focus\:border-t-gray-700:focus{
    border-top-color: #243b53;
  }

  .lg\:focus\:border-r-gray-700:focus{
    border-right-color: #243b53;
  }

  .lg\:focus\:border-b-gray-700:focus{
    border-bottom-color: #243b53;
  }

  .lg\:focus\:border-l-gray-700:focus{
    border-left-color: #243b53;
  }

  .lg\:focus\:border-t-gray-900:focus{
    border-top-color: #102a43;
  }

  .lg\:focus\:border-r-gray-900:focus{
    border-right-color: #102a43;
  }

  .lg\:focus\:border-b-gray-900:focus{
    border-bottom-color: #102a43;
  }

  .lg\:focus\:border-l-gray-900:focus{
    border-left-color: #102a43;
  }

  .lg\:focus\:border-t-magenta-dark:focus{
    border-top-color: #8f4731;
  }

  .lg\:focus\:border-r-magenta-dark:focus{
    border-right-color: #8f4731;
  }

  .lg\:focus\:border-b-magenta-dark:focus{
    border-bottom-color: #8f4731;
  }

  .lg\:focus\:border-l-magenta-dark:focus{
    border-left-color: #8f4731;
  }

  .lg\:focus\:border-t-magenta-bright:focus{
    border-top-color: #9C4429;
  }

  .lg\:focus\:border-r-magenta-bright:focus{
    border-right-color: #9C4429;
  }

  .lg\:focus\:border-b-magenta-bright:focus{
    border-bottom-color: #9C4429;
  }

  .lg\:focus\:border-l-magenta-bright:focus{
    border-left-color: #9C4429;
  }

  .lg\:focus\:border-t-magenta-hilight:focus{
    border-top-color: #CC522D;
  }

  .lg\:focus\:border-r-magenta-hilight:focus{
    border-right-color: #CC522D;
  }

  .lg\:focus\:border-b-magenta-hilight:focus{
    border-bottom-color: #CC522D;
  }

  .lg\:focus\:border-l-magenta-hilight:focus{
    border-left-color: #CC522D;
  }

  .lg\:focus\:border-t-teal-dark:focus{
    border-top-color: #2d5b6b;
  }

  .lg\:focus\:border-r-teal-dark:focus{
    border-right-color: #2d5b6b;
  }

  .lg\:focus\:border-b-teal-dark:focus{
    border-bottom-color: #2d5b6b;
  }

  .lg\:focus\:border-l-teal-dark:focus{
    border-left-color: #2d5b6b;
  }

  .lg\:focus\:border-t-teal-bright:focus{
    border-top-color: #2B738C;
  }

  .lg\:focus\:border-r-teal-bright:focus{
    border-right-color: #2B738C;
  }

  .lg\:focus\:border-b-teal-bright:focus{
    border-bottom-color: #2B738C;
  }

  .lg\:focus\:border-l-teal-bright:focus{
    border-left-color: #2B738C;
  }

  .lg\:focus\:border-t-teal-hilight:focus{
    border-top-color: #3CA1C4;
  }

  .lg\:focus\:border-r-teal-hilight:focus{
    border-right-color: #3CA1C4;
  }

  .lg\:focus\:border-b-teal-hilight:focus{
    border-bottom-color: #3CA1C4;
  }

  .lg\:focus\:border-l-teal-hilight:focus{
    border-left-color: #3CA1C4;
  }

  .lg\:focus\:border-t-mustard-dark:focus{
    border-top-color: #c47a53;
  }

  .lg\:focus\:border-r-mustard-dark:focus{
    border-right-color: #c47a53;
  }

  .lg\:focus\:border-b-mustard-dark:focus{
    border-bottom-color: #c47a53;
  }

  .lg\:focus\:border-l-mustard-dark:focus{
    border-left-color: #c47a53;
  }

  .lg\:focus\:border-t-mustard-bright:focus{
    border-top-color: #E07C48;
  }

  .lg\:focus\:border-r-mustard-bright:focus{
    border-right-color: #E07C48;
  }

  .lg\:focus\:border-b-mustard-bright:focus{
    border-bottom-color: #E07C48;
  }

  .lg\:focus\:border-l-mustard-bright:focus{
    border-left-color: #E07C48;
  }

  .lg\:focus\:border-t-mustard-hilight:focus{
    border-top-color: #FF7015;
  }

  .lg\:focus\:border-r-mustard-hilight:focus{
    border-right-color: #FF7015;
  }

  .lg\:focus\:border-b-mustard-hilight:focus{
    border-bottom-color: #FF7015;
  }

  .lg\:focus\:border-l-mustard-hilight:focus{
    border-left-color: #FF7015;
  }

  .lg\:focus\:border-t-purple-dark:focus{
    border-top-color: #6b2d5b;
  }

  .lg\:focus\:border-r-purple-dark:focus{
    border-right-color: #6b2d5b;
  }

  .lg\:focus\:border-b-purple-dark:focus{
    border-bottom-color: #6b2d5b;
  }

  .lg\:focus\:border-l-purple-dark:focus{
    border-left-color: #6b2d5b;
  }

  .lg\:focus\:border-t-purple-bright:focus{
    border-top-color: #8D2B74;
  }

  .lg\:focus\:border-r-purple-bright:focus{
    border-right-color: #8D2B74;
  }

  .lg\:focus\:border-b-purple-bright:focus{
    border-bottom-color: #8D2B74;
  }

  .lg\:focus\:border-l-purple-bright:focus{
    border-left-color: #8D2B74;
  }

  .lg\:focus\:border-t-purple-hilight:focus{
    border-top-color: #C0339C;
  }

  .lg\:focus\:border-r-purple-hilight:focus{
    border-right-color: #C0339C;
  }

  .lg\:focus\:border-b-purple-hilight:focus{
    border-bottom-color: #C0339C;
  }

  .lg\:focus\:border-l-purple-hilight:focus{
    border-left-color: #C0339C;
  }

  .lg\:focus\:border-t-purple-bookshop:focus{
    border-top-color: #584199;
  }

  .lg\:focus\:border-r-purple-bookshop:focus{
    border-right-color: #584199;
  }

  .lg\:focus\:border-b-purple-bookshop:focus{
    border-bottom-color: #584199;
  }

  .lg\:focus\:border-l-purple-bookshop:focus{
    border-left-color: #584199;
  }

  .lg\:focus\:border-t-green-dark:focus{
    border-top-color: #7b7d2a;
  }

  .lg\:focus\:border-r-green-dark:focus{
    border-right-color: #7b7d2a;
  }

  .lg\:focus\:border-b-green-dark:focus{
    border-bottom-color: #7b7d2a;
  }

  .lg\:focus\:border-l-green-dark:focus{
    border-left-color: #7b7d2a;
  }

  .lg\:focus\:border-t-green-bright:focus{
    border-top-color: #8F9220;
  }

  .lg\:focus\:border-r-green-bright:focus{
    border-right-color: #8F9220;
  }

  .lg\:focus\:border-b-green-bright:focus{
    border-bottom-color: #8F9220;
  }

  .lg\:focus\:border-l-green-bright:focus{
    border-left-color: #8F9220;
  }

  .lg\:focus\:border-t-green-hilight:focus{
    border-top-color: #B4B72A;
  }

  .lg\:focus\:border-r-green-hilight:focus{
    border-right-color: #B4B72A;
  }

  .lg\:focus\:border-b-green-hilight:focus{
    border-bottom-color: #B4B72A;
  }

  .lg\:focus\:border-l-green-hilight:focus{
    border-left-color: #B4B72A;
  }

  .lg\:focus\:border-t-navy-dark:focus{
    border-top-color: #52494c;
  }

  .lg\:focus\:border-r-navy-dark:focus{
    border-right-color: #52494c;
  }

  .lg\:focus\:border-b-navy-dark:focus{
    border-bottom-color: #52494c;
  }

  .lg\:focus\:border-l-navy-dark:focus{
    border-left-color: #52494c;
  }

  .lg\:focus\:border-t-navy-bright:focus{
    border-top-color: #6D565E;
  }

  .lg\:focus\:border-r-navy-bright:focus{
    border-right-color: #6D565E;
  }

  .lg\:focus\:border-b-navy-bright:focus{
    border-bottom-color: #6D565E;
  }

  .lg\:focus\:border-l-navy-bright:focus{
    border-left-color: #6D565E;
  }

  .lg\:focus\:border-t-navy-hilight:focus{
    border-top-color: #8A6A75;
  }

  .lg\:focus\:border-r-navy-hilight:focus{
    border-right-color: #8A6A75;
  }

  .lg\:focus\:border-b-navy-hilight:focus{
    border-bottom-color: #8A6A75;
  }

  .lg\:focus\:border-l-navy-hilight:focus{
    border-left-color: #8A6A75;
  }

  .lg\:focus\:border-t-transparent:focus{
    border-top-color: transparent;
  }

  .lg\:focus\:border-r-transparent:focus{
    border-right-color: transparent;
  }

  .lg\:focus\:border-b-transparent:focus{
    border-bottom-color: transparent;
  }

  .lg\:focus\:border-l-transparent:focus{
    border-left-color: transparent;
  }

  .lg\:focus\:border-t-black:focus{
    border-top-color: #101010;
  }

  .lg\:focus\:border-r-black:focus{
    border-right-color: #101010;
  }

  .lg\:focus\:border-b-black:focus{
    border-bottom-color: #101010;
  }

  .lg\:focus\:border-l-black:focus{
    border-left-color: #101010;
  }

  .lg\:focus\:border-t-white:focus{
    border-top-color: #fff;
  }

  .lg\:focus\:border-r-white:focus{
    border-right-color: #fff;
  }

  .lg\:focus\:border-b-white:focus{
    border-bottom-color: #fff;
  }

  .lg\:focus\:border-l-white:focus{
    border-left-color: #fff;
  }

  .lg\:focus\:border-t-red:focus{
    border-top-color: #E12D39;
  }

  .lg\:focus\:border-r-red:focus{
    border-right-color: #E12D39;
  }

  .lg\:focus\:border-b-red:focus{
    border-bottom-color: #E12D39;
  }

  .lg\:focus\:border-l-red:focus{
    border-left-color: #E12D39;
  }
}

@media (min-width: 1280px){
  .xl\:container{
    width: 100%;
  }

  @media (min-width: 640px){
    .xl\:container{
      max-width: 640px;
    }
  }

  @media (min-width: 768px){
    .xl\:container{
      max-width: 768px;
    }
  }

  @media (min-width: 1024px){
    .xl\:container{
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px){
    .xl\:container{
      max-width: 1280px;
    }
  }

  .xl\:space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0px * var(--space-y-reverse));
  }

  .xl\:space-x-0 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0px * var(--space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--space-y-reverse));
  }

  .xl\:space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--space-y-reverse));
  }

  .xl\:space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--space-y-reverse));
  }

  .xl\:space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(0.75rem * var(--space-x-reverse));
    margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1rem * var(--space-y-reverse));
  }

  .xl\:space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1rem * var(--space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--space-y-reverse));
  }

  .xl\:space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1.25rem * var(--space-x-reverse));
    margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--space-y-reverse));
  }

  .xl\:space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2rem * var(--space-y-reverse));
  }

  .xl\:space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(2rem * var(--space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--space-y-reverse));
  }

  .xl\:space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(2.5rem * var(--space-x-reverse));
    margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(3rem * var(--space-y-reverse));
  }

  .xl\:space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(3rem * var(--space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(4rem * var(--space-y-reverse));
  }

  .xl\:space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(4rem * var(--space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(5rem * var(--space-y-reverse));
  }

  .xl\:space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(5rem * var(--space-x-reverse));
    margin-left: calc(5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(6rem * var(--space-y-reverse));
  }

  .xl\:space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(6rem * var(--space-x-reverse));
    margin-left: calc(6rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(8rem * var(--space-y-reverse));
  }

  .xl\:space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(8rem * var(--space-x-reverse));
    margin-left: calc(8rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(10rem * var(--space-y-reverse));
  }

  .xl\:space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(10rem * var(--space-x-reverse));
    margin-left: calc(10rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(12rem * var(--space-y-reverse));
  }

  .xl\:space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(12rem * var(--space-x-reverse));
    margin-left: calc(12rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(14rem * var(--space-y-reverse));
  }

  .xl\:space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(14rem * var(--space-x-reverse));
    margin-left: calc(14rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(16rem * var(--space-y-reverse));
  }

  .xl\:space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(16rem * var(--space-x-reverse));
    margin-left: calc(16rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(1px * var(--space-y-reverse));
  }

  .xl\:space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(1px * var(--space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.25rem * var(--space-y-reverse));
  }

  .xl\:-space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.25rem * var(--space-x-reverse));
    margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.5rem * var(--space-y-reverse));
  }

  .xl\:-space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-0.75rem * var(--space-y-reverse));
  }

  .xl\:-space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-0.75rem * var(--space-x-reverse));
    margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1rem * var(--space-y-reverse));
  }

  .xl\:-space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1rem * var(--space-x-reverse));
    margin-left: calc(-1rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.25rem * var(--space-y-reverse));
  }

  .xl\:-space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1.25rem * var(--space-x-reverse));
    margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1.5rem * var(--space-y-reverse));
  }

  .xl\:-space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1.5rem * var(--space-x-reverse));
    margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2rem * var(--space-y-reverse));
  }

  .xl\:-space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-2rem * var(--space-x-reverse));
    margin-left: calc(-2rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-2.5rem * var(--space-y-reverse));
  }

  .xl\:-space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-2.5rem * var(--space-x-reverse));
    margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-3rem * var(--space-y-reverse));
  }

  .xl\:-space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-3rem * var(--space-x-reverse));
    margin-left: calc(-3rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-4rem * var(--space-y-reverse));
  }

  .xl\:-space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-4rem * var(--space-x-reverse));
    margin-left: calc(-4rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-5rem * var(--space-y-reverse));
  }

  .xl\:-space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-5rem * var(--space-x-reverse));
    margin-left: calc(-5rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-6rem * var(--space-y-reverse));
  }

  .xl\:-space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-6rem * var(--space-x-reverse));
    margin-left: calc(-6rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-8rem * var(--space-y-reverse));
  }

  .xl\:-space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-8rem * var(--space-x-reverse));
    margin-left: calc(-8rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-10rem * var(--space-y-reverse));
  }

  .xl\:-space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-10rem * var(--space-x-reverse));
    margin-left: calc(-10rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-12rem * var(--space-y-reverse));
  }

  .xl\:-space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-12rem * var(--space-x-reverse));
    margin-left: calc(-12rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-14rem * var(--space-y-reverse));
  }

  .xl\:-space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-14rem * var(--space-x-reverse));
    margin-left: calc(-14rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-16rem * var(--space-y-reverse));
  }

  .xl\:-space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-16rem * var(--space-x-reverse));
    margin-left: calc(-16rem * calc(1 - var(--space-x-reverse)));
  }

  .xl\:-space-y-px > :not(template) ~ :not(template){
    --space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom: calc(-1px * var(--space-y-reverse));
  }

  .xl\:-space-x-px > :not(template) ~ :not(template){
    --space-x-reverse: 0;
    margin-right: calc(-1px * var(--space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--space-x-reverse)));
  }

  .xl\:space-y-reverse > :not(template) ~ :not(template){
    --space-y-reverse: 1;
  }

  .xl\:space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse: 1;
  }

  .xl\:divide-y-0 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(0px * var(--divide-y-reverse));
  }

  .xl\:divide-x-0 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(0px * var(--divide-x-reverse));
    border-left-width: calc(0px * calc(1 - var(--divide-x-reverse)));
  }

  .xl\:divide-y-2 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(2px * var(--divide-y-reverse));
  }

  .xl\:divide-x-2 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(2px * var(--divide-x-reverse));
    border-left-width: calc(2px * calc(1 - var(--divide-x-reverse)));
  }

  .xl\:divide-y-4 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(4px * var(--divide-y-reverse));
  }

  .xl\:divide-x-4 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(4px * var(--divide-x-reverse));
    border-left-width: calc(4px * calc(1 - var(--divide-x-reverse)));
  }

  .xl\:divide-y-8 > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(8px * var(--divide-y-reverse));
  }

  .xl\:divide-x-8 > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(8px * var(--divide-x-reverse));
    border-left-width: calc(8px * calc(1 - var(--divide-x-reverse)));
  }

  .xl\:divide-y > :not(template) ~ :not(template){
    --divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width: calc(1px * var(--divide-y-reverse));
  }

  .xl\:divide-x > :not(template) ~ :not(template){
    --divide-x-reverse: 0;
    border-right-width: calc(1px * var(--divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--divide-x-reverse)));
  }

  .xl\:divide-y-reverse > :not(template) ~ :not(template){
    --divide-y-reverse: 1;
  }

  .xl\:divide-x-reverse > :not(template) ~ :not(template){
    --divide-x-reverse: 1;
  }

  .xl\:divide-blue-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #0B69A3;
    border-color: rgba(11, 105, 163, var(--divide-opacity));
  }

  .xl\:divide-blue-light > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #B3ECFF;
    border-color: rgba(179, 236, 255, var(--divide-opacity));
  }

  .xl\:divide-blue-pale > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #DCEEFB;
    border-color: rgba(220, 238, 251, var(--divide-opacity));
  }

  .xl\:divide-blue-deep > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #035388;
    border-color: rgba(3, 83, 136, var(--divide-opacity));
  }

  .xl\:divide-blue-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #5ed0fa;
    border-color: rgba(94, 208, 250, var(--divide-opacity));
  }

  .xl\:divide-blue-med > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #1992d4;
    border-color: rgba(25, 146, 212, var(--divide-opacity));
  }

  .xl\:divide-blue-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #003e6b;
    border-color: rgba(0, 62, 107, var(--divide-opacity));
  }

  .xl\:divide-gray-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #f0f4f8;
    border-color: rgba(240, 244, 248, var(--divide-opacity));
  }

  .xl\:divide-gray-200 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #d9d9d9;
    border-color: rgba(217, 217, 217, var(--divide-opacity));
  }

  .xl\:divide-gray-300 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #bcccdc;
    border-color: rgba(188, 204, 220, var(--divide-opacity));
  }

  .xl\:divide-gray-500 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #627d98;
    border-color: rgba(98, 125, 152, var(--divide-opacity));
  }

  .xl\:divide-gray-600 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #334e68;
    border-color: rgba(51, 78, 104, var(--divide-opacity));
  }

  .xl\:divide-gray-700 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #243b53;
    border-color: rgba(36, 59, 83, var(--divide-opacity));
  }

  .xl\:divide-gray-900 > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #102a43;
    border-color: rgba(16, 42, 67, var(--divide-opacity));
  }

  .xl\:divide-magenta-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #8f4731;
    border-color: rgba(143, 71, 49, var(--divide-opacity));
  }

  .xl\:divide-magenta-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #9C4429;
    border-color: rgba(156, 68, 41, var(--divide-opacity));
  }

  .xl\:divide-magenta-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #CC522D;
    border-color: rgba(204, 82, 45, var(--divide-opacity));
  }

  .xl\:divide-teal-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2d5b6b;
    border-color: rgba(45, 91, 107, var(--divide-opacity));
  }

  .xl\:divide-teal-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #2B738C;
    border-color: rgba(43, 115, 140, var(--divide-opacity));
  }

  .xl\:divide-teal-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #3CA1C4;
    border-color: rgba(60, 161, 196, var(--divide-opacity));
  }

  .xl\:divide-mustard-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #c47a53;
    border-color: rgba(196, 122, 83, var(--divide-opacity));
  }

  .xl\:divide-mustard-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #E07C48;
    border-color: rgba(224, 124, 72, var(--divide-opacity));
  }

  .xl\:divide-mustard-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #FF7015;
    border-color: rgba(255, 112, 21, var(--divide-opacity));
  }

  .xl\:divide-purple-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #6b2d5b;
    border-color: rgba(107, 45, 91, var(--divide-opacity));
  }

  .xl\:divide-purple-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #8D2B74;
    border-color: rgba(141, 43, 116, var(--divide-opacity));
  }

  .xl\:divide-purple-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #C0339C;
    border-color: rgba(192, 51, 156, var(--divide-opacity));
  }

  .xl\:divide-purple-bookshop > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #584199;
    border-color: rgba(88, 65, 153, var(--divide-opacity));
  }

  .xl\:divide-green-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #7b7d2a;
    border-color: rgba(123, 125, 42, var(--divide-opacity));
  }

  .xl\:divide-green-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #8F9220;
    border-color: rgba(143, 146, 32, var(--divide-opacity));
  }

  .xl\:divide-green-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #B4B72A;
    border-color: rgba(180, 183, 42, var(--divide-opacity));
  }

  .xl\:divide-navy-dark > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #52494c;
    border-color: rgba(82, 73, 76, var(--divide-opacity));
  }

  .xl\:divide-navy-bright > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #6D565E;
    border-color: rgba(109, 86, 94, var(--divide-opacity));
  }

  .xl\:divide-navy-hilight > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #8A6A75;
    border-color: rgba(138, 106, 117, var(--divide-opacity));
  }

  .xl\:divide-transparent > :not(template) ~ :not(template){
    border-color: transparent;
  }

  .xl\:divide-black > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #101010;
    border-color: rgba(16, 16, 16, var(--divide-opacity));
  }

  .xl\:divide-white > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--divide-opacity));
  }

  .xl\:divide-red > :not(template) ~ :not(template){
    --divide-opacity: 1;
    border-color: #E12D39;
    border-color: rgba(225, 45, 57, var(--divide-opacity));
  }

  .xl\:divide-solid > :not(template) ~ :not(template){
    border-style: solid;
  }

  .xl\:divide-dashed > :not(template) ~ :not(template){
    border-style: dashed;
  }

  .xl\:divide-dotted > :not(template) ~ :not(template){
    border-style: dotted;
  }

  .xl\:divide-double > :not(template) ~ :not(template){
    border-style: double;
  }

  .xl\:divide-none > :not(template) ~ :not(template){
    border-style: none;
  }

  .xl\:divide-opacity-0 > :not(template) ~ :not(template){
    --divide-opacity: 0;
  }

  .xl\:divide-opacity-25 > :not(template) ~ :not(template){
    --divide-opacity: 0.25;
  }

  .xl\:divide-opacity-50 > :not(template) ~ :not(template){
    --divide-opacity: 0.5;
  }

  .xl\:divide-opacity-75 > :not(template) ~ :not(template){
    --divide-opacity: 0.75;
  }

  .xl\:divide-opacity-100 > :not(template) ~ :not(template){
    --divide-opacity: 1;
  }

  .xl\:sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .xl\:not-sr-only{
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .xl\:focus\:sr-only:focus{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }

  .xl\:focus\:not-sr-only:focus{
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }

  .xl\:appearance-none{
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

  .xl\:bg-fixed{
    background-attachment: fixed;
  }

  .xl\:bg-local{
    background-attachment: local;
  }

  .xl\:bg-scroll{
    background-attachment: scroll;
  }

  .xl\:bg-clip-border{
    background-clip: border-box;
  }

  .xl\:bg-clip-padding{
    background-clip: padding-box;
  }

  .xl\:bg-clip-content{
    background-clip: content-box;
  }

  .xl\:bg-clip-text{
    -webkit-background-clip: text;
            background-clip: text;
  }

  .xl\:bg-blue-bright{
    --bg-opacity: 1;
    background-color: #0B69A3;
    background-color: rgba(11, 105, 163, var(--bg-opacity));
  }

  .xl\:bg-blue-light{
    --bg-opacity: 1;
    background-color: #B3ECFF;
    background-color: rgba(179, 236, 255, var(--bg-opacity));
  }

  .xl\:bg-blue-pale{
    --bg-opacity: 1;
    background-color: #DCEEFB;
    background-color: rgba(220, 238, 251, var(--bg-opacity));
  }

  .xl\:bg-blue-deep{
    --bg-opacity: 1;
    background-color: #035388;
    background-color: rgba(3, 83, 136, var(--bg-opacity));
  }

  .xl\:bg-blue-hilight{
    --bg-opacity: 1;
    background-color: #5ed0fa;
    background-color: rgba(94, 208, 250, var(--bg-opacity));
  }

  .xl\:bg-blue-med{
    --bg-opacity: 1;
    background-color: #1992d4;
    background-color: rgba(25, 146, 212, var(--bg-opacity));
  }

  .xl\:bg-blue-dark{
    --bg-opacity: 1;
    background-color: #003e6b;
    background-color: rgba(0, 62, 107, var(--bg-opacity));
  }

  .xl\:bg-gray-100{
    --bg-opacity: 1;
    background-color: #f0f4f8;
    background-color: rgba(240, 244, 248, var(--bg-opacity));
  }

  .xl\:bg-gray-200{
    --bg-opacity: 1;
    background-color: #d9d9d9;
    background-color: rgba(217, 217, 217, var(--bg-opacity));
  }

  .xl\:bg-gray-300{
    --bg-opacity: 1;
    background-color: #bcccdc;
    background-color: rgba(188, 204, 220, var(--bg-opacity));
  }

  .xl\:bg-gray-500{
    --bg-opacity: 1;
    background-color: #627d98;
    background-color: rgba(98, 125, 152, var(--bg-opacity));
  }

  .xl\:bg-gray-600{
    --bg-opacity: 1;
    background-color: #334e68;
    background-color: rgba(51, 78, 104, var(--bg-opacity));
  }

  .xl\:bg-gray-700{
    --bg-opacity: 1;
    background-color: #243b53;
    background-color: rgba(36, 59, 83, var(--bg-opacity));
  }

  .xl\:bg-gray-900{
    --bg-opacity: 1;
    background-color: #102a43;
    background-color: rgba(16, 42, 67, var(--bg-opacity));
  }

  .xl\:bg-magenta-dark{
    --bg-opacity: 1;
    background-color: #8f4731;
    background-color: rgba(143, 71, 49, var(--bg-opacity));
  }

  .xl\:bg-magenta-bright{
    --bg-opacity: 1;
    background-color: #9C4429;
    background-color: rgba(156, 68, 41, var(--bg-opacity));
  }

  .xl\:bg-magenta-hilight{
    --bg-opacity: 1;
    background-color: #CC522D;
    background-color: rgba(204, 82, 45, var(--bg-opacity));
  }

  .xl\:bg-teal-dark{
    --bg-opacity: 1;
    background-color: #2d5b6b;
    background-color: rgba(45, 91, 107, var(--bg-opacity));
  }

  .xl\:bg-teal-bright{
    --bg-opacity: 1;
    background-color: #2B738C;
    background-color: rgba(43, 115, 140, var(--bg-opacity));
  }

  .xl\:bg-teal-hilight{
    --bg-opacity: 1;
    background-color: #3CA1C4;
    background-color: rgba(60, 161, 196, var(--bg-opacity));
  }

  .xl\:bg-mustard-dark{
    --bg-opacity: 1;
    background-color: #c47a53;
    background-color: rgba(196, 122, 83, var(--bg-opacity));
  }

  .xl\:bg-mustard-bright{
    --bg-opacity: 1;
    background-color: #E07C48;
    background-color: rgba(224, 124, 72, var(--bg-opacity));
  }

  .xl\:bg-mustard-hilight{
    --bg-opacity: 1;
    background-color: #FF7015;
    background-color: rgba(255, 112, 21, var(--bg-opacity));
  }

  .xl\:bg-purple-dark{
    --bg-opacity: 1;
    background-color: #6b2d5b;
    background-color: rgba(107, 45, 91, var(--bg-opacity));
  }

  .xl\:bg-purple-bright{
    --bg-opacity: 1;
    background-color: #8D2B74;
    background-color: rgba(141, 43, 116, var(--bg-opacity));
  }

  .xl\:bg-purple-hilight{
    --bg-opacity: 1;
    background-color: #C0339C;
    background-color: rgba(192, 51, 156, var(--bg-opacity));
  }

  .xl\:bg-purple-bookshop{
    --bg-opacity: 1;
    background-color: #584199;
    background-color: rgba(88, 65, 153, var(--bg-opacity));
  }

  .xl\:bg-green-dark{
    --bg-opacity: 1;
    background-color: #7b7d2a;
    background-color: rgba(123, 125, 42, var(--bg-opacity));
  }

  .xl\:bg-green-bright{
    --bg-opacity: 1;
    background-color: #8F9220;
    background-color: rgba(143, 146, 32, var(--bg-opacity));
  }

  .xl\:bg-green-hilight{
    --bg-opacity: 1;
    background-color: #B4B72A;
    background-color: rgba(180, 183, 42, var(--bg-opacity));
  }

  .xl\:bg-navy-dark{
    --bg-opacity: 1;
    background-color: #52494c;
    background-color: rgba(82, 73, 76, var(--bg-opacity));
  }

  .xl\:bg-navy-bright{
    --bg-opacity: 1;
    background-color: #6D565E;
    background-color: rgba(109, 86, 94, var(--bg-opacity));
  }

  .xl\:bg-navy-hilight{
    --bg-opacity: 1;
    background-color: #8A6A75;
    background-color: rgba(138, 106, 117, var(--bg-opacity));
  }

  .xl\:bg-transparent{
    background-color: transparent;
  }

  .xl\:bg-black{
    --bg-opacity: 1;
    background-color: #101010;
    background-color: rgba(16, 16, 16, var(--bg-opacity));
  }

  .xl\:bg-white{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xl\:bg-red{
    --bg-opacity: 1;
    background-color: #E12D39;
    background-color: rgba(225, 45, 57, var(--bg-opacity));
  }

  .xl\:hover\:bg-blue-bright:hover{
    --bg-opacity: 1;
    background-color: #0B69A3;
    background-color: rgba(11, 105, 163, var(--bg-opacity));
  }

  .xl\:hover\:bg-blue-light:hover{
    --bg-opacity: 1;
    background-color: #B3ECFF;
    background-color: rgba(179, 236, 255, var(--bg-opacity));
  }

  .xl\:hover\:bg-blue-pale:hover{
    --bg-opacity: 1;
    background-color: #DCEEFB;
    background-color: rgba(220, 238, 251, var(--bg-opacity));
  }

  .xl\:hover\:bg-blue-deep:hover{
    --bg-opacity: 1;
    background-color: #035388;
    background-color: rgba(3, 83, 136, var(--bg-opacity));
  }

  .xl\:hover\:bg-blue-hilight:hover{
    --bg-opacity: 1;
    background-color: #5ed0fa;
    background-color: rgba(94, 208, 250, var(--bg-opacity));
  }

  .xl\:hover\:bg-blue-med:hover{
    --bg-opacity: 1;
    background-color: #1992d4;
    background-color: rgba(25, 146, 212, var(--bg-opacity));
  }

  .xl\:hover\:bg-blue-dark:hover{
    --bg-opacity: 1;
    background-color: #003e6b;
    background-color: rgba(0, 62, 107, var(--bg-opacity));
  }

  .xl\:hover\:bg-gray-100:hover{
    --bg-opacity: 1;
    background-color: #f0f4f8;
    background-color: rgba(240, 244, 248, var(--bg-opacity));
  }

  .xl\:hover\:bg-gray-200:hover{
    --bg-opacity: 1;
    background-color: #d9d9d9;
    background-color: rgba(217, 217, 217, var(--bg-opacity));
  }

  .xl\:hover\:bg-gray-300:hover{
    --bg-opacity: 1;
    background-color: #bcccdc;
    background-color: rgba(188, 204, 220, var(--bg-opacity));
  }

  .xl\:hover\:bg-gray-500:hover{
    --bg-opacity: 1;
    background-color: #627d98;
    background-color: rgba(98, 125, 152, var(--bg-opacity));
  }

  .xl\:hover\:bg-gray-600:hover{
    --bg-opacity: 1;
    background-color: #334e68;
    background-color: rgba(51, 78, 104, var(--bg-opacity));
  }

  .xl\:hover\:bg-gray-700:hover{
    --bg-opacity: 1;
    background-color: #243b53;
    background-color: rgba(36, 59, 83, var(--bg-opacity));
  }

  .xl\:hover\:bg-gray-900:hover{
    --bg-opacity: 1;
    background-color: #102a43;
    background-color: rgba(16, 42, 67, var(--bg-opacity));
  }

  .xl\:hover\:bg-magenta-dark:hover{
    --bg-opacity: 1;
    background-color: #8f4731;
    background-color: rgba(143, 71, 49, var(--bg-opacity));
  }

  .xl\:hover\:bg-magenta-bright:hover{
    --bg-opacity: 1;
    background-color: #9C4429;
    background-color: rgba(156, 68, 41, var(--bg-opacity));
  }

  .xl\:hover\:bg-magenta-hilight:hover{
    --bg-opacity: 1;
    background-color: #CC522D;
    background-color: rgba(204, 82, 45, var(--bg-opacity));
  }

  .xl\:hover\:bg-teal-dark:hover{
    --bg-opacity: 1;
    background-color: #2d5b6b;
    background-color: rgba(45, 91, 107, var(--bg-opacity));
  }

  .xl\:hover\:bg-teal-bright:hover{
    --bg-opacity: 1;
    background-color: #2B738C;
    background-color: rgba(43, 115, 140, var(--bg-opacity));
  }

  .xl\:hover\:bg-teal-hilight:hover{
    --bg-opacity: 1;
    background-color: #3CA1C4;
    background-color: rgba(60, 161, 196, var(--bg-opacity));
  }

  .xl\:hover\:bg-mustard-dark:hover{
    --bg-opacity: 1;
    background-color: #c47a53;
    background-color: rgba(196, 122, 83, var(--bg-opacity));
  }

  .xl\:hover\:bg-mustard-bright:hover{
    --bg-opacity: 1;
    background-color: #E07C48;
    background-color: rgba(224, 124, 72, var(--bg-opacity));
  }

  .xl\:hover\:bg-mustard-hilight:hover{
    --bg-opacity: 1;
    background-color: #FF7015;
    background-color: rgba(255, 112, 21, var(--bg-opacity));
  }

  .xl\:hover\:bg-purple-dark:hover{
    --bg-opacity: 1;
    background-color: #6b2d5b;
    background-color: rgba(107, 45, 91, var(--bg-opacity));
  }

  .xl\:hover\:bg-purple-bright:hover{
    --bg-opacity: 1;
    background-color: #8D2B74;
    background-color: rgba(141, 43, 116, var(--bg-opacity));
  }

  .xl\:hover\:bg-purple-hilight:hover{
    --bg-opacity: 1;
    background-color: #C0339C;
    background-color: rgba(192, 51, 156, var(--bg-opacity));
  }

  .xl\:hover\:bg-purple-bookshop:hover{
    --bg-opacity: 1;
    background-color: #584199;
    background-color: rgba(88, 65, 153, var(--bg-opacity));
  }

  .xl\:hover\:bg-green-dark:hover{
    --bg-opacity: 1;
    background-color: #7b7d2a;
    background-color: rgba(123, 125, 42, var(--bg-opacity));
  }

  .xl\:hover\:bg-green-bright:hover{
    --bg-opacity: 1;
    background-color: #8F9220;
    background-color: rgba(143, 146, 32, var(--bg-opacity));
  }

  .xl\:hover\:bg-green-hilight:hover{
    --bg-opacity: 1;
    background-color: #B4B72A;
    background-color: rgba(180, 183, 42, var(--bg-opacity));
  }

  .xl\:hover\:bg-navy-dark:hover{
    --bg-opacity: 1;
    background-color: #52494c;
    background-color: rgba(82, 73, 76, var(--bg-opacity));
  }

  .xl\:hover\:bg-navy-bright:hover{
    --bg-opacity: 1;
    background-color: #6D565E;
    background-color: rgba(109, 86, 94, var(--bg-opacity));
  }

  .xl\:hover\:bg-navy-hilight:hover{
    --bg-opacity: 1;
    background-color: #8A6A75;
    background-color: rgba(138, 106, 117, var(--bg-opacity));
  }

  .xl\:hover\:bg-transparent:hover{
    background-color: transparent;
  }

  .xl\:hover\:bg-black:hover{
    --bg-opacity: 1;
    background-color: #101010;
    background-color: rgba(16, 16, 16, var(--bg-opacity));
  }

  .xl\:hover\:bg-white:hover{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xl\:hover\:bg-red:hover{
    --bg-opacity: 1;
    background-color: #E12D39;
    background-color: rgba(225, 45, 57, var(--bg-opacity));
  }

  .xl\:focus\:bg-blue-bright:focus{
    --bg-opacity: 1;
    background-color: #0B69A3;
    background-color: rgba(11, 105, 163, var(--bg-opacity));
  }

  .xl\:focus\:bg-blue-light:focus{
    --bg-opacity: 1;
    background-color: #B3ECFF;
    background-color: rgba(179, 236, 255, var(--bg-opacity));
  }

  .xl\:focus\:bg-blue-pale:focus{
    --bg-opacity: 1;
    background-color: #DCEEFB;
    background-color: rgba(220, 238, 251, var(--bg-opacity));
  }

  .xl\:focus\:bg-blue-deep:focus{
    --bg-opacity: 1;
    background-color: #035388;
    background-color: rgba(3, 83, 136, var(--bg-opacity));
  }

  .xl\:focus\:bg-blue-hilight:focus{
    --bg-opacity: 1;
    background-color: #5ed0fa;
    background-color: rgba(94, 208, 250, var(--bg-opacity));
  }

  .xl\:focus\:bg-blue-med:focus{
    --bg-opacity: 1;
    background-color: #1992d4;
    background-color: rgba(25, 146, 212, var(--bg-opacity));
  }

  .xl\:focus\:bg-blue-dark:focus{
    --bg-opacity: 1;
    background-color: #003e6b;
    background-color: rgba(0, 62, 107, var(--bg-opacity));
  }

  .xl\:focus\:bg-gray-100:focus{
    --bg-opacity: 1;
    background-color: #f0f4f8;
    background-color: rgba(240, 244, 248, var(--bg-opacity));
  }

  .xl\:focus\:bg-gray-200:focus{
    --bg-opacity: 1;
    background-color: #d9d9d9;
    background-color: rgba(217, 217, 217, var(--bg-opacity));
  }

  .xl\:focus\:bg-gray-300:focus{
    --bg-opacity: 1;
    background-color: #bcccdc;
    background-color: rgba(188, 204, 220, var(--bg-opacity));
  }

  .xl\:focus\:bg-gray-500:focus{
    --bg-opacity: 1;
    background-color: #627d98;
    background-color: rgba(98, 125, 152, var(--bg-opacity));
  }

  .xl\:focus\:bg-gray-600:focus{
    --bg-opacity: 1;
    background-color: #334e68;
    background-color: rgba(51, 78, 104, var(--bg-opacity));
  }

  .xl\:focus\:bg-gray-700:focus{
    --bg-opacity: 1;
    background-color: #243b53;
    background-color: rgba(36, 59, 83, var(--bg-opacity));
  }

  .xl\:focus\:bg-gray-900:focus{
    --bg-opacity: 1;
    background-color: #102a43;
    background-color: rgba(16, 42, 67, var(--bg-opacity));
  }

  .xl\:focus\:bg-magenta-dark:focus{
    --bg-opacity: 1;
    background-color: #8f4731;
    background-color: rgba(143, 71, 49, var(--bg-opacity));
  }

  .xl\:focus\:bg-magenta-bright:focus{
    --bg-opacity: 1;
    background-color: #9C4429;
    background-color: rgba(156, 68, 41, var(--bg-opacity));
  }

  .xl\:focus\:bg-magenta-hilight:focus{
    --bg-opacity: 1;
    background-color: #CC522D;
    background-color: rgba(204, 82, 45, var(--bg-opacity));
  }

  .xl\:focus\:bg-teal-dark:focus{
    --bg-opacity: 1;
    background-color: #2d5b6b;
    background-color: rgba(45, 91, 107, var(--bg-opacity));
  }

  .xl\:focus\:bg-teal-bright:focus{
    --bg-opacity: 1;
    background-color: #2B738C;
    background-color: rgba(43, 115, 140, var(--bg-opacity));
  }

  .xl\:focus\:bg-teal-hilight:focus{
    --bg-opacity: 1;
    background-color: #3CA1C4;
    background-color: rgba(60, 161, 196, var(--bg-opacity));
  }

  .xl\:focus\:bg-mustard-dark:focus{
    --bg-opacity: 1;
    background-color: #c47a53;
    background-color: rgba(196, 122, 83, var(--bg-opacity));
  }

  .xl\:focus\:bg-mustard-bright:focus{
    --bg-opacity: 1;
    background-color: #E07C48;
    background-color: rgba(224, 124, 72, var(--bg-opacity));
  }

  .xl\:focus\:bg-mustard-hilight:focus{
    --bg-opacity: 1;
    background-color: #FF7015;
    background-color: rgba(255, 112, 21, var(--bg-opacity));
  }

  .xl\:focus\:bg-purple-dark:focus{
    --bg-opacity: 1;
    background-color: #6b2d5b;
    background-color: rgba(107, 45, 91, var(--bg-opacity));
  }

  .xl\:focus\:bg-purple-bright:focus{
    --bg-opacity: 1;
    background-color: #8D2B74;
    background-color: rgba(141, 43, 116, var(--bg-opacity));
  }

  .xl\:focus\:bg-purple-hilight:focus{
    --bg-opacity: 1;
    background-color: #C0339C;
    background-color: rgba(192, 51, 156, var(--bg-opacity));
  }

  .xl\:focus\:bg-purple-bookshop:focus{
    --bg-opacity: 1;
    background-color: #584199;
    background-color: rgba(88, 65, 153, var(--bg-opacity));
  }

  .xl\:focus\:bg-green-dark:focus{
    --bg-opacity: 1;
    background-color: #7b7d2a;
    background-color: rgba(123, 125, 42, var(--bg-opacity));
  }

  .xl\:focus\:bg-green-bright:focus{
    --bg-opacity: 1;
    background-color: #8F9220;
    background-color: rgba(143, 146, 32, var(--bg-opacity));
  }

  .xl\:focus\:bg-green-hilight:focus{
    --bg-opacity: 1;
    background-color: #B4B72A;
    background-color: rgba(180, 183, 42, var(--bg-opacity));
  }

  .xl\:focus\:bg-navy-dark:focus{
    --bg-opacity: 1;
    background-color: #52494c;
    background-color: rgba(82, 73, 76, var(--bg-opacity));
  }

  .xl\:focus\:bg-navy-bright:focus{
    --bg-opacity: 1;
    background-color: #6D565E;
    background-color: rgba(109, 86, 94, var(--bg-opacity));
  }

  .xl\:focus\:bg-navy-hilight:focus{
    --bg-opacity: 1;
    background-color: #8A6A75;
    background-color: rgba(138, 106, 117, var(--bg-opacity));
  }

  .xl\:focus\:bg-transparent:focus{
    background-color: transparent;
  }

  .xl\:focus\:bg-black:focus{
    --bg-opacity: 1;
    background-color: #101010;
    background-color: rgba(16, 16, 16, var(--bg-opacity));
  }

  .xl\:focus\:bg-white:focus{
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

  .xl\:focus\:bg-red:focus{
    --bg-opacity: 1;
    background-color: #E12D39;
    background-color: rgba(225, 45, 57, var(--bg-opacity));
  }

  .xl\:bg-none{
    background-image: none;
  }

  .xl\:bg-gradient-to-t{
    background-image: linear-gradient(to top, var(--gradient-color-stops));
  }

  .xl\:bg-gradient-to-tr{
    background-image: linear-gradient(to top right, var(--gradient-color-stops));
  }

  .xl\:bg-gradient-to-r{
    background-image: linear-gradient(to right, var(--gradient-color-stops));
  }

  .xl\:bg-gradient-to-br{
    background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
  }

  .xl\:bg-gradient-to-b{
    background-image: linear-gradient(to bottom, var(--gradient-color-stops));
  }

  .xl\:bg-gradient-to-bl{
    background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
  }

  .xl\:bg-gradient-to-l{
    background-image: linear-gradient(to left, var(--gradient-color-stops));
  }

  .xl\:bg-gradient-to-tl{
    background-image: linear-gradient(to top left, var(--gradient-color-stops));
  }

  .xl\:from-blue-bright{
    --gradient-from-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .xl\:from-blue-light{
    --gradient-from-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .xl\:from-blue-pale{
    --gradient-from-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .xl\:from-blue-deep{
    --gradient-from-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .xl\:from-blue-hilight{
    --gradient-from-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .xl\:from-blue-med{
    --gradient-from-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .xl\:from-blue-dark{
    --gradient-from-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .xl\:from-gray-100{
    --gradient-from-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .xl\:from-gray-200{
    --gradient-from-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .xl\:from-gray-300{
    --gradient-from-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .xl\:from-gray-500{
    --gradient-from-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .xl\:from-gray-600{
    --gradient-from-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .xl\:from-gray-700{
    --gradient-from-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .xl\:from-gray-900{
    --gradient-from-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .xl\:from-magenta-dark{
    --gradient-from-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .xl\:from-magenta-bright{
    --gradient-from-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .xl\:from-magenta-hilight{
    --gradient-from-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .xl\:from-teal-dark{
    --gradient-from-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .xl\:from-teal-bright{
    --gradient-from-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .xl\:from-teal-hilight{
    --gradient-from-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .xl\:from-mustard-dark{
    --gradient-from-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .xl\:from-mustard-bright{
    --gradient-from-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .xl\:from-mustard-hilight{
    --gradient-from-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .xl\:from-purple-dark{
    --gradient-from-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .xl\:from-purple-bright{
    --gradient-from-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .xl\:from-purple-hilight{
    --gradient-from-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .xl\:from-purple-bookshop{
    --gradient-from-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .xl\:from-green-dark{
    --gradient-from-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .xl\:from-green-bright{
    --gradient-from-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .xl\:from-green-hilight{
    --gradient-from-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .xl\:from-navy-dark{
    --gradient-from-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .xl\:from-navy-bright{
    --gradient-from-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .xl\:from-navy-hilight{
    --gradient-from-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .xl\:from-transparent{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:from-black{
    --gradient-from-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .xl\:from-white{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:from-red{
    --gradient-from-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .xl\:via-blue-bright{
    --gradient-via-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .xl\:via-blue-light{
    --gradient-via-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .xl\:via-blue-pale{
    --gradient-via-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .xl\:via-blue-deep{
    --gradient-via-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .xl\:via-blue-hilight{
    --gradient-via-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .xl\:via-blue-med{
    --gradient-via-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .xl\:via-blue-dark{
    --gradient-via-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .xl\:via-gray-100{
    --gradient-via-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .xl\:via-gray-200{
    --gradient-via-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .xl\:via-gray-300{
    --gradient-via-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .xl\:via-gray-500{
    --gradient-via-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .xl\:via-gray-600{
    --gradient-via-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .xl\:via-gray-700{
    --gradient-via-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .xl\:via-gray-900{
    --gradient-via-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .xl\:via-magenta-dark{
    --gradient-via-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .xl\:via-magenta-bright{
    --gradient-via-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .xl\:via-magenta-hilight{
    --gradient-via-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .xl\:via-teal-dark{
    --gradient-via-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .xl\:via-teal-bright{
    --gradient-via-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .xl\:via-teal-hilight{
    --gradient-via-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .xl\:via-mustard-dark{
    --gradient-via-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .xl\:via-mustard-bright{
    --gradient-via-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .xl\:via-mustard-hilight{
    --gradient-via-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .xl\:via-purple-dark{
    --gradient-via-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .xl\:via-purple-bright{
    --gradient-via-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .xl\:via-purple-hilight{
    --gradient-via-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .xl\:via-purple-bookshop{
    --gradient-via-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .xl\:via-green-dark{
    --gradient-via-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .xl\:via-green-bright{
    --gradient-via-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .xl\:via-green-hilight{
    --gradient-via-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .xl\:via-navy-dark{
    --gradient-via-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .xl\:via-navy-bright{
    --gradient-via-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .xl\:via-navy-hilight{
    --gradient-via-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .xl\:via-transparent{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:via-black{
    --gradient-via-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .xl\:via-white{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:via-red{
    --gradient-via-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .xl\:to-blue-bright{
    --gradient-to-color: #0B69A3;
  }

  .xl\:to-blue-light{
    --gradient-to-color: #B3ECFF;
  }

  .xl\:to-blue-pale{
    --gradient-to-color: #DCEEFB;
  }

  .xl\:to-blue-deep{
    --gradient-to-color: #035388;
  }

  .xl\:to-blue-hilight{
    --gradient-to-color: #5ed0fa;
  }

  .xl\:to-blue-med{
    --gradient-to-color: #1992d4;
  }

  .xl\:to-blue-dark{
    --gradient-to-color: #003e6b;
  }

  .xl\:to-gray-100{
    --gradient-to-color: #f0f4f8;
  }

  .xl\:to-gray-200{
    --gradient-to-color: #d9d9d9;
  }

  .xl\:to-gray-300{
    --gradient-to-color: #bcccdc;
  }

  .xl\:to-gray-500{
    --gradient-to-color: #627d98;
  }

  .xl\:to-gray-600{
    --gradient-to-color: #334e68;
  }

  .xl\:to-gray-700{
    --gradient-to-color: #243b53;
  }

  .xl\:to-gray-900{
    --gradient-to-color: #102a43;
  }

  .xl\:to-magenta-dark{
    --gradient-to-color: #8f4731;
  }

  .xl\:to-magenta-bright{
    --gradient-to-color: #9C4429;
  }

  .xl\:to-magenta-hilight{
    --gradient-to-color: #CC522D;
  }

  .xl\:to-teal-dark{
    --gradient-to-color: #2d5b6b;
  }

  .xl\:to-teal-bright{
    --gradient-to-color: #2B738C;
  }

  .xl\:to-teal-hilight{
    --gradient-to-color: #3CA1C4;
  }

  .xl\:to-mustard-dark{
    --gradient-to-color: #c47a53;
  }

  .xl\:to-mustard-bright{
    --gradient-to-color: #E07C48;
  }

  .xl\:to-mustard-hilight{
    --gradient-to-color: #FF7015;
  }

  .xl\:to-purple-dark{
    --gradient-to-color: #6b2d5b;
  }

  .xl\:to-purple-bright{
    --gradient-to-color: #8D2B74;
  }

  .xl\:to-purple-hilight{
    --gradient-to-color: #C0339C;
  }

  .xl\:to-purple-bookshop{
    --gradient-to-color: #584199;
  }

  .xl\:to-green-dark{
    --gradient-to-color: #7b7d2a;
  }

  .xl\:to-green-bright{
    --gradient-to-color: #8F9220;
  }

  .xl\:to-green-hilight{
    --gradient-to-color: #B4B72A;
  }

  .xl\:to-navy-dark{
    --gradient-to-color: #52494c;
  }

  .xl\:to-navy-bright{
    --gradient-to-color: #6D565E;
  }

  .xl\:to-navy-hilight{
    --gradient-to-color: #8A6A75;
  }

  .xl\:to-transparent{
    --gradient-to-color: transparent;
  }

  .xl\:to-black{
    --gradient-to-color: #101010;
  }

  .xl\:to-white{
    --gradient-to-color: #fff;
  }

  .xl\:to-red{
    --gradient-to-color: #E12D39;
  }

  .xl\:hover\:from-blue-bright:hover{
    --gradient-from-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .xl\:hover\:from-blue-light:hover{
    --gradient-from-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .xl\:hover\:from-blue-pale:hover{
    --gradient-from-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .xl\:hover\:from-blue-deep:hover{
    --gradient-from-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .xl\:hover\:from-blue-hilight:hover{
    --gradient-from-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .xl\:hover\:from-blue-med:hover{
    --gradient-from-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .xl\:hover\:from-blue-dark:hover{
    --gradient-from-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .xl\:hover\:from-gray-100:hover{
    --gradient-from-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .xl\:hover\:from-gray-200:hover{
    --gradient-from-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .xl\:hover\:from-gray-300:hover{
    --gradient-from-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .xl\:hover\:from-gray-500:hover{
    --gradient-from-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .xl\:hover\:from-gray-600:hover{
    --gradient-from-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .xl\:hover\:from-gray-700:hover{
    --gradient-from-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .xl\:hover\:from-gray-900:hover{
    --gradient-from-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .xl\:hover\:from-magenta-dark:hover{
    --gradient-from-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .xl\:hover\:from-magenta-bright:hover{
    --gradient-from-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .xl\:hover\:from-magenta-hilight:hover{
    --gradient-from-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .xl\:hover\:from-teal-dark:hover{
    --gradient-from-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .xl\:hover\:from-teal-bright:hover{
    --gradient-from-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .xl\:hover\:from-teal-hilight:hover{
    --gradient-from-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .xl\:hover\:from-mustard-dark:hover{
    --gradient-from-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .xl\:hover\:from-mustard-bright:hover{
    --gradient-from-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .xl\:hover\:from-mustard-hilight:hover{
    --gradient-from-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .xl\:hover\:from-purple-dark:hover{
    --gradient-from-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .xl\:hover\:from-purple-bright:hover{
    --gradient-from-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .xl\:hover\:from-purple-hilight:hover{
    --gradient-from-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .xl\:hover\:from-purple-bookshop:hover{
    --gradient-from-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .xl\:hover\:from-green-dark:hover{
    --gradient-from-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .xl\:hover\:from-green-bright:hover{
    --gradient-from-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .xl\:hover\:from-green-hilight:hover{
    --gradient-from-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .xl\:hover\:from-navy-dark:hover{
    --gradient-from-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .xl\:hover\:from-navy-bright:hover{
    --gradient-from-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .xl\:hover\:from-navy-hilight:hover{
    --gradient-from-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .xl\:hover\:from-transparent:hover{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:from-black:hover{
    --gradient-from-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .xl\:hover\:from-white:hover{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:from-red:hover{
    --gradient-from-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .xl\:hover\:via-blue-bright:hover{
    --gradient-via-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .xl\:hover\:via-blue-light:hover{
    --gradient-via-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .xl\:hover\:via-blue-pale:hover{
    --gradient-via-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .xl\:hover\:via-blue-deep:hover{
    --gradient-via-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .xl\:hover\:via-blue-hilight:hover{
    --gradient-via-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .xl\:hover\:via-blue-med:hover{
    --gradient-via-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .xl\:hover\:via-blue-dark:hover{
    --gradient-via-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .xl\:hover\:via-gray-100:hover{
    --gradient-via-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .xl\:hover\:via-gray-200:hover{
    --gradient-via-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .xl\:hover\:via-gray-300:hover{
    --gradient-via-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .xl\:hover\:via-gray-500:hover{
    --gradient-via-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .xl\:hover\:via-gray-600:hover{
    --gradient-via-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .xl\:hover\:via-gray-700:hover{
    --gradient-via-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .xl\:hover\:via-gray-900:hover{
    --gradient-via-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .xl\:hover\:via-magenta-dark:hover{
    --gradient-via-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .xl\:hover\:via-magenta-bright:hover{
    --gradient-via-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .xl\:hover\:via-magenta-hilight:hover{
    --gradient-via-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .xl\:hover\:via-teal-dark:hover{
    --gradient-via-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .xl\:hover\:via-teal-bright:hover{
    --gradient-via-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .xl\:hover\:via-teal-hilight:hover{
    --gradient-via-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .xl\:hover\:via-mustard-dark:hover{
    --gradient-via-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .xl\:hover\:via-mustard-bright:hover{
    --gradient-via-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .xl\:hover\:via-mustard-hilight:hover{
    --gradient-via-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .xl\:hover\:via-purple-dark:hover{
    --gradient-via-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .xl\:hover\:via-purple-bright:hover{
    --gradient-via-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .xl\:hover\:via-purple-hilight:hover{
    --gradient-via-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .xl\:hover\:via-purple-bookshop:hover{
    --gradient-via-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .xl\:hover\:via-green-dark:hover{
    --gradient-via-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .xl\:hover\:via-green-bright:hover{
    --gradient-via-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .xl\:hover\:via-green-hilight:hover{
    --gradient-via-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .xl\:hover\:via-navy-dark:hover{
    --gradient-via-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .xl\:hover\:via-navy-bright:hover{
    --gradient-via-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .xl\:hover\:via-navy-hilight:hover{
    --gradient-via-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .xl\:hover\:via-transparent:hover{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:hover\:via-black:hover{
    --gradient-via-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .xl\:hover\:via-white:hover{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:hover\:via-red:hover{
    --gradient-via-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .xl\:hover\:to-blue-bright:hover{
    --gradient-to-color: #0B69A3;
  }

  .xl\:hover\:to-blue-light:hover{
    --gradient-to-color: #B3ECFF;
  }

  .xl\:hover\:to-blue-pale:hover{
    --gradient-to-color: #DCEEFB;
  }

  .xl\:hover\:to-blue-deep:hover{
    --gradient-to-color: #035388;
  }

  .xl\:hover\:to-blue-hilight:hover{
    --gradient-to-color: #5ed0fa;
  }

  .xl\:hover\:to-blue-med:hover{
    --gradient-to-color: #1992d4;
  }

  .xl\:hover\:to-blue-dark:hover{
    --gradient-to-color: #003e6b;
  }

  .xl\:hover\:to-gray-100:hover{
    --gradient-to-color: #f0f4f8;
  }

  .xl\:hover\:to-gray-200:hover{
    --gradient-to-color: #d9d9d9;
  }

  .xl\:hover\:to-gray-300:hover{
    --gradient-to-color: #bcccdc;
  }

  .xl\:hover\:to-gray-500:hover{
    --gradient-to-color: #627d98;
  }

  .xl\:hover\:to-gray-600:hover{
    --gradient-to-color: #334e68;
  }

  .xl\:hover\:to-gray-700:hover{
    --gradient-to-color: #243b53;
  }

  .xl\:hover\:to-gray-900:hover{
    --gradient-to-color: #102a43;
  }

  .xl\:hover\:to-magenta-dark:hover{
    --gradient-to-color: #8f4731;
  }

  .xl\:hover\:to-magenta-bright:hover{
    --gradient-to-color: #9C4429;
  }

  .xl\:hover\:to-magenta-hilight:hover{
    --gradient-to-color: #CC522D;
  }

  .xl\:hover\:to-teal-dark:hover{
    --gradient-to-color: #2d5b6b;
  }

  .xl\:hover\:to-teal-bright:hover{
    --gradient-to-color: #2B738C;
  }

  .xl\:hover\:to-teal-hilight:hover{
    --gradient-to-color: #3CA1C4;
  }

  .xl\:hover\:to-mustard-dark:hover{
    --gradient-to-color: #c47a53;
  }

  .xl\:hover\:to-mustard-bright:hover{
    --gradient-to-color: #E07C48;
  }

  .xl\:hover\:to-mustard-hilight:hover{
    --gradient-to-color: #FF7015;
  }

  .xl\:hover\:to-purple-dark:hover{
    --gradient-to-color: #6b2d5b;
  }

  .xl\:hover\:to-purple-bright:hover{
    --gradient-to-color: #8D2B74;
  }

  .xl\:hover\:to-purple-hilight:hover{
    --gradient-to-color: #C0339C;
  }

  .xl\:hover\:to-purple-bookshop:hover{
    --gradient-to-color: #584199;
  }

  .xl\:hover\:to-green-dark:hover{
    --gradient-to-color: #7b7d2a;
  }

  .xl\:hover\:to-green-bright:hover{
    --gradient-to-color: #8F9220;
  }

  .xl\:hover\:to-green-hilight:hover{
    --gradient-to-color: #B4B72A;
  }

  .xl\:hover\:to-navy-dark:hover{
    --gradient-to-color: #52494c;
  }

  .xl\:hover\:to-navy-bright:hover{
    --gradient-to-color: #6D565E;
  }

  .xl\:hover\:to-navy-hilight:hover{
    --gradient-to-color: #8A6A75;
  }

  .xl\:hover\:to-transparent:hover{
    --gradient-to-color: transparent;
  }

  .xl\:hover\:to-black:hover{
    --gradient-to-color: #101010;
  }

  .xl\:hover\:to-white:hover{
    --gradient-to-color: #fff;
  }

  .xl\:hover\:to-red:hover{
    --gradient-to-color: #E12D39;
  }

  .xl\:focus\:from-blue-bright:focus{
    --gradient-from-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .xl\:focus\:from-blue-light:focus{
    --gradient-from-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .xl\:focus\:from-blue-pale:focus{
    --gradient-from-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .xl\:focus\:from-blue-deep:focus{
    --gradient-from-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .xl\:focus\:from-blue-hilight:focus{
    --gradient-from-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .xl\:focus\:from-blue-med:focus{
    --gradient-from-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .xl\:focus\:from-blue-dark:focus{
    --gradient-from-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .xl\:focus\:from-gray-100:focus{
    --gradient-from-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .xl\:focus\:from-gray-200:focus{
    --gradient-from-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .xl\:focus\:from-gray-300:focus{
    --gradient-from-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .xl\:focus\:from-gray-500:focus{
    --gradient-from-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .xl\:focus\:from-gray-600:focus{
    --gradient-from-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .xl\:focus\:from-gray-700:focus{
    --gradient-from-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .xl\:focus\:from-gray-900:focus{
    --gradient-from-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .xl\:focus\:from-magenta-dark:focus{
    --gradient-from-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .xl\:focus\:from-magenta-bright:focus{
    --gradient-from-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .xl\:focus\:from-magenta-hilight:focus{
    --gradient-from-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .xl\:focus\:from-teal-dark:focus{
    --gradient-from-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .xl\:focus\:from-teal-bright:focus{
    --gradient-from-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .xl\:focus\:from-teal-hilight:focus{
    --gradient-from-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .xl\:focus\:from-mustard-dark:focus{
    --gradient-from-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .xl\:focus\:from-mustard-bright:focus{
    --gradient-from-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .xl\:focus\:from-mustard-hilight:focus{
    --gradient-from-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .xl\:focus\:from-purple-dark:focus{
    --gradient-from-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .xl\:focus\:from-purple-bright:focus{
    --gradient-from-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .xl\:focus\:from-purple-hilight:focus{
    --gradient-from-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .xl\:focus\:from-purple-bookshop:focus{
    --gradient-from-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .xl\:focus\:from-green-dark:focus{
    --gradient-from-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .xl\:focus\:from-green-bright:focus{
    --gradient-from-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .xl\:focus\:from-green-hilight:focus{
    --gradient-from-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .xl\:focus\:from-navy-dark:focus{
    --gradient-from-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .xl\:focus\:from-navy-bright:focus{
    --gradient-from-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .xl\:focus\:from-navy-hilight:focus{
    --gradient-from-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .xl\:focus\:from-transparent:focus{
    --gradient-from-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:from-black:focus{
    --gradient-from-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .xl\:focus\:from-white:focus{
    --gradient-from-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:from-red:focus{
    --gradient-from-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .xl\:focus\:via-blue-bright:focus{
    --gradient-via-color: #0B69A3;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 105, 163, 0));
  }

  .xl\:focus\:via-blue-light:focus{
    --gradient-via-color: #B3ECFF;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(179, 236, 255, 0));
  }

  .xl\:focus\:via-blue-pale:focus{
    --gradient-via-color: #DCEEFB;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 238, 251, 0));
  }

  .xl\:focus\:via-blue-deep:focus{
    --gradient-via-color: #035388;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(3, 83, 136, 0));
  }

  .xl\:focus\:via-blue-hilight:focus{
    --gradient-via-color: #5ed0fa;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(94, 208, 250, 0));
  }

  .xl\:focus\:via-blue-med:focus{
    --gradient-via-color: #1992d4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(25, 146, 212, 0));
  }

  .xl\:focus\:via-blue-dark:focus{
    --gradient-via-color: #003e6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 62, 107, 0));
  }

  .xl\:focus\:via-gray-100:focus{
    --gradient-via-color: #f0f4f8;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 244, 248, 0));
  }

  .xl\:focus\:via-gray-200:focus{
    --gradient-via-color: #d9d9d9;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 217, 217, 0));
  }

  .xl\:focus\:via-gray-300:focus{
    --gradient-via-color: #bcccdc;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 204, 220, 0));
  }

  .xl\:focus\:via-gray-500:focus{
    --gradient-via-color: #627d98;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 125, 152, 0));
  }

  .xl\:focus\:via-gray-600:focus{
    --gradient-via-color: #334e68;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 78, 104, 0));
  }

  .xl\:focus\:via-gray-700:focus{
    --gradient-via-color: #243b53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(36, 59, 83, 0));
  }

  .xl\:focus\:via-gray-900:focus{
    --gradient-via-color: #102a43;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 42, 67, 0));
  }

  .xl\:focus\:via-magenta-dark:focus{
    --gradient-via-color: #8f4731;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 71, 49, 0));
  }

  .xl\:focus\:via-magenta-bright:focus{
    --gradient-via-color: #9C4429;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 68, 41, 0));
  }

  .xl\:focus\:via-magenta-hilight:focus{
    --gradient-via-color: #CC522D;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 82, 45, 0));
  }

  .xl\:focus\:via-teal-dark:focus{
    --gradient-via-color: #2d5b6b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 91, 107, 0));
  }

  .xl\:focus\:via-teal-bright:focus{
    --gradient-via-color: #2B738C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 115, 140, 0));
  }

  .xl\:focus\:via-teal-hilight:focus{
    --gradient-via-color: #3CA1C4;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 161, 196, 0));
  }

  .xl\:focus\:via-mustard-dark:focus{
    --gradient-via-color: #c47a53;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 122, 83, 0));
  }

  .xl\:focus\:via-mustard-bright:focus{
    --gradient-via-color: #E07C48;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 124, 72, 0));
  }

  .xl\:focus\:via-mustard-hilight:focus{
    --gradient-via-color: #FF7015;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 112, 21, 0));
  }

  .xl\:focus\:via-purple-dark:focus{
    --gradient-via-color: #6b2d5b;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 45, 91, 0));
  }

  .xl\:focus\:via-purple-bright:focus{
    --gradient-via-color: #8D2B74;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 43, 116, 0));
  }

  .xl\:focus\:via-purple-hilight:focus{
    --gradient-via-color: #C0339C;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 51, 156, 0));
  }

  .xl\:focus\:via-purple-bookshop:focus{
    --gradient-via-color: #584199;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 65, 153, 0));
  }

  .xl\:focus\:via-green-dark:focus{
    --gradient-via-color: #7b7d2a;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 125, 42, 0));
  }

  .xl\:focus\:via-green-bright:focus{
    --gradient-via-color: #8F9220;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(143, 146, 32, 0));
  }

  .xl\:focus\:via-green-hilight:focus{
    --gradient-via-color: #B4B72A;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 183, 42, 0));
  }

  .xl\:focus\:via-navy-dark:focus{
    --gradient-via-color: #52494c;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(82, 73, 76, 0));
  }

  .xl\:focus\:via-navy-bright:focus{
    --gradient-via-color: #6D565E;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 86, 94, 0));
  }

  .xl\:focus\:via-navy-hilight:focus{
    --gradient-via-color: #8A6A75;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 106, 117, 0));
  }

  .xl\:focus\:via-transparent:focus{
    --gradient-via-color: transparent;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
  }

  .xl\:focus\:via-black:focus{
    --gradient-via-color: #101010;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 16, 16, 0));
  }

  .xl\:focus\:via-white:focus{
    --gradient-via-color: #fff;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
  }

  .xl\:focus\:via-red:focus{
    --gradient-via-color: #E12D39;
    --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(225, 45, 57, 0));
  }

  .xl\:focus\:to-blue-bright:focus{
    --gradient-to-color: #0B69A3;
  }

  .xl\:focus\:to-blue-light:focus{
    --gradient-to-color: #B3ECFF;
  }

  .xl\:focus\:to-blue-pale:focus{
    --gradient-to-color: #DCEEFB;
  }

  .xl\:focus\:to-blue-deep:focus{
    --gradient-to-color: #035388;
  }

  .xl\:focus\:to-blue-hilight:focus{
    --gradient-to-color: #5ed0fa;
  }

  .xl\:focus\:to-blue-med:focus{
    --gradient-to-color: #1992d4;
  }

  .xl\:focus\:to-blue-dark:focus{
    --gradient-to-color: #003e6b;
  }

  .xl\:focus\:to-gray-100:focus{
    --gradient-to-color: #f0f4f8;
  }

  .xl\:focus\:to-gray-200:focus{
    --gradient-to-color: #d9d9d9;
  }

  .xl\:focus\:to-gray-300:focus{
    --gradient-to-color: #bcccdc;
  }

  .xl\:focus\:to-gray-500:focus{
    --gradient-to-color: #627d98;
  }

  .xl\:focus\:to-gray-600:focus{
    --gradient-to-color: #334e68;
  }

  .xl\:focus\:to-gray-700:focus{
    --gradient-to-color: #243b53;
  }

  .xl\:focus\:to-gray-900:focus{
    --gradient-to-color: #102a43;
  }

  .xl\:focus\:to-magenta-dark:focus{
    --gradient-to-color: #8f4731;
  }

  .xl\:focus\:to-magenta-bright:focus{
    --gradient-to-color: #9C4429;
  }

  .xl\:focus\:to-magenta-hilight:focus{
    --gradient-to-color: #CC522D;
  }

  .xl\:focus\:to-teal-dark:focus{
    --gradient-to-color: #2d5b6b;
  }

  .xl\:focus\:to-teal-bright:focus{
    --gradient-to-color: #2B738C;
  }

  .xl\:focus\:to-teal-hilight:focus{
    --gradient-to-color: #3CA1C4;
  }

  .xl\:focus\:to-mustard-dark:focus{
    --gradient-to-color: #c47a53;
  }

  .xl\:focus\:to-mustard-bright:focus{
    --gradient-to-color: #E07C48;
  }

  .xl\:focus\:to-mustard-hilight:focus{
    --gradient-to-color: #FF7015;
  }

  .xl\:focus\:to-purple-dark:focus{
    --gradient-to-color: #6b2d5b;
  }

  .xl\:focus\:to-purple-bright:focus{
    --gradient-to-color: #8D2B74;
  }

  .xl\:focus\:to-purple-hilight:focus{
    --gradient-to-color: #C0339C;
  }

  .xl\:focus\:to-purple-bookshop:focus{
    --gradient-to-color: #584199;
  }

  .xl\:focus\:to-green-dark:focus{
    --gradient-to-color: #7b7d2a;
  }

  .xl\:focus\:to-green-bright:focus{
    --gradient-to-color: #8F9220;
  }

  .xl\:focus\:to-green-hilight:focus{
    --gradient-to-color: #B4B72A;
  }

  .xl\:focus\:to-navy-dark:focus{
    --gradient-to-color: #52494c;
  }

  .xl\:focus\:to-navy-bright:focus{
    --gradient-to-color: #6D565E;
  }

  .xl\:focus\:to-navy-hilight:focus{
    --gradient-to-color: #8A6A75;
  }

  .xl\:focus\:to-transparent:focus{
    --gradient-to-color: transparent;
  }

  .xl\:focus\:to-black:focus{
    --gradient-to-color: #101010;
  }

  .xl\:focus\:to-white:focus{
    --gradient-to-color: #fff;
  }

  .xl\:focus\:to-red:focus{
    --gradient-to-color: #E12D39;
  }

  .xl\:bg-opacity-0{
    --bg-opacity: 0;
  }

  .xl\:bg-opacity-25{
    --bg-opacity: 0.25;
  }

  .xl\:bg-opacity-50{
    --bg-opacity: 0.5;
  }

  .xl\:bg-opacity-75{
    --bg-opacity: 0.75;
  }

  .xl\:bg-opacity-100{
    --bg-opacity: 1;
  }

  .xl\:hover\:bg-opacity-0:hover{
    --bg-opacity: 0;
  }

  .xl\:hover\:bg-opacity-25:hover{
    --bg-opacity: 0.25;
  }

  .xl\:hover\:bg-opacity-50:hover{
    --bg-opacity: 0.5;
  }

  .xl\:hover\:bg-opacity-75:hover{
    --bg-opacity: 0.75;
  }

  .xl\:hover\:bg-opacity-100:hover{
    --bg-opacity: 1;
  }

  .xl\:focus\:bg-opacity-0:focus{
    --bg-opacity: 0;
  }

  .xl\:focus\:bg-opacity-25:focus{
    --bg-opacity: 0.25;
  }

  .xl\:focus\:bg-opacity-50:focus{
    --bg-opacity: 0.5;
  }

  .xl\:focus\:bg-opacity-75:focus{
    --bg-opacity: 0.75;
  }

  .xl\:focus\:bg-opacity-100:focus{
    --bg-opacity: 1;
  }

  .xl\:bg-bottom{
    background-position: bottom;
  }

  .xl\:bg-center{
    background-position: center;
  }

  .xl\:bg-left{
    background-position: left;
  }

  .xl\:bg-left-bottom{
    background-position: left bottom;
  }

  .xl\:bg-left-top{
    background-position: left top;
  }

  .xl\:bg-right{
    background-position: right;
  }

  .xl\:bg-right-bottom{
    background-position: right bottom;
  }

  .xl\:bg-right-top{
    background-position: right top;
  }

  .xl\:bg-top{
    background-position: top;
  }

  .xl\:bg-repeat{
    background-repeat: repeat;
  }

  .xl\:bg-no-repeat{
    background-repeat: no-repeat;
  }

  .xl\:bg-repeat-x{
    background-repeat: repeat-x;
  }

  .xl\:bg-repeat-y{
    background-repeat: repeat-y;
  }

  .xl\:bg-repeat-round{
    background-repeat: round;
  }

  .xl\:bg-repeat-space{
    background-repeat: space;
  }

  .xl\:bg-auto{
    background-size: auto;
  }

  .xl\:bg-cover{
    background-size: cover;
  }

  .xl\:bg-contain{
    background-size: contain;
  }

  .xl\:border-collapse{
    border-collapse: collapse;
  }

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

  .xl\:border-blue-bright{
    --border-opacity: 1;
    border-color: #0B69A3;
    border-color: rgba(11, 105, 163, var(--border-opacity));
  }

  .xl\:border-blue-light{
    --border-opacity: 1;
    border-color: #B3ECFF;
    border-color: rgba(179, 236, 255, var(--border-opacity));
  }

  .xl\:border-blue-pale{
    --border-opacity: 1;
    border-color: #DCEEFB;
    border-color: rgba(220, 238, 251, var(--border-opacity));
  }

  .xl\:border-blue-deep{
    --border-opacity: 1;
    border-color: #035388;
    border-color: rgba(3, 83, 136, var(--border-opacity));
  }

  .xl\:border-blue-hilight{
    --border-opacity: 1;
    border-color: #5ed0fa;
    border-color: rgba(94, 208, 250, var(--border-opacity));
  }

  .xl\:border-blue-med{
    --border-opacity: 1;
    border-color: #1992d4;
    border-color: rgba(25, 146, 212, var(--border-opacity));
  }

  .xl\:border-blue-dark{
    --border-opacity: 1;
    border-color: #003e6b;
    border-color: rgba(0, 62, 107, var(--border-opacity));
  }

  .xl\:border-gray-100{
    --border-opacity: 1;
    border-color: #f0f4f8;
    border-color: rgba(240, 244, 248, var(--border-opacity));
  }

  .xl\:border-gray-200{
    --border-opacity: 1;
    border-color: #d9d9d9;
    border-color: rgba(217, 217, 217, var(--border-opacity));
  }

  .xl\:border-gray-300{
    --border-opacity: 1;
    border-color: #bcccdc;
    border-color: rgba(188, 204, 220, var(--border-opacity));
  }

  .xl\:border-gray-500{
    --border-opacity: 1;
    border-color: #627d98;
    border-color: rgba(98, 125, 152, var(--border-opacity));
  }

  .xl\:border-gray-600{
    --border-opacity: 1;
    border-color: #334e68;
    border-color: rgba(51, 78, 104, var(--border-opacity));
  }

  .xl\:border-gray-700{
    --border-opacity: 1;
    border-color: #243b53;
    border-color: rgba(36, 59, 83, var(--border-opacity));
  }

  .xl\:border-gray-900{
    --border-opacity: 1;
    border-color: #102a43;
    border-color: rgba(16, 42, 67, var(--border-opacity));
  }

  .xl\:border-magenta-dark{
    --border-opacity: 1;
    border-color: #8f4731;
    border-color: rgba(143, 71, 49, var(--border-opacity));
  }

  .xl\:border-magenta-bright{
    --border-opacity: 1;
    border-color: #9C4429;
    border-color: rgba(156, 68, 41, var(--border-opacity));
  }

  .xl\:border-magenta-hilight{
    --border-opacity: 1;
    border-color: #CC522D;
    border-color: rgba(204, 82, 45, var(--border-opacity));
  }

  .xl\:border-teal-dark{
    --border-opacity: 1;
    border-color: #2d5b6b;
    border-color: rgba(45, 91, 107, var(--border-opacity));
  }

  .xl\:border-teal-bright{
    --border-opacity: 1;
    border-color: #2B738C;
    border-color: rgba(43, 115, 140, var(--border-opacity));
  }

  .xl\:border-teal-hilight{
    --border-opacity: 1;
    border-color: #3CA1C4;
    border-color: rgba(60, 161, 196, var(--border-opacity));
  }

  .xl\:border-mustard-dark{
    --border-opacity: 1;
    border-color: #c47a53;
    border-color: rgba(196, 122, 83, var(--border-opacity));
  }

  .xl\:border-mustard-bright{
    --border-opacity: 1;
    border-color: #E07C48;
    border-color: rgba(224, 124, 72, var(--border-opacity));
  }

  .xl\:border-mustard-hilight{
    --border-opacity: 1;
    border-color: #FF7015;
    border-color: rgba(255, 112, 21, var(--border-opacity));
  }

  .xl\:border-purple-dark{
    --border-opacity: 1;
    border-color: #6b2d5b;
    border-color: rgba(107, 45, 91, var(--border-opacity));
  }

  .xl\:border-purple-bright{
    --border-opacity: 1;
    border-color: #8D2B74;
    border-color: rgba(141, 43, 116, var(--border-opacity));
  }

  .xl\:border-purple-hilight{
    --border-opacity: 1;
    border-color: #C0339C;
    border-color: rgba(192, 51, 156, var(--border-opacity));
  }

  .xl\:border-purple-bookshop{
    --border-opacity: 1;
    border-color: #584199;
    border-color: rgba(88, 65, 153, var(--border-opacity));
  }

  .xl\:border-green-dark{
    --border-opacity: 1;
    border-color: #7b7d2a;
    border-color: rgba(123, 125, 42, var(--border-opacity));
  }

  .xl\:border-green-bright{
    --border-opacity: 1;
    border-color: #8F9220;
    border-color: rgba(143, 146, 32, var(--border-opacity));
  }

  .xl\:border-green-hilight{
    --border-opacity: 1;
    border-color: #B4B72A;
    border-color: rgba(180, 183, 42, var(--border-opacity));
  }

  .xl\:border-navy-dark{
    --border-opacity: 1;
    border-color: #52494c;
    border-color: rgba(82, 73, 76, var(--border-opacity));
  }

  .xl\:border-navy-bright{
    --border-opacity: 1;
    border-color: #6D565E;
    border-color: rgba(109, 86, 94, var(--border-opacity));
  }

  .xl\:border-navy-hilight{
    --border-opacity: 1;
    border-color: #8A6A75;
    border-color: rgba(138, 106, 117, var(--border-opacity));
  }

  .xl\:border-transparent{
    border-color: transparent;
  }

  .xl\:border-black{
    --border-opacity: 1;
    border-color: #101010;
    border-color: rgba(16, 16, 16, var(--border-opacity));
  }

  .xl\:border-white{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xl\:border-red{
    --border-opacity: 1;
    border-color: #E12D39;
    border-color: rgba(225, 45, 57, var(--border-opacity));
  }

  .xl\:hover\:border-blue-bright:hover{
    --border-opacity: 1;
    border-color: #0B69A3;
    border-color: rgba(11, 105, 163, var(--border-opacity));
  }

  .xl\:hover\:border-blue-light:hover{
    --border-opacity: 1;
    border-color: #B3ECFF;
    border-color: rgba(179, 236, 255, var(--border-opacity));
  }

  .xl\:hover\:border-blue-pale:hover{
    --border-opacity: 1;
    border-color: #DCEEFB;
    border-color: rgba(220, 238, 251, var(--border-opacity));
  }

  .xl\:hover\:border-blue-deep:hover{
    --border-opacity: 1;
    border-color: #035388;
    border-color: rgba(3, 83, 136, var(--border-opacity));
  }

  .xl\:hover\:border-blue-hilight:hover{
    --border-opacity: 1;
    border-color: #5ed0fa;
    border-color: rgba(94, 208, 250, var(--border-opacity));
  }

  .xl\:hover\:border-blue-med:hover{
    --border-opacity: 1;
    border-color: #1992d4;
    border-color: rgba(25, 146, 212, var(--border-opacity));
  }

  .xl\:hover\:border-blue-dark:hover{
    --border-opacity: 1;
    border-color: #003e6b;
    border-color: rgba(0, 62, 107, var(--border-opacity));
  }

  .xl\:hover\:border-gray-100:hover{
    --border-opacity: 1;
    border-color: #f0f4f8;
    border-color: rgba(240, 244, 248, var(--border-opacity));
  }

  .xl\:hover\:border-gray-200:hover{
    --border-opacity: 1;
    border-color: #d9d9d9;
    border-color: rgba(217, 217, 217, var(--border-opacity));
  }

  .xl\:hover\:border-gray-300:hover{
    --border-opacity: 1;
    border-color: #bcccdc;
    border-color: rgba(188, 204, 220, var(--border-opacity));
  }

  .xl\:hover\:border-gray-500:hover{
    --border-opacity: 1;
    border-color: #627d98;
    border-color: rgba(98, 125, 152, var(--border-opacity));
  }

  .xl\:hover\:border-gray-600:hover{
    --border-opacity: 1;
    border-color: #334e68;
    border-color: rgba(51, 78, 104, var(--border-opacity));
  }

  .xl\:hover\:border-gray-700:hover{
    --border-opacity: 1;
    border-color: #243b53;
    border-color: rgba(36, 59, 83, var(--border-opacity));
  }

  .xl\:hover\:border-gray-900:hover{
    --border-opacity: 1;
    border-color: #102a43;
    border-color: rgba(16, 42, 67, var(--border-opacity));
  }

  .xl\:hover\:border-magenta-dark:hover{
    --border-opacity: 1;
    border-color: #8f4731;
    border-color: rgba(143, 71, 49, var(--border-opacity));
  }

  .xl\:hover\:border-magenta-bright:hover{
    --border-opacity: 1;
    border-color: #9C4429;
    border-color: rgba(156, 68, 41, var(--border-opacity));
  }

  .xl\:hover\:border-magenta-hilight:hover{
    --border-opacity: 1;
    border-color: #CC522D;
    border-color: rgba(204, 82, 45, var(--border-opacity));
  }

  .xl\:hover\:border-teal-dark:hover{
    --border-opacity: 1;
    border-color: #2d5b6b;
    border-color: rgba(45, 91, 107, var(--border-opacity));
  }

  .xl\:hover\:border-teal-bright:hover{
    --border-opacity: 1;
    border-color: #2B738C;
    border-color: rgba(43, 115, 140, var(--border-opacity));
  }

  .xl\:hover\:border-teal-hilight:hover{
    --border-opacity: 1;
    border-color: #3CA1C4;
    border-color: rgba(60, 161, 196, var(--border-opacity));
  }

  .xl\:hover\:border-mustard-dark:hover{
    --border-opacity: 1;
    border-color: #c47a53;
    border-color: rgba(196, 122, 83, var(--border-opacity));
  }

  .xl\:hover\:border-mustard-bright:hover{
    --border-opacity: 1;
    border-color: #E07C48;
    border-color: rgba(224, 124, 72, var(--border-opacity));
  }

  .xl\:hover\:border-mustard-hilight:hover{
    --border-opacity: 1;
    border-color: #FF7015;
    border-color: rgba(255, 112, 21, var(--border-opacity));
  }

  .xl\:hover\:border-purple-dark:hover{
    --border-opacity: 1;
    border-color: #6b2d5b;
    border-color: rgba(107, 45, 91, var(--border-opacity));
  }

  .xl\:hover\:border-purple-bright:hover{
    --border-opacity: 1;
    border-color: #8D2B74;
    border-color: rgba(141, 43, 116, var(--border-opacity));
  }

  .xl\:hover\:border-purple-hilight:hover{
    --border-opacity: 1;
    border-color: #C0339C;
    border-color: rgba(192, 51, 156, var(--border-opacity));
  }

  .xl\:hover\:border-purple-bookshop:hover{
    --border-opacity: 1;
    border-color: #584199;
    border-color: rgba(88, 65, 153, var(--border-opacity));
  }

  .xl\:hover\:border-green-dark:hover{
    --border-opacity: 1;
    border-color: #7b7d2a;
    border-color: rgba(123, 125, 42, var(--border-opacity));
  }

  .xl\:hover\:border-green-bright:hover{
    --border-opacity: 1;
    border-color: #8F9220;
    border-color: rgba(143, 146, 32, var(--border-opacity));
  }

  .xl\:hover\:border-green-hilight:hover{
    --border-opacity: 1;
    border-color: #B4B72A;
    border-color: rgba(180, 183, 42, var(--border-opacity));
  }

  .xl\:hover\:border-navy-dark:hover{
    --border-opacity: 1;
    border-color: #52494c;
    border-color: rgba(82, 73, 76, var(--border-opacity));
  }

  .xl\:hover\:border-navy-bright:hover{
    --border-opacity: 1;
    border-color: #6D565E;
    border-color: rgba(109, 86, 94, var(--border-opacity));
  }

  .xl\:hover\:border-navy-hilight:hover{
    --border-opacity: 1;
    border-color: #8A6A75;
    border-color: rgba(138, 106, 117, var(--border-opacity));
  }

  .xl\:hover\:border-transparent:hover{
    border-color: transparent;
  }

  .xl\:hover\:border-black:hover{
    --border-opacity: 1;
    border-color: #101010;
    border-color: rgba(16, 16, 16, var(--border-opacity));
  }

  .xl\:hover\:border-white:hover{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xl\:hover\:border-red:hover{
    --border-opacity: 1;
    border-color: #E12D39;
    border-color: rgba(225, 45, 57, var(--border-opacity));
  }

  .xl\:focus\:border-blue-bright:focus{
    --border-opacity: 1;
    border-color: #0B69A3;
    border-color: rgba(11, 105, 163, var(--border-opacity));
  }

  .xl\:focus\:border-blue-light:focus{
    --border-opacity: 1;
    border-color: #B3ECFF;
    border-color: rgba(179, 236, 255, var(--border-opacity));
  }

  .xl\:focus\:border-blue-pale:focus{
    --border-opacity: 1;
    border-color: #DCEEFB;
    border-color: rgba(220, 238, 251, var(--border-opacity));
  }

  .xl\:focus\:border-blue-deep:focus{
    --border-opacity: 1;
    border-color: #035388;
    border-color: rgba(3, 83, 136, var(--border-opacity));
  }

  .xl\:focus\:border-blue-hilight:focus{
    --border-opacity: 1;
    border-color: #5ed0fa;
    border-color: rgba(94, 208, 250, var(--border-opacity));
  }

  .xl\:focus\:border-blue-med:focus{
    --border-opacity: 1;
    border-color: #1992d4;
    border-color: rgba(25, 146, 212, var(--border-opacity));
  }

  .xl\:focus\:border-blue-dark:focus{
    --border-opacity: 1;
    border-color: #003e6b;
    border-color: rgba(0, 62, 107, var(--border-opacity));
  }

  .xl\:focus\:border-gray-100:focus{
    --border-opacity: 1;
    border-color: #f0f4f8;
    border-color: rgba(240, 244, 248, var(--border-opacity));
  }

  .xl\:focus\:border-gray-200:focus{
    --border-opacity: 1;
    border-color: #d9d9d9;
    border-color: rgba(217, 217, 217, var(--border-opacity));
  }

  .xl\:focus\:border-gray-300:focus{
    --border-opacity: 1;
    border-color: #bcccdc;
    border-color: rgba(188, 204, 220, var(--border-opacity));
  }

  .xl\:focus\:border-gray-500:focus{
    --border-opacity: 1;
    border-color: #627d98;
    border-color: rgba(98, 125, 152, var(--border-opacity));
  }

  .xl\:focus\:border-gray-600:focus{
    --border-opacity: 1;
    border-color: #334e68;
    border-color: rgba(51, 78, 104, var(--border-opacity));
  }

  .xl\:focus\:border-gray-700:focus{
    --border-opacity: 1;
    border-color: #243b53;
    border-color: rgba(36, 59, 83, var(--border-opacity));
  }

  .xl\:focus\:border-gray-900:focus{
    --border-opacity: 1;
    border-color: #102a43;
    border-color: rgba(16, 42, 67, var(--border-opacity));
  }

  .xl\:focus\:border-magenta-dark:focus{
    --border-opacity: 1;
    border-color: #8f4731;
    border-color: rgba(143, 71, 49, var(--border-opacity));
  }

  .xl\:focus\:border-magenta-bright:focus{
    --border-opacity: 1;
    border-color: #9C4429;
    border-color: rgba(156, 68, 41, var(--border-opacity));
  }

  .xl\:focus\:border-magenta-hilight:focus{
    --border-opacity: 1;
    border-color: #CC522D;
    border-color: rgba(204, 82, 45, var(--border-opacity));
  }

  .xl\:focus\:border-teal-dark:focus{
    --border-opacity: 1;
    border-color: #2d5b6b;
    border-color: rgba(45, 91, 107, var(--border-opacity));
  }

  .xl\:focus\:border-teal-bright:focus{
    --border-opacity: 1;
    border-color: #2B738C;
    border-color: rgba(43, 115, 140, var(--border-opacity));
  }

  .xl\:focus\:border-teal-hilight:focus{
    --border-opacity: 1;
    border-color: #3CA1C4;
    border-color: rgba(60, 161, 196, var(--border-opacity));
  }

  .xl\:focus\:border-mustard-dark:focus{
    --border-opacity: 1;
    border-color: #c47a53;
    border-color: rgba(196, 122, 83, var(--border-opacity));
  }

  .xl\:focus\:border-mustard-bright:focus{
    --border-opacity: 1;
    border-color: #E07C48;
    border-color: rgba(224, 124, 72, var(--border-opacity));
  }

  .xl\:focus\:border-mustard-hilight:focus{
    --border-opacity: 1;
    border-color: #FF7015;
    border-color: rgba(255, 112, 21, var(--border-opacity));
  }

  .xl\:focus\:border-purple-dark:focus{
    --border-opacity: 1;
    border-color: #6b2d5b;
    border-color: rgba(107, 45, 91, var(--border-opacity));
  }

  .xl\:focus\:border-purple-bright:focus{
    --border-opacity: 1;
    border-color: #8D2B74;
    border-color: rgba(141, 43, 116, var(--border-opacity));
  }

  .xl\:focus\:border-purple-hilight:focus{
    --border-opacity: 1;
    border-color: #C0339C;
    border-color: rgba(192, 51, 156, var(--border-opacity));
  }

  .xl\:focus\:border-purple-bookshop:focus{
    --border-opacity: 1;
    border-color: #584199;
    border-color: rgba(88, 65, 153, var(--border-opacity));
  }

  .xl\:focus\:border-green-dark:focus{
    --border-opacity: 1;
    border-color: #7b7d2a;
    border-color: rgba(123, 125, 42, var(--border-opacity));
  }

  .xl\:focus\:border-green-bright:focus{
    --border-opacity: 1;
    border-color: #8F9220;
    border-color: rgba(143, 146, 32, var(--border-opacity));
  }

  .xl\:focus\:border-green-hilight:focus{
    --border-opacity: 1;
    border-color: #B4B72A;
    border-color: rgba(180, 183, 42, var(--border-opacity));
  }

  .xl\:focus\:border-navy-dark:focus{
    --border-opacity: 1;
    border-color: #52494c;
    border-color: rgba(82, 73, 76, var(--border-opacity));
  }

  .xl\:focus\:border-navy-bright:focus{
    --border-opacity: 1;
    border-color: #6D565E;
    border-color: rgba(109, 86, 94, var(--border-opacity));
  }

  .xl\:focus\:border-navy-hilight:focus{
    --border-opacity: 1;
    border-color: #8A6A75;
    border-color: rgba(138, 106, 117, var(--border-opacity));
  }

  .xl\:focus\:border-transparent:focus{
    border-color: transparent;
  }

  .xl\:focus\:border-black:focus{
    --border-opacity: 1;
    border-color: #101010;
    border-color: rgba(16, 16, 16, var(--border-opacity));
  }

  .xl\:focus\:border-white:focus{
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
  }

  .xl\:focus\:border-red:focus{
    --border-opacity: 1;
    border-color: #E12D39;
    border-color: rgba(225, 45, 57, var(--border-opacity));
  }

  .xl\:border-opacity-0{
    --border-opacity: 0;
  }

  .xl\:border-opacity-25{
    --border-opacity: 0.25;
  }

  .xl\:border-opacity-50{
    --border-opacity: 0.5;
  }

  .xl\:border-opacity-75{
    --border-opacity: 0.75;
  }

  .xl\:border-opacity-100{
    --border-opacity: 1;
  }

  .xl\:hover\:border-opacity-0:hover{
    --border-opacity: 0;
  }

  .xl\:hover\:border-opacity-25:hover{
    --border-opacity: 0.25;
  }

  .xl\:hover\:border-opacity-50:hover{
    --border-opacity: 0.5;
  }

  .xl\:hover\:border-opacity-75:hover{
    --border-opacity: 0.75;
  }

  .xl\:hover\:border-opacity-100:hover{
    --border-opacity: 1;
  }

  .xl\:focus\:border-opacity-0:focus{
    --border-opacity: 0;
  }

  .xl\:focus\:border-opacity-25:focus{
    --border-opacity: 0.25;
  }

  .xl\:focus\:border-opacity-50:focus{
    --border-opacity: 0.5;
  }

  .xl\:focus\:border-opacity-75:focus{
    --border-opacity: 0.75;
  }

  .xl\:focus\:border-opacity-100:focus{
    --border-opacity: 1;
  }

  .xl\:rounded-none{
    border-radius: 0;
  }

  .xl\:rounded-sm{
    border-radius: 0.125rem;
  }

  .xl\:rounded{
    border-radius: 0.25rem;
  }

  .xl\:rounded-md{
    border-radius: 0.375rem;
  }

  .xl\:rounded-lg{
    border-radius: 0.5rem;
  }

  .xl\:rounded-xl{
    border-radius: 0.75rem;
  }

  .xl\:rounded-2xl{
    border-radius: 1rem;
  }

  .xl\:rounded-3xl{
    border-radius: 1.5rem;
  }

  .xl\:rounded-full{
    border-radius: 9999px;
  }

  .xl\:rounded-t-none{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .xl\:rounded-r-none{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .xl\:rounded-b-none{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xl\:rounded-l-none{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .xl\:rounded-t-sm{
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
  }

  .xl\:rounded-r-sm{
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
  }

  .xl\:rounded-b-sm{
    border-bottom-right-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .xl\:rounded-l-sm{
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }

  .xl\:rounded-t{
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .xl\:rounded-r{
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .xl\:rounded-b{
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .xl\:rounded-l{
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .xl\:rounded-t-md{
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .xl\:rounded-r-md{
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .xl\:rounded-b-md{
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .xl\:rounded-l-md{
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
  }

  .xl\:rounded-t-lg{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
  }

  .xl\:rounded-r-lg{
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .xl\:rounded-b-lg{
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xl\:rounded-l-lg{
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
  }

  .xl\:rounded-t-xl{
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
  }

  .xl\:rounded-r-xl{
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
  }

  .xl\:rounded-b-xl{
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .xl\:rounded-l-xl{
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }

  .xl\:rounded-t-2xl{
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
  }

  .xl\:rounded-r-2xl{
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }

  .xl\:rounded-b-2xl{
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .xl\:rounded-l-2xl{
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }

  .xl\:rounded-t-3xl{
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }

  .xl\:rounded-r-3xl{
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .xl\:rounded-b-3xl{
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .xl\:rounded-l-3xl{
    border-top-left-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
  }

  .xl\:rounded-t-full{
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
  }

  .xl\:rounded-r-full{
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }

  .xl\:rounded-b-full{
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xl\:rounded-l-full{
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
  }

  .xl\:rounded-tl-none{
    border-top-left-radius: 0;
  }

  .xl\:rounded-tr-none{
    border-top-right-radius: 0;
  }

  .xl\:rounded-br-none{
    border-bottom-right-radius: 0;
  }

  .xl\:rounded-bl-none{
    border-bottom-left-radius: 0;
  }

  .xl\:rounded-tl-sm{
    border-top-left-radius: 0.125rem;
  }

  .xl\:rounded-tr-sm{
    border-top-right-radius: 0.125rem;
  }

  .xl\:rounded-br-sm{
    border-bottom-right-radius: 0.125rem;
  }

  .xl\:rounded-bl-sm{
    border-bottom-left-radius: 0.125rem;
  }

  .xl\:rounded-tl{
    border-top-left-radius: 0.25rem;
  }

  .xl\:rounded-tr{
    border-top-right-radius: 0.25rem;
  }

  .xl\:rounded-br{
    border-bottom-right-radius: 0.25rem;
  }

  .xl\:rounded-bl{
    border-bottom-left-radius: 0.25rem;
  }

  .xl\:rounded-tl-md{
    border-top-left-radius: 0.375rem;
  }

  .xl\:rounded-tr-md{
    border-top-right-radius: 0.375rem;
  }

  .xl\:rounded-br-md{
    border-bottom-right-radius: 0.375rem;
  }

  .xl\:rounded-bl-md{
    border-bottom-left-radius: 0.375rem;
  }

  .xl\:rounded-tl-lg{
    border-top-left-radius: 0.5rem;
  }

  .xl\:rounded-tr-lg{
    border-top-right-radius: 0.5rem;
  }

  .xl\:rounded-br-lg{
    border-bottom-right-radius: 0.5rem;
  }

  .xl\:rounded-bl-lg{
    border-bottom-left-radius: 0.5rem;
  }

  .xl\:rounded-tl-xl{
    border-top-left-radius: 0.75rem;
  }

  .xl\:rounded-tr-xl{
    border-top-right-radius: 0.75rem;
  }

  .xl\:rounded-br-xl{
    border-bottom-right-radius: 0.75rem;
  }

  .xl\:rounded-bl-xl{
    border-bottom-left-radius: 0.75rem;
  }

  .xl\:rounded-tl-2xl{
    border-top-left-radius: 1rem;
  }

  .xl\:rounded-tr-2xl{
    border-top-right-radius: 1rem;
  }

  .xl\:rounded-br-2xl{
    border-bottom-right-radius: 1rem;
  }

  .xl\:rounded-bl-2xl{
    border-bottom-left-radius: 1rem;
  }

  .xl\:rounded-tl-3xl{
    border-top-left-radius: 1.5rem;
  }

  .xl\:rounded-tr-3xl{
    border-top-right-radius: 1.5rem;
  }

  .xl\:rounded-br-3xl{
    border-bottom-right-radius: 1.5rem;
  }

  .xl\:rounded-bl-3xl{
    border-bottom-left-radius: 1.5rem;
  }

  .xl\:rounded-tl-full{
    border-top-left-radius: 9999px;
  }

  .xl\:rounded-tr-full{
    border-top-right-radius: 9999px;
  }

  .xl\:rounded-br-full{
    border-bottom-right-radius: 9999px;
  }

  .xl\:rounded-bl-full{
    border-bottom-left-radius: 9999px;
  }

  .xl\:children\:border-solid > *{
    border-style: solid;
  }

  .xl\:children\:border-dashed > *{
    border-style: dashed;
  }

  .xl\:children\:border-dotted > *{
    border-style: dotted;
  }

  .xl\:children\:border-double > *{
    border-style: double;
  }

  .xl\:children\:border-none > *{
    border-style: none;
  }

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

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

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

  .xl\:border-double{
    border-style: double;
  }

  .xl\:border-none{
    border-style: none;
  }

  .xl\:border-0{
    border-width: 0;
  }

  .xl\:border-2{
    border-width: 2px;
  }

  .xl\:border-4{
    border-width: 4px;
  }

  .xl\:border-8{
    border-width: 8px;
  }

  .xl\:border{
    border-width: 1px;
  }

  .xl\:border-t-0{
    border-top-width: 0;
  }

  .xl\:border-r-0{
    border-right-width: 0;
  }

  .xl\:border-b-0{
    border-bottom-width: 0;
  }

  .xl\:border-l-0{
    border-left-width: 0;
  }

  .xl\:border-t-2{
    border-top-width: 2px;
  }

  .xl\:border-r-2{
    border-right-width: 2px;
  }

  .xl\:border-b-2{
    border-bottom-width: 2px;
  }

  .xl\:border-l-2{
    border-left-width: 2px;
  }

  .xl\:border-t-4{
    border-top-width: 4px;
  }

  .xl\:border-r-4{
    border-right-width: 4px;
  }

  .xl\:border-b-4{
    border-bottom-width: 4px;
  }

  .xl\:border-l-4{
    border-left-width: 4px;
  }

  .xl\:border-t-8{
    border-top-width: 8px;
  }

  .xl\:border-r-8{
    border-right-width: 8px;
  }

  .xl\:border-b-8{
    border-bottom-width: 8px;
  }

  .xl\:border-l-8{
    border-left-width: 8px;
  }

  .xl\:border-t{
    border-top-width: 1px;
  }

  .xl\:border-r{
    border-right-width: 1px;
  }

  .xl\:border-b{
    border-bottom-width: 1px;
  }

  .xl\:border-l{
    border-left-width: 1px;
  }

  .xl\:box-border{
    box-sizing: border-box;
  }

  .xl\:box-content{
    box-sizing: content-box;
  }

  .xl\:cursor-auto{
    cursor: auto;
  }

  .xl\:cursor-default{
    cursor: default;
  }

  .xl\:cursor-pointer{
    cursor: pointer;
  }

  .xl\:cursor-wait{
    cursor: wait;
  }

  .xl\:cursor-text{
    cursor: text;
  }

  .xl\:cursor-move{
    cursor: move;
  }

  .xl\:cursor-not-allowed{
    cursor: not-allowed;
  }

  .xl\:block{
    display: block;
  }

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

  .xl\:inline{
    display: inline;
  }

  .xl\:flex{
    display: flex;
  }

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

  .xl\:table{
    display: table;
  }

  .xl\:table-caption{
    display: table-caption;
  }

  .xl\:table-cell{
    display: table-cell;
  }

  .xl\:table-column{
    display: table-column;
  }

  .xl\:table-column-group{
    display: table-column-group;
  }

  .xl\:table-footer-group{
    display: table-footer-group;
  }

  .xl\:table-header-group{
    display: table-header-group;
  }

  .xl\:table-row-group{
    display: table-row-group;
  }

  .xl\:table-row{
    display: table-row;
  }

  .xl\:flow-root{
    display: flow-root;
  }

  .xl\:grid{
    display: grid;
  }

  .xl\:inline-grid{
    display: inline-grid;
  }

  .xl\:contents{
    display: contents;
  }

  .xl\:hidden{
    display: none;
  }

  .xl\:flex-row{
    flex-direction: row;
  }

  .xl\:flex-row-reverse{
    flex-direction: row-reverse;
  }

  .xl\:flex-col{
    flex-direction: column;
  }

  .xl\:flex-col-reverse{
    flex-direction: column-reverse;
  }

  .xl\:flex-wrap{
    flex-wrap: wrap;
  }

  .xl\:flex-wrap-reverse{
    flex-wrap: wrap-reverse;
  }

  .xl\:flex-no-wrap{
    flex-wrap: nowrap;
  }

  .xl\:place-items-auto{
    place-items: auto;
  }

  .xl\:place-items-start{
    place-items: start;
  }

  .xl\:place-items-end{
    place-items: end;
  }

  .xl\:place-items-center{
    place-items: center;
  }

  .xl\:place-items-stretch{
    place-items: stretch;
  }

  .xl\:place-content-center{
    place-content: center;
  }

  .xl\:place-content-start{
    place-content: start;
  }

  .xl\:place-content-end{
    place-content: end;
  }

  .xl\:place-content-between{
    place-content: space-between;
  }

  .xl\:place-content-around{
    place-content: space-around;
  }

  .xl\:place-content-evenly{
    place-content: space-evenly;
  }

  .xl\:place-content-stretch{
    place-content: stretch;
  }

  .xl\:place-self-auto{
    place-self: auto;
  }

  .xl\:place-self-start{
    place-self: start;
  }

  .xl\:place-self-end{
    place-self: end;
  }

  .xl\:place-self-center{
    place-self: center;
  }

  .xl\:place-self-stretch{
    place-self: stretch;
  }

  .xl\:items-start{
    align-items: flex-start;
  }

  .xl\:items-end{
    align-items: flex-end;
  }

  .xl\:items-center{
    align-items: center;
  }

  .xl\:items-baseline{
    align-items: baseline;
  }

  .xl\:items-stretch{
    align-items: stretch;
  }

  .xl\:content-center{
    align-content: center;
  }

  .xl\:content-start{
    align-content: flex-start;
  }

  .xl\:content-end{
    align-content: flex-end;
  }

  .xl\:content-between{
    align-content: space-between;
  }

  .xl\:content-around{
    align-content: space-around;
  }

  .xl\:content-evenly{
    align-content: space-evenly;
  }

  .xl\:self-auto{
    align-self: auto;
  }

  .xl\:self-start{
    align-self: flex-start;
  }

  .xl\:self-end{
    align-self: flex-end;
  }

  .xl\:self-center{
    align-self: center;
  }

  .xl\:self-stretch{
    align-self: stretch;
  }

  .xl\:justify-items-auto{
    justify-items: auto;
  }

  .xl\:justify-items-start{
    justify-items: start;
  }

  .xl\:justify-items-end{
    justify-items: end;
  }

  .xl\:justify-items-center{
    justify-items: center;
  }

  .xl\:justify-items-stretch{
    justify-items: stretch;
  }

  .xl\:justify-start{
    justify-content: flex-start;
  }

  .xl\:justify-end{
    justify-content: flex-end;
  }

  .xl\:justify-center{
    justify-content: center;
  }

  .xl\:justify-between{
    justify-content: space-between;
  }

  .xl\:justify-around{
    justify-content: space-around;
  }

  .xl\:justify-evenly{
    justify-content: space-evenly;
  }

  .xl\:justify-self-auto{
    justify-self: auto;
  }

  .xl\:justify-self-start{
    justify-self: start;
  }

  .xl\:justify-self-end{
    justify-self: end;
  }

  .xl\:justify-self-center{
    justify-self: center;
  }

  .xl\:justify-self-stretch{
    justify-self: stretch;
  }

  .xl\:flex-1{
    flex: 1 1 0%;
  }

  .xl\:flex-auto{
    flex: 1 1 auto;
  }

  .xl\:flex-initial{
    flex: 0 1 auto;
  }

  .xl\:flex-none{
    flex: none;
  }

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

  .xl\:flex-grow{
    flex-grow: 1;
  }

  .xl\:flex-shrink-0{
    flex-shrink: 0;
  }

  .xl\:flex-shrink{
    flex-shrink: 1;
  }

  .xl\:order-1{
    order: 1;
  }

  .xl\:order-2{
    order: 2;
  }

  .xl\:order-3{
    order: 3;
  }

  .xl\:order-4{
    order: 4;
  }

  .xl\:order-5{
    order: 5;
  }

  .xl\:order-6{
    order: 6;
  }

  .xl\:order-7{
    order: 7;
  }

  .xl\:order-8{
    order: 8;
  }

  .xl\:order-9{
    order: 9;
  }

  .xl\:order-10{
    order: 10;
  }

  .xl\:order-11{
    order: 11;
  }

  .xl\:order-12{
    order: 12;
  }

  .xl\:order-first{
    order: -9999;
  }

  .xl\:order-last{
    order: 9999;
  }

  .xl\:order-none{
    order: 0;
  }

  .xl\:float-right{
    float: right;
  }

  .xl\:float-left{
    float: left;
  }

  .xl\:float-none{
    float: none;
  }

  .xl\:clearfix:after{
    content: "";
    display: table;
    clear: both;
  }

  .xl\:clear-left{
    clear: left;
  }

  .xl\:clear-right{
    clear: right;
  }

  .xl\:clear-both{
    clear: both;
  }

  .xl\:clear-none{
    clear: none;
  }

  .xl\:font-body{
    font-family: proxima-nova, sans-serif;
  }

  .xl\:font-head{
    font-family: jubilat, serif;
  }

  .xl\:font-hairline{
    font-weight: 100;
  }

  .xl\:font-thin{
    font-weight: 200;
  }

  .xl\:font-light{
    font-weight: 300;
  }

  .xl\:font-normal{
    font-weight: 400;
  }

  .xl\:font-medium{
    font-weight: 500;
  }

  .xl\:font-semibold{
    font-weight: 600;
  }

  .xl\:font-bold{
    font-weight: 700;
  }

  .xl\:font-extrabold{
    font-weight: 800;
  }

  .xl\:font-black{
    font-weight: 900;
  }

  .xl\:hover\:font-hairline:hover{
    font-weight: 100;
  }

  .xl\:hover\:font-thin:hover{
    font-weight: 200;
  }

  .xl\:hover\:font-light:hover{
    font-weight: 300;
  }

  .xl\:hover\:font-normal:hover{
    font-weight: 400;
  }

  .xl\:hover\:font-medium:hover{
    font-weight: 500;
  }

  .xl\:hover\:font-semibold:hover{
    font-weight: 600;
  }

  .xl\:hover\:font-bold:hover{
    font-weight: 700;
  }

  .xl\:hover\:font-extrabold:hover{
    font-weight: 800;
  }

  .xl\:hover\:font-black:hover{
    font-weight: 900;
  }

  .xl\:focus\:font-hairline:focus{
    font-weight: 100;
  }

  .xl\:focus\:font-thin:focus{
    font-weight: 200;
  }

  .xl\:focus\:font-light:focus{
    font-weight: 300;
  }

  .xl\:focus\:font-normal:focus{
    font-weight: 400;
  }

  .xl\:focus\:font-medium:focus{
    font-weight: 500;
  }

  .xl\:focus\:font-semibold:focus{
    font-weight: 600;
  }

  .xl\:focus\:font-bold:focus{
    font-weight: 700;
  }

  .xl\:focus\:font-extrabold:focus{
    font-weight: 800;
  }

  .xl\:focus\:font-black:focus{
    font-weight: 900;
  }

  .xl\:h-0{
    height: 0;
  }

  .xl\:h-1{
    height: 0.25rem;
  }

  .xl\:h-2{
    height: 0.5rem;
  }

  .xl\:h-3{
    height: 0.75rem;
  }

  .xl\:h-4{
    height: 1rem;
  }

  .xl\:h-5{
    height: 1.25rem;
  }

  .xl\:h-6{
    height: 1.5rem;
  }

  .xl\:h-8{
    height: 2rem;
  }

  .xl\:h-10{
    height: 2.5rem;
  }

  .xl\:h-12{
    height: 3rem;
  }

  .xl\:h-16{
    height: 4rem;
  }

  .xl\:h-20{
    height: 5rem;
  }

  .xl\:h-24{
    height: 6rem;
  }

  .xl\:h-32{
    height: 8rem;
  }

  .xl\:h-40{
    height: 10rem;
  }

  .xl\:h-48{
    height: 12rem;
  }

  .xl\:h-56{
    height: 14rem;
  }

  .xl\:h-64{
    height: 16rem;
  }

  .xl\:h-auto{
    height: auto;
  }

  .xl\:h-px{
    height: 1px;
  }

  .xl\:h-full{
    height: 100%;
  }

  .xl\:h-screen{
    height: 100vh;
  }

  .xl\:text-xs{
    font-size: 0.75rem;
  }

  .xl\:text-sm{
    font-size: 0.875rem;
  }

  .xl\:text-base{
    font-size: 1rem;
  }

  .xl\:text-lg{
    font-size: 1.125rem;
  }

  .xl\:text-xl{
    font-size: 1.25rem;
  }

  .xl\:text-2xl{
    font-size: 1.5rem;
  }

  .xl\:text-3xl{
    font-size: 1.875rem;
  }

  .xl\:text-4xl{
    font-size: 2rem;
  }

  .xl\:text-5xl{
    font-size: 3rem;
  }

  .xl\:text-6xl{
    font-size: 4rem;
  }

  .xl\:leading-3{
    line-height: .75rem;
  }

  .xl\:leading-4{
    line-height: 1rem;
  }

  .xl\:leading-5{
    line-height: 1.25rem;
  }

  .xl\:leading-6{
    line-height: 1.5rem;
  }

  .xl\:leading-7{
    line-height: 1.75rem;
  }

  .xl\:leading-8{
    line-height: 2rem;
  }

  .xl\:leading-9{
    line-height: 2.25rem;
  }

  .xl\:leading-10{
    line-height: 2.5rem;
  }

  .xl\:leading-none{
    line-height: 1;
  }

  .xl\:leading-tight{
    line-height: 1.25;
  }

  .xl\:leading-snug{
    line-height: 1.375;
  }

  .xl\:leading-normal{
    line-height: 1.5;
  }

  .xl\:leading-relaxed{
    line-height: 1.625;
  }

  .xl\:leading-loose{
    line-height: 2;
  }

  .xl\:list-inside{
    list-style-position: inside;
  }

  .xl\:list-outside{
    list-style-position: outside;
  }

  .xl\:list-none{
    list-style-type: none;
  }

  .xl\:list-disc{
    list-style-type: disc;
  }

  .xl\:list-decimal{
    list-style-type: decimal;
  }

  .xl\:m-0{
    margin: 0;
  }

  .xl\:m-1{
    margin: 0.25rem;
  }

  .xl\:m-2{
    margin: 0.5rem;
  }

  .xl\:m-3{
    margin: 0.75rem;
  }

  .xl\:m-4{
    margin: 1rem;
  }

  .xl\:m-5{
    margin: 1.25rem;
  }

  .xl\:m-6{
    margin: 1.5rem;
  }

  .xl\:m-8{
    margin: 2rem;
  }

  .xl\:m-10{
    margin: 2.5rem;
  }

  .xl\:m-12{
    margin: 3rem;
  }

  .xl\:m-16{
    margin: 4rem;
  }

  .xl\:m-20{
    margin: 5rem;
  }

  .xl\:m-24{
    margin: 6rem;
  }

  .xl\:m-32{
    margin: 8rem;
  }

  .xl\:m-40{
    margin: 10rem;
  }

  .xl\:m-48{
    margin: 12rem;
  }

  .xl\:m-56{
    margin: 14rem;
  }

  .xl\:m-64{
    margin: 16rem;
  }

  .xl\:m-auto{
    margin: auto;
  }

  .xl\:m-px{
    margin: 1px;
  }

  .xl\:-m-1{
    margin: -0.25rem;
  }

  .xl\:-m-2{
    margin: -0.5rem;
  }

  .xl\:-m-3{
    margin: -0.75rem;
  }

  .xl\:-m-4{
    margin: -1rem;
  }

  .xl\:-m-5{
    margin: -1.25rem;
  }

  .xl\:-m-6{
    margin: -1.5rem;
  }

  .xl\:-m-8{
    margin: -2rem;
  }

  .xl\:-m-10{
    margin: -2.5rem;
  }

  .xl\:-m-12{
    margin: -3rem;
  }

  .xl\:-m-16{
    margin: -4rem;
  }

  .xl\:-m-20{
    margin: -5rem;
  }

  .xl\:-m-24{
    margin: -6rem;
  }

  .xl\:-m-32{
    margin: -8rem;
  }

  .xl\:-m-40{
    margin: -10rem;
  }

  .xl\:-m-48{
    margin: -12rem;
  }

  .xl\:-m-56{
    margin: -14rem;
  }

  .xl\:-m-64{
    margin: -16rem;
  }

  .xl\:-m-px{
    margin: -1px;
  }

  .xl\:my-0{
    margin-top: 0;
    margin-bottom: 0;
  }

  .xl\:mx-0{
    margin-left: 0;
    margin-right: 0;
  }

  .xl\:my-1{
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }

  .xl\:mx-1{
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .xl\:my-2{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .xl\:mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

  .xl\:my-3{
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .xl\:mx-3{
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .xl\:my-4{
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .xl\:mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .xl\:my-5{
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .xl\:mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }

  .xl\:my-6{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .xl\:mx-6{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .xl\:my-8{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .xl\:mx-8{
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .xl\:my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .xl\:mx-10{
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .xl\:my-12{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .xl\:mx-12{
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .xl\:my-16{
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .xl\:mx-16{
    margin-left: 4rem;
    margin-right: 4rem;
  }

  .xl\:my-20{
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .xl\:mx-20{
    margin-left: 5rem;
    margin-right: 5rem;
  }

  .xl\:my-24{
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .xl\:mx-24{
    margin-left: 6rem;
    margin-right: 6rem;
  }

  .xl\:my-32{
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .xl\:mx-32{
    margin-left: 8rem;
    margin-right: 8rem;
  }

  .xl\:my-40{
    margin-top: 10rem;
    margin-bottom: 10rem;
  }

  .xl\:mx-40{
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .xl\:my-48{
    margin-top: 12rem;
    margin-bottom: 12rem;
  }

  .xl\:mx-48{
    margin-left: 12rem;
    margin-right: 12rem;
  }

  .xl\:my-56{
    margin-top: 14rem;
    margin-bottom: 14rem;
  }

  .xl\:mx-56{
    margin-left: 14rem;
    margin-right: 14rem;
  }

  .xl\:my-64{
    margin-top: 16rem;
    margin-bottom: 16rem;
  }

  .xl\:mx-64{
    margin-left: 16rem;
    margin-right: 16rem;
  }

  .xl\:my-auto{
    margin-top: auto;
    margin-bottom: auto;
  }

  .xl\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }

  .xl\:my-px{
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .xl\:mx-px{
    margin-left: 1px;
    margin-right: 1px;
  }

  .xl\:-my-1{
    margin-top: -0.25rem;
    margin-bottom: -0.25rem;
  }

  .xl\:-mx-1{
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }

  .xl\:-my-2{
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
  }

  .xl\:-mx-2{
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .xl\:-my-3{
    margin-top: -0.75rem;
    margin-bottom: -0.75rem;
  }

  .xl\:-mx-3{
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }

  .xl\:-my-4{
    margin-top: -1rem;
    margin-bottom: -1rem;
  }

  .xl\:-mx-4{
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .xl\:-my-5{
    margin-top: -1.25rem;
    margin-bottom: -1.25rem;
  }

  .xl\:-mx-5{
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }

  .xl\:-my-6{
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
  }

  .xl\:-mx-6{
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }

  .xl\:-my-8{
    margin-top: -2rem;
    margin-bottom: -2rem;
  }

  .xl\:-mx-8{
    margin-left: -2rem;
    margin-right: -2rem;
  }

  .xl\:-my-10{
    margin-top: -2.5rem;
    margin-bottom: -2.5rem;
  }

  .xl\:-mx-10{
    margin-left: -2.5rem;
    margin-right: -2.5rem;
  }

  .xl\:-my-12{
    margin-top: -3rem;
    margin-bottom: -3rem;
  }

  .xl\:-mx-12{
    margin-left: -3rem;
    margin-right: -3rem;
  }

  .xl\:-my-16{
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .xl\:-mx-16{
    margin-left: -4rem;
    margin-right: -4rem;
  }

  .xl\:-my-20{
    margin-top: -5rem;
    margin-bottom: -5rem;
  }

  .xl\:-mx-20{
    margin-left: -5rem;
    margin-right: -5rem;
  }

  .xl\:-my-24{
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .xl\:-mx-24{
    margin-left: -6rem;
    margin-right: -6rem;
  }

  .xl\:-my-32{
    margin-top: -8rem;
    margin-bottom: -8rem;
  }

  .xl\:-mx-32{
    margin-left: -8rem;
    margin-right: -8rem;
  }

  .xl\:-my-40{
    margin-top: -10rem;
    margin-bottom: -10rem;
  }

  .xl\:-mx-40{
    margin-left: -10rem;
    margin-right: -10rem;
  }

  .xl\:-my-48{
    margin-top: -12rem;
    margin-bottom: -12rem;
  }

  .xl\:-mx-48{
    margin-left: -12rem;
    margin-right: -12rem;
  }

  .xl\:-my-56{
    margin-top: -14rem;
    margin-bottom: -14rem;
  }

  .xl\:-mx-56{
    margin-left: -14rem;
    margin-right: -14rem;
  }

  .xl\:-my-64{
    margin-top: -16rem;
    margin-bottom: -16rem;
  }

  .xl\:-mx-64{
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .xl\:-my-px{
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .xl\:-mx-px{
    margin-left: -1px;
    margin-right: -1px;
  }

  .xl\:mt-0{
    margin-top: 0;
  }

  .xl\:mr-0{
    margin-right: 0;
  }

  .xl\:mb-0{
    margin-bottom: 0;
  }

  .xl\:ml-0{
    margin-left: 0;
  }

  .xl\:mt-1{
    margin-top: 0.25rem;
  }

  .xl\:mr-1{
    margin-right: 0.25rem;
  }

  .xl\:mb-1{
    margin-bottom: 0.25rem;
  }

  .xl\:ml-1{
    margin-left: 0.25rem;
  }

  .xl\:mt-2{
    margin-top: 0.5rem;
  }

  .xl\:mr-2{
    margin-right: 0.5rem;
  }

  .xl\:mb-2{
    margin-bottom: 0.5rem;
  }

  .xl\:ml-2{
    margin-left: 0.5rem;
  }

  .xl\:mt-3{
    margin-top: 0.75rem;
  }

  .xl\:mr-3{
    margin-right: 0.75rem;
  }

  .xl\:mb-3{
    margin-bottom: 0.75rem;
  }

  .xl\:ml-3{
    margin-left: 0.75rem;
  }

  .xl\:mt-4{
    margin-top: 1rem;
  }

  .xl\:mr-4{
    margin-right: 1rem;
  }

  .xl\:mb-4{
    margin-bottom: 1rem;
  }

  .xl\:ml-4{
    margin-left: 1rem;
  }

  .xl\:mt-5{
    margin-top: 1.25rem;
  }

  .xl\:mr-5{
    margin-right: 1.25rem;
  }

  .xl\:mb-5{
    margin-bottom: 1.25rem;
  }

  .xl\:ml-5{
    margin-left: 1.25rem;
  }

  .xl\:mt-6{
    margin-top: 1.5rem;
  }

  .xl\:mr-6{
    margin-right: 1.5rem;
  }

  .xl\:mb-6{
    margin-bottom: 1.5rem;
  }

  .xl\:ml-6{
    margin-left: 1.5rem;
  }

  .xl\:mt-8{
    margin-top: 2rem;
  }

  .xl\:mr-8{
    margin-right: 2rem;
  }

  .xl\:mb-8{
    margin-bottom: 2rem;
  }

  .xl\:ml-8{
    margin-left: 2rem;
  }

  .xl\:mt-10{
    margin-top: 2.5rem;
  }

  .xl\:mr-10{
    margin-right: 2.5rem;
  }

  .xl\:mb-10{
    margin-bottom: 2.5rem;
  }

  .xl\:ml-10{
    margin-left: 2.5rem;
  }

  .xl\:mt-12{
    margin-top: 3rem;
  }

  .xl\:mr-12{
    margin-right: 3rem;
  }

  .xl\:mb-12{
    margin-bottom: 3rem;
  }

  .xl\:ml-12{
    margin-left: 3rem;
  }

  .xl\:mt-16{
    margin-top: 4rem;
  }

  .xl\:mr-16{
    margin-right: 4rem;
  }

  .xl\:mb-16{
    margin-bottom: 4rem;
  }

  .xl\:ml-16{
    margin-left: 4rem;
  }

  .xl\:mt-20{
    margin-top: 5rem;
  }

  .xl\:mr-20{
    margin-right: 5rem;
  }

  .xl\:mb-20{
    margin-bottom: 5rem;
  }

  .xl\:ml-20{
    margin-left: 5rem;
  }

  .xl\:mt-24{
    margin-top: 6rem;
  }

  .xl\:mr-24{
    margin-right: 6rem;
  }

  .xl\:mb-24{
    margin-bottom: 6rem;
  }

  .xl\:ml-24{
    margin-left: 6rem;
  }

  .xl\:mt-32{
    margin-top: 8rem;
  }

  .xl\:mr-32{
    margin-right: 8rem;
  }

  .xl\:mb-32{
    margin-bottom: 8rem;
  }

  .xl\:ml-32{
    margin-left: 8rem;
  }

  .xl\:mt-40{
    margin-top: 10rem;
  }

  .xl\:mr-40{
    margin-right: 10rem;
  }

  .xl\:mb-40{
    margin-bottom: 10rem;
  }

  .xl\:ml-40{
    margin-left: 10rem;
  }

  .xl\:mt-48{
    margin-top: 12rem;
  }

  .xl\:mr-48{
    margin-right: 12rem;
  }

  .xl\:mb-48{
    margin-bottom: 12rem;
  }

  .xl\:ml-48{
    margin-left: 12rem;
  }

  .xl\:mt-56{
    margin-top: 14rem;
  }

  .xl\:mr-56{
    margin-right: 14rem;
  }

  .xl\:mb-56{
    margin-bottom: 14rem;
  }

  .xl\:ml-56{
    margin-left: 14rem;
  }

  .xl\:mt-64{
    margin-top: 16rem;
  }

  .xl\:mr-64{
    margin-right: 16rem;
  }

  .xl\:mb-64{
    margin-bottom: 16rem;
  }

  .xl\:ml-64{
    margin-left: 16rem;
  }

  .xl\:mt-auto{
    margin-top: auto;
  }

  .xl\:mr-auto{
    margin-right: auto;
  }

  .xl\:mb-auto{
    margin-bottom: auto;
  }

  .xl\:ml-auto{
    margin-left: auto;
  }

  .xl\:mt-px{
    margin-top: 1px;
  }

  .xl\:mr-px{
    margin-right: 1px;
  }

  .xl\:mb-px{
    margin-bottom: 1px;
  }

  .xl\:ml-px{
    margin-left: 1px;
  }

  .xl\:-mt-1{
    margin-top: -0.25rem;
  }

  .xl\:-mr-1{
    margin-right: -0.25rem;
  }

  .xl\:-mb-1{
    margin-bottom: -0.25rem;
  }

  .xl\:-ml-1{
    margin-left: -0.25rem;
  }

  .xl\:-mt-2{
    margin-top: -0.5rem;
  }

  .xl\:-mr-2{
    margin-right: -0.5rem;
  }

  .xl\:-mb-2{
    margin-bottom: -0.5rem;
  }

  .xl\:-ml-2{
    margin-left: -0.5rem;
  }

  .xl\:-mt-3{
    margin-top: -0.75rem;
  }

  .xl\:-mr-3{
    margin-right: -0.75rem;
  }

  .xl\:-mb-3{
    margin-bottom: -0.75rem;
  }

  .xl\:-ml-3{
    margin-left: -0.75rem;
  }

  .xl\:-mt-4{
    margin-top: -1rem;
  }

  .xl\:-mr-4{
    margin-right: -1rem;
  }

  .xl\:-mb-4{
    margin-bottom: -1rem;
  }

  .xl\:-ml-4{
    margin-left: -1rem;
  }

  .xl\:-mt-5{
    margin-top: -1.25rem;
  }

  .xl\:-mr-5{
    margin-right: -1.25rem;
  }

  .xl\:-mb-5{
    margin-bottom: -1.25rem;
  }

  .xl\:-ml-5{
    margin-left: -1.25rem;
  }

  .xl\:-mt-6{
    margin-top: -1.5rem;
  }

  .xl\:-mr-6{
    margin-right: -1.5rem;
  }

  .xl\:-mb-6{
    margin-bottom: -1.5rem;
  }

  .xl\:-ml-6{
    margin-left: -1.5rem;
  }

  .xl\:-mt-8{
    margin-top: -2rem;
  }

  .xl\:-mr-8{
    margin-right: -2rem;
  }

  .xl\:-mb-8{
    margin-bottom: -2rem;
  }

  .xl\:-ml-8{
    margin-left: -2rem;
  }

  .xl\:-mt-10{
    margin-top: -2.5rem;
  }

  .xl\:-mr-10{
    margin-right: -2.5rem;
  }

  .xl\:-mb-10{
    margin-bottom: -2.5rem;
  }

  .xl\:-ml-10{
    margin-left: -2.5rem;
  }

  .xl\:-mt-12{
    margin-top: -3rem;
  }

  .xl\:-mr-12{
    margin-right: -3rem;
  }

  .xl\:-mb-12{
    margin-bottom: -3rem;
  }

  .xl\:-ml-12{
    margin-left: -3rem;
  }

  .xl\:-mt-16{
    margin-top: -4rem;
  }

  .xl\:-mr-16{
    margin-right: -4rem;
  }

  .xl\:-mb-16{
    margin-bottom: -4rem;
  }

  .xl\:-ml-16{
    margin-left: -4rem;
  }

  .xl\:-mt-20{
    margin-top: -5rem;
  }

  .xl\:-mr-20{
    margin-right: -5rem;
  }

  .xl\:-mb-20{
    margin-bottom: -5rem;
  }

  .xl\:-ml-20{
    margin-left: -5rem;
  }

  .xl\:-mt-24{
    margin-top: -6rem;
  }

  .xl\:-mr-24{
    margin-right: -6rem;
  }

  .xl\:-mb-24{
    margin-bottom: -6rem;
  }

  .xl\:-ml-24{
    margin-left: -6rem;
  }

  .xl\:-mt-32{
    margin-top: -8rem;
  }

  .xl\:-mr-32{
    margin-right: -8rem;
  }

  .xl\:-mb-32{
    margin-bottom: -8rem;
  }

  .xl\:-ml-32{
    margin-left: -8rem;
  }

  .xl\:-mt-40{
    margin-top: -10rem;
  }

  .xl\:-mr-40{
    margin-right: -10rem;
  }

  .xl\:-mb-40{
    margin-bottom: -10rem;
  }

  .xl\:-ml-40{
    margin-left: -10rem;
  }

  .xl\:-mt-48{
    margin-top: -12rem;
  }

  .xl\:-mr-48{
    margin-right: -12rem;
  }

  .xl\:-mb-48{
    margin-bottom: -12rem;
  }

  .xl\:-ml-48{
    margin-left: -12rem;
  }

  .xl\:-mt-56{
    margin-top: -14rem;
  }

  .xl\:-mr-56{
    margin-right: -14rem;
  }

  .xl\:-mb-56{
    margin-bottom: -14rem;
  }

  .xl\:-ml-56{
    margin-left: -14rem;
  }

  .xl\:-mt-64{
    margin-top: -16rem;
  }

  .xl\:-mr-64{
    margin-right: -16rem;
  }

  .xl\:-mb-64{
    margin-bottom: -16rem;
  }

  .xl\:-ml-64{
    margin-left: -16rem;
  }

  .xl\:-mt-px{
    margin-top: -1px;
  }

  .xl\:-mr-px{
    margin-right: -1px;
  }

  .xl\:-mb-px{
    margin-bottom: -1px;
  }

  .xl\:-ml-px{
    margin-left: -1px;
  }

  .xl\:max-h-full{
    max-height: 100%;
  }

  .xl\:max-h-screen{
    max-height: 100vh;
  }

  .xl\:max-w-none{
    max-width: none;
  }

  .xl\:max-w-xs{
    max-width: 20rem;
  }

  .xl\:max-w-sm{
    max-width: 24rem;
  }

  .xl\:max-w-md{
    max-width: 28rem;
  }

  .xl\:max-w-lg{
    max-width: 32rem;
  }

  .xl\:max-w-xl{
    max-width: 36rem;
  }

  .xl\:max-w-2xl{
    max-width: 42rem;
  }

  .xl\:max-w-3xl{
    max-width: 48rem;
  }

  .xl\:max-w-4xl{
    max-width: 56rem;
  }

  .xl\:max-w-5xl{
    max-width: 64rem;
  }

  .xl\:max-w-6xl{
    max-width: 72rem;
  }

  .xl\:max-w-full{
    max-width: 100%;
  }

  .xl\:max-w-screen-sm{
    max-width: 640px;
  }

  .xl\:max-w-screen-md{
    max-width: 768px;
  }

  .xl\:max-w-screen-lg{
    max-width: 1024px;
  }

  .xl\:max-w-screen-xl{
    max-width: 1280px;
  }

  .xl\:min-h-0{
    min-height: 0;
  }

  .xl\:min-h-full{
    min-height: 100%;
  }

  .xl\:min-h-screen{
    min-height: 100vh;
  }

  .xl\:min-w-0{
    min-width: 0;
  }

  .xl\:min-w-full{
    min-width: 100%;
  }

  .xl\:object-contain{
    -o-object-fit: contain;
       object-fit: contain;
  }

  .xl\:object-cover{
    -o-object-fit: cover;
       object-fit: cover;
  }

  .xl\:object-fill{
    -o-object-fit: fill;
       object-fit: fill;
  }

  .xl\:object-none{
    -o-object-fit: none;
       object-fit: none;
  }

  .xl\:object-scale-down{
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .xl\:object-bottom{
    -o-object-position: bottom;
       object-position: bottom;
  }

  .xl\:object-center{
    -o-object-position: center;
       object-position: center;
  }

  .xl\:object-left{
    -o-object-position: left;
       object-position: left;
  }

  .xl\:object-left-bottom{
    -o-object-position: left bottom;
       object-position: left bottom;
  }

  .xl\:object-left-top{
    -o-object-position: left top;
       object-position: left top;
  }

  .xl\:object-right{
    -o-object-position: right;
       object-position: right;
  }

  .xl\:object-right-bottom{
    -o-object-position: right bottom;
       object-position: right bottom;
  }

  .xl\:object-right-top{
    -o-object-position: right top;
       object-position: right top;
  }

  .xl\:object-top{
    -o-object-position: top;
       object-position: top;
  }

  .xl\:opacity-0{
    opacity: 0;
  }

  .xl\:opacity-25{
    opacity: 0.25;
  }

  .xl\:opacity-50{
    opacity: 0.5;
  }

  .xl\:opacity-75{
    opacity: 0.75;
  }

  .xl\:opacity-100{
    opacity: 1;
  }

  .xl\:hover\:opacity-0:hover{
    opacity: 0;
  }

  .xl\:hover\:opacity-25:hover{
    opacity: 0.25;
  }

  .xl\:hover\:opacity-50:hover{
    opacity: 0.5;
  }

  .xl\:hover\:opacity-75:hover{
    opacity: 0.75;
  }

  .xl\:hover\:opacity-100:hover{
    opacity: 1;
  }

  .xl\:focus\:opacity-0:focus{
    opacity: 0;
  }

  .xl\:focus\:opacity-25:focus{
    opacity: 0.25;
  }

  .xl\:focus\:opacity-50:focus{
    opacity: 0.5;
  }

  .xl\:focus\:opacity-75:focus{
    opacity: 0.75;
  }

  .xl\:focus\:opacity-100:focus{
    opacity: 1;
  }

  .xl\:outline-none{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .xl\:outline-white{
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .xl\:outline-black{
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .xl\:focus\:outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
  }

  .xl\:focus\:outline-white:focus{
    outline: 2px dotted white;
    outline-offset: 2px;
  }

  .xl\:focus\:outline-black:focus{
    outline: 2px dotted black;
    outline-offset: 2px;
  }

  .xl\:overflow-auto{
    overflow: auto;
  }

  .xl\:overflow-hidden{
    overflow: hidden;
  }

  .xl\:overflow-visible{
    overflow: visible;
  }

  .xl\:overflow-scroll{
    overflow: scroll;
  }

  .xl\:overflow-x-auto{
    overflow-x: auto;
  }

  .xl\:overflow-y-auto{
    overflow-y: auto;
  }

  .xl\:overflow-x-hidden{
    overflow-x: hidden;
  }

  .xl\:overflow-y-hidden{
    overflow-y: hidden;
  }

  .xl\:overflow-x-visible{
    overflow-x: visible;
  }

  .xl\:overflow-y-visible{
    overflow-y: visible;
  }

  .xl\:overflow-x-scroll{
    overflow-x: scroll;
  }

  .xl\:overflow-y-scroll{
    overflow-y: scroll;
  }

  .xl\:scrolling-touch{
    -webkit-overflow-scrolling: touch;
  }

  .xl\:scrolling-auto{
    -webkit-overflow-scrolling: auto;
  }

  .xl\:overscroll-auto{
    overscroll-behavior: auto;
  }

  .xl\:overscroll-contain{
    overscroll-behavior: contain;
  }

  .xl\:overscroll-none{
    overscroll-behavior: none;
  }

  .xl\:overscroll-y-auto{
    overscroll-behavior-y: auto;
  }

  .xl\:overscroll-y-contain{
    overscroll-behavior-y: contain;
  }

  .xl\:overscroll-y-none{
    overscroll-behavior-y: none;
  }

  .xl\:overscroll-x-auto{
    overscroll-behavior-x: auto;
  }

  .xl\:overscroll-x-contain{
    overscroll-behavior-x: contain;
  }

  .xl\:overscroll-x-none{
    overscroll-behavior-x: none;
  }

  .xl\:children\:p-0 > *{
    padding: 0;
  }

  .xl\:children\:p-1 > *{
    padding: 0.25rem;
  }

  .xl\:children\:p-2 > *{
    padding: 0.5rem;
  }

  .xl\:children\:p-3 > *{
    padding: 0.75rem;
  }

  .xl\:children\:p-4 > *{
    padding: 1rem;
  }

  .xl\:children\:p-5 > *{
    padding: 1.25rem;
  }

  .xl\:children\:p-6 > *{
    padding: 1.5rem;
  }

  .xl\:children\:p-8 > *{
    padding: 2rem;
  }

  .xl\:children\:p-10 > *{
    padding: 2.5rem;
  }

  .xl\:children\:p-12 > *{
    padding: 3rem;
  }

  .xl\:children\:p-16 > *{
    padding: 4rem;
  }

  .xl\:children\:p-20 > *{
    padding: 5rem;
  }

  .xl\:children\:p-24 > *{
    padding: 6rem;
  }

  .xl\:children\:p-32 > *{
    padding: 8rem;
  }

  .xl\:children\:p-40 > *{
    padding: 10rem;
  }

  .xl\:children\:p-48 > *{
    padding: 12rem;
  }

  .xl\:children\:p-56 > *{
    padding: 14rem;
  }

  .xl\:children\:p-64 > *{
    padding: 16rem;
  }

  .xl\:children\:p-px > *{
    padding: 1px;
  }

  .xl\:children\:py-0 > *{
    padding-top: 0;
    padding-bottom: 0;
  }

  .xl\:children\:px-0 > *{
    padding-left: 0;
    padding-right: 0;
  }

  .xl\:children\:py-1 > *{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .xl\:children\:px-1 > *{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .xl\:children\:py-2 > *{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .xl\:children\:px-2 > *{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .xl\:children\:py-3 > *{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .xl\:children\:px-3 > *{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .xl\:children\:py-4 > *{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .xl\:children\:px-4 > *{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xl\:children\:py-5 > *{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .xl\:children\:px-5 > *{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .xl\:children\:py-6 > *{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .xl\:children\:px-6 > *{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .xl\:children\:py-8 > *{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xl\:children\:px-8 > *{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:children\:py-10 > *{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .xl\:children\:px-10 > *{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xl\:children\:py-12 > *{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .xl\:children\:px-12 > *{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .xl\:children\:py-16 > *{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .xl\:children\:px-16 > *{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xl\:children\:py-20 > *{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .xl\:children\:px-20 > *{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .xl\:children\:py-24 > *{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .xl\:children\:px-24 > *{
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .xl\:children\:py-32 > *{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .xl\:children\:px-32 > *{
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .xl\:children\:py-40 > *{
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .xl\:children\:px-40 > *{
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .xl\:children\:py-48 > *{
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .xl\:children\:px-48 > *{
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .xl\:children\:py-56 > *{
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .xl\:children\:px-56 > *{
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .xl\:children\:py-64 > *{
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .xl\:children\:px-64 > *{
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .xl\:children\:py-px > *{
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .xl\:children\:px-px > *{
    padding-left: 1px;
    padding-right: 1px;
  }

  .xl\:children\:pt-0 > *{
    padding-top: 0;
  }

  .xl\:children\:pr-0 > *{
    padding-right: 0;
  }

  .xl\:children\:pb-0 > *{
    padding-bottom: 0;
  }

  .xl\:children\:pl-0 > *{
    padding-left: 0;
  }

  .xl\:children\:pt-1 > *{
    padding-top: 0.25rem;
  }

  .xl\:children\:pr-1 > *{
    padding-right: 0.25rem;
  }

  .xl\:children\:pb-1 > *{
    padding-bottom: 0.25rem;
  }

  .xl\:children\:pl-1 > *{
    padding-left: 0.25rem;
  }

  .xl\:children\:pt-2 > *{
    padding-top: 0.5rem;
  }

  .xl\:children\:pr-2 > *{
    padding-right: 0.5rem;
  }

  .xl\:children\:pb-2 > *{
    padding-bottom: 0.5rem;
  }

  .xl\:children\:pl-2 > *{
    padding-left: 0.5rem;
  }

  .xl\:children\:pt-3 > *{
    padding-top: 0.75rem;
  }

  .xl\:children\:pr-3 > *{
    padding-right: 0.75rem;
  }

  .xl\:children\:pb-3 > *{
    padding-bottom: 0.75rem;
  }

  .xl\:children\:pl-3 > *{
    padding-left: 0.75rem;
  }

  .xl\:children\:pt-4 > *{
    padding-top: 1rem;
  }

  .xl\:children\:pr-4 > *{
    padding-right: 1rem;
  }

  .xl\:children\:pb-4 > *{
    padding-bottom: 1rem;
  }

  .xl\:children\:pl-4 > *{
    padding-left: 1rem;
  }

  .xl\:children\:pt-5 > *{
    padding-top: 1.25rem;
  }

  .xl\:children\:pr-5 > *{
    padding-right: 1.25rem;
  }

  .xl\:children\:pb-5 > *{
    padding-bottom: 1.25rem;
  }

  .xl\:children\:pl-5 > *{
    padding-left: 1.25rem;
  }

  .xl\:children\:pt-6 > *{
    padding-top: 1.5rem;
  }

  .xl\:children\:pr-6 > *{
    padding-right: 1.5rem;
  }

  .xl\:children\:pb-6 > *{
    padding-bottom: 1.5rem;
  }

  .xl\:children\:pl-6 > *{
    padding-left: 1.5rem;
  }

  .xl\:children\:pt-8 > *{
    padding-top: 2rem;
  }

  .xl\:children\:pr-8 > *{
    padding-right: 2rem;
  }

  .xl\:children\:pb-8 > *{
    padding-bottom: 2rem;
  }

  .xl\:children\:pl-8 > *{
    padding-left: 2rem;
  }

  .xl\:children\:pt-10 > *{
    padding-top: 2.5rem;
  }

  .xl\:children\:pr-10 > *{
    padding-right: 2.5rem;
  }

  .xl\:children\:pb-10 > *{
    padding-bottom: 2.5rem;
  }

  .xl\:children\:pl-10 > *{
    padding-left: 2.5rem;
  }

  .xl\:children\:pt-12 > *{
    padding-top: 3rem;
  }

  .xl\:children\:pr-12 > *{
    padding-right: 3rem;
  }

  .xl\:children\:pb-12 > *{
    padding-bottom: 3rem;
  }

  .xl\:children\:pl-12 > *{
    padding-left: 3rem;
  }

  .xl\:children\:pt-16 > *{
    padding-top: 4rem;
  }

  .xl\:children\:pr-16 > *{
    padding-right: 4rem;
  }

  .xl\:children\:pb-16 > *{
    padding-bottom: 4rem;
  }

  .xl\:children\:pl-16 > *{
    padding-left: 4rem;
  }

  .xl\:children\:pt-20 > *{
    padding-top: 5rem;
  }

  .xl\:children\:pr-20 > *{
    padding-right: 5rem;
  }

  .xl\:children\:pb-20 > *{
    padding-bottom: 5rem;
  }

  .xl\:children\:pl-20 > *{
    padding-left: 5rem;
  }

  .xl\:children\:pt-24 > *{
    padding-top: 6rem;
  }

  .xl\:children\:pr-24 > *{
    padding-right: 6rem;
  }

  .xl\:children\:pb-24 > *{
    padding-bottom: 6rem;
  }

  .xl\:children\:pl-24 > *{
    padding-left: 6rem;
  }

  .xl\:children\:pt-32 > *{
    padding-top: 8rem;
  }

  .xl\:children\:pr-32 > *{
    padding-right: 8rem;
  }

  .xl\:children\:pb-32 > *{
    padding-bottom: 8rem;
  }

  .xl\:children\:pl-32 > *{
    padding-left: 8rem;
  }

  .xl\:children\:pt-40 > *{
    padding-top: 10rem;
  }

  .xl\:children\:pr-40 > *{
    padding-right: 10rem;
  }

  .xl\:children\:pb-40 > *{
    padding-bottom: 10rem;
  }

  .xl\:children\:pl-40 > *{
    padding-left: 10rem;
  }

  .xl\:children\:pt-48 > *{
    padding-top: 12rem;
  }

  .xl\:children\:pr-48 > *{
    padding-right: 12rem;
  }

  .xl\:children\:pb-48 > *{
    padding-bottom: 12rem;
  }

  .xl\:children\:pl-48 > *{
    padding-left: 12rem;
  }

  .xl\:children\:pt-56 > *{
    padding-top: 14rem;
  }

  .xl\:children\:pr-56 > *{
    padding-right: 14rem;
  }

  .xl\:children\:pb-56 > *{
    padding-bottom: 14rem;
  }

  .xl\:children\:pl-56 > *{
    padding-left: 14rem;
  }

  .xl\:children\:pt-64 > *{
    padding-top: 16rem;
  }

  .xl\:children\:pr-64 > *{
    padding-right: 16rem;
  }

  .xl\:children\:pb-64 > *{
    padding-bottom: 16rem;
  }

  .xl\:children\:pl-64 > *{
    padding-left: 16rem;
  }

  .xl\:children\:pt-px > *{
    padding-top: 1px;
  }

  .xl\:children\:pr-px > *{
    padding-right: 1px;
  }

  .xl\:children\:pb-px > *{
    padding-bottom: 1px;
  }

  .xl\:children\:pl-px > *{
    padding-left: 1px;
  }

  .xl\:p-0{
    padding: 0;
  }

  .xl\:p-1{
    padding: 0.25rem;
  }

  .xl\:p-2{
    padding: 0.5rem;
  }

  .xl\:p-3{
    padding: 0.75rem;
  }

  .xl\:p-4{
    padding: 1rem;
  }

  .xl\:p-5{
    padding: 1.25rem;
  }

  .xl\:p-6{
    padding: 1.5rem;
  }

  .xl\:p-8{
    padding: 2rem;
  }

  .xl\:p-10{
    padding: 2.5rem;
  }

  .xl\:p-12{
    padding: 3rem;
  }

  .xl\:p-16{
    padding: 4rem;
  }

  .xl\:p-20{
    padding: 5rem;
  }

  .xl\:p-24{
    padding: 6rem;
  }

  .xl\:p-32{
    padding: 8rem;
  }

  .xl\:p-40{
    padding: 10rem;
  }

  .xl\:p-48{
    padding: 12rem;
  }

  .xl\:p-56{
    padding: 14rem;
  }

  .xl\:p-64{
    padding: 16rem;
  }

  .xl\:p-px{
    padding: 1px;
  }

  .xl\:py-0{
    padding-top: 0;
    padding-bottom: 0;
  }

  .xl\:px-0{
    padding-left: 0;
    padding-right: 0;
  }

  .xl\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .xl\:px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }

  .xl\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .xl\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .xl\:py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .xl\:px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .xl\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .xl\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .xl\:py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .xl\:px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .xl\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .xl\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .xl\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .xl\:px-8{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .xl\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .xl\:px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .xl\:py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .xl\:px-12{
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .xl\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .xl\:px-16{
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .xl\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .xl\:px-20{
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .xl\:py-24{
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .xl\:px-24{
    padding-left: 6rem;
    padding-right: 6rem;
  }

  .xl\:py-32{
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .xl\:px-32{
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .xl\:py-40{
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .xl\:px-40{
    padding-left: 10rem;
    padding-right: 10rem;
  }

  .xl\:py-48{
    padding-top: 12rem;
    padding-bottom: 12rem;
  }

  .xl\:px-48{
    padding-left: 12rem;
    padding-right: 12rem;
  }

  .xl\:py-56{
    padding-top: 14rem;
    padding-bottom: 14rem;
  }

  .xl\:px-56{
    padding-left: 14rem;
    padding-right: 14rem;
  }

  .xl\:py-64{
    padding-top: 16rem;
    padding-bottom: 16rem;
  }

  .xl\:px-64{
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .xl\:py-px{
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .xl\:px-px{
    padding-left: 1px;
    padding-right: 1px;
  }

  .xl\:pt-0{
    padding-top: 0;
  }

  .xl\:pr-0{
    padding-right: 0;
  }

  .xl\:pb-0{
    padding-bottom: 0;
  }

  .xl\:pl-0{
    padding-left: 0;
  }

  .xl\:pt-1{
    padding-top: 0.25rem;
  }

  .xl\:pr-1{
    padding-right: 0.25rem;
  }

  .xl\:pb-1{
    padding-bottom: 0.25rem;
  }

  .xl\:pl-1{
    padding-left: 0.25rem;
  }

  .xl\:pt-2{
    padding-top: 0.5rem;
  }

  .xl\:pr-2{
    padding-right: 0.5rem;
  }

  .xl\:pb-2{
    padding-bottom: 0.5rem;
  }

  .xl\:pl-2{
    padding-left: 0.5rem;
  }

  .xl\:pt-3{
    padding-top: 0.75rem;
  }

  .xl\:pr-3{
    padding-right: 0.75rem;
  }

  .xl\:pb-3{
    padding-bottom: 0.75rem;
  }

  .xl\:pl-3{
    padding-left: 0.75rem;
  }

  .xl\:pt-4{
    padding-top: 1rem;
  }

  .xl\:pr-4{
    padding-right: 1rem;
  }

  .xl\:pb-4{
    padding-bottom: 1rem;
  }

  .xl\:pl-4{
    padding-left: 1rem;
  }

  .xl\:pt-5{
    padding-top: 1.25rem;
  }

  .xl\:pr-5{
    padding-right: 1.25rem;
  }

  .xl\:pb-5{
    padding-bottom: 1.25rem;
  }

  .xl\:pl-5{
    padding-left: 1.25rem;
  }

  .xl\:pt-6{
    padding-top: 1.5rem;
  }

  .xl\:pr-6{
    padding-right: 1.5rem;
  }

  .xl\:pb-6{
    padding-bottom: 1.5rem;
  }

  .xl\:pl-6{
    padding-left: 1.5rem;
  }

  .xl\:pt-8{
    padding-top: 2rem;
  }

  .xl\:pr-8{
    padding-right: 2rem;
  }

  .xl\:pb-8{
    padding-bottom: 2rem;
  }

  .xl\:pl-8{
    padding-left: 2rem;
  }

  .xl\:pt-10{
    padding-top: 2.5rem;
  }

  .xl\:pr-10{
    padding-right: 2.5rem;
  }

  .xl\:pb-10{
    padding-bottom: 2.5rem;
  }

  .xl\:pl-10{
    padding-left: 2.5rem;
  }

  .xl\:pt-12{
    padding-top: 3rem;
  }

  .xl\:pr-12{
    padding-right: 3rem;
  }

  .xl\:pb-12{
    padding-bottom: 3rem;
  }

  .xl\:pl-12{
    padding-left: 3rem;
  }

  .xl\:pt-16{
    padding-top: 4rem;
  }

  .xl\:pr-16{
    padding-right: 4rem;
  }

  .xl\:pb-16{
    padding-bottom: 4rem;
  }

  .xl\:pl-16{
    padding-left: 4rem;
  }

  .xl\:pt-20{
    padding-top: 5rem;
  }

  .xl\:pr-20{
    padding-right: 5rem;
  }

  .xl\:pb-20{
    padding-bottom: 5rem;
  }

  .xl\:pl-20{
    padding-left: 5rem;
  }

  .xl\:pt-24{
    padding-top: 6rem;
  }

  .xl\:pr-24{
    padding-right: 6rem;
  }

  .xl\:pb-24{
    padding-bottom: 6rem;
  }

  .xl\:pl-24{
    padding-left: 6rem;
  }

  .xl\:pt-32{
    padding-top: 8rem;
  }

  .xl\:pr-32{
    padding-right: 8rem;
  }

  .xl\:pb-32{
    padding-bottom: 8rem;
  }

  .xl\:pl-32{
    padding-left: 8rem;
  }

  .xl\:pt-40{
    padding-top: 10rem;
  }

  .xl\:pr-40{
    padding-right: 10rem;
  }

  .xl\:pb-40{
    padding-bottom: 10rem;
  }

  .xl\:pl-40{
    padding-left: 10rem;
  }

  .xl\:pt-48{
    padding-top: 12rem;
  }

  .xl\:pr-48{
    padding-right: 12rem;
  }

  .xl\:pb-48{
    padding-bottom: 12rem;
  }

  .xl\:pl-48{
    padding-left: 12rem;
  }

  .xl\:pt-56{
    padding-top: 14rem;
  }

  .xl\:pr-56{
    padding-right: 14rem;
  }

  .xl\:pb-56{
    padding-bottom: 14rem;
  }

  .xl\:pl-56{
    padding-left: 14rem;
  }

  .xl\:pt-64{
    padding-top: 16rem;
  }

  .xl\:pr-64{
    padding-right: 16rem;
  }

  .xl\:pb-64{
    padding-bottom: 16rem;
  }

  .xl\:pl-64{
    padding-left: 16rem;
  }

  .xl\:pt-px{
    padding-top: 1px;
  }

  .xl\:pr-px{
    padding-right: 1px;
  }

  .xl\:pb-px{
    padding-bottom: 1px;
  }

  .xl\:pl-px{
    padding-left: 1px;
  }

  .xl\:placeholder-blue-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-bright::placeholder{
    --placeholder-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-light::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-light::placeholder{
    --placeholder-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-pale::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-pale::placeholder{
    --placeholder-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-deep::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-deep::placeholder{
    --placeholder-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-med::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-med::placeholder{
    --placeholder-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--placeholder-opacity));
  }

  .xl\:placeholder-blue-dark::placeholder{
    --placeholder-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-100::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-100::placeholder{
    --placeholder-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-200::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-200::placeholder{
    --placeholder-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-300::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-300::placeholder{
    --placeholder-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-500::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-500::placeholder{
    --placeholder-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-600::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-600::placeholder{
    --placeholder-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-700::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-700::placeholder{
    --placeholder-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-900::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--placeholder-opacity));
  }

  .xl\:placeholder-gray-900::placeholder{
    --placeholder-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--placeholder-opacity));
  }

  .xl\:placeholder-magenta-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--placeholder-opacity));
  }

  .xl\:placeholder-magenta-dark::placeholder{
    --placeholder-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--placeholder-opacity));
  }

  .xl\:placeholder-magenta-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--placeholder-opacity));
  }

  .xl\:placeholder-magenta-bright::placeholder{
    --placeholder-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--placeholder-opacity));
  }

  .xl\:placeholder-magenta-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--placeholder-opacity));
  }

  .xl\:placeholder-magenta-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-dark::placeholder{
    --placeholder-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-bright::placeholder{
    --placeholder-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--placeholder-opacity));
  }

  .xl\:placeholder-teal-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--placeholder-opacity));
  }

  .xl\:placeholder-mustard-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--placeholder-opacity));
  }

  .xl\:placeholder-mustard-dark::placeholder{
    --placeholder-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--placeholder-opacity));
  }

  .xl\:placeholder-mustard-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--placeholder-opacity));
  }

  .xl\:placeholder-mustard-bright::placeholder{
    --placeholder-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--placeholder-opacity));
  }

  .xl\:placeholder-mustard-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--placeholder-opacity));
  }

  .xl\:placeholder-mustard-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-dark::placeholder{
    --placeholder-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-bright::placeholder{
    --placeholder-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-bookshop::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--placeholder-opacity));
  }

  .xl\:placeholder-purple-bookshop::placeholder{
    --placeholder-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--placeholder-opacity));
  }

  .xl\:placeholder-green-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--placeholder-opacity));
  }

  .xl\:placeholder-green-dark::placeholder{
    --placeholder-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--placeholder-opacity));
  }

  .xl\:placeholder-green-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--placeholder-opacity));
  }

  .xl\:placeholder-green-bright::placeholder{
    --placeholder-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--placeholder-opacity));
  }

  .xl\:placeholder-green-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--placeholder-opacity));
  }

  .xl\:placeholder-green-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--placeholder-opacity));
  }

  .xl\:placeholder-navy-dark::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--placeholder-opacity));
  }

  .xl\:placeholder-navy-dark::placeholder{
    --placeholder-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--placeholder-opacity));
  }

  .xl\:placeholder-navy-bright::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--placeholder-opacity));
  }

  .xl\:placeholder-navy-bright::placeholder{
    --placeholder-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--placeholder-opacity));
  }

  .xl\:placeholder-navy-hilight::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--placeholder-opacity));
  }

  .xl\:placeholder-navy-hilight::placeholder{
    --placeholder-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--placeholder-opacity));
  }

  .xl\:placeholder-transparent::-moz-placeholder{
    color: transparent;
  }

  .xl\:placeholder-transparent::placeholder{
    color: transparent;
  }

  .xl\:placeholder-black::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--placeholder-opacity));
  }

  .xl\:placeholder-black::placeholder{
    --placeholder-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--placeholder-opacity));
  }

  .xl\:placeholder-white::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-white::placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:placeholder-red::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--placeholder-opacity));
  }

  .xl\:placeholder-red::placeholder{
    --placeholder-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-light:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-light:focus::placeholder{
    --placeholder-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-pale:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-pale:focus::placeholder{
    --placeholder-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-deep:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-deep:focus::placeholder{
    --placeholder-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-med:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-med:focus::placeholder{
    --placeholder-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-blue-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-100:focus::placeholder{
    --placeholder-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-200:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-200:focus::placeholder{
    --placeholder-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-300:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-300:focus::placeholder{
    --placeholder-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-500:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-500:focus::placeholder{
    --placeholder-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-600:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-600:focus::placeholder{
    --placeholder-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-700:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-700:focus::placeholder{
    --placeholder-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-900:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-gray-900:focus::placeholder{
    --placeholder-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-magenta-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-magenta-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-magenta-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-magenta-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-magenta-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-magenta-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-teal-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-mustard-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-mustard-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-mustard-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-mustard-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-mustard-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-mustard-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-bookshop:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-purple-bookshop:focus::placeholder{
    --placeholder-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-green-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-navy-dark:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-navy-dark:focus::placeholder{
    --placeholder-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-navy-bright:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-navy-bright:focus::placeholder{
    --placeholder-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-navy-hilight:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-navy-hilight:focus::placeholder{
    --placeholder-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-transparent:focus::-moz-placeholder{
    color: transparent;
  }

  .xl\:focus\:placeholder-transparent:focus::placeholder{
    color: transparent;
  }

  .xl\:focus\:placeholder-black:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-black:focus::placeholder{
    --placeholder-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-white:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-white:focus::placeholder{
    --placeholder-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-red:focus::-moz-placeholder{
    --placeholder-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--placeholder-opacity));
  }

  .xl\:focus\:placeholder-red:focus::placeholder{
    --placeholder-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--placeholder-opacity));
  }

  .xl\:placeholder-opacity-0::-moz-placeholder{
    --placeholder-opacity: 0;
  }

  .xl\:placeholder-opacity-0::placeholder{
    --placeholder-opacity: 0;
  }

  .xl\:placeholder-opacity-25::-moz-placeholder{
    --placeholder-opacity: 0.25;
  }

  .xl\:placeholder-opacity-25::placeholder{
    --placeholder-opacity: 0.25;
  }

  .xl\:placeholder-opacity-50::-moz-placeholder{
    --placeholder-opacity: 0.5;
  }

  .xl\:placeholder-opacity-50::placeholder{
    --placeholder-opacity: 0.5;
  }

  .xl\:placeholder-opacity-75::-moz-placeholder{
    --placeholder-opacity: 0.75;
  }

  .xl\:placeholder-opacity-75::placeholder{
    --placeholder-opacity: 0.75;
  }

  .xl\:placeholder-opacity-100::-moz-placeholder{
    --placeholder-opacity: 1;
  }

  .xl\:placeholder-opacity-100::placeholder{
    --placeholder-opacity: 1;
  }

  .xl\:focus\:placeholder-opacity-0:focus::-moz-placeholder{
    --placeholder-opacity: 0;
  }

  .xl\:focus\:placeholder-opacity-0:focus::placeholder{
    --placeholder-opacity: 0;
  }

  .xl\:focus\:placeholder-opacity-25:focus::-moz-placeholder{
    --placeholder-opacity: 0.25;
  }

  .xl\:focus\:placeholder-opacity-25:focus::placeholder{
    --placeholder-opacity: 0.25;
  }

  .xl\:focus\:placeholder-opacity-50:focus::-moz-placeholder{
    --placeholder-opacity: 0.5;
  }

  .xl\:focus\:placeholder-opacity-50:focus::placeholder{
    --placeholder-opacity: 0.5;
  }

  .xl\:focus\:placeholder-opacity-75:focus::-moz-placeholder{
    --placeholder-opacity: 0.75;
  }

  .xl\:focus\:placeholder-opacity-75:focus::placeholder{
    --placeholder-opacity: 0.75;
  }

  .xl\:focus\:placeholder-opacity-100:focus::-moz-placeholder{
    --placeholder-opacity: 1;
  }

  .xl\:focus\:placeholder-opacity-100:focus::placeholder{
    --placeholder-opacity: 1;
  }

  .xl\:pointer-events-none{
    pointer-events: none;
  }

  .xl\:pointer-events-auto{
    pointer-events: auto;
  }

  .xl\:static{
    position: static;
  }

  .xl\:fixed{
    position: fixed;
  }

  .xl\:absolute{
    position: absolute;
  }

  .xl\:relative{
    position: relative;
  }

  .xl\:sticky{
    position: sticky;
  }

  .xl\:inset-0{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .xl\:inset-auto{
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .xl\:inset-y-0{
    top: 0;
    bottom: 0;
  }

  .xl\:inset-x-0{
    right: 0;
    left: 0;
  }

  .xl\:inset-y-auto{
    top: auto;
    bottom: auto;
  }

  .xl\:inset-x-auto{
    right: auto;
    left: auto;
  }

  .xl\:top-0{
    top: 0;
  }

  .xl\:right-0{
    right: 0;
  }

  .xl\:bottom-0{
    bottom: 0;
  }

  .xl\:left-0{
    left: 0;
  }

  .xl\:top-auto{
    top: auto;
  }

  .xl\:right-auto{
    right: auto;
  }

  .xl\:bottom-auto{
    bottom: auto;
  }

  .xl\:left-auto{
    left: auto;
  }

  .xl\:resize-none{
    resize: none;
  }

  .xl\:resize-y{
    resize: vertical;
  }

  .xl\:resize-x{
    resize: horizontal;
  }

  .xl\:resize{
    resize: both;
  }

  .xl\:shadow-xs{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .xl\:shadow-sm{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .xl\:shadow{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .xl\:shadow-md{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .xl\:shadow-lg{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .xl\:shadow-xl{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .xl\:shadow-2xl{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .xl\:shadow-inner{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .xl\:shadow-outline{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .xl\:shadow-none{
    box-shadow: none;
  }

  .xl\:hover\:shadow-xs:hover{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .xl\:hover\:shadow-sm:hover{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .xl\:hover\:shadow:hover{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .xl\:hover\:shadow-md:hover{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .xl\:hover\:shadow-lg:hover{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .xl\:hover\:shadow-xl:hover{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .xl\:hover\:shadow-2xl:hover{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .xl\:hover\:shadow-inner:hover{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .xl\:hover\:shadow-outline:hover{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .xl\:hover\:shadow-none:hover{
    box-shadow: none;
  }

  .xl\:focus\:shadow-xs:focus{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  }

  .xl\:focus\:shadow-sm:focus{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  }

  .xl\:focus\:shadow:focus{
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .xl\:focus\:shadow-md:focus{
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }

  .xl\:focus\:shadow-lg:focus{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .xl\:focus\:shadow-xl:focus{
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  }

  .xl\:focus\:shadow-2xl:focus{
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  }

  .xl\:focus\:shadow-inner:focus{
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
  }

  .xl\:focus\:shadow-outline:focus{
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
  }

  .xl\:focus\:shadow-none:focus{
    box-shadow: none;
  }

  .xl\:fill-current{
    fill: currentColor;
  }

  .xl\:stroke-current{
    stroke: currentColor;
  }

  .xl\:stroke-0{
    stroke-width: 0;
  }

  .xl\:stroke-1{
    stroke-width: 1;
  }

  .xl\:stroke-2{
    stroke-width: 2;
  }

  .xl\:table-auto{
    table-layout: auto;
  }

  .xl\:table-fixed{
    table-layout: fixed;
  }

  .xl\:text-left{
    text-align: left;
  }

  .xl\:text-center{
    text-align: center;
  }

  .xl\:text-right{
    text-align: right;
  }

  .xl\:text-justify{
    text-align: justify;
  }

  .xl\:text-blue-bright{
    --text-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--text-opacity));
  }

  .xl\:text-blue-light{
    --text-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--text-opacity));
  }

  .xl\:text-blue-pale{
    --text-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--text-opacity));
  }

  .xl\:text-blue-deep{
    --text-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--text-opacity));
  }

  .xl\:text-blue-hilight{
    --text-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--text-opacity));
  }

  .xl\:text-blue-med{
    --text-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--text-opacity));
  }

  .xl\:text-blue-dark{
    --text-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--text-opacity));
  }

  .xl\:text-gray-100{
    --text-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--text-opacity));
  }

  .xl\:text-gray-200{
    --text-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--text-opacity));
  }

  .xl\:text-gray-300{
    --text-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--text-opacity));
  }

  .xl\:text-gray-500{
    --text-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--text-opacity));
  }

  .xl\:text-gray-600{
    --text-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--text-opacity));
  }

  .xl\:text-gray-700{
    --text-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--text-opacity));
  }

  .xl\:text-gray-900{
    --text-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--text-opacity));
  }

  .xl\:text-magenta-dark{
    --text-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--text-opacity));
  }

  .xl\:text-magenta-bright{
    --text-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--text-opacity));
  }

  .xl\:text-magenta-hilight{
    --text-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--text-opacity));
  }

  .xl\:text-teal-dark{
    --text-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--text-opacity));
  }

  .xl\:text-teal-bright{
    --text-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--text-opacity));
  }

  .xl\:text-teal-hilight{
    --text-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--text-opacity));
  }

  .xl\:text-mustard-dark{
    --text-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--text-opacity));
  }

  .xl\:text-mustard-bright{
    --text-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--text-opacity));
  }

  .xl\:text-mustard-hilight{
    --text-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--text-opacity));
  }

  .xl\:text-purple-dark{
    --text-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--text-opacity));
  }

  .xl\:text-purple-bright{
    --text-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--text-opacity));
  }

  .xl\:text-purple-hilight{
    --text-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--text-opacity));
  }

  .xl\:text-purple-bookshop{
    --text-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--text-opacity));
  }

  .xl\:text-green-dark{
    --text-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--text-opacity));
  }

  .xl\:text-green-bright{
    --text-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--text-opacity));
  }

  .xl\:text-green-hilight{
    --text-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--text-opacity));
  }

  .xl\:text-navy-dark{
    --text-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--text-opacity));
  }

  .xl\:text-navy-bright{
    --text-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--text-opacity));
  }

  .xl\:text-navy-hilight{
    --text-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--text-opacity));
  }

  .xl\:text-transparent{
    color: transparent;
  }

  .xl\:text-black{
    --text-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--text-opacity));
  }

  .xl\:text-white{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xl\:text-red{
    --text-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--text-opacity));
  }

  .xl\:hover\:text-blue-bright:hover{
    --text-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--text-opacity));
  }

  .xl\:hover\:text-blue-light:hover{
    --text-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--text-opacity));
  }

  .xl\:hover\:text-blue-pale:hover{
    --text-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--text-opacity));
  }

  .xl\:hover\:text-blue-deep:hover{
    --text-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--text-opacity));
  }

  .xl\:hover\:text-blue-hilight:hover{
    --text-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--text-opacity));
  }

  .xl\:hover\:text-blue-med:hover{
    --text-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--text-opacity));
  }

  .xl\:hover\:text-blue-dark:hover{
    --text-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--text-opacity));
  }

  .xl\:hover\:text-gray-100:hover{
    --text-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--text-opacity));
  }

  .xl\:hover\:text-gray-200:hover{
    --text-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--text-opacity));
  }

  .xl\:hover\:text-gray-300:hover{
    --text-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--text-opacity));
  }

  .xl\:hover\:text-gray-500:hover{
    --text-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--text-opacity));
  }

  .xl\:hover\:text-gray-600:hover{
    --text-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--text-opacity));
  }

  .xl\:hover\:text-gray-700:hover{
    --text-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--text-opacity));
  }

  .xl\:hover\:text-gray-900:hover{
    --text-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--text-opacity));
  }

  .xl\:hover\:text-magenta-dark:hover{
    --text-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--text-opacity));
  }

  .xl\:hover\:text-magenta-bright:hover{
    --text-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--text-opacity));
  }

  .xl\:hover\:text-magenta-hilight:hover{
    --text-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--text-opacity));
  }

  .xl\:hover\:text-teal-dark:hover{
    --text-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--text-opacity));
  }

  .xl\:hover\:text-teal-bright:hover{
    --text-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--text-opacity));
  }

  .xl\:hover\:text-teal-hilight:hover{
    --text-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--text-opacity));
  }

  .xl\:hover\:text-mustard-dark:hover{
    --text-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--text-opacity));
  }

  .xl\:hover\:text-mustard-bright:hover{
    --text-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--text-opacity));
  }

  .xl\:hover\:text-mustard-hilight:hover{
    --text-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--text-opacity));
  }

  .xl\:hover\:text-purple-dark:hover{
    --text-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--text-opacity));
  }

  .xl\:hover\:text-purple-bright:hover{
    --text-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--text-opacity));
  }

  .xl\:hover\:text-purple-hilight:hover{
    --text-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--text-opacity));
  }

  .xl\:hover\:text-purple-bookshop:hover{
    --text-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--text-opacity));
  }

  .xl\:hover\:text-green-dark:hover{
    --text-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--text-opacity));
  }

  .xl\:hover\:text-green-bright:hover{
    --text-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--text-opacity));
  }

  .xl\:hover\:text-green-hilight:hover{
    --text-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--text-opacity));
  }

  .xl\:hover\:text-navy-dark:hover{
    --text-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--text-opacity));
  }

  .xl\:hover\:text-navy-bright:hover{
    --text-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--text-opacity));
  }

  .xl\:hover\:text-navy-hilight:hover{
    --text-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--text-opacity));
  }

  .xl\:hover\:text-transparent:hover{
    color: transparent;
  }

  .xl\:hover\:text-black:hover{
    --text-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--text-opacity));
  }

  .xl\:hover\:text-white:hover{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xl\:hover\:text-red:hover{
    --text-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--text-opacity));
  }

  .xl\:focus\:text-blue-bright:focus{
    --text-opacity: 1;
    color: #0B69A3;
    color: rgba(11, 105, 163, var(--text-opacity));
  }

  .xl\:focus\:text-blue-light:focus{
    --text-opacity: 1;
    color: #B3ECFF;
    color: rgba(179, 236, 255, var(--text-opacity));
  }

  .xl\:focus\:text-blue-pale:focus{
    --text-opacity: 1;
    color: #DCEEFB;
    color: rgba(220, 238, 251, var(--text-opacity));
  }

  .xl\:focus\:text-blue-deep:focus{
    --text-opacity: 1;
    color: #035388;
    color: rgba(3, 83, 136, var(--text-opacity));
  }

  .xl\:focus\:text-blue-hilight:focus{
    --text-opacity: 1;
    color: #5ed0fa;
    color: rgba(94, 208, 250, var(--text-opacity));
  }

  .xl\:focus\:text-blue-med:focus{
    --text-opacity: 1;
    color: #1992d4;
    color: rgba(25, 146, 212, var(--text-opacity));
  }

  .xl\:focus\:text-blue-dark:focus{
    --text-opacity: 1;
    color: #003e6b;
    color: rgba(0, 62, 107, var(--text-opacity));
  }

  .xl\:focus\:text-gray-100:focus{
    --text-opacity: 1;
    color: #f0f4f8;
    color: rgba(240, 244, 248, var(--text-opacity));
  }

  .xl\:focus\:text-gray-200:focus{
    --text-opacity: 1;
    color: #d9d9d9;
    color: rgba(217, 217, 217, var(--text-opacity));
  }

  .xl\:focus\:text-gray-300:focus{
    --text-opacity: 1;
    color: #bcccdc;
    color: rgba(188, 204, 220, var(--text-opacity));
  }

  .xl\:focus\:text-gray-500:focus{
    --text-opacity: 1;
    color: #627d98;
    color: rgba(98, 125, 152, var(--text-opacity));
  }

  .xl\:focus\:text-gray-600:focus{
    --text-opacity: 1;
    color: #334e68;
    color: rgba(51, 78, 104, var(--text-opacity));
  }

  .xl\:focus\:text-gray-700:focus{
    --text-opacity: 1;
    color: #243b53;
    color: rgba(36, 59, 83, var(--text-opacity));
  }

  .xl\:focus\:text-gray-900:focus{
    --text-opacity: 1;
    color: #102a43;
    color: rgba(16, 42, 67, var(--text-opacity));
  }

  .xl\:focus\:text-magenta-dark:focus{
    --text-opacity: 1;
    color: #8f4731;
    color: rgba(143, 71, 49, var(--text-opacity));
  }

  .xl\:focus\:text-magenta-bright:focus{
    --text-opacity: 1;
    color: #9C4429;
    color: rgba(156, 68, 41, var(--text-opacity));
  }

  .xl\:focus\:text-magenta-hilight:focus{
    --text-opacity: 1;
    color: #CC522D;
    color: rgba(204, 82, 45, var(--text-opacity));
  }

  .xl\:focus\:text-teal-dark:focus{
    --text-opacity: 1;
    color: #2d5b6b;
    color: rgba(45, 91, 107, var(--text-opacity));
  }

  .xl\:focus\:text-teal-bright:focus{
    --text-opacity: 1;
    color: #2B738C;
    color: rgba(43, 115, 140, var(--text-opacity));
  }

  .xl\:focus\:text-teal-hilight:focus{
    --text-opacity: 1;
    color: #3CA1C4;
    color: rgba(60, 161, 196, var(--text-opacity));
  }

  .xl\:focus\:text-mustard-dark:focus{
    --text-opacity: 1;
    color: #c47a53;
    color: rgba(196, 122, 83, var(--text-opacity));
  }

  .xl\:focus\:text-mustard-bright:focus{
    --text-opacity: 1;
    color: #E07C48;
    color: rgba(224, 124, 72, var(--text-opacity));
  }

  .xl\:focus\:text-mustard-hilight:focus{
    --text-opacity: 1;
    color: #FF7015;
    color: rgba(255, 112, 21, var(--text-opacity));
  }

  .xl\:focus\:text-purple-dark:focus{
    --text-opacity: 1;
    color: #6b2d5b;
    color: rgba(107, 45, 91, var(--text-opacity));
  }

  .xl\:focus\:text-purple-bright:focus{
    --text-opacity: 1;
    color: #8D2B74;
    color: rgba(141, 43, 116, var(--text-opacity));
  }

  .xl\:focus\:text-purple-hilight:focus{
    --text-opacity: 1;
    color: #C0339C;
    color: rgba(192, 51, 156, var(--text-opacity));
  }

  .xl\:focus\:text-purple-bookshop:focus{
    --text-opacity: 1;
    color: #584199;
    color: rgba(88, 65, 153, var(--text-opacity));
  }

  .xl\:focus\:text-green-dark:focus{
    --text-opacity: 1;
    color: #7b7d2a;
    color: rgba(123, 125, 42, var(--text-opacity));
  }

  .xl\:focus\:text-green-bright:focus{
    --text-opacity: 1;
    color: #8F9220;
    color: rgba(143, 146, 32, var(--text-opacity));
  }

  .xl\:focus\:text-green-hilight:focus{
    --text-opacity: 1;
    color: #B4B72A;
    color: rgba(180, 183, 42, var(--text-opacity));
  }

  .xl\:focus\:text-navy-dark:focus{
    --text-opacity: 1;
    color: #52494c;
    color: rgba(82, 73, 76, var(--text-opacity));
  }

  .xl\:focus\:text-navy-bright:focus{
    --text-opacity: 1;
    color: #6D565E;
    color: rgba(109, 86, 94, var(--text-opacity));
  }

  .xl\:focus\:text-navy-hilight:focus{
    --text-opacity: 1;
    color: #8A6A75;
    color: rgba(138, 106, 117, var(--text-opacity));
  }

  .xl\:focus\:text-transparent:focus{
    color: transparent;
  }

  .xl\:focus\:text-black:focus{
    --text-opacity: 1;
    color: #101010;
    color: rgba(16, 16, 16, var(--text-opacity));
  }

  .xl\:focus\:text-white:focus{
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

  .xl\:focus\:text-red:focus{
    --text-opacity: 1;
    color: #E12D39;
    color: rgba(225, 45, 57, var(--text-opacity));
  }

  .xl\:text-opacity-0{
    --text-opacity: 0;
  }

  .xl\:text-opacity-25{
    --text-opacity: 0.25;
  }

  .xl\:text-opacity-50{
    --text-opacity: 0.5;
  }

  .xl\:text-opacity-75{
    --text-opacity: 0.75;
  }

  .xl\:text-opacity-100{
    --text-opacity: 1;
  }

  .xl\:hover\:text-opacity-0:hover{
    --text-opacity: 0;
  }

  .xl\:hover\:text-opacity-25:hover{
    --text-opacity: 0.25;
  }

  .xl\:hover\:text-opacity-50:hover{
    --text-opacity: 0.5;
  }

  .xl\:hover\:text-opacity-75:hover{
    --text-opacity: 0.75;
  }

  .xl\:hover\:text-opacity-100:hover{
    --text-opacity: 1;
  }

  .xl\:focus\:text-opacity-0:focus{
    --text-opacity: 0;
  }

  .xl\:focus\:text-opacity-25:focus{
    --text-opacity: 0.25;
  }

  .xl\:focus\:text-opacity-50:focus{
    --text-opacity: 0.5;
  }

  .xl\:focus\:text-opacity-75:focus{
    --text-opacity: 0.75;
  }

  .xl\:focus\:text-opacity-100:focus{
    --text-opacity: 1;
  }

  .xl\:italic{
    font-style: italic;
  }

  .xl\:not-italic{
    font-style: normal;
  }

  .xl\:uppercase{
    text-transform: uppercase;
  }

  .xl\:lowercase{
    text-transform: lowercase;
  }

  .xl\:capitalize{
    text-transform: capitalize;
  }

  .xl\:normal-case{
    text-transform: none;
  }

  .xl\:underline{
    text-decoration: underline;
  }

  .xl\:line-through{
    text-decoration: line-through;
  }

  .xl\:no-underline{
    text-decoration: none;
  }

  .xl\:hover\:underline:hover{
    text-decoration: underline;
  }

  .xl\:hover\:line-through:hover{
    text-decoration: line-through;
  }

  .xl\:hover\:no-underline:hover{
    text-decoration: none;
  }

  .xl\:focus\:underline:focus{
    text-decoration: underline;
  }

  .xl\:focus\:line-through:focus{
    text-decoration: line-through;
  }

  .xl\:focus\:no-underline:focus{
    text-decoration: none;
  }

  .xl\:antialiased{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .xl\:subpixel-antialiased{
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions{
    --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
    font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
  }

  .xl\:normal-nums{
    font-variant-numeric: normal;
  }

  .xl\:ordinal{
    --font-variant-numeric-ordinal: ordinal;
  }

  .xl\:slashed-zero{
    --font-variant-numeric-slashed-zero: slashed-zero;
  }

  .xl\:lining-nums{
    --font-variant-numeric-figure: lining-nums;
  }

  .xl\:oldstyle-nums{
    --font-variant-numeric-figure: oldstyle-nums;
  }

  .xl\:proportional-nums{
    --font-variant-numeric-spacing: proportional-nums;
  }

  .xl\:tabular-nums{
    --font-variant-numeric-spacing: tabular-nums;
  }

  .xl\:diagonal-fractions{
    --font-variant-numeric-fraction: diagonal-fractions;
  }

  .xl\:stacked-fractions{
    --font-variant-numeric-fraction: stacked-fractions;
  }

  .xl\:tracking-tighter{
    letter-spacing: -0.05em;
  }

  .xl\:tracking-tight{
    letter-spacing: -0.025em;
  }

  .xl\:tracking-normal{
    letter-spacing: 0;
  }

  .xl\:tracking-wide{
    letter-spacing: 0.025em;
  }

  .xl\:tracking-wider{
    letter-spacing: 0.05em;
  }

  .xl\:tracking-widest{
    letter-spacing: 0.1em;
  }

  .xl\:select-none{
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }

  .xl\:select-text{
    -webkit-user-select: text;
       -moz-user-select: text;
            user-select: text;
  }

  .xl\:select-all{
    -webkit-user-select: all;
       -moz-user-select: all;
            user-select: all;
  }

  .xl\:select-auto{
    -webkit-user-select: auto;
       -moz-user-select: auto;
            user-select: auto;
  }

  .xl\:align-baseline{
    vertical-align: baseline;
  }

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

  .xl\:align-middle{
    vertical-align: middle;
  }

  .xl\:align-bottom{
    vertical-align: bottom;
  }

  .xl\:align-text-top{
    vertical-align: text-top;
  }

  .xl\:align-text-bottom{
    vertical-align: text-bottom;
  }

  .xl\:visible{
    visibility: visible;
  }

  .xl\:invisible{
    visibility: hidden;
  }

  .xl\:whitespace-normal{
    white-space: normal;
  }

  .xl\:whitespace-no-wrap{
    white-space: nowrap;
  }

  .xl\:whitespace-pre{
    white-space: pre;
  }

  .xl\:whitespace-pre-line{
    white-space: pre-line;
  }

  .xl\:whitespace-pre-wrap{
    white-space: pre-wrap;
  }

  .xl\:break-normal{
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .xl\:break-words{
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .xl\:break-all{
    word-break: break-all;
  }

  .xl\:truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .xl\:w-0{
    width: 0;
  }

  .xl\:w-1{
    width: 0.25rem;
  }

  .xl\:w-2{
    width: 0.5rem;
  }

  .xl\:w-3{
    width: 0.75rem;
  }

  .xl\:w-4{
    width: 1rem;
  }

  .xl\:w-5{
    width: 1.25rem;
  }

  .xl\:w-6{
    width: 1.5rem;
  }

  .xl\:w-8{
    width: 2rem;
  }

  .xl\:w-10{
    width: 2.5rem;
  }

  .xl\:w-12{
    width: 3rem;
  }

  .xl\:w-16{
    width: 4rem;
  }

  .xl\:w-20{
    width: 5rem;
  }

  .xl\:w-24{
    width: 6rem;
  }

  .xl\:w-32{
    width: 8rem;
  }

  .xl\:w-40{
    width: 10rem;
  }

  .xl\:w-48{
    width: 12rem;
  }

  .xl\:w-56{
    width: 14rem;
  }

  .xl\:w-64{
    width: 16rem;
  }

  .xl\:w-auto{
    width: auto;
  }

  .xl\:w-px{
    width: 1px;
  }

  .xl\:w-1\/2{
    width: 50%;
  }

  .xl\:w-1\/3{
    width: 33.333333%;
  }

  .xl\:w-2\/3{
    width: 66.666667%;
  }

  .xl\:w-1\/4{
    width: 25%;
  }

  .xl\:w-2\/4{
    width: 50%;
  }

  .xl\:w-3\/4{
    width: 75%;
  }

  .xl\:w-1\/5{
    width: 20%;
  }

  .xl\:w-2\/5{
    width: 40%;
  }

  .xl\:w-3\/5{
    width: 60%;
  }

  .xl\:w-4\/5{
    width: 80%;
  }

  .xl\:w-1\/6{
    width: 16.666667%;
  }

  .xl\:w-2\/6{
    width: 33.333333%;
  }

  .xl\:w-3\/6{
    width: 50%;
  }

  .xl\:w-4\/6{
    width: 66.666667%;
  }

  .xl\:w-5\/6{
    width: 83.333333%;
  }

  .xl\:w-1\/12{
    width: 8.333333%;
  }

  .xl\:w-2\/12{
    width: 16.666667%;
  }

  .xl\:w-3\/12{
    width: 25%;
  }

  .xl\:w-4\/12{
    width: 33.333333%;
  }

  .xl\:w-5\/12{
    width: 41.666667%;
  }

  .xl\:w-6\/12{
    width: 50%;
  }

  .xl\:w-7\/12{
    width: 58.333333%;
  }

  .xl\:w-8\/12{
    width: 66.666667%;
  }

  .xl\:w-9\/12{
    width: 75%;
  }

  .xl\:w-10\/12{
    width: 83.333333%;
  }

  .xl\:w-11\/12{
    width: 91.666667%;
  }

  .xl\:w-full{
    width: 100%;
  }

  .xl\:w-screen{
    width: 100vw;
  }

  .xl\:w-1\/7{
    width: 14.2857143%;
  }

  .xl\:w-2\/7{
    width: 28.5714286%;
  }

  .xl\:w-1\/8{
    width: 12.5%;
  }

  .xl\:z-0{
    z-index: 0;
  }

  .xl\:z-10{
    z-index: 10;
  }

  .xl\:z-20{
    z-index: 20;
  }

  .xl\:z-30{
    z-index: 30;
  }

  .xl\:z-40{
    z-index: 40;
  }

  .xl\:z-50{
    z-index: 50;
  }

  .xl\:z-auto{
    z-index: auto;
  }

  .xl\:gap-0{
    grid-gap: 0;
    gap: 0;
  }

  .xl\:gap-1{
    grid-gap: 0.25rem;
    gap: 0.25rem;
  }

  .xl\:gap-2{
    grid-gap: 0.5rem;
    gap: 0.5rem;
  }

  .xl\:gap-3{
    grid-gap: 0.75rem;
    gap: 0.75rem;
  }

  .xl\:gap-4{
    grid-gap: 1rem;
    gap: 1rem;
  }

  .xl\:gap-5{
    grid-gap: 1.25rem;
    gap: 1.25rem;
  }

  .xl\:gap-6{
    grid-gap: 1.5rem;
    gap: 1.5rem;
  }

  .xl\:gap-8{
    grid-gap: 2rem;
    gap: 2rem;
  }

  .xl\:gap-10{
    grid-gap: 2.5rem;
    gap: 2.5rem;
  }

  .xl\:gap-12{
    grid-gap: 3rem;
    gap: 3rem;
  }

  .xl\:gap-16{
    grid-gap: 4rem;
    gap: 4rem;
  }

  .xl\:gap-20{
    grid-gap: 5rem;
    gap: 5rem;
  }

  .xl\:gap-24{
    grid-gap: 6rem;
    gap: 6rem;
  }

  .xl\:gap-32{
    grid-gap: 8rem;
    gap: 8rem;
  }

  .xl\:gap-40{
    grid-gap: 10rem;
    gap: 10rem;
  }

  .xl\:gap-48{
    grid-gap: 12rem;
    gap: 12rem;
  }

  .xl\:gap-56{
    grid-gap: 14rem;
    gap: 14rem;
  }

  .xl\:gap-64{
    grid-gap: 16rem;
    gap: 16rem;
  }

  .xl\:gap-px{
    grid-gap: 1px;
    gap: 1px;
  }

  .xl\:col-gap-0{
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .xl\:col-gap-1{
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .xl\:col-gap-2{
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .xl\:col-gap-3{
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .xl\:col-gap-4{
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .xl\:col-gap-5{
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  .xl\:col-gap-6{
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .xl\:col-gap-8{
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .xl\:col-gap-10{
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .xl\:col-gap-12{
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .xl\:col-gap-16{
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .xl\:col-gap-20{
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .xl\:col-gap-24{
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  .xl\:col-gap-32{
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  .xl\:col-gap-40{
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  .xl\:col-gap-48{
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  .xl\:col-gap-56{
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  .xl\:col-gap-64{
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  .xl\:col-gap-px{
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  .xl\:gap-x-0{
    grid-column-gap: 0;
    -moz-column-gap: 0;
         column-gap: 0;
  }

  .xl\:gap-x-1{
    grid-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .xl\:gap-x-2{
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }

  .xl\:gap-x-3{
    grid-column-gap: 0.75rem;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }

  .xl\:gap-x-4{
    grid-column-gap: 1rem;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  .xl\:gap-x-5{
    grid-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }

  .xl\:gap-x-6{
    grid-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }

  .xl\:gap-x-8{
    grid-column-gap: 2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .xl\:gap-x-10{
    grid-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
         column-gap: 2.5rem;
  }

  .xl\:gap-x-12{
    grid-column-gap: 3rem;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .xl\:gap-x-16{
    grid-column-gap: 4rem;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }

  .xl\:gap-x-20{
    grid-column-gap: 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }

  .xl\:gap-x-24{
    grid-column-gap: 6rem;
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }

  .xl\:gap-x-32{
    grid-column-gap: 8rem;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }

  .xl\:gap-x-40{
    grid-column-gap: 10rem;
    -moz-column-gap: 10rem;
         column-gap: 10rem;
  }

  .xl\:gap-x-48{
    grid-column-gap: 12rem;
    -moz-column-gap: 12rem;
         column-gap: 12rem;
  }

  .xl\:gap-x-56{
    grid-column-gap: 14rem;
    -moz-column-gap: 14rem;
         column-gap: 14rem;
  }

  .xl\:gap-x-64{
    grid-column-gap: 16rem;
    -moz-column-gap: 16rem;
         column-gap: 16rem;
  }

  .xl\:gap-x-px{
    grid-column-gap: 1px;
    -moz-column-gap: 1px;
         column-gap: 1px;
  }

  .xl\:row-gap-0{
    grid-row-gap: 0;
    row-gap: 0;
  }

  .xl\:row-gap-1{
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .xl\:row-gap-2{
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .xl\:row-gap-3{
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .xl\:row-gap-4{
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .xl\:row-gap-5{
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .xl\:row-gap-6{
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .xl\:row-gap-8{
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .xl\:row-gap-10{
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .xl\:row-gap-12{
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .xl\:row-gap-16{
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .xl\:row-gap-20{
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .xl\:row-gap-24{
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .xl\:row-gap-32{
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .xl\:row-gap-40{
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .xl\:row-gap-48{
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .xl\:row-gap-56{
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .xl\:row-gap-64{
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .xl\:row-gap-px{
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .xl\:gap-y-0{
    grid-row-gap: 0;
    row-gap: 0;
  }

  .xl\:gap-y-1{
    grid-row-gap: 0.25rem;
    row-gap: 0.25rem;
  }

  .xl\:gap-y-2{
    grid-row-gap: 0.5rem;
    row-gap: 0.5rem;
  }

  .xl\:gap-y-3{
    grid-row-gap: 0.75rem;
    row-gap: 0.75rem;
  }

  .xl\:gap-y-4{
    grid-row-gap: 1rem;
    row-gap: 1rem;
  }

  .xl\:gap-y-5{
    grid-row-gap: 1.25rem;
    row-gap: 1.25rem;
  }

  .xl\:gap-y-6{
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
  }

  .xl\:gap-y-8{
    grid-row-gap: 2rem;
    row-gap: 2rem;
  }

  .xl\:gap-y-10{
    grid-row-gap: 2.5rem;
    row-gap: 2.5rem;
  }

  .xl\:gap-y-12{
    grid-row-gap: 3rem;
    row-gap: 3rem;
  }

  .xl\:gap-y-16{
    grid-row-gap: 4rem;
    row-gap: 4rem;
  }

  .xl\:gap-y-20{
    grid-row-gap: 5rem;
    row-gap: 5rem;
  }

  .xl\:gap-y-24{
    grid-row-gap: 6rem;
    row-gap: 6rem;
  }

  .xl\:gap-y-32{
    grid-row-gap: 8rem;
    row-gap: 8rem;
  }

  .xl\:gap-y-40{
    grid-row-gap: 10rem;
    row-gap: 10rem;
  }

  .xl\:gap-y-48{
    grid-row-gap: 12rem;
    row-gap: 12rem;
  }

  .xl\:gap-y-56{
    grid-row-gap: 14rem;
    row-gap: 14rem;
  }

  .xl\:gap-y-64{
    grid-row-gap: 16rem;
    row-gap: 16rem;
  }

  .xl\:gap-y-px{
    grid-row-gap: 1px;
    row-gap: 1px;
  }

  .xl\:grid-flow-row{
    grid-auto-flow: row;
  }

  .xl\:grid-flow-col{
    grid-auto-flow: column;
  }

  .xl\:grid-flow-row-dense{
    grid-auto-flow: row dense;
  }

  .xl\:grid-flow-col-dense{
    grid-auto-flow: column dense;
  }

  .xl\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .xl\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xl\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .xl\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .xl\:grid-cols-9{
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .xl\:grid-cols-10{
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .xl\:grid-cols-11{
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .xl\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .xl\:grid-cols-none{
    grid-template-columns: none;
  }

  .xl\:auto-cols-auto{
    grid-auto-columns: auto;
  }

  .xl\:auto-cols-min{
    grid-auto-columns: min-content;
  }

  .xl\:auto-cols-max{
    grid-auto-columns: max-content;
  }

  .xl\:auto-cols-fr{
    grid-auto-columns: minmax(0, 1fr);
  }

  .xl\:col-auto{
    grid-column: auto;
  }

  .xl\:col-span-1{
    grid-column: span 1 / span 1;
  }

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

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

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

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

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

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

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

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

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

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

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

  .xl\:col-span-full{
    grid-column: 1 / -1;
  }

  .xl\:col-start-1{
    grid-column-start: 1;
  }

  .xl\:col-start-2{
    grid-column-start: 2;
  }

  .xl\:col-start-3{
    grid-column-start: 3;
  }

  .xl\:col-start-4{
    grid-column-start: 4;
  }

  .xl\:col-start-5{
    grid-column-start: 5;
  }

  .xl\:col-start-6{
    grid-column-start: 6;
  }

  .xl\:col-start-7{
    grid-column-start: 7;
  }

  .xl\:col-start-8{
    grid-column-start: 8;
  }

  .xl\:col-start-9{
    grid-column-start: 9;
  }

  .xl\:col-start-10{
    grid-column-start: 10;
  }

  .xl\:col-start-11{
    grid-column-start: 11;
  }

  .xl\:col-start-12{
    grid-column-start: 12;
  }

  .xl\:col-start-13{
    grid-column-start: 13;
  }

  .xl\:col-start-auto{
    grid-column-start: auto;
  }

  .xl\:col-end-1{
    grid-column-end: 1;
  }

  .xl\:col-end-2{
    grid-column-end: 2;
  }

  .xl\:col-end-3{
    grid-column-end: 3;
  }

  .xl\:col-end-4{
    grid-column-end: 4;
  }

  .xl\:col-end-5{
    grid-column-end: 5;
  }

  .xl\:col-end-6{
    grid-column-end: 6;
  }

  .xl\:col-end-7{
    grid-column-end: 7;
  }

  .xl\:col-end-8{
    grid-column-end: 8;
  }

  .xl\:col-end-9{
    grid-column-end: 9;
  }

  .xl\:col-end-10{
    grid-column-end: 10;
  }

  .xl\:col-end-11{
    grid-column-end: 11;
  }

  .xl\:col-end-12{
    grid-column-end: 12;
  }

  .xl\:col-end-13{
    grid-column-end: 13;
  }

  .xl\:col-end-auto{
    grid-column-end: auto;
  }

  .xl\:grid-rows-1{
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .xl\:grid-rows-2{
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-rows-3{
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-rows-4{
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-rows-5{
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .xl\:grid-rows-6{
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .xl\:grid-rows-none{
    grid-template-rows: none;
  }

  .xl\:auto-rows-auto{
    grid-auto-rows: auto;
  }

  .xl\:auto-rows-min{
    grid-auto-rows: min-content;
  }

  .xl\:auto-rows-max{
    grid-auto-rows: max-content;
  }

  .xl\:auto-rows-fr{
    grid-auto-rows: minmax(0, 1fr);
  }

  .xl\:row-auto{
    grid-row: auto;
  }

  .xl\:row-span-1{
    grid-row: span 1 / span 1;
  }

  .xl\:row-span-2{
    grid-row: span 2 / span 2;
  }

  .xl\:row-span-3{
    grid-row: span 3 / span 3;
  }

  .xl\:row-span-4{
    grid-row: span 4 / span 4;
  }

  .xl\:row-span-5{
    grid-row: span 5 / span 5;
  }

  .xl\:row-span-6{
    grid-row: span 6 / span 6;
  }

  .xl\:row-span-full{
    grid-row: 1 / -1;
  }

  .xl\:row-start-1{
    grid-row-start: 1;
  }

  .xl\:row-start-2{
    grid-row-start: 2;
  }

  .xl\:row-start-3{
    grid-row-start: 3;
  }

  .xl\:row-start-4{
    grid-row-start: 4;
  }

  .xl\:row-start-5{
    grid-row-start: 5;
  }

  .xl\:row-start-6{
    grid-row-start: 6;
  }

  .xl\:row-start-7{
    grid-row-start: 7;
  }

  .xl\:row-start-auto{
    grid-row-start: auto;
  }

  .xl\:row-end-1{
    grid-row-end: 1;
  }

  .xl\:row-end-2{
    grid-row-end: 2;
  }

  .xl\:row-end-3{
    grid-row-end: 3;
  }

  .xl\:row-end-4{
    grid-row-end: 4;
  }

  .xl\:row-end-5{
    grid-row-end: 5;
  }

  .xl\:row-end-6{
    grid-row-end: 6;
  }

  .xl\:row-end-7{
    grid-row-end: 7;
  }

  .xl\:row-end-auto{
    grid-row-end: auto;
  }

  .xl\:transform{
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }

  .xl\:transform-none{
    transform: none;
  }

  .xl\:origin-center{
    transform-origin: center;
  }

  .xl\:origin-top{
    transform-origin: top;
  }

  .xl\:origin-top-right{
    transform-origin: top right;
  }

  .xl\:origin-right{
    transform-origin: right;
  }

  .xl\:origin-bottom-right{
    transform-origin: bottom right;
  }

  .xl\:origin-bottom{
    transform-origin: bottom;
  }

  .xl\:origin-bottom-left{
    transform-origin: bottom left;
  }

  .xl\:origin-left{
    transform-origin: left;
  }

  .xl\:origin-top-left{
    transform-origin: top left;
  }

  .xl\:scale-0{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .xl\:scale-50{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .xl\:scale-75{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .xl\:scale-90{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .xl\:scale-95{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .xl\:scale-100{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .xl\:scale-105{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .xl\:scale-110{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .xl\:scale-125{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .xl\:scale-150{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .xl\:scale-x-0{
    --transform-scale-x: 0;
  }

  .xl\:scale-x-50{
    --transform-scale-x: .5;
  }

  .xl\:scale-x-75{
    --transform-scale-x: .75;
  }

  .xl\:scale-x-90{
    --transform-scale-x: .9;
  }

  .xl\:scale-x-95{
    --transform-scale-x: .95;
  }

  .xl\:scale-x-100{
    --transform-scale-x: 1;
  }

  .xl\:scale-x-105{
    --transform-scale-x: 1.05;
  }

  .xl\:scale-x-110{
    --transform-scale-x: 1.1;
  }

  .xl\:scale-x-125{
    --transform-scale-x: 1.25;
  }

  .xl\:scale-x-150{
    --transform-scale-x: 1.5;
  }

  .xl\:scale-y-0{
    --transform-scale-y: 0;
  }

  .xl\:scale-y-50{
    --transform-scale-y: .5;
  }

  .xl\:scale-y-75{
    --transform-scale-y: .75;
  }

  .xl\:scale-y-90{
    --transform-scale-y: .9;
  }

  .xl\:scale-y-95{
    --transform-scale-y: .95;
  }

  .xl\:scale-y-100{
    --transform-scale-y: 1;
  }

  .xl\:scale-y-105{
    --transform-scale-y: 1.05;
  }

  .xl\:scale-y-110{
    --transform-scale-y: 1.1;
  }

  .xl\:scale-y-125{
    --transform-scale-y: 1.25;
  }

  .xl\:scale-y-150{
    --transform-scale-y: 1.5;
  }

  .xl\:hover\:scale-0:hover{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .xl\:hover\:scale-50:hover{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .xl\:hover\:scale-75:hover{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .xl\:hover\:scale-90:hover{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .xl\:hover\:scale-95:hover{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .xl\:hover\:scale-100:hover{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .xl\:hover\:scale-105:hover{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .xl\:hover\:scale-110:hover{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .xl\:hover\:scale-125:hover{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .xl\:hover\:scale-150:hover{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .xl\:hover\:scale-x-0:hover{
    --transform-scale-x: 0;
  }

  .xl\:hover\:scale-x-50:hover{
    --transform-scale-x: .5;
  }

  .xl\:hover\:scale-x-75:hover{
    --transform-scale-x: .75;
  }

  .xl\:hover\:scale-x-90:hover{
    --transform-scale-x: .9;
  }

  .xl\:hover\:scale-x-95:hover{
    --transform-scale-x: .95;
  }

  .xl\:hover\:scale-x-100:hover{
    --transform-scale-x: 1;
  }

  .xl\:hover\:scale-x-105:hover{
    --transform-scale-x: 1.05;
  }

  .xl\:hover\:scale-x-110:hover{
    --transform-scale-x: 1.1;
  }

  .xl\:hover\:scale-x-125:hover{
    --transform-scale-x: 1.25;
  }

  .xl\:hover\:scale-x-150:hover{
    --transform-scale-x: 1.5;
  }

  .xl\:hover\:scale-y-0:hover{
    --transform-scale-y: 0;
  }

  .xl\:hover\:scale-y-50:hover{
    --transform-scale-y: .5;
  }

  .xl\:hover\:scale-y-75:hover{
    --transform-scale-y: .75;
  }

  .xl\:hover\:scale-y-90:hover{
    --transform-scale-y: .9;
  }

  .xl\:hover\:scale-y-95:hover{
    --transform-scale-y: .95;
  }

  .xl\:hover\:scale-y-100:hover{
    --transform-scale-y: 1;
  }

  .xl\:hover\:scale-y-105:hover{
    --transform-scale-y: 1.05;
  }

  .xl\:hover\:scale-y-110:hover{
    --transform-scale-y: 1.1;
  }

  .xl\:hover\:scale-y-125:hover{
    --transform-scale-y: 1.25;
  }

  .xl\:hover\:scale-y-150:hover{
    --transform-scale-y: 1.5;
  }

  .xl\:focus\:scale-0:focus{
    --transform-scale-x: 0;
    --transform-scale-y: 0;
  }

  .xl\:focus\:scale-50:focus{
    --transform-scale-x: .5;
    --transform-scale-y: .5;
  }

  .xl\:focus\:scale-75:focus{
    --transform-scale-x: .75;
    --transform-scale-y: .75;
  }

  .xl\:focus\:scale-90:focus{
    --transform-scale-x: .9;
    --transform-scale-y: .9;
  }

  .xl\:focus\:scale-95:focus{
    --transform-scale-x: .95;
    --transform-scale-y: .95;
  }

  .xl\:focus\:scale-100:focus{
    --transform-scale-x: 1;
    --transform-scale-y: 1;
  }

  .xl\:focus\:scale-105:focus{
    --transform-scale-x: 1.05;
    --transform-scale-y: 1.05;
  }

  .xl\:focus\:scale-110:focus{
    --transform-scale-x: 1.1;
    --transform-scale-y: 1.1;
  }

  .xl\:focus\:scale-125:focus{
    --transform-scale-x: 1.25;
    --transform-scale-y: 1.25;
  }

  .xl\:focus\:scale-150:focus{
    --transform-scale-x: 1.5;
    --transform-scale-y: 1.5;
  }

  .xl\:focus\:scale-x-0:focus{
    --transform-scale-x: 0;
  }

  .xl\:focus\:scale-x-50:focus{
    --transform-scale-x: .5;
  }

  .xl\:focus\:scale-x-75:focus{
    --transform-scale-x: .75;
  }

  .xl\:focus\:scale-x-90:focus{
    --transform-scale-x: .9;
  }

  .xl\:focus\:scale-x-95:focus{
    --transform-scale-x: .95;
  }

  .xl\:focus\:scale-x-100:focus{
    --transform-scale-x: 1;
  }

  .xl\:focus\:scale-x-105:focus{
    --transform-scale-x: 1.05;
  }

  .xl\:focus\:scale-x-110:focus{
    --transform-scale-x: 1.1;
  }

  .xl\:focus\:scale-x-125:focus{
    --transform-scale-x: 1.25;
  }

  .xl\:focus\:scale-x-150:focus{
    --transform-scale-x: 1.5;
  }

  .xl\:focus\:scale-y-0:focus{
    --transform-scale-y: 0;
  }

  .xl\:focus\:scale-y-50:focus{
    --transform-scale-y: .5;
  }

  .xl\:focus\:scale-y-75:focus{
    --transform-scale-y: .75;
  }

  .xl\:focus\:scale-y-90:focus{
    --transform-scale-y: .9;
  }

  .xl\:focus\:scale-y-95:focus{
    --transform-scale-y: .95;
  }

  .xl\:focus\:scale-y-100:focus{
    --transform-scale-y: 1;
  }

  .xl\:focus\:scale-y-105:focus{
    --transform-scale-y: 1.05;
  }

  .xl\:focus\:scale-y-110:focus{
    --transform-scale-y: 1.1;
  }

  .xl\:focus\:scale-y-125:focus{
    --transform-scale-y: 1.25;
  }

  .xl\:focus\:scale-y-150:focus{
    --transform-scale-y: 1.5;
  }

  .xl\:rotate-0{
    --transform-rotate: 0;
  }

  .xl\:rotate-1{
    --transform-rotate: 1deg;
  }

  .xl\:rotate-2{
    --transform-rotate: 2deg;
  }

  .xl\:rotate-3{
    --transform-rotate: 3deg;
  }

  .xl\:rotate-6{
    --transform-rotate: 6deg;
  }

  .xl\:rotate-12{
    --transform-rotate: 12deg;
  }

  .xl\:rotate-45{
    --transform-rotate: 45deg;
  }

  .xl\:rotate-90{
    --transform-rotate: 90deg;
  }

  .xl\:rotate-180{
    --transform-rotate: 180deg;
  }

  .xl\:-rotate-180{
    --transform-rotate: -180deg;
  }

  .xl\:-rotate-90{
    --transform-rotate: -90deg;
  }

  .xl\:-rotate-45{
    --transform-rotate: -45deg;
  }

  .xl\:-rotate-12{
    --transform-rotate: -12deg;
  }

  .xl\:-rotate-6{
    --transform-rotate: -6deg;
  }

  .xl\:-rotate-3{
    --transform-rotate: -3deg;
  }

  .xl\:-rotate-2{
    --transform-rotate: -2deg;
  }

  .xl\:-rotate-1{
    --transform-rotate: -1deg;
  }

  .xl\:hover\:rotate-0:hover{
    --transform-rotate: 0;
  }

  .xl\:hover\:rotate-1:hover{
    --transform-rotate: 1deg;
  }

  .xl\:hover\:rotate-2:hover{
    --transform-rotate: 2deg;
  }

  .xl\:hover\:rotate-3:hover{
    --transform-rotate: 3deg;
  }

  .xl\:hover\:rotate-6:hover{
    --transform-rotate: 6deg;
  }

  .xl\:hover\:rotate-12:hover{
    --transform-rotate: 12deg;
  }

  .xl\:hover\:rotate-45:hover{
    --transform-rotate: 45deg;
  }

  .xl\:hover\:rotate-90:hover{
    --transform-rotate: 90deg;
  }

  .xl\:hover\:rotate-180:hover{
    --transform-rotate: 180deg;
  }

  .xl\:hover\:-rotate-180:hover{
    --transform-rotate: -180deg;
  }

  .xl\:hover\:-rotate-90:hover{
    --transform-rotate: -90deg;
  }

  .xl\:hover\:-rotate-45:hover{
    --transform-rotate: -45deg;
  }

  .xl\:hover\:-rotate-12:hover{
    --transform-rotate: -12deg;
  }

  .xl\:hover\:-rotate-6:hover{
    --transform-rotate: -6deg;
  }

  .xl\:hover\:-rotate-3:hover{
    --transform-rotate: -3deg;
  }

  .xl\:hover\:-rotate-2:hover{
    --transform-rotate: -2deg;
  }

  .xl\:hover\:-rotate-1:hover{
    --transform-rotate: -1deg;
  }

  .xl\:focus\:rotate-0:focus{
    --transform-rotate: 0;
  }

  .xl\:focus\:rotate-1:focus{
    --transform-rotate: 1deg;
  }

  .xl\:focus\:rotate-2:focus{
    --transform-rotate: 2deg;
  }

  .xl\:focus\:rotate-3:focus{
    --transform-rotate: 3deg;
  }

  .xl\:focus\:rotate-6:focus{
    --transform-rotate: 6deg;
  }

  .xl\:focus\:rotate-12:focus{
    --transform-rotate: 12deg;
  }

  .xl\:focus\:rotate-45:focus{
    --transform-rotate: 45deg;
  }

  .xl\:focus\:rotate-90:focus{
    --transform-rotate: 90deg;
  }

  .xl\:focus\:rotate-180:focus{
    --transform-rotate: 180deg;
  }

  .xl\:focus\:-rotate-180:focus{
    --transform-rotate: -180deg;
  }

  .xl\:focus\:-rotate-90:focus{
    --transform-rotate: -90deg;
  }

  .xl\:focus\:-rotate-45:focus{
    --transform-rotate: -45deg;
  }

  .xl\:focus\:-rotate-12:focus{
    --transform-rotate: -12deg;
  }

  .xl\:focus\:-rotate-6:focus{
    --transform-rotate: -6deg;
  }

  .xl\:focus\:-rotate-3:focus{
    --transform-rotate: -3deg;
  }

  .xl\:focus\:-rotate-2:focus{
    --transform-rotate: -2deg;
  }

  .xl\:focus\:-rotate-1:focus{
    --transform-rotate: -1deg;
  }

  .xl\:translate-x-0{
    --transform-translate-x: 0;
  }

  .xl\:translate-x-1{
    --transform-translate-x: 0.25rem;
  }

  .xl\:translate-x-2{
    --transform-translate-x: 0.5rem;
  }

  .xl\:translate-x-3{
    --transform-translate-x: 0.75rem;
  }

  .xl\:translate-x-4{
    --transform-translate-x: 1rem;
  }

  .xl\:translate-x-5{
    --transform-translate-x: 1.25rem;
  }

  .xl\:translate-x-6{
    --transform-translate-x: 1.5rem;
  }

  .xl\:translate-x-8{
    --transform-translate-x: 2rem;
  }

  .xl\:translate-x-10{
    --transform-translate-x: 2.5rem;
  }

  .xl\:translate-x-12{
    --transform-translate-x: 3rem;
  }

  .xl\:translate-x-16{
    --transform-translate-x: 4rem;
  }

  .xl\:translate-x-20{
    --transform-translate-x: 5rem;
  }

  .xl\:translate-x-24{
    --transform-translate-x: 6rem;
  }

  .xl\:translate-x-32{
    --transform-translate-x: 8rem;
  }

  .xl\:translate-x-40{
    --transform-translate-x: 10rem;
  }

  .xl\:translate-x-48{
    --transform-translate-x: 12rem;
  }

  .xl\:translate-x-56{
    --transform-translate-x: 14rem;
  }

  .xl\:translate-x-64{
    --transform-translate-x: 16rem;
  }

  .xl\:translate-x-px{
    --transform-translate-x: 1px;
  }

  .xl\:-translate-x-1{
    --transform-translate-x: -0.25rem;
  }

  .xl\:-translate-x-2{
    --transform-translate-x: -0.5rem;
  }

  .xl\:-translate-x-3{
    --transform-translate-x: -0.75rem;
  }

  .xl\:-translate-x-4{
    --transform-translate-x: -1rem;
  }

  .xl\:-translate-x-5{
    --transform-translate-x: -1.25rem;
  }

  .xl\:-translate-x-6{
    --transform-translate-x: -1.5rem;
  }

  .xl\:-translate-x-8{
    --transform-translate-x: -2rem;
  }

  .xl\:-translate-x-10{
    --transform-translate-x: -2.5rem;
  }

  .xl\:-translate-x-12{
    --transform-translate-x: -3rem;
  }

  .xl\:-translate-x-16{
    --transform-translate-x: -4rem;
  }

  .xl\:-translate-x-20{
    --transform-translate-x: -5rem;
  }

  .xl\:-translate-x-24{
    --transform-translate-x: -6rem;
  }

  .xl\:-translate-x-32{
    --transform-translate-x: -8rem;
  }

  .xl\:-translate-x-40{
    --transform-translate-x: -10rem;
  }

  .xl\:-translate-x-48{
    --transform-translate-x: -12rem;
  }

  .xl\:-translate-x-56{
    --transform-translate-x: -14rem;
  }

  .xl\:-translate-x-64{
    --transform-translate-x: -16rem;
  }

  .xl\:-translate-x-px{
    --transform-translate-x: -1px;
  }

  .xl\:-translate-x-full{
    --transform-translate-x: -100%;
  }

  .xl\:-translate-x-1\/2{
    --transform-translate-x: -50%;
  }

  .xl\:translate-x-1\/2{
    --transform-translate-x: 50%;
  }

  .xl\:translate-x-full{
    --transform-translate-x: 100%;
  }

  .xl\:translate-y-0{
    --transform-translate-y: 0;
  }

  .xl\:translate-y-1{
    --transform-translate-y: 0.25rem;
  }

  .xl\:translate-y-2{
    --transform-translate-y: 0.5rem;
  }

  .xl\:translate-y-3{
    --transform-translate-y: 0.75rem;
  }

  .xl\:translate-y-4{
    --transform-translate-y: 1rem;
  }

  .xl\:translate-y-5{
    --transform-translate-y: 1.25rem;
  }

  .xl\:translate-y-6{
    --transform-translate-y: 1.5rem;
  }

  .xl\:translate-y-8{
    --transform-translate-y: 2rem;
  }

  .xl\:translate-y-10{
    --transform-translate-y: 2.5rem;
  }

  .xl\:translate-y-12{
    --transform-translate-y: 3rem;
  }

  .xl\:translate-y-16{
    --transform-translate-y: 4rem;
  }

  .xl\:translate-y-20{
    --transform-translate-y: 5rem;
  }

  .xl\:translate-y-24{
    --transform-translate-y: 6rem;
  }

  .xl\:translate-y-32{
    --transform-translate-y: 8rem;
  }

  .xl\:translate-y-40{
    --transform-translate-y: 10rem;
  }

  .xl\:translate-y-48{
    --transform-translate-y: 12rem;
  }

  .xl\:translate-y-56{
    --transform-translate-y: 14rem;
  }

  .xl\:translate-y-64{
    --transform-translate-y: 16rem;
  }

  .xl\:translate-y-px{
    --transform-translate-y: 1px;
  }

  .xl\:-translate-y-1{
    --transform-translate-y: -0.25rem;
  }

  .xl\:-translate-y-2{
    --transform-translate-y: -0.5rem;
  }

  .xl\:-translate-y-3{
    --transform-translate-y: -0.75rem;
  }

  .xl\:-translate-y-4{
    --transform-translate-y: -1rem;
  }

  .xl\:-translate-y-5{
    --transform-translate-y: -1.25rem;
  }

  .xl\:-translate-y-6{
    --transform-translate-y: -1.5rem;
  }

  .xl\:-translate-y-8{
    --transform-translate-y: -2rem;
  }

  .xl\:-translate-y-10{
    --transform-translate-y: -2.5rem;
  }

  .xl\:-translate-y-12{
    --transform-translate-y: -3rem;
  }

  .xl\:-translate-y-16{
    --transform-translate-y: -4rem;
  }

  .xl\:-translate-y-20{
    --transform-translate-y: -5rem;
  }

  .xl\:-translate-y-24{
    --transform-translate-y: -6rem;
  }

  .xl\:-translate-y-32{
    --transform-translate-y: -8rem;
  }

  .xl\:-translate-y-40{
    --transform-translate-y: -10rem;
  }

  .xl\:-translate-y-48{
    --transform-translate-y: -12rem;
  }

  .xl\:-translate-y-56{
    --transform-translate-y: -14rem;
  }

  .xl\:-translate-y-64{
    --transform-translate-y: -16rem;
  }

  .xl\:-translate-y-px{
    --transform-translate-y: -1px;
  }

  .xl\:-translate-y-full{
    --transform-translate-y: -100%;
  }

  .xl\:-translate-y-1\/2{
    --transform-translate-y: -50%;
  }

  .xl\:translate-y-1\/2{
    --transform-translate-y: 50%;
  }

  .xl\:translate-y-full{
    --transform-translate-y: 100%;
  }

  .xl\:hover\:translate-x-0:hover{
    --transform-translate-x: 0;
  }

  .xl\:hover\:translate-x-1:hover{
    --transform-translate-x: 0.25rem;
  }

  .xl\:hover\:translate-x-2:hover{
    --transform-translate-x: 0.5rem;
  }

  .xl\:hover\:translate-x-3:hover{
    --transform-translate-x: 0.75rem;
  }

  .xl\:hover\:translate-x-4:hover{
    --transform-translate-x: 1rem;
  }

  .xl\:hover\:translate-x-5:hover{
    --transform-translate-x: 1.25rem;
  }

  .xl\:hover\:translate-x-6:hover{
    --transform-translate-x: 1.5rem;
  }

  .xl\:hover\:translate-x-8:hover{
    --transform-translate-x: 2rem;
  }

  .xl\:hover\:translate-x-10:hover{
    --transform-translate-x: 2.5rem;
  }

  .xl\:hover\:translate-x-12:hover{
    --transform-translate-x: 3rem;
  }

  .xl\:hover\:translate-x-16:hover{
    --transform-translate-x: 4rem;
  }

  .xl\:hover\:translate-x-20:hover{
    --transform-translate-x: 5rem;
  }

  .xl\:hover\:translate-x-24:hover{
    --transform-translate-x: 6rem;
  }

  .xl\:hover\:translate-x-32:hover{
    --transform-translate-x: 8rem;
  }

  .xl\:hover\:translate-x-40:hover{
    --transform-translate-x: 10rem;
  }

  .xl\:hover\:translate-x-48:hover{
    --transform-translate-x: 12rem;
  }

  .xl\:hover\:translate-x-56:hover{
    --transform-translate-x: 14rem;
  }

  .xl\:hover\:translate-x-64:hover{
    --transform-translate-x: 16rem;
  }

  .xl\:hover\:translate-x-px:hover{
    --transform-translate-x: 1px;
  }

  .xl\:hover\:-translate-x-1:hover{
    --transform-translate-x: -0.25rem;
  }

  .xl\:hover\:-translate-x-2:hover{
    --transform-translate-x: -0.5rem;
  }

  .xl\:hover\:-translate-x-3:hover{
    --transform-translate-x: -0.75rem;
  }

  .xl\:hover\:-translate-x-4:hover{
    --transform-translate-x: -1rem;
  }

  .xl\:hover\:-translate-x-5:hover{
    --transform-translate-x: -1.25rem;
  }

  .xl\:hover\:-translate-x-6:hover{
    --transform-translate-x: -1.5rem;
  }

  .xl\:hover\:-translate-x-8:hover{
    --transform-translate-x: -2rem;
  }

  .xl\:hover\:-translate-x-10:hover{
    --transform-translate-x: -2.5rem;
  }

  .xl\:hover\:-translate-x-12:hover{
    --transform-translate-x: -3rem;
  }

  .xl\:hover\:-translate-x-16:hover{
    --transform-translate-x: -4rem;
  }

  .xl\:hover\:-translate-x-20:hover{
    --transform-translate-x: -5rem;
  }

  .xl\:hover\:-translate-x-24:hover{
    --transform-translate-x: -6rem;
  }

  .xl\:hover\:-translate-x-32:hover{
    --transform-translate-x: -8rem;
  }

  .xl\:hover\:-translate-x-40:hover{
    --transform-translate-x: -10rem;
  }

  .xl\:hover\:-translate-x-48:hover{
    --transform-translate-x: -12rem;
  }

  .xl\:hover\:-translate-x-56:hover{
    --transform-translate-x: -14rem;
  }

  .xl\:hover\:-translate-x-64:hover{
    --transform-translate-x: -16rem;
  }

  .xl\:hover\:-translate-x-px:hover{
    --transform-translate-x: -1px;
  }

  .xl\:hover\:-translate-x-full:hover{
    --transform-translate-x: -100%;
  }

  .xl\:hover\:-translate-x-1\/2:hover{
    --transform-translate-x: -50%;
  }

  .xl\:hover\:translate-x-1\/2:hover{
    --transform-translate-x: 50%;
  }

  .xl\:hover\:translate-x-full:hover{
    --transform-translate-x: 100%;
  }

  .xl\:hover\:translate-y-0:hover{
    --transform-translate-y: 0;
  }

  .xl\:hover\:translate-y-1:hover{
    --transform-translate-y: 0.25rem;
  }

  .xl\:hover\:translate-y-2:hover{
    --transform-translate-y: 0.5rem;
  }

  .xl\:hover\:translate-y-3:hover{
    --transform-translate-y: 0.75rem;
  }

  .xl\:hover\:translate-y-4:hover{
    --transform-translate-y: 1rem;
  }

  .xl\:hover\:translate-y-5:hover{
    --transform-translate-y: 1.25rem;
  }

  .xl\:hover\:translate-y-6:hover{
    --transform-translate-y: 1.5rem;
  }

  .xl\:hover\:translate-y-8:hover{
    --transform-translate-y: 2rem;
  }

  .xl\:hover\:translate-y-10:hover{
    --transform-translate-y: 2.5rem;
  }

  .xl\:hover\:translate-y-12:hover{
    --transform-translate-y: 3rem;
  }

  .xl\:hover\:translate-y-16:hover{
    --transform-translate-y: 4rem;
  }

  .xl\:hover\:translate-y-20:hover{
    --transform-translate-y: 5rem;
  }

  .xl\:hover\:translate-y-24:hover{
    --transform-translate-y: 6rem;
  }

  .xl\:hover\:translate-y-32:hover{
    --transform-translate-y: 8rem;
  }

  .xl\:hover\:translate-y-40:hover{
    --transform-translate-y: 10rem;
  }

  .xl\:hover\:translate-y-48:hover{
    --transform-translate-y: 12rem;
  }

  .xl\:hover\:translate-y-56:hover{
    --transform-translate-y: 14rem;
  }

  .xl\:hover\:translate-y-64:hover{
    --transform-translate-y: 16rem;
  }

  .xl\:hover\:translate-y-px:hover{
    --transform-translate-y: 1px;
  }

  .xl\:hover\:-translate-y-1:hover{
    --transform-translate-y: -0.25rem;
  }

  .xl\:hover\:-translate-y-2:hover{
    --transform-translate-y: -0.5rem;
  }

  .xl\:hover\:-translate-y-3:hover{
    --transform-translate-y: -0.75rem;
  }

  .xl\:hover\:-translate-y-4:hover{
    --transform-translate-y: -1rem;
  }

  .xl\:hover\:-translate-y-5:hover{
    --transform-translate-y: -1.25rem;
  }

  .xl\:hover\:-translate-y-6:hover{
    --transform-translate-y: -1.5rem;
  }

  .xl\:hover\:-translate-y-8:hover{
    --transform-translate-y: -2rem;
  }

  .xl\:hover\:-translate-y-10:hover{
    --transform-translate-y: -2.5rem;
  }

  .xl\:hover\:-translate-y-12:hover{
    --transform-translate-y: -3rem;
  }

  .xl\:hover\:-translate-y-16:hover{
    --transform-translate-y: -4rem;
  }

  .xl\:hover\:-translate-y-20:hover{
    --transform-translate-y: -5rem;
  }

  .xl\:hover\:-translate-y-24:hover{
    --transform-translate-y: -6rem;
  }

  .xl\:hover\:-translate-y-32:hover{
    --transform-translate-y: -8rem;
  }

  .xl\:hover\:-translate-y-40:hover{
    --transform-translate-y: -10rem;
  }

  .xl\:hover\:-translate-y-48:hover{
    --transform-translate-y: -12rem;
  }

  .xl\:hover\:-translate-y-56:hover{
    --transform-translate-y: -14rem;
  }

  .xl\:hover\:-translate-y-64:hover{
    --transform-translate-y: -16rem;
  }

  .xl\:hover\:-translate-y-px:hover{
    --transform-translate-y: -1px;
  }

  .xl\:hover\:-translate-y-full:hover{
    --transform-translate-y: -100%;
  }

  .xl\:hover\:-translate-y-1\/2:hover{
    --transform-translate-y: -50%;
  }

  .xl\:hover\:translate-y-1\/2:hover{
    --transform-translate-y: 50%;
  }

  .xl\:hover\:translate-y-full:hover{
    --transform-translate-y: 100%;
  }

  .xl\:focus\:translate-x-0:focus{
    --transform-translate-x: 0;
  }

  .xl\:focus\:translate-x-1:focus{
    --transform-translate-x: 0.25rem;
  }

  .xl\:focus\:translate-x-2:focus{
    --transform-translate-x: 0.5rem;
  }

  .xl\:focus\:translate-x-3:focus{
    --transform-translate-x: 0.75rem;
  }

  .xl\:focus\:translate-x-4:focus{
    --transform-translate-x: 1rem;
  }

  .xl\:focus\:translate-x-5:focus{
    --transform-translate-x: 1.25rem;
  }

  .xl\:focus\:translate-x-6:focus{
    --transform-translate-x: 1.5rem;
  }

  .xl\:focus\:translate-x-8:focus{
    --transform-translate-x: 2rem;
  }

  .xl\:focus\:translate-x-10:focus{
    --transform-translate-x: 2.5rem;
  }

  .xl\:focus\:translate-x-12:focus{
    --transform-translate-x: 3rem;
  }

  .xl\:focus\:translate-x-16:focus{
    --transform-translate-x: 4rem;
  }

  .xl\:focus\:translate-x-20:focus{
    --transform-translate-x: 5rem;
  }

  .xl\:focus\:translate-x-24:focus{
    --transform-translate-x: 6rem;
  }

  .xl\:focus\:translate-x-32:focus{
    --transform-translate-x: 8rem;
  }

  .xl\:focus\:translate-x-40:focus{
    --transform-translate-x: 10rem;
  }

  .xl\:focus\:translate-x-48:focus{
    --transform-translate-x: 12rem;
  }

  .xl\:focus\:translate-x-56:focus{
    --transform-translate-x: 14rem;
  }

  .xl\:focus\:translate-x-64:focus{
    --transform-translate-x: 16rem;
  }

  .xl\:focus\:translate-x-px:focus{
    --transform-translate-x: 1px;
  }

  .xl\:focus\:-translate-x-1:focus{
    --transform-translate-x: -0.25rem;
  }

  .xl\:focus\:-translate-x-2:focus{
    --transform-translate-x: -0.5rem;
  }

  .xl\:focus\:-translate-x-3:focus{
    --transform-translate-x: -0.75rem;
  }

  .xl\:focus\:-translate-x-4:focus{
    --transform-translate-x: -1rem;
  }

  .xl\:focus\:-translate-x-5:focus{
    --transform-translate-x: -1.25rem;
  }

  .xl\:focus\:-translate-x-6:focus{
    --transform-translate-x: -1.5rem;
  }

  .xl\:focus\:-translate-x-8:focus{
    --transform-translate-x: -2rem;
  }

  .xl\:focus\:-translate-x-10:focus{
    --transform-translate-x: -2.5rem;
  }

  .xl\:focus\:-translate-x-12:focus{
    --transform-translate-x: -3rem;
  }

  .xl\:focus\:-translate-x-16:focus{
    --transform-translate-x: -4rem;
  }

  .xl\:focus\:-translate-x-20:focus{
    --transform-translate-x: -5rem;
  }

  .xl\:focus\:-translate-x-24:focus{
    --transform-translate-x: -6rem;
  }

  .xl\:focus\:-translate-x-32:focus{
    --transform-translate-x: -8rem;
  }

  .xl\:focus\:-translate-x-40:focus{
    --transform-translate-x: -10rem;
  }

  .xl\:focus\:-translate-x-48:focus{
    --transform-translate-x: -12rem;
  }

  .xl\:focus\:-translate-x-56:focus{
    --transform-translate-x: -14rem;
  }

  .xl\:focus\:-translate-x-64:focus{
    --transform-translate-x: -16rem;
  }

  .xl\:focus\:-translate-x-px:focus{
    --transform-translate-x: -1px;
  }

  .xl\:focus\:-translate-x-full:focus{
    --transform-translate-x: -100%;
  }

  .xl\:focus\:-translate-x-1\/2:focus{
    --transform-translate-x: -50%;
  }

  .xl\:focus\:translate-x-1\/2:focus{
    --transform-translate-x: 50%;
  }

  .xl\:focus\:translate-x-full:focus{
    --transform-translate-x: 100%;
  }

  .xl\:focus\:translate-y-0:focus{
    --transform-translate-y: 0;
  }

  .xl\:focus\:translate-y-1:focus{
    --transform-translate-y: 0.25rem;
  }

  .xl\:focus\:translate-y-2:focus{
    --transform-translate-y: 0.5rem;
  }

  .xl\:focus\:translate-y-3:focus{
    --transform-translate-y: 0.75rem;
  }

  .xl\:focus\:translate-y-4:focus{
    --transform-translate-y: 1rem;
  }

  .xl\:focus\:translate-y-5:focus{
    --transform-translate-y: 1.25rem;
  }

  .xl\:focus\:translate-y-6:focus{
    --transform-translate-y: 1.5rem;
  }

  .xl\:focus\:translate-y-8:focus{
    --transform-translate-y: 2rem;
  }

  .xl\:focus\:translate-y-10:focus{
    --transform-translate-y: 2.5rem;
  }

  .xl\:focus\:translate-y-12:focus{
    --transform-translate-y: 3rem;
  }

  .xl\:focus\:translate-y-16:focus{
    --transform-translate-y: 4rem;
  }

  .xl\:focus\:translate-y-20:focus{
    --transform-translate-y: 5rem;
  }

  .xl\:focus\:translate-y-24:focus{
    --transform-translate-y: 6rem;
  }

  .xl\:focus\:translate-y-32:focus{
    --transform-translate-y: 8rem;
  }

  .xl\:focus\:translate-y-40:focus{
    --transform-translate-y: 10rem;
  }

  .xl\:focus\:translate-y-48:focus{
    --transform-translate-y: 12rem;
  }

  .xl\:focus\:translate-y-56:focus{
    --transform-translate-y: 14rem;
  }

  .xl\:focus\:translate-y-64:focus{
    --transform-translate-y: 16rem;
  }

  .xl\:focus\:translate-y-px:focus{
    --transform-translate-y: 1px;
  }

  .xl\:focus\:-translate-y-1:focus{
    --transform-translate-y: -0.25rem;
  }

  .xl\:focus\:-translate-y-2:focus{
    --transform-translate-y: -0.5rem;
  }

  .xl\:focus\:-translate-y-3:focus{
    --transform-translate-y: -0.75rem;
  }

  .xl\:focus\:-translate-y-4:focus{
    --transform-translate-y: -1rem;
  }

  .xl\:focus\:-translate-y-5:focus{
    --transform-translate-y: -1.25rem;
  }

  .xl\:focus\:-translate-y-6:focus{
    --transform-translate-y: -1.5rem;
  }

  .xl\:focus\:-translate-y-8:focus{
    --transform-translate-y: -2rem;
  }

  .xl\:focus\:-translate-y-10:focus{
    --transform-translate-y: -2.5rem;
  }

  .xl\:focus\:-translate-y-12:focus{
    --transform-translate-y: -3rem;
  }

  .xl\:focus\:-translate-y-16:focus{
    --transform-translate-y: -4rem;
  }

  .xl\:focus\:-translate-y-20:focus{
    --transform-translate-y: -5rem;
  }

  .xl\:focus\:-translate-y-24:focus{
    --transform-translate-y: -6rem;
  }

  .xl\:focus\:-translate-y-32:focus{
    --transform-translate-y: -8rem;
  }

  .xl\:focus\:-translate-y-40:focus{
    --transform-translate-y: -10rem;
  }

  .xl\:focus\:-translate-y-48:focus{
    --transform-translate-y: -12rem;
  }

  .xl\:focus\:-translate-y-56:focus{
    --transform-translate-y: -14rem;
  }

  .xl\:focus\:-translate-y-64:focus{
    --transform-translate-y: -16rem;
  }

  .xl\:focus\:-translate-y-px:focus{
    --transform-translate-y: -1px;
  }

  .xl\:focus\:-translate-y-full:focus{
    --transform-translate-y: -100%;
  }

  .xl\:focus\:-translate-y-1\/2:focus{
    --transform-translate-y: -50%;
  }

  .xl\:focus\:translate-y-1\/2:focus{
    --transform-translate-y: 50%;
  }

  .xl\:focus\:translate-y-full:focus{
    --transform-translate-y: 100%;
  }

  .xl\:skew-x-0{
    --transform-skew-x: 0;
  }

  .xl\:skew-x-1{
    --transform-skew-x: 1deg;
  }

  .xl\:skew-x-2{
    --transform-skew-x: 2deg;
  }

  .xl\:skew-x-3{
    --transform-skew-x: 3deg;
  }

  .xl\:skew-x-6{
    --transform-skew-x: 6deg;
  }

  .xl\:skew-x-12{
    --transform-skew-x: 12deg;
  }

  .xl\:-skew-x-12{
    --transform-skew-x: -12deg;
  }

  .xl\:-skew-x-6{
    --transform-skew-x: -6deg;
  }

  .xl\:-skew-x-3{
    --transform-skew-x: -3deg;
  }

  .xl\:-skew-x-2{
    --transform-skew-x: -2deg;
  }

  .xl\:-skew-x-1{
    --transform-skew-x: -1deg;
  }

  .xl\:skew-y-0{
    --transform-skew-y: 0;
  }

  .xl\:skew-y-1{
    --transform-skew-y: 1deg;
  }

  .xl\:skew-y-2{
    --transform-skew-y: 2deg;
  }

  .xl\:skew-y-3{
    --transform-skew-y: 3deg;
  }

  .xl\:skew-y-6{
    --transform-skew-y: 6deg;
  }

  .xl\:skew-y-12{
    --transform-skew-y: 12deg;
  }

  .xl\:-skew-y-12{
    --transform-skew-y: -12deg;
  }

  .xl\:-skew-y-6{
    --transform-skew-y: -6deg;
  }

  .xl\:-skew-y-3{
    --transform-skew-y: -3deg;
  }

  .xl\:-skew-y-2{
    --transform-skew-y: -2deg;
  }

  .xl\:-skew-y-1{
    --transform-skew-y: -1deg;
  }

  .xl\:hover\:skew-x-0:hover{
    --transform-skew-x: 0;
  }

  .xl\:hover\:skew-x-1:hover{
    --transform-skew-x: 1deg;
  }

  .xl\:hover\:skew-x-2:hover{
    --transform-skew-x: 2deg;
  }

  .xl\:hover\:skew-x-3:hover{
    --transform-skew-x: 3deg;
  }

  .xl\:hover\:skew-x-6:hover{
    --transform-skew-x: 6deg;
  }

  .xl\:hover\:skew-x-12:hover{
    --transform-skew-x: 12deg;
  }

  .xl\:hover\:-skew-x-12:hover{
    --transform-skew-x: -12deg;
  }

  .xl\:hover\:-skew-x-6:hover{
    --transform-skew-x: -6deg;
  }

  .xl\:hover\:-skew-x-3:hover{
    --transform-skew-x: -3deg;
  }

  .xl\:hover\:-skew-x-2:hover{
    --transform-skew-x: -2deg;
  }

  .xl\:hover\:-skew-x-1:hover{
    --transform-skew-x: -1deg;
  }

  .xl\:hover\:skew-y-0:hover{
    --transform-skew-y: 0;
  }

  .xl\:hover\:skew-y-1:hover{
    --transform-skew-y: 1deg;
  }

  .xl\:hover\:skew-y-2:hover{
    --transform-skew-y: 2deg;
  }

  .xl\:hover\:skew-y-3:hover{
    --transform-skew-y: 3deg;
  }

  .xl\:hover\:skew-y-6:hover{
    --transform-skew-y: 6deg;
  }

  .xl\:hover\:skew-y-12:hover{
    --transform-skew-y: 12deg;
  }

  .xl\:hover\:-skew-y-12:hover{
    --transform-skew-y: -12deg;
  }

  .xl\:hover\:-skew-y-6:hover{
    --transform-skew-y: -6deg;
  }

  .xl\:hover\:-skew-y-3:hover{
    --transform-skew-y: -3deg;
  }

  .xl\:hover\:-skew-y-2:hover{
    --transform-skew-y: -2deg;
  }

  .xl\:hover\:-skew-y-1:hover{
    --transform-skew-y: -1deg;
  }

  .xl\:focus\:skew-x-0:focus{
    --transform-skew-x: 0;
  }

  .xl\:focus\:skew-x-1:focus{
    --transform-skew-x: 1deg;
  }

  .xl\:focus\:skew-x-2:focus{
    --transform-skew-x: 2deg;
  }

  .xl\:focus\:skew-x-3:focus{
    --transform-skew-x: 3deg;
  }

  .xl\:focus\:skew-x-6:focus{
    --transform-skew-x: 6deg;
  }

  .xl\:focus\:skew-x-12:focus{
    --transform-skew-x: 12deg;
  }

  .xl\:focus\:-skew-x-12:focus{
    --transform-skew-x: -12deg;
  }

  .xl\:focus\:-skew-x-6:focus{
    --transform-skew-x: -6deg;
  }

  .xl\:focus\:-skew-x-3:focus{
    --transform-skew-x: -3deg;
  }

  .xl\:focus\:-skew-x-2:focus{
    --transform-skew-x: -2deg;
  }

  .xl\:focus\:-skew-x-1:focus{
    --transform-skew-x: -1deg;
  }

  .xl\:focus\:skew-y-0:focus{
    --transform-skew-y: 0;
  }

  .xl\:focus\:skew-y-1:focus{
    --transform-skew-y: 1deg;
  }

  .xl\:focus\:skew-y-2:focus{
    --transform-skew-y: 2deg;
  }

  .xl\:focus\:skew-y-3:focus{
    --transform-skew-y: 3deg;
  }

  .xl\:focus\:skew-y-6:focus{
    --transform-skew-y: 6deg;
  }

  .xl\:focus\:skew-y-12:focus{
    --transform-skew-y: 12deg;
  }

  .xl\:focus\:-skew-y-12:focus{
    --transform-skew-y: -12deg;
  }

  .xl\:focus\:-skew-y-6:focus{
    --transform-skew-y: -6deg;
  }

  .xl\:focus\:-skew-y-3:focus{
    --transform-skew-y: -3deg;
  }

  .xl\:focus\:-skew-y-2:focus{
    --transform-skew-y: -2deg;
  }

  .xl\:focus\:-skew-y-1:focus{
    --transform-skew-y: -1deg;
  }

  .xl\:transition-none{
    transition-property: none;
  }

  .xl\:transition-all{
    transition-property: all;
  }

  .xl\:transition{
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
  }

  .xl\:transition-colors{
    transition-property: background-color, border-color, color, fill, stroke;
  }

  .xl\:transition-opacity{
    transition-property: opacity;
  }

  .xl\:transition-shadow{
    transition-property: box-shadow;
  }

  .xl\:transition-transform{
    transition-property: transform;
  }

  .xl\:ease-linear{
    transition-timing-function: linear;
  }

  .xl\:ease-in{
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }

  .xl\:ease-out{
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }

  .xl\:ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }

  .xl\:duration-75{
    transition-duration: 75ms;
  }

  .xl\:duration-100{
    transition-duration: 100ms;
  }

  .xl\:duration-150{
    transition-duration: 150ms;
  }

  .xl\:duration-200{
    transition-duration: 200ms;
  }

  .xl\:duration-300{
    transition-duration: 300ms;
  }

  .xl\:duration-500{
    transition-duration: 500ms;
  }

  .xl\:duration-700{
    transition-duration: 700ms;
  }

  .xl\:duration-1000{
    transition-duration: 1000ms;
  }

  .xl\:delay-75{
    transition-delay: 75ms;
  }

  .xl\:delay-100{
    transition-delay: 100ms;
  }

  .xl\:delay-150{
    transition-delay: 150ms;
  }

  .xl\:delay-200{
    transition-delay: 200ms;
  }

  .xl\:delay-300{
    transition-delay: 300ms;
  }

  .xl\:delay-500{
    transition-delay: 500ms;
  }

  .xl\:delay-700{
    transition-delay: 700ms;
  }

  .xl\:delay-1000{
    transition-delay: 1000ms;
  }

  .xl\:animate-none{
    animation: none;
  }

  .xl\:animate-spin{
    animation: spin 1s linear infinite;
  }

  .xl\:animate-ping{
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
  }

  .xl\:animate-pulse{
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }

  .xl\:animate-bounce{
    animation: bounce 1s infinite;
  }

  .xl\:border-t-blue-bright{
    border-top-color: #0B69A3;
  }

  .xl\:border-r-blue-bright{
    border-right-color: #0B69A3;
  }

  .xl\:border-b-blue-bright{
    border-bottom-color: #0B69A3;
  }

  .xl\:border-l-blue-bright{
    border-left-color: #0B69A3;
  }

  .xl\:border-t-blue-light{
    border-top-color: #B3ECFF;
  }

  .xl\:border-r-blue-light{
    border-right-color: #B3ECFF;
  }

  .xl\:border-b-blue-light{
    border-bottom-color: #B3ECFF;
  }

  .xl\:border-l-blue-light{
    border-left-color: #B3ECFF;
  }

  .xl\:border-t-blue-pale{
    border-top-color: #DCEEFB;
  }

  .xl\:border-r-blue-pale{
    border-right-color: #DCEEFB;
  }

  .xl\:border-b-blue-pale{
    border-bottom-color: #DCEEFB;
  }

  .xl\:border-l-blue-pale{
    border-left-color: #DCEEFB;
  }

  .xl\:border-t-blue-deep{
    border-top-color: #035388;
  }

  .xl\:border-r-blue-deep{
    border-right-color: #035388;
  }

  .xl\:border-b-blue-deep{
    border-bottom-color: #035388;
  }

  .xl\:border-l-blue-deep{
    border-left-color: #035388;
  }

  .xl\:border-t-blue-hilight{
    border-top-color: #5ed0fa;
  }

  .xl\:border-r-blue-hilight{
    border-right-color: #5ed0fa;
  }

  .xl\:border-b-blue-hilight{
    border-bottom-color: #5ed0fa;
  }

  .xl\:border-l-blue-hilight{
    border-left-color: #5ed0fa;
  }

  .xl\:border-t-blue-med{
    border-top-color: #1992d4;
  }

  .xl\:border-r-blue-med{
    border-right-color: #1992d4;
  }

  .xl\:border-b-blue-med{
    border-bottom-color: #1992d4;
  }

  .xl\:border-l-blue-med{
    border-left-color: #1992d4;
  }

  .xl\:border-t-blue-dark{
    border-top-color: #003e6b;
  }

  .xl\:border-r-blue-dark{
    border-right-color: #003e6b;
  }

  .xl\:border-b-blue-dark{
    border-bottom-color: #003e6b;
  }

  .xl\:border-l-blue-dark{
    border-left-color: #003e6b;
  }

  .xl\:border-t-gray-100{
    border-top-color: #f0f4f8;
  }

  .xl\:border-r-gray-100{
    border-right-color: #f0f4f8;
  }

  .xl\:border-b-gray-100{
    border-bottom-color: #f0f4f8;
  }

  .xl\:border-l-gray-100{
    border-left-color: #f0f4f8;
  }

  .xl\:border-t-gray-200{
    border-top-color: #d9d9d9;
  }

  .xl\:border-r-gray-200{
    border-right-color: #d9d9d9;
  }

  .xl\:border-b-gray-200{
    border-bottom-color: #d9d9d9;
  }

  .xl\:border-l-gray-200{
    border-left-color: #d9d9d9;
  }

  .xl\:border-t-gray-300{
    border-top-color: #bcccdc;
  }

  .xl\:border-r-gray-300{
    border-right-color: #bcccdc;
  }

  .xl\:border-b-gray-300{
    border-bottom-color: #bcccdc;
  }

  .xl\:border-l-gray-300{
    border-left-color: #bcccdc;
  }

  .xl\:border-t-gray-500{
    border-top-color: #627d98;
  }

  .xl\:border-r-gray-500{
    border-right-color: #627d98;
  }

  .xl\:border-b-gray-500{
    border-bottom-color: #627d98;
  }

  .xl\:border-l-gray-500{
    border-left-color: #627d98;
  }

  .xl\:border-t-gray-600{
    border-top-color: #334e68;
  }

  .xl\:border-r-gray-600{
    border-right-color: #334e68;
  }

  .xl\:border-b-gray-600{
    border-bottom-color: #334e68;
  }

  .xl\:border-l-gray-600{
    border-left-color: #334e68;
  }

  .xl\:border-t-gray-700{
    border-top-color: #243b53;
  }

  .xl\:border-r-gray-700{
    border-right-color: #243b53;
  }

  .xl\:border-b-gray-700{
    border-bottom-color: #243b53;
  }

  .xl\:border-l-gray-700{
    border-left-color: #243b53;
  }

  .xl\:border-t-gray-900{
    border-top-color: #102a43;
  }

  .xl\:border-r-gray-900{
    border-right-color: #102a43;
  }

  .xl\:border-b-gray-900{
    border-bottom-color: #102a43;
  }

  .xl\:border-l-gray-900{
    border-left-color: #102a43;
  }

  .xl\:border-t-magenta-dark{
    border-top-color: #8f4731;
  }

  .xl\:border-r-magenta-dark{
    border-right-color: #8f4731;
  }

  .xl\:border-b-magenta-dark{
    border-bottom-color: #8f4731;
  }

  .xl\:border-l-magenta-dark{
    border-left-color: #8f4731;
  }

  .xl\:border-t-magenta-bright{
    border-top-color: #9C4429;
  }

  .xl\:border-r-magenta-bright{
    border-right-color: #9C4429;
  }

  .xl\:border-b-magenta-bright{
    border-bottom-color: #9C4429;
  }

  .xl\:border-l-magenta-bright{
    border-left-color: #9C4429;
  }

  .xl\:border-t-magenta-hilight{
    border-top-color: #CC522D;
  }

  .xl\:border-r-magenta-hilight{
    border-right-color: #CC522D;
  }

  .xl\:border-b-magenta-hilight{
    border-bottom-color: #CC522D;
  }

  .xl\:border-l-magenta-hilight{
    border-left-color: #CC522D;
  }

  .xl\:border-t-teal-dark{
    border-top-color: #2d5b6b;
  }

  .xl\:border-r-teal-dark{
    border-right-color: #2d5b6b;
  }

  .xl\:border-b-teal-dark{
    border-bottom-color: #2d5b6b;
  }

  .xl\:border-l-teal-dark{
    border-left-color: #2d5b6b;
  }

  .xl\:border-t-teal-bright{
    border-top-color: #2B738C;
  }

  .xl\:border-r-teal-bright{
    border-right-color: #2B738C;
  }

  .xl\:border-b-teal-bright{
    border-bottom-color: #2B738C;
  }

  .xl\:border-l-teal-bright{
    border-left-color: #2B738C;
  }

  .xl\:border-t-teal-hilight{
    border-top-color: #3CA1C4;
  }

  .xl\:border-r-teal-hilight{
    border-right-color: #3CA1C4;
  }

  .xl\:border-b-teal-hilight{
    border-bottom-color: #3CA1C4;
  }

  .xl\:border-l-teal-hilight{
    border-left-color: #3CA1C4;
  }

  .xl\:border-t-mustard-dark{
    border-top-color: #c47a53;
  }

  .xl\:border-r-mustard-dark{
    border-right-color: #c47a53;
  }

  .xl\:border-b-mustard-dark{
    border-bottom-color: #c47a53;
  }

  .xl\:border-l-mustard-dark{
    border-left-color: #c47a53;
  }

  .xl\:border-t-mustard-bright{
    border-top-color: #E07C48;
  }

  .xl\:border-r-mustard-bright{
    border-right-color: #E07C48;
  }

  .xl\:border-b-mustard-bright{
    border-bottom-color: #E07C48;
  }

  .xl\:border-l-mustard-bright{
    border-left-color: #E07C48;
  }

  .xl\:border-t-mustard-hilight{
    border-top-color: #FF7015;
  }

  .xl\:border-r-mustard-hilight{
    border-right-color: #FF7015;
  }

  .xl\:border-b-mustard-hilight{
    border-bottom-color: #FF7015;
  }

  .xl\:border-l-mustard-hilight{
    border-left-color: #FF7015;
  }

  .xl\:border-t-purple-dark{
    border-top-color: #6b2d5b;
  }

  .xl\:border-r-purple-dark{
    border-right-color: #6b2d5b;
  }

  .xl\:border-b-purple-dark{
    border-bottom-color: #6b2d5b;
  }

  .xl\:border-l-purple-dark{
    border-left-color: #6b2d5b;
  }

  .xl\:border-t-purple-bright{
    border-top-color: #8D2B74;
  }

  .xl\:border-r-purple-bright{
    border-right-color: #8D2B74;
  }

  .xl\:border-b-purple-bright{
    border-bottom-color: #8D2B74;
  }

  .xl\:border-l-purple-bright{
    border-left-color: #8D2B74;
  }

  .xl\:border-t-purple-hilight{
    border-top-color: #C0339C;
  }

  .xl\:border-r-purple-hilight{
    border-right-color: #C0339C;
  }

  .xl\:border-b-purple-hilight{
    border-bottom-color: #C0339C;
  }

  .xl\:border-l-purple-hilight{
    border-left-color: #C0339C;
  }

  .xl\:border-t-purple-bookshop{
    border-top-color: #584199;
  }

  .xl\:border-r-purple-bookshop{
    border-right-color: #584199;
  }

  .xl\:border-b-purple-bookshop{
    border-bottom-color: #584199;
  }

  .xl\:border-l-purple-bookshop{
    border-left-color: #584199;
  }

  .xl\:border-t-green-dark{
    border-top-color: #7b7d2a;
  }

  .xl\:border-r-green-dark{
    border-right-color: #7b7d2a;
  }

  .xl\:border-b-green-dark{
    border-bottom-color: #7b7d2a;
  }

  .xl\:border-l-green-dark{
    border-left-color: #7b7d2a;
  }

  .xl\:border-t-green-bright{
    border-top-color: #8F9220;
  }

  .xl\:border-r-green-bright{
    border-right-color: #8F9220;
  }

  .xl\:border-b-green-bright{
    border-bottom-color: #8F9220;
  }

  .xl\:border-l-green-bright{
    border-left-color: #8F9220;
  }

  .xl\:border-t-green-hilight{
    border-top-color: #B4B72A;
  }

  .xl\:border-r-green-hilight{
    border-right-color: #B4B72A;
  }

  .xl\:border-b-green-hilight{
    border-bottom-color: #B4B72A;
  }

  .xl\:border-l-green-hilight{
    border-left-color: #B4B72A;
  }

  .xl\:border-t-navy-dark{
    border-top-color: #52494c;
  }

  .xl\:border-r-navy-dark{
    border-right-color: #52494c;
  }

  .xl\:border-b-navy-dark{
    border-bottom-color: #52494c;
  }

  .xl\:border-l-navy-dark{
    border-left-color: #52494c;
  }

  .xl\:border-t-navy-bright{
    border-top-color: #6D565E;
  }

  .xl\:border-r-navy-bright{
    border-right-color: #6D565E;
  }

  .xl\:border-b-navy-bright{
    border-bottom-color: #6D565E;
  }

  .xl\:border-l-navy-bright{
    border-left-color: #6D565E;
  }

  .xl\:border-t-navy-hilight{
    border-top-color: #8A6A75;
  }

  .xl\:border-r-navy-hilight{
    border-right-color: #8A6A75;
  }

  .xl\:border-b-navy-hilight{
    border-bottom-color: #8A6A75;
  }

  .xl\:border-l-navy-hilight{
    border-left-color: #8A6A75;
  }

  .xl\:border-t-transparent{
    border-top-color: transparent;
  }

  .xl\:border-r-transparent{
    border-right-color: transparent;
  }

  .xl\:border-b-transparent{
    border-bottom-color: transparent;
  }

  .xl\:border-l-transparent{
    border-left-color: transparent;
  }

  .xl\:border-t-black{
    border-top-color: #101010;
  }

  .xl\:border-r-black{
    border-right-color: #101010;
  }

  .xl\:border-b-black{
    border-bottom-color: #101010;
  }

  .xl\:border-l-black{
    border-left-color: #101010;
  }

  .xl\:border-t-white{
    border-top-color: #fff;
  }

  .xl\:border-r-white{
    border-right-color: #fff;
  }

  .xl\:border-b-white{
    border-bottom-color: #fff;
  }

  .xl\:border-l-white{
    border-left-color: #fff;
  }

  .xl\:border-t-red{
    border-top-color: #E12D39;
  }

  .xl\:border-r-red{
    border-right-color: #E12D39;
  }

  .xl\:border-b-red{
    border-bottom-color: #E12D39;
  }

  .xl\:border-l-red{
    border-left-color: #E12D39;
  }

  .xl\:hover\:border-t-blue-bright:hover{
    border-top-color: #0B69A3;
  }

  .xl\:hover\:border-r-blue-bright:hover{
    border-right-color: #0B69A3;
  }

  .xl\:hover\:border-b-blue-bright:hover{
    border-bottom-color: #0B69A3;
  }

  .xl\:hover\:border-l-blue-bright:hover{
    border-left-color: #0B69A3;
  }

  .xl\:hover\:border-t-blue-light:hover{
    border-top-color: #B3ECFF;
  }

  .xl\:hover\:border-r-blue-light:hover{
    border-right-color: #B3ECFF;
  }

  .xl\:hover\:border-b-blue-light:hover{
    border-bottom-color: #B3ECFF;
  }

  .xl\:hover\:border-l-blue-light:hover{
    border-left-color: #B3ECFF;
  }

  .xl\:hover\:border-t-blue-pale:hover{
    border-top-color: #DCEEFB;
  }

  .xl\:hover\:border-r-blue-pale:hover{
    border-right-color: #DCEEFB;
  }

  .xl\:hover\:border-b-blue-pale:hover{
    border-bottom-color: #DCEEFB;
  }

  .xl\:hover\:border-l-blue-pale:hover{
    border-left-color: #DCEEFB;
  }

  .xl\:hover\:border-t-blue-deep:hover{
    border-top-color: #035388;
  }

  .xl\:hover\:border-r-blue-deep:hover{
    border-right-color: #035388;
  }

  .xl\:hover\:border-b-blue-deep:hover{
    border-bottom-color: #035388;
  }

  .xl\:hover\:border-l-blue-deep:hover{
    border-left-color: #035388;
  }

  .xl\:hover\:border-t-blue-hilight:hover{
    border-top-color: #5ed0fa;
  }

  .xl\:hover\:border-r-blue-hilight:hover{
    border-right-color: #5ed0fa;
  }

  .xl\:hover\:border-b-blue-hilight:hover{
    border-bottom-color: #5ed0fa;
  }

  .xl\:hover\:border-l-blue-hilight:hover{
    border-left-color: #5ed0fa;
  }

  .xl\:hover\:border-t-blue-med:hover{
    border-top-color: #1992d4;
  }

  .xl\:hover\:border-r-blue-med:hover{
    border-right-color: #1992d4;
  }

  .xl\:hover\:border-b-blue-med:hover{
    border-bottom-color: #1992d4;
  }

  .xl\:hover\:border-l-blue-med:hover{
    border-left-color: #1992d4;
  }

  .xl\:hover\:border-t-blue-dark:hover{
    border-top-color: #003e6b;
  }

  .xl\:hover\:border-r-blue-dark:hover{
    border-right-color: #003e6b;
  }

  .xl\:hover\:border-b-blue-dark:hover{
    border-bottom-color: #003e6b;
  }

  .xl\:hover\:border-l-blue-dark:hover{
    border-left-color: #003e6b;
  }

  .xl\:hover\:border-t-gray-100:hover{
    border-top-color: #f0f4f8;
  }

  .xl\:hover\:border-r-gray-100:hover{
    border-right-color: #f0f4f8;
  }

  .xl\:hover\:border-b-gray-100:hover{
    border-bottom-color: #f0f4f8;
  }

  .xl\:hover\:border-l-gray-100:hover{
    border-left-color: #f0f4f8;
  }

  .xl\:hover\:border-t-gray-200:hover{
    border-top-color: #d9d9d9;
  }

  .xl\:hover\:border-r-gray-200:hover{
    border-right-color: #d9d9d9;
  }

  .xl\:hover\:border-b-gray-200:hover{
    border-bottom-color: #d9d9d9;
  }

  .xl\:hover\:border-l-gray-200:hover{
    border-left-color: #d9d9d9;
  }

  .xl\:hover\:border-t-gray-300:hover{
    border-top-color: #bcccdc;
  }

  .xl\:hover\:border-r-gray-300:hover{
    border-right-color: #bcccdc;
  }

  .xl\:hover\:border-b-gray-300:hover{
    border-bottom-color: #bcccdc;
  }

  .xl\:hover\:border-l-gray-300:hover{
    border-left-color: #bcccdc;
  }

  .xl\:hover\:border-t-gray-500:hover{
    border-top-color: #627d98;
  }

  .xl\:hover\:border-r-gray-500:hover{
    border-right-color: #627d98;
  }

  .xl\:hover\:border-b-gray-500:hover{
    border-bottom-color: #627d98;
  }

  .xl\:hover\:border-l-gray-500:hover{
    border-left-color: #627d98;
  }

  .xl\:hover\:border-t-gray-600:hover{
    border-top-color: #334e68;
  }

  .xl\:hover\:border-r-gray-600:hover{
    border-right-color: #334e68;
  }

  .xl\:hover\:border-b-gray-600:hover{
    border-bottom-color: #334e68;
  }

  .xl\:hover\:border-l-gray-600:hover{
    border-left-color: #334e68;
  }

  .xl\:hover\:border-t-gray-700:hover{
    border-top-color: #243b53;
  }

  .xl\:hover\:border-r-gray-700:hover{
    border-right-color: #243b53;
  }

  .xl\:hover\:border-b-gray-700:hover{
    border-bottom-color: #243b53;
  }

  .xl\:hover\:border-l-gray-700:hover{
    border-left-color: #243b53;
  }

  .xl\:hover\:border-t-gray-900:hover{
    border-top-color: #102a43;
  }

  .xl\:hover\:border-r-gray-900:hover{
    border-right-color: #102a43;
  }

  .xl\:hover\:border-b-gray-900:hover{
    border-bottom-color: #102a43;
  }

  .xl\:hover\:border-l-gray-900:hover{
    border-left-color: #102a43;
  }

  .xl\:hover\:border-t-magenta-dark:hover{
    border-top-color: #8f4731;
  }

  .xl\:hover\:border-r-magenta-dark:hover{
    border-right-color: #8f4731;
  }

  .xl\:hover\:border-b-magenta-dark:hover{
    border-bottom-color: #8f4731;
  }

  .xl\:hover\:border-l-magenta-dark:hover{
    border-left-color: #8f4731;
  }

  .xl\:hover\:border-t-magenta-bright:hover{
    border-top-color: #9C4429;
  }

  .xl\:hover\:border-r-magenta-bright:hover{
    border-right-color: #9C4429;
  }

  .xl\:hover\:border-b-magenta-bright:hover{
    border-bottom-color: #9C4429;
  }

  .xl\:hover\:border-l-magenta-bright:hover{
    border-left-color: #9C4429;
  }

  .xl\:hover\:border-t-magenta-hilight:hover{
    border-top-color: #CC522D;
  }

  .xl\:hover\:border-r-magenta-hilight:hover{
    border-right-color: #CC522D;
  }

  .xl\:hover\:border-b-magenta-hilight:hover{
    border-bottom-color: #CC522D;
  }

  .xl\:hover\:border-l-magenta-hilight:hover{
    border-left-color: #CC522D;
  }

  .xl\:hover\:border-t-teal-dark:hover{
    border-top-color: #2d5b6b;
  }

  .xl\:hover\:border-r-teal-dark:hover{
    border-right-color: #2d5b6b;
  }

  .xl\:hover\:border-b-teal-dark:hover{
    border-bottom-color: #2d5b6b;
  }

  .xl\:hover\:border-l-teal-dark:hover{
    border-left-color: #2d5b6b;
  }

  .xl\:hover\:border-t-teal-bright:hover{
    border-top-color: #2B738C;
  }

  .xl\:hover\:border-r-teal-bright:hover{
    border-right-color: #2B738C;
  }

  .xl\:hover\:border-b-teal-bright:hover{
    border-bottom-color: #2B738C;
  }

  .xl\:hover\:border-l-teal-bright:hover{
    border-left-color: #2B738C;
  }

  .xl\:hover\:border-t-teal-hilight:hover{
    border-top-color: #3CA1C4;
  }

  .xl\:hover\:border-r-teal-hilight:hover{
    border-right-color: #3CA1C4;
  }

  .xl\:hover\:border-b-teal-hilight:hover{
    border-bottom-color: #3CA1C4;
  }

  .xl\:hover\:border-l-teal-hilight:hover{
    border-left-color: #3CA1C4;
  }

  .xl\:hover\:border-t-mustard-dark:hover{
    border-top-color: #c47a53;
  }

  .xl\:hover\:border-r-mustard-dark:hover{
    border-right-color: #c47a53;
  }

  .xl\:hover\:border-b-mustard-dark:hover{
    border-bottom-color: #c47a53;
  }

  .xl\:hover\:border-l-mustard-dark:hover{
    border-left-color: #c47a53;
  }

  .xl\:hover\:border-t-mustard-bright:hover{
    border-top-color: #E07C48;
  }

  .xl\:hover\:border-r-mustard-bright:hover{
    border-right-color: #E07C48;
  }

  .xl\:hover\:border-b-mustard-bright:hover{
    border-bottom-color: #E07C48;
  }

  .xl\:hover\:border-l-mustard-bright:hover{
    border-left-color: #E07C48;
  }

  .xl\:hover\:border-t-mustard-hilight:hover{
    border-top-color: #FF7015;
  }

  .xl\:hover\:border-r-mustard-hilight:hover{
    border-right-color: #FF7015;
  }

  .xl\:hover\:border-b-mustard-hilight:hover{
    border-bottom-color: #FF7015;
  }

  .xl\:hover\:border-l-mustard-hilight:hover{
    border-left-color: #FF7015;
  }

  .xl\:hover\:border-t-purple-dark:hover{
    border-top-color: #6b2d5b;
  }

  .xl\:hover\:border-r-purple-dark:hover{
    border-right-color: #6b2d5b;
  }

  .xl\:hover\:border-b-purple-dark:hover{
    border-bottom-color: #6b2d5b;
  }

  .xl\:hover\:border-l-purple-dark:hover{
    border-left-color: #6b2d5b;
  }

  .xl\:hover\:border-t-purple-bright:hover{
    border-top-color: #8D2B74;
  }

  .xl\:hover\:border-r-purple-bright:hover{
    border-right-color: #8D2B74;
  }

  .xl\:hover\:border-b-purple-bright:hover{
    border-bottom-color: #8D2B74;
  }

  .xl\:hover\:border-l-purple-bright:hover{
    border-left-color: #8D2B74;
  }

  .xl\:hover\:border-t-purple-hilight:hover{
    border-top-color: #C0339C;
  }

  .xl\:hover\:border-r-purple-hilight:hover{
    border-right-color: #C0339C;
  }

  .xl\:hover\:border-b-purple-hilight:hover{
    border-bottom-color: #C0339C;
  }

  .xl\:hover\:border-l-purple-hilight:hover{
    border-left-color: #C0339C;
  }

  .xl\:hover\:border-t-purple-bookshop:hover{
    border-top-color: #584199;
  }

  .xl\:hover\:border-r-purple-bookshop:hover{
    border-right-color: #584199;
  }

  .xl\:hover\:border-b-purple-bookshop:hover{
    border-bottom-color: #584199;
  }

  .xl\:hover\:border-l-purple-bookshop:hover{
    border-left-color: #584199;
  }

  .xl\:hover\:border-t-green-dark:hover{
    border-top-color: #7b7d2a;
  }

  .xl\:hover\:border-r-green-dark:hover{
    border-right-color: #7b7d2a;
  }

  .xl\:hover\:border-b-green-dark:hover{
    border-bottom-color: #7b7d2a;
  }

  .xl\:hover\:border-l-green-dark:hover{
    border-left-color: #7b7d2a;
  }

  .xl\:hover\:border-t-green-bright:hover{
    border-top-color: #8F9220;
  }

  .xl\:hover\:border-r-green-bright:hover{
    border-right-color: #8F9220;
  }

  .xl\:hover\:border-b-green-bright:hover{
    border-bottom-color: #8F9220;
  }

  .xl\:hover\:border-l-green-bright:hover{
    border-left-color: #8F9220;
  }

  .xl\:hover\:border-t-green-hilight:hover{
    border-top-color: #B4B72A;
  }

  .xl\:hover\:border-r-green-hilight:hover{
    border-right-color: #B4B72A;
  }

  .xl\:hover\:border-b-green-hilight:hover{
    border-bottom-color: #B4B72A;
  }

  .xl\:hover\:border-l-green-hilight:hover{
    border-left-color: #B4B72A;
  }

  .xl\:hover\:border-t-navy-dark:hover{
    border-top-color: #52494c;
  }

  .xl\:hover\:border-r-navy-dark:hover{
    border-right-color: #52494c;
  }

  .xl\:hover\:border-b-navy-dark:hover{
    border-bottom-color: #52494c;
  }

  .xl\:hover\:border-l-navy-dark:hover{
    border-left-color: #52494c;
  }

  .xl\:hover\:border-t-navy-bright:hover{
    border-top-color: #6D565E;
  }

  .xl\:hover\:border-r-navy-bright:hover{
    border-right-color: #6D565E;
  }

  .xl\:hover\:border-b-navy-bright:hover{
    border-bottom-color: #6D565E;
  }

  .xl\:hover\:border-l-navy-bright:hover{
    border-left-color: #6D565E;
  }

  .xl\:hover\:border-t-navy-hilight:hover{
    border-top-color: #8A6A75;
  }

  .xl\:hover\:border-r-navy-hilight:hover{
    border-right-color: #8A6A75;
  }

  .xl\:hover\:border-b-navy-hilight:hover{
    border-bottom-color: #8A6A75;
  }

  .xl\:hover\:border-l-navy-hilight:hover{
    border-left-color: #8A6A75;
  }

  .xl\:hover\:border-t-transparent:hover{
    border-top-color: transparent;
  }

  .xl\:hover\:border-r-transparent:hover{
    border-right-color: transparent;
  }

  .xl\:hover\:border-b-transparent:hover{
    border-bottom-color: transparent;
  }

  .xl\:hover\:border-l-transparent:hover{
    border-left-color: transparent;
  }

  .xl\:hover\:border-t-black:hover{
    border-top-color: #101010;
  }

  .xl\:hover\:border-r-black:hover{
    border-right-color: #101010;
  }

  .xl\:hover\:border-b-black:hover{
    border-bottom-color: #101010;
  }

  .xl\:hover\:border-l-black:hover{
    border-left-color: #101010;
  }

  .xl\:hover\:border-t-white:hover{
    border-top-color: #fff;
  }

  .xl\:hover\:border-r-white:hover{
    border-right-color: #fff;
  }

  .xl\:hover\:border-b-white:hover{
    border-bottom-color: #fff;
  }

  .xl\:hover\:border-l-white:hover{
    border-left-color: #fff;
  }

  .xl\:hover\:border-t-red:hover{
    border-top-color: #E12D39;
  }

  .xl\:hover\:border-r-red:hover{
    border-right-color: #E12D39;
  }

  .xl\:hover\:border-b-red:hover{
    border-bottom-color: #E12D39;
  }

  .xl\:hover\:border-l-red:hover{
    border-left-color: #E12D39;
  }

  .xl\:focus\:border-t-blue-bright:focus{
    border-top-color: #0B69A3;
  }

  .xl\:focus\:border-r-blue-bright:focus{
    border-right-color: #0B69A3;
  }

  .xl\:focus\:border-b-blue-bright:focus{
    border-bottom-color: #0B69A3;
  }

  .xl\:focus\:border-l-blue-bright:focus{
    border-left-color: #0B69A3;
  }

  .xl\:focus\:border-t-blue-light:focus{
    border-top-color: #B3ECFF;
  }

  .xl\:focus\:border-r-blue-light:focus{
    border-right-color: #B3ECFF;
  }

  .xl\:focus\:border-b-blue-light:focus{
    border-bottom-color: #B3ECFF;
  }

  .xl\:focus\:border-l-blue-light:focus{
    border-left-color: #B3ECFF;
  }

  .xl\:focus\:border-t-blue-pale:focus{
    border-top-color: #DCEEFB;
  }

  .xl\:focus\:border-r-blue-pale:focus{
    border-right-color: #DCEEFB;
  }

  .xl\:focus\:border-b-blue-pale:focus{
    border-bottom-color: #DCEEFB;
  }

  .xl\:focus\:border-l-blue-pale:focus{
    border-left-color: #DCEEFB;
  }

  .xl\:focus\:border-t-blue-deep:focus{
    border-top-color: #035388;
  }

  .xl\:focus\:border-r-blue-deep:focus{
    border-right-color: #035388;
  }

  .xl\:focus\:border-b-blue-deep:focus{
    border-bottom-color: #035388;
  }

  .xl\:focus\:border-l-blue-deep:focus{
    border-left-color: #035388;
  }

  .xl\:focus\:border-t-blue-hilight:focus{
    border-top-color: #5ed0fa;
  }

  .xl\:focus\:border-r-blue-hilight:focus{
    border-right-color: #5ed0fa;
  }

  .xl\:focus\:border-b-blue-hilight:focus{
    border-bottom-color: #5ed0fa;
  }

  .xl\:focus\:border-l-blue-hilight:focus{
    border-left-color: #5ed0fa;
  }

  .xl\:focus\:border-t-blue-med:focus{
    border-top-color: #1992d4;
  }

  .xl\:focus\:border-r-blue-med:focus{
    border-right-color: #1992d4;
  }

  .xl\:focus\:border-b-blue-med:focus{
    border-bottom-color: #1992d4;
  }

  .xl\:focus\:border-l-blue-med:focus{
    border-left-color: #1992d4;
  }

  .xl\:focus\:border-t-blue-dark:focus{
    border-top-color: #003e6b;
  }

  .xl\:focus\:border-r-blue-dark:focus{
    border-right-color: #003e6b;
  }

  .xl\:focus\:border-b-blue-dark:focus{
    border-bottom-color: #003e6b;
  }

  .xl\:focus\:border-l-blue-dark:focus{
    border-left-color: #003e6b;
  }

  .xl\:focus\:border-t-gray-100:focus{
    border-top-color: #f0f4f8;
  }

  .xl\:focus\:border-r-gray-100:focus{
    border-right-color: #f0f4f8;
  }

  .xl\:focus\:border-b-gray-100:focus{
    border-bottom-color: #f0f4f8;
  }

  .xl\:focus\:border-l-gray-100:focus{
    border-left-color: #f0f4f8;
  }

  .xl\:focus\:border-t-gray-200:focus{
    border-top-color: #d9d9d9;
  }

  .xl\:focus\:border-r-gray-200:focus{
    border-right-color: #d9d9d9;
  }

  .xl\:focus\:border-b-gray-200:focus{
    border-bottom-color: #d9d9d9;
  }

  .xl\:focus\:border-l-gray-200:focus{
    border-left-color: #d9d9d9;
  }

  .xl\:focus\:border-t-gray-300:focus{
    border-top-color: #bcccdc;
  }

  .xl\:focus\:border-r-gray-300:focus{
    border-right-color: #bcccdc;
  }

  .xl\:focus\:border-b-gray-300:focus{
    border-bottom-color: #bcccdc;
  }

  .xl\:focus\:border-l-gray-300:focus{
    border-left-color: #bcccdc;
  }

  .xl\:focus\:border-t-gray-500:focus{
    border-top-color: #627d98;
  }

  .xl\:focus\:border-r-gray-500:focus{
    border-right-color: #627d98;
  }

  .xl\:focus\:border-b-gray-500:focus{
    border-bottom-color: #627d98;
  }

  .xl\:focus\:border-l-gray-500:focus{
    border-left-color: #627d98;
  }

  .xl\:focus\:border-t-gray-600:focus{
    border-top-color: #334e68;
  }

  .xl\:focus\:border-r-gray-600:focus{
    border-right-color: #334e68;
  }

  .xl\:focus\:border-b-gray-600:focus{
    border-bottom-color: #334e68;
  }

  .xl\:focus\:border-l-gray-600:focus{
    border-left-color: #334e68;
  }

  .xl\:focus\:border-t-gray-700:focus{
    border-top-color: #243b53;
  }

  .xl\:focus\:border-r-gray-700:focus{
    border-right-color: #243b53;
  }

  .xl\:focus\:border-b-gray-700:focus{
    border-bottom-color: #243b53;
  }

  .xl\:focus\:border-l-gray-700:focus{
    border-left-color: #243b53;
  }

  .xl\:focus\:border-t-gray-900:focus{
    border-top-color: #102a43;
  }

  .xl\:focus\:border-r-gray-900:focus{
    border-right-color: #102a43;
  }

  .xl\:focus\:border-b-gray-900:focus{
    border-bottom-color: #102a43;
  }

  .xl\:focus\:border-l-gray-900:focus{
    border-left-color: #102a43;
  }

  .xl\:focus\:border-t-magenta-dark:focus{
    border-top-color: #8f4731;
  }

  .xl\:focus\:border-r-magenta-dark:focus{
    border-right-color: #8f4731;
  }

  .xl\:focus\:border-b-magenta-dark:focus{
    border-bottom-color: #8f4731;
  }

  .xl\:focus\:border-l-magenta-dark:focus{
    border-left-color: #8f4731;
  }

  .xl\:focus\:border-t-magenta-bright:focus{
    border-top-color: #9C4429;
  }

  .xl\:focus\:border-r-magenta-bright:focus{
    border-right-color: #9C4429;
  }

  .xl\:focus\:border-b-magenta-bright:focus{
    border-bottom-color: #9C4429;
  }

  .xl\:focus\:border-l-magenta-bright:focus{
    border-left-color: #9C4429;
  }

  .xl\:focus\:border-t-magenta-hilight:focus{
    border-top-color: #CC522D;
  }

  .xl\:focus\:border-r-magenta-hilight:focus{
    border-right-color: #CC522D;
  }

  .xl\:focus\:border-b-magenta-hilight:focus{
    border-bottom-color: #CC522D;
  }

  .xl\:focus\:border-l-magenta-hilight:focus{
    border-left-color: #CC522D;
  }

  .xl\:focus\:border-t-teal-dark:focus{
    border-top-color: #2d5b6b;
  }

  .xl\:focus\:border-r-teal-dark:focus{
    border-right-color: #2d5b6b;
  }

  .xl\:focus\:border-b-teal-dark:focus{
    border-bottom-color: #2d5b6b;
  }

  .xl\:focus\:border-l-teal-dark:focus{
    border-left-color: #2d5b6b;
  }

  .xl\:focus\:border-t-teal-bright:focus{
    border-top-color: #2B738C;
  }

  .xl\:focus\:border-r-teal-bright:focus{
    border-right-color: #2B738C;
  }

  .xl\:focus\:border-b-teal-bright:focus{
    border-bottom-color: #2B738C;
  }

  .xl\:focus\:border-l-teal-bright:focus{
    border-left-color: #2B738C;
  }

  .xl\:focus\:border-t-teal-hilight:focus{
    border-top-color: #3CA1C4;
  }

  .xl\:focus\:border-r-teal-hilight:focus{
    border-right-color: #3CA1C4;
  }

  .xl\:focus\:border-b-teal-hilight:focus{
    border-bottom-color: #3CA1C4;
  }

  .xl\:focus\:border-l-teal-hilight:focus{
    border-left-color: #3CA1C4;
  }

  .xl\:focus\:border-t-mustard-dark:focus{
    border-top-color: #c47a53;
  }

  .xl\:focus\:border-r-mustard-dark:focus{
    border-right-color: #c47a53;
  }

  .xl\:focus\:border-b-mustard-dark:focus{
    border-bottom-color: #c47a53;
  }

  .xl\:focus\:border-l-mustard-dark:focus{
    border-left-color: #c47a53;
  }

  .xl\:focus\:border-t-mustard-bright:focus{
    border-top-color: #E07C48;
  }

  .xl\:focus\:border-r-mustard-bright:focus{
    border-right-color: #E07C48;
  }

  .xl\:focus\:border-b-mustard-bright:focus{
    border-bottom-color: #E07C48;
  }

  .xl\:focus\:border-l-mustard-bright:focus{
    border-left-color: #E07C48;
  }

  .xl\:focus\:border-t-mustard-hilight:focus{
    border-top-color: #FF7015;
  }

  .xl\:focus\:border-r-mustard-hilight:focus{
    border-right-color: #FF7015;
  }

  .xl\:focus\:border-b-mustard-hilight:focus{
    border-bottom-color: #FF7015;
  }

  .xl\:focus\:border-l-mustard-hilight:focus{
    border-left-color: #FF7015;
  }

  .xl\:focus\:border-t-purple-dark:focus{
    border-top-color: #6b2d5b;
  }

  .xl\:focus\:border-r-purple-dark:focus{
    border-right-color: #6b2d5b;
  }

  .xl\:focus\:border-b-purple-dark:focus{
    border-bottom-color: #6b2d5b;
  }

  .xl\:focus\:border-l-purple-dark:focus{
    border-left-color: #6b2d5b;
  }

  .xl\:focus\:border-t-purple-bright:focus{
    border-top-color: #8D2B74;
  }

  .xl\:focus\:border-r-purple-bright:focus{
    border-right-color: #8D2B74;
  }

  .xl\:focus\:border-b-purple-bright:focus{
    border-bottom-color: #8D2B74;
  }

  .xl\:focus\:border-l-purple-bright:focus{
    border-left-color: #8D2B74;
  }

  .xl\:focus\:border-t-purple-hilight:focus{
    border-top-color: #C0339C;
  }

  .xl\:focus\:border-r-purple-hilight:focus{
    border-right-color: #C0339C;
  }

  .xl\:focus\:border-b-purple-hilight:focus{
    border-bottom-color: #C0339C;
  }

  .xl\:focus\:border-l-purple-hilight:focus{
    border-left-color: #C0339C;
  }

  .xl\:focus\:border-t-purple-bookshop:focus{
    border-top-color: #584199;
  }

  .xl\:focus\:border-r-purple-bookshop:focus{
    border-right-color: #584199;
  }

  .xl\:focus\:border-b-purple-bookshop:focus{
    border-bottom-color: #584199;
  }

  .xl\:focus\:border-l-purple-bookshop:focus{
    border-left-color: #584199;
  }

  .xl\:focus\:border-t-green-dark:focus{
    border-top-color: #7b7d2a;
  }

  .xl\:focus\:border-r-green-dark:focus{
    border-right-color: #7b7d2a;
  }

  .xl\:focus\:border-b-green-dark:focus{
    border-bottom-color: #7b7d2a;
  }

  .xl\:focus\:border-l-green-dark:focus{
    border-left-color: #7b7d2a;
  }

  .xl\:focus\:border-t-green-bright:focus{
    border-top-color: #8F9220;
  }

  .xl\:focus\:border-r-green-bright:focus{
    border-right-color: #8F9220;
  }

  .xl\:focus\:border-b-green-bright:focus{
    border-bottom-color: #8F9220;
  }

  .xl\:focus\:border-l-green-bright:focus{
    border-left-color: #8F9220;
  }

  .xl\:focus\:border-t-green-hilight:focus{
    border-top-color: #B4B72A;
  }

  .xl\:focus\:border-r-green-hilight:focus{
    border-right-color: #B4B72A;
  }

  .xl\:focus\:border-b-green-hilight:focus{
    border-bottom-color: #B4B72A;
  }

  .xl\:focus\:border-l-green-hilight:focus{
    border-left-color: #B4B72A;
  }

  .xl\:focus\:border-t-navy-dark:focus{
    border-top-color: #52494c;
  }

  .xl\:focus\:border-r-navy-dark:focus{
    border-right-color: #52494c;
  }

  .xl\:focus\:border-b-navy-dark:focus{
    border-bottom-color: #52494c;
  }

  .xl\:focus\:border-l-navy-dark:focus{
    border-left-color: #52494c;
  }

  .xl\:focus\:border-t-navy-bright:focus{
    border-top-color: #6D565E;
  }

  .xl\:focus\:border-r-navy-bright:focus{
    border-right-color: #6D565E;
  }

  .xl\:focus\:border-b-navy-bright:focus{
    border-bottom-color: #6D565E;
  }

  .xl\:focus\:border-l-navy-bright:focus{
    border-left-color: #6D565E;
  }

  .xl\:focus\:border-t-navy-hilight:focus{
    border-top-color: #8A6A75;
  }

  .xl\:focus\:border-r-navy-hilight:focus{
    border-right-color: #8A6A75;
  }

  .xl\:focus\:border-b-navy-hilight:focus{
    border-bottom-color: #8A6A75;
  }

  .xl\:focus\:border-l-navy-hilight:focus{
    border-left-color: #8A6A75;
  }

  .xl\:focus\:border-t-transparent:focus{
    border-top-color: transparent;
  }

  .xl\:focus\:border-r-transparent:focus{
    border-right-color: transparent;
  }

  .xl\:focus\:border-b-transparent:focus{
    border-bottom-color: transparent;
  }

  .xl\:focus\:border-l-transparent:focus{
    border-left-color: transparent;
  }

  .xl\:focus\:border-t-black:focus{
    border-top-color: #101010;
  }

  .xl\:focus\:border-r-black:focus{
    border-right-color: #101010;
  }

  .xl\:focus\:border-b-black:focus{
    border-bottom-color: #101010;
  }

  .xl\:focus\:border-l-black:focus{
    border-left-color: #101010;
  }

  .xl\:focus\:border-t-white:focus{
    border-top-color: #fff;
  }

  .xl\:focus\:border-r-white:focus{
    border-right-color: #fff;
  }

  .xl\:focus\:border-b-white:focus{
    border-bottom-color: #fff;
  }

  .xl\:focus\:border-l-white:focus{
    border-left-color: #fff;
  }

  .xl\:focus\:border-t-red:focus{
    border-top-color: #E12D39;
  }

  .xl\:focus\:border-r-red:focus{
    border-right-color: #E12D39;
  }

  .xl\:focus\:border-b-red:focus{
    border-bottom-color: #E12D39;
  }

  .xl\:focus\:border-l-red:focus{
    border-left-color: #E12D39;
  }
}
/**
 * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

:root, :host {
  --ck-color-base-foreground: #f7f7f7;
  --ck-color-base-background: #fff;
  --ck-color-base-border: #c9d1dc;
  --ck-color-base-border-light: #e6ecf4;
  --ck-color-base-action: #4865d5;
  --ck-color-base-action-hover: #3454c5;
  --ck-color-base-action-muted: #e5e8f6;
  --ck-color-base-action-disabled: #a3b2ea;
  --ck-color-base-focus: #4865d5;
  --ck-color-base-text: #121c2b;
  --ck-color-base-text-light: #536379;
  --ck-color-base-active: #4865d5;
  --ck-color-base-active-focus: #3454c5;
  --ck-color-base-hover: #f3f4f7;
  --ck-color-base-hover-strong: #e9ebf1;
  --ck-color-base-selected: #eef3fd;
  --ck-color-base-selected-hover: #e3ebfc;
  --ck-color-base-error: #d11e1e;
  --ck-color-base-warning: #e79818;
  --ck-color-base-success: #107c53;
  --ck-color-base-highlight: #ff0;
  --ck-color-base-attention: #f0b429;
  --ck-color-base-focus-shadow: rgba(74,103,214,0.21961);
  --ck-color-base-focus-shadow-faded: rgba(74,103,214,0.10196);
  --ck-color-base-error-shadow: #fae8e8;
  --ck-color-shadow-drop: rgba(0,0,0,0.12549);
  --ck-color-shadow-drop-active: rgba(0,0,0,0.2);
  --ck-color-shadow-inner: rgba(0,0,0,0.10196);
  --ck-color-base-diff-insertion: 157 80% 34%;
  --ck-color-base-diff-deletion: 0 75% 52%;
  --ck-color-base-diff-format: 191 60% 75%;
  --ck-color-base-comment: 42.1 95.4% 57.3%;
  --ck-color-surface-canvas: var(--ck-color-base-background);
  --ck-color-surface-control: var(--ck-color-surface-canvas);
  --ck-color-surface-container: var(--ck-color-surface-canvas);
  --ck-color-surface-inverse: var(--ck-color-base-text);
  --ck-color-border-control: var(--ck-color-base-border);
  --ck-color-border-container: var(--ck-color-base-border);
  --ck-color-divider: var(--ck-color-base-border);
  --ck-color-feedback-error: var(--ck-color-base-error);
  --ck-color-feedback-success: var(--ck-color-base-success);
  --ck-color-feedback-warning: var(--ck-color-base-warning);
  --ck-color-feedback-highlight: var(--ck-color-base-highlight);
  --ck-color-diff-insertion-border: hsl(var(--ck-color-base-diff-insertion) / 50%);
  --ck-color-diff-insertion-border-active: hsl(var(--ck-color-base-diff-insertion) / 60%);
  --ck-color-diff-insertion-background: hsl(var(--ck-color-base-diff-insertion) / 20%);
  --ck-color-diff-insertion-background-active: hsl(var(--ck-color-base-diff-insertion) / 30%);
  --ck-color-diff-deletion-border: hsl(var(--ck-color-base-diff-deletion) / 40%);
  --ck-color-diff-deletion-border-active: hsl(var(--ck-color-base-diff-deletion) / 50%);
  --ck-color-diff-deletion-background: hsl(var(--ck-color-base-diff-deletion) / 20%);
  --ck-color-diff-deletion-background-active: hsl(var(--ck-color-base-diff-deletion) / 30%);
  --ck-color-diff-deletion-stroke: rgba(192,27,27,0.6);
  --ck-color-diff-format-border: hsl(var(--ck-color-base-diff-format) / 100%);
  --ck-color-diff-format-border-active: #5cc0d6;
  --ck-color-diff-insertion-box-border: #499167;
  --ck-color-diff-deletion-box-border: #ca3c25;
  --ck-color-diff-insertion-widget-background: rgba(102,229,119,0.05098);
  --ck-color-diff-insertion-widget-background-active: rgba(37,218,61,0.07059);
  --ck-color-diff-deletion-widget-background: rgba(229,102,134,0.05098);
  --ck-color-diff-deletion-widget-background-active: rgba(196,33,74,0.07059);
  --ck-color-diff-format-widget-background: rgba(10,160,194,0.0902);
  --ck-color-diff-format-widget-background-active: rgba(10,160,194,0.16078);
  --ck-color-diff-insertion-widget-th-background: rgba(102,229,119,0.12157);
  --ck-color-diff-insertion-widget-th-background-active: rgba(37,218,61,0.14118);
  --ck-color-diff-deletion-widget-th-background: rgba(229,102,134,0.14118);
  --ck-color-diff-deletion-widget-th-background-active: rgba(196,33,74,0.16078);
  --ck-color-comment-box-border: hsl(var(--ck-color-base-comment) / 100%);
  --ck-color-text-primary: var(--ck-color-base-text);
  --ck-color-text-secondary: var(--ck-color-base-text-light);
  --ck-color-text-disabled: var(--ck-color-text-secondary);
  --ck-color-text-inverse: var(--ck-color-base-background);
  --ck-color-text-error: var(--ck-color-feedback-error);
  --ck-color-text: var(--ck-color-text-primary);
  --ck-color-interactive-focus-border-coordinates: 218, 81.8%, 56.9%;
  --ck-color-interactive-focus-border: var(--ck-focus-border-color);
  --ck-color-interactive-focus-shadow: var(--ck-color-base-focus-shadow);
  --ck-color-interactive-focus-disabled-shadow: var(--ck-color-base-focus-shadow-faded);
  --ck-color-interactive-focus-error-shadow: var(--ck-color-base-error-shadow);
  --ck-color-interactive-hover-surface: var(--ck-color-base-hover);
  --ck-color-interactive-hover-surface-strong: var(--ck-color-base-hover-strong);
  --ck-color-interactive-active-surface: var(--ck-color-base-hover);
  --ck-color-interactive-selected-surface: var(--ck-color-base-selected);
  --ck-color-interactive-selected-surface-hover: var(--ck-color-base-selected-hover);
  --ck-color-interactive-selected-text: var(--ck-color-base-active);
  --ck-color-interactive-primary-surface: var(--ck-color-base-action);
  --ck-color-interactive-primary-surface-hover: var(--ck-color-base-action-hover);
  --ck-color-interactive-primary-surface-muted: var(--ck-color-base-action-muted);
  --ck-color-interactive-primary-surface-disabled: var(--ck-color-base-action-disabled);
  --ck-color-interactive-primary-text: var(--ck-color-text-inverse);
  --ck-color-focus-border-coordinates: var(--ck-color-interactive-focus-border-coordinates);
  --ck-color-focus-border: var(--ck-color-interactive-focus-border);
  --ck-color-focus-outer-shadow: var(--ck-color-interactive-focus-shadow);
  --ck-color-focus-disabled-shadow: var(--ck-color-interactive-focus-disabled-shadow);
  --ck-color-focus-error-shadow: var(--ck-color-interactive-focus-error-shadow);
  --ck-color-engine-placeholder-text: #707070;
  --ck-color-upload-bar-background: var(--ck-color-base-focus);
  --ck-color-link-default: #0000f0;
  --ck-color-link-selected-background: rgba(31,176,255,0.10196);
  --ck-color-link-fake-selection: rgba(31,176,255,0.30196);
  --ck-color-highlight-background: var(--ck-color-feedback-highlight);
  --ck-color-light-red: #fcc;
}

:root, :host {
  --ck-opacity-disabled: .5;
  --ck-focus-shadow-geometry: 0 0 0 3px;
  --ck-focus-shadow: var(--ck-focus-outer-shadow-geometry, var(--ck-focus-shadow-geometry)) var(--ck-color-focus-outer-shadow);
  --ck-focus-shadow-disabled: var(--ck-focus-outer-shadow-geometry, var(--ck-focus-shadow-geometry)) var(--ck-color-focus-disabled-shadow);
  --ck-focus-shadow-error: var(--ck-focus-outer-shadow-geometry, var(--ck-focus-shadow-geometry)) var(--ck-color-focus-error-shadow);
  --ck-focus-ring: 1px solid var(--ck-color-focus-border);
  --ck-focus-border-color: #4865d5;
  --ck-outline-fake-caret: solid 1px rgba(255,255,255,0.50196);
  --ck-font-size-base: 16px;
  --ck-line-height-base: 1.5;
  --ck-font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --ck-font-size-xs: calc(.625 * var(--ck-font-size-normal, var(--ck-font-size-base)));
  --ck-font-size-sm: calc(.75 * var(--ck-font-size-normal, var(--ck-font-size-base)));
  --ck-font-size-md: calc(.875 * var(--ck-font-size-normal, var(--ck-font-size-base)));
  --ck-font-size-lg: calc(1.125 * var(--ck-font-size-normal, var(--ck-font-size-base)));
  --ck-font-size-xl: calc(1.25 * var(--ck-font-size-normal, var(--ck-font-size-base)));
  --ck-font-size-2xl: calc(1.5 * var(--ck-font-size-normal, var(--ck-font-size-base)));
  --ck-font-weight-normal: 400;
  --ck-font-weight-medium: 500;
  --ck-font-weight-semibold: 600;
  --ck-font-weight-bold: 700;
  --ck-border-width-thin: 1px;
  --ck-border-width-thick: 2px;
  --ck-size-min-height: 2.3em;
}

.ck.ck-reset, .ck.ck-reset_all, .ck-reset_all :not(.ck-reset_all-excluded):not(.ck-reset_all-excluded *) {
  box-sizing: border-box;
  vertical-align: middle;
  word-wrap: break-word;
  background: none;
  border: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  text-decoration: none;
  transition: none;
  position: static;
}

.ck.ck-reset_all, .ck-reset_all :not(.ck-reset_all-excluded):not(.ck-reset_all-excluded *) {
  border-collapse: collapse;
  font: normal normal normal var(--ck-font-size-base)/var(--ck-line-height-base) var(--ck-font-family);
  font: normal normal normal var(--ck-font-size-normal, var(--ck-font-size-base))/var(--ck-line-height-base) var(--ck-font-face, var(--ck-font-family));
  color: var(--ck-color-text);
  text-align: left;
  white-space: nowrap;
  cursor: auto;
  float: none;
}

.ck-reset_all .ck-rtl :not(.ck-reset_all-excluded):not(.ck-reset_all-excluded *) {
    text-align: right;
  }

.ck-reset_all iframe:not(.ck-reset_all-excluded *) {
    vertical-align: inherit;
  }

.ck-reset_all textarea:not(.ck-reset_all-excluded *) {
    white-space: pre-wrap;
  }

.ck-reset_all textarea:not(.ck-reset_all-excluded *), .ck-reset_all input[type="text"]:not(.ck-reset_all-excluded *), .ck-reset_all input[type="password"]:not(.ck-reset_all-excluded *) {
    cursor: text;
  }

.ck-reset_all textarea[disabled]:not(.ck-reset_all-excluded *), .ck-reset_all input[type="text"][disabled]:not(.ck-reset_all-excluded *), .ck-reset_all input[type="password"][disabled]:not(.ck-reset_all-excluded *) {
    cursor: default;
  }

.ck-reset_all fieldset:not(.ck-reset_all-excluded *) {
    border: 2px groove #dfdee3;
    padding: 10px;
  }

.ck-reset_all button:not(.ck-reset_all-excluded *)::-moz-focus-inner {
    border: 0;
    padding: 0;
  }

.ck[dir="rtl"], .ck[dir="rtl"] .ck {
  text-align: right;
}

:root, :host {
  --ck-radius-base: var(--ck-radius-unit, 8px);
  --ck-radius-xs: calc(var(--ck-border-radius, var(--ck-radius-base)) / 8);
  --ck-radius-sm: calc(var(--ck-border-radius, var(--ck-radius-base)) / 4);
  --ck-radius-md: calc(var(--ck-border-radius, var(--ck-radius-base)) / 2);
  --ck-radius-lg: calc(var(--ck-border-radius, var(--ck-radius-base)) * 1.5);
  --ck-radius-xl: calc(var(--ck-border-radius, var(--ck-radius-base)) * 2);
  --ck-radius-full: 50%;
  --ck-radius-corners: 0;
}

.ck-rounded-corners {
  --ck-radius-corners: var(--ck-border-radius, var(--ck-radius-base));
}

:root, :host {
  --ck-inset-shadow-sm: 0 1px 4px rgba(0,0,0,0.05098), 0 2px 10px rgba(0,0,0,0.05098) inset;
  --ck-shadow-md: 0 1px 2px 1px var(--ck-color-shadow-drop);
  --ck-shadow-lg: 0 1px 4px rgba(0,0,0,0.05098), 0 2px 10px rgba(0,0,0,0.05098);
  --ck-shadow-xl: 0 16px 32px -4px rgba(0,0,0,0.10196), 0 4px 16px rgba(0,0,0,0.10196);
  --ck-spacing-base: var(--ck-spacing-unit, 8px);
  --ck-spacing-2xs: calc(.125 * var(--ck-spacing-base));
  --ck-spacing-xs: calc(.25 * var(--ck-spacing-base));
  --ck-spacing-sm: calc(.5 * var(--ck-spacing-base));
  --ck-spacing-md: calc(.75 * var(--ck-spacing-base));
  --ck-spacing-lg: calc(1.5 * var(--ck-spacing-base));
  --ck-spacing-xl: calc(2 * var(--ck-spacing-base));
  --ck-spacing-ms: var(--ck-spacing-medium-small, var(--ck-spacing-md));
  --ck-width-xs: calc(var(--ck-font-size-normal, var(--ck-font-size-base)) * 15);
  --ck-width-sm: calc(var(--ck-font-size-normal, var(--ck-font-size-base)) * 20);
  --ck-width-md: calc(var(--ck-font-size-normal, var(--ck-font-size-base)) * 25);
  --ck-width-lg: calc(var(--ck-font-size-normal, var(--ck-font-size-base)) * 30);
  --ck-width-xl: calc(var(--ck-font-size-normal, var(--ck-font-size-base)) * 35);
  --ck-width-2xl: calc(var(--ck-font-size-normal, var(--ck-font-size-base)) * 40);
  --ck-font-weight-ui-default: var(--ck-font-weight-normal);
  --ck-font-weight-ui-strong: var(--ck-font-weight-semibold);
  --ck-font-weight-ui-heading: var(--ck-font-weight-semibold);
  --ck-font-weight-ui-label: var(--ck-font-weight-semibold);
  --ck-font-weight-ui-emphasis: var(--ck-font-weight-semibold);
  --ck-font-weight-ui-muted: var(--ck-font-weight-normal);
  --ck-font-weight-ui-inherit: inherit;
  --ck-font-size-control: var(--ck-font-size-md);
  --ck-toolbar-text-font-size: inherit;
  --ck-menubar-text-font-size: inherit;
  --ck-spacing-control-padding-block: var(--ck-spacing-small, var(--ck-spacing-sm));
  --ck-spacing-control-padding-inline: var(--ck-spacing-standard, var(--ck-spacing-base));
  --ck-spacing-control-padding-inline-compact: var(--ck-spacing-small, var(--ck-spacing-sm));
  --ck-spacing-control-padding-inline-start-compact: var(--ck-spacing-tiny, var(--ck-spacing-xs));
  --ck-spacing-control-padding-block-compact: var(--ck-spacing-tiny, var(--ck-spacing-xs));
  --ck-spacing-control-icon-gap: var(--ck-spacing-medium-small, var(--ck-spacing-md));
  --ck-spacing-padding-tight: var(--ck-spacing-tiny, var(--ck-spacing-xs));
  --ck-spacing-padding-compact: var(--ck-spacing-small, var(--ck-spacing-sm));
  --ck-spacing-padding-snug: var(--ck-spacing-medium-small, var(--ck-spacing-md));
  --ck-spacing-padding: var(--ck-spacing-base);
  --ck-spacing-padding-comfortable: var(--ck-spacing-large, var(--ck-spacing-lg));
  --ck-spacing-padding-spacious: var(--ck-spacing-extra-large, var(--ck-spacing-xl));
  --ck-spacing-gap-tight: var(--ck-spacing-tiny, var(--ck-spacing-xs));
  --ck-spacing-gap-compact: var(--ck-spacing-small, var(--ck-spacing-sm));
  --ck-spacing-gap-snug: var(--ck-spacing-medium-small, var(--ck-spacing-md));
  --ck-spacing-gap: var(--ck-spacing-base);
  --ck-spacing-gap-comfortable: var(--ck-spacing-large, var(--ck-spacing-lg));
  --ck-spacing-gap-spacious: var(--ck-spacing-extra-large, var(--ck-spacing-xl));
  --ck-border-width-control: var(--ck-border-width-thin);
  --ck-border-width-surface: var(--ck-border-width-thin);
  --ck-border-width-divider: var(--ck-border-width-thin);
  --ck-border-width-emphasis: var(--ck-border-width-thick);
  --ck-border-control: var(--ck-border-width-control) solid var(--ck-color-border-control);
  --ck-border-surface: var(--ck-border-width-surface) solid var(--ck-color-border-container);
  --ck-border-divider: 0;
  --ck-border-radius-control: var(--ck-radius-md);
  --ck-border-radius-control-small: var(--ck-radius-sm);
  --ck-border-radius-surface: var(--ck-border-radius, var(--ck-radius-base));
  --ck-border-radius-uniform: var(--ck-border-radius, var(--ck-radius-base));
  --ck-border-radius-surface-attached: var(--ck-border-radius-surface);
  --ck-border-radius-surface-attached-top: 0 0 var(--ck-border-radius-surface-attached) var(--ck-border-radius-surface-attached);
  --ck-border-radius-surface-attached-bottom: var(--ck-border-radius-surface-attached) var(--ck-border-radius-surface-attached) 0 0;
  --ck-border-radius-surface-cut-top-left: 0 var(--ck-border-radius-surface-attached) var(--ck-border-radius-surface-attached) var(--ck-border-radius-surface-attached);
  --ck-border-radius-surface-cut-top-right: var(--ck-border-radius-surface-attached) 0 var(--ck-border-radius-surface-attached) var(--ck-border-radius-surface-attached);
  --ck-border-radius-surface-cut-bottom-right: var(--ck-border-radius-surface-attached) var(--ck-border-radius-surface-attached) 0 var(--ck-border-radius-surface-attached);
  --ck-border-radius-surface-cut-bottom-left: var(--ck-border-radius-surface-attached) var(--ck-border-radius-surface-attached) var(--ck-border-radius-surface-attached) 0;
  --ck-shadow-surface-floating: var(--ck-shadow-xl);
  --ck-interactive-focus-ring: var(--ck-focus-ring);
  --ck-interactive-focus-border-color: var(--ck-focus-border-color);
  --ck-interactive-focus-shadow: var(--ck-focus-outer-shadow, var(--ck-focus-shadow));
  --ck-interactive-focus-disabled-shadow: var(--ck-focus-disabled-outer-shadow, var(--ck-focus-shadow-disabled));
  --ck-interactive-focus-error-shadow: var(--ck-focus-error-outer-shadow, var(--ck-focus-shadow-error));
  --ck-size-control-min-height: var(--ck-ui-component-min-height, calc(var(--ck-font-size-normal, var(--ck-font-size-base))*2));
  --ck-width-balloon-form: min(var(--ck-width-md), 90vw);
  --ck-width-dialog: min(var(--ck-width-md), 90vw);
  --ck-width-dialog-lg: min(var(--ck-width-xl), 90vw);
}

.ck-hidden {
  display: none !important;
}

:root, :host {
  --ck-z-base: 1;
  --ck-z-overlay: calc(var(--ck-z-base) + 999);
  --ck-z-modal: 9999;
  --ck-layer-base: var(--ck-z-default, var(--ck-z-base));
  --ck-layer-control-raised: calc(var(--ck-layer-base) + 1);
  --ck-layer-panel: var(--ck-z-panel, var(--ck-z-overlay));
  --ck-layer-panel-above: calc(var(--ck-layer-panel) + 1);
  --ck-layer-panel-below: calc(var(--ck-layer-panel) - 1);
  --ck-layer-dialog: var(--ck-z-dialog, var(--ck-z-modal));
  --ck-layer-tooltip: calc(var(--ck-layer-dialog) + 100);
  --ck-layer-balloon-arrow-back: calc(var(--ck-layer-base) - 3);
  --ck-layer-balloon-arrow-front: calc(var(--ck-layer-balloon-arrow-back) + 1);
  --ck-duration-fast: .1s;
  --ck-duration-base: .2s;
  --ck-duration-slow: .3s;
  --ck-duration-slower: .4s;
  --ck-animation-duration-fast: var(--ck-duration-fast);
  --ck-animation-duration-base: var(--ck-duration-base);
  --ck-animation-duration-slow: var(--ck-duration-slow);
  --ck-animation-duration-emphasis: 1.5s;
  --ck-animation-duration-reduced: 0s;
  --ck-transition-none: none;
  --ck-ease-standard: ease;
  --ck-ease-interactive: ease-in-out;
  --ck-ease-emphasized: cubic-bezier(0, 0, .24, .95);
  --ck-animation-ease-standard: var(--ck-ease-standard);
  --ck-animation-ease-interactive: var(--ck-ease-interactive);
  --ck-animation-ease-linear: linear;
  --ck-animation-fill-both: both;
  --ck-animation-repeat-infinite: infinite;
  --ck-animation-none: var(--ck-transition-none);
}

.ck-transitions-disabled, .ck-transitions-disabled * {
  transition: none !important;
}

:root, :host {
  --ck-transition-duration-control-fast: var(--ck-duration-fast);
  --ck-transition-duration-control: var(--ck-duration-base);
  --ck-transition-duration-control-emphasized: var(--ck-duration-slow);
  --ck-transition-duration-surface: var(--ck-duration-slower);
  --ck-transition-timing-function-control: var(--ck-ease-interactive);
  --ck-transition-timing-function-control-emphasized: var(--ck-ease-emphasized);
  --ck-transition-timing-function-surface: var(--ck-ease-standard);
  --ck-transition-control: box-shadow var(--ck-transition-duration-control) var(--ck-transition-timing-function-control),
		border var(--ck-transition-duration-control) var(--ck-transition-timing-function-control);
  --ck-transition-control-fast: box-shadow var(--ck-transition-duration-control-fast) var(--ck-transition-timing-function-control),
		border var(--ck-transition-duration-control-fast) var(--ck-transition-timing-function-control);
  --ck-animation-duration-feedback: var(--ck-animation-duration-slow);
  --ck-animation-duration-surface-entrance: var(--ck-animation-duration-slow);
  --ck-animation-duration-progress: var(--ck-animation-duration-emphasis);
  --ck-animation-duration-progress-reduced: var(--ck-animation-duration-reduced);
  --ck-animation-timing-function-feedback: var(--ck-animation-ease-standard);
  --ck-animation-timing-function-progress: var(--ck-animation-ease-linear);
  --ck-animation-fill-mode-feedback: var(--ck-animation-fill-both);
  --ck-powered-by-font-size: calc(.5 * var(--ck-font-size-normal, var(--ck-font-size-base)));
  --ck-powered-by-line-height: 1.35;
  --ck-powered-by-letter-spacing: -.2px;
  --ck-powered-by-padding-vertical: 2px;
  --ck-powered-by-padding-horizontal: 4px;
  --ck-powered-by-label-padding-inline-start: 2px;
  --ck-powered-by-label-margin-inline-end: 4px;
  --ck-powered-by-label-font-weight: var(--ck-font-weight-semibold);
  --ck-powered-by-text-color: #4f4f4f;
  --ck-powered-by-border-radius: var(--ck-border-radius, var(--ck-radius-base));
  --ck-powered-by-background: #fff;
  --ck-powered-by-border-color: var(--ck-color-focus-border);
  --ck-powered-by-svg-width: 53;
  --ck-powered-by-svg-height: 10;
  --ck-powered-by-icon-width: calc(var(--ck-font-size-normal, var(--ck-font-size-base)) * var(--ck-powered-by-svg-width) / 16);
  --ck-powered-by-icon-height: calc(var(--ck-font-size-normal, var(--ck-font-size-base)) * var(--ck-powered-by-svg-height) / 16);
}

.ck.ck-balloon-panel.ck-powered-by-balloon {
  border-radius: var(--ck-powered-by-border-radius);
  box-shadow: none;
  background: var(--ck-powered-by-background);
  min-height: unset;
  z-index: calc(var(--ck-z-overlay) - 1);
  z-index: calc(var(--ck-z-panel, var(--ck-z-overlay)) - 1);
}

.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by {
    line-height: var(--ck-powered-by-line-height);
  }

.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a {
      cursor: pointer;
      opacity: .66;
      filter: grayscale(80%);
      line-height: var(--ck-powered-by-line-height);
      padding: var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal);
      align-items: center;
      display: flex;
    }

.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by__label {
      font-size: var(--ck-powered-by-font-size);
      letter-spacing: var(--ck-powered-by-letter-spacing);
      padding-left: var(--ck-powered-by-label-padding-inline-start);
      text-transform: uppercase;
      font-weight: var(--ck-powered-by-label-font-weight);
      margin-right: var(--ck-powered-by-label-margin-inline-end);
      cursor: pointer;
      color: var(--ck-powered-by-text-color);
      line-height: normal;
    }

.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon {
      cursor: pointer;
      width: var(--ck-powered-by-icon-width);
      height: var(--ck-powered-by-icon-height);
      display: block;
    }

.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a {
        filter: grayscale(0%);
        opacity: 1;
      }

.ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_inside"] {
    border-color: rgba(0,0,0,0);
  }

.ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_border"] {
    border: var(--ck-focus-ring);
    border-color: var(--ck-powered-by-border-color);
  }

:root, :host {
  --ck-evaluation-badge-font-size: calc(var(--ck-font-size-normal, var(--ck-font-size-base)) * 7.5 / 13);
  --ck-evaluation-badge-line-height: calc(var(--ck-font-size-normal, var(--ck-font-size-base)) * 7.5 / 13);
  --ck-evaluation-badge-letter-spacing: calc(var(--ck-font-size-normal, var(--ck-font-size-base)) * -.2 / 13);
  --ck-evaluation-badge-padding-vertical: 2px;
  --ck-evaluation-badge-padding-horizontal: 4px;
  --ck-evaluation-badge-label-padding-inline: 2px;
  --ck-evaluation-badge-label-padding: 0 var(--ck-evaluation-badge-label-padding-inline);
  --ck-evaluation-badge-label-font-weight: var(--ck-font-weight-semibold);
  --ck-evaluation-badge-text-color: #4f4f4f;
  --ck-evaluation-badge-border-radius: var(--ck-border-radius, var(--ck-radius-base));
  --ck-evaluation-badge-background: #fff;
  --ck-evaluation-badge-border-color: var(--ck-color-focus-border);
}

.ck.ck-balloon-panel.ck-evaluation-badge-balloon {
  border-radius: var(--ck-evaluation-badge-border-radius);
  box-shadow: none;
  background: var(--ck-evaluation-badge-background);
  min-height: unset;
  z-index: calc(var(--ck-z-overlay) - 1);
  z-index: calc(var(--ck-z-panel, var(--ck-z-overlay)) - 1);
}

.ck.ck-balloon-panel.ck-evaluation-badge-balloon .ck.ck-evaluation-badge {
    line-height: var(--ck-evaluation-badge-line-height);
    padding: var(--ck-evaluation-badge-padding-vertical) var(--ck-evaluation-badge-padding-horizontal);
  }

.ck.ck-balloon-panel.ck-evaluation-badge-balloon .ck.ck-evaluation-badge .ck-evaluation-badge__label {
      padding: var(--ck-evaluation-badge-label-padding);
      font-size: var(--ck-evaluation-badge-font-size);
      letter-spacing: var(--ck-evaluation-badge-letter-spacing);
      font-weight: var(--ck-evaluation-badge-label-font-weight);
      text-transform: uppercase;
      color: var(--ck-evaluation-badge-text-color);
      line-height: normal;
      display: block;
    }

.ck.ck-balloon-panel.ck-evaluation-badge-balloon[class*="position_inside"] {
    border-color: rgba(0,0,0,0);
  }

.ck.ck-balloon-panel.ck-evaluation-badge-balloon[class*="position_border"] {
    border: var(--ck-focus-ring);
    border-color: var(--ck-evaluation-badge-border-color);
  }

:root, :host {
  --ck-scrollbar-thumb-color: #8f94a3;
  --ck-scrollbar-track-color: rgba(0,0,0,0.02353);
}

.ck {
  scrollbar-color: var(--ck-scrollbar-thumb-color) var(--ck-scrollbar-track-color);
}

:root, :host {
  --ck-z-default: var(--ck-z-base);
  --ck-z-panel: var(--ck-z-overlay);
  --ck-z-dialog: var(--ck-z-modal);
  --ck-responsive-form-padding: var(--ck-spacing-padding-comfortable);
  --ck-responsive-form-divider-border: var(--ck-border-divider);
}

.ck.ck-responsive-form {
  padding: var(--ck-responsive-form-padding);
}

.ck.ck-responsive-form:focus {
    outline: none;
  }

[dir="ltr"] .ck.ck-responsive-form > :not(:first-child) {
      margin-left: var(--ck-spacing-padding);
    }

[dir="rtl"] .ck.ck-responsive-form > :not(:last-child) {
      margin-left: var(--ck-spacing-padding);
    }

@media screen and (max-width: 600px) {

.ck.ck-responsive-form {
    width: calc(.8 * var(--ck-input-width));

    padding: 0
}

    .ck.ck-responsive-form .ck-labeled-field-view {
      margin: var(--ck-spacing-gap-comfortable) var(--ck-spacing-gap-comfortable) 0;
    }
      .ck.ck-responsive-form .ck-labeled-field-view .ck-input-text, .ck.ck-responsive-form .ck-labeled-field-view .ck-input-number {
        width: 100%;
        min-width: 0;
      }
      .ck.ck-responsive-form .ck-labeled-field-view .ck-labeled-field-view__error {
        white-space: normal;
      }

    .ck.ck-responsive-form > .ck-button:last-child, .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
      padding: var(--ck-spacing-control-padding-inline);
      margin-top: var(--ck-spacing-gap-comfortable);
      border-radius: 0;
    }
      .ck.ck-responsive-form > .ck-button:last-child:not(:focus), .ck.ck-responsive-form > .ck-button:nth-last-child(2):not(:focus) {
        border-top: var(--ck-responsive-form-divider-border);
      }
      [dir="ltr"] .ck.ck-responsive-form > .ck-button:last-child, [dir="ltr"] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
        margin-left: 0;
      }
      [dir="rtl"] .ck.ck-responsive-form > .ck-button:last-child, [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(2) {
        margin-left: 0;
      }
        [dir="rtl"] .ck.ck-responsive-form > .ck-button:last-child:last-of-type, [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(2):last-of-type {
          border-right: var(--ck-responsive-form-divider-border);
        }
      .ck.ck-responsive-form .ck-button:after {
        content: "";
        width: 0;
        right: calc(-1 * var(--ck-border-width-divider));
        top: calc(-1 * var(--ck-border-width-divider));
        bottom: calc(-1 * var(--ck-border-width-divider));
        z-index: 1;
        position: absolute;
      }
      .ck.ck-responsive-form .ck-button:nth-last-child(2):after {
        border-right: var(--ck-responsive-form-divider-border);
      }
      .ck.ck-responsive-form .ck-button:focus:after {
        display: none;
      }
  }

.ck-vertical-form > .ck-button:nth-last-child(2):after {
  border-right: var(--ck-responsive-form-divider-border);
}

.ck-vertical-form .ck-button:after {
    content: "";
    width: 0;
    right: calc(-1 * var(--ck-border-width-divider));
    top: calc(-1 * var(--ck-border-width-divider));
    bottom: calc(-1 * var(--ck-border-width-divider));
    z-index: 1;
    position: absolute;
  }

.ck-vertical-form .ck-button:focus:after {
    display: none;
  }

:root, :host {
  --ck-form-default-width: var(--ck-width-md);
  --ck-form-padding: 0;
  --ck-form-content-padding-bottom: var(--ck-spacing-padding-comfortable);
}

.ck.ck-form {
  padding: var(--ck-form-padding);
}

.ck.ck-form > :last-child {
    padding-bottom: var(--ck-form-content-padding-bottom);
  }

.ck.ck-form.ck-form_default-width {
    width: var(--ck-form-default-width);
  }

.ck.ck-form:focus {
    outline: none;
  }

.ck.ck-form .ck.ck-input-text, .ck.ck-form .ck.ck-input-number {
    width: 0;
    min-width: 100%;
  }

.ck.ck-form .ck.ck-dropdown {
    min-width: 100%;
  }

.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
        border: var(--ck-border-control);
      }

.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label {
        width: 100%;
      }

@media screen and (max-width: 600px) {

.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit {
          flex-direction: column;

          align-items: stretch;

          padding: 0
      }
        }

@media screen and (max-width: 600px) {

.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit > .ck {
            margin: var(--ck-spacing-gap-comfortable) var(--ck-spacing-gap-comfortable) 0
        }
          }

@media screen and (max-width: 600px) {

.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit .ck-button_with-text {
            justify-content: center
        }
          }

@media screen and (max-width: 600px) {

.ck.ck-form.ck-responsive-form .ck.ck-form__row.ck-form__row_large-bottom-padding {
          padding-bottom: var(--ck-spacing-padding-comfortable)
      }
        }

[dir="ltr"] .ck.ck-form.ck-responsive-form > :not(:first-child) {
        margin-left: 0;
      }

[dir="rtl"] .ck.ck-form.ck-responsive-form > :not(:last-child) {
        margin-left: 0;
      }

.ck.ck-aria-live-announcer {
  position: absolute;
  top: -10000px;
  left: -10000px;
}

.ck.ck-aria-live-region-list {
  list-style-type: none;
}

:root, :host {
  --ck-accessibility-help-dialog-max-height: 400px;
  --ck-accessibility-help-dialog-max-width: 600px;
  --ck-accessibility-help-dialog-item-divider-width: 1px;
}

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content {
  margin: var(--ck-dialog-content-padding);
  padding: var(--ck-spacing-padding-comfortable);
  max-width: var(--ck-accessibility-help-dialog-max-width);
  max-height: var(--ck-accessibility-help-dialog-max-height);
  border: var(--ck-border-control);
  border-radius: var(--ck-input-border-radius);
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  overflow: auto;
}

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus {
    border-color: var(--ck-focus-border-color);
    box-shadow: var(--ck-focus-shadow), 0 0;
    box-shadow: var(--ck-focus-outer-shadow, var(--ck-focus-shadow)), 0 0;
    outline: none;
  }

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content * {
    white-space: normal;
  }

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content .ck-label {
    display: none;
  }

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3 {
    font-weight: var(--ck-font-weight-ui-heading);
    font-size: 1.2em;
  }

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4 {
    font-weight: var(--ck-font-weight-ui-heading);
    font-size: 1em;
  }

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content p, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content table {
    margin: 1em 0;
  }

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content > p:first-child {
    margin-top: 0;
  }

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl {
    --ck-divider-border-color: var(--ck-color-divider, #ccced1);
    border-top: var(--ck-accessibility-help-dialog-item-divider-width) solid var(--ck-divider-border-color);
    border-top: var(--ck-accessibility-help-dialog-item-divider-width) solid var(--ck-accessibility-help-dialog-border-color, var(--ck-divider-border-color));
    border-bottom: none;
    grid-template-columns: 2fr 1fr;
    display: grid;
  }

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
      border-bottom: var(--ck-accessibility-help-dialog-item-divider-width) solid var(--ck-divider-border-color);
      border-bottom: var(--ck-accessibility-help-dialog-item-divider-width) solid var(--ck-accessibility-help-dialog-border-color, var(--ck-divider-border-color));
      padding: .4em 0;
    }

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt {
      grid-column-start: 1;
    }

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd {
      text-align: right;
      grid-column-start: 2;
    }

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
    background: #ededed;
    background: var(--ck-accessibility-help-dialog-code-background-color, #ededed);
    vertical-align: middle;
    text-align: center;
    border-radius: 2px;
    padding: .4em;
    font-size: .9em;
    line-height: 1;
    display: inline-block;
  }

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code {
    font-family: monospace;
  }

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd {
    min-width: 1.8em;
    box-shadow: 0px 1px 1px #9c9c9c;
    box-shadow: 0px 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color, #9c9c9c);
    margin: 0 1px;
  }

.ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd + kbd {
      margin-left: 2px;
    }

:root, :host {
  --ck-button-padding: var(--ck-spacing-control-padding-block);
  --ck-button-with-text-padding: var(--ck-spacing-padding-compact) var(--ck-spacing-padding-comfortable);
  --ck-button-font-size: var(--ck-font-size-md);
  --ck-button-border-radius: var(--ck-border-radius-control);
  --ck-button-border: var(--ck-border-width-control) solid transparent;
  --ck-button-default-background-color: transparent;
  --ck-button-default-hover-background-color: var(--ck-color-interactive-hover-surface);
  --ck-button-default-active-background-color: var(--ck-color-interactive-active-surface);
  --ck-button-default-disabled-background-color: transparent;
  --ck-button-on-background-color: var(--ck-color-interactive-selected-surface);
  --ck-button-on-hover-background-color: var(--ck-color-interactive-selected-surface-hover);
  --ck-button-on-active-background-color: var(--ck-color-interactive-selected-surface-hover);
  --ck-button-on-disabled-background-color: #f0f2f4;
  --ck-button-on-text-color: var(--ck-color-interactive-selected-text);
  --ck-button-action-background-color: var(--ck-color-interactive-primary-surface);
  --ck-button-action-hover-background-color: var(--ck-color-interactive-primary-surface-hover);
  --ck-button-action-active-background-color: var(--ck-color-interactive-primary-surface-hover);
  --ck-button-action-disabled-background-color: var(--ck-color-interactive-primary-surface-disabled);
  --ck-button-action-opacity-disabled: 1;
  --ck-button-action-text-color: var(--ck-color-interactive-primary-text);
  --ck-button-save-color: var(--ck-color-feedback-success);
  --ck-button-cancel-color: var(--ck-color-feedback-error);
  --ck-button-icon-gap: var(--ck-spacing-gap-compact);
  --ck-button-focus-border-color: var(--ck-interactive-focus-border-color);
  --ck-button-opacity-disabled: var(--ck-disabled-opacity, var(--ck-opacity-disabled));
  --ck-button-standard-min-width: 60px;
  --ck-button-small-font-size: var(--ck-font-size-small, var(--ck-font-size-sm));
  --ck-button-small-min-width: 40px;
  --ck-button-small-padding: var(--ck-spacing-padding-tight) var(--ck-spacing-padding);
  --ck-button-small-icon-padding: 3px;
  --ck-button-small-border-radius: var(--ck-border-radius-control);
}

.ck.ck-button, :where(a).ck.ck-button {
  --ck-button-background: var(--ck-color-button-default-background, var(--ck-button-default-background-color));
  --ck-button-hover-background: var(--ck-color-button-default-hover-background, var(--ck-button-default-hover-background-color));
  --ck-button-active-background: var(--ck-color-button-default-active-background, var(--ck-button-default-active-background-color));
  --ck-button-disabled-background: var(--ck-color-button-default-disabled-background, var(--ck-button-default-disabled-background-color));
  background: var(--ck-button-background);
}

.ck.ck-button:not(.ck-disabled):hover, :where(a).ck.ck-button:not(.ck-disabled):hover {
      background: var(--ck-button-hover-background);
    }

.ck.ck-button:not(.ck-disabled):active, :where(a).ck.ck-button:not(.ck-disabled):active {
      background: var(--ck-button-active-background);
    }

.ck.ck-button, :where(a).ck.ck-button {
  border-radius: var(--ck-button-border-radius);
  white-space: nowrap;
  cursor: default;
  vertical-align: middle;
  padding: var(--ck-button-padding);
  text-align: center;
  min-width: var(--ck-size-control-min-height);
  min-height: var(--ck-size-control-min-height);
  line-height: 1;
  font-size: var(--ck-button-font-size);
  border: var(--ck-button-border);
  transition: var(--ck-transition-control);
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
  display: inline-flex;
  position: relative;
}

@media (prefers-reduced-motion: reduce) {

.ck.ck-button, :where(a).ck.ck-button {
    transition: var(--ck-transition-none)
}
  }

.ck.ck-button:active, .ck.ck-button:focus, :where(a).ck.ck-button:active, :where(a).ck.ck-button:focus {
    border-color: var(--ck-button-focus-border-color);
    box-shadow: var(--ck-interactive-focus-shadow), 0 0;
    box-shadow: var(--ck-focus-outer-shadow, var(--ck-interactive-focus-shadow)), 0 0;
    outline: none;
  }

.ck.ck-button .ck-button__icon use, .ck.ck-button .ck-button__icon use *, :where(a).ck.ck-button .ck-button__icon use, :where(a).ck.ck-button .ck-button__icon use * {
      color: inherit;
    }

.ck.ck-button .ck-button__label, :where(a).ck.ck-button .ck-button__label {
    font-size: inherit;
    font-weight: var(--ck-font-weight-ui-inherit);
    color: inherit;
    cursor: inherit;
    vertical-align: middle;
  }

[dir="ltr"] .ck.ck-button .ck-button__label, [dir="ltr"] :where(a).ck.ck-button .ck-button__label {
      text-align: left;
    }

[dir="rtl"] .ck.ck-button .ck-button__label, [dir="rtl"] :where(a).ck.ck-button .ck-button__label {
      text-align: right;
    }

.ck.ck-button .ck-button__label, :where(a).ck.ck-button .ck-button__label {
    display: none;
}

.ck.ck-button .ck-button__keystroke, :where(a).ck.ck-button .ck-button__keystroke {
    color: inherit;
    font-size: inherit;
    opacity: .5;
  }

[dir="ltr"] .ck.ck-button .ck-button__keystroke, [dir="ltr"] :where(a).ck.ck-button .ck-button__keystroke {
      margin-left: var(--ck-spacing-gap-comfortable);
    }

[dir="rtl"] .ck.ck-button .ck-button__keystroke, [dir="rtl"] :where(a).ck.ck-button .ck-button__keystroke {
      margin-right: var(--ck-spacing-gap-comfortable);
    }

.ck.ck-button.ck-disabled, :where(a).ck.ck-button.ck-disabled {
    background: var(--ck-button-disabled-background);
  }

.ck.ck-button.ck-disabled:active, .ck.ck-button.ck-disabled:focus, :where(a).ck.ck-button.ck-disabled:active, :where(a).ck.ck-button.ck-disabled:focus {
      box-shadow: var(--ck-interactive-focus-disabled-shadow), 0 0;
      box-shadow: var(--ck-focus-disabled-outer-shadow, var(--ck-interactive-focus-disabled-shadow)), 0 0;
    }

.ck.ck-button.ck-disabled .ck-button__icon, .ck.ck-button.ck-disabled .ck-button__label, :where(a).ck.ck-button.ck-disabled .ck-button__icon, :where(a).ck.ck-button.ck-disabled .ck-button__label {
      opacity: var(--ck-button-opacity-disabled);
    }

.ck.ck-button.ck-disabled .ck-button__keystroke, :where(a).ck.ck-button.ck-disabled .ck-button__keystroke {
      opacity: .3;
    }

.ck.ck-button.ck-button_with-text, :where(a).ck.ck-button.ck-button_with-text {
    padding: var(--ck-button-with-text-padding);
  }

[dir="ltr"] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir="ltr"] :where(a).ck.ck-button.ck-button_with-text .ck-button__icon {
        margin-right: var(--ck-button-icon-gap);
      }

[dir="rtl"] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir="rtl"] :where(a).ck.ck-button.ck-button_with-text .ck-button__icon {
        margin-left: var(--ck-button-icon-gap);
      }

.ck.ck-button.ck-button_with-text .ck-button__label, :where(a).ck.ck-button.ck-button_with-text .ck-button__label {
      display: inline-block;
    }

.ck.ck-button.ck-button_with-keystroke .ck-button__label, :where(a).ck.ck-button.ck-button_with-keystroke .ck-button__label {
      flex-grow: 1;
    }

.ck.ck-button.ck-button_standard, :where(a).ck.ck-button.ck-button_standard {
    min-width: var(--ck-button-standard-min-width);
  }

.ck.ck-button.ck-button_small, :where(a).ck.ck-button.ck-button_small {
    --ck-button-font-size: var(--ck-button-small-font-size);
    --ck-icon-size-ratio: calc(16 / 12);
    --ck-icon-size: calc(1em * var(--ck-icon-size-ratio));
    --ck-size-control-min-height: calc(var(--ck-button-font-size) * 2);
    --ck-button-border-radius: var(--ck-button-small-border-radius);
    padding: var(--ck-button-small-icon-padding);
  }

.ck.ck-button.ck-button_small.ck-button_with-text, :where(a).ck.ck-button.ck-button_small.ck-button_with-text {
      min-width: var(--ck-button-small-min-width);
      padding: var(--ck-button-small-padding);
    }

.ck.ck-button.ck-on, :where(a).ck.ck-button.ck-on {
    --ck-button-background: var(--ck-color-button-on-background, var(--ck-button-on-background-color));
    --ck-button-hover-background: var(--ck-color-button-on-hover-background, var(--ck-button-on-hover-background-color));
    --ck-button-active-background: var(--ck-color-button-on-active-background, var(--ck-button-on-active-background-color));
    --ck-button-disabled-background: var(--ck-color-button-on-disabled-background, var(--ck-button-on-disabled-background-color));
    color: var(--ck-button-on-text-color);
    color: var(--ck-color-button-on-color, var(--ck-button-on-text-color));
  }

.ck.ck-button.ck-button-save, :where(a).ck.ck-button.ck-button-save {
    color: var(--ck-button-save-color);
    color: var(--ck-color-button-save, var(--ck-button-save-color));
  }

.ck.ck-button.ck-button-cancel, :where(a).ck.ck-button.ck-button-cancel {
    color: var(--ck-button-cancel-color);
    color: var(--ck-color-button-cancel, var(--ck-button-cancel-color));
  }

[dir="ltr"] .ck.ck-button, [dir="ltr"] :where(a).ck.ck-button {
    justify-content: left;
  }

[dir="rtl"] .ck.ck-button, [dir="rtl"] :where(a).ck.ck-button {
    justify-content: right;
  }

.ck.ck-button:not(.ck-button_with-text), .ck.ck-button.ck-button_standard, .ck.ck-button.ck-button_small, :where(a).ck.ck-button:not(.ck-button_with-text), :where(a).ck.ck-button.ck-button_standard, :where(a).ck.ck-button.ck-button_small {
    justify-content: center;
  }

.ck.ck-button.ck-button-action, :where(a).ck.ck-button.ck-button-action {
    --ck-button-background: var(--ck-color-button-action-background, var(--ck-button-action-background-color));
    --ck-button-hover-background: var(--ck-color-button-action-hover-background, var(--ck-button-action-hover-background-color));
    --ck-button-active-background: var(--ck-color-button-action-active-background, var(--ck-button-action-active-background-color));
    --ck-button-disabled-background: var(--ck-color-button-action-disabled-background, var(--ck-button-action-disabled-background-color));
    --ck-button-opacity-disabled: var(--ck-button-action-opacity-disabled);
    color: var(--ck-button-action-text-color);
    color: var(--ck-color-button-action-text, var(--ck-button-action-text-color));
  }

.ck.ck-button.ck-button-bold, :where(a).ck.ck-button.ck-button-bold {
    font-weight: var(--ck-font-weight-ui-emphasis);
  }

.ck.ck-button.ck-button_surface, :where(a).ck.ck-button.ck-button_surface {
    --ck-button-surface-background: var(--ck-color-surface-canvas);
    --ck-button-surface-border-color: var(--ck-color-interactive-primary-surface);
    --ck-button-hover-background: var(--ck-button-surface-background);
    --ck-button-active-background: var(--ck-button-surface-background);
  }

.ck.ck-button.ck-button_surface:not(.ck-disabled):focus, :where(a).ck.ck-button.ck-button_surface:not(.ck-disabled):focus {
      background: var(--ck-button-surface-background);
    }

.ck.ck-button.ck-button_surface.ck-on, :where(a).ck.ck-button.ck-button_surface.ck-on {
      --ck-button-background: var(--ck-button-surface-background);
      --ck-button-hover-background: var(--ck-button-surface-background);
      --ck-button-active-background: var(--ck-button-surface-background);
    }

.ck.ck-button.ck-button_surface.ck-on:not(:focus), :where(a).ck.ck-button.ck-button_surface.ck-on:not(:focus) {
        border: var(--ck-border-width-control) solid var(--ck-button-surface-border-color);
      }

.ck.ck-button.ck-button_outline, :where(a).ck.ck-button.ck-button_outline {
    --ck-button-outline-color: var(--ck-color-interactive-primary-surface);
    --ck-button-outline-background: var(--ck-color-surface-canvas);
    --ck-button-outline-hover-background: var(--ck-color-interactive-hover-surface);
    --ck-button-outline-active-background: var(--ck-color-interactive-selected-surface);
    --ck-button-outline-active-hover-background: var(--ck-color-interactive-selected-surface-hover);
    color: var(--ck-button-outline-color);
    background: var(--ck-button-outline-background);
  }

.ck.ck-button.ck-button_outline:not(:focus), :where(a).ck.ck-button.ck-button_outline:not(:focus) {
      border: var(--ck-border-width-control) solid var(--ck-button-outline-color);
    }

.ck.ck-button.ck-button_outline:active:not(.ck-disabled), .ck.ck-button.ck-button_outline.ck-on:not(.ck-disabled), :where(a).ck.ck-button.ck-button_outline:active:not(.ck-disabled), :where(a).ck.ck-button.ck-button_outline.ck-on:not(.ck-disabled) {
        color: var(--ck-button-outline-color);
        background: var(--ck-button-outline-active-background);
      }

.ck.ck-button.ck-button_outline:active:not(.ck-disabled):hover, .ck.ck-button.ck-button_outline.ck-on:not(.ck-disabled):hover, :where(a).ck.ck-button.ck-button_outline:active:not(.ck-disabled):hover, :where(a).ck.ck-button.ck-button_outline.ck-on:not(.ck-disabled):hover {
          background: var(--ck-button-outline-active-hover-background);
        }

.ck.ck-button.ck-button_outline:disabled, .ck.ck-button.ck-button_outline.ck-disabled, :where(a).ck.ck-button.ck-button_outline:disabled, :where(a).ck.ck-button.ck-button_outline.ck-disabled {
      opacity: var(--ck-button-opacity-disabled);
      background: var(--ck-button-outline-background);
    }

.ck.ck-button.ck-button_outline:disabled > .ck-button__label, .ck.ck-button.ck-button_outline:disabled > .ck-button__icon, .ck.ck-button.ck-button_outline.ck-disabled > .ck-button__label, .ck.ck-button.ck-button_outline.ck-disabled > .ck-button__icon, :where(a).ck.ck-button.ck-button_outline:disabled > .ck-button__label, :where(a).ck.ck-button.ck-button_outline:disabled > .ck-button__icon, :where(a).ck.ck-button.ck-button_outline.ck-disabled > .ck-button__label, :where(a).ck.ck-button.ck-button_outline.ck-disabled > .ck-button__icon {
        opacity: 1;
      }

.ck.ck-button.ck-button_outline:hover:not(.ck-disabled):not(:active):not(.ck-on), :where(a).ck.ck-button.ck-button_outline:hover:not(.ck-disabled):not(:active):not(.ck-on) {
      background: var(--ck-button-outline-hover-background);
    }

:root, :host {
  --ck-switch-button-toggle-width: 2.61538em;
  --ck-switch-button-toggle-inner-size: calc(1.07692em + 1px);
  --ck-switch-button-translation: calc(var(--ck-switch-button-toggle-width) -
		var(--ck-switch-button-toggle-inner-size) -
		2px);
  --ck-switch-button-inner-hover-shadow: 0 0 0 5px var(--ck-color-switch-button-inner-shadow, var(--ck-color-shadow-inner));
  --ck-switch-button-toggle-border-radius: var(--ck-border-radius-control);
  --ck-switch-button-toggle-inner-border-radius: calc(.9 * var(--ck-switch-button-toggle-border-radius));
  --ck-switch-button-off-background-color: var(--ck-color-text-secondary);
  --ck-switch-button-off-hover-background-color: var(--ck-color-base-text-light);
  --ck-switch-button-on-background-color: var(--ck-color-button-action-background, var(--ck-button-action-background-color));
  --ck-switch-button-on-hover-background-color: var(--ck-color-interactive-primary-surface-hover);
  --ck-switch-button-inner-background-color: var(--ck-color-surface-canvas);
}

.ck.ck-button.ck-switchbutton, .ck.ck-button.ck-switchbutton:hover, .ck.ck-button.ck-switchbutton:focus, .ck.ck-button.ck-switchbutton:active, .ck.ck-button.ck-switchbutton.ck-on:hover, .ck.ck-button.ck-switchbutton.ck-on:focus, .ck.ck-button.ck-switchbutton.ck-on:active {
    color: inherit;
    background: none;
  }

[dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__label {
      margin-right: calc(2 * var(--ck-spacing-gap-comfortable));
    }

[dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__label {
      margin-left: calc(2 * var(--ck-spacing-gap-comfortable));
    }

.ck.ck-button.ck-switchbutton .ck-button__toggle {
    border-radius: var(--ck-switch-button-toggle-border-radius);
    transition: background var(--ck-duration-slower) var(--ck-transition-timing-function-surface),
			box-shadow var(--ck-transition-duration-control) var(--ck-transition-timing-function-control),
			outline var(--ck-transition-duration-control) var(--ck-transition-timing-function-control);
    border: var(--ck-border-width-control) solid transparent;
    width: 2.61538em;
    width: var(--ck-switch-button-toggle-width, 2.61538em);
    background: var(--ck-switch-button-off-background-color);
    background: var(--ck-color-switch-button-off-background, var(--ck-switch-button-off-background-color));
  }

[dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__toggle {
      margin-left: auto;
    }

[dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__toggle {
      margin-right: auto;
    }

.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
      border-radius: var(--ck-switch-button-toggle-inner-border-radius);
      width: calc(1.07692em + 1px);
      width: var(--ck-switch-button-toggle-inner-size, calc(1.07692em + 1px));
      height: calc(1.07692em + 1px);
      height: var(--ck-switch-button-toggle-inner-size, calc(1.07692em + 1px));
      background: var(--ck-switch-button-inner-background-color);
      background: var(--ck-color-switch-button-inner-background, var(--ck-switch-button-inner-background-color));
      transition: all var(--ck-transition-duration-control-emphasized) var(--ck-transition-timing-function-surface);
      display: block;
    }

@media (prefers-reduced-motion: reduce) {

.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
        transition: var(--ck-transition-none);
    }
      }

.ck.ck-button.ck-switchbutton .ck-button__toggle:hover {
      background: var(--ck-switch-button-off-hover-background-color);
      background: var(--ck-color-switch-button-off-hover-background, var(--ck-switch-button-off-hover-background-color));
    }

.ck.ck-button.ck-switchbutton .ck-button__toggle:hover .ck-button__toggle__inner {
        box-shadow: 0 0 0 5px rgba(0,0,0,0.10196);
        box-shadow: var(--ck-switch-button-inner-hover-shadow, 0 0 0 5px rgba(0,0,0,0.10196));
      }

.ck.ck-button.ck-switchbutton .ck-button__toggle {
    display: block;
}

.ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle {
    opacity: var(--ck-opacity-disabled);
    opacity: var(--ck-disabled-opacity, var(--ck-opacity-disabled));
  }

.ck.ck-button.ck-switchbutton:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,0);
    outline: none;
  }

.ck.ck-button.ck-switchbutton:focus .ck-button__toggle {
      box-shadow: 0 0 0 1px var(--ck-color-surface-canvas), 0 0 0 5px var(--ck-color-interactive-focus-shadow);
      outline-offset: 1px;
      outline: var(--ck-interactive-focus-ring);
    }

.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle {
      background: var(--ck-switch-button-on-background-color);
      background: var(--ck-color-switch-button-on-background, var(--ck-switch-button-on-background-color));
    }

.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover {
        background: var(--ck-switch-button-on-hover-background-color);
        background: var(--ck-color-switch-button-on-hover-background, var(--ck-switch-button-on-hover-background-color));
      }

[dir="ltr"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
          transform: translateX(var(--ck-switch-button-translation));
        }

[dir="rtl"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
          transform: translateX(calc(-1 * var(--ck-switch-button-translation)));
        }

:root, :host {
  --ck-list-item-button-padding: var(--ck-spacing-control-padding-block) calc(2 * var(--ck-spacing-control-padding-inline));
  --ck-list-item-button-border-radius: var(--ck-border-radius-control);
}

.ck.ck-button.ck-list-item-button {
  padding: var(--ck-list-item-button-padding);
}

.ck.ck-button.ck-list-item-button, .ck.ck-button.ck-list-item-button.ck-on {
    background: var(--ck-list-background-color);
    background: var(--ck-color-list-background, var(--ck-list-background-color));
    color: var(--ck-color-text);
  }

[dir="ltr"] .ck.ck-button.ck-list-item-button[\:has\(.ck-list-item-button__check-holder\)] {
      padding-left: var(--ck-spacing-control-padding-inline-compact);
    }

[dir="rtl"] .ck.ck-button.ck-list-item-button[\:has\(.ck-list-item-button__check-holder\)] {
      padding-right: var(--ck-spacing-control-padding-inline-compact);
    }

[dir="ltr"] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) {
      padding-left: var(--ck-spacing-control-padding-inline-compact);
    }

[dir="rtl"] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) {
      padding-right: var(--ck-spacing-control-padding-inline-compact);
    }

.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-button.ck-on:hover, .ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable), .ck.ck-button.ck-list-item-button.ck-on:hover {
    background: var(--ck-list-button-hover-background-color);
    background: var(--ck-color-list-button-hover-background, var(--ck-list-button-hover-background-color));
  }

.ck.ck-button.ck-list-item-button:hover:not(.ck-disabled):not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-button.ck-on:hover:not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable):not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-on:hover:not(.ck-disabled) {
      color: var(--ck-color-text);
    }

.ck.ck-list-item-button {
  min-height: unset;
  border-radius: var(--ck-list-item-button-border-radius);
  width: 100%;
}

[dir="ltr"] .ck.ck-list-item-button {
    text-align: left;
  }

[dir="rtl"] .ck.ck-list-item-button {
    text-align: right;
  }

[dir="ltr"] .ck.ck-list-item-button.ck-list-item-button_toggleable {
      padding-left: var(--ck-spacing-control-padding-inline-compact);
    }

[dir="rtl"] .ck.ck-list-item-button.ck-list-item-button_toggleable {
      padding-right: var(--ck-spacing-control-padding-inline-compact);
    }

.ck.ck-list-item-button .ck-list-item-button__check-holder {
    width: .9em;
    height: .9em;
    display: inline-flex;
  }

[dir="ltr"] .ck.ck-list-item-button .ck-list-item-button__check-holder {
      margin-right: var(--ck-spacing-control-padding-inline-compact);
    }

[dir="rtl"] .ck.ck-list-item-button .ck-list-item-button__check-holder {
      margin-left: var(--ck-spacing-control-padding-inline-compact);
    }

.ck.ck-list-item-button .ck-list-item-button__check-icon {
    height: 100%;
  }

:root, :host {
  --ck-collapsible-padding: var(--ck-spacing-padding);
  --ck-collapsible-children-padding: var(--ck-spacing-padding-comfortable) 0 0;
  --ck-collapsible-button-border-radius: var(--ck-border-radius-control);
  --ck-collapsible-button-font-weight: var(--ck-font-weight-ui-strong);
}

.ck.ck-collapsible {
  padding: var(--ck-collapsible-padding);
}

.ck.ck-collapsible > .ck.ck-button {
    width: 100%;
    font-weight: var(--ck-collapsible-button-font-weight);
    border-radius: var(--ck-collapsible-button-border-radius);
    color: inherit;
  }

.ck.ck-collapsible > .ck.ck-button:focus {
      background: none;
    }

.ck.ck-collapsible > .ck.ck-button:active, .ck.ck-collapsible > .ck.ck-button:not(:focus), .ck.ck-collapsible > .ck.ck-button:hover:not(:focus) {
      box-shadow: none;
      background: none;
      border-color: rgba(0,0,0,0);
    }

.ck.ck-collapsible > .ck.ck-button > .ck-icon {
      margin-right: var(--ck-spacing-control-icon-gap);
      width: calc(.5 * var(--ck-icon-size));
      width: var(--ck-collapsible-arrow-size, calc(.5 * var(--ck-icon-size)));
    }

.ck.ck-collapsible > .ck-collapsible__children {
    padding: var(--ck-collapsible-children-padding);
  }

.ck.ck-collapsible.ck-collapsible_collapsed > .ck.ck-button .ck-icon {
      transform: rotate(-90deg);
    }

.ck.ck-collapsible.ck-collapsible_collapsed > .ck-collapsible__children {
      display: none;
    }

:root, :host {
  --ck-color-grid-tile-size: 24px;
  --ck-color-grid-gap: var(--ck-spacing-gap-tight);
  --ck-color-grid-margin: 0;
  --ck-color-grid-padding: var(--ck-spacing-padding) 0;
  --ck-color-grid-tile-border-radius: var(--ck-radius-sm);
  --ck-color-grid-tile-hover-transform: none;
  --ck-color-grid-tile-hover-layer: auto;
}

.ck.ck-color-grid {
  grid-gap: var(--ck-color-grid-gap);
  margin: var(--ck-color-grid-margin);
  padding: var(--ck-color-grid-padding);
  width: -moz-min-content;
  width: min-content;
  display: grid;
}

.ck.ck-color-grid[\:not-has\(\%20\%20\:not\(.ck-hidden\)\)] {
    padding-bottom: 0;
  }

.ck.ck-color-grid:not(:has( ~ :not(.ck-hidden))) {
    padding-bottom: 0;
  }

.ck.ck-color-grid__tile {
  border-radius: var(--ck-color-grid-tile-border-radius);
  transition: box-shadow var(--ck-transition-duration-control) var(--ck-transition-timing-function-surface);
}

@media (forced-colors: none) {

.ck.ck-color-grid__tile {
    width: var(--ck-color-grid-tile-size);

    height: var(--ck-color-grid-tile-size);

    min-width: var(--ck-color-grid-tile-size);

    min-height: var(--ck-color-grid-tile-size);

    border: 0;

    padding: 0
}

    .ck.ck-color-grid__tile.ck-on, .ck.ck-color-grid__tile:focus:not(.ck-disabled), .ck.ck-color-grid__tile:hover:not(.ck-disabled) {
      border: 0;
    }

    .ck.ck-color-grid__tile.ck-color-selector__color-tile_bordered {
      box-shadow: inset 0 0 0 1px var(--ck-color-border-control);
    }

    .ck.ck-color-grid__tile.ck-on {
      box-shadow: inset 0 0 0 1px var(--ck-color-surface-canvas), 0 0 0 2px var(--ck-color-text-primary);
    }

    .ck.ck-color-grid__tile:hover:not(.ck-disabled), .ck.ck-color-grid__tile:focus:not(.ck-disabled) {
      z-index: var(--ck-color-grid-tile-hover-layer);
      box-shadow: inset 0 0 0 1px var(--ck-color-surface-canvas), 0 0 0 2px var(--ck-color-interactive-focus-border);
      transform: var(--ck-color-grid-tile-hover-transform);
    }
  }

@media (forced-colors: active) {

.ck.ck-color-grid__tile {
    width: unset;

    height: unset;

    min-width: unset;

    min-height: unset;

    padding: 0 var(--ck-spacing-padding)
}

    .ck.ck-color-grid__tile .ck-button__label {
      display: inline-block;
    }
  }

@media (prefers-reduced-motion: reduce) {

.ck.ck-color-grid__tile {
    transition: var(--ck-transition-none)
}
  }

.ck.ck-color-grid__tile.ck-disabled {
    cursor: unset;
    transition: unset;
  }

.ck.ck-color-grid__tile .ck.ck-icon {
    color: #166fd4;
    color: var(--ck-color-color-grid-check-icon, #166fd4);
    display: none;
  }

.ck.ck-color-grid__tile.ck-on .ck.ck-icon {
      display: block;
    }

.ck.ck-color-grid__label {
  padding: 0 var(--ck-spacing-control-padding-inline);
}

.color-picker-hex-input {
  width: -moz-max-content;
  width: max-content;
}

.color-picker-hex-input .ck.ck-input {
    min-width: unset;
  }

.ck.ck-color-picker__row {
  margin: var(--ck-spacing-gap-comfortable) 0 0;
  width: unset;
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.ck.ck-color-picker__row .ck.ck-labeled-field-view {
    padding-top: unset;
  }

.ck.ck-color-picker__row .ck.ck-input-text {
    width: unset;
  }

.ck.ck-color-picker__row .ck-color-picker__hash-view {
    padding-top: var(--ck-spacing-control-padding-block);
    padding-right: var(--ck-spacing-control-icon-gap);
  }

:root, :host {
  --ck-color-selector-padding: var(--ck-spacing-padding-compact);
  --ck-color-selector-grids-fragment-padding: var(--ck-spacing-padding-compact);
  --ck-color-selector-color-picker-padding: var(--ck-spacing-padding);
  --ck-color-selector-action-bar-padding: 0 var(--ck-spacing-padding) var(--ck-spacing-padding);
  --ck-color-selector-uniform-border-radius: var(--ck-border-radius-uniform);
  --ck-color-selector-color-picker-border-top: var(--ck-border-divider);
}

.ck.ck-color-selector {
  padding: var(--ck-color-selector-padding);
}

.ck.ck-color-selector .ck-color-grids-fragment {
    padding: var(--ck-color-selector-grids-fragment-padding);
  }

.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color, .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
      align-items: center;
      width: 100%;
      display: flex;
    }

[dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color, [dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker {
        justify-content: flex-start;
      }

[dir="ltr"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color .ck.ck-icon, [dir="ltr"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {
          margin-right: var(--ck-spacing-control-padding-inline);
        }

[dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color .ck.ck-icon, [dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon {
          margin-left: var(--ck-spacing-control-padding-inline);
        }

.ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker:not(:focus) {
      border-top: var(--ck-color-selector-color-picker-border-top);
    }

.ck.ck-color-selector .ck-color-grids-fragment label.ck.ck-color-grid__label {
      font-weight: var(--ck-font-weight-ui-inherit);
    }

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker {
      padding: var(--ck-color-selector-color-picker-padding);
    }

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker {
        min-width: 180px;
        height: 100px;
      }

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation) {
          border-radius: var(--ck-border-radius-surface) var(--ck-border-radius-surface) 0 0;
        }

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue) {
          border-radius: 0 0 var(--ck-border-radius-surface) var(--ck-border-radius-surface);
        }

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation-pointer), .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue-pointer) {
          width: 15px;
          height: 15px;
        }

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar {
      padding: var(--ck-color-selector-action-bar-padding);
      flex-direction: row;
      justify-content: space-around;
      display: flex;
    }

.ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save, .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-cancel {
        flex: 1;
      }

:root, :host {
  --ck-dialog-max-height: 90vh;
  --ck-dialog-max-width: 100vw;
  --ck-dialog-border-radius: var(--ck-border-radius-surface);
  --ck-dialog-border: var(--ck-border-width-surface) solid var(--ck-color-border-container);
  --ck-dialog-shadow: var(--ck-shadow-surface-floating);
  --ck-dialog-background-color: var(--ck-color-surface-container);
  --ck-dialog-overlay-background-color: rgba(0,0,0,0.50196);
  --ck-dialog-header-padding: var(--ck-form-header-padding);
  --ck-dialog-content-padding: var(--ck-spacing-padding-comfortable);
  --ck-dialog-actions-padding: var(--ck-spacing-padding-compact) var(--ck-spacing-padding-comfortable) var(--ck-spacing-padding-comfortable) var(--ck-spacing-padding-comfortable);
  --ck-dialog-actions-gap: var(--ck-spacing-gap-comfortable);
}

.ck.ck-dialog-overlay {
  animation: ck-dialog-fade-in var(--ck-animation-duration-surface-entrance);
  background: var(--ck-dialog-overlay-background-color);
  z-index: var(--ck-z-modal);
  z-index: var(--ck-z-dialog, var(--ck-z-modal));
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overscroll-behavior: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.ck.ck-dialog-overlay.ck-dialog-overlay__transparent {
    pointer-events: none;
    animation: var(--ck-animation-none);
    background: none;
  }

.ck.ck-dialog {
  border-radius: var(--ck-dialog-border-radius);
  box-shadow: var(--ck-dialog-shadow), 0 0;
  box-shadow: var(--ck-dialog-drop-shadow, var(--ck-dialog-shadow)), 0 0;
  background: var(--ck-dialog-background-color);
  background: var(--ck-color-dialog-background, var(--ck-dialog-background-color));
  max-height: var(--ck-dialog-max-height);
  max-width: var(--ck-dialog-max-width);
  border: var(--ck-dialog-border);
  overscroll-behavior: none;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
}

.ck.ck-dialog .ck.ck-form__header {
    border-bottom: var(--ck-border-divider);
    border-bottom: var(--ck-color-dialog-form-header-border, var(--ck-border-divider));
    padding: var(--ck-dialog-header-padding);
    flex-shrink: 0;
  }

.ck.ck-dialog:not(.ck-dialog_modal) .ck.ck-form__header, .ck.ck-dialog:not(.ck-dialog_modal) .ck.ck-form__header :not(.ck-button):not(.ck-button *) {
      cursor: grab;
    }

.ck.ck-dialog-overlay.ck-dialog-overlay__transparent .ck.ck-dialog {
    pointer-events: all;
  }

@keyframes ck-dialog-fade-in {
  0% {
    background: none;
  }

  100% {
    background: var(--ck-dialog-overlay-background-color);
  }
}

.ck.ck-dialog .ck.ck-dialog__actions {
    padding: var(--ck-dialog-actions-padding);
    grid-gap: var(--ck-dialog-actions-gap);
    gap: var(--ck-dialog-actions-gap);
    justify-content: flex-end;
    display: flex;
  }

:root, :host {
  --ck-dropdown-arrow-size: calc(.5 * var(--ck-icon-size));
  --ck-dropdown-panel-padding: 0;
  --ck-dropdown-panel-uniform-border-radius: var(--ck-border-radius-uniform);
  --ck-dropdown-panel-uniform-button-border-radius: var(--ck-border-radius-control);
  --ck-dropdown-panel-border-radius: var(--ck-border-radius-surface-attached);
  --ck-dropdown-panel-background-color: var(--ck-color-surface-container);
  --ck-dropdown-panel-border-color: var(--ck-color-border-container);
  --ck-dropdown-list-background-color: transparent;
  --ck-dropdown-panel-border: var(--ck-border-width-surface) solid var(--ck-color-dropdown-panel-border, var(--ck-dropdown-panel-border-color));
}

.ck.ck-dropdown {
  font-size: inherit;
  display: inline-block;
  position: relative;
}

.ck.ck-dropdown .ck-dropdown__arrow {
    width: var(--ck-dropdown-arrow-size);
    pointer-events: none;
    z-index: var(--ck-layer-base);
  }

[dir="ltr"] .ck.ck-dropdown .ck-dropdown__arrow {
      right: var(--ck-spacing-control-padding-inline);
      margin-left: var(--ck-spacing-control-padding-inline);
    }

[dir="rtl"] .ck.ck-dropdown .ck-dropdown__arrow {
      left: var(--ck-spacing-control-padding-inline);
      margin-right: var(--ck-spacing-control-padding-inline-compact);
    }

.ck.ck-dropdown.ck-disabled .ck-dropdown__arrow {
    opacity: var(--ck-opacity-disabled);
    opacity: var(--ck-disabled-opacity, var(--ck-opacity-disabled));
  }

[dir="ltr"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
        padding-left: var(--ck-spacing-control-padding-inline-compact);
      }

[dir="rtl"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
        padding-right: var(--ck-spacing-control-padding-inline-compact);
      }

.ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
      text-overflow: ellipsis;
      width: 7em;
      overflow: hidden;
    }

.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label {
      opacity: var(--ck-opacity-disabled);
      opacity: var(--ck-disabled-opacity, var(--ck-opacity-disabled));
    }

.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on {
      border-radius: var(--ck-border-radius-surface-attached-bottom);
      border-radius: var(--ck-dropdown-panel-uniform-button-border-radius, var(--ck-border-radius-surface-attached-bottom));
    }

.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-dropdown__button_label-width_auto .ck-button__label {
      width: auto;
    }

.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active, .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active {
      box-shadow: none;
    }

.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus, .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus {
        box-shadow: var(--ck-interactive-focus-shadow), 0 0;
        box-shadow: var(--ck-focus-outer-shadow, var(--ck-interactive-focus-shadow)), 0 0;
      }

.ck.ck-dropdown .ck-button.ck-dropdown__button {
    width: 100%;
}

.ck.ck-dropdown .ck-dropdown__panel {
    z-index: var(--ck-layer-panel);
    max-width: 75vw;
    max-width: var(--ck-dropdown-max-width, 75vw);
    display: none;
    position: absolute;
  }

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {
      display: inline-block;
    }

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_fit-content {
      max-width: none;
      max-width: var(--ck-dropdown-max-width, none);
    }

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme {
      bottom: 100%;
    }

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s {
      top: 100%;
      bottom: auto;
    }

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
      left: 0;
    }

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
      right: 0;
    }

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n {
      left: 50%;
      transform: translateX(-50%);
    }

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw {
      left: 75%;
      transform: translateX(-75%);
    }

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme {
      left: 25%;
      transform: translateX(-25%);
    }

.ck.ck-dropdown__panel {
  border-radius: var(--ck-dropdown-panel-border-radius);
  box-shadow: var(--ck-shadow-surface-floating), 0 0;
  padding: var(--ck-dropdown-panel-padding);
  background: var(--ck-dropdown-panel-background-color);
  background: var(--ck-color-dropdown-panel-background, var(--ck-dropdown-panel-background-color));
  border: var(--ck-dropdown-panel-border);
  min-width: 100%;
  bottom: 0;
}

.ck.ck-dropdown__panel.ck-dropdown__panel_se {
    border-radius: var(--ck-border-radius-surface-cut-top-left);
    border-radius: var(--ck-dropdown-panel-uniform-border-radius, var(--ck-border-radius-surface-cut-top-left));
  }

.ck.ck-dropdown__panel.ck-dropdown__panel_sw {
    border-radius: var(--ck-border-radius-surface-cut-top-right);
    border-radius: var(--ck-dropdown-panel-uniform-border-radius, var(--ck-border-radius-surface-cut-top-right));
  }

.ck.ck-dropdown__panel.ck-dropdown__panel_ne {
    border-radius: var(--ck-border-radius-surface-cut-bottom-left);
    border-radius: var(--ck-dropdown-panel-uniform-border-radius, var(--ck-border-radius-surface-cut-bottom-left));
  }

.ck.ck-dropdown__panel.ck-dropdown__panel_nw {
    border-radius: var(--ck-border-radius-surface-cut-bottom-right);
    border-radius: var(--ck-dropdown-panel-uniform-border-radius, var(--ck-border-radius-surface-cut-bottom-right));
  }

.ck.ck-dropdown__panel > .ck-list {
    background: var(--ck-dropdown-list-background-color);
  }

.ck.ck-dropdown__panel:focus {
    outline: none;
  }

.ck.ck-toolbar .ck-dropdown__panel {
  z-index: var(--ck-layer-panel-above);
}

.ck.ck-splitbutton .ck-splitbutton__action:focus {
    z-index: var(--ck-layer-control-raised);
  }

[dir="ltr"] .ck.ck-splitbutton:hover > .ck-splitbutton__action, [dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
      border-top-right-radius: unset;
      border-bottom-right-radius: unset;
    }

[dir="rtl"] .ck.ck-splitbutton:hover > .ck-splitbutton__action, [dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
      border-top-left-radius: unset;
      border-bottom-left-radius: unset;
    }

.ck.ck-splitbutton > .ck-splitbutton__arrow {
    min-width: unset;
  }

[dir="ltr"] .ck.ck-splitbutton > .ck-splitbutton__arrow {
      border-top-left-radius: unset;
      border-bottom-left-radius: unset;
    }

[dir="rtl"] .ck.ck-splitbutton > .ck-splitbutton__arrow {
      border-top-right-radius: unset;
      border-bottom-right-radius: unset;
    }

.ck.ck-splitbutton > .ck-splitbutton__arrow svg {
      width: var(--ck-dropdown-arrow-size);
    }

.ck.ck-splitbutton > .ck-splitbutton__arrow:not(:focus) {
    border-top-width: 0;
    border-bottom-width: 0;
  }

.ck.ck-splitbutton.ck-splitbutton_open {
    border-radius: var(--ck-border-radius-control);
  }

.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action {
      border-end-start-radius: 0;
      border-end-start-radius: var(--ck-dropdown-panel-uniform-button-border-radius, 0);
    }

.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow {
      border-end-end-radius: 0;
      border-end-end-radius: var(--ck-dropdown-panel-uniform-button-border-radius, 0);
    }

.ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover), .ck.ck-splitbutton:hover > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {
      background: var(--ck-color-interactive-hover-surface);
      background: var(--ck-color-split-button-hover-background, var(--ck-color-interactive-hover-surface));
    }

.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):after, .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled):after {
      content: "";
      background-color: var(--ck-color-border-control);
      background-color: var(--ck-color-split-button-hover-border, var(--ck-color-border-control));
      width: 1px;
      height: 100%;
      position: absolute;
    }

.ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:focus:after, .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:focus:after {
      --ck-color-split-button-hover-border: var(--ck-color-interactive-focus-border);
      background-color: var(--ck-color-interactive-focus-border);
      background-color: var(--ck-color-split-button-hover-border, var(--ck-color-interactive-focus-border));
    }

[dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):after, [dir="ltr"] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled):after {
        left: -1px;
      }

[dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):after, [dir="rtl"] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled):after {
        right: -1px;
      }

.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
        background-color: var(--ck-button-on-background-color);
        background-color: var(--ck-color-button-on-background, var(--ck-button-on-background-color));
      }

.ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled):after, .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):after, .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover):after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled):after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover):after {
          display: none;
        }

.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__action:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
        background-color: var(--ck-button-on-hover-background-color);
        background-color: var(--ck-color-button-on-hover-background, var(--ck-button-on-hover-background-color));
      }

.ck.ck-splitbutton {
  font-size: inherit;
}

:root, :host {
  --ck-toolbar-dropdown-vertical-padding: var(--ck-spacing-padding-compact);
}

.ck.ck-toolbar-dropdown .ck-toolbar {
  border: 0;
}

.ck.ck-toolbar-dropdown .ck-toolbar.ck-toolbar_vertical {
    padding: var(--ck-toolbar-dropdown-vertical-padding);
  }

.ck.ck-toolbar-dropdown > .ck-dropdown__panel {
  width: -moz-max-content;
  width: max-content;
  max-width: 60vw;
  max-width: var(--ck-toolbar-dropdown-max-width, 60vw);
}

.ck.ck-toolbar-dropdown > .ck-dropdown__panel .ck-button:focus {
      z-index: var(--ck-layer-control-raised);
    }

:root, :host {
  --ck-list-dropdown-uniform-border-radius: var(--ck-border-radius-uniform);
  --ck-list-dropdown-button-border-radius: var(--ck-border-radius-control);
}

.ck.ck-dropdown > .ck-dropdown__panel > .ck-list {
  border-radius: 0 var(--ck-dropdown-panel-border-radius) var(--ck-dropdown-panel-border-radius) var(--ck-dropdown-panel-border-radius);
  border-radius: var(--ck-list-dropdown-uniform-border-radius, 0 var(--ck-dropdown-panel-border-radius) var(--ck-dropdown-panel-border-radius) var(--ck-dropdown-panel-border-radius));
}

.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item > .ck-button {
      border-radius: 0;
      border-radius: var(--ck-list-dropdown-button-border-radius, 0);
    }

.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button {
      border-radius: 0 var(--ck-dropdown-panel-border-radius) 0 0;
      border-radius: var(--ck-list-dropdown-button-border-radius, var(--ck-list-dropdown-uniform-border-radius, 0 var(--ck-dropdown-panel-border-radius) 0 0));
    }

.ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button {
      border-radius: 0 0 var(--ck-dropdown-panel-border-radius) var(--ck-dropdown-panel-border-radius);
      border-radius: var(--ck-list-dropdown-button-border-radius, var(--ck-list-dropdown-uniform-border-radius, 0 0 var(--ck-dropdown-panel-border-radius) var(--ck-dropdown-panel-border-radius)));
    }

.ck.ck-dropdown-menu-list__nested-menu {
  display: block;
}

:root, :host {
  --ck-dropdown-menu-menu-item-min-width: 18em;
}

.ck.ck-dropdown-menu-list__nested-menu__item {
  min-width: var(--ck-dropdown-menu-menu-item-min-width);
}

:root, :host {
  --ck-dropdown-menu-list-item-spinner-size: 20px;
}

.ck-button.ck-dropdown-menu-list__nested-menu__item__button {
  border-radius: 0;
}

.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container, .ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container .ck-spinner {
    --ck-toolbar-spinner-size: var(--ck-dropdown-menu-list-item-spinner-size);
  }

.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container {
    margin-left: calc(-1 * var(--ck-spacing-control-padding-inline-compact));
    margin-right: var(--ck-spacing-control-padding-inline-compact);
  }

.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,0);
  }

.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus:not(.ck-on) {
      background: var(--ck-button-default-hover-background-color);
      background: var(--ck-color-button-default-hover-background, var(--ck-button-default-hover-background-color));
    }

:root, :host {
  --ck-dropdown-menu-button-border-radius: var(--ck-list-item-button-border-radius);
}

.ck.ck-button.ck-dropdown-menu-list__nested-menu__button {
  width: 100%;
  padding: var(--ck-spacing-control-padding-block) calc(2 * var(--ck-spacing-control-padding-inline));
  border-radius: var(--ck-dropdown-menu-button-border-radius);
}

.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,0);
  }

.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus:not(.ck-on) {
      background: var(--ck-button-default-hover-background-color);
      background: var(--ck-color-button-default-hover-background, var(--ck-button-default-hover-background-color));
    }

.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-button__label {
    text-overflow: ellipsis;
    flex-grow: 1;
    overflow: hidden;
  }

.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-button__label {
    opacity: var(--ck-opacity-disabled);
    opacity: var(--ck-disabled-opacity, var(--ck-opacity-disabled));
  }

.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-icon-spacing[\:not-has\(.ck-button__icon\)] > .ck-button__label {
    margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-control-padding-inline-compact));
  }

.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-icon-spacing:not(:has(.ck-button__icon)) > .ck-button__label {
    margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-control-padding-inline-compact));
  }

.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
    width: var(--ck-dropdown-arrow-size);
    pointer-events: none;
    z-index: var(--ck-z-base);
    z-index: var(--ck-z-default, var(--ck-z-base));
  }

[dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
      right: var(--ck-spacing-control-padding-inline);
      margin-left: var(--ck-spacing-control-padding-inline);
      margin-right: calc(-1 * var(--ck-spacing-control-padding-inline-compact));
      transform: rotate(-90deg);
    }

[dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
      left: var(--ck-spacing-control-padding-inline);
      margin-right: var(--ck-spacing-control-padding-inline-compact);
      margin-left: calc(-1 * var(--ck-spacing-control-padding-inline-compact));
      transform: rotate(90deg);
    }

.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-dropdown-menu-list__nested-menu__button__arrow {
    opacity: var(--ck-opacity-disabled);
    opacity: var(--ck-disabled-opacity, var(--ck-opacity-disabled));
  }

[dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) {
      padding-left: var(--ck-spacing-control-padding-inline-compact);
    }

[dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) {
      padding-right: var(--ck-spacing-control-padding-inline-compact);
    }

:root, :host {
  --ck-dropdown-menu-panel-max-height: 314px;
  --ck-dropdown-menu-panel-uniform-border-radius: var(--ck-border-radius-uniform);
  --ck-dropdown-menu-panel-border-radius: var(--ck-border-radius-surface-attached);
}

.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {
  border-radius: var(--ck-dropdown-menu-panel-border-radius);
  box-shadow: var(--ck-shadow-surface-floating), 0 0;
  background: var(--ck-dropdown-panel-background-color);
  background: var(--ck-color-dropdown-panel-background, var(--ck-dropdown-panel-background-color));
  border: var(--ck-dropdown-panel-border);
  height: -moz-fit-content;
  height: fit-content;
  max-width: 75vw;
  max-width: var(--ck-dropdown-menu-menu-panel-max-width, 75vw);
  max-height: var(--ck-dropdown-menu-panel-max-height);
  position: absolute;
  bottom: 0;
  overflow-y: auto;
}

.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:after, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:before {
    display: none;
  }

.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_es, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_se {
    border-radius: var(--ck-border-radius-surface-cut-top-left);
    border-radius: var(--ck-dropdown-menu-panel-uniform-border-radius, var(--ck-border-radius-surface-cut-top-left));
  }

.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ws, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_sw {
    border-radius: var(--ck-border-radius-surface-cut-top-right);
    border-radius: var(--ck-dropdown-menu-panel-uniform-border-radius, var(--ck-border-radius-surface-cut-top-right));
  }

.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_en, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ne {
    border-radius: var(--ck-border-radius-surface-cut-bottom-left);
    border-radius: var(--ck-dropdown-menu-panel-uniform-border-radius, var(--ck-border-radius-surface-cut-bottom-left));
  }

.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_wn, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_nw {
    border-radius: var(--ck-border-radius-surface-cut-bottom-right);
    border-radius: var(--ck-dropdown-menu-panel-uniform-border-radius, var(--ck-border-radius-surface-cut-bottom-right));
  }

.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:focus {
    outline: none;
  }

.ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel {
  z-index: var(--ck-layer-panel-above);
}

:root, :host {
  --ck-editor-editable-padding: 1em;
  --ck-editor-outer-radius: 0;
  --ck-editor-sticky-panel-outer-radius: 0;
  --ck-editor-frame-border-radius: 0;
  --ck-editor-sticky-panel-border-radius: 0;
  --ck-editor-frame-border: var(--ck-border-width-surface) solid var(--ck-editor-frame-border-color);
  --ck-editor-frame-border-color: var(--ck-color-border-container);
  --ck-editor-editable-focus-border-color: var(--ck-interactive-focus-border-color);
}

.ck-rounded-corners {
  --ck-editor-outer-radius: var(--ck-rounded-corners-radius, var(--ck-radius-corners));
  --ck-editor-frame-border-radius: var(--ck-editor-outer-radius);
  --ck-editor-sticky-panel-border-radius: var(--ck-editor-outer-radius);
}

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
      border-top-left-radius: var(--ck-editor-sticky-panel-border-radius);
      border-top-right-radius: var(--ck-editor-sticky-panel-border-radius);
      border: var(--ck-editor-frame-border);
      border-bottom-width: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky {
        border-bottom-width: var(--ck-border-width-surface);
        border-top-left-radius: var(--ck-editor-sticky-panel-outer-radius);
        border-top-right-radius: var(--ck-editor-sticky-panel-outer-radius);
      }

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar {
        border: 0;
        border-bottom: var(--ck-editor-frame-border);
      }

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar {
        border: 0;
      }

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content > * {
        border-radius: 0;
      }

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content > :first-child {
        border-top-left-radius: calc(var(--ck-editor-sticky-panel-border-radius) - var(--ck-border-width-surface));
        border-top-right-radius: calc(var(--ck-editor-sticky-panel-border-radius) - var(--ck-border-width-surface));
      }

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky > :first-child {
        border-top-left-radius: calc(var(--ck-editor-sticky-panel-outer-radius) - var(--ck-border-width-surface));
        border-top-right-radius: calc(var(--ck-editor-sticky-panel-outer-radius) - var(--ck-border-width-surface));
      }

.ck.ck-editor__editable_root:not(.ck-editor__nested-editable) {
  border-radius: var(--ck-editor-frame-border-radius);
}

.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
    border-color: var(--ck-editor-editable-focus-border-color);
    box-shadow: var(--ck-inset-shadow-sm), 0 0;
    box-shadow: var(--ck-inner-shadow, var(--ck-inset-shadow-sm)), 0 0;
    outline: none;
  }

.ck.ck-editor__editable_inline {
  padding: var(--ck-editor-editable-padding);
  border: var(--ck-border-width-control) solid transparent;
  overflow: auto;
}

.ck.ck-editor__editable_inline[dir="ltr"] {
    text-align: left;
  }

.ck.ck-editor__editable_inline[dir="rtl"] {
    text-align: right;
  }

.ck.ck-editor__editable_inline > :first-child {
    margin-top: var(--ck-spacing-gap-comfortable);
  }

.ck.ck-editor__editable_inline > :last-child {
    margin-bottom: var(--ck-spacing-gap-comfortable);
  }

.ck.ck-editor__editable_inline.ck-blurred ::-moz-selection {
    background: #d9d9d9;
    background: var(--ck-color-editable-blur-selection, #d9d9d9);
  }

.ck.ck-editor__editable_inline.ck-blurred ::selection {
    background: #d9d9d9;
    background: var(--ck-color-editable-blur-selection, #d9d9d9);
  }

.ck.ck-editor__editable_inline.ck-editor__editable_inline-root br {
    margin-top: 0;
    margin-bottom: 0;
  }

.ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_n"]:after {
    border-bottom-color: var(--ck-balloon-panel-background-color);
    border-bottom-color: var(--ck-color-panel-background, var(--ck-balloon-panel-background-color));
  }

.ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_s"]:after {
    border-top-color: var(--ck-balloon-panel-background-color);
    border-top-color: var(--ck-color-panel-background, var(--ck-balloon-panel-background-color));
  }

.ck.ck-toolbar-container > .ck {
    border-radius: 0;
  }

.ck.ck-toolbar-container > .ck:first-child {
    border-top-left-radius: calc(var(--ck-balloon-panel-border-radius) - var(--ck-border-width-surface));
    border-top-right-radius: calc(var(--ck-balloon-panel-border-radius) - var(--ck-border-width-surface));
  }

.ck.ck-toolbar-container > .ck:last-child {
    border-bottom-left-radius: calc(var(--ck-balloon-panel-border-radius) - var(--ck-border-width-surface));
    border-bottom-right-radius: calc(var(--ck-balloon-panel-border-radius) - var(--ck-border-width-surface));
  }

:root, :host {
  --ck-form-row-padding: var(--ck-spacing-padding-snug) var(--ck-spacing-padding-comfortable);
  --ck-form-row-edge-padding-top: var(--ck-spacing-padding-spacious);
  --ck-form-row-edge-padding-bottom: var(--ck-spacing-padding);
  --ck-form-row-edge-gap-top: var(--ck-spacing-gap-comfortable);
  --ck-form-row-edge-gap-bottom: var(--ck-spacing-gap-comfortable);
  --ck-form-row-label-font-size: var(--ck-font-size-md);
}

.ck.ck-form__row {
  padding: var(--ck-form-row-padding);
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.ck.ck-form__row > .ck-label {
    font-size: var(--ck-form-row-label-font-size);
  }

.ck.ck-form__row.ck-form__row_large-top-padding {
    padding-top: var(--ck-form-row-edge-padding-top);
  }

.ck.ck-form__row.ck-form__row_large-bottom-padding {
    padding-bottom: var(--ck-form-row-edge-padding-bottom);
  }

.ck.ck-form__row.ck-form__row_large-bottom-padding:last-child {
      padding-bottom: var(--ck-spacing-padding-comfortable);
    }

.ck.ck-form__row.ck-form__row_large-top-margin {
    margin-top: var(--ck-form-row-edge-gap-top);
  }

.ck.ck-form__row.ck-form__row_large-bottom-margin {
    margin-bottom: var(--ck-form-row-edge-gap-bottom);
  }

.ck.ck-form__row.ck-form__row_with-submit {
    flex-wrap: nowrap;
  }

[dir="ltr"] .ck.ck-form__row.ck-form__row_with-submit > :not(:first-child) {
      margin-left: var(--ck-spacing-padding);
    }

[dir="rtl"] .ck.ck-form__row.ck-form__row_with-submit > :not(:first-child) {
      margin-right: var(--ck-spacing-padding);
    }

.ck.ck-form__row > .ck.ck-form__row {
    padding: 0;
  }

:root, :host {
  --ck-form-header-height: calc(var(--ck-form-header-label-font-size) * var(--ck-line-height-base)
		+ var(--ck-spacing-padding-comfortable)
		+ var(--ck-spacing-padding-compact));
  --ck-form-header-padding-block: var(--ck-spacing-padding-compact);
  --ck-form-header-padding: var(--ck-spacing-padding-comfortable) var(--ck-spacing-padding-comfortable) var(--ck-spacing-padding-compact) var(--ck-spacing-padding-comfortable);
  --ck-form-header-with-back-button-padding-inline-start: var(--ck-spacing-padding-comfortable);
  --ck-form-header-label-font-size: var(--ck-font-size-normal, var(--ck-font-size-base));
}

.ck.ck-form__header {
  padding: var(--ck-form-header-padding);
  height: var(--ck-form-header-height);
  border-bottom: var(--ck-border-divider);
  flex-flow: row;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

[dir="ltr"] .ck.ck-form__header > .ck-icon {
    margin-right: var(--ck-spacing-control-icon-gap);
  }

[dir="rtl"] .ck.ck-form__header > .ck-icon {
    margin-left: var(--ck-spacing-control-icon-gap);
  }

.ck.ck-form__header > .ck-icon {
    flex-shrink: 0;
  }

.ck.ck-form__header .ck-form__header__label {
    --ck-font-size-base: var(--ck-form-header-label-font-size);
    font-weight: var(--ck-font-weight-ui-heading);
  }

[dir="ltr"] .ck.ck-form__header[\:has\(.ck-button-back\:not\(.ck-hidden\)\)] {
    padding-left: var(--ck-spacing-padding);
  }

[dir="ltr"] .ck.ck-form__header:has(.ck-button-back:not(.ck-hidden)) {
    padding-left: var(--ck-spacing-padding);
  }

[dir="rtl"] .ck.ck-form__header[\:has\(.ck-button-back\:not\(.ck-hidden\)\)] {
    padding-right: var(--ck-spacing-padding);
  }

[dir="rtl"] .ck.ck-form__header:has(.ck-button-back:not(.ck-hidden)) {
    padding-right: var(--ck-spacing-padding);
  }

[dir="ltr"] .ck.ck-form__header[\:has\(.ck-button-back\:not\(.ck-hidden\)\)] {
    padding-left: var(--ck-form-header-with-back-button-padding-inline-start, var(--ck-spacing-padding));
  }

[dir="ltr"] .ck.ck-form__header:has(.ck-button-back:not(.ck-hidden)) {
    padding-left: var(--ck-form-header-with-back-button-padding-inline-start, var(--ck-spacing-padding));
  }

[dir="rtl"] .ck.ck-form__header[\:has\(.ck-button-back\:not\(.ck-hidden\)\)] {
    padding-right: var(--ck-form-header-with-back-button-padding-inline-start, var(--ck-spacing-padding));
  }

[dir="rtl"] .ck.ck-form__header:has(.ck-button-back:not(.ck-hidden)) {
    padding-right: var(--ck-form-header-with-back-button-padding-inline-start, var(--ck-spacing-padding));
  }

[dir="ltr"] .ck.ck-form__header > .ck-button-back {
    margin-right: var(--ck-spacing-gap-compact);
  }

[dir="rtl"] .ck.ck-form__header > .ck-button-back {
    margin-left: var(--ck-spacing-gap-compact);
  }

.ck.ck-form__header > .ck.ck-button {
    --ck-size-control-min-height: calc(var(--ck-form-header-label-font-size) * var(--ck-line-height-base));
    flex-shrink: 0;
    padding: 1px;
  }

.ck.ck-form__header h2.ck-form__header__label {
    text-overflow: ellipsis;
    flex-grow: 1;
    overflow: hidden;
  }

:root, :host {
  --ck-icon-size-ratio: calc(20 / 14);
  --ck-icon-size: calc(1em * var(--ck-icon-size-ratio));
  --ck-icon-font-size: inherit;
}

.ck.ck-icon {
  width: var(--ck-icon-size);
  height: var(--ck-icon-size);
  font-size: var(--ck-icon-font-size);
  cursor: inherit;
}

.ck.ck-icon * {
    cursor: inherit;
  }

.ck.ck-icon.ck-icon_inherit-color {
    color: inherit;
  }

.ck.ck-icon.ck-icon_inherit-color * {
      color: inherit;
    }

.ck.ck-icon.ck-icon_inherit-color *:not([fill]) {
        fill: currentColor;
      }

.ck.ck-icon {
  vertical-align: middle;
}

:root, :host {
  --ck-input-width: 18em;
  --ck-input-padding: var(--ck-spacing-padding-compact) var(--ck-spacing-padding);
  --ck-input-font-size: var(--ck-font-size-control);
  --ck-input-border-radius: var(--ck-border-radius-control);
  --ck-input-background-color: var(--ck-color-surface-control);
  --ck-input-border-color: var(--ck-color-border-control);
  --ck-input-error-border-color: var(--ck-color-feedback-error);
  --ck-input-text-color: var(--ck-color-text-primary);
  --ck-input-disabled-background-color: #f2f2f2;
  --ck-input-disabled-border-color: var(--ck-color-border-control);
  --ck-input-disabled-text-color: var(--ck-color-text-disabled);
  --ck-input-border: var(--ck-border-width-control) solid var(--ck-color-input-border, var(--ck-input-border-color));
  --ck-input-focus-border-color: var(--ck-interactive-focus-border-color);
  --ck-input-text-width: var(--ck-input-width);
}

.ck.ck-input {
  border-radius: var(--ck-input-border-radius);
  background: var(--ck-input-background-color);
  background: var(--ck-color-input-background, var(--ck-input-background-color));
  border: var(--ck-input-border);
  padding: var(--ck-input-padding);
  min-width: var(--ck-input-width);
  color: var(--ck-input-text-color);
  color: var(--ck-color-input-text, var(--ck-input-text-color));
  font-size: var(--ck-input-font-size);
  min-height: var(--ck-size-control-min-height);
  transition: var(--ck-transition-control-fast);
}

@media (prefers-reduced-motion: reduce) {

.ck.ck-input {
    transition: var(--ck-transition-none)
}
  }

.ck.ck-input:focus {
    border-color: var(--ck-input-focus-border-color);
    box-shadow: var(--ck-interactive-focus-shadow), 0 0;
    box-shadow: var(--ck-focus-outer-shadow, var(--ck-interactive-focus-shadow)), 0 0;
    outline: none;
  }

.ck.ck-input[readonly] {
    border: var(--ck-border-width-control) solid var(--ck-input-disabled-border-color);
    border: var(--ck-border-width-control) solid var(--ck-color-input-disabled-border, var(--ck-input-disabled-border-color));
    background: var(--ck-input-disabled-background-color);
    background: var(--ck-color-input-disabled-background, var(--ck-input-disabled-background-color));
    color: var(--ck-input-disabled-text-color);
    color: var(--ck-color-input-disabled-text, var(--ck-input-disabled-text-color));
  }

.ck.ck-input[readonly]:focus {
      box-shadow: var(--ck-interactive-focus-disabled-shadow), 0 0;
      box-shadow: var(--ck-focus-disabled-outer-shadow, var(--ck-interactive-focus-disabled-shadow)), 0 0;
    }

.ck.ck-input.ck-error {
    border-color: var(--ck-input-error-border-color);
    border-color: var(--ck-color-input-error-border, var(--ck-input-error-border-color));
    animation: ck-input-shake var(--ck-animation-duration-feedback) var(--ck-animation-timing-function-feedback) var(--ck-animation-fill-mode-feedback);
  }

@media (prefers-reduced-motion: reduce) {

.ck.ck-input.ck-error {
      animation: var(--ck-animation-none)
  }
    }

.ck.ck-input.ck-error:focus {
      box-shadow: var(--ck-interactive-focus-error-shadow), 0 0;
      box-shadow: var(--ck-focus-error-outer-shadow, var(--ck-interactive-focus-error-shadow)), 0 0;
    }

@keyframes ck-input-shake {
  20% {
    transform: translateX(-2px);
  }

  40% {
    transform: translateX(2px);
  }

  60% {
    transform: translateX(-1px);
  }

  80% {
    transform: translateX(1px);
  }

  100% {
    transform: translateX(0);
  }
}

.ck-textarea {
  overflow-x: hidden;
}

.ck.ck-label {
  font-weight: var(--ck-font-weight-ui-label);
  display: block;
}

.ck.ck-voice-label {
  display: none;
}

:root, :host {
  --ck-labeled-field-label-background-color: var(--ck-color-surface-control);
  --ck-labeled-field-label-start-gap: var(--ck-spacing-padding);
  --ck-labeled-field-label-font-size: var(--ck-font-size-md);
}

.ck.ck-labeled-field-view {
  border-radius: var(--ck-radius-corners);
  border-radius: var(--ck-rounded-corners-radius, var(--ck-radius-corners));
}

.ck.ck-labeled-field-view .ck.ck-label {
    display: block;
    position: absolute;
  }

.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
    width: 100%;
    display: flex;
  }

.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
      pointer-events: none;
      background: var(--ck-labeled-field-label-background-color);
      background: var(--ck-color-labeled-field-label-background, var(--ck-labeled-field-label-background-color));
      padding: 0 calc(.5 * var(--ck-font-size-xs));
      padding: 0 calc(.5 * var(--ck-font-size-tiny, var(--ck-font-size-xs)));
      line-height: normal;
      line-height: initial;
      font-size: var(--ck-labeled-field-label-font-size);
      font-weight: var(--ck-font-weight-ui-muted);
      text-overflow: ellipsis;
      max-width: 100%;
      transition: transform var(--ck-transition-duration-control-fast) var(--ck-transition-timing-function-control-emphasized),
				padding var(--ck-transition-duration-control-fast) var(--ck-transition-timing-function-control-emphasized),
				background var(--ck-transition-duration-control-fast) var(--ck-transition-timing-function-control-emphasized);
      top: 0;
      overflow: hidden;
    }

[dir="ltr"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
        transform-origin: 0 0;
        transform: translate(var(--ck-labeled-field-label-start-gap), -6px) scale(.75);
        left: 0;
      }

[dir="rtl"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
        transform-origin: 100% 0;
        transform: translate(calc(-1 * var(--ck-labeled-field-label-start-gap)), -6px) scale(.75);
        right: 0;
      }

@media (prefers-reduced-motion: reduce) {

.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
        transition: var(--ck-transition-none)
    }
      }

.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper {
    position: relative;
}

.ck.ck-labeled-field-view.ck-error > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, .ck.ck-labeled-field-view.ck-error .ck-input:not([readonly]) + .ck.ck-label {
      color: var(--ck-color-feedback-error);
    }

.ck.ck-labeled-field-view .ck-labeled-field-view__status {
    font-size: var(--ck-font-size-sm);
    font-size: var(--ck-font-size-small, var(--ck-font-size-sm));
    margin-top: var(--ck-spacing-gap-compact);
    white-space: normal;
  }

.ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error {
      color: var(--ck-color-feedback-error);
    }

.ck.ck-labeled-field-view.ck-disabled > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
    color: var(--ck-input-disabled-text-color);
    color: var(--ck-color-input-disabled-text, var(--ck-input-disabled-text-color));
  }

[dir="ltr"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, [dir="ltr"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
      transform: translate(var(--ck-labeled-field-label-start-gap), calc((var(--ck-size-control-min-height) - 1lh) / 2)) scale(1);
      transform: translate(var(--ck-labeled-field-label-default-position-x, var(--ck-labeled-field-label-start-gap)), var(--ck-labeled-field-label-default-position-y, calc((var(--ck-size-control-min-height) - 1lh) / 2))) scale(1);
    }

[dir="rtl"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, [dir="rtl"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
      transform: translate(calc(-1 * var(--ck-labeled-field-label-start-gap)), calc((var(--ck-size-control-min-height) - 1lh) / 2)) scale(1);
      transform: translate(calc(-1 * var(--ck-labeled-field-label-default-position-x, var(--ck-labeled-field-label-start-gap))), var(--ck-labeled-field-label-default-position-y, calc((var(--ck-size-control-min-height) - 1lh) / 2))) scale(1);
    }

.ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
    max-width: calc(100% - 2 * var(--ck-labeled-field-label-start-gap));
    max-width: var(--ck-labeled-field-empty-unfocused-max-width, calc(100% - 2 * var(--ck-labeled-field-label-start-gap)));
    background: none;
    padding: 0;
}

.ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck.ck-button {
    padding-left: var(--ck-spacing-padding);
    padding-right: var(--ck-spacing-padding);
    background: none;
  }

.ck.ck-labeled-field-view.ck-labeled-field-view_empty > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck-button > .ck-button__label {
    opacity: 0;
  }

.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown + .ck-label {
    max-width: calc(100% - 2 * var(--ck-labeled-field-label-start-gap) - var(--ck-dropdown-arrow-size) - var(--ck-spacing-control-padding-inline));
    max-width: var(--ck-labeled-field-empty-unfocused-max-width, calc(100% - 2 * var(--ck-labeled-field-label-start-gap) - var(--ck-dropdown-arrow-size) - var(--ck-spacing-control-padding-inline)));
  }

.ck.ck-labeled-field-view.ck-labeled-field-view_full-width {
    flex-grow: 1;
  }

.ck.ck-labeled-input .ck-labeled-input__status {
  font-size: var(--ck-font-size-sm);
  font-size: var(--ck-font-size-small, var(--ck-font-size-sm));
  margin-top: var(--ck-spacing-gap-compact);
  white-space: normal;
}

.ck.ck-labeled-input .ck-labeled-input__status_error {
  color: var(--ck-color-feedback-error);
}

:root, :host {
  --ck-list-item-min-width: 10em;
  --ck-list-padding: var(--ck-spacing-padding-compact);
  --ck-list-item-outer-padding: var(--ck-spacing-padding-tight);
  --ck-list-separator-inline-margin: calc(-1 * var(--ck-spacing-padding-compact));
  --ck-list-border-radius: var(--ck-border-radius-surface);
  --ck-list-background-color: var(--ck-color-surface-control);
  --ck-list-button-hover-background-color: var(--ck-color-button-default-hover-background, var(--ck-button-default-hover-background-color));
  --ck-list-button-on-background-color: var(--ck-color-button-on-color, var(--ck-button-on-text-color));
  --ck-list-button-on-text-color: var(--ck-color-text-inverse);
  --ck-list-divider-color: var(--ck-color-divider);
  --ck-list-group-label-font-size: var(--ck-font-size-small, var(--ck-font-size-sm));
}

.ck.ck-list {
  border-radius: var(--ck-list-border-radius);
  background: var(--ck-list-background-color);
  background: var(--ck-color-list-background, var(--ck-list-background-color));
  padding: var(--ck-list-padding);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-direction: column;
  list-style-type: none;
  display: flex;
}

.ck.ck-list.ck-list_no-inline-padding {
    --ck-list-separator-inline-margin: 0;
    padding-left: 0;
    padding-right: 0;
  }

.ck.ck-list .ck-list__item, .ck.ck-list .ck-list__separator {
    display: block;
  }

.ck.ck-list .ck-list__item > :focus {
    z-index: var(--ck-layer-base);
    position: relative;
  }

.ck.ck-list__item {
  cursor: default;
  padding: var(--ck-list-item-outer-padding);
  min-width: var(--ck-list-item-min-width);
}

.ck.ck-list__item > .ck-button:not(.ck-list-item-button) {
    padding: var(--ck-spacing-control-padding-block) calc(2 * var(--ck-spacing-control-padding-inline));
    min-height: unset;
    border-radius: var(--ck-list-item-button-border-radius);
    width: 100%;
  }

[dir="ltr"] .ck.ck-list__item > .ck-button:not(.ck-list-item-button) {
      text-align: left;
    }

[dir="rtl"] .ck.ck-list__item > .ck-button:not(.ck-list-item-button) {
      text-align: right;
    }

.ck.ck-list__item > .ck-button:not(.ck-list-item-button) .ck-button__label {
      line-height: calc(var(--ck-line-height-base) * var(--ck-font-size-base));
      line-height: calc(var(--ck-line-height-base) * var(--ck-font-size-normal, var(--ck-font-size-base)));
    }

.ck.ck-list__item > .ck-button:not(.ck-list-item-button):active {
      box-shadow: none;
    }

.ck.ck-list__item > .ck-button:not(.ck-list-item-button).ck-on {
      background: var(--ck-list-button-on-background-color);
      background: var(--ck-color-list-button-on-background, var(--ck-list-button-on-background-color));
      color: var(--ck-list-button-on-text-color);
      color: var(--ck-color-list-button-on-text, var(--ck-list-button-on-text-color));
    }

.ck.ck-list__item > .ck-button:not(.ck-list-item-button).ck-on:active {
        box-shadow: none;
      }

.ck.ck-list__item > .ck-button:not(.ck-list-item-button).ck-on:hover:not(.ck-disabled) {
        background: var(--ck-list-button-on-background-color);
        background: var(--ck-color-list-button-on-background-focus, var(--ck-color-list-button-on-background, var(--ck-list-button-on-background-color)));
      }

.ck.ck-list__item > .ck-button:not(.ck-list-item-button).ck-on:focus:not(.ck-disabled) {
        border-color: var(--ck-color-surface-control);
      }

.ck.ck-list__item > .ck-button:not(.ck-list-item-button):hover:not(.ck-disabled) {
      background: var(--ck-list-button-hover-background-color);
      background: var(--ck-color-list-button-hover-background, var(--ck-list-button-hover-background-color));
    }

.ck.ck-list__item > .ck-button.ck-switchbutton.ck-on {
      background: var(--ck-list-background-color);
      background: var(--ck-color-list-background, var(--ck-list-background-color));
      color: inherit;
    }

.ck.ck-list__item > .ck-button.ck-switchbutton.ck-on:hover:not(.ck-disabled) {
        background: var(--ck-list-button-hover-background-color);
        background: var(--ck-color-list-button-hover-background, var(--ck-list-button-hover-background-color));
        color: inherit;
      }

.ck-list .ck-list__group {
  padding-top: var(--ck-spacing-gap);
}

.ck-list .ck-list__group:first-child {
    padding-top: 0;
  }

:not(.ck-hidden) ~ .ck-list .ck-list__group {
    border-top: var(--ck-border-width-divider) solid var(--ck-list-divider-color);
  }

.ck-list .ck-list__group > .ck-label {
    font-size: var(--ck-list-group-label-font-size);
    font-weight: var(--ck-font-weight-ui-label);
    padding: var(--ck-spacing-gap) var(--ck-spacing-padding-comfortable) 0;
  }

.ck.ck-list__separator {
  height: 1px;
  width: calc(100% - 2 * var(--ck-list-separator-inline-margin));
  background: var(--ck-list-divider-color);
  margin: var(--ck-spacing-gap-compact) var(--ck-list-separator-inline-margin);
}

:root, :host {
  --ck-balloon-panel-border-radius: var(--ck-border-radius-surface);
  --ck-balloon-panel-border: var(--ck-balloon-border-width, var(--ck-border-width-surface)) solid var(--ck-color-panel-border, var(--ck-balloon-panel-border-color));
  --ck-balloon-panel-background-color: var(--ck-color-surface-container);
  --ck-balloon-panel-border-color: var(--ck-color-border-container);
  --ck-balloon-panel-arrow-display: none;
  --ck-balloon-arrow-half-width: 8px;
  --ck-balloon-arrow-height: 10px;
  --ck-balloon-arrow-offset: 2px;
}

.ck.ck-balloon-panel {
  border-radius: var(--ck-balloon-panel-border-radius);
  box-shadow: var(--ck-shadow-surface-floating), 0 0;
  background: var(--ck-balloon-panel-background-color);
  background: var(--ck-color-panel-background, var(--ck-balloon-panel-background-color));
  border: var(--ck-balloon-panel-border);
  min-height: 15px;
  z-index: var(--ck-layer-panel);
  display: none;
  position: absolute;
}

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before, .ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after {
      display: var(--ck-balloon-panel-arrow-display);
      content: "";
      border-style: solid;
      width: 0;
      height: 0;
      position: absolute;
    }

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before {
      z-index: var(--ck-layer-balloon-arrow-back);
      z-index: var(--ck-balloon-panel-arrow-z-index, var(--ck-layer-balloon-arrow-back));
    }

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after {
      z-index: var(--ck-layer-balloon-arrow-front);
    }

.ck.ck-balloon-panel[class*="arrow_n"]:before, .ck.ck-balloon-panel[class*="arrow_n"]:after {
      border-width: 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width);
    }

.ck.ck-balloon-panel[class*="arrow_n"]:before {
      border-color: transparent transparent var(--ck-balloon-panel-border-color) transparent;
      border-color: transparent transparent var(--ck-color-panel-border, var(--ck-balloon-panel-border-color)) transparent;
      margin-top: calc(-1 * var(--ck-border-width-surface));
      margin-top: calc(-1 * var(--ck-balloon-border-width, var(--ck-border-width-surface)));
      z-index: var(--ck-layer-balloon-arrow-back);
    }

.ck.ck-balloon-panel[class*="arrow_n"]:after {
      border-color: transparent transparent var(--ck-balloon-panel-background-color) transparent;
      border-color: transparent transparent var(--ck-color-panel-background, var(--ck-balloon-panel-background-color)) transparent;
      margin-top: calc(var(--ck-balloon-arrow-offset) - var(--ck-border-width-surface));
      margin-top: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width, var(--ck-border-width-surface)));
      z-index: var(--ck-layer-balloon-arrow-front);
    }

.ck.ck-balloon-panel[class*="arrow_s"]:before, .ck.ck-balloon-panel[class*="arrow_s"]:after {
      border-width: var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width);
    }

.ck.ck-balloon-panel[class*="arrow_s"]:before {
      border-color: var(--ck-balloon-panel-border-color) transparent transparent;
      border-color: var(--ck-color-panel-border, var(--ck-balloon-panel-border-color)) transparent transparent;
      filter: drop-shadow(0 2px 2px var(--ck-color-shadow-drop));
      filter: drop-shadow(var(--ck-balloon-arrow-drop-shadow, 0 2px 2px var(--ck-color-shadow-drop)));
      margin-bottom: calc(-1 * var(--ck-border-width-surface));
      margin-bottom: calc(-1 * var(--ck-balloon-border-width, var(--ck-border-width-surface)));
      z-index: var(--ck-layer-balloon-arrow-back);
    }

.ck.ck-balloon-panel[class*="arrow_s"]:after {
      border-color: var(--ck-balloon-panel-background-color) transparent transparent transparent;
      border-color: var(--ck-color-panel-background, var(--ck-balloon-panel-background-color)) transparent transparent transparent;
      margin-bottom: calc(var(--ck-balloon-arrow-offset) - var(--ck-border-width-surface));
      margin-bottom: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width, var(--ck-border-width-surface)));
      z-index: var(--ck-layer-balloon-arrow-front);
    }

.ck.ck-balloon-panel[class*="arrow_e"]:before, .ck.ck-balloon-panel[class*="arrow_e"]:after {
      border-width: var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height);
    }

.ck.ck-balloon-panel[class*="arrow_e"]:before {
      border-color: transparent transparent transparent var(--ck-balloon-panel-border-color);
      border-color: transparent transparent transparent var(--ck-color-panel-border, var(--ck-balloon-panel-border-color));
      margin-right: calc(-1 * var(--ck-border-width-surface));
      margin-right: calc(-1 * var(--ck-balloon-border-width, var(--ck-border-width-surface)));
    }

.ck.ck-balloon-panel[class*="arrow_e"]:after {
      border-color: transparent transparent transparent var(--ck-balloon-panel-background-color);
      border-color: transparent transparent transparent var(--ck-color-panel-background, var(--ck-balloon-panel-background-color));
      margin-right: calc(var(--ck-balloon-arrow-offset) - var(--ck-border-width-surface));
      margin-right: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width, var(--ck-border-width-surface)));
    }

.ck.ck-balloon-panel[class*="arrow_w"]:before, .ck.ck-balloon-panel[class*="arrow_w"]:after {
      border-width: var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0;
    }

.ck.ck-balloon-panel[class*="arrow_w"]:before {
      border-color: transparent var(--ck-balloon-panel-border-color) transparent transparent;
      border-color: transparent var(--ck-color-panel-border, var(--ck-balloon-panel-border-color)) transparent transparent;
      margin-left: calc(-1 * var(--ck-border-width-surface));
      margin-left: calc(-1 * var(--ck-balloon-border-width, var(--ck-border-width-surface)));
    }

.ck.ck-balloon-panel[class*="arrow_w"]:after {
      border-color: transparent var(--ck-balloon-panel-background-color) transparent transparent;
      border-color: transparent var(--ck-color-panel-background, var(--ck-balloon-panel-background-color)) transparent transparent;
      margin-left: calc(var(--ck-balloon-arrow-offset) - var(--ck-border-width-surface));
      margin-left: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width, var(--ck-border-width-surface)));
    }

.ck.ck-balloon-panel.ck-balloon-panel_arrow_n:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_n:after {
      margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
      left: 50%;
      top: calc(-1 * var(--ck-balloon-arrow-height));
    }

.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:after {
      left: calc(2 * var(--ck-balloon-arrow-half-width));
      top: calc(-1 * var(--ck-balloon-arrow-height));
    }

.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:after {
      right: calc(2 * var(--ck-balloon-arrow-half-width));
      top: calc(-1 * var(--ck-balloon-arrow-height));
    }

.ck.ck-balloon-panel.ck-balloon-panel_arrow_s:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_s:after {
      margin-left: calc(-1 * var(--ck-balloon-arrow-half-width));
      left: 50%;
      bottom: calc(-1 * var(--ck-balloon-arrow-height));
    }

.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:after {
      left: calc(2 * var(--ck-balloon-arrow-half-width));
      bottom: calc(-1 * var(--ck-balloon-arrow-height));
    }

.ck.ck-balloon-panel.ck-balloon-panel_arrow_se:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_se:after {
      right: calc(2 * var(--ck-balloon-arrow-half-width));
      bottom: calc(-1 * var(--ck-balloon-arrow-height));
    }

.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:after {
      margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
      right: 25%;
      bottom: calc(-1 * var(--ck-balloon-arrow-height));
    }

.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:after {
      margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
      left: 25%;
      bottom: calc(-1 * var(--ck-balloon-arrow-height));
    }

.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:after {
      margin-right: calc(2 * var(--ck-balloon-arrow-half-width));
      right: 25%;
      top: calc(-1 * var(--ck-balloon-arrow-height));
    }

.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:after {
      margin-left: calc(2 * var(--ck-balloon-arrow-half-width));
      left: 25%;
      top: calc(-1 * var(--ck-balloon-arrow-height));
    }

.ck.ck-balloon-panel.ck-balloon-panel_arrow_e:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_e:after {
      right: calc(-1 * var(--ck-balloon-arrow-height));
      margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
      top: 50%;
    }

.ck.ck-balloon-panel.ck-balloon-panel_arrow_w:before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_w:after {
      left: calc(-1 * var(--ck-balloon-arrow-height));
      margin-top: calc(-1 * var(--ck-balloon-arrow-half-width));
      top: 50%;
    }

.ck.ck-balloon-panel.ck-balloon-panel_visible {
    display: block;
  }

.ck .ck-balloon-rotator__navigation {
  background: var(--ck-toolbar-background-color);
  background: var(--ck-color-toolbar-background, var(--ck-toolbar-background-color));
  border-bottom: var(--ck-border-divider);
  padding: 0 var(--ck-spacing-padding);
  border-radius: var(--ck-balloon-panel-border-radius) var(--ck-balloon-panel-border-radius) 0 0;
  align-items: center;
  display: flex;
}

.ck .ck-balloon-rotator__navigation > * {
    margin-right: var(--ck-spacing-gap-compact);
    margin-top: var(--ck-spacing-gap-compact);
    margin-bottom: var(--ck-spacing-gap-compact);
  }

.ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter {
    margin-right: var(--ck-spacing-control-padding-inline);
    margin-left: var(--ck-spacing-gap-compact);
  }

.ck .ck-balloon-rotator__navigation {
  justify-content: center;
}

.ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper {
    box-shadow: none;
  }

.ck .ck-balloon-rotator__content > .ck {
    border: none;
  }

.ck .ck-balloon-rotator__content .ck-toolbar {
  justify-content: center;
}

.ck .ck-fake-panel div {
  box-shadow: var(--ck-shadow-surface-floating), 0 0;
  background: var(--ck-balloon-panel-background-color);
  background: var(--ck-color-panel-background, var(--ck-balloon-panel-background-color));
  border: var(--ck-balloon-panel-border);
  border-radius: var(--ck-border-radius-surface);
  width: 100%;
  height: 100%;
  min-height: 15px;
  position: absolute;
}

.ck .ck-fake-panel div:first-child {
  margin-left: 6px;
  margin-left: var(--ck-balloon-fake-panel-offset-horizontal, 6px);
  margin-top: 6px;
  margin-top: var(--ck-balloon-fake-panel-offset-vertical, 6px);
  z-index: 2;
}

.ck .ck-fake-panel div:nth-child(2) {
  margin-left: calc(2 * 6px);
  margin-left: calc(2 * var(--ck-balloon-fake-panel-offset-horizontal, 6px));
  margin-top: calc(2 * 6px);
  margin-top: calc(2 * var(--ck-balloon-fake-panel-offset-vertical, 6px));
  z-index: 1;
}

.ck .ck-fake-panel div:nth-child(3) {
  margin-left: calc(3 * 6px);
  margin-left: calc(3 * var(--ck-balloon-fake-panel-offset-horizontal, 6px));
  margin-top: calc(3 * 6px);
  margin-top: calc(3 * var(--ck-balloon-fake-panel-offset-vertical, 6px));
}

.ck .ck-fake-panel {
  z-index: var(--ck-layer-panel-below);
  position: absolute;
}

.ck .ck-balloon-panel_arrow_s + .ck-fake-panel div:first-child, .ck .ck-balloon-panel_arrow_se + .ck-fake-panel div:first-child, .ck .ck-balloon-panel_arrow_sw + .ck-fake-panel div:first-child {
    margin-top: calc(-1 * 6px);
    margin-top: calc(-1 * var(--ck-balloon-fake-panel-offset-vertical, 6px));
  }

.ck .ck-balloon-panel_arrow_s + .ck-fake-panel div:nth-child(2), .ck .ck-balloon-panel_arrow_se + .ck-fake-panel div:nth-child(2), .ck .ck-balloon-panel_arrow_sw + .ck-fake-panel div:nth-child(2) {
    margin-top: calc(-2 * 6px);
    margin-top: calc(-2 * var(--ck-balloon-fake-panel-offset-vertical, 6px));
  }

.ck .ck-balloon-panel_arrow_s + .ck-fake-panel div:nth-child(3), .ck .ck-balloon-panel_arrow_se + .ck-fake-panel div:nth-child(3), .ck .ck-balloon-panel_arrow_sw + .ck-fake-panel div:nth-child(3) {
    margin-top: calc(-3 * 6px);
    margin-top: calc(-3 * var(--ck-balloon-fake-panel-offset-vertical, 6px));
  }

:root, :host {
  --ck-sticky-panel-uniform-border-radius: initial;
}

.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
    box-shadow: var(--ck-shadow-surface-floating), 0 0;
    border-width: 0 var(--ck-border-width-surface) var(--ck-border-width-surface);
    border-radius: var(--ck-border-radius-surface-attached-top);
    border-radius: var(--ck-sticky-panel-uniform-border-radius, var(--ck-border-radius-surface-attached-top));
    z-index: var(--ck-layer-panel);
    position: fixed;
    top: 0;
  }

.ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit {
    position: absolute;
    top: auto;
  }

:root, :host {
  --ck-autocomplete-results-max-height: 200px;
  --ck-autocomplete-results-uniform-border-radius: var(--ck-border-radius-uniform);
  --ck-autocomplete-results-border-radius: var(--ck-border-radius-surface-attached);
  --ck-autocomplete-results-border: var(--ck-border-width-surface) solid var(--ck-color-dropdown-panel-border, var(--ck-dropdown-panel-border-color));
  --ck-autocomplete-results-background-color: var(--ck-color-surface-container);
}

.ck.ck-autocomplete > .ck-search__results {
    border-radius: var(--ck-autocomplete-results-border-radius);
    box-shadow: var(--ck-shadow-surface-floating), 0 0;
    max-height: var(--ck-autocomplete-results-max-height);
    background: var(--ck-autocomplete-results-background-color);
    border: var(--ck-autocomplete-results-border);
    min-width: auto;
    position: absolute;
    overflow-y: auto;
  }

.ck.ck-autocomplete > .ck-search__results.ck-search__results_n {
      border-radius: var(--ck-border-radius-surface-attached-bottom);
      border-radius: var(--ck-autocomplete-results-uniform-border-radius, var(--ck-border-radius-surface-attached-bottom));
      margin-bottom: calc(-1 * var(--ck-border-width-surface));
      bottom: 100%;
    }

.ck.ck-autocomplete > .ck-search__results.ck-search__results_s {
      border-radius: var(--ck-border-radius-surface-attached-top);
      border-radius: var(--ck-autocomplete-results-uniform-border-radius, var(--ck-border-radius-surface-attached-top));
      margin-top: calc(-1 * var(--ck-border-width-surface));
      top: 100%;
      bottom: auto;
    }

.ck.ck-autocomplete > .ck-search__results {
    z-index: var(--ck-z-overlay);
    z-index: var(--ck-z-panel, var(--ck-z-overlay));
}

.ck.ck-autocomplete {
  position: relative;
}

:root, :host {
  --ck-search-results-info-padding: var(--ck-spacing-gap) var(--ck-spacing-padding-comfortable);
  --ck-search-results-info-primary-font-size: var(--ck-font-size-md);
  --ck-search-results-info-secondary-font-size: var(--ck-font-size-small, var(--ck-font-size-sm));
}

.ck.ck-search > .ck-labeled-field-view .ck-input {
      width: 100%;
    }

.ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }

[dir="ltr"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
        left: var(--ck-spacing-control-icon-gap);
      }

[dir="rtl"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon {
        right: var(--ck-spacing-control-icon-gap);
      }

.ck.ck-search > .ck-labeled-field-view .ck-search__reset {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }

.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon {
      --ck-labeled-field-label-default-position-x: var(--ck-search-field-view-horizontal-spacing, calc(var(--ck-icon-size) + var(--ck-spacing-medium, var(--ck-spacing-base))));
    }

.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-icon {
        font-size: var(--ck-input-font-size);
      }

.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon > .ck-labeled-field-view__input-wrapper > .ck-icon {
        opacity: .5;
        pointer-events: none;
      }

.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {
        width: 100%;
      }

[dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input {
          padding-left: calc(var(--ck-icon-size) + var(--ck-spacing-base));
          padding-left: var(--ck-search-field-view-horizontal-spacing, calc(var(--ck-icon-size) + var(--ck-spacing-medium, var(--ck-spacing-base))));
        }

[dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input:not(.ck-input-text_empty) {
            padding-left: calc(var(--ck-icon-size) + var(--ck-spacing-base));
            padding-left: var(--ck-search-field-view-horizontal-spacing, calc(var(--ck-icon-size) + var(--ck-spacing-medium, var(--ck-spacing-base))));
          }

.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset {
      --ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-search-field-view-horizontal-spacing, calc(var(--ck-icon-size) + var(--ck-spacing-medium, var(--ck-spacing-base))));
    }

.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset.ck-labeled-field-view_empty {
        --ck-labeled-field-empty-unfocused-max-width: 100% - var(--ck-search-field-view-horizontal-spacing, calc(var(--ck-icon-size) + var(--ck-spacing-medium, var(--ck-spacing-base)))) - var(--ck-spacing-control-icon-gap);
      }

.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
        opacity: .5;
        background: none;
        min-width: auto;
        min-height: auto;
        padding: 0;
      }

[dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
          right: var(--ck-spacing-control-icon-gap);
        }

[dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset {
          left: var(--ck-spacing-control-icon-gap);
        }

.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset:hover {
          opacity: 1;
        }

.ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {
        width: 100%;
      }

[dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input:not(.ck-input-text_empty) {
            padding-right: calc(var(--ck-icon-size) + var(--ck-spacing-base));
            padding-right: var(--ck-search-field-view-horizontal-spacing, calc(var(--ck-icon-size) + var(--ck-spacing-medium, var(--ck-spacing-base))));
          }

[dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input {
          padding-right: calc(var(--ck-icon-size) + var(--ck-spacing-base));
          padding-right: var(--ck-search-field-view-horizontal-spacing, calc(var(--ck-icon-size) + var(--ck-spacing-medium, var(--ck-spacing-base))));
        }

.ck.ck-search > .ck-search__results {
    min-width: 100%;
  }

.ck.ck-search > .ck-search__results > .ck-search__info {
      width: 100%;
      padding: var(--ck-search-results-info-padding);
    }

.ck.ck-search > .ck-search__results > .ck-search__info * {
        white-space: normal;
      }

.ck.ck-search > .ck-search__results > .ck-search__info > span:first-child {
        font-weight: var(--ck-font-weight-ui-heading);
        font-size: var(--ck-search-results-info-primary-font-size);
        display: block;
      }

.ck.ck-search > .ck-search__results > .ck-search__info > span:last-child {
        margin-top: var(--ck-spacing-gap);
        font-size: var(--ck-search-results-info-secondary-font-size);
      }

.ck.ck-search > .ck-search__results > .ck-search__info:not(.ck-hidden) ~ * {
        display: none;
      }

.ck.ck-highlighted-text mark {
  background: var(--ck-color-highlight-background);
  vertical-align: baseline;
  vertical-align: initial;
  font-weight: var(--ck-font-weight-ui-inherit);
  line-height: inherit;
  font-size: inherit;
}

:root, :host {
  --ck-tooltip-max-width: 200px;
  --ck-tooltip-padding: 0 var(--ck-spacing-padding-snug) var(--ck-spacing-padding-tight) var(--ck-spacing-padding-snug);
  --ck-tooltip-multiline-padding: 0 var(--ck-spacing-padding-compact);
  --ck-tooltip-border: 0px solid transparent;
  --ck-tooltip-border-radius: var(--ck-radius-md);
  --ck-tooltip-background-color: var(--ck-color-surface-inverse);
  --ck-tooltip-text-color: var(--ck-color-text-inverse);
  --ck-tooltip-text-font-size: var(--ck-font-size-tiny, var(--ck-font-size-xs));
  --ck-tooltip-arrow-half-width: 4px;
  --ck-tooltip-arrow-height: 4px;
  --ck-tooltip-arrow-offset: 1px;
}

.ck.ck-balloon-panel.ck-tooltip {
  --ck-balloon-panel-border: var(--ck-tooltip-border);
  --ck-balloon-panel-background-color: var(--ck-color-tooltip-background, var(--ck-tooltip-background-color));
  --ck-balloon-arrow-half-width: var(--ck-tooltip-arrow-half-width);
  --ck-balloon-arrow-height: var(--ck-tooltip-arrow-height);
  --ck-balloon-arrow-offset: var(--ck-tooltip-arrow-offset);
  padding: var(--ck-tooltip-padding);
  border-radius: var(--ck-tooltip-border-radius);
  z-index: var(--ck-layer-tooltip);
  box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  min-height: 0;
  min-height: initial;
  line-height: 1;
}

.ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text {
    font-size: var(--ck-tooltip-text-font-size);
    color: var(--ck-tooltip-text-color);
    color: var(--ck-color-tooltip-text, var(--ck-tooltip-text-color));
    line-height: 1.5;
  }

.ck.ck-balloon-panel.ck-tooltip.ck-tooltip_multi-line .ck-tooltip__text {
    white-space: break-spaces;
    padding: var(--ck-tooltip-multiline-padding);
    max-width: var(--ck-tooltip-max-width);
    display: inline-block;
  }

.ck.ck-balloon-panel.ck-tooltip:before {
    display: none;
  }

:root, :host {
  --ck-toolbar-spinner-size: 18px;
}

.ck.ck-spinner-container {
  width: var(--ck-toolbar-spinner-size);
  height: var(--ck-toolbar-spinner-size);
  animation: var(--ck-animation-duration-progress) var(--ck-animation-repeat-infinite) ck-spinner-rotate var(--ck-animation-timing-function-progress);
  display: block;
  position: relative;
}

@media (prefers-reduced-motion: reduce) {

.ck.ck-spinner-container {
    animation-duration: 3s;
}
  }

.ck.ck-spinner {
  width: var(--ck-toolbar-spinner-size);
  height: var(--ck-toolbar-spinner-size);
  border-radius: var(--ck-radius-full);
  border: var(--ck-border-width-emphasis) solid var(--ck-color-text);
  z-index: 1;
  border-top-color: rgba(0,0,0,0);
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

@keyframes ck-spinner-rotate {
  to {
    transform: rotate(360deg);
  }
}

:root, :host {
  --ck-toolbar-item-gap-inline: var(--ck-spacing-gap-compact);
  --ck-toolbar-padding: 0 var(--ck-spacing-padding-compact);
  --ck-toolbar-border-radius: var(--ck-border-radius-surface);
  --ck-toolbar-vertical-button-border-radius: var(--ck-border-radius-control);
  --ck-toolbar-background-color: var(--ck-color-surface-container);
  --ck-toolbar-border-color: var(--ck-color-border-container);
  --ck-toolbar-border: var(--ck-border-width-surface) solid var(--ck-color-toolbar-border, var(--ck-toolbar-border-color));
}

.ck.ck-toolbar {
  border-radius: var(--ck-toolbar-border-radius);
  background: var(--ck-toolbar-background-color);
  background: var(--ck-color-toolbar-background, var(--ck-toolbar-background-color));
  padding: var(--ck-toolbar-padding);
  border: var(--ck-toolbar-border);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-flow: row;
  align-items: center;
  display: flex;
}

.ck.ck-toolbar .ck-button__label {
    font-size: var(--ck-toolbar-text-font-size);
    line-height: calc(var(--ck-line-height-base) * var(--ck-button-font-size));
  }

.ck.ck-toolbar .ck-button_small .ck-button__label {
    line-height: calc(var(--ck-line-height-base) * var(--ck-button-small-font-size));
  }

.ck.ck-toolbar .ck.ck-toolbar__separator {
    height: var(--ck-icon-size);
    background: var(--ck-color-divider);
    width: 1px;
    min-width: 1px;
    margin-top: var(--ck-spacing-gap-compact);
    margin-bottom: var(--ck-spacing-gap-compact);
    display: inline-block;
  }

.ck.ck-toolbar .ck.ck-toolbar__separator:first-child, .ck.ck-toolbar .ck.ck-toolbar__separator:last-child {
      display: none;
    }

.ck.ck-toolbar .ck-toolbar__line-break {
    flex-basis: 100%;
    height: 0;
  }

.ck.ck-toolbar > .ck-toolbar__items > :not(.ck-toolbar__line-break) {
      margin-right: var(--ck-toolbar-item-gap-inline);
    }

.ck.ck-toolbar > .ck-toolbar__items:empty + .ck.ck-toolbar__separator {
      display: none;
    }

.ck.ck-toolbar > .ck-toolbar__items {
    flex-flow: wrap;
    flex-grow: 1;
    align-items: center;
    display: flex;
}

.ck.ck-toolbar > .ck-toolbar__items > :not(.ck-toolbar__line-break), .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown {
    margin-top: var(--ck-spacing-gap-compact);
    margin-bottom: var(--ck-spacing-gap-compact);
  }

.ck.ck-toolbar.ck-toolbar_vertical {
    padding: 0;
  }

.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items > .ck {
      border-radius: var(--ck-toolbar-vertical-button-border-radius);
      width: 100%;
      margin: 0;
    }

.ck.ck-toolbar.ck-toolbar_compact {
    border-radius: var(--ck-border-radius-control);
    padding: 0;
  }

.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > * {
      margin: 0;
    }

.ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > *:not(:first-child):not(:last-child) {
        border-radius: 0;
      }

.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck.ck-button.ck-dropdown__button {
      padding-left: var(--ck-spacing-control-padding-inline-compact);
      padding-right: var(--ck-spacing-control-padding-inline-compact);
    }

.ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__button .ck-dropdown__arrow {
      display: none;
    }

.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-dropdown__panel {
      min-width: auto;
    }

.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-button > .ck-button__label {
      width: auto;
      max-width: 7em;
    }

.ck.ck-toolbar:focus {
    outline: none;
  }

.ck-toolbar-container .ck.ck-toolbar {
    border: 0;
  }

.ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items {
    flex-wrap: nowrap;
  }

.ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items {
    flex-direction: column;
  }

.ck.ck-toolbar.ck-toolbar_floating > .ck-toolbar__items {
    flex-wrap: nowrap;
  }

.ck.ck-toolbar .ck.ck-list__item > .ck.ck-button .ck-button__label {
    line-height: calc(var(--ck-line-height-base) * var(--ck-button-font-size));
  }

[dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items > .ck, .ck.ck-toolbar[dir="rtl"] > .ck-toolbar__items > .ck {
    margin-right: 0;
  }

[dir="rtl"] .ck.ck-toolbar:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck, .ck.ck-toolbar[dir="rtl"]:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck {
    margin-left: var(--ck-toolbar-item-gap-inline);
  }

[dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir="rtl"] > .ck-toolbar__items > .ck:last-child {
    margin-left: 0;
  }

[dir="rtl"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, .ck.ck-toolbar[dir="rtl"].ck-toolbar_compact > .ck-toolbar__items > .ck:first-child {
      border-radius: 0 var(--ck-border-radius-control) var(--ck-border-radius-control) 0;
    }

[dir="rtl"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir="rtl"].ck-toolbar_compact > .ck-toolbar__items > .ck:last-child {
      border-radius: var(--ck-border-radius-control) 0 0 var(--ck-border-radius-control);
    }

[dir="rtl"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child:last-child, .ck.ck-toolbar[dir="rtl"].ck-toolbar_compact > .ck-toolbar__items > .ck:first-child:last-child {
      border-radius: var(--ck-border-radius-control);
    }

[dir="rtl"] .ck.ck-toolbar > .ck.ck-toolbar__separator, [dir="rtl"] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), .ck.ck-toolbar[dir="rtl"] > .ck.ck-toolbar__separator, .ck.ck-toolbar[dir="rtl"].ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child) {
    margin-left: var(--ck-spacing-gap-compact);
  }

[dir="ltr"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir="ltr"] > .ck-toolbar__items > .ck:last-child {
    margin-right: 0;
  }

[dir="ltr"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, .ck.ck-toolbar[dir="ltr"].ck-toolbar_compact > .ck-toolbar__items > .ck:first-child {
      border-radius: var(--ck-border-radius-control) 0 0 var(--ck-border-radius-control);
    }

[dir="ltr"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir="ltr"].ck-toolbar_compact > .ck-toolbar__items > .ck:last-child {
      border-radius: 0 var(--ck-border-radius-control) var(--ck-border-radius-control) 0;
    }

[dir="ltr"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child:last-child, .ck.ck-toolbar[dir="ltr"].ck-toolbar_compact > .ck-toolbar__items > .ck:first-child:last-child {
      border-radius: var(--ck-border-radius-control);
    }

[dir="ltr"] .ck.ck-toolbar > .ck.ck-toolbar__separator, .ck.ck-toolbar[dir="ltr"] > .ck.ck-toolbar__separator {
    margin-right: var(--ck-toolbar-item-gap-inline);
  }

[dir="ltr"] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), .ck.ck-toolbar[dir="ltr"].ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child) {
    margin-right: var(--ck-spacing-gap-compact);
  }

.ck-toolbar-context .ck.ck-button .ck-button__label {
    font-size: var(--ck-toolbar-text-font-size);
  }

.ck-toolbar-context .ck.ck-list__item > .ck.ck-button .ck-button__label {
    line-height: calc(var(--ck-line-height-base) * var(--ck-button-font-size));
  }

:root, :host {
  --ck-block-toolbar-button-size: var(--ck-font-size-normal, var(--ck-font-size-base));
}

.ck.ck-block-toolbar-button {
  color: var(--ck-color-text);
  color: var(--ck-color-block-toolbar-button, var(--ck-color-text));
  font-size: var(--ck-block-toolbar-button-size);
  font-size: var(--ck-block-toolbar-size, var(--ck-block-toolbar-button-size));
  z-index: var(--ck-z-base);
  z-index: var(--ck-z-default, var(--ck-z-base));
  position: absolute;
}

:root, :host {
  --ck-menu-bar-padding: var(--ck-spacing-padding-compact);
  --ck-menu-bar-gap: var(--ck-spacing-gap-compact);
}

.ck.ck-menu-bar {
  background: var(--ck-color-surface-canvas);
  padding: var(--ck-menu-bar-padding);
  justify-content: flex-start;
  grid-gap: var(--ck-menu-bar-gap);
  gap: var(--ck-menu-bar-gap);
  border: var(--ck-toolbar-border);
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.ck.ck-menu-bar .ck-button__label {
    font-size: var(--ck-menubar-text-font-size);
  }

:root, :host {
  --ck-menu-bar-button-border-radius: var(--ck-border-radius-control);
}

.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button {
    width: 100%;
  }

.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-button__label {
      text-overflow: ellipsis;
      flex-grow: 1;
      overflow: hidden;
    }

.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button.ck-disabled > .ck-button__label {
      opacity: var(--ck-opacity-disabled);
      opacity: var(--ck-disabled-opacity, var(--ck-opacity-disabled));
    }

[dir="ltr"] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) {
        padding-left: var(--ck-spacing-control-padding-inline-compact);
      }

[dir="rtl"] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) {
        padding-right: var(--ck-spacing-control-padding-inline-compact);
      }

.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button {
    padding: var(--ck-spacing-control-padding-block) var(--ck-spacing-control-icon-gap);
    min-height: unset;
    border-radius: var(--ck-border-radius-surface-attached-bottom);
    border-radius: var(--ck-menu-bar-panel-uniform-border-radius, var(--ck-border-radius-surface-attached-bottom));
  }

.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-button__label {
      width: unset;
      line-height: unset;
      overflow: visible;
    }

.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-icon {
      display: none;
    }

.ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
    pointer-events: none;
    z-index: var(--ck-z-base);
    z-index: var(--ck-z-default, var(--ck-z-base));
  }

.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button {
    border-radius: var(--ck-menu-bar-button-border-radius);
  }

.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
      width: var(--ck-dropdown-arrow-size);
    }

[dir="ltr"] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
        margin-left: var(--ck-spacing-control-padding-inline);
        margin-right: calc(-1 * var(--ck-spacing-control-padding-inline-compact));
        transform: rotate(-90deg);
      }

[dir="rtl"] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow {
        left: var(--ck-spacing-control-padding-inline);
        margin-right: var(--ck-spacing-control-padding-inline-compact);
        margin-left: calc(-1 * var(--ck-spacing-control-padding-inline-compact));
        transform: rotate(90deg);
      }

.ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button.ck-disabled > .ck-menu-bar__menu__button__arrow {
      opacity: var(--ck-opacity-disabled);
      opacity: var(--ck-disabled-opacity, var(--ck-opacity-disabled));
    }

:root, :host {
  --ck-menu-bar-panel-uniform-border-radius: var(--ck-radius-md);
  --ck-menu-bar-panel-border-radius: var(--ck-radius-md);
  --ck-menu-bar-item-focus-border-color: var(--ck-interactive-focus-border-color);
}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel {
  border-radius: var(--ck-menu-bar-panel-border-radius);
  box-shadow: var(--ck-shadow-surface-floating), 0 0;
  background: var(--ck-dropdown-panel-background-color);
  background: var(--ck-color-dropdown-panel-background, var(--ck-dropdown-panel-background-color));
  border: var(--ck-dropdown-panel-border);
  height: -moz-fit-content;
  height: fit-content;
  z-index: var(--ck-z-overlay);
  z-index: var(--ck-z-panel, var(--ck-z-overlay));
  max-width: 75vw;
  max-width: var(--ck-menu-bar-menu-max-width, 75vw);
  position: absolute;
  bottom: 0;
}

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_fit-content {
    max-width: none;
    max-width: var(--ck-menu-bar-menu-max-width, none);
  }

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
    border-radius: var(--ck-border-radius-surface-cut-top-left);
    border-radius: var(--ck-menu-bar-panel-uniform-border-radius, var(--ck-border-radius-surface-cut-top-left));
  }

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
    border-radius: var(--ck-border-radius-surface-cut-top-right);
    border-radius: var(--ck-menu-bar-panel-uniform-border-radius, var(--ck-border-radius-surface-cut-top-right));
  }

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne {
    border-radius: var(--ck-border-radius-surface-cut-bottom-left);
    border-radius: var(--ck-menu-bar-panel-uniform-border-radius, var(--ck-border-radius-surface-cut-bottom-left));
  }

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {
    border-radius: var(--ck-border-radius-surface-cut-bottom-right);
    border-radius: var(--ck-menu-bar-panel-uniform-border-radius, var(--ck-border-radius-surface-cut-bottom-right));
  }

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel:focus {
    outline: none;
  }

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw {
    bottom: 100%;
  }

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
    top: 100%;
    bottom: auto;
  }

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se {
    left: 0;
  }

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw {
    right: 0;
  }

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
    left: calc(100% - 5px);
    left: calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset, 5px));
  }

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es {
    top: 0;
  }

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en {
    bottom: 0;
  }

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
    right: calc(100% - 5px);
    right: calc(100% - var(--ck-menu-bar-nested-menu-horizontal-offset, 5px));
  }

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws {
    top: 0;
  }

.ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn {
    bottom: 0;
  }

.ck.ck-menu-bar .ck-list-item-button:focus, .ck.ck-menu-bar .ck-list-item-button:active {
      box-shadow: none;
      border-color: rgba(0,0,0,0);
    }

.ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:focus, .ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:active {
      z-index: var(--ck-layer-control-raised);
      border-color: var(--ck-menu-bar-item-focus-border-color);
      box-shadow: var(--ck-interactive-focus-shadow), 0 0;
      box-shadow: var(--ck-focus-outer-shadow, var(--ck-interactive-focus-shadow)), 0 0;
      outline: none;
      position: relative;
    }

.ck.ck-menu-bar__menu {
  font-size: inherit;
  display: block;
}

.ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level {
    max-width: 100%;
  }

.ck.ck-menu-bar__menu {
  position: relative;
}

:root, :host {
  --ck-menu-bar-menu-item-min-width: 18em;
}

.ck.ck-menu-bar__menu .ck.ck-menu-bar__menu__item {
  min-width: var(--ck-menu-bar-menu-item-min-width);
}

:root, :host {
  --ck-menu-bar-list-item-button-border-radius: var(--ck-border-radius-control);
}

.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button {
    border-radius: var(--ck-menu-bar-list-item-button-border-radius);
  }

.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container, .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container .ck-spinner {
      --ck-toolbar-spinner-size: 20px;
    }

.ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
      font-size: .833335em;
    }

[dir="ltr"] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
        margin-right: var(--ck-spacing-control-icon-gap);
      }

[dir="rtl"] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container {
        margin-left: var(--ck-spacing-control-icon-gap);
      }

:root, :host {
  --ck-tab-button-size: 36px;
  --ck-tab-button-margin-bar: var(--ck-spacing-gap);
  --ck-tab-button-margin-gap: var(--ck-spacing-gap-compact);
  --ck-tab-button-margin-block: var(--ck-tab-button-margin-gap);
  --ck-tab-button-margin-inline: var(--ck-tab-button-margin-bar);
  --ck-tab-button-icon-size: 20px;
  --ck-tab-button-border-radius: var(--ck-border-radius, var(--ck-radius-base));
  --ck-tab-button-border-width: var(--ck-border-width-control);
  --ck-tab-button-with-text-padding-inline: var(--ck-spacing-padding-compact);
  --ck-tab-button-background: transparent;
  --ck-tab-button-active-background: var(--ck-color-interactive-primary-surface-muted);
  --ck-tab-button-icon-color: var(--ck-color-base-text-light);
  --ck-tab-button-active-icon-color: var(--ck-color-base-action);
  --ck-tab-button-focus-background: var(--ck-color-base-background);
  --ck-tab-button-focus-hover-background: var(--ck-color-interactive-hover-surface-strong);
  --ck-tab-button-indicator-width: 3px;
  --ck-tab-button-indicator-radius: var(--ck-border-radius-control-small);
  --ck-tab-button-indicator-hover-height: 16px;
  --ck-tab-button-indicator-active-height: 28px;
  --ck-tab-button-indicator-hover-color: #c5cef2;
  --ck-tab-button-indicator-active-color: var(--ck-tab-button-active-icon-color);
  --ck-tab-button-size-small: 28px;
  --ck-tab-button-margin-bar-small: 5px;
  --ck-tab-button-margin-gap-small: var(--ck-spacing-gap-tight);
  --ck-tab-button-indicator-width-small: 2px;
  --ck-tab-button-indicator-hover-height-small: 14px;
  --ck-tab-button-indicator-active-height-small: 24px;
}

.ck.ck-button.ck-tab-button {
  --ck-tab-button-indicator-length: 0;
  --ck-tab-button-indicator-color: transparent;
  box-sizing: border-box;
  width: var(--ck-tab-button-size);
  height: var(--ck-tab-button-size);
  min-width: 0;
  min-height: 0;
  margin: var(--ck-tab-button-margin-block) var(--ck-tab-button-margin-inline);
  border: var(--ck-tab-button-border-width) solid transparent;
  border-radius: var(--ck-tab-button-border-radius);
  cursor: pointer;
  background: var(--ck-tab-button-background);
  justify-content: center;
  padding: 0;
  transition: background-color .2s, border-color .2s;
  position: relative;
}

@media (prefers-reduced-motion: reduce) {

.ck.ck-button.ck-tab-button {
    transition: var(--ck-transition-none)
}
  }

.ck.ck-button.ck-tab-button .ck.ck-icon {
    --ck-icon-size: var(--ck-tab-button-icon-size);
    color: var(--ck-tab-button-icon-color);
  }

.ck.ck-button.ck-tab-button:before {
    content: "";
    background: var(--ck-tab-button-indicator-color);
    pointer-events: none;
    transition: width .2s, height .2s, background-color .2s;
    position: absolute;
  }

@media (prefers-reduced-motion: reduce) {

.ck.ck-button.ck-tab-button:before {
      transition: var(--ck-transition-none)
  }
    }

.ck.ck-button.ck-tab-button:not(.ck-disabled):focus {
    border-color: var(--ck-tab-button-active-icon-color);
  }

.ck.ck-button.ck-tab-button:not(.ck-disabled):hover {
    background: var(--ck-tab-button-active-background);
  }

.ck.ck-button.ck-tab-button:not(.ck-disabled):focus {
    background: var(--ck-tab-button-focus-background);
  }

.ck.ck-button.ck-tab-button:not(.ck-disabled):hover:focus {
    background: var(--ck-tab-button-focus-hover-background);
  }

.ck.ck-button.ck-tab-button:not(.ck-disabled):not(.ck-on):hover {
    --ck-tab-button-indicator-length: var(--ck-tab-button-indicator-hover-height);
    --ck-tab-button-indicator-color: var(--ck-tab-button-indicator-hover-color);
  }

.ck.ck-button.ck-tab-button.ck-on {
    background: var(--ck-tab-button-active-background);
    color: var(--ck-tab-button-active-icon-color);
    --ck-tab-button-indicator-length: var(--ck-tab-button-indicator-active-height);
    --ck-tab-button-indicator-color: var(--ck-tab-button-indicator-active-color);
  }

.ck.ck-button.ck-tab-button.ck-on .ck.ck-icon {
      color: var(--ck-tab-button-active-icon-color);
    }

.ck.ck-button.ck-tab-button.ck-tab-button_small {
    --ck-tab-button-size: var(--ck-tab-button-size-small);
    --ck-tab-button-margin-bar: var(--ck-tab-button-margin-bar-small);
    --ck-tab-button-margin-gap: var(--ck-tab-button-margin-gap-small);
    --ck-tab-button-indicator-width: var(--ck-tab-button-indicator-width-small);
    --ck-tab-button-indicator-hover-height: var(--ck-tab-button-indicator-hover-height-small);
    --ck-tab-button-indicator-active-height: var(--ck-tab-button-indicator-active-height-small);
  }

.ck.ck-button.ck-tab-button.ck-tab-button_top {
    --ck-tab-button-margin-block: var(--ck-tab-button-margin-bar);
    --ck-tab-button-margin-inline: var(--ck-tab-button-margin-gap);
  }

.ck.ck-button.ck-tab-button.ck-button_with-text {
    width: auto;
    min-width: var(--ck-tab-button-size);
    padding-left: var(--ck-tab-button-with-text-padding-inline);
    padding-right: var(--ck-tab-button-with-text-padding-inline);
  }

.ck.ck-button.ck-tab-button.ck-tab-button_left:before, .ck.ck-button.ck-tab-button.ck-tab-button_right:before {
    width: var(--ck-tab-button-indicator-width);
    height: var(--ck-tab-button-indicator-length);
    top: 50%;
    transform: translateY(-50%);
  }

[dir="ltr"] .ck.ck-button.ck-tab-button.ck-tab-button_left:before {
    right: calc(-1 * (var(--ck-tab-button-margin-inline) + var(--ck-tab-button-border-width)));
  }

[dir="rtl"] .ck.ck-button.ck-tab-button.ck-tab-button_left:before {
    left: calc(-1 * (var(--ck-tab-button-margin-inline) + var(--ck-tab-button-border-width)));
  }

.ck.ck-button.ck-tab-button.ck-tab-button_left:before {
    border-start-start-radius: var(--ck-tab-button-indicator-radius);
    border-end-start-radius: var(--ck-tab-button-indicator-radius);
  }

[dir="ltr"] .ck.ck-button.ck-tab-button.ck-tab-button_right:before {
    left: calc(-1 * (var(--ck-tab-button-margin-inline) + var(--ck-tab-button-border-width)));
  }

[dir="rtl"] .ck.ck-button.ck-tab-button.ck-tab-button_right:before {
    right: calc(-1 * (var(--ck-tab-button-margin-inline) + var(--ck-tab-button-border-width)));
  }

.ck.ck-button.ck-tab-button.ck-tab-button_right:before {
    border-start-end-radius: var(--ck-tab-button-indicator-radius);
    border-end-end-radius: var(--ck-tab-button-indicator-radius);
  }

.ck.ck-button.ck-tab-button.ck-tab-button_top:before {
    width: var(--ck-tab-button-indicator-length);
    height: var(--ck-tab-button-indicator-width);
    border-start-start-radius: var(--ck-tab-button-indicator-radius);
    border-start-end-radius: var(--ck-tab-button-indicator-radius);
    margin-left: auto;
    margin-right: auto;
    bottom: calc(-1 * (var(--ck-tab-button-margin-block) + var(--ck-tab-button-border-width)));
    left: 0;
    right: 0;
  }

.ck-tab-panel {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.ck-tab-panel > * {
    flex-grow: 1;
  }

.ck-tab-panel.ck-tab-panel_disabled {
    pointer-events: none;
    opacity: var(--ck-opacity-disabled);
    opacity: var(--ck-disabled-opacity, var(--ck-opacity-disabled));
  }

.ck.ck-editor__editable .ck-code_selected {
  background-color: rgba(199,199,199,0.50196);
}

.ck-content code {
  background-color: rgba(199,199,199,0.30196);
  border-radius: 2px;
  padding: .15em;
}

.ck-content blockquote {
  border-left: 5px solid #dbe4f0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-style: italic;
  overflow: hidden;
}

.ck-content[dir="rtl"] blockquote {
  border-left: 0;
  border-right: 5px solid #dbe4f0;
}

:root, :host {
  --ck-bookmark-icon-hover-fill-color: var(--ck-color-widget-hover-border);
  --ck-bookmark-icon-selected-fill-color: var(--ck-color-focus-border, var(--ck-color-interactive-focus-border));
  --ck-bookmark-icon-animation-duration: var(--ck-widget-handler-animation-duration);
  --ck-bookmark-icon-animation-curve: var(--ck-widget-handler-animation-curve);
}

.ck .ck-bookmark.ck-widget {
    outline: none;
    display: inline-block;
  }

.ck .ck-bookmark.ck-widget .ck-bookmark__icon .ck-icon__fill {
      transition: fill var(--ck-bookmark-icon-animation-duration) var(--ck-bookmark-icon-animation-curve);
    }

.ck .ck-bookmark.ck-widget:hover .ck-bookmark__icon .ck-icon__fill {
        fill: var(--ck-bookmark-icon-hover-fill-color);
      }

.ck .ck-bookmark.ck-widget.ck-widget_selected .ck-bookmark__icon .ck-icon__fill {
        fill: var(--ck-bookmark-icon-selected-fill-color);
      }

.ck .ck-bookmark.ck-widget.ck-widget_selected, .ck .ck-bookmark.ck-widget.ck-widget_selected:hover {
      outline: none;
    }

.ck .ck-bookmark.ck-widget .ck-bookmark__icon {
      display: block;
      position: relative;
      top: -.1em;
    }

.ck .ck-bookmark.ck-widget .ck-bookmark__icon .ck-icon {
        vertical-align: middle;
        width: auto;
        height: 1.2em;
      }

.ck .ck-fake-bookmark-selection {
  background: var(--ck-color-link-fake-selection);
}

.ck .ck-fake-bookmark-selection_collapsed {
  border-right: 1px solid var(--ck-color-base-text);
  outline: var(--ck-outline-fake-caret);
  height: 100%;
  margin-right: -1px;
}

.ck.ck-bookmark-balloon .ck.ck-toolbar > .ck-toolbar__items {
      flex-wrap: nowrap;
    }

.ck.ck-bookmark-toolbar__preview {
  padding: 0 var(--ck-spacing-base);
  padding: 0 var(--ck-spacing-medium, var(--ck-spacing-base));
  max-width: var(--ck-input-width);
  text-overflow: ellipsis;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  min-width: 3em;
  font-weight: normal;
  overflow: hidden;
}

:root, :host {
  --ck-bookmark-form-width: var(--ck-width-balloon-form);
}

.ck.ck-bookmark-form {
  width: var(--ck-bookmark-form-width);
}

:root, :host {
  --ck-image-processing-highlight-color: #f9fafa;
  --ck-image-processing-background-color: #e3e5e8;
}

.ck.ck-editor__editable .image.image-processing {
      position: relative;
    }

.ck.ck-editor__editable .image.image-processing:before {
        content: "";
        z-index: 1;
        background: linear-gradient(90deg,
					var(--ck-image-processing-background-color),
					var(--ck-image-processing-highlight-color),
					var(--ck-image-processing-background-color));
        background-size: 200% 100%;
        width: 100%;
        height: 100%;
        animation: 2s linear infinite ck-image-processing-animation;
        position: absolute;
        top: 0;
        left: 0;
      }

.ck.ck-editor__editable .image.image-processing img {
        height: 100%;
      }

@keyframes ck-image-processing-animation {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

:root, :host {
  --ck-clipboard-drop-target-dot-width: 12px;
  --ck-clipboard-drop-target-dot-height: 8px;
  --ck-clipboard-drop-target-color: var(--ck-color-focus-border);
}

.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
      bottom: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
      top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
      border: 1px solid var(--ck-clipboard-drop-target-color);
      background: var(--ck-clipboard-drop-target-color);
      margin-left: -1px;
      position: absolute;
    }

.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span:after {
        content: "";
        width: 0;
        height: 0;
        left: 50%;
        top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height));
        border-color: var(--ck-clipboard-drop-target-color) transparent transparent transparent;
        border-width: calc(var(--ck-clipboard-drop-target-dot-height)) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width));
        border-style: solid;
        display: block;
        position: absolute;
        transform: translateX(-50%);
      }

.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
      width: 0;
}

.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position {
    pointer-events: none;
    display: inline;
    position: relative;
}

.ck.ck-editor__editable .ck-widget.ck-clipboard-drop-target-range {
    outline: var(--ck-widget-outline-thickness) solid var(--ck-clipboard-drop-target-color) !important;
  }

.ck.ck-editor__editable .ck-widget:-webkit-drag {
    zoom: .6;
    outline: none !important;
  }

.ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__selection-handle, .ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__type-around {
      display: none;
    }

.ck.ck-clipboard-drop-target-line {
  border: 1px solid var(--ck-clipboard-drop-target-color);
  background: var(--ck-clipboard-drop-target-color);
  height: 0;
  z-index: var(--ck-z-base);
  z-index: var(--ck-z-default, var(--ck-z-base));
  margin-top: -1px;
  position: absolute;
}

.ck.ck-clipboard-drop-target-line:before {
    content: "";
    top: calc(-.5 * var(--ck-clipboard-drop-target-dot-width));
    border-style: solid;
    width: 0;
    height: 0;
    position: absolute;
  }

.ck.ck-clipboard-drop-target-line {
  pointer-events: none;
}

[dir="ltr"] .ck.ck-clipboard-drop-target-line:before {
  border-width: calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height);
  border-color: transparent transparent transparent var(--ck-clipboard-drop-target-color);
  left: -1px;
}

[dir="rtl"] .ck.ck-clipboard-drop-target-line:before {
  border-width: calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0;
  border-color: transparent var(--ck-clipboard-drop-target-color) transparent transparent;
  right: -1px;
}

:root, :host {
  --ck-color-code-block-label-background: var(--ck-color-base-text-light);
}

.ck.ck-editor__editable pre[data-language]:after {
  content: attr(data-language);
  background: var(--ck-color-code-block-label-background);
  border-radius: var(--ck-widget-label-border-radius);
  font-size: 10px;
  font-family: var(--ck-font-family);
  font-family: var(--ck-font-face, var(--ck-font-family));
  padding: var(--ck-spacing-xs) var(--ck-spacing-base);
  padding: var(--ck-spacing-tiny, var(--ck-spacing-xs)) var(--ck-spacing-medium, var(--ck-spacing-base));
  color: #fff;
  white-space: nowrap;
  line-height: 16px;
  position: absolute;
  top: -1px;
  right: 10px;
}

.ck.ck-code-block-dropdown .ck-dropdown__panel {
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
  overflow: hidden auto;
}

.ck.ck-editor__editable pre {
  position: relative;
}

.ck-content pre {
  color: #353535;
  text-align: left;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  white-space: pre-wrap;
  direction: ltr;
  background: #f5f5f5;
  border: 1px solid #dce5f0;
  border-radius: 2px;
  min-width: 200px;
  margin: .9em 0;
  padding: 1em;
  font-style: normal;
}

.ck-content pre code {
    background: unset;
    border-radius: 0;
    padding: 0;
  }

:root, :host {
  --ck-content-font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
  --ck-content-font-size: medium;
  --ck-content-font-color: #000;
  --ck-content-line-height: 1.5;
  --ck-content-word-break: normal;
  --ck-content-overflow-wrap: break-word;
}

.ck-content {
  font-family: var(--ck-content-font-family);
  font-size: var(--ck-content-font-size);
  color: var(--ck-content-font-color);
  line-height: var(--ck-content-line-height);
  word-break: var(--ck-content-word-break);
  word-wrap: var(--ck-content-overflow-wrap);
}

.ck.ck-editor__main > .ck-editor__editable {
  background: var(--ck-color-base-background);
}

.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    border-color: var(--ck-color-base-border);
  }

.ck.ck-editor__main > .ck-editor__editable_root:not(.ck-editor__nested-editable) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ck.ck-editor {
  position: relative;
}

.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
    z-index: var(--ck-z-overlay);
    z-index: var(--ck-z-panel, var(--ck-z-overlay));
  }

.ck.ck-toolbar-container .ck-menu-bar {
  border: none;
  border-bottom: 1px solid var(--ck-toolbar-border-color);
  border-bottom: 1px solid var(--ck-color-toolbar-border, var(--ck-toolbar-border-color));
}

.ck.ck-emoji {
  width: 320px;
}

.ck .ck.ck-emoji__search {
  padding: var(--ck-spacing-lg);
  padding: var(--ck-spacing-large, var(--ck-spacing-lg));
  padding-bottom: var(--ck-spacing-base);
  padding-bottom: var(--ck-spacing-medium, var(--ck-spacing-base));
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ck .ck.ck-emoji__search > .ck.ck-search {
    flex: 1;
  }

.ck .ck-fake-emoji-selection {
  background: var(--ck-color-link-fake-selection);
}

.ck .ck-fake-emoji-selection_collapsed {
  border-right: 1px solid var(--ck-color-base-text);
  outline: var(--ck-outline-fake-caret);
  height: 100%;
  margin-right: -1px;
}

div.ck.ck-balloon-panel.ck-emoji-picker-balloon {
  z-index: calc(var(--ck-z-modal) + 1);
  z-index: calc(var(--ck-z-dialog, var(--ck-z-modal)) + 1);
}

:root, :host {
  --ck-emoji-categories-list-margin: 0 var(--ck-spacing-padding-comfortable);
}

.ck.ck-emoji__categories-list {
  margin: var(--ck-emoji-categories-list-margin);
  justify-content: space-between;
  display: flex;
}

.ck.ck-emoji__categories-list > .ck.ck-button.ck-tab-button {
    width: var(--ck-tab-button-size);
    font-size: var(--ck-tab-button-icon-size);
    padding-left: 0;
    padding-right: 0;
  }

:root, :host {
  --ck-emoji-grid-tile-size: 27px;
  --ck-emoji-grid-margin: var(--ck-spacing-padding) var(--ck-spacing-padding-comfortable);
  --ck-emoji-grid-gap: var(--ck-spacing-gap-compact) var(--ck-spacing-gap-compact);
}

.ck.ck-emoji .ck.ck-emoji__tiles {
    border-top: 1px solid var(--ck-color-base-border);
    max-width: 100%;
    max-height: min(265px, 40vh);
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
  }

.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__grid {
      grid-template-columns: repeat(auto-fill, minmax(var(--ck-emoji-grid-tile-size), 1fr));
      margin: var(--ck-emoji-grid-margin);
      grid-gap: var(--ck-emoji-grid-gap);
      display: grid;
    }

.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile {
      width: var(--ck-emoji-grid-tile-size);
      height: var(--ck-emoji-grid-tile-size);
      min-width: var(--ck-emoji-grid-tile-size);
      min-height: var(--ck-emoji-grid-tile-size);
      border: 0;
      padding: 0;
      font-size: 1.5em;
      transition: box-shadow .2s;
    }

@media (prefers-reduced-motion: reduce) {

.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile {
        transition: none
    }
      }

.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile:focus:not(.ck-disabled), .ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile:hover:not(.ck-disabled) {
        box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-interactive-focus-border);
        box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border, var(--ck-color-interactive-focus-border));
        border: 0;
      }

.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile .ck-button__label {
        line-height: var(--ck-emoji-grid-tile-size);
        text-align: center;
        width: 100%;
      }

.ck.ck-form.ck-emoji-picker-form {
  padding-bottom: 0;
}

.ck.ck-form.ck-emoji-picker-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
    border-color: rgba(0,0,0,0);
  }

.ck.ck-emoji__skin-tone {
  margin-left: var(--ck-spacing-base);
  margin-left: var(--ck-spacing-standard, var(--ck-spacing-base));
}

.ck.ck-emoji__skin-tone > .ck.ck-dropdown .ck.ck-list__item {
      min-width: 1em;
    }

.ck.ck-emoji__skin-tone > .ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
        width: auto;
        width: initial;
      }

.ck.ck-placeholder, .ck .ck-placeholder {
  position: relative;
}

@media (forced-colors: active) {

.ck.ck-placeholder, .ck .ck-placeholder {
    forced-color-adjust: preserve-parent-color
}
  }

.ck.ck-placeholder:before, .ck .ck-placeholder:before {
    content: attr(data-placeholder);
    cursor: text;
    pointer-events: none;
    padding-left: inherit;
    padding-right: inherit;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
  }

@media (forced-colors: none) {

.ck.ck-placeholder:before, .ck .ck-placeholder:before {
      color: var(--ck-color-engine-placeholder-text)
  }
    }

@media (forced-colors: active) {

.ck.ck-placeholder:before, .ck .ck-placeholder:before {
      margin-left: 1px;

      font-style: italic
  }
    }

.ck.ck-read-only .ck-placeholder:before {
    display: none;
  }

.ck.ck-reset_all .ck-placeholder {
  position: relative;
}

.ck.ck-editor__editable span[data-ck-unsafe-element] {
  display: none;
}

:root, :host {
  --ck-color-find-result-selected: #ff9633;
}

.ck-find-result {
  background: var(--ck-color-highlight-background);
  color: var(--ck-color-text);
}

.ck-find-result_selected {
  background: var(--ck-color-find-result-selected);
}

:root, :host {
  --ck-find-and-replace-form-width: var(--ck-width-dialog);
  --ck-find-and-replace-form-replace-field-padding-top: var(--ck-spacing-padding-comfortable);
  --ck-find-and-replace-form-inputs-padding: var(--ck-spacing-padding-spacious) var(--ck-spacing-padding-comfortable) var(--ck-spacing-padding-compact) var(--ck-spacing-padding-comfortable);
  --ck-find-and-replace-form-actions-padding: 0 var(--ck-spacing-padding-comfortable) var(--ck-spacing-padding-comfortable) var(--ck-spacing-padding-comfortable);
}

.ck.ck-find-and-replace-form {
  width: var(--ck-find-and-replace-form-width);
  max-width: 100%;
}

.ck.ck-find-and-replace-form:focus {
    outline: none;
  }

.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
    padding: var(--ck-dialog-actions-padding);
    flex-flow: wrap;
    flex: auto;
    align-content: stretch;
    align-items: center;
    margin: 0;
    display: flex;
  }

.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button {
      flex: none;
    }

[dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *, [dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * {
        margin-left: var(--ck-spacing-base);
        margin-left: var(--ck-spacing-standard, var(--ck-spacing-base));
      }

[dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *, [dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * {
        margin-right: var(--ck-spacing-base);
        margin-right: var(--ck-spacing-standard, var(--ck-spacing-base));
      }

.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view {
      flex: auto;
    }

.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view .ck-input, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view .ck-input {
        width: 100%;
        min-width: 50px;
      }

.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs {
    padding: var(--ck-find-and-replace-form-inputs-padding);
    align-items: flex-start;
  }

.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-prev > .ck-icon {
      transform: rotate(90deg);
    }

.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-next > .ck-icon {
      transform: rotate(-90deg);
    }

.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
      color: var(--ck-color-base-border);
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }

[dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
        right: var(--ck-spacing-base);
        right: var(--ck-spacing-standard, var(--ck-spacing-base));
      }

[dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter {
        left: var(--ck-spacing-base);
        left: var(--ck-spacing-standard, var(--ck-spacing-base));
      }

.ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
      padding-top: var(--ck-find-and-replace-form-replace-field-padding-top);
      flex: 0 0 100%;
    }

[dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
        margin-left: 0;
      }

[dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace {
        margin-right: 0;
      }

.ck.ck-find-and-replace-form .ck-find-and-replace-form__actions {
    padding: var(--ck-find-and-replace-form-actions-padding);
    flex-wrap: wrap;
    justify-content: flex-end;
  }

.ck.ck-find-and-replace-form .ck-switchbutton {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }

@media screen and (max-width: 600px) {
  .ck.ck-find-and-replace-form {
    width: 300px;
    max-width: 100%;
  }
    .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-view:not(.ck-labeled-field-replace) {
      flex: 1 1 0;
      min-width: 0;
    }
    .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button {
      flex: 1 1 0;
      justify-content: center;
      min-width: 0;
    }
    .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find {
      margin-top: var(--ck-spacing-base);
      margin-top: var(--ck-spacing-standard, var(--ck-spacing-base));
      flex: 0 0 100%;
    }
      [dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find {
        margin-left: 0;
      }
      [dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find {
        margin-right: 0;
      }
    .ck.ck-find-and-replace-form.ck-find-and-replace-form__input {
      flex-wrap: wrap;
    }
      .ck.ck-find-and-replace-form.ck-find-and-replace-form__input .ck-labeled-field-view {
        width: 100%;
        margin-bottom: var(--ck-spacing-base);
        margin-bottom: var(--ck-spacing-standard, var(--ck-spacing-base));
        flex: 1 0 auto;
      }
      .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button {
        text-align: center;
      }
        .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
          flex: auto;
        }
          [dir="ltr"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
            margin-left: 0;
          }
          [dir="rtl"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type {
            margin-right: 0;
          }
          .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type .ck-button__label {
            text-align: center;
            width: 100%;
          }
    .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) {
      flex-wrap: wrap;
      flex: auto;
    }
      .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button {
        text-align: center;
      }
        .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
          flex: auto;
        }
          [dir="ltr"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
            margin-left: 0;
          }
          [dir="rtl"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type {
            margin-right: 0;
          }
        .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button .ck-button__label {
          text-align: center;
          width: 100%;
        }
}

:root, :host {
  --ck-content-font-size-tiny: .7em;
  --ck-content-font-size-small: .85em;
  --ck-content-font-size-big: 1.4em;
  --ck-content-font-size-huge: 1.8em;
}

.ck-content .text-tiny {
    font-size: var(--ck-content-font-size-tiny);
  }

.ck-content .text-small {
    font-size: var(--ck-content-font-size-small);
  }

.ck-content .text-big {
    font-size: var(--ck-content-font-size-big);
  }

.ck-content .text-huge {
    font-size: var(--ck-content-font-size-huge);
  }

:root, :host {
  --ck-fullscreen-editor-top-margin: 28px;
  --ck-fullscreen-editor-bottom-margin: 28px;
  --ck-fullscreen-editable-shadow: none;
  --ck-fullscreen-left-sidebar-avatar-size: 32px;
  --ck-fullscreen-left-sidebar-toggle-button-hover-background: var(--ck-color-interactive-primary-surface-muted);
  --ck-fullscreen-editable-border-radius: var(--ck-radius-md);
}

html.ck-fullscreen, body.ck-fullscreen, :host(.ck-fullscreen) {
  --ck-z-fullscreen: 10000;
  --ck-z-default: calc(var(--ck-z-fullscreen) + 1);
  --ck-z-base: calc(var(--ck-z-fullscreen) + 1);
  --ck-z-panel: calc(var(--ck-z-default) + 999);
  --ck-z-overlay: calc(var(--ck-z-base) + 999);
  --ck-z-dialog: 100000;
  --ck-z-modal: 100000;
}

html.ck-fullscreen .ck-pagination-view-line, body.ck-fullscreen .ck-pagination-view-line, :host(.ck-fullscreen) .ck-pagination-view-line {
    z-index: calc(var(--ck-z-fullscreen) + 1);
  }

html.ck-fullscreen .page-break__label, body.ck-fullscreen .page-break__label, :host(.ck-fullscreen) .page-break__label {
    z-index: calc(var(--ck-z-fullscreen) + 2);
  }

html.ck-fullscreen .ck .ck-thread__header .ck-context.overlay, body.ck-fullscreen .ck .ck-thread__header .ck-context.overlay, :host(.ck-fullscreen) .ck .ck-thread__header .ck-context.overlay {
        z-index: calc(var(--ck-z-fullscreen) + 2);
      }

html.ck-fullscreen .ck-source-editing-area textarea, body.ck-fullscreen .ck-source-editing-area textarea, :host(.ck-fullscreen) .ck-source-editing-area textarea {
    border-radius: var(--ck-source-editing-area-border-radius);
  }

.ck.ck-fullscreen__main-wrapper {
  width: 100%;
  height: 100%;
  z-index: var(--ck-z-fullscreen);
  background: var(--ck-color-base-foreground);
  flex-direction: column;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.ck.ck-fullscreen__main-wrapper .ck.ck-revision-history-ui__changes-navigation {
    margin-top: 0;
    margin-bottom: 0;
  }

.ck.ck-fullscreen__main-wrapper.ck-fullscreen__main-wrapper_custom-container {
  position: absolute;
}

.ck.ck-fullscreen__main-wrapper.ck-fullscreen__main-wrapper_custom-container .ck-fullscreen__top-wrapper {
    border-top: 1px solid var(--ck-color-base-border);
    border-left: 1px solid var(--ck-color-base-border);
    border-right: 1px solid var(--ck-color-base-border);
    border-radius: var(--ck-radius-base) 0;
    border-radius: var(--ck-border-radius, var(--ck-radius-base)) 0;
  }

.ck-fullscreen__menu-bar .ck.ck-menu-bar {
  border: none;
}

.ck.ck-fullscreen__toolbar > .ck-toolbar {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.ck-fullscreen__main-wrapper .ck-fullscreen__editable-wrapper {
  justify-content: flex-start;
  max-height: 100%;
  display: flex;
  overflow: auto;
}

.ck-fullscreen__main-wrapper .ck-fullscreen__editable {
  margin-top: var(--ck-fullscreen-editor-top-margin);
  height: 100%;
  margin-left: auto;
}

.ck-fullscreen__main-wrapper .ck-fullscreen__editable:after {
    content: "";
    height: var(--ck-fullscreen-editor-bottom-margin);
    display: block;
  }

.ck-fullscreen__main-wrapper .ck-fullscreen__editable .ck.ck-editor__editable:not(.ck-editor__nested-editable) {
  box-sizing: border-box;
  border: 1px var(--ck-color-base-border) solid;
  background: var(--ck-color-base-background);
  width: 795.701px;
  max-width: 795.701px;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 297mm;
  box-shadow: var(--ck-fullscreen-editable-shadow);
  border-radius: var(--ck-fullscreen-editable-border-radius);
  margin: 0;
  padding: 20mm 12mm;
}

.ck-fullscreen__main-wrapper .ck-fullscreen__editable .ck-source-editing-area {
  width: 795.701px;
}

.ck-fullscreen__sidebar {
  width: 270px;
  margin-top: var(--ck-fullscreen-editor-top-margin);
  margin-left: 10px;
}

.ck-fullscreen__left-sidebar {
  --ck-user-avatar-size: var(--ck-fullscreen-left-sidebar-avatar-size);
  --ck-user-name-font-size: 1em;
  box-sizing: border-box;
  background-color: rgba(0,0,0,0);
  flex-direction: column;
  align-self: flex-start;
  height: 100%;
  margin-top: 0;
  margin-right: 10px;
  display: flex;
  position: sticky;
  top: 0;
}

.ck-fullscreen__left-sidebar .ck-button.ck-fullscreen__left-sidebar-toggle-button {
    --ck-icon-size: 20px;
    --ck-size-control-min-height: 0px;
    --ck-button-hover-background: var(--ck-fullscreen-left-sidebar-toggle-button-hover-background);
    margin-top: var(--ck-fullscreen-editor-top-margin);
    margin-bottom: var(--ck-spacing-lg);
    margin-bottom: var(--ck-spacing-large, var(--ck-spacing-lg));
    border-radius: 100%;
    flex-shrink: 0;
    align-self: flex-start;
  }

.ck-fullscreen__left-sidebar > .ck-fullscreen__left-sidebar-sticky {
    min-width: 270px;
  }

.ck-fullscreen__left-sidebar > .ck-fullscreen__left-sidebar-sticky:first-child {
      padding-top: var(--ck-fullscreen-editor-top-margin);
    }

.ck-fullscreen__left-sidebar.ck-fullscreen__left-sidebar--collapsed {
    width: 65px;
  }

.ck-fullscreen__left-sidebar.ck-fullscreen__left-sidebar--collapsed > :not(.ck-fullscreen__left-sidebar-toggle-button) {
      display: none;
    }

.ck-fullscreen__left-sidebar .ck.ck-presence-list--collapsed {
  --ck-user-avatar-size: 32px;
}

.ck-fullscreen__left-sidebar .ck-user, .ck-fullscreen__left-sidebar .ck-presence-list__users-counter__text {
  font-size: .85em;
}

.ck-fullscreen__left-sidebar-item {
  padding: var(--ck-spacing-base);
  padding: var(--ck-spacing-medium, var(--ck-spacing-base));
  margin-bottom: var(--ck-spacing-base);
  margin-bottom: var(--ck-spacing-medium, var(--ck-spacing-base));
}

.ck-fullscreen__left-sidebar-item:first-child {
    padding-top: 0;
  }

.ck-fullscreen__left-sidebar-item:last-child {
    margin-bottom: 0;
  }

.ck-fullscreen__left-sidebar-header {
  --ck-fullscreen-presence-list-header-font-size: .875em;
  font-size: var(--ck-fullscreen-presence-list-header-font-size);
  color: var(--ck-document-outline-item-default-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  overflow: hidden;
}

.ck-fullscreen__left-sidebar--sticky {
  position: sticky;
  top: 0;
}

.ck-fullscreen__left-sidebar--sticky > :first-child {
    padding-top: 0;
  }

.ck-fullscreen__presence-list {
  margin-top: var(--ck-spacing-base);
  margin-top: var(--ck-spacing-medium, var(--ck-spacing-base));
}

.ck-fullscreen__left-sidebar-item--no-margin {
  margin: 0;
}

.ck-fullscreen__left-sidebar .ck.ck-document-outline {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.ck-fullscreen__document-outline-wrapper {
  padding-top: 0;
  overflow-y: auto;
}

.ck-fullscreen__sidebar.ck-fullscreen__right-sidebar {
  margin-top: var(--ck-fullscreen-editor-top-margin);
  margin-right: auto;
}

.ck-fullscreen__sidebar.ck-fullscreen__right-sidebar:not(.ck-fullscreen__right-sidebar--collapsed) > :first-child {
    min-width: 270px;
  }

.ck-fullscreen__sidebar.ck-fullscreen__right-sidebar.ck-fullscreen__right-sidebar--collapsed {
    width: 65px;
  }

.ck-fullscreen__sidebar.ck-fullscreen__right-sidebar.ck-fullscreen__right-sidebar--collapsed > :first-child {
      min-width: 65px;
    }

.ck.ck-fullscreen__right-edge {
  margin-top: 0;
  margin-left: 10px;
  position: sticky;
  top: 0;
}

.ck.ck-fullscreen__right-edge > :first-child {
    border-top: none;
    border-bottom: none;
    border-right: none;
    width: 495px;
    height: 100%;
  }

.ck.ck-heading_heading1 .ck-button__label {
  font-size: 20px;
}

.ck.ck-heading_heading2 .ck-button__label {
  font-size: 17px;
}

.ck.ck-heading_heading3 .ck-button__label {
  font-size: 14px;
}

.ck[class*="ck-heading_heading"] {
  font-weight: bold;
}

.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
    width: 8em;
  }

.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item {
    min-width: 18em;
  }

:root, :host {
  --ck-content-highlight-marker-yellow: #fdfd77;
  --ck-content-highlight-marker-green: #62f962;
  --ck-content-highlight-marker-pink: #fc7899;
  --ck-content-highlight-marker-blue: #72ccfd;
  --ck-content-highlight-pen-red: #e71313;
  --ck-content-highlight-pen-green: #128a00;
}

.ck-content .marker-yellow {
  background-color: var(--ck-content-highlight-marker-yellow);
}

.ck-content .marker-green {
  background-color: var(--ck-content-highlight-marker-green);
}

.ck-content .marker-pink {
  background-color: var(--ck-content-highlight-marker-pink);
}

.ck-content .marker-blue {
  background-color: var(--ck-content-highlight-marker-blue);
}

.ck-content .pen-red {
  color: var(--ck-content-highlight-pen-red);
  background-color: rgba(0,0,0,0);
}

.ck-content .pen-green {
  color: var(--ck-content-highlight-pen-green);
  background-color: rgba(0,0,0,0);
}

.ck-editor__editable .ck-horizontal-line {
  display: flow-root;
}

.ck-content hr {
  vertical-align: middle;
  background: #dce5f0;
  border: 0;
  width: 100%;
  height: 4px;
  margin: 15px 0;
  display: inline-block;
}

:root, :host {
  --ck-html-embed-content-width: calc(100% - 1.5 * var(--ck-icon-size));
  --ck-html-embed-source-height: 10em;
  --ck-html-embed-unfocused-outline-width: 1px;
  --ck-html-embed-content-min-height: calc(var(--ck-icon-size) + var(--ck-spacing-standard, var(--ck-spacing-base)));
  --ck-html-embed-background: var(--ck-color-base-foreground);
  --ck-html-embed-button-hover-background: var(--ck-color-interactive-primary-surface-muted);
  --ck-html-embed-source-disabled-background: var(--ck-color-base-foreground);
  --ck-html-embed-source-disabled-color: var(--ck-color-text-disabled);
}

.ck-widget.raw-html-embed {
  font-size: var(--ck-font-size-base);
  font-size: var(--ck-font-size-normal, var(--ck-font-size-base));
  background-color: var(--ck-html-embed-background);
  min-width: 15em;
  margin: .9em auto;
  display: flow-root;
  position: relative;
}

.ck-widget.raw-html-embed:not(.ck-widget_selected):not(:hover) {
    outline: var(--ck-html-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
  }

.ck-widget.raw-html-embed[dir="ltr"] {
    text-align: left;
  }

.ck-widget.raw-html-embed[dir="rtl"] {
    text-align: right;
  }

.ck-widget.raw-html-embed:before {
    content: attr(data-html-embed-label);
    top: calc(-1 * var(--ck-html-embed-unfocused-outline-width));
    left: var(--ck-spacing-base);
    left: var(--ck-spacing-standard, var(--ck-spacing-base));
    background: var(--ck-color-base-text-light);
    transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
    padding: calc(var(--ck-spacing-xs) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-sm) var(--ck-spacing-xs);
    padding: calc(var(--ck-spacing-tiny, var(--ck-spacing-xs)) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-small, var(--ck-spacing-sm)) var(--ck-spacing-tiny, var(--ck-spacing-xs));
    border-radius: var(--ck-widget-label-border-radius);
    color: var(--ck-color-base-background);
    font-size: var(--ck-font-size-xs);
    font-size: var(--ck-font-size-tiny, var(--ck-font-size-xs));
    font-family: var(--ck-font-family);
    font-family: var(--ck-font-face, var(--ck-font-family));
    z-index: 1;
    position: absolute;
  }

.ck-widget.raw-html-embed[dir="rtl"]:before {
    left: auto;
    right: var(--ck-spacing-base);
    right: var(--ck-spacing-standard, var(--ck-spacing-base));
  }

.ck-widget.raw-html-embed[dir="ltr"] .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before {
    margin-left: 50px;
  }

.ck.ck-editor__editable.ck-blurred .ck-widget.raw-html-embed.ck-widget_selected:before {
    padding: var(--ck-spacing-xs) var(--ck-spacing-sm);
    padding: var(--ck-spacing-tiny, var(--ck-spacing-xs)) var(--ck-spacing-small, var(--ck-spacing-sm));
    top: 0;
  }

.ck.ck-editor__editable:not(.ck-blurred) .ck-widget.raw-html-embed.ck-widget_selected:before {
    padding: var(--ck-spacing-xs) var(--ck-spacing-sm);
    padding: var(--ck-spacing-tiny, var(--ck-spacing-xs)) var(--ck-spacing-small, var(--ck-spacing-sm));
    background: var(--ck-color-interactive-focus-border);
    background: var(--ck-color-focus-border, var(--ck-color-interactive-focus-border));
    top: 0;
  }

.ck.ck-editor__editable .ck-widget.raw-html-embed:not(.ck-widget_selected):hover:before {
    padding: var(--ck-spacing-xs) var(--ck-spacing-sm);
    padding: var(--ck-spacing-tiny, var(--ck-spacing-xs)) var(--ck-spacing-small, var(--ck-spacing-sm));
    top: 0;
  }

.ck-widget.raw-html-embed .raw-html-embed__content-wrapper {
    padding: var(--ck-spacing-base);
    padding: var(--ck-spacing-standard, var(--ck-spacing-base));
  }

.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper {
    top: var(--ck-spacing-base);
    top: var(--ck-spacing-standard, var(--ck-spacing-base));
    right: var(--ck-spacing-base);
    right: var(--ck-spacing-standard, var(--ck-spacing-base));
    display: flex;
    position: absolute;
  }

.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button {
      --ck-button-hover-background: var(--ck-html-embed-button-hover-background);
    }

.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__save-button {
      color: var(--ck-button-save-color);
      color: var(--ck-color-button-save, var(--ck-button-save-color));
    }

.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__cancel-button {
      color: var(--ck-button-cancel-color);
      color: var(--ck-color-button-cancel, var(--ck-button-cancel-color));
    }

.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button:not(:first-child) {
      margin-top: var(--ck-spacing-sm);
      margin-top: var(--ck-spacing-small, var(--ck-spacing-sm));
    }

.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper {
    flex-direction: column;
}

.ck-widget.raw-html-embed[dir="rtl"] .raw-html-embed__buttons-wrapper {
    left: var(--ck-spacing-base);
    left: var(--ck-spacing-standard, var(--ck-spacing-base));
    right: auto;
  }

.ck-widget.raw-html-embed .raw-html-embed__source {
    box-sizing: border-box;
    height: var(--ck-html-embed-source-height);
    width: var(--ck-html-embed-content-width);
    resize: none;
    min-width: 0;
    padding: var(--ck-spacing-base);
    padding: var(--ck-spacing-standard, var(--ck-spacing-base));
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    white-space: pre-wrap;
    font-family: monospace;
    font-size: var(--ck-font-size-base);
    font-size: var(--ck-font-size-normal, var(--ck-font-size-base));
    text-align: left;
    direction: ltr;
  }

.ck-widget.raw-html-embed .raw-html-embed__source[disabled] {
      background: var(--ck-html-embed-source-disabled-background);
      color: var(--ck-html-embed-source-disabled-color);
      -webkit-text-fill-color: var(--ck-html-embed-source-disabled-color);
      opacity: 1;
    }

.ck-widget.raw-html-embed .raw-html-embed__preview {
    min-height: var(--ck-html-embed-content-min-height);
    width: var(--ck-html-embed-content-width);
    position: relative;
    overflow: hidden;
  }

.ck-editor__editable:not(.ck-read-only) .ck-widget.raw-html-embed .raw-html-embed__preview {
      pointer-events: none;
    }

.ck-widget.raw-html-embed .raw-html-embed__preview {
    display: flex;
}

.ck-widget.raw-html-embed .raw-html-embed__preview-content {
    box-sizing: border-box;
    background-color: var(--ck-color-base-foreground);
    border-collapse: separate;
    width: 100%;
    margin: auto;
    display: table;
    position: relative;
  }

.ck-widget.raw-html-embed .raw-html-embed__preview-content > * {
      margin-left: auto;
      margin-right: auto;
    }

.ck-widget.raw-html-embed .raw-html-embed__preview-content {
    border-spacing: 7px;
}

.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder {
    color: var(--ck-html-embed-source-disabled-color);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

.ck-widget.raw-html-embed {
  font-style: normal;
}

:root, :host {
  --ck-html-object-embed-unfocused-outline-width: 1px;
}

.ck-widget.html-object-embed {
  font-size: var(--ck-font-size-base);
  font-size: var(--ck-font-size-normal, var(--ck-font-size-base));
  background-color: var(--ck-color-base-foreground);
  padding: var(--ck-spacing-sm);
  padding: var(--ck-spacing-small, var(--ck-spacing-sm));
  padding-top: calc(var(--ck-font-size-xs) + var(--ck-spacing-lg));
  padding-top: calc(var(--ck-font-size-tiny, var(--ck-font-size-xs)) + var(--ck-spacing-large, var(--ck-spacing-lg)));
  min-width: calc(76px + var(--ck-spacing-base));
  min-width: calc(76px + var(--ck-spacing-standard, var(--ck-spacing-base)));
}

.ck-widget.html-object-embed:not(.ck-widget_selected):not(:hover) {
    outline: var(--ck-html-object-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
  }

.ck-widget.html-object-embed:before {
    content: attr(data-html-object-embed-label);
    top: 0;
    left: var(--ck-spacing-base);
    left: var(--ck-spacing-standard, var(--ck-spacing-base));
    background: var(--ck-color-base-text-light);
    transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
    padding: calc(var(--ck-spacing-xs) + var(--ck-html-object-embed-unfocused-outline-width)) var(--ck-spacing-sm) var(--ck-spacing-xs);
    padding: calc(var(--ck-spacing-tiny, var(--ck-spacing-xs)) + var(--ck-html-object-embed-unfocused-outline-width)) var(--ck-spacing-small, var(--ck-spacing-sm)) var(--ck-spacing-tiny, var(--ck-spacing-xs));
    border-radius: 0 0 var(--ck-radius-base) var(--ck-radius-base);
    border-radius: 0 0 var(--ck-border-radius, var(--ck-radius-base)) var(--ck-border-radius, var(--ck-radius-base));
    color: var(--ck-color-base-background);
    font-style: normal;
    font-weight: normal;
    font-size: var(--ck-font-size-xs);
    font-size: var(--ck-font-size-tiny, var(--ck-font-size-xs));
    font-family: var(--ck-font-family);
    font-family: var(--ck-font-face, var(--ck-font-family));
    position: absolute;
  }

.ck-widget.html-object-embed .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before {
    margin-left: 50px;
  }

.ck-widget.html-object-embed .html-object-embed__content {
    pointer-events: none;
  }

div.ck-widget.html-object-embed {
  margin: 1em auto;
}

span.ck-widget.html-object-embed {
  display: inline-block;
}

:root, :host {
  --ck-content-color-image-caption-background: #f7f7f7;
  --ck-color-image-caption-highlighted-background: #fd0;
}

@media (forced-colors: none) {

.ck.ck-editor__editable .image > figcaption.image__caption_highlighted {
    animation: .6s ease-out ck-image-caption-highlight
}
  }

@media (prefers-reduced-motion: reduce) {

.ck.ck-editor__editable .image > figcaption.image__caption_highlighted {
    animation: none
}
  }

@keyframes ck-image-caption-highlight {
  0% {
    background-color: var(--ck-color-image-caption-highlighted-background);
  }

  100% {
    background-color: var(--ck-content-color-image-caption-background);
  }
}

.ck.ck-editor__editable td .image-inline.image_resized img, .ck.ck-editor__editable th .image-inline.image_resized img {
      max-width: 100%;
    }

[dir="ltr"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
  margin-right: var(--ck-spacing-base);
  margin-right: var(--ck-spacing-standard, var(--ck-spacing-base));
}

[dir="rtl"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
  margin-left: var(--ck-spacing-base);
  margin-left: var(--ck-spacing-standard, var(--ck-spacing-base));
}

.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label {
  width: 4em;
}

.ck.ck-editor__editable .image.ck-appear, .ck.ck-editor__editable .image-inline.ck-appear {
      animation: .7s fadeIn;
    }

@media (prefers-reduced-motion: reduce) {

.ck.ck-editor__editable .image.ck-appear, .ck.ck-editor__editable .image-inline.ck-appear {
        opacity: 1;

        animation: none
    }
      }

.ck.ck-editor__editable .image, .ck.ck-editor__editable .image-inline {
    position: relative;
}

.ck.ck-editor__editable .image .ck-progress-bar, .ck.ck-editor__editable .image-inline .ck-progress-bar {
    background: var(--ck-color-upload-bar-background);
    width: 0;
    height: 2px;
    transition: width .1s;
    position: absolute;
    top: 0;
    left: 0;
  }

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

:root, :host {
  --ck-color-image-upload-icon: var(--ck-color-base-background);
  --ck-color-image-upload-icon-background: var(--ck-color-base-success);
  --ck-image-upload-icon-size: 20;
  --ck-image-upload-icon-width: 2px;
  --ck-image-upload-icon-is-visible: clamp(0px, 100% - 50px, 1px);
}

.ck-image-upload-complete-icon {
  opacity: 0;
  background: var(--ck-color-image-upload-icon-background);
  font-size: calc(1px * var(--ck-image-upload-icon-size));
  width: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
  height: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
  top: min(var(--ck-spacing-base), 6%);
  top: min(var(--ck-spacing-medium, var(--ck-spacing-base)), 6%);
  right: min(var(--ck-spacing-base), 6%);
  right: min(var(--ck-spacing-medium, var(--ck-spacing-base)), 6%);
  border-radius: 50%;
  animation-name: ck-upload-complete-icon-show, ck-upload-complete-icon-hide;
  animation-duration: .5s, .5s;
  animation-delay: 0s, 3s;
  animation-fill-mode: forwards, forwards;
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: 1;
}

.ck-image-upload-complete-icon:after {
    opacity: 0;
    transform-origin: 0 0;
    border-top: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
    border-right: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
    box-sizing: border-box;
    content: "";
    width: 0;
    height: 0;
    animation-name: ck-upload-complete-icon-check;
    animation-duration: .5s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    position: absolute;
    top: 50%;
    left: 25%;
    transform: scaleX(-1) rotate(135deg);
  }

@media (prefers-reduced-motion: reduce) {

.ck-image-upload-complete-icon {
    animation-duration: 0s;
}

    .ck-image-upload-complete-icon:after {
      opacity: 1;
      width: .3em;
      height: .45em;
      animation: none;
    }
  }

@keyframes ck-upload-complete-icon-show {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes ck-upload-complete-icon-hide {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes ck-upload-complete-icon-check {
  0% {
    opacity: 1;
    width: 0;
    height: 0;
  }

  33% {
    width: .3em;
    height: 0;
  }

  100% {
    opacity: 1;
    width: .3em;
    height: .45em;
  }
}

:root, :host {
  --ck-color-upload-placeholder-loader: #b3b3b3;
  --ck-upload-placeholder-loader-size: 32px;
  --ck-upload-placeholder-image-aspect-ratio: 2.8;
}

.ck .ck-image-upload-placeholder {
  width: 100%;
  margin: 0;
}

.ck .ck-image-upload-placeholder.image-inline {
    width: calc(2 * var(--ck-upload-placeholder-loader-size) * var(--ck-upload-placeholder-image-aspect-ratio));
  }

.ck .ck-image-upload-placeholder img {
    aspect-ratio: var(--ck-upload-placeholder-image-aspect-ratio);
  }

.ck .ck-upload-placeholder-loader {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

.ck .ck-upload-placeholder-loader:before {
    width: var(--ck-upload-placeholder-loader-size);
    height: var(--ck-upload-placeholder-loader-size);
    border-top: 3px solid var(--ck-color-upload-placeholder-loader);
    content: "";
    border-right: 2px solid rgba(0,0,0,0);
    border-radius: 50%;
    animation: 1s linear infinite ck-upload-placeholder-loader;
    position: relative;
  }

.ck .ck-upload-placeholder-loader {
  left: 0;
}

@keyframes ck-upload-placeholder-loader {
  to {
    transform: rotate(360deg);
  }
}

.ck.ck-editor__editable .image > figcaption.ck-placeholder:before {
    padding-left: inherit;
    padding-right: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

.ck.ck-editor__editable .image {
    z-index: 1;
  }

.ck.ck-editor__editable .image.ck-widget_selected {
      z-index: 2;
    }

.ck.ck-editor__editable .image-inline {
    z-index: 1;
  }

.ck.ck-editor__editable .image-inline.ck-widget_selected {
      z-index: 2;
    }

.ck.ck-editor__editable .image-inline.ck-widget_selected ::-moz-selection {
        display: none;
      }

.ck.ck-editor__editable .image-inline.ck-widget_selected ::selection {
        display: none;
      }

.ck.ck-editor__editable .image-inline img {
    height: auto;
  }

.ck.ck-editor__editable td .image-inline img, .ck.ck-editor__editable th .image-inline img {
      max-width: none;
    }

.ck.ck-editor__editable img.image_placeholder {
    background-size: 100% 100%;
  }

:root, :host {
  --ck-image-insert-insert-by-url-width: var(--ck-width-md);
  --ck-image-insert-form-padding: var(--ck-spacing-padding);
  --ck-image-insert-form-button-gap: var(--ck-spacing-gap-tight);
}

.ck.ck-image-insert-url {
  --ck-input-width: 100%;
  width: 400px;
}

.ck.ck-image-insert-url .ck-image-insert-url__action-row {
    grid-column-gap: var(--ck-spacing-lg);
    grid-column-gap: var(--ck-spacing-large, var(--ck-spacing-lg));
    margin-top: var(--ck-spacing-lg);
    margin-top: var(--ck-spacing-large, var(--ck-spacing-lg));
    display: grid;
  }

.ck.ck-image-insert-url .ck-image-insert-url__action-row:empty {
      margin-top: 0;
    }

.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-save, .ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-cancel {
      justify-content: center;
      min-width: auto;
    }

.ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button .ck-button__label {
      color: var(--ck-color-text);
    }

.ck.ck-image-insert-url .ck-image-insert-url__action-row {
    grid-template-columns: repeat(2, 1fr);
}

.ck.ck-image-insert-url {
  padding: var(--ck-dialog-content-padding);
}

.ck.ck-image-insert-form {
  padding: var(--ck-image-insert-form-padding);
}

.ck.ck-image-insert-form > .ck.ck-button {
    width: 100%;
    display: block;
  }

[dir="ltr"] .ck.ck-image-insert-form > .ck.ck-button {
      text-align: left;
    }

[dir="rtl"] .ck.ck-image-insert-form > .ck.ck-button {
      text-align: right;
    }

.ck.ck-image-insert-form > .ck.ck-button:not(:last-child) {
      margin-bottom: var(--ck-image-insert-form-button-gap);
    }

.ck.ck-image-insert-form > .ck.ck-collapsible:not(:first-child) {
      border-top: 1px solid var(--ck-color-base-border);
    }

.ck.ck-image-insert-form > .ck.ck-collapsible:not(:last-child) {
      border-bottom: 1px solid var(--ck-color-base-border);
    }

.ck.ck-image-insert-form > .ck.ck-collapsible {
    min-width: var(--ck-image-insert-insert-by-url-width);
}

.ck.ck-image-insert-form:focus {
    outline: none;
  }

:root, :host {
  --ck-image-custom-resize-form-width: var(--ck-width-balloon-form);
}

.ck.ck-image-custom-resize-form.ck-responsive-form {
    width: var(--ck-image-custom-resize-form-width);
  }

:root, :host {
  --ck-text-alternative-form-width: var(--ck-width-balloon-form);
}

.ck.ck-text-alternative-form.ck-responsive-form {
    width: var(--ck-text-alternative-form-width);
  }

:root, :host {
  --ck-content-color-image-caption-background: #f7f7f7;
  --ck-content-color-image-caption-text: #333;
  --ck-content-image-style-spacing: 1.5em;
  --ck-content-inline-image-style-spacing: calc(var(--ck-content-image-style-spacing) / 2);
}

.ck-content .image > figcaption {
  caption-side: bottom;
  word-break: normal;
  word-wrap: anywhere;
  page-break-before: avoid;
  -moz-column-break-before: avoid;
  break-before: avoid;
  color: var(--ck-content-color-image-caption-text);
  background-color: var(--ck-content-color-image-caption-background);
  outline-offset: -1px;
  padding: .6em;
  font-size: .75em;
  display: table-caption;
}

@media (forced-colors: active) {

.ck-content .image > figcaption {
    background-color: unset;

    color: unset
}
  }

.ck-content img.image_resized {
  height: auto;
}

.ck-content .image.image_resized {
  box-sizing: border-box;
  max-width: 100%;
  display: block;
}

.ck-content .image.image_resized img {
    width: 100%;
  }

.ck-content .image.image_resized > figcaption {
    display: block;
  }

.ck-content .image.image-style-block-align-left, .ck-content .image.image-style-block-align-right {
      max-width: calc(100% - var(--ck-content-image-style-spacing));
    }

.ck-content .image.image-style-align-left, .ck-content .image.image-style-align-right {
      clear: none;
    }

.ck-content .image.image-style-side {
      float: right;
      margin-left: var(--ck-content-image-style-spacing);
      max-width: 50%;
    }

.ck-content .image.image-style-align-left {
      float: left;
      margin-right: var(--ck-content-image-style-spacing);
    }

.ck-content .image.image-style-align-right {
      float: right;
      margin-left: var(--ck-content-image-style-spacing);
    }

.ck-content .image.image-style-block-align-right {
      margin-left: auto;
      margin-right: 0;
    }

.ck-content .image.image-style-block-align-left {
      margin-left: 0;
      margin-right: auto;
    }

.ck-content .image-style-align-center {
    margin-left: auto;
    margin-right: auto;
  }

.ck-content .image-style-align-left {
    float: left;
    margin-right: var(--ck-content-image-style-spacing);
  }

.ck-content .image-style-align-right {
    float: right;
    margin-left: var(--ck-content-image-style-spacing);
  }

.ck-content p + .image.image-style-align-left, .ck-content p + .image.image-style-align-right, .ck-content p + .image.image-style-side {
    margin-top: 0;
  }

.ck-content .image-inline.image-style-align-left, .ck-content .image-inline.image-style-align-right {
      margin-top: var(--ck-content-inline-image-style-spacing);
      margin-bottom: var(--ck-content-inline-image-style-spacing);
    }

.ck-content .image-inline.image-style-align-left {
      margin-right: var(--ck-content-inline-image-style-spacing);
    }

.ck-content .image-inline.image-style-align-right {
      margin-left: var(--ck-content-inline-image-style-spacing);
    }

.ck-content .image {
    clear: both;
    text-align: center;
    min-width: 50px;
    margin: .9em auto;
    display: table;
  }

.ck-content .image img {
      min-width: 100%;
      max-width: 100%;
      height: auto;
      margin: 0 auto;
      display: block;
    }

.ck-content .image-inline {
    align-items: flex-start;
    max-width: 100%;
    display: inline-flex;
  }

.ck-content .image-inline picture {
      display: flex;
    }

.ck-content .image-inline picture, .ck-content .image-inline img {
      flex-grow: 1;
      flex-shrink: 1;
      max-width: 100%;
    }

.ck .ck-link_selected {
  background: var(--ck-color-link-selected-background);
}

.ck .ck-link_selected span.image-inline {
    outline: var(--ck-widget-outline-thickness) solid var(--ck-color-link-selected-background);
  }

.ck .ck-fake-link-selection {
  background: var(--ck-color-link-fake-selection);
}

.ck .ck-fake-link-selection_collapsed {
  border-right: 1px solid var(--ck-color-base-text);
  outline: var(--ck-outline-fake-caret);
  height: 100%;
  margin-right: -1px;
}

:root, :host {
  --ck-link-bookmark-icon-size: calc(var(--ck-icon-size) * .7);
}

.ck.ck-toolbar.ck-link-toolbar > .ck-toolbar__items {
    flex-wrap: nowrap;
  }

a.ck.ck-button.ck-link-toolbar__preview {
  padding: 0 var(--ck-spacing-base);
  padding: 0 var(--ck-spacing-medium, var(--ck-spacing-base));
  color: var(--ck-color-link-default);
  cursor: pointer;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

a.ck.ck-button.ck-link-toolbar__preview .ck.ck-button__label {
    text-overflow: ellipsis;
    max-width: var(--ck-input-width);
  }

a.ck.ck-button.ck-link-toolbar__preview, a.ck.ck-button.ck-link-toolbar__preview:hover, a.ck.ck-button.ck-link-toolbar__preview:focus, a.ck.ck-button.ck-link-toolbar__preview:active {
    background: none;
  }

a.ck.ck-button.ck-link-toolbar__preview:active {
    box-shadow: none;
  }

a.ck.ck-button.ck-link-toolbar__preview:hover, a.ck.ck-button.ck-link-toolbar__preview:focus {
    text-decoration: underline;
  }

a.ck.ck-button.ck-link-toolbar__preview.ck-button_with-text .ck.ck-icon.ck-button__icon {
    width: var(--ck-link-bookmark-icon-size);
    height: var(--ck-link-bookmark-icon-size);
  }

[dir="ltr"] a.ck.ck-button.ck-link-toolbar__preview.ck-button_with-text .ck.ck-icon.ck-button__icon {
      margin-right: var(--ck-spacing-xs);
      margin-right: var(--ck-spacing-tiny, var(--ck-spacing-xs));
      margin-left: var(--ck-spacing-sm);
      margin-left: var(--ck-spacing-small, var(--ck-spacing-sm));
    }

[dir="rtl"] a.ck.ck-button.ck-link-toolbar__preview.ck-button_with-text .ck.ck-icon.ck-button__icon {
      margin-left: var(--ck-spacing-xs);
      margin-left: var(--ck-spacing-tiny, var(--ck-spacing-xs));
      margin-right: var(--ck-spacing-sm);
      margin-right: var(--ck-spacing-small, var(--ck-spacing-sm));
    }

a.ck.ck-button.ck-link-toolbar__preview[\:has\(.ck-icon\)] {
    padding-left: var(--ck-spacing-2xs);
    padding-left: var(--ck-spacing-extra-tiny, var(--ck-spacing-2xs));
  }

a.ck.ck-button.ck-link-toolbar__preview:has(.ck-icon) {
    padding-left: var(--ck-spacing-2xs);
    padding-left: var(--ck-spacing-extra-tiny, var(--ck-spacing-2xs));
  }

.ck.ck-link-toolbar__preview {
  display: inline-block;
}

.ck.ck-link-toolbar__preview .ck-button__label {
    overflow: hidden;
  }

:root, :host {
  --ck-link-image-indicator-icon-size: 20;
  --ck-link-image-indicator-icon-is-visible: clamp(0px, 100% - 50px, 1px);
}

.ck.ck-editor__editable figure.image > a:after, .ck.ck-editor__editable a span.image-inline:after {
      content: "";
      top: min(var(--ck-spacing-base), 6%);
      top: min(var(--ck-spacing-medium, var(--ck-spacing-base)), 6%);
      right: min(var(--ck-spacing-base), 6%);
      right: min(var(--ck-spacing-medium, var(--ck-spacing-base)), 6%);
      width: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
      height: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size));
      background-color: rgba(0,0,0,0.4);
      background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTExLjA3NyAxNSAuOTkxLTEuNDE2YS43NS43NSAwIDEgMSAxLjIyOS44NmwtMS4xNDggMS42NGEuNzQ4Ljc0OCAwIDAgMS0uMjE3LjIwNiA1LjI1MSA1LjI1MSAwIDAgMS04LjUwMy01Ljk1NS43NDEuNzQxIDAgMCAxIC4xMi0uMjc0bDEuMTQ3LTEuNjM5YS43NS43NSAwIDEgMSAxLjIyOC44Nkw0LjkzMyAxMC43bC4wMDYuMDAzYTMuNzUgMy43NSAwIDAgMCA2LjEzMiA0LjI5NGwuMDA2LjAwNHptNS40OTQtNS4zMzVhLjc0OC43NDggMCAwIDEtLjEyLjI3NGwtMS4xNDcgMS42MzlhLjc1Ljc1IDAgMSAxLTEuMjI4LS44NmwuODYtMS4yM2EzLjc1IDMuNzUgMCAwIDAtNi4xNDQtNC4zMDFsLS44NiAxLjIyOWEuNzUuNzUgMCAwIDEtMS4yMjktLjg2bDEuMTQ4LTEuNjRhLjc0OC43NDggMCAwIDEgLjIxNy0uMjA2IDUuMjUxIDUuMjUxIDAgMCAxIDguNTAzIDUuOTU1em0tNC41NjMtMi41MzJhLjc1Ljc1IDAgMCAxIC4xODQgMS4wNDVsLTMuMTU1IDQuNTA1YS43NS43NSAwIDEgMS0xLjIyOS0uODZsMy4xNTUtNC41MDZhLjc1Ljc1IDAgMCAxIDEuMDQ1LS4xODR6Ii8+PC9zdmc+");
      background-position: center;
      background-repeat: no-repeat;
      background-size: 14px;
      border-radius: 100%;
      display: block;
      position: absolute;
      overflow: hidden;
    }

:root, :host {
  --ck-link-panel-width: var(--ck-width-balloon-form);
  --ck-link-provider-list-item-text-height: calc(var(--ck-line-height-base) * var(--ck-font-size-normal, var(--ck-font-size-base)));
  --ck-link-provider-list-item-height: calc(var(--ck-link-provider-list-item-text-height) + var(--ck-spacing-small, var(--ck-spacing-sm)) + var(--ck-spacing-small, var(--ck-spacing-sm)));
  --ck-link-provider-list-padding-bottom: var(--ck-spacing-padding-compact);
}

.ck.ck-form.ck-link-form {
  width: var(--ck-link-panel-width);
  padding-bottom: 0;
}

@media screen and (max-width: 600px) {
      .ck.ck-form.ck-link-form.ck-responsive-form .ck-labeled-field-view {
        flex-basis: 0;
        margin: 0;
      }

      .ck.ck-form.ck-link-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit {
        align-items: flex-start;
        grid-gap: var(--ck-spacing-gap-comfortable) var(--ck-spacing-padding);
        gap: var(--ck-spacing-gap-comfortable) var(--ck-spacing-padding);
        padding: var(--ck-form-row-padding);
        padding-bottom: var(--ck-spacing-padding-comfortable);
        flex-flow: wrap;
      }
        .ck.ck-form.ck-link-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit > .ck {
          margin: 0;
        }
        .ck.ck-form.ck-link-form.ck-responsive-form .ck.ck-form__row.ck-form__row_with-submit > .ck-button-action {
          flex-basis: 100%;
        }
    }

.ck.ck-form.ck-link-form .ck-link-form__providers-list {
    padding-bottom: var(--ck-link-provider-list-padding-bottom);
    flex-direction: column;
    display: flex;
    position: relative;
  }

.ck.ck-form.ck-link-form .ck-link-form__providers-list:before {
      content: "";
      border-top: var(--ck-border-divider);
      height: 0;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
    }

.ck.ck-form.ck-link-form .ck-link-form__providers-list[\:has\(.ck-list__item\:nth-child\(n\%2B5\)\)] {
      max-height: calc(var(--ck-link-provider-list-item-height) * 4 + var(--ck-spacing-lg) + 1px);
      max-height: calc(var(--ck-link-provider-list-item-height) * 4 + var(--ck-spacing-large, var(--ck-spacing-lg)) + 1px);
      overflow: auto;
    }

.ck.ck-form.ck-link-form .ck-link-form__providers-list:has(.ck-list__item:nth-child(n+5)) {
      max-height: calc(var(--ck-link-provider-list-item-height) * 4 + var(--ck-spacing-lg) + 1px);
      max-height: calc(var(--ck-link-provider-list-item-height) * 4 + var(--ck-spacing-large, var(--ck-spacing-lg)) + 1px);
      overflow: auto;
    }

.ck.ck-form.ck-link-form .ck-link-form__providers-list .ck-link__button {
      padding: var(--ck-spacing-sm) var(--ck-spacing-lg);
      padding: var(--ck-spacing-small, var(--ck-spacing-sm)) var(--ck-spacing-large, var(--ck-spacing-lg));
      border-radius: var(--ck-button-border-radius);
    }

.ck.ck-form.ck-link-form .ck-link-form__providers-list .ck-link__button > .ck-button__label {
        text-overflow: ellipsis;
        flex-grow: 1;
        overflow: hidden;
      }

.ck.ck-link-form .ck-link__items:empty {
    display: none;
  }

:root, :host {
  --ck-link-properties-width: var(--ck-width-balloon-form);
}

.ck.ck-link-properties {
  width: var(--ck-link-properties-width);
}

:root, :host {
  --ck-link-providers-width: var(--ck-width-balloon-form);
  --ck-link-list-view-max-height: 240px;
  --ck-link-list-view-icon-size: calc(var(--ck-icon-size) * .8);
}

.ck.ck-link-providers {
  width: var(--ck-link-providers-width);
}

.ck.ck-link-providers .ck-form__header__label {
    text-overflow: ellipsis;
    overflow: hidden;
  }

.ck.ck-link-providers > .ck-link-providers__list {
    max-height: min(var(--ck-link-list-view-max-height), 40vh);
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
  }

.ck.ck-link-providers > .ck-link-providers__list .ck-button > .ck-icon {
        width: var(--ck-link-list-view-icon-size);
        height: var(--ck-link-list-view-icon-size);
        flex-shrink: 0;
      }

.ck.ck-link-providers > .ck-link-providers__list .ck-button > .ck-button__label {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
      }

.ck.ck-link-providers > .ck-link-providers__list {
    overscroll-behavior: contain;
}

.ck.ck-link-providers .ck-link__empty-list-info {
    padding: calc(2 * var(--ck-spacing-lg)) var(--ck-spacing-base);
    padding: calc(2 * var(--ck-spacing-large, var(--ck-spacing-lg))) var(--ck-spacing-medium, var(--ck-spacing-base));
    text-align: center;
    font-style: italic;
  }

.ck-editor__editable .ck-list-bogus-paragraph {
  display: block;
}

:root, :host {
  --ck-list-style-button-size: 44px;
  --ck-list-styles-list-padding: var(--ck-spacing-padding);
}

.ck.ck-list-styles-list {
  grid-row-gap: var(--ck-spacing-base);
  row-gap: var(--ck-spacing-base);
  grid-row-gap: var(--ck-spacing-medium, var(--ck-spacing-base));
  row-gap: var(--ck-spacing-medium, var(--ck-spacing-base));
  grid-column-gap: var(--ck-spacing-base);
  -moz-column-gap: var(--ck-spacing-base);
  column-gap: var(--ck-spacing-base);
  grid-column-gap: var(--ck-spacing-medium, var(--ck-spacing-base));
  -moz-column-gap: var(--ck-spacing-medium, var(--ck-spacing-base));
  column-gap: var(--ck-spacing-medium, var(--ck-spacing-base));
  padding: var(--ck-list-styles-list-padding);
  grid-template-columns: repeat(3, auto);
}

.ck.ck-list-styles-list .ck-button {
    width: var(--ck-list-style-button-size);
    height: var(--ck-list-style-button-size);
    box-sizing: content-box;
    margin: 0;
    padding: 0;
  }

.ck.ck-list-styles-list .ck-button .ck-icon {
      width: var(--ck-list-style-button-size);
      height: var(--ck-list-style-button-size);
    }

.ck.ck-list-styles-list {
  display: grid;
}

.ck.ck-list-properties.ck-list-properties_without-styles {
    padding: var(--ck-spacing-lg);
    padding: var(--ck-spacing-large, var(--ck-spacing-lg));
  }

.ck.ck-list-properties.ck-list-properties_without-styles > * {
      min-width: 14em;
    }

.ck.ck-list-properties.ck-list-properties_without-styles > * + * {
        margin-top: var(--ck-spacing-base);
        margin-top: var(--ck-spacing-standard, var(--ck-spacing-base));
      }

.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-list-styles-list {
      grid-template-columns: repeat(4, auto);
    }

.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible {
      border-top: var(--ck-border-divider);
    }

.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * {
          width: 100%;
        }

.ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * + * {
            margin-top: var(--ck-spacing-base);
            margin-top: var(--ck-spacing-standard, var(--ck-spacing-base));
          }

.ck.ck-list-properties .ck.ck-numbered-list-properties__start-index .ck-input {
    width: 100%;
    min-width: auto;
  }

.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order {
    margin-bottom: calc(-1 * var(--ck-spacing-xs));
    margin-bottom: calc(-1 * var(--ck-spacing-tiny, var(--ck-spacing-xs)));
    background: none;
    padding-left: 0;
    padding-right: 0;
  }

.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:active, .ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:hover {
      box-shadow: none;
      background: none;
      border-color: rgba(0,0,0,0);
    }

:root, :host {
  --ck-content-todo-list-checkmark-size: 16px;
}

.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input {
  -webkit-appearance: none;
  width: var(--ck-content-todo-list-checkmark-size);
  height: var(--ck-content-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  margin-left: 0;
  margin-right: -15px;
  display: inline-block;
  position: relative;
  left: -25px;
  right: 0;
}

[dir="rtl"].ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input {
    margin-left: -15px;
    margin-right: 0;
    left: 0;
    right: -25px;
  }

.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input:before {
    box-sizing: border-box;
    content: "";
    border: 1px solid #333;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    transition: box-shadow .25s ease-in-out;
    display: block;
    position: absolute;
  }

@media (prefers-reduced-motion: reduce) {

.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input:before {
      transition: none
  }
    }

.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input:after {
    box-sizing: content-box;
    pointer-events: none;
    content: "";
    left: calc(var(--ck-content-todo-list-checkmark-size) / 3);
    top: calc(var(--ck-content-todo-list-checkmark-size) / 5.3);
    width: calc(var(--ck-content-todo-list-checkmark-size) / 5.3);
    height: calc(var(--ck-content-todo-list-checkmark-size) / 2.6);
    border-style: solid;
    border-color: rgba(0,0,0,0);
    border-width: 0 calc(var(--ck-content-todo-list-checkmark-size) / 8) calc(var(--ck-content-todo-list-checkmark-size) / 8) 0;
    display: block;
    position: absolute;
    transform: rotate(45deg);
  }

.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input[checked]:before {
      background: #26ab33;
      border-color: #26ab33;
    }

.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input[checked]:after {
      border-color: #fff;
    }

.ck-editor__editable.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input {
    cursor: pointer;
  }

.ck-editor__editable.ck-content .todo-list .todo-list__label > input:hover:before, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable="false"] > input:hover:before {
      box-shadow: 0 0 0 5px rgba(0,0,0,0.10196);
    }

.ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type="checkbox"] {
      position: absolute;
    }

:root, :host {
  --ck-content-list-marker-color: var(--ck-content-font-color);
  --ck-content-list-marker-font-family: var(--ck-content-font-family);
  --ck-content-list-marker-font-size: var(--ck-content-font-size);
  --ck-content-todo-list-checkmark-size: 16px;
}

.ck-content li > p:first-of-type {
    margin-top: 0;
  }

.ck-content li > p:only-of-type {
    margin-top: 0;
    margin-bottom: 0;
  }

.ck-content li.ck-list-marker-bold::marker {
    font-weight: bold;
  }

.ck-content li.ck-list-marker-italic::marker {
    font-style: italic;
  }

.ck-content li.ck-list-marker-color::marker {
    color: var(--ck-content-list-marker-color);
  }

.ck-content li.ck-list-marker-font-family::marker {
    font-family: var(--ck-content-list-marker-font-family);
  }

.ck-content li.ck-list-marker-font-size::marker {
    font-size: var(--ck-content-list-marker-font-size);
  }

.ck-content li.ck-list-marker-font-size-tiny::marker {
    font-size: var(--ck-content-font-size-tiny);
  }

.ck-content li.ck-list-marker-font-size-small::marker {
    font-size: var(--ck-content-font-size-small);
  }

.ck-content li.ck-list-marker-font-size-big::marker {
    font-size: var(--ck-content-font-size-big);
  }

.ck-content li.ck-list-marker-font-size-huge::marker {
    font-size: var(--ck-content-font-size-huge);
  }

.ck-content ol {
  list-style-type: decimal;
}

.ck-content ol ol {
    list-style-type: lower-latin;
  }

.ck-content ol ol ol {
      list-style-type: lower-roman;
    }

.ck-content ol ol ol ol {
        list-style-type: upper-latin;
      }

.ck-content ol ol ol ol ol {
          list-style-type: upper-roman;
        }

.ck-content ul {
  list-style-type: disc;
}

.ck-content ul ul {
    list-style-type: circle;
  }

.ck-content ul ul ul {
      list-style-type: square;
    }

.ck-content ul ul ul ul {
        list-style-type: square;
      }

.ck-content .todo-list .todo-list__label > input {
  -webkit-appearance: none;
  width: var(--ck-content-todo-list-checkmark-size);
  height: var(--ck-content-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  margin-left: 0;
  margin-right: -15px;
  display: inline-block;
  position: relative;
  left: -25px;
  right: 0;
}

[dir="rtl"].ck-content .todo-list .todo-list__label > input {
    margin-left: -15px;
    margin-right: 0;
    left: 0;
    right: -25px;
  }

.ck-content .todo-list .todo-list__label > input:before {
    box-sizing: border-box;
    content: "";
    border: 1px solid #333;
    border-radius: 2px;
    width: 100%;
    height: 100%;
    transition: box-shadow .25s ease-in-out;
    display: block;
    position: absolute;
  }

@media (prefers-reduced-motion: reduce) {

.ck-content .todo-list .todo-list__label > input:before {
      transition: none
  }
    }

.ck-content .todo-list .todo-list__label > input:after {
    box-sizing: content-box;
    pointer-events: none;
    content: "";
    left: calc(var(--ck-content-todo-list-checkmark-size) / 3);
    top: calc(var(--ck-content-todo-list-checkmark-size) / 5.3);
    width: calc(var(--ck-content-todo-list-checkmark-size) / 5.3);
    height: calc(var(--ck-content-todo-list-checkmark-size) / 2.6);
    border-style: solid;
    border-color: rgba(0,0,0,0);
    border-width: 0 calc(var(--ck-content-todo-list-checkmark-size) / 8) calc(var(--ck-content-todo-list-checkmark-size) / 8) 0;
    display: block;
    position: absolute;
    transform: rotate(45deg);
  }

.ck-content .todo-list .todo-list__label > input[checked]:before {
      background: #26ab33;
      border-color: #26ab33;
    }

.ck-content .todo-list .todo-list__label > input[checked]:after {
      border-color: #fff;
    }

.ck-content .todo-list {
  list-style: none;
}

.ck-content .todo-list li {
    margin-bottom: 5px;
    position: relative;
  }

.ck-content .todo-list li .todo-list {
      margin-top: 5px;
    }

.ck-content .todo-list .todo-list__label .todo-list__label__description {
      vertical-align: middle;
    }

.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type="checkbox"] {
      position: absolute;
    }

:root, :host {
  --ck-media-embed-placeholder-icon-size: 3em;
  --ck-color-media-embed-placeholder-url-text: #757575;
  --ck-color-media-embed-placeholder-url-text-hover: var(--ck-color-base-text);
}

.ck-media__wrapper {
  margin: 0 auto;
}

.ck-media__wrapper .ck-media__placeholder {
    padding: calc(3 * var(--ck-spacing-base));
    padding: calc(3 * var(--ck-spacing-standard, var(--ck-spacing-base)));
    background: var(--ck-color-base-foreground);
    flex-direction: column;
    align-items: center;
    display: flex;
  }

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon {
      min-width: var(--ck-media-embed-placeholder-icon-size);
      height: var(--ck-media-embed-placeholder-icon-size);
      margin-bottom: var(--ck-spacing-lg);
      margin-bottom: var(--ck-spacing-large, var(--ck-spacing-lg));
      background-position: center;
      background-size: cover;
    }

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon .ck-icon {
        width: 100%;
        height: 100%;
      }

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text {
      color: var(--ck-color-media-embed-placeholder-url-text);
      white-space: nowrap;
      text-align: center;
      text-overflow: ellipsis;
      font-style: italic;
    }

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text:hover {
        color: var(--ck-color-media-embed-placeholder-url-text-hover);
        cursor: pointer;
        text-decoration: underline;
      }

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url {
      max-width: 100%;
      position: relative;
    }

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url .ck-media__placeholder__url__text {
        display: block;
        overflow: hidden;
      }

.ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon, .ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon, .ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon, .ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Ik0yMDYuNDc3IDI2MC45bC0yOC45ODcgMjguOTg3YTUuMjE4IDUuMjE4IDAgMCAwIDMuNzggMS42MWg0OS42MjFjMS42OTQgMCAzLjE5LS43OTggNC4xNDYtMi4wMzd6IiBmaWxsPSIjNWM4OGM1Ii8+PHBhdGggZD0iTTIyNi43NDIgMjIyLjk4OGMtOS4yNjYgMC0xNi43NzcgNy4xNy0xNi43NzcgMTYuMDE0LjAwNyAyLjc2Mi42NjMgNS40NzQgMi4wOTMgNy44NzUuNDMuNzAzLjgzIDEuNDA4IDEuMTkgMi4xMDcuMzMzLjUwMi42NSAxLjAwNS45NSAxLjUwOC4zNDMuNDc3LjY3My45NTcuOTg4IDEuNDQgMS4zMSAxLjc2OSAyLjUgMy41MDIgMy42MzcgNS4xNjguNzkzIDEuMjc1IDEuNjgzIDIuNjQgMi40NjYgMy45OSAyLjM2MyA0LjA5NCA0LjAwNyA4LjA5MiA0LjYgMTMuOTE0di4wMTJjLjE4Mi40MTIuNTE2LjY2Ni44NzkuNjY3LjQwMy0uMDAxLjc2OC0uMzE0LjkzLS43OTkuNjAzLTUuNzU2IDIuMjM4LTkuNzI5IDQuNTg1LTEzLjc5NC43ODItMS4zNSAxLjY3My0yLjcxNSAyLjQ2NS0zLjk5IDEuMTM3LTEuNjY2IDIuMzI4LTMuNCAzLjYzOC01LjE2OS4zMTUtLjQ4Mi42NDUtLjk2Mi45ODgtMS40MzkuMy0uNTAzLjYxNy0xLjAwNi45NS0xLjUwOC4zNTktLjcuNzYtMS40MDQgMS4xOS0yLjEwNyAxLjQyNi0yLjQwMiAyLTUuMTE0IDIuMDA0LTcuODc1IDAtOC44NDQtNy41MTEtMTYuMDE0LTE2Ljc3Ni0xNi4wMTR6IiBmaWxsPSIjZGQ0YjNlIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxlbGxpcHNlIHJ5PSI1LjU2NCIgcng9IjUuODI4IiBjeT0iMjM5LjAwMiIgY3g9IjIyNi43NDIiIGZpbGw9IiM4MDJkMjciIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0iTTE5MC4zMDEgMjM3LjI4M2MtNC42NyAwLTguNDU3IDMuODUzLTguNDU3IDguNjA2czMuNzg2IDguNjA3IDguNDU3IDguNjA3YzMuMDQzIDAgNC44MDYtLjk1OCA2LjMzNy0yLjUxNiAxLjUzLTEuNTU3IDIuMDg3LTMuOTEzIDIuMDg3LTYuMjkgMC0uMzYyLS4wMjMtLjcyMi0uMDY0LTEuMDc5aC04LjI1N3YzLjA0M2g0Ljg1Yy0uMTk3Ljc1OS0uNTMxIDEuNDUtMS4wNTggMS45ODYtLjk0Mi45NTgtMi4wMjggMS41NDgtMy45MDEgMS41NDgtMi44NzYgMC01LjIwOC0yLjM3Mi01LjIwOC01LjI5OSAwLTIuOTI2IDIuMzMyLTUuMjk5IDUuMjA4LTUuMjk5IDEuMzk5IDAgMi42MTguNDA3IDMuNTg0IDEuMjkzbDIuMzgxLTIuMzhjMC0uMDAyLS4wMDMtLjAwNC0uMDA0LS4wMDUtMS41ODgtMS41MjQtMy42Mi0yLjIxNS01Ljk1NS0yLjIxNXptNC40MyA1LjY2bC4wMDMuMDA2di0uMDAzeiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjE1LjE4NCAyNTEuOTI5bC03Ljk4IDcuOTc5IDI4LjQ3NyAyOC40NzVjLjI4Ny0uNjQ5LjQ0OS0xLjM2Ni40NDktMi4xMjN2LTMxLjE2NWMtLjQ2OS42NzUtLjkzNCAxLjM0OS0xLjM4MiAyLjAwNS0uNzkyIDEuMjc1LTEuNjgyIDIuNjQtMi40NjUgMy45OS0yLjM0NyA0LjA2NS0zLjk4MiA4LjAzOC00LjU4NSAxMy43OTQtLjE2Mi40ODUtLjUyNy43OTgtLjkzLjc5OS0uMzYzLS4wMDEtLjY5Ny0uMjU1LS44NzktLjY2N3YtLjAxMmMtLjU5My01LjgyMi0yLjIzNy05LjgyLTQuNi0xMy45MTQtLjc4My0xLjM1LTEuNjczLTIuNzE1LTIuNDY2LTMuOTktMS4xMzctMS42NjYtMi4zMjctMy40LTMuNjM3LTUuMTY5bC0uMDAyLS4wMDN6IiBmaWxsPSIjYzNjM2MzIi8+PHBhdGggZD0iTTIxMi45ODMgMjQ4LjQ5NWwtMzYuOTUyIDM2Ljk1M3YuODEyYTUuMjI3IDUuMjI3IDAgMCAwIDUuMjM4IDUuMjM4aDEuMDE1bDM1LjY2Ni0zNS42NjZhMTM2LjI3NSAxMzYuMjc1IDAgMCAwLTIuNzY0LTMuOSAzNy41NzUgMzcuNTc1IDAgMCAwLS45ODktMS40NGMtLjI5OS0uNTAzLS42MTYtMS4wMDYtLjk1LTEuNTA4LS4wODMtLjE2Mi0uMTc2LS4zMjYtLjI2NC0uNDg5eiIgZmlsbD0iI2ZkZGM0ZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjExLjk5OCAyNjEuMDgzbC02LjE1MiA2LjE1MSAyNC4yNjQgMjQuMjY0aC43ODFhNS4yMjcgNS4yMjcgMCAwIDAgNS4yMzktNS4yMzh2LTEuMDQ1eiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48L2c+PC9zdmc+");
  }

.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder {
    background: #4268b3;
  }

.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__icon {
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMDI0cHgiIGhlaWdodD0iMTAyNHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkZpbGwgMTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImZMb2dvX1doaXRlIiBmaWxsPSIjRkZGRkZFIj4gICAgICAgICAgICA8cGF0aCBkPSJNOTY3LjQ4NCwwIEw1Ni41MTcsMCBDMjUuMzA0LDAgMCwyNS4zMDQgMCw1Ni41MTcgTDAsOTY3LjQ4MyBDMCw5OTguNjk0IDI1LjI5NywxMDI0IDU2LjUyMiwxMDI0IEw1NDcsMTAyNCBMNTQ3LDYyOCBMNDE0LDYyOCBMNDE0LDQ3MyBMNTQ3LDQ3MyBMNTQ3LDM1OS4wMjkgQzU0NywyMjYuNzY3IDYyNy43NzMsMTU0Ljc0NyA3NDUuNzU2LDE1NC43NDcgQzgwMi4yNjksMTU0Ljc0NyA4NTAuODQyLDE1OC45NTUgODY1LDE2MC44MzYgTDg2NSwyOTkgTDc4My4zODQsMjk5LjAzNyBDNzE5LjM5MSwyOTkuMDM3IDcwNywzMjkuNTI5IDcwNywzNzQuMjczIEw3MDcsNDczIEw4NjAuNDg3LDQ3MyBMODQwLjUwMSw2MjggTDcwNyw2MjggTDcwNywxMDI0IEw5NjcuNDg0LDEwMjQgQzk5OC42OTcsMTAyNCAxMDI0LDk5OC42OTcgMTAyNCw5NjcuNDg0IEwxMDI0LDU2LjUxNSBDMTAyNCwyNS4zMDMgOTk4LjY5NywwIDk2Ny40ODQsMCIgaWQ9IkZpbGwtMSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+");
    }

.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
      color: #cdf;
    }

.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
        color: #fff;
      }

.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder {
    background: linear-gradient(-135deg, #1400c7, #b800b1, #f50000);
  }

.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__icon {
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MDRweCIgaGVpZ2h0PSI1MDRweCIgdmlld0JveD0iMCAwIDUwNCA1MDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+Z2x5cGgtbG9nb19NYXkyMDE2PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwIDAuMTU5IDUwMy44NDEgMC4xNTkgNTAzLjg0MSA1MDMuOTQgMCA1MDMuOTQiPjwvcG9seWdvbj4gICAgPC9kZWZzPiAgICA8ZyBpZD0iZ2x5cGgtbG9nb19NYXkyMDE2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJHcm91cC0zIj4gICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+ICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+ICAgICAgICAgICAgPC9tYXNrPiAgICAgICAgICAgIDxnIGlkPSJDbGlwLTIiPjwvZz4gICAgICAgICAgICA8cGF0aCBkPSJNMjUxLjkyMSwwLjE1OSBDMTgzLjUwMywwLjE1OSAxNzQuOTI0LDAuNDQ5IDE0OC4wNTQsMS42NzUgQzEyMS4yNCwyLjg5OCAxMDIuOTI3LDcuMTU3IDg2LjkwMywxMy4zODUgQzcwLjMzNywxOS44MjIgNTYuMjg4LDI4LjQzNiA0Mi4yODIsNDIuNDQxIEMyOC4yNzcsNTYuNDQ3IDE5LjY2Myw3MC40OTYgMTMuMjI2LDg3LjA2MiBDNi45OTgsMTAzLjA4NiAyLjczOSwxMjEuMzk5IDEuNTE2LDE0OC4yMTMgQzAuMjksMTc1LjA4MyAwLDE4My42NjIgMCwyNTIuMDggQzAsMzIwLjQ5NyAwLjI5LDMyOS4wNzYgMS41MTYsMzU1Ljk0NiBDMi43MzksMzgyLjc2IDYuOTk4LDQwMS4wNzMgMTMuMjI2LDQxNy4wOTcgQzE5LjY2Myw0MzMuNjYzIDI4LjI3Nyw0NDcuNzEyIDQyLjI4Miw0NjEuNzE4IEM1Ni4yODgsNDc1LjcyMyA3MC4zMzcsNDg0LjMzNyA4Ni45MDMsNDkwLjc3NSBDMTAyLjkyNyw0OTcuMDAyIDEyMS4yNCw1MDEuMjYxIDE0OC4wNTQsNTAyLjQ4NCBDMTc0LjkyNCw1MDMuNzEgMTgzLjUwMyw1MDQgMjUxLjkyMSw1MDQgQzMyMC4zMzgsNTA0IDMyOC45MTcsNTAzLjcxIDM1NS43ODcsNTAyLjQ4NCBDMzgyLjYwMSw1MDEuMjYxIDQwMC45MTQsNDk3LjAwMiA0MTYuOTM4LDQ5MC43NzUgQzQzMy41MDQsNDg0LjMzNyA0NDcuNTUzLDQ3NS43MjMgNDYxLjU1OSw0NjEuNzE4IEM0NzUuNTY0LDQ0Ny43MTIgNDg0LjE3OCw0MzMuNjYzIDQ5MC42MTYsNDE3LjA5NyBDNDk2Ljg0Myw0MDEuMDczIDUwMS4xMDIsMzgyLjc2IDUwMi4zMjUsMzU1Ljk0NiBDNTAzLjU1MSwzMjkuMDc2IDUwMy44NDEsMzIwLjQ5NyA1MDMuODQxLDI1Mi4wOCBDNTAzLjg0MSwxODMuNjYyIDUwMy41NTEsMTc1LjA4MyA1MDIuMzI1LDE0OC4yMTMgQzUwMS4xMDIsMTIxLjM5OSA0OTYuODQzLDEwMy4wODYgNDkwLjYxNiw4Ny4wNjIgQzQ4NC4xNzgsNzAuNDk2IDQ3NS41NjQsNTYuNDQ3IDQ2MS41NTksNDIuNDQxIEM0NDcuNTUzLDI4LjQzNiA0MzMuNTA0LDE5LjgyMiA0MTYuOTM4LDEzLjM4NSBDNDAwLjkxNCw3LjE1NyAzODIuNjAxLDIuODk4IDM1NS43ODcsMS42NzUgQzMyOC45MTcsMC40NDkgMzIwLjMzOCwwLjE1OSAyNTEuOTIxLDAuMTU5IFogTTI1MS45MjEsNDUuNTUgQzMxOS4xODYsNDUuNTUgMzI3LjE1NCw0NS44MDcgMzUzLjcxOCw0Ny4wMTkgQzM3OC4yOCw0OC4xMzkgMzkxLjYxOSw1Mi4yNDMgNDAwLjQ5Niw1NS42OTMgQzQxMi4yNTUsNjAuMjYzIDQyMC42NDcsNjUuNzIyIDQyOS40NjIsNzQuNTM4IEM0MzguMjc4LDgzLjM1MyA0NDMuNzM3LDkxLjc0NSA0NDguMzA3LDEwMy41MDQgQzQ1MS43NTcsMTEyLjM4MSA0NTUuODYxLDEyNS43MiA0NTYuOTgxLDE1MC4yODIgQzQ1OC4xOTMsMTc2Ljg0NiA0NTguNDUsMTg0LjgxNCA0NTguNDUsMjUyLjA4IEM0NTguNDUsMzE5LjM0NSA0NTguMTkzLDMyNy4zMTMgNDU2Ljk4MSwzNTMuODc3IEM0NTUuODYxLDM3OC40MzkgNDUxLjc1NywzOTEuNzc4IDQ0OC4zMDcsNDAwLjY1NSBDNDQzLjczNyw0MTIuNDE0IDQzOC4yNzgsNDIwLjgwNiA0MjkuNDYyLDQyOS42MjEgQzQyMC42NDcsNDM4LjQzNyA0MTIuMjU1LDQ0My44OTYgNDAwLjQ5Niw0NDguNDY2IEMzOTEuNjE5LDQ1MS45MTYgMzc4LjI4LDQ1Ni4wMiAzNTMuNzE4LDQ1Ny4xNCBDMzI3LjE1OCw0NTguMzUyIDMxOS4xOTEsNDU4LjYwOSAyNTEuOTIxLDQ1OC42MDkgQzE4NC42NSw0NTguNjA5IDE3Ni42ODQsNDU4LjM1MiAxNTAuMTIzLDQ1Ny4xNCBDMTI1LjU2MSw0NTYuMDIgMTEyLjIyMiw0NTEuOTE2IDEwMy4zNDUsNDQ4LjQ2NiBDOTEuNTg2LDQ0My44OTYgODMuMTk0LDQzOC40MzcgNzQuMzc5LDQyOS42MjEgQzY1LjU2NCw0MjAuODA2IDYwLjEwNCw0MTIuNDE0IDU1LjUzNCw0MDAuNjU1IEM1Mi4wODQsMzkxLjc3OCA0Ny45OCwzNzguNDM5IDQ2Ljg2LDM1My44NzcgQzQ1LjY0OCwzMjcuMzEzIDQ1LjM5MSwzMTkuMzQ1IDQ1LjM5MSwyNTIuMDggQzQ1LjM5MSwxODQuODE0IDQ1LjY0OCwxNzYuODQ2IDQ2Ljg2LDE1MC4yODIgQzQ3Ljk4LDEyNS43MiA1Mi4wODQsMTEyLjM4MSA1NS41MzQsMTAzLjUwNCBDNjAuMTA0LDkxLjc0NSA2NS41NjMsODMuMzUzIDc0LjM3OSw3NC41MzggQzgzLjE5NCw2NS43MjIgOTEuNTg2LDYwLjI2MyAxMDMuMzQ1LDU1LjY5MyBDMTEyLjIyMiw1Mi4yNDMgMTI1LjU2MSw0OC4xMzkgMTUwLjEyMyw0Ny4wMTkgQzE3Ni42ODcsNDUuODA3IDE4NC42NTUsNDUuNTUgMjUxLjkyMSw0NS41NSBaIiBpZD0iRmlsbC0xIiBmaWxsPSIjRkZGRkZGIiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgICAgIDxwYXRoIGQ9Ik0yNTEuOTIxLDMzNi4wNTMgQzIwNS41NDMsMzM2LjA1MyAxNjcuOTQ3LDI5OC40NTcgMTY3Ljk0NywyNTIuMDggQzE2Ny45NDcsMjA1LjcwMiAyMDUuNTQzLDE2OC4xMDYgMjUxLjkyMSwxNjguMTA2IEMyOTguMjk4LDE2OC4xMDYgMzM1Ljg5NCwyMDUuNzAyIDMzNS44OTQsMjUyLjA4IEMzMzUuODk0LDI5OC40NTcgMjk4LjI5OCwzMzYuMDUzIDI1MS45MjEsMzM2LjA1MyBaIE0yNTEuOTIxLDEyMi43MTUgQzE4MC40NzQsMTIyLjcxNSAxMjIuNTU2LDE4MC42MzMgMTIyLjU1NiwyNTIuMDggQzEyMi41NTYsMzIzLjUyNiAxODAuNDc0LDM4MS40NDQgMjUxLjkyMSwzODEuNDQ0IEMzMjMuMzY3LDM4MS40NDQgMzgxLjI4NSwzMjMuNTI2IDM4MS4yODUsMjUyLjA4IEMzODEuMjg1LDE4MC42MzMgMzIzLjM2NywxMjIuNzE1IDI1MS45MjEsMTIyLjcxNSBaIiBpZD0iRmlsbC00IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgICAgICA8cGF0aCBkPSJNNDE2LjYyNywxMTcuNjA0IEM0MTYuNjI3LDEzNC4zIDQwMy4wOTIsMTQ3LjgzNCAzODYuMzk2LDE0Ny44MzQgQzM2OS43MDEsMTQ3LjgzNCAzNTYuMTY2LDEzNC4zIDM1Ni4xNjYsMTE3LjYwNCBDMzU2LjE2NiwxMDAuOTA4IDM2OS43MDEsODcuMzczIDM4Ni4zOTYsODcuMzczIEM0MDMuMDkyLDg3LjM3MyA0MTYuNjI3LDEwMC45MDggNDE2LjYyNywxMTcuNjA0IiBpZD0iRmlsbC01IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=");
    }

.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
      color: #ffe0fe;
    }

.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
        color: #fff;
      }

.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder {
    background: linear-gradient(to right, #71c6f4, #0d70a5);
  }

.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__icon {
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldoaXRlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCA0MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDAsMjAwYzAsMTEwLjUtODkuNSwyMDAtMjAwLDIwMFMwLDMxMC41LDAsMjAwUzg5LjUsMCwyMDAsMFM0MDAsODkuNSw0MDAsMjAweiBNMTYzLjQsMzA1LjVjODguNywwLDEzNy4yLTczLjUsMTM3LjItMTM3LjJjMC0yLjEsMC00LjItMC4xLTYuMmM5LjQtNi44LDE3LjYtMTUuMywyNC4xLTI1Yy04LjYsMy44LTE3LjksNi40LTI3LjcsNy42YzEwLTYsMTcuNi0xNS40LDIxLjItMjYuN2MtOS4zLDUuNS0xOS42LDkuNS0zMC42LDExLjdjLTguOC05LjQtMjEuMy0xNS4yLTM1LjItMTUuMmMtMjYuNiwwLTQ4LjIsMjEuNi00OC4yLDQ4LjJjMCwzLjgsMC40LDcuNSwxLjMsMTFjLTQwLjEtMi03NS42LTIxLjItOTkuNC01MC40Yy00LjEsNy4xLTYuNSwxNS40LTYuNSwyNC4yYzAsMTYuNyw4LjUsMzEuNSwyMS41LDQwLjFjLTcuOS0wLjItMTUuMy0yLjQtMjEuOC02YzAsMC4yLDAsMC40LDAsMC42YzAsMjMuNCwxNi42LDQyLjgsMzguNyw0Ny4zYy00LDEuMS04LjMsMS43LTEyLjcsMS43Yy0zLjEsMC02LjEtMC4zLTkuMS0wLjljNi4xLDE5LjIsMjMuOSwzMy4xLDQ1LDMzLjVjLTE2LjUsMTIuOS0zNy4zLDIwLjYtNTkuOSwyMC42Yy0zLjksMC03LjctMC4yLTExLjUtMC43QzExMC44LDI5Ny41LDEzNi4yLDMwNS41LDE2My40LDMwNS41Ii8+PC9zdmc+");
    }

.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text {
      color: #b8e6ff;
    }

.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text:hover {
        color: #fff;
      }

.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder__icon * {
      display: none;
    }

.ck-editor__editable:not(.ck-read-only) .ck-media__wrapper > :not(.ck-media__placeholder), .ck-editor__editable:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) .ck-media__placeholder {
  pointer-events: none;
}

.ck .ck-widget.media:-webkit-drag > .ck-widget__resizer {
  display: none;
}

[dir="ltr"] .ck.ck-button.ck-button_with-text.ck-resize-media-embed-button .ck-button__icon {
  margin-right: var(--ck-spacing-base);
  margin-right: var(--ck-spacing-standard, var(--ck-spacing-base));
}

[dir="rtl"] .ck.ck-button.ck-button_with-text.ck-resize-media-embed-button .ck-button__icon {
  margin-left: var(--ck-spacing-base);
  margin-left: var(--ck-spacing-standard, var(--ck-spacing-base));
}

.ck.ck-dropdown .ck-button.ck-resize-media-embed-button .ck-button__label {
  width: 4em;
}

:root, :host {
  --ck-media-embed-custom-resize-form-width: 340px;
}

@media screen and (max-width: 600px) {
  :root, :host {
    --ck-media-embed-custom-resize-form-width: 300px;
  }
}

.ck.ck-media-embed-custom-resize-form.ck-responsive-form {
    width: var(--ck-media-embed-custom-resize-form-width);
  }

:root, :host {
  --ck-media-form-width: var(--ck-width-dialog);
}

.ck.ck-media-form {
  width: var(--ck-media-form-width);
  padding: var(--ck-dialog-content-padding);
  flex-flow: row;
  align-items: flex-start;
  display: flex;
}

.ck.ck-media-form .ck-labeled-field-view {
    width: 100%;
    display: inline-block;
  }

.ck.ck-media-form .ck-label {
    display: none;
  }

.ck.ck-media-form .ck-input {
    width: 100%;
  }

@media screen and (max-width: 600px) {

.ck.ck-media-form {
    flex-wrap: wrap
}

    .ck.ck-media-form .ck-labeled-field-view {
      flex-basis: 100%;
    }

    .ck.ck-media-form .ck-button {
      flex-basis: 50%;
    }
  }

.ck-content .media {
  clear: both;
  min-width: 15em;
  margin: .9em auto;
  display: block;
}

.ck-content .media[\:has\(\%20\%3E\%20div\[data-oembed-url*\%3D\%22open.spotify.com\%22\]\)] {
  width: 300px;
  min-width: 286px;
}

.ck-content .media:has( > div[data-oembed-url*="open.spotify.com"]) {
  width: 300px;
  min-width: 286px;
}

.ck-content .media.media_resized {
  box-sizing: border-box;
  max-width: 100%;
  display: block;
}

.ck-content .media.media_resized > div[data-oembed-url] {
    width: 100%;
  }

:root, :host {
  --ck-content-media-style-spacing: 1.5em;
}

.ck-content .media.media-style-align-left, .ck-content .media.media-style-align-right {
    clear: none;
    width: 100%;
  }

.ck-content .media.media-style-align-left {
    float: left;
    margin-right: var(--ck-content-media-style-spacing);
  }

.ck-content .media.media-style-align-right {
    float: right;
    margin-left: var(--ck-content-media-style-spacing);
  }

.ck-content .media.media-style-block-align-left {
    margin-left: 0;
    margin-right: auto;
  }

.ck-content .media.media-style-block-align-right {
    margin-left: auto;
    margin-right: 0;
  }

:root, :host {
  --ck-mention-list-max-height: 300px;
}

.ck.ck-mentions {
  max-height: var(--ck-mention-list-max-height);
  overscroll-behavior: contain;
  overflow-x: hidden;
  overflow-y: auto;
  overflow: hidden auto;
}

.ck.ck-mentions > .ck-list__item {
    flex-shrink: 0;
    overflow: hidden;
  }

.ck.ck-mentions > .ck-list__item.ck-mentions__item_focused > .ck-button {
    border-color: var(--ck-button-focus-border-color);
    box-shadow: var(--ck-interactive-focus-shadow), 0 0;
    box-shadow: var(--ck-focus-outer-shadow, var(--ck-interactive-focus-shadow)), 0 0;
  }

div.ck.ck-balloon-panel.ck-mention-balloon {
  z-index: calc(var(--ck-z-modal) + 1);
  z-index: calc(var(--ck-z-dialog, var(--ck-z-modal)) + 1);
}

:root, :host {
  --ck-content-color-mention-background: rgba(153,0,48,0.10196);
  --ck-content-color-mention-text: #990030;
}

.ck-content .mention {
  background: var(--ck-content-color-mention-background);
  color: var(--ck-content-color-mention-text);
}

:root, :host {
  --ck-color-minimap-tracker-background: 208, 0%, 51%;
  --ck-color-minimap-iframe-outline: #bfbfbf;
  --ck-color-minimap-iframe-shadow: rgba(0,0,0,0.1098);
  --ck-color-minimap-progress-background: #666;
}

.ck.ck-minimap {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: var(--ck-color-base-background);
  position: absolute;
}

.ck.ck-minimap, .ck.ck-minimap iframe {
    width: 100%;
    height: 100%;
  }

.ck.ck-minimap iframe {
    pointer-events: none;
    outline: 1px solid var(--ck-color-minimap-iframe-outline);
    box-shadow: 0 2px 5px var(--ck-color-minimap-iframe-shadow);
    border: 0;
    margin: 0;
    position: relative;
  }

.ck.ck-minimap .ck.ck-minimap__position-tracker {
    background: hsla(var(--ck-color-minimap-tracker-background), .2);
    z-index: 1;
    width: 100%;
    transition: background .1s ease-in-out;
    position: absolute;
    top: 0;
  }

@media (prefers-reduced-motion: reduce) {

.ck.ck-minimap .ck.ck-minimap__position-tracker {
      transition: none
  }
    }

.ck.ck-minimap .ck.ck-minimap__position-tracker:hover {
      background: hsla(var(--ck-color-minimap-tracker-background), .3);
    }

.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging, .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover {
      background: hsla(var(--ck-color-minimap-tracker-background), .4);
    }

.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:after, .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover:after {
        opacity: 1;
      }

.ck.ck-minimap .ck.ck-minimap__position-tracker:after {
      content: attr(data-progress) "%";
      background: var(--ck-color-minimap-progress-background);
      color: var(--ck-color-base-background);
      border: 1px solid var(--ck-color-base-background);
      opacity: 0;
      border-radius: 3px;
      padding: 2px 4px;
      font-size: 10px;
      transition: opacity .1s ease-in-out;
      position: absolute;
      top: 5px;
      right: 5px;
    }

@media (prefers-reduced-motion: reduce) {

.ck.ck-minimap .ck.ck-minimap__position-tracker:after {
        transition: none
    }
      }

.ck-content .page-break {
  clear: both;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
  display: flex;
  position: relative;
}

.ck-content .page-break:after {
    content: "";
    border-bottom: 2px dashed #c4c4c4;
    width: 100%;
    position: absolute;
  }

.ck-content .page-break__label {
  z-index: 1;
  text-transform: uppercase;
  color: #333;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  padding: .3em .6em;
  font-size: .75em;
  font-weight: bold;
  display: block;
  position: relative;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.14902);
}

@media print {
  .ck-content .page-break {
    padding: 0;
  }
    .ck-content .page-break:after {
      display: none;
    }

  .ck-content [\:has\(\%20\%2B\%20.page-break\)] {
    margin-bottom: 0;
  }

  .ck-content :has( + .page-break) {
    margin-bottom: 0;
  }
}

:root, :host {
  --ck-color-restricted-editing-exception-background: rgba(255,169,76,0.2);
  --ck-color-restricted-editing-exception-hover-background: rgba(255,169,76,0.34902);
  --ck-color-restricted-editing-exception-brackets: rgba(204,105,0,0.4);
  --ck-color-restricted-editing-selected-exception-background: rgba(255,169,76,0.50196);
  --ck-color-restricted-editing-selected-exception-brackets: rgba(204,105,0,0.6);
}

.ck-editor__editable .restricted-editing-exception {
  background-color: var(--ck-color-restricted-editing-exception-background);
  border: 1px solid;
  -o-border-image: linear-gradient(to right,
		var(--ck-color-restricted-editing-exception-brackets) 0%,
		var(--ck-color-restricted-editing-exception-brackets) 5px,
		rgba(0,0,0,0) 6px,
		rgba(0,0,0,0) calc(100% - 6px),
		var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),
		var(--ck-color-restricted-editing-exception-brackets) 100%) 1;
  border-image: linear-gradient(to right,
		var(--ck-color-restricted-editing-exception-brackets) 0%,
		var(--ck-color-restricted-editing-exception-brackets) 5px,
		rgba(0,0,0,0) 6px,
		rgba(0,0,0,0) calc(100% - 6px),
		var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),
		var(--ck-color-restricted-editing-exception-brackets) 100%) 1;
  transition: background .2s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {

.ck-editor__editable .restricted-editing-exception {
    transition: none
}
  }

.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_selected {
    background-color: var(--ck-color-restricted-editing-selected-exception-background);
    -o-border-image: linear-gradient(to right,
			var(--ck-color-restricted-editing-selected-exception-brackets) 0%,
			var(--ck-color-restricted-editing-selected-exception-brackets) 5px,
			var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),
			var(--ck-color-restricted-editing-selected-exception-brackets) 100%) 1;
    border-image: linear-gradient(to right,
			var(--ck-color-restricted-editing-selected-exception-brackets) 0%,
			var(--ck-color-restricted-editing-selected-exception-brackets) 5px,
			var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),
			var(--ck-color-restricted-editing-selected-exception-brackets) 100%) 1;
  }

.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_collapsed {
    padding-left: 1ch;
  }

.ck-restricted-editing_mode_restricted {
  cursor: default;
}

.ck-restricted-editing_mode_restricted * {
    cursor: default;
  }

.ck-restricted-editing_mode_restricted .restricted-editing-exception {
    cursor: text;
  }

.ck-restricted-editing_mode_restricted .restricted-editing-exception * {
      cursor: text;
    }

.ck-restricted-editing_mode_restricted .restricted-editing-exception:hover {
      background: var(--ck-color-restricted-editing-exception-hover-background);
    }

:root, :host {
  --ck-show-blocks-border-color: var(--ck-color-base-text-light);
}

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-address-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-address-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-aside-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-aside-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-blockquote-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-blockquote-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-details-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-details-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget):not(.ck-widget *) {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-div-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-div-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-footer-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-footer-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-h1-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-h1-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-h2-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-h2-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-h3-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-h3-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-h4-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-h4-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-h5-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-h5-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-h6-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-h6-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-header-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-header-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-main-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-main-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-nav-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-nav-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-pre-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-pre-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-ol-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-ol-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-ul-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-ul-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-p-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-p-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-section-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-section-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption {
    --ck-show-blocks-label-ltr: var(--ck-show-blocks-label-figcaption-ltr);
    --ck-show-blocks-label-rtl: var(--ck-show-blocks-label-figcaption-rtl);
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(address, aside, blockquote, details, div:not(.ck-widget):not(.ck-widget *), footer, h1, h2, h3, h4, h5, h6, header, main, nav, pre, ol, ul, p, section, :where(figure.image, figure.table) figcaption) {
    background-repeat: no-repeat;
    padding-top: 15px;
  }

.ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(address, aside, blockquote, details, div:not(.ck-widget):not(.ck-widget *), footer, h1, h2, h3, h4, h5, h6, header, main, nav, pre, ol, ul, p, section, :where(figure.image, figure.table) figcaption):where(:not(.ck-widget_selected):not(.ck-widget:hover)) {
    outline: 1px dashed var(--ck-show-blocks-border-color);
  }

[dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(address, aside, blockquote, details, div:not(.ck-widget):not(.ck-widget *), footer, h1, h2, h3, h4, h5, h6, header, main, nav, pre, ol, ul, p, section, :where(figure.image, figure.table) figcaption) {
    background-image: var(--ck-show-blocks-label-ltr);
    background-position: 1px 1px;
  }

[dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(address, aside, blockquote, details, div:not(.ck-widget):not(.ck-widget *), footer, h1, h2, h3, h4, h5, h6, header, main, nav, pre, ol, ul, p, section, :where(figure.image, figure.table) figcaption) {
    background-image: var(--ck-show-blocks-label-rtl);
    background-position: calc(100% - 1px) 1px;
  }

:root, :host {
  --ck-source-editing-area-border-radius: var(--ck-radius-md);
  --ck-source-editing-area-font-size: var(--ck-font-size-md);
}

.ck-source-editing-area {
  position: relative;
  overflow: hidden;
}

.ck-source-editing-area:after, .ck-source-editing-area textarea {
  padding: var(--ck-spacing-lg);
  padding: var(--ck-spacing-large, var(--ck-spacing-lg));
  line-height: var(--ck-line-height-base);
  font-size: var(--ck-source-editing-area-font-size);
  white-space: pre-wrap;
  border: 1px solid rgba(0,0,0,0);
  margin: 0;
  font-family: monospace;
}

.ck-source-editing-area:after {
  content: attr(data-value) " ";
  visibility: hidden;
  display: block;
}

.ck-source-editing-area textarea {
  resize: none;
  box-sizing: border-box;
  border-color: var(--ck-color-base-border);
  border-radius: var(--ck-radius-corners);
  border-radius: var(--ck-rounded-corners-radius, var(--ck-radius-corners));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  outline: none;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.ck-source-editing-area textarea:not([readonly]):focus {
    border: var(--ck-interactive-focus-ring);
    border: var(--ck-focus-ring, var(--ck-interactive-focus-ring));
    box-shadow: var(--ck-inset-shadow-sm), 0 0;
    box-shadow: var(--ck-inner-shadow, var(--ck-inset-shadow-sm)), 0 0;
    outline: none;
  }

.ck.ck-special-characters-navigation > .ck-label {
    text-overflow: ellipsis;
    max-width: 160px;
    overflow: hidden;
  }

.ck.ck-special-characters-navigation > .ck-dropdown .ck-dropdown__panel {
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto;
  }

@media screen and (max-width: 600px) {

.ck.ck-special-characters-navigation {
    max-width: 190px
}

    .ck.ck-special-characters-navigation > .ck-form__header__label {
      text-overflow: ellipsis;
      overflow: hidden;
    }
  }

.ck.ck-special-characters > .ck-dialog__content > div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr;
    width: 350px;
    max-width: 100%;
    height: 100%;
    display: grid;
  }

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories {
      padding: var(--ck-dialog-actions-padding);
      grid-area: 1 / 1 / 2 / 2;
    }

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view {
        padding-top: var(--ck-spacing-base);
        padding-top: var(--ck-spacing-standard, var(--ck-spacing-base));
        width: 100%;
      }

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status {
          background: var(--ck-color-base-error);
          color: var(--ck-color-base-background);
          padding: var(--ck-spacing-sm) var(--ck-spacing-base);
          padding: var(--ck-spacing-small, var(--ck-spacing-sm)) var(--ck-spacing-medium, var(--ck-spacing-base));
          min-width: var(--ck-table-properties-min-error-width);
          text-align: center;
          animation: .15s both ck-table-form-labeled-view-status-appear;
        }

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status:after {
            border-color: transparent transparent var(--ck-color-base-error) transparent;
            border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
            border-style: solid;
          }

@media (prefers-reduced-motion: reduce) {

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status {
            animation: none
        }
          }

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
          display: none;
        }

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view > .ck-label {
          font-size: var(--ck-font-size-xs);
          font-size: var(--ck-font-size-tiny, var(--ck-font-size-xs));
          text-align: center;
        }

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown {
        width: 100%;
        display: block;
      }

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button:not(:focus) {
            border: 1px solid var(--ck-color-base-border);
          }

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button > span {
            width: 100%;
          }

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-grid {
      grid-area: 2 / 1 / 3 / 2;
      max-height: 200px;
    }

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-info {
      grid-area: 3 / 1 / 4 / 2;
    }

:root, :host {
  --ck-character-grid-tile-size: 24px;
}

.ck.ck-character-grid {
  overflow-x: hidden;
  overflow-y: auto;
  overflow: hidden auto;
}

.ck.ck-character-grid .ck-character-grid__tiles {
    grid-template-columns: repeat(auto-fill, minmax(var(--ck-character-grid-tile-size), 1fr));
    margin: var(--ck-dialog-actions-padding);
    grid-gap: var(--ck-spacing-base);
    grid-gap: var(--ck-spacing-standard, var(--ck-spacing-base));
    display: grid;
  }

.ck.ck-character-grid .ck-character-grid__tile {
    width: var(--ck-character-grid-tile-size);
    height: var(--ck-character-grid-tile-size);
    min-width: var(--ck-character-grid-tile-size);
    min-height: var(--ck-character-grid-tile-size);
    border: 0;
    padding: 0;
    font-size: 1.25em;
    transition: box-shadow .2s;
  }

@media (prefers-reduced-motion: reduce) {

.ck.ck-character-grid .ck-character-grid__tile {
      transition: none
  }
    }

.ck.ck-character-grid .ck-character-grid__tile:focus:not(.ck-disabled), .ck.ck-character-grid .ck-character-grid__tile:hover:not(.ck-disabled) {
      box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
      border: 0;
    }

.ck.ck-character-grid .ck-character-grid__tile .ck-button__label {
      line-height: var(--ck-character-grid-tile-size);
      text-align: center;
      width: 100%;
    }

.ck.ck-character-grid {
  max-width: 100%;
}

.ck.ck-character-info {
  padding: var(--ck-dialog-actions-padding);
  border-top: 1px solid var(--ck-color-base-border);
  display: flex;
  overflow: hidden;
}

.ck.ck-character-info > * {
    text-transform: uppercase;
    font-size: var(--ck-font-size-sm);
    font-size: var(--ck-font-size-small, var(--ck-font-size-sm));
  }

.ck.ck-character-info .ck-character-info__name {
    text-overflow: ellipsis;
    max-width: 275px;
    overflow: hidden;
  }

.ck.ck-character-info .ck-character-info__code {
    opacity: .6;
  }

.ck.ck-character-info {
  justify-content: space-between;
}

.ck.ck-dropdown.ck-style-dropdown.ck-style-dropdown_multiple-active > .ck-button > .ck-button__label {
  font-style: italic;
}

:root, :host {
  --ck-style-panel-button-width: 120px;
  --ck-style-panel-button-height: 80px;
  --ck-style-panel-button-label-background: var(--ck-color-base-hover);
  --ck-style-panel-button-hover-label-background: #ebebeb;
  --ck-style-panel-button-hover-border-color: #b3b3b3;
  --ck-style-panel-columns: 3;
}

.ck.ck-style-panel .ck-style-grid {
  grid-row-gap: var(--ck-spacing-lg);
  row-gap: var(--ck-spacing-lg);
  grid-row-gap: var(--ck-spacing-large, var(--ck-spacing-lg));
  row-gap: var(--ck-spacing-large, var(--ck-spacing-lg));
  grid-column-gap: var(--ck-spacing-lg);
  -moz-column-gap: var(--ck-spacing-lg);
  column-gap: var(--ck-spacing-lg);
  grid-column-gap: var(--ck-spacing-large, var(--ck-spacing-lg));
  -moz-column-gap: var(--ck-spacing-large, var(--ck-spacing-lg));
  column-gap: var(--ck-spacing-large, var(--ck-spacing-lg));
  grid-template-columns: repeat(var(--ck-style-panel-columns),auto);
  display: grid;
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button {
    --ck-color-button-default-hover-background: var(--ck-color-base-background);
    --ck-color-button-default-active-background: var(--ck-color-base-background);
    width: var(--ck-style-panel-button-width);
    height: var(--ck-style-panel-button-height);
    justify-content: space-between;
    padding: 0;
    display: flex;
  }

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(:focus) {
      border: 1px solid var(--ck-color-base-border);
    }

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-button__label {
      width: 100%;
      height: 22px;
      padding: 0 var(--ck-spacing-base);
      padding: 0 var(--ck-spacing-medium, var(--ck-spacing-base));
      text-overflow: ellipsis;
      flex-shrink: 0;
      line-height: 22px;
      overflow: hidden;
    }

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview {
      opacity: .9;
      width: 100%;
      padding: var(--ck-spacing-base);
      padding: var(--ck-spacing-medium, var(--ck-spacing-base));
      background: var(--ck-color-base-background);
      border: 2px solid var(--ck-color-base-background);
      box-sizing: border-box;
      flex-grow: 1;
      flex-basis: 100%;
      align-content: center;
      justify-content: flex-start;
      place-content: center flex-start;
      align-items: center;
      display: flex;
      overflow: hidden;
    }

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled {
      --ck-color-button-default-disabled-background: var(--ck-color-base-foreground);
    }

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled:not(:focus) {
        border-color: var(--ck-style-panel-button-label-background);
      }

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled .ck-style-grid__button__preview {
        opacity: .4;
        border-color: var(--ck-color-base-foreground);
        filter: saturate(.3);
      }

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on {
      border-color: var(--ck-color-base-active);
    }

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on .ck-button__label {
        box-shadow: 0 -1px 0 var(--ck-color-base-active);
        z-index: 1;
      }

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on:hover {
        border-color: var(--ck-color-base-active-focus);
      }

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on) .ck-button__label {
        background: var(--ck-style-panel-button-label-background);
      }

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on):hover .ck-button__label {
        background: var(--ck-style-panel-button-hover-label-background);
      }

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) {
      border-color: var(--ck-style-panel-button-hover-border-color);
    }

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) .ck-style-grid__button__preview {
        opacity: 1;
      }

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button {
    flex-direction: column;
}

.ck.ck-style-panel .ck-style-grid {
  justify-content: start;
}

.ck.ck-style-panel .ck-style-panel__style-group > .ck-label {
    margin: var(--ck-spacing-lg) 0;
    margin: var(--ck-spacing-large, var(--ck-spacing-lg)) 0;
  }

.ck.ck-style-panel .ck-style-panel__style-group:first-child > .ck-label {
      margin-top: 0;
    }

:root, :host {
  --ck-style-panel-max-height: 470px;
}

.ck.ck-style-panel {
  padding: var(--ck-spacing-lg);
  padding: var(--ck-spacing-large, var(--ck-spacing-lg));
  max-height: var(--ck-style-panel-max-height);
  overflow-y: auto;
}

.ck-editor__editable .ck-table-bogus-paragraph {
  width: 100%;
  display: inline-block;
}

:root, :host {
  --ck-color-table-focused-cell-background: rgba(158,201,250,0.30196);
  --ck-table-content-default-border-color: #d4d4d4;
  --ck-table-border-none-helper-line-color: #d4d4d4;
  --ck-table-border-none-helper-line-style: dashed;
  --ck-table-border-none-helper-line-width: var(--ck-border-width-thin);
}

.ck-widget.table table[style*="border:none"], .ck-widget.table table[style*="border-style:none"], .ck-widget.table table[style*="border:0"], .ck-widget.table table[style*="border-width:0"] {
    outline: var(--ck-table-content-default-border-color) 1px dashed;
  }

.ck-widget.table td.ck-editor__nested-editable, .ck-widget.table th.ck-editor__nested-editable {
      outline: unset;
    }

.ck-widget.table td.ck-editor__nested-editable:not(.ck-editor__editable_selected).ck-editor__nested-editable_focused, .ck-widget.table td.ck-editor__nested-editable:not(.ck-editor__editable_selected):focus, .ck-widget.table th.ck-editor__nested-editable:not(.ck-editor__editable_selected).ck-editor__nested-editable_focused, .ck-widget.table th.ck-editor__nested-editable:not(.ck-editor__editable_selected):focus {
          background: var(--ck-color-table-focused-cell-background);
          outline: 1px solid var(--ck-color-interactive-focus-border);
          outline: 1px solid var(--ck-color-focus-border, var(--ck-color-interactive-focus-border));
          outline-offset: -1px;
        }

:where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) {
  --ck-table-border-none-helper-line: var(--ck-table-border-none-helper-line-width)
		var(--ck-table-border-none-helper-line-style)
		var(--ck-table-border-none-helper-line-color);
}

:where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(td, th):where([style*="border:none"], [style*="border:0"], [style*="border-style:none"], [style*="border-width:0"]) {
    border: var(--ck-table-border-none-helper-line) !important;
  }

:where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-top-style:none"], [style*="border-top-width:0"]) {
      border-top: var(--ck-table-border-none-helper-line) !important;
    }

:where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-right-style:none"], [style*="border-right-width:0"]) {
      border-right: var(--ck-table-border-none-helper-line) !important;
    }

:where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-bottom-style:none"], [style*="border-bottom-width:0"]) {
      border-bottom: var(--ck-table-border-none-helper-line) !important;
    }

:where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-left-style:none"], [style*="border-left-width:0"]) {
      border-left: var(--ck-table-border-none-helper-line) !important;
    }

:root, :host {
  --ck-table-cell-properties-width: var(--ck-width-balloon-form);
}

.ck.ck-table-cell-properties-form {
  width: var(--ck-table-cell-properties-width);
}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row {
      --ck-table-cell-properties-padding-width: calc((100% - 2 * var(--ck-spacing-large, var(--ck-spacing-lg))) / 3);
      width: var(--ck-table-cell-properties-padding-width);
      max-width: var(--ck-table-cell-properties-padding-width);
      min-width: var(--ck-table-cell-properties-padding-width);
      align-self: flex-end;
      padding: 0;
    }

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar {
        margin-top: var(--ck-spacing-base);
        margin-top: var(--ck-spacing-standard, var(--ck-spacing-base));
        background: none;
      }

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar.ck-table-cell-properties-form__horizontal-alignment-toolbar {
          --ck-table-cell-properties-horizontal-alignment-width: calc((100% - 2 * var(--ck-spacing-large, var(--ck-spacing-lg))) / 3 * 2 + var(--ck-spacing-large, var(--ck-spacing-lg)));
          width: var(--ck-table-cell-properties-horizontal-alignment-width);
          max-width: var(--ck-table-cell-properties-horizontal-alignment-width);
          min-width: var(--ck-table-cell-properties-horizontal-alignment-width);
          padding: 0;
        }

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar.ck-table-cell-properties-form__vertical-alignment-toolbar, .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button {
          flex-grow: 1;
        }

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row {
      flex-wrap: wrap;
}

.ck.ck-table-cell-properties-form .ck-form__row.ck-form__row.ck-table-form__action-row > .ck.ck-button {
        flex-grow: initial;
      }

.ck.ck-table-cell-properties-form .ck-form__row.ck-form__row.ck-table-form__action-row > .ck.ck-button .ck-button__label {
          color: currentColor;
        }

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__cell-type-row {
      --ck-table-form-cell-type-width: calc((100% - 2 * var(--ck-spacing-large, var(--ck-spacing-lg))) / 3 * 2 + var(--ck-spacing-large, var(--ck-spacing-lg)));
      width: var(--ck-table-form-cell-type-width);
      max-width: var(--ck-table-form-cell-type-width);
      min-width: var(--ck-table-form-cell-type-width);
      padding: 0;
    }

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__cell-type-row .ck-dropdown {
        width: 100%;
      }

:root, :host {
  --ck-table-layout-widget-type-around-button-size: 16px;
  --ck-table-layout-widget-type-around-icon-width: 10px;
  --ck-table-layout-widget-type-around-icon-height: 8px;
  --ck-table-layout-widget-handler-icon-size: 10px;
  --ck-table-layout-default-border-color: #d4d4d4;
}

.ck-editor__editable .table.layout-table > table {
      border-collapse: revert;
      width: 100%;
      height: 100%;
    }

.ck-editor__editable .table.layout-table > table:not([style*="border:"]):not([style*="border-top"]):not([style*="border-bottom"]):not([style*="border-left"]):not([style*="border-right"]):not([style*="border-width"]):not([style*="border-style"]):not([style*="border-color"]) {
        border-width: 0;
        border-color: rgba(0,0,0,0);
        outline: none;
      }

.ck-editor__editable .table.layout-table > table > tbody > tr > td {
      box-shadow: revert;
      padding: revert;
      text-indent: 1px;
      border-color: var(--ck-table-layout-default-border-color);
      border-style: dashed;
      min-width: 2em;
    }

.ck-editor__editable .table.layout-table > table > tbody > tr > td[style^="width:"], .ck-editor__editable .table.layout-table > table > tbody > tr > td[style*=" width:"], .ck-editor__editable .table.layout-table > table > tbody > tr > td[style*=";width:"] {
        min-width: auto;
      }

.ck-editor__editable .table.layout-table > table > tbody > tr > td:focus {
        background-color: rgba(0,0,0,0);
      }

.ck-editor__editable .table.layout-table > table > tbody > tr > td:not([style*="border:"]):not([style*="border-top"]):not([style*="border-bottom"]):not([style*="border-left"]):not([style*="border-right"]):not([style*="border-width"]):not([style*="border-style"]):not([style*="border-color"]) {
        outline: var(--ck-table-layout-default-border-color) 1px dashed;
        outline-offset: -1px;
        border-width: 0;
        border-color: rgba(0,0,0,0);
      }

.ck-editor__editable .table.layout-table > table > tbody > tr > td:not([style*="border:"]):not([style*="border-top"]):not([style*="border-bottom"]):not([style*="border-left"]):not([style*="border-right"]):not([style*="border-width"]):not([style*="border-style"]):not([style*="border-color"]):focus {
          outline: var(--ck-color-interactive-focus-border) 1px solid;
          outline: var(--ck-color-focus-border, var(--ck-color-interactive-focus-border)) 1px solid;
        }

.ck-editor__editable .table.layout-table > table > tbody > tr > td > .ck-table-bogus-paragraph {
        text-indent: 0;
        width: calc(100% - 1px);
      }

.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around {
        --ck-widget-type-around-button-size: var(--ck-table-layout-widget-type-around-button-size);
      }

.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before, .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after {
            z-index: 2;
            transform: translateY(0);
          }

.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before {
            margin-left: var(--ck-table-layout-widget-type-around-button-size);
            border-radius: 0 0 100px 100px;
            left: min(10%, 30px);
          }

.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before:after {
              border-radius: 0 0 100px 100px;
            }

.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after {
            border-radius: 100px 100px 0 0;
          }

.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after:after {
              border-radius: 100px 100px 0 0;
            }

.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button svg {
            width: var(--ck-table-layout-widget-type-around-icon-width);
            height: var(--ck-table-layout-widget-type-around-icon-height);
          }

.ck-editor__editable .table.layout-table.ck-widget.ck-widget_with-selection-handle > .ck-widget__selection-handle {
          --ck-widget-handler-icon-size: var(--ck-table-layout-widget-handler-icon-size);
          transform: translateY(calc(0px - var(--ck-widget-outline-thickness)));
          z-index: 3;
        }

.ck-editor__editable .table.layout-table.ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
            top: 0;
          }

.ck-editor__editable .table.layout-table.ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
            bottom: 0;
          }

.ck-editor__editable .table.layout-table.ck-widget:hover {
        z-index: var(--ck-z-base);
        z-index: var(--ck-z-default, var(--ck-z-base));
      }

.ck-editor__editable .table.layout-table.ck-widget:hover > .ck-widget__selection-handle {
        opacity: .75;
        visibility: visible;
      }

.ck-editor__editable .table.layout-table.ck-widget:hover > .ck-widget__selection-handle:hover {
          opacity: 1;
        }

.ck-editor__editable .table.layout-table.ck-widget[\:has\(.ck-widget.table\:hover\)] > .ck-widget__selection-handle {
        opacity: 0;
        visibility: hidden;
      }

.ck-editor__editable .table.layout-table.ck-widget:has(.ck-widget.table:hover) > .ck-widget__selection-handle {
        opacity: 0;
        visibility: hidden;
      }

.ck-editor__editable .table.layout-table.ck-widget.ck-widget_selected {
        z-index: var(--ck-z-base);
        z-index: var(--ck-z-default, var(--ck-z-base));
      }

.ck-editor__editable .table.layout-table {
    margin: 0;
    display: table;
}

.ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:first-child {
        margin-top: var(--ck-spacing-lg);
        margin-top: var(--ck-spacing-large, var(--ck-spacing-lg));
      }

.ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:last-child, .ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:nth-last-child(2)[\:has\(\%20\%2B\%20.ck-fake-selection-container\)] {
        margin-bottom: var(--ck-spacing-lg);
        margin-bottom: var(--ck-spacing-large, var(--ck-spacing-lg));
      }

.ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:last-child, .ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:nth-last-child(2):has( + .ck-fake-selection-container) {
        margin-bottom: var(--ck-spacing-lg);
        margin-bottom: var(--ck-spacing-large, var(--ck-spacing-lg));
      }

:root, :host {
  --ck-table-scroll-widget-type-around-icon-width: 10px;
  --ck-table-scroll-widget-type-around-icon-height: 8px;
}

.ck.ck-editor__editable figure.table.ck-table-overflowing {
  flex-direction: column;
  max-width: 100%;
  margin-right: 0;
  display: flex;
  overflow-x: scroll;
  overflow-y: clip;
  overflow: scroll clip;
}

.ck.ck-editor__editable figure.table.ck-table-overflowing > figcaption {
    box-sizing: border-box;
    order: -1;
    align-self: flex-start;
  }

.ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget {
  --ck-table-scroll-offset: 0px;
}

.ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget > table > :is(tbody, thead, tfoot) > tr > :is(td, th):last-of-type {
    --ck-table-column-resizer-position-offset: 0;
    --ck-table-column-resizer-width: 3.5px;
  }

.ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget.ck-widget_with-selection-handle > .ck-widget__selection-handle {
    --ck-widget-handler-icon-size: 10px;
    transform: translate(var(--ck-table-scroll-offset), calc(0px - var(--ck-widget-outline-thickness)));
    z-index: 3;
  }

.ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget > .ck-widget__type-around {
    --ck-widget-type-around-button-size: 16px;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

.ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before, .ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after {
        transform: translate(var(--ck-table-scroll-offset), 0);
        z-index: 2;
      }

.ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before {
        margin-left: var(--ck-widget-type-around-button-size);
        border-radius: 0 0 100px 100px;
        left: min(10%, 30px);
      }

.ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before:after {
          border-radius: 0 0 100px 100px;
        }

.ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after {
        bottom: calc(-.5 * var(--ck-widget-outline-thickness));
        border-radius: 100px 100px 0 0;
        right: min(10%, 30px);
      }

.ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after:after {
          border-radius: 100px 100px 0 0;
        }

.ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button svg {
        width: var(--ck-table-scroll-widget-type-around-icon-width);
        height: var(--ck-table-scroll-widget-type-around-icon-height);
      }

.ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
      top: 0;
    }

.ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
      bottom: 0;
    }

[dir="ltr"] .ck.ck-form__row > :not(.ck-label) + * {
      margin-left: var(--ck-spacing-lg);
    }

[dir="rtl"] .ck.ck-form__row > :not(.ck-label) + * {
      margin-right: var(--ck-spacing-lg);
    }

[dir="ltr"] .ck.ck-form__row > :not(.ck-label) + * {
      margin-left: var(--ck-spacing-large, var(--ck-spacing-lg));
    }

[dir="rtl"] .ck.ck-form__row > :not(.ck-label) + * {
      margin-right: var(--ck-spacing-large, var(--ck-spacing-lg));
    }

.ck.ck-form__row > .ck-label {
    width: 100%;
    min-width: 100%;
  }

.ck.ck-form__row.ck-table-form__action-row {
    justify-content: flex-end;
  }

.ck.ck-form__row.ck-table-form__action-row .ck-button-save, .ck.ck-form__row.ck-table-form__action-row .ck-button-cancel {
      justify-content: center;
    }

:root, :host {
  --ck-table-properties-error-arrow-size: 6px;
  --ck-table-properties-min-error-width: 150px;
}

.ck.ck-table-form {
  --ck-table-form-default-input-width: 80px;
}

.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style, .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width, .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-color {
        width: calc((100% - 2 * var(--ck-spacing-lg)) / 3);
        width: calc((100% - 2 * var(--ck-spacing-large, var(--ck-spacing-lg))) / 3);
        flex: none;
        min-width: 0;
      }

.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style .ck-dropdown {
        width: 100%;
      }

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
      --ck-table-form-dimensions-input-width: calc((100% - 2 * var(--ck-spacing-large, var(--ck-spacing-lg))) / 3 * 2 + var(--ck-spacing-large, var(--ck-spacing-lg)));
      width: var(--ck-table-form-dimensions-input-width);
      max-width: var(--ck-table-form-dimensions-input-width);
      min-width: var(--ck-table-form-dimensions-input-width);
      padding: 0;
    }

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width, .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height {
        flex: 1 1 0;
        margin: 0;
      }

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
        width: 0;
        height: var(--ck-size-control-min-height);
        line-height: var(--ck-size-control-min-height);
        margin: 0 calc(var(--ck-spacing-lg) / 2);
        margin: 0 calc(var(--ck-spacing-large, var(--ck-spacing-lg)) / 2);
        align-self: flex-end;
        display: inline-block;
        position: relative;
        left: -.5ch;
        overflow: visible;
      }

.ck.ck-table-form .ck-form__row.ck-table-form__background-row {
      --ck-table-form-background-width: calc((100% - 2 * var(--ck-spacing-large, var(--ck-spacing-lg))) / 3);
      width: var(--ck-table-form-background-width);
      max-width: var(--ck-table-form-background-width);
      min-width: var(--ck-table-form-background-width);
    }

.ck.ck-table-form .ck-form__row.ck-table-form__border-row, .ck.ck-table-form .ck-form__row.ck-table-form__background-row, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row {
      flex-wrap: wrap;
    }

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row {
      flex-wrap: wrap;
      align-items: center;
    }

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row .ck-labeled-field-view {
        flex-direction: column-reverse;
        align-items: center;
        display: flex;
      }

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row .ck-labeled-field-view .ck.ck-dropdown {
          flex-grow: 0;
        }

.ck.ck-table-form .ck-form__row:not(.ck-table-form__action-row) > :not(.ck-label):not(.ck-table-form__dimension-operator) {
      flex-grow: 1;
    }

.ck.ck-table-form .ck.ck-labeled-field-view {
    padding-top: var(--ck-spacing-base);
    padding-top: var(--ck-spacing-standard, var(--ck-spacing-base));
  }

.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
      border-radius: var(--ck-radius-corners);
      border-radius: var(--ck-rounded-corners-radius, var(--ck-radius-corners));
      background: var(--ck-color-base-error);
      color: var(--ck-color-base-background);
      padding: var(--ck-spacing-sm) var(--ck-spacing-base);
      padding: var(--ck-spacing-small, var(--ck-spacing-sm)) var(--ck-spacing-medium, var(--ck-spacing-base));
      min-width: var(--ck-table-properties-min-error-width);
      text-align: center;
      left: 50%;
      bottom: calc(-1 * var(--ck-table-properties-error-arrow-size));
      animation: .15s both ck-table-form-labeled-view-status-appear;
      position: absolute;
      transform: translate(-50%, 100%);
      z-index: 1;
    }

.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status:after {
        border-color: transparent transparent var(--ck-color-base-error) transparent;
        border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
        content: "";
        top: calc(-1 * var(--ck-table-properties-error-arrow-size));
        border-style: solid;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
      }

@media (prefers-reduced-motion: reduce) {

.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
        animation: none;
    }
      }

.ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
      display: none;
    }

.ck.ck-table-form .ck.ck-labeled-field-view {
    position: relative;
}

@keyframes ck-table-form-labeled-view-status-appear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

:root, :host {
  --ck-table-properties-width: var(--ck-width-balloon-form);
}

.ck.ck-table-properties-form {
  width: var(--ck-table-properties-width);
}

.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
      flex-wrap: wrap;
      flex-basis: 0;
      align-content: baseline;
      align-self: flex-end;
    }

.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar {
        margin-top: var(--ck-spacing-base);
        margin-top: var(--ck-spacing-standard, var(--ck-spacing-base));
        background: none;
      }

.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > * {
          flex: 1;
        }

.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items {
        flex-wrap: nowrap;
      }

:root, :host {
  --ck-content-table-style-spacing: 1.5em;
}

.ck-editor__editable .table.layout-table.table-style-align-center {
      margin-left: auto;
      margin-right: auto;
    }

.ck-editor__editable .table.layout-table.table-style-align-left {
      margin-right: var(--ck-content-table-style-spacing);
    }

.ck-editor__editable .table.layout-table.table-style-align-right {
      margin-left: var(--ck-content-table-style-spacing);
    }

.ck-editor__editable .table.layout-table.table-style-block-align-left {
      margin-left: 0;
      margin-right: auto;
    }

.ck-editor__editable .table.layout-table.table-style-block-align-right {
      margin-left: auto;
      margin-right: 0;
    }

:root, :host {
  --ck-content-color-table-caption-background: #f7f7f7;
  --ck-color-table-caption-highlighted-background: #fd0;
}

@media (forced-colors: none) {
    .ck.ck-editor__editable .table > figcaption.table__caption_highlighted, .ck.ck-editor__editable figure.table > table > caption.table__caption_highlighted {
      animation: .6s ease-out ck-table-caption-highlight;
    }
  }

.ck.ck-editor__editable .table > figcaption.ck-placeholder:before, .ck.ck-editor__editable figure.table > table > caption.ck-placeholder:before {
    padding-left: inherit;
    padding-right: inherit;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

@keyframes ck-table-caption-highlight {
  0% {
    background-color: var(--ck-color-table-caption-highlighted-background);
  }

  100% {
    background-color: var(--ck-content-color-table-caption-background);
  }
}

:root, :host {
  --ck-table-selected-cell-background: rgba(158,207,250,0.30196);
}

.ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected {
    caret-color: rgba(0,0,0,0);
    box-shadow: unset;
    position: relative;
  }

.ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected:after {
      content: "";
      pointer-events: none;
      background-color: var(--ck-table-selected-cell-background);
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }

.ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected ::-moz-selection {
      background-color: rgba(0,0,0,0);
    }

.ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected:focus, .ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected ::selection {
      background-color: rgba(0,0,0,0);
    }

.ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected .ck-widget {
      outline: unset;
    }

.ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle {
        display: none;
      }

:root, :host {
  --ck-color-table-column-resizer-hover: var(--ck-color-base-active);
  --ck-table-column-resizer-width: 7px;
  --ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -.5 - .5px);
}

.ck.ck-editor__editable .table td, .ck.ck-editor__editable .table th {
  position: relative;
}

.ck.ck-editor__editable .table .ck-table-column-resizer {
  top: 0;
  bottom: 0;
  right: var(--ck-table-column-resizer-position-offset);
  width: var(--ck-table-column-resizer-width);
  cursor: col-resize;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: var(--ck-z-base);
  z-index: var(--ck-z-default, var(--ck-z-base));
  position: absolute;
}

.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer, .ck.ck-editor__editable .table[draggable] .ck-table-column-resizer {
  display: none;
}

.ck.ck-editor__editable .table .ck-table-column-resizer:hover, .ck.ck-editor__editable .table .ck-table-column-resizer__active {
  background-color: var(--ck-color-table-column-resizer-hover);
  opacity: .25;
}

.ck.ck-editor__editable[dir="rtl"] .table .ck-table-column-resizer {
  left: var(--ck-table-column-resizer-position-offset);
  right: unset;
}

.ck-table-column-resize__resizing-cursor, .ck-table-column-resize__resizing-cursor * {
  cursor: col-resize !important;
}

:root, :host {
  --ck-input-color-preview-border-radius: 0;
}

[dir="ltr"] .ck.ck-input-color > .ck.ck-input-text {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }

[dir="rtl"] .ck.ck-input-color > .ck.ck-input-text {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }

.ck.ck-input-color > .ck.ck-input-text:focus {
      z-index: 0;
    }

.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
      height: 100%;
      padding: 0;
      display: flex;
    }

[dir="ltr"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
      }

[dir="ltr"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {
          border-left: 1px solid rgba(0,0,0,0);
        }

[dir="rtl"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
      }

[dir="rtl"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) {
          border-right: 1px solid rgba(0,0,0,0);
        }

.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button.ck-disabled {
        background: var(--ck-input-disabled-background-color);
        background: var(--ck-color-input-disabled-background, var(--ck-input-disabled-background-color));
      }

.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview {
        border-radius: var(--ck-input-color-preview-border-radius);
        border: 1px solid var(--ck-input-border-color);
        border: 1px solid var(--ck-color-input-border, var(--ck-input-border-color));
        width: 20px;
        height: 20px;
        position: relative;
        overflow: hidden;
      }

.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator {
          transform-origin: 50%;
          background: red;
          border-radius: 2px;
          width: 8%;
          height: 150%;
          display: block;
          position: absolute;
          top: -30%;
          left: 50%;
          transform: rotate(45deg);
        }

.ck.ck-input-color .ck.ck-input-color__remove-color {
    width: 100%;
    padding: calc(var(--ck-spacing-base) / 2) var(--ck-spacing-base);
    padding: calc(var(--ck-spacing-standard, var(--ck-spacing-base)) / 2) var(--ck-spacing-standard, var(--ck-spacing-base));
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

.ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus) {
      border-bottom: 1px solid var(--ck-input-border-color);
      border-bottom: 1px solid var(--ck-color-input-border, var(--ck-input-border-color));
    }

[dir="ltr"] .ck.ck-input-color .ck.ck-input-color__remove-color {
      border-top-right-radius: 0;
    }

[dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color {
      border-top-left-radius: 0;
    }

.ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
      margin-right: var(--ck-spacing-base);
      margin-right: var(--ck-spacing-standard, var(--ck-spacing-base));
    }

[dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
        margin-right: 0;
        margin-left: var(--ck-spacing-base);
        margin-left: var(--ck-spacing-standard, var(--ck-spacing-base));
      }

.ck.ck-input-color {
  flex-direction: row-reverse;
  width: 100%;
  display: flex;
}

.ck.ck-input-color > input.ck.ck-input-text {
    flex-grow: 1;
    min-width: auto;
  }

.ck.ck-input-color > div.ck.ck-dropdown {
    min-width: auto;
  }

.ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow {
      display: none;
    }

:root, :host {
  --ck-insert-table-dropdown-padding: var(--ck-spacing-padding);
  --ck-insert-table-dropdown-box-height: 16px;
  --ck-insert-table-dropdown-box-width: 16px;
  --ck-insert-table-dropdown-box-margin: 1px;
  --ck-insert-table-dropdown-box-border-radius: var(--ck-radius-xs);
  --ck-insert-table-dropdown-label-font-size: var(--ck-font-size-small, var(--ck-font-size-sm));
  --ck-insert-table-dropdown-label-padding: var(--ck-spacing-padding-compact) 0;
}

.ck .ck-insert-table-dropdown__grid {
  width: calc(var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 + var(--ck-insert-table-dropdown-padding) * 2);
  padding: var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;
  flex-flow: wrap;
  display: flex;
}

.ck .ck-insert-table-dropdown__label, .ck[dir="rtl"] .ck-insert-table-dropdown__label {
  text-align: center;
  font-size: var(--ck-insert-table-dropdown-label-font-size);
  padding: var(--ck-insert-table-dropdown-label-padding);
}

.ck .ck-insert-table-dropdown-grid-box {
  min-width: var(--ck-insert-table-dropdown-box-width);
  min-height: var(--ck-insert-table-dropdown-box-height);
  margin: var(--ck-insert-table-dropdown-box-margin);
  border: var(--ck-border-width-thin) solid var(--ck-color-base-border);
  border-radius: var(--ck-insert-table-dropdown-box-border-radius);
  outline: none;
  transition: none;
}

@media (prefers-reduced-motion: reduce) {

.ck .ck-insert-table-dropdown-grid-box {
    transition: none
}
  }

.ck .ck-insert-table-dropdown-grid-box:focus {
    box-shadow: none;
  }

.ck .ck-insert-table-dropdown-grid-box.ck-on {
    border-color: var(--ck-color-interactive-focus-border);
    border-color: var(--ck-color-focus-border, var(--ck-color-interactive-focus-border));
    background: var(--ck-focus-shadow);
    background: var(--ck-color-focus-outer-shadow, var(--ck-focus-shadow));
  }

:root, :host {
  --ck-content-table-style-spacing: 1.5em;
  --ck-content-color-table-caption-background: #f7f7f7;
  --ck-content-color-table-caption-text: #333;
}

[dir="ltr"] .ck-content .table th {
    text-align: left;
  }

[dir="rtl"] .ck-content .table th {
    text-align: right;
  }

.ck-content[dir="rtl"] .table th {
    text-align: right;
  }

.ck-content[dir="ltr"] .table th {
    text-align: left;
  }

.ck-content figure.table:not(.layout-table) {
    display: table;
  }

.ck-content figure.table:not(.layout-table) > table {
      width: 100%;
      height: 100%;
    }

.ck-content .table:not(.layout-table) {
    margin: .9em auto;
  }

.ck-content table.table:not(.layout-table), .ck-content figure.table:not(.layout-table) > table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px double #b3b3b3;
  }

.ck-content table.table:not(.layout-table) > thead > tr > th, .ck-content table.table:not(.layout-table) > tfoot > tr > th, .ck-content table.table:not(.layout-table) > tbody > tr > th, .ck-content figure.table:not(.layout-table) > table > thead > tr > th, .ck-content figure.table:not(.layout-table) > table > tfoot > tr > th, .ck-content figure.table:not(.layout-table) > table > tbody > tr > th {
          background: rgba(0,0,0,0.05098);
          font-weight: bold;
        }

.ck-content table.table:not(.layout-table) > thead > tr > td > p:first-of-type, .ck-content table.table:not(.layout-table) > thead > tr > th > p:first-of-type, .ck-content table.table:not(.layout-table) > tfoot > tr > td > p:first-of-type, .ck-content table.table:not(.layout-table) > tfoot > tr > th > p:first-of-type, .ck-content table.table:not(.layout-table) > tbody > tr > td > p:first-of-type, .ck-content table.table:not(.layout-table) > tbody > tr > th > p:first-of-type, .ck-content figure.table:not(.layout-table) > table > thead > tr > td > p:first-of-type, .ck-content figure.table:not(.layout-table) > table > thead > tr > th > p:first-of-type, .ck-content figure.table:not(.layout-table) > table > tfoot > tr > td > p:first-of-type, .ck-content figure.table:not(.layout-table) > table > tfoot > tr > th > p:first-of-type, .ck-content figure.table:not(.layout-table) > table > tbody > tr > td > p:first-of-type, .ck-content figure.table:not(.layout-table) > table > tbody > tr > th > p:first-of-type {
            margin-top: 0;
          }

.ck-content table.table:not(.layout-table) > thead > tr > td > p:last-of-type, .ck-content table.table:not(.layout-table) > thead > tr > th > p:last-of-type, .ck-content table.table:not(.layout-table) > tfoot > tr > td > p:last-of-type, .ck-content table.table:not(.layout-table) > tfoot > tr > th > p:last-of-type, .ck-content table.table:not(.layout-table) > tbody > tr > td > p:last-of-type, .ck-content table.table:not(.layout-table) > tbody > tr > th > p:last-of-type, .ck-content figure.table:not(.layout-table) > table > thead > tr > td > p:last-of-type, .ck-content figure.table:not(.layout-table) > table > thead > tr > th > p:last-of-type, .ck-content figure.table:not(.layout-table) > table > tfoot > tr > td > p:last-of-type, .ck-content figure.table:not(.layout-table) > table > tfoot > tr > th > p:last-of-type, .ck-content figure.table:not(.layout-table) > table > tbody > tr > td > p:last-of-type, .ck-content figure.table:not(.layout-table) > table > tbody > tr > th > p:last-of-type {
            margin-bottom: 0;
          }

.ck-content table.table:not(.layout-table) > thead > tr > td, .ck-content table.table:not(.layout-table) > thead > tr > th, .ck-content table.table:not(.layout-table) > tfoot > tr > td, .ck-content table.table:not(.layout-table) > tfoot > tr > th, .ck-content table.table:not(.layout-table) > tbody > tr > td, .ck-content table.table:not(.layout-table) > tbody > tr > th, .ck-content figure.table:not(.layout-table) > table > thead > tr > td, .ck-content figure.table:not(.layout-table) > table > thead > tr > th, .ck-content figure.table:not(.layout-table) > table > tfoot > tr > td, .ck-content figure.table:not(.layout-table) > table > tfoot > tr > th, .ck-content figure.table:not(.layout-table) > table > tbody > tr > td, .ck-content figure.table:not(.layout-table) > table > tbody > tr > th {
          border: 1px solid #bfbfbf;
          min-width: 2em;
          padding: .4em;
}

@media print {
    .ck-content figure.table:not(.layout-table) {
      width: -moz-fit-content;
      width: fit-content;
      height: -moz-fit-content;
      height: fit-content;
    }
    .ck-content figure.table:not(.layout-table) > table {
      height: auto;
      height: initial;
    }
}

.ck-content table.table.layout-table, .ck-content figure.table.layout-table {
    margin-top: 0;
    margin-bottom: 0;
  }

.ck-content table.table.layout-table, .ck-content figure.table.layout-table > table {
    border-spacing: 0;
  }

.ck-content .table.table-style-align-left {
      float: left;
      margin-right: var(--ck-content-table-style-spacing);
    }

.ck-content .table.table-style-align-right {
      float: right;
      margin-left: var(--ck-content-table-style-spacing);
    }

.ck-content .table.table-style-align-center {
      margin-left: auto;
      margin-right: auto;
    }

.ck-content .table.table-style-block-align-left {
      margin-left: 0;
      margin-right: auto;
    }

.ck-content .table.table-style-block-align-right {
      margin-left: auto;
      margin-right: 0;
    }

.ck-content .table > figcaption, .ck-content figure.table > table > caption {
  caption-side: top;
  word-break: normal;
  word-wrap: anywhere;
  text-align: center;
  color: var(--ck-content-color-table-caption-text);
  background-color: var(--ck-content-color-table-caption-background);
  outline-offset: -1px;
  padding: .6em;
  font-size: .75em;
  display: table-caption;
}

@media (forced-colors: active) {

.ck-content .table > figcaption, .ck-content figure.table > table > caption {
    background-color: unset;

    color: unset
}
  }

.ck-content .table .ck-table-resized {
  table-layout: fixed;
}

.ck-content .table td, .ck-content .table th {
  word-wrap: break-word;
}

:root, :host {
  --ck-widget-outline-thickness: 3px;
  --ck-widget-handler-icon-size: 16px;
  --ck-widget-handler-animation-duration: var(--ck-duration-base);
  --ck-widget-handler-animation-curve: var(--ck-ease-standard);
  --ck-color-widget-blurred-border: var(--ck-color-base-border-light);
  --ck-color-widget-hover-border: var(--ck-color-base-attention);
  --ck-color-widget-editable-focus-background: var(--ck-color-base-background);
  --ck-color-widget-drag-handler-icon-color: var(--ck-color-base-background);
  --ck-color-resizer: var(--ck-color-focus-border, var(--ck-color-interactive-focus-border));
  --ck-color-resizer-tooltip-background: var(--ck-color-surface-inverse);
  --ck-color-resizer-tooltip-text: var(--ck-color-text-inverse);
  --ck-resizer-border-radius: var(--ck-border-radius, var(--ck-radius-base));
  --ck-resizer-tooltip-offset: 10px;
  --ck-resizer-tooltip-height: calc(var(--ck-spacing-small, var(--ck-spacing-sm)) * 2 + 10px);
  --ck-widget-label-border-radius: 0 0 var(--ck-radius-sm) var(--ck-radius-sm);
  --ck-widget-selection-handle-border-radius: var(--ck-radius-sm) var(--ck-radius-sm) 0 0;
}

.ck .ck-widget {
  outline-width: var(--ck-widget-outline-thickness);
  transition: outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
  outline-style: solid;
  outline-color: rgba(0,0,0,0);
}

@media (prefers-reduced-motion: reduce) {

.ck .ck-widget {
    transition: none;
}
  }

.ck .ck-widget.ck-widget_selected, .ck .ck-widget.ck-widget_selected:hover {
    outline: var(--ck-widget-outline-thickness) solid var(--ck-color-interactive-focus-border);
    outline: var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border, var(--ck-color-interactive-focus-border));
  }

.ck .ck-widget:hover {
    outline-color: var(--ck-color-widget-hover-border);
  }

.ck .ck-widget {
  position: relative;
}

.ck .ck-editor__nested-editable {
  border: 1px solid rgba(0,0,0,0);
}

.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck .ck-editor__nested-editable:focus {
    box-shadow: var(--ck-inset-shadow-sm), 0 0;
    box-shadow: var(--ck-inner-shadow, var(--ck-inset-shadow-sm)), 0 0;
  }

@media (forced-colors: none) {

.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck .ck-editor__nested-editable:focus {
      background-color: var(--ck-color-widget-editable-focus-background)
  }
    }

.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused:not(td):not(th), .ck .ck-editor__nested-editable:focus:not(td):not(th) {
      border: var(--ck-focus-ring);
      outline: none;
    }

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
    box-sizing: border-box;
    opacity: 0;
    transition: background-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
			visibility var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
			opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
    border-radius: var(--ck-widget-selection-handle-border-radius);
    left: calc(0px - var(--ck-widget-outline-thickness));
    background-color: rgba(0,0,0,0);
    padding: 4px;
    top: 0;
    transform: translateY(-100%);
  }

@media (prefers-reduced-motion: reduce) {

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
      transition: none;
  }
    }

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {
      width: var(--ck-widget-handler-icon-size);
      height: var(--ck-widget-handler-icon-size);
      color: var(--ck-color-widget-drag-handler-icon-color);
    }

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
        opacity: 0;
        transition: opacity .3s var(--ck-widget-handler-animation-curve);
      }

@media (prefers-reduced-motion: reduce) {

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
          transition: none
      }
        }

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {
      display: block;
}

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover .ck-icon .ck-icon__selected-indicator {
      opacity: 1;
    }

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
    position: absolute;
}

.ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle {
    opacity: 1;
    background-color: var(--ck-color-widget-hover-border);
    visibility: visible;
  }

.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle {
      opacity: 1;
      background-color: var(--ck-color-interactive-focus-border);
      background-color: var(--ck-color-focus-border, var(--ck-color-interactive-focus-border));
      visibility: visible;
    }

.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
        opacity: 1;
      }

.ck .ck-widget.ck-widget_with-selection-handle {
  position: relative;
}

.ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
  left: auto;
  right: calc(0px - var(--ck-widget-outline-thickness));
}

.ck.ck-editor__editable.ck-read-only .ck-widget {
  transition: none;
}

.ck.ck-editor__editable.ck-read-only .ck-widget:not(.ck-widget_selected) {
    --ck-widget-outline-thickness: 0px;
  }

.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle, .ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover {
      background: var(--ck-color-widget-blurred-border);
    }

.ck .ck-widget[\:has\(.ck-widget.table\:hover\)] {
  outline-color: rgba(0,0,0,0);
}

.ck .ck-widget:has(.ck-widget.table:hover) {
  outline-color: rgba(0,0,0,0);
}

.ck .ck-widget.ck-widget_with-selection-handle[\:has\(.ck-widget.table\:hover\)] > .ck-widget__selection-handle {
  opacity: 0;
  visibility: hidden;
}

.ck .ck-widget.ck-widget_with-selection-handle:has(.ck-widget.table:hover) > .ck-widget__selection-handle {
  opacity: 0;
  visibility: hidden;
}

.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected, .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover {
    outline-color: var(--ck-color-widget-blurred-border);
  }

.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle, .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle:hover, .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover.ck-widget_with-selection-handle > .ck-widget__selection-handle, .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover.ck-widget_with-selection-handle > .ck-widget__selection-handle:hover {
        background: var(--ck-color-widget-blurred-border);
      }

.ck.ck-editor__editable:not(.ck-pagination-view) > .ck-widget.ck-widget_with-selection-handle:first-child, .ck.ck-editor__editable:not(.ck-pagination-view) blockquote > .ck-widget.ck-widget_with-selection-handle:first-child {
  margin-top: calc(1em + var(--ck-widget-handler-icon-size));
}

.ck .ck-size-view {
  background: var(--ck-color-resizer-tooltip-background);
  color: var(--ck-color-resizer-tooltip-text);
  border: 1px solid var(--ck-color-resizer-tooltip-text);
  border-radius: var(--ck-resizer-border-radius);
  font-size: var(--ck-font-size-xs);
  font-size: var(--ck-font-size-tiny, var(--ck-font-size-xs));
  padding: 0 var(--ck-spacing-sm);
  padding: 0 var(--ck-spacing-small, var(--ck-spacing-sm));
  height: var(--ck-resizer-tooltip-height);
  line-height: var(--ck-resizer-tooltip-height);
  display: block;
}

.ck .ck-size-view.ck-orientation-top-left, .ck .ck-size-view.ck-orientation-top-right, .ck .ck-size-view.ck-orientation-bottom-right, .ck .ck-size-view.ck-orientation-bottom-left, .ck .ck-size-view.ck-orientation-above-center {
    position: absolute;
  }

.ck .ck-size-view.ck-orientation-top-left {
    top: var(--ck-resizer-tooltip-offset);
    left: var(--ck-resizer-tooltip-offset);
  }

.ck .ck-size-view.ck-orientation-top-right {
    top: var(--ck-resizer-tooltip-offset);
    right: var(--ck-resizer-tooltip-offset);
  }

.ck .ck-size-view.ck-orientation-bottom-right {
    bottom: var(--ck-resizer-tooltip-offset);
    right: var(--ck-resizer-tooltip-offset);
  }

.ck .ck-size-view.ck-orientation-bottom-left {
    bottom: var(--ck-resizer-tooltip-offset);
    left: var(--ck-resizer-tooltip-offset);
  }

.ck .ck-size-view.ck-orientation-above-center {
    top: calc(var(--ck-resizer-tooltip-height) * -1);
    left: 50%;
    transform: translate(-50%);
  }

:root, :host {
  --ck-resizer-size: 10px;
  --ck-resizer-offset: calc(( var(--ck-resizer-size) / -2 ) - 2px);
  --ck-resizer-border-width: 1px;
}

.ck .ck-widget__resizer {
  outline: 1px solid var(--ck-color-resizer);
  pointer-events: none;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.ck .ck-widget__resizer__handle {
  width: var(--ck-resizer-size);
  height: var(--ck-resizer-size);
  background: var(--ck-color-interactive-focus-border);
  background: var(--ck-color-focus-border, var(--ck-color-interactive-focus-border));
  border: var(--ck-resizer-border-width) solid var(--ck-color-base-background);
  border-radius: var(--ck-resizer-border-radius);
  pointer-events: all;
  position: absolute;
}

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left {
    top: var(--ck-resizer-offset);
    left: var(--ck-resizer-offset);
  }

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right {
    top: var(--ck-resizer-offset);
    right: var(--ck-resizer-offset);
  }

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {
    bottom: var(--ck-resizer-offset);
    right: var(--ck-resizer-offset);
  }

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {
    bottom: var(--ck-resizer-offset);
    left: var(--ck-resizer-offset);
  }

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left, .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {
    cursor: nwse-resize;
  }

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right, .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {
    cursor: nesw-resize;
  }

.ck .ck-widget_with-resizer {
  position: relative;
}

.ck-focused .ck-widget_with-resizer.ck-widget_selected > .ck-widget__resizer {
    display: block;
  }

:root, :host {
  --ck-widget-type-around-button-size: 20px;
  --ck-widget-type-around-button-border-radius: 100px;
  --ck-color-widget-type-around-button-active: var(--ck-color-focus-border, var(--ck-color-interactive-focus-border));
  --ck-color-widget-type-around-button-hover: var(--ck-color-widget-hover-border);
  --ck-color-widget-type-around-button-blurred-editable: var(--ck-color-widget-blurred-border);
  --ck-color-widget-type-around-button-radar-start-alpha: 0;
  --ck-color-widget-type-around-button-radar-end-alpha: .3;
  --ck-color-widget-type-around-button-icon: var(--ck-color-base-background);
}

.ck .ck-widget .ck-widget__type-around__button {
    width: var(--ck-widget-type-around-button-size);
    height: var(--ck-widget-type-around-button-size);
    background: var(--ck-color-widget-type-around-button);
    border-radius: var(--ck-widget-type-around-button-border-radius);
    transition: opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
    opacity: 0;
    pointer-events: none;
    z-index: var(--ck-z-base);
    z-index: var(--ck-z-default, var(--ck-z-base));
    display: block;
    position: absolute;
    overflow: hidden;
  }

@media (prefers-reduced-motion: reduce) {

.ck .ck-widget .ck-widget__type-around__button {
      transition: none
  }
    }

.ck .ck-widget .ck-widget__type-around__button svg {
      width: 10px;
      height: 8px;
      margin-top: 1px;
      transition: transform .5s;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

@media (prefers-reduced-motion: reduce) {

.ck .ck-widget .ck-widget__type-around__button svg {
        transition: none;
    }
      }

.ck .ck-widget .ck-widget__type-around__button svg * {
        stroke-dasharray: 10;
        stroke-dashoffset: 0;
        fill: none;
        stroke: var(--ck-color-widget-type-around-button-icon);
        stroke-width: 1.5px;
        stroke-linecap: round;
        stroke-linejoin: round;
      }

.ck .ck-widget .ck-widget__type-around__button svg line {
        stroke-dasharray: 7;
      }

.ck .ck-widget .ck-widget__type-around__button svg {
      z-index: calc(var(--ck-z-base) + 2);
      z-index: calc(var(--ck-z-default, var(--ck-z-base)) + 2);
}

.ck .ck-widget .ck-widget__type-around__button:hover {
      animation: 1s infinite ck-widget-type-around-button-sonar;
    }

.ck .ck-widget .ck-widget__type-around__button:hover svg polyline {
          animation: 2s linear ck-widget-type-around-arrow-dash;
        }

.ck .ck-widget .ck-widget__type-around__button:hover svg line {
          animation: 2s linear ck-widget-type-around-arrow-tip-dash;
        }

@media (prefers-reduced-motion: reduce) {

.ck .ck-widget .ck-widget__type-around__button:hover {
        animation: none
    }
          .ck .ck-widget .ck-widget__type-around__button:hover svg polyline, .ck .ck-widget .ck-widget__type-around__button:hover svg line {
            animation: none;
          }
      }

.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_before {
      top: calc(-.5 * var(--ck-widget-outline-thickness));
      left: min(10%, 30px);
      transform: translateY(-50%);
    }

.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_after {
      bottom: calc(-.5 * var(--ck-widget-outline-thickness));
      right: min(10%, 30px);
      transform: translateY(50%);
    }

.ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button {
      opacity: 1;
      pointer-events: auto;
    }

.ck .ck-widget:not(.ck-widget_selected) > .ck-widget__type-around > .ck-widget__type-around__button {
    background: var(--ck-color-widget-type-around-button-hover);
  }

.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover {
    background: var(--ck-color-widget-type-around-button-active);
  }

.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before, .ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after {
      outline-color: rgba(0,0,0,0);
    }

.ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button {
      opacity: 1;
      pointer-events: auto;
    }

.ck .ck-widget.ck-widget_with-selection-handle > .ck-widget__type-around > .ck-widget__type-around__button_before {
    margin-left: 20px;
  }

.ck .ck-widget .ck-widget__type-around__fake-caret {
    pointer-events: none;
    outline: var(--ck-outline-fake-caret);
    background: var(--ck-color-base-text);
    height: 1px;
    animation: 1s linear infinite forwards ck-widget-type-around-fake-caret-pulse;
  }

.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected:hover, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected:hover {
      outline-color: var(--ck-color-widget-hover-border);
    }

.ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__button {
      opacity: 0;
      pointer-events: none;
    }

.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle {
          opacity: 0;
        }

.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer {
      opacity: 0;
    }

.ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
  }

.ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
    left: calc(-1 * var(--ck-widget-outline-thickness));
    right: calc(-1 * var(--ck-widget-outline-thickness));
  }

.ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
    top: calc(-1 * var(--ck-widget-outline-thickness) - 1px);
    display: block;
  }

.ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
    bottom: calc(-1 * var(--ck-widget-outline-thickness) - 1px);
    display: block;
  }

.ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__type-around > .ck-widget__type-around__button_before {
  margin-left: 0;
  margin-right: 20px;
}

.ck-editor__nested-editable.ck-editor__editable_selected .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck-editor__nested-editable.ck-editor__editable_selected .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button {
        opacity: 0;
        pointer-events: none;
      }

.ck .ck-widget[\:has\(.ck-widget.table\:hover\)] > .ck-widget__type-around > .ck-widget__type-around__button {
    opacity: 0;
    pointer-events: none;
  }

.ck .ck-widget:has(.ck-widget.table:hover) > .ck-widget__type-around > .ck-widget__type-around__button {
    opacity: 0;
    pointer-events: none;
  }

.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) {
  background: var(--ck-color-widget-type-around-button-blurred-editable);
}

.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) svg * {
    stroke: var(--ck-color-widget-blurred-border);
  }

@keyframes ck-widget-type-around-arrow-dash {
  0% {
    stroke-dashoffset: 10px;
  }

  20%, 100% {
    stroke-dashoffset: 0;
  }
}

@keyframes ck-widget-type-around-arrow-tip-dash {
  0%, 20% {
    stroke-dashoffset: 7px;
  }

  40%, 100% {
    stroke-dashoffset: 0;
  }
}

@keyframes ck-widget-type-around-button-sonar {
  0% {
    box-shadow: 0 0 0 0 hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha));
  }

  50% {
    box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-end-alpha));
  }

  100% {
    box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha));
  }
}

@keyframes ck-widget-type-around-fake-caret-pulse {
  0% {
    opacity: 1;
  }

  49% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  99% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.ck.ck-editor__editable.ck-read-only .ck-widget__type-around, .ck.ck-editor__editable.ck-widget__type-around_disabled .ck-widget__type-around {
  display: none;
}

.ck.ck-editor__editable.ck-restricted-editing_mode_restricted .ck-widget__type-around {
    display: none;
  }

.ck.ck-editor__editable.ck-restricted-editing_mode_restricted div.restricted-editing-exception .ck-widget__type-around {
    display: inline;
    display: initial;
  }

:root, :host {
  --ck-word-count-font-size: var(--ck-font-size-md);
}

.ck.ck-word-count {
  font-size: var(--ck-word-count-font-size);
}