/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
/*!
Theme Name: Collated
Theme URI: https://collated.co.uk/
Author: Collated
Author URI: https://www.collated.co.uk/
Description: Collated theme built by the Collated team.
Version: 0.1.0
Tested up to: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: collated
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Collated is based on _tw https://underscoretw.com/, (C) 2021-2025 Greg Sullivan
_tw is distributed under the terms of the GNU GPL v2 or later.

_tw is based on Underscores https://underscores.me/ and Varia https://github.com/Automattic/themes/tree/master/varia, (C) 2012-2025 Automattic, Inc.
Underscores and Varia are distributed under the terms of the GNU GPL v2 or later.
*/
@layer properties;
:root, :host {
  --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
  --color-red-400: oklch(70.4% 0.191 22.216);
  --color-red-500: oklch(63.7% 0.237 25.331);
  --color-green-400: oklch(79.2% 0.209 151.711);
  --color-gray-600: oklch(44.6% 0.03 256.802);
  --color-black: #000;
  --color-white: #fff;
  --spacing: 0.25rem;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --blur-sm: 8px;
  --default-transition-duration: 150ms;
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
  --color-brand-blue: var(--collated-blue);
  --color-brand-yellow: var(--collated-yellow);
  --color-brand-red: var(--collated-red);
  --color-brand-brown: var(--collated-brown);
  --color-brand-black: var(--collated-black);
  --color-brand-grey: var(--collated-grey);
  --color-brand-green: var(--collated-green);
  --color-brand-purple: var(--collated-purple);
  --color-brand-pink: var(--collated-pink);
  --color-brand-emerald: var(--collated-emerald);
  --color-brand-white: var(--collated-white);
}
*, ::after, ::before, ::backdrop, ::file-selector-button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
}
html, :host {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
  font-feature-settings: var(--default-font-feature-settings, normal);
  font-variation-settings: var(--default-font-variation-settings, normal);
  -webkit-tap-highlight-color: transparent;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
}
b, strong {
  font-weight: bolder;
}
code, kbd, samp, pre {
  font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
  font-feature-settings: var(--default-mono-font-feature-settings, normal);
  font-variation-settings: var(--default-mono-font-variation-settings, normal);
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
:-moz-focusring {
  outline: auto;
}
progress {
  vertical-align: baseline;
}
summary {
  display: list-item;
}
ol, ul, menu {
  list-style: none;
}
img, svg, video, canvas, audio, iframe, embed, object {
  display: block;
  vertical-align: middle;
}
img, video {
  max-width: 100%;
  height: auto;
}
button, input, select, optgroup, textarea, ::file-selector-button {
  font: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  letter-spacing: inherit;
  color: inherit;
  border-radius: 0;
  background-color: transparent;
  opacity: 1;
}
:where(select:is([multiple], [size])) optgroup {
  font-weight: bolder;
}
:where(select:is([multiple], [size])) optgroup option {
  padding-inline-start: 20px;
}
::file-selector-button {
  margin-inline-end: 4px;
}
::placeholder {
  opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
  ::placeholder {
    color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentcolor 50%, transparent);
    }
  }
}
textarea {
  resize: vertical;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-date-and-time-value {
  min-height: 1lh;
  text-align: inherit;
}
::-webkit-datetime-edit {
  display: inline-flex;
}
::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
  padding-block: 0;
}
:-moz-ui-invalid {
  box-shadow: none;
}
button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
  appearance: button;
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}
[hidden]:where(:not([hidden='until-found'])) {
  display: none !important;
}
* {
  box-sizing: border-box;
}
#wpadminbar {
  position: fixed !important;
}
.editor-visual-editor__post-title-wrapper {
  margin-top: 0rem !important;
  background-color: #007cba;
  padding: 15px 0;
  color: white;
}
h1.wp-block-post-title {
  position: relative;
  margin: calc(var(--spacing) * 0);
  padding: calc(var(--spacing) * 0);
  font-size: 24px;
}
[data-spacing-top="small"] {
  margin-top: clamp(60px, 5vw, 100px);
}
[data-spacing-top="normal"] {
  margin-top: clamp(80px, 8vw, 150px);
}
[data-spacing-top="large"] {
  margin-top: clamp(100px, 11vw, 200px);
}
[data-spacing-bottom="small"] {
  margin-bottom: clamp(60px, 5vw, 100px);
}
[data-spacing-bottom="normal"] {
  margin-bottom: clamp(80px, 8vw, 150px);
}
[data-spacing-bottom="large"] {
  margin-bottom: clamp(100px, 11vw, 200px);
}
[data-background][data-spacing-top="small"] {
  margin-top: calc(var(--spacing) * 0);
  padding-top: clamp(60px, 5vw, 100px);
}
[data-background][data-spacing-top="normal"] {
  margin-top: calc(var(--spacing) * 0);
  padding-top: clamp(80px, 8vw, 150px);
}
[data-background][data-spacing-top="large"] {
  margin-top: calc(var(--spacing) * 0);
  padding-top: clamp(100px, 11vw, 200px);
}
[data-background][data-spacing-bottom="small"] {
  margin-bottom: calc(var(--spacing) * 0);
  padding-bottom: clamp(60px, 5vw, 100px);
}
[data-background][data-spacing-bottom="normal"] {
  margin-bottom: calc(var(--spacing) * 0);
  padding-bottom: clamp(80px, 8vw, 150px);
}
[data-background][data-spacing-bottom="large"] {
  margin-bottom: calc(var(--spacing) * 0);
  padding-bottom: clamp(100px, 11vw, 200px);
}
html.lenis, html.lenis body {
  height: auto;
}
.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}
.lenis [data-lenis-prevent], .lenis [data-lenis-prevent-wheel], .lenis [data-lenis-prevent-touch] {
  overscroll-behavior: contain;
}
.lenis.lenis-smooth iframe {
  pointer-events: none;
}
.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}
body, body :is([data-cursor="default"], [data-cursor="default"] *), body * {
  cursor: url("./assets/images/cursor.svg") 2 0, auto;
}
body :is([data-cursor="pointer"], [data-cursor="pointer"] *), body :is(a, a *, a p, button, button *, select, input[type="submit"], input[type="button"], input[type="radio"], input[type="checkbox"]) {
  cursor: url("./assets/images/cursor-active.svg") 2 0, auto;
}
:is([class*="u-text-style-"], h1, h2, h3, h4, h5, h6, p, blockquote) {
  display: flow-root;
}
:is([class*="u-text-style-"], h1, h2, h3, h4, h5, h6, p, blockquote)::before {
  content: "";
  display: table;
  margin-bottom: calc(-0.5lh + 0.38em);
}
:is([class*="u-text-style-"], h1, h2, h3, h4, h5, h6, p, blockquote)::after {
  content: "";
  display: table;
  margin-bottom: calc(-0.5lh + 0.56em);
}
html {
  margin-top: 0 !important;
}
#wpadminbar {
  position: fixed !important;
}
.colWrap {
  margin-top: calc(var(--spacing) * 0);
  margin-right: auto;
  margin-bottom: calc(var(--spacing) * 0);
  margin-left: auto;
  max-width: 1470px;
  padding-top: calc(var(--spacing) * 0);
  padding-right: 20px;
  padding-bottom: calc(var(--spacing) * 0);
  padding-left: 20px;
}
.custom-select select {
  display: none;
}
.form-block__form form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.form-block__form label {
  font-size: clamp(15px, 2vw, 16px);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  --tw-tracking: calc(0.01em * -1);
  letter-spacing: calc(0.01em * -1);
}
.form-block__form .wpcf7-not-valid-tip {
  margin-top: 10px;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-black);
  padding-inline: 30px;
  padding-block: 12px;
  text-align: center;
  font-size: 14px;
  color: var(--color-white);
}
.form-block__form form .wpcf7-response-output {
  margin: calc(var(--spacing) * 0);
  border-radius: calc(infinity * 1px);
  --tw-border-style: none;
  border-style: none;
  background-color: var(--color-black);
  padding-inline: 30px;
  padding-block: 12px;
  text-align: center;
  font-size: 14px;
  color: var(--color-white);
}
.form-block__form .wpcf7-spinner {
  display: none;
}
.form-block__form input[type="email"], .form-block__form input[type="text"] {
  margin-top: 10px;
  width: 100%;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-black);
  padding-inline: clamp(25px, 4vw, 30px);
  padding-block: clamp(18px, 3vw, 22px);
  font-size: clamp(16px, 2vw, 18px);
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  &::placeholder {
    font-size: 16px;
  }
  &::placeholder {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  &::placeholder {
    color: var(--color-black);
  }
  &::placeholder {
    opacity: 50%;
  }
}
.form-block__form select {
  margin-top: 10px;
  width: 100%;
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-black);
  padding-inline: clamp(25px, 4vw, 30px);
  padding-block: clamp(18px, 3vw, 22px);
  font-size: clamp(16px, 2vw, 18px);
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  &::placeholder {
    font-size: 16px;
  }
  &::placeholder {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  &::placeholder {
    color: var(--color-black);
  }
  &::placeholder {
    opacity: 50%;
  }
}
.form-block__form textarea {
  margin-top: 10px;
  height: 200px;
  width: 100%;
  resize: none;
  border-radius: 35px;
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-black);
  padding-inline: clamp(25px, 4vw, 30px);
  padding-block: 20px;
  font-size: clamp(16px, 2vw, 18px);
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  &::placeholder {
    font-size: 16px;
  }
  &::placeholder {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  &::placeholder {
    color: var(--color-black);
  }
  &::placeholder {
    opacity: 50%;
  }
}
.form-block__form input[type="submit"] {
  width: 100%;
  cursor: pointer;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-brand-blue);
  padding-inline: clamp(25px, 4vw, 30px);
  padding-block: clamp(20px, 3vw, 26px);
  font-size: clamp(16px, 2vw, 18px);
  --tw-leading: 1em;
  line-height: 1em;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-white);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 300ms;
  transition-duration: 300ms;
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: -3px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0px 3px 0px var(--tw-shadow-color, black);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  &:active {
    --tw-translate-x: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  &:active {
    --tw-translate-y: 0px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  &:active {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.collated-cart {
  position: relative;
  top: -1px;
  display: inline-block;
  background-color: var(--color-white);
  @media (width >= 40rem) {
    top: calc(var(--spacing) * 0);
  }
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  text-decoration-line: none;
  border-radius: calc(infinity * 1px);
  --tw-shadow: 0 0 0 var(--tw-shadow-color, calc(1 * 0.102rem)) black, 0 3px 0 0 var(--tw-shadow-color, black);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  @media (width >= 40rem) {
    --tw-shadow: 0 0 0 var(--tw-shadow-color, calc(1 * 0.102rem)) black, 0 5px 0 0 var(--tw-shadow-color, black);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  --tw-translate-y: calc(var(--spacing) * 0);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  padding: 9px;
  @media (width >= 40rem) {
    padding: clamp(12px, 1.5vw, 14px) 40px clamp(12px, 1.5vw, 14px) 17px;
  }
  font-size: clamp(14px, 3vw, 16px);
}
body[data-background="black"] .collated-cart {
  background-color: var(--color-black);
  color: var(--color-white);
  --tw-shadow: 0 0 0 var(--tw-shadow-color, calc(1 * 0.102rem)) white, 0 3px 0 0 var(--tw-shadow-color, white);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  @media (width >= 40rem) {
    --tw-shadow: 0 0 0 var(--tw-shadow-color, calc(1 * 0.102rem)) white, 0 5px 0 0 var(--tw-shadow-color, white);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.collated-cart::before {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  border-radius: calc(infinity * 1px);
  --tw-content: '';
  content: var(--tw-content);
}
.collated-book {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  opacity: 0;
  transition: none;
}
.collated-book--1, .collated-book--2, .collated-book--3, .collated-book--4, .collated-book--5, .collated-book--6, .collated-book--7, .collated-book--8, .collated-book--9 {
  position: absolute;
  width: 2.5px;
  height: 27px;
  background-color: white;
  transform-origin: bottom center;
  transition: none;
}
.collated-book--1 {
  left: calc(50% - 7px);
  bottom: 0px;
  transform: rotate(-90deg);
  background-color: var(--color-brand-blue);
}
.collated-book--2 {
  width: 2.5px;
  height: 16px;
  left: calc(50% - 17px);
  bottom: 7px;
  transform: translateX(-1px) translateY(7px) rotate(-90deg);
  background-color: var(--color-brand-grey);
}
.collated-book--3 {
  left: calc(50% - 4.95px);
  bottom: 4.95px;
  transform: translateX(-2px) translateY(5px) rotate(-90deg);
  background-color: var(--color-brand-yellow);
}
.collated-book--4 {
  width: 2.5px;
  height: 16px;
  bottom: 17px;
  left: calc(50% - 8px);
  transform: translateX(-11px) translateY(17px) rotate(-90deg);
  background-color: var(--color-brand-green);
}
.collated-book--5 {
  left: calc( 50% - 1px);
  bottom: 7px;
  transform: translateX(-6px) translateY(7px) rotate(-90deg);
  background-color: var(--color-brand-red);
}
.collated-book--6 {
  width: 2.5px;
  height: 16px;
  bottom: 17px;
  right: calc(50% - 8px);
  transform: translateX(-23px) translateY(17px) rotate(-90deg);
  background-color: var(--color-brand-purple);
}
.collated-book--7 {
  right: calc(50% - 4.95px);
  bottom: 4.95px;
  transform: translateX(-10px) translateY(5px) rotate(-90deg);
  background-color: var(--color-brand-purple);
}
.collated-book--8 {
  width: 2.5px;
  height: 16px;
  right: calc(50% - 17px);
  bottom: 7px;
  transform: translateX(-33px) translateY(7px) rotate(-90deg);
  background-color: var(--color-brand-emerald);
}
.collated-book--9 {
  bottom: 0;
  right: calc(50% - 7px);
  transform: translateX(-12px) rotate(-90deg);
  background-color: var(--color-brand-brown);
}
.collated-button {
  position: relative;
  top: -1px;
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 15px;
  background-color: var(--color-white);
  @media (width >= 40rem) {
    top: calc(var(--spacing) * 0);
  }
  --tw-leading: 1;
  line-height: 1;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  text-decoration-line: none;
  border-radius: calc(infinity * 1px);
  --tw-shadow: 0 0 0 var(--tw-shadow-color, calc(1 * 0.102rem)) black, 0 5px 0 0 var(--tw-shadow-color, black);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-translate-y: calc(var(--spacing) * 0);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  padding: clamp(12px, 1.5vw, 14px) 17px clamp(12px, 1.5vw, 14px) 17px;
  font-size: clamp(14px, 3vw, 18px);
  &[data-colour="white"] {
    background-color: var(--color-black);
  }
  &[data-colour="white"] {
    color: var(--color-white);
  }
  &[data-colour="white"] {
    --tw-shadow: 0 0 0 var(--tw-shadow-color, calc(1 * 0.102rem)) white, 0 5px 0 0 var(--tw-shadow-color, white);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.collated-button::before {
  position: absolute;
  bottom: calc(var(--spacing) * 0);
  left: calc(var(--spacing) * 0);
  height: 100%;
  width: 100%;
  border-radius: calc(infinity * 1px);
  --tw-content: '';
  content: var(--tw-content);
}
.collated-newsletter {
  position: relative;
  margin-top: clamp(40px, 5vw, 55px);
  form > p {
    display: flex;
  }
  .wpcf7-form-control-wrap {
    display: inline-block;
    width: 100%;
  }
  input[type="email"] {
    display: inline-block;
    width: 100%;
    max-width: 700px;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-white);
    padding-inline: clamp(30px, 5vw, 32px);
    padding-block: 20px;
    font-size: 16px;
    --tw-leading: 1em;
    line-height: 1em;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-black);
    &::placeholder {
      color: var(--color-black);
    }
  }
  input[type="submit"] {
    position: absolute;
    top: 5px;
    right: 5px;
    height: calc(100% - 10px);
    max-height: 49px;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-black);
    padding-inline: 38px;
    font-size: 16px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-white);
  }
  .wpcf7-not-valid-tip {
    margin-top: 10px;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-white);
    padding-inline: 43px;
    padding-block: 10px;
    text-align: center;
    font-size: 14px;
    color: var(--color-white);
  }
  .wpcf7 form .wpcf7-response-output {
    margin-inline: auto;
    margin-block: calc(var(--spacing) * 0);
    width: fit-content;
    border-radius: calc(infinity * 1px);
    padding-inline: 43px;
    padding-block: 10px;
    font-size: 14px;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-white);
  }
  .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    margin-top: 10px;
    width: 100%;
    border-color: var(--color-brand-red);
    text-align: center;
  }
  .wpcf7-spinner {
    margin-inline: auto;
    margin-block: 20px;
    display: none;
    background-color: var(--color-white);
    opacity: 100%;
    &::before {
      content: var(--tw-content);
      background-color: var(--color-brand-black);
    }
  }
}
.checkmark-list {
  margin-block: 40px;
  display: flex;
  list-style-type: none;
  flex-direction: column;
  gap: 5px;
  padding: calc(var(--spacing) * 0);
  &:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }
}
.checkmark-item {
  display: flex;
  align-items: center;
  gap: 14px;
}
.checkmark-item::before {
  display: inline-block;
  height: 10px;
  width: 10px;
  background-image: url(./images/icon-checkmark-emerald.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--color-brand-emerald);
  --tw-content: '';
  content: var(--tw-content);
  & svg {
    height: auto;
  }
  & svg {
    width: 100%;
  }
}
.colCheckbox .path {
  fill: none;
  stroke: white;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke-dasharray 0.5s ease, stroke-dashoffset 0.5s ease;
  stroke-dasharray: 241 9999999;
  stroke-dashoffset: 0;
}
.colCheckbox input:checked ~ svg .path {
  stroke-dasharray: 70.5096664428711 9999999;
  stroke-dashoffset: -262.2723388671875;
}
.animate-spin-slow {
  animation: spin 20s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.wp-editor p {
  margin-bottom: 1em;
}
:root {
  --collated-blue: #0570ff;
  --collated-yellow: #e5fc3d;
  --collated-red: #f74239;
  --collated-brown: #bf9d79;
  --collated-black: #000000;
  --collated-grey: #dad5bd;
  --collated-green: #335933;
  --collated-purple: #bea8f5;
  --collated-pink: #E00CF2;
  --collated-emerald: #23CC71;
  --collated-white: #f7f7f7;
}
@font-face {
  font-family: "LabilGrotesk";
  src: url(./assets/fonts/LabilGrotesk-40Light.woff2) format('woff2');
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "LabilGrotesk";
  src: url(./assets/fonts/LabilGrotesk-50Regular.woff2) format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "LabilGrotesk";
  src: url(./assets/fonts/LabilGrotesk-60Medium.woff2) format('woff2');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "LabilGrotesk";
  src: url(./assets/fonts/LabilGrotesk-70Bold.woff2) format('woff2');
  font-weight: 700;
  font-display: swap;
}
* {
  font-family: "LabilGrotesk",sans-serif;
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}
.swiper-vertical>.swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  box-sizing: initial;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  width: 100%;
  z-index: 1;
}
.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  display: block;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height;
}
.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-cube-shadow,.swiper-slide {
    transform-style: preserve-3d;
  }
}
.swiper-css-mode {
  >.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  >.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    >.swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    >.swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    >.swiper-wrapper {
      scroll-snap-type: none;
    }
    >.swiper-wrapper>.swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    >.swiper-wrapper:before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    >.swiper-wrapper>.swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    >.swiper-wrapper>.swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    >.swiper-wrapper:before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    >.swiper-wrapper>.swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    >.swiper-wrapper:before {
      height: var(--swiper-centered-offset-after);
      min-width: 1px;
      width: 100%;
    }
  }
}
.swiper-3d {
  .swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: #00000026;
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg,#00000080,#0000);
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg,#00000080,#0000);
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg,#00000080,#0000);
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg,#00000080,#0000);
  }
}
.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid #0000;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10;
}
.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress) {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.\@container\/card {
  container-type: inline-size;
  container-name: card;
}
.\@container {
  container-type: inline-size;
}
.pointer-events-auto {
  pointer-events: auto;
}
.pointer-events-none {
  pointer-events: none;
}
.invisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.static {
  position: static;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.top-\[6px\] {
  top: 6px;
}
.top-\[15px\] {
  top: 15px;
}
.top-\[20px\] {
  top: 20px;
}
.top-\[25px\] {
  top: 25px;
}
.top-\[45px\] {
  top: 45px;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[85px\] {
  top: 85px;
}
.top-\[calc\(50\%-32px\)\] {
  top: calc(50% - 32px);
}
.top-\[calc\(var\(--wp-admin--admin-bar--height\,0px\)\)\] {
  top: calc(var(--wp-admin--admin-bar--height,0px));
}
.top-\[clamp\(2px\,1cqw\,5px\)\] {
  top: clamp(2px, 1cqw, 5px);
}
.top-\[var\(--wp-admin--admin-bar--height\,0px\)\] {
  top: var(--wp-admin--admin-bar--height,0px);
}
.top-full {
  top: 100%;
}
.right-0 {
  right: calc(var(--spacing) * 0);
}
.right-\[-50px\] {
  right: -50px;
}
.right-\[20\%\] {
  right: 20%;
}
.right-\[20px\] {
  right: 20px;
}
.right-\[25px\] {
  right: 25px;
}
.right-\[calc\(0\%\+10px\)\] {
  right: calc(0% + 10px);
}
.bottom-0 {
  bottom: calc(var(--spacing) * 0);
}
.bottom-\[18px\] {
  bottom: 18px;
}
.bottom-\[22px\] {
  bottom: 22px;
}
.bottom-\[44px\] {
  bottom: 44px;
}
.bottom-\[90px\] {
  bottom: 90px;
}
.bottom-\[144px\] {
  bottom: 144px;
}
.bottom-\[201px\] {
  bottom: 201px;
}
.bottom-\[270px\] {
  bottom: 270px;
}
.bottom-\[326px\] {
  bottom: 326px;
}
.bottom-\[386px\] {
  bottom: 386px;
}
.bottom-\[434px\] {
  bottom: 434px;
}
.bottom-\[clamp\(10px\,2vw\,20px\)\] {
  bottom: clamp(10px, 2vw, 20px);
}
.left-0 {
  left: calc(var(--spacing) * 0);
}
.left-1\/2 {
  left: calc(1/2 * 100%);
}
.left-\[-2px\] {
  left: -2px;
}
.left-\[-10\%\] {
  left: -10%;
}
.left-\[-10px\] {
  left: -10px;
}
.left-\[-20px\] {
  left: -20px;
}
.left-\[-24px\] {
  left: -24px;
}
.left-\[-25\%\] {
  left: -25%;
}
.left-\[-50px\] {
  left: -50px;
}
.left-\[-51px\] {
  left: -51px;
}
.left-\[-82px\] {
  left: -82px;
}
.left-\[-123px\] {
  left: -123px;
}
.left-\[-137px\] {
  left: -137px;
}
.left-\[1px\] {
  left: 1px;
}
.left-\[17px\] {
  left: 17px;
}
.left-\[20\%\] {
  left: 20%;
}
.left-\[26px\] {
  left: 26px;
}
.left-\[50\%\] {
  left: 50%;
}
.left-\[calc\(0\%\+10px\)\] {
  left: calc(0% + 10px);
}
.left-\[clamp\(17px\,3vw\,37px\)\] {
  left: clamp(17px, 3vw, 37px);
}
.isolate {
  isolation: isolate;
}
.-z-10 {
  z-index: calc(10 * -1);
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-60 {
  z-index: 60;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[3\] {
  z-index: 3;
}
.z-\[4\] {
  z-index: 4;
}
.z-\[5\] {
  z-index: 5;
}
.z-\[8\] {
  z-index: 8;
}
.z-\[9\] {
  z-index: 9;
}
.z-\[10\] {
  z-index: 10;
}
.z-\[11\] {
  z-index: 11;
}
.z-\[12\] {
  z-index: 12;
}
.z-\[100\] {
  z-index: 100;
}
.z-\[101\] {
  z-index: 101;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.col-start-1 {
  grid-column-start: 1;
}
.col-end-1 {
  grid-column-end: 1;
}
.row-start-1 {
  grid-row-start: 1;
}
.container {
  width: 100%;
  @media (width >= 40rem) {
    max-width: 40rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
}
.m-auto {
  margin: auto;
}
.mx-auto {
  margin-inline: auto;
}
.my-\[35px\] {
  margin-block: 35px;
}
.my-\[38px\] {
  margin-block: 38px;
}
.my-\[45px\] {
  margin-block: 45px;
}
.my-\[46px\] {
  margin-block: 46px;
}
.my-\[90px\] {
  margin-block: 90px;
}
.my-\[100px\] {
  margin-block: 100px;
}
.my-\[175px\] {
  margin-block: 175px;
}
.my-\[230px\] {
  margin-block: 230px;
}
.my-\[250px\] {
  margin-block: 250px;
}
.my-\[clamp\(70px\,9vw\,180px\)\] {
  margin-block: clamp(70px, 9vw, 180px);
}
.my-\[clamp\(80px\,9vw\,100px\)\] {
  margin-block: clamp(80px, 9vw, 100px);
}
.my-\[clamp\(80px\,17vw\,160px\)\] {
  margin-block: clamp(80px, 17vw, 160px);
}
.my-\[clamp\(110px\,13vw\,230px\)\] {
  margin-block: clamp(110px, 13vw, 230px);
}
.mt-\[-250px\] {
  margin-top: -250px;
}
.mt-\[5px\] {
  margin-top: 5px;
}
.mt-\[7px\] {
  margin-top: 7px;
}
.mt-\[10px\] {
  margin-top: 10px;
}
.mt-\[15px\] {
  margin-top: 15px;
}
.mt-\[25px\] {
  margin-top: 25px;
}
.mt-\[40px\] {
  margin-top: 40px;
}
.mt-\[45px\] {
  margin-top: 45px;
}
.mt-\[62px\] {
  margin-top: 62px;
}
.mt-\[70px\] {
  margin-top: 70px;
}
.mt-\[75px\] {
  margin-top: 75px;
}
.mt-\[80px\] {
  margin-top: 80px;
}
.mt-\[120px\] {
  margin-top: 120px;
}
.mt-\[175px\] {
  margin-top: 175px;
}
.mt-\[250px\] {
  margin-top: 250px;
}
.mt-\[260px\] {
  margin-top: 260px;
}
.mt-\[265px\] {
  margin-top: 265px;
}
.mt-\[clamp\(10px\,2vw\,90px\)\] {
  margin-top: clamp(10px, 2vw, 90px);
}
.mt-\[clamp\(30px\,3vw\,45px\)\] {
  margin-top: clamp(30px, 3vw, 45px);
}
.mt-\[clamp\(50px\,7vw\,80px\)\] {
  margin-top: clamp(50px, 7vw, 80px);
}
.mt-\[clamp\(60px\,10cqw\,120px\)\] {
  margin-top: clamp(60px, 10cqw, 120px);
}
.mt-\[clamp\(100px\,10vw\,180px\)\] {
  margin-top: clamp(100px, 10vw, 180px);
}
.mt-\[clamp\(100px\,15vw\,175px\)\] {
  margin-top: clamp(100px, 15vw, 175px);
}
.mt-\[clamp\(140px\,20vw\,250px\)\] {
  margin-top: clamp(140px, 20vw, 250px);
}
.mt-auto {
  margin-top: auto;
}
.mr-\[5px\] {
  margin-right: 5px;
}
.mb-\[-200px\] {
  margin-bottom: -200px;
}
.mb-\[1em\] {
  margin-bottom: 1em;
}
.mb-\[4px\] {
  margin-bottom: 4px;
}
.mb-\[5px\] {
  margin-bottom: 5px;
}
.mb-\[8px\] {
  margin-bottom: 8px;
}
.mb-\[10px\] {
  margin-bottom: 10px;
}
.mb-\[12px\] {
  margin-bottom: 12px;
}
.mb-\[15px\] {
  margin-bottom: 15px;
}
.mb-\[16px\] {
  margin-bottom: 16px;
}
.mb-\[18px\] {
  margin-bottom: 18px;
}
.mb-\[20px\] {
  margin-bottom: 20px;
}
.mb-\[23px\] {
  margin-bottom: 23px;
}
.mb-\[24px\] {
  margin-bottom: 24px;
}
.mb-\[25px\] {
  margin-bottom: 25px;
}
.mb-\[28px\] {
  margin-bottom: 28px;
}
.mb-\[30px\] {
  margin-bottom: 30px;
}
.mb-\[35px\] {
  margin-bottom: 35px;
}
.mb-\[40px\] {
  margin-bottom: 40px;
}
.mb-\[45px\] {
  margin-bottom: 45px;
}
.mb-\[50px\] {
  margin-bottom: 50px;
}
.mb-\[55px\] {
  margin-bottom: 55px;
}
.mb-\[60px\] {
  margin-bottom: 60px;
}
.mb-\[90px\] {
  margin-bottom: 90px;
}
.mb-\[95px\] {
  margin-bottom: 95px;
}
.mb-\[130px\] {
  margin-bottom: 130px;
}
.mb-\[clamp\(4px\,0\.5vw\,7px\)\] {
  margin-bottom: clamp(4px, 0.5vw, 7px);
}
.mb-\[clamp\(25px\,4vw\,30px\)\] {
  margin-bottom: clamp(25px, 4vw, 30px);
}
.mb-\[clamp\(30px\,4cqw\,50px\)\] {
  margin-bottom: clamp(30px, 4cqw, 50px);
}
.mb-\[clamp\(30px\,5cqw\,40px\)\] {
  margin-bottom: clamp(30px, 5cqw, 40px);
}
.mb-\[clamp\(30px\,6vw\,45px\)\] {
  margin-bottom: clamp(30px, 6vw, 45px);
}
.mb-\[clamp\(45px\,20cqw\,70px\)\] {
  margin-bottom: clamp(45px, 20cqw, 70px);
}
.mb-\[clamp\(80px\,12vw\,150px\)\] {
  margin-bottom: clamp(80px, 12vw, 150px);
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}
.inline-block {
  display: inline-block;
}
.table {
  display: table;
}
.aspect-\[150\/172\] {
  aspect-ratio: 150/172;
}
.aspect-\[336\/419\] {
  aspect-ratio: 336/419;
}
.aspect-\[400\/450\] {
  aspect-ratio: 400/450;
}
.aspect-\[405\/462\] {
  aspect-ratio: 405/462;
}
.aspect-\[460\/450\] {
  aspect-ratio: 460/450;
}
.aspect-\[520\/570\] {
  aspect-ratio: 520/570;
}
.aspect-\[550\/308\] {
  aspect-ratio: 550/308;
}
.aspect-\[550\/310\] {
  aspect-ratio: 550/310;
}
.aspect-\[580\/725\] {
  aspect-ratio: 580/725;
}
.aspect-\[700\/425\] {
  aspect-ratio: 700/425;
}
.aspect-\[819\/462\] {
  aspect-ratio: 819/462;
}
.aspect-\[940\/530\] {
  aspect-ratio: 940/530;
}
.aspect-\[1065\/570\] {
  aspect-ratio: 1065/570;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.size-\[12px\] {
  width: 12px;
  height: 12px;
}
.size-\[20px\] {
  width: 20px;
  height: 20px;
}
.size-\[25px\] {
  width: 25px;
  height: 25px;
}
.size-\[45px\] {
  width: 45px;
  height: 45px;
}
.size-\[clamp\(40px\,4cqw\,50px\)\] {
  width: clamp(40px, 4cqw, 50px);
  height: clamp(40px, 4cqw, 50px);
}
.size-\[clamp\(60px\,16cqw\,80px\)\] {
  width: clamp(60px, 16cqw, 80px);
  height: clamp(60px, 16cqw, 80px);
}
.\!h-full {
  height: 100% !important;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[12px\] {
  height: 12px;
}
.h-\[13px\] {
  height: 13px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[23px\] {
  height: 23px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[34px\] {
  height: 34px;
}
.h-\[35px\] {
  height: 35px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[45\%\] {
  height: 45%;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[80px\] {
  height: 80px;
}
.h-\[100svh\] {
  height: 100svh;
}
.h-\[130px\] {
  height: 130px;
}
.h-\[230px\] {
  height: 230px;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[500svh\] {
  height: 500svh;
}
.h-\[613px\] {
  height: 613px;
}
.h-\[calc\(100\%\+14px\)\] {
  height: calc(100% + 14px);
}
.h-\[calc\(100svh-var\(--wp-admin--admin-bar--height\,0px\)\)\] {
  height: calc(100svh - var(--wp-admin--admin-bar--height,0px));
}
.h-auto {
  height: auto;
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-svh {
  height: 100svh;
}
.min-h-\[100svh\] {
  min-height: 100svh;
}
.min-h-\[clamp\(400px\,120cqw\,430px\)\] {
  min-height: clamp(400px, 120cqw, 430px);
}
.min-h-full {
  min-height: 100%;
}
.min-h-svh {
  min-height: 100svh;
}
.w-\[2px\] {
  width: 2px;
}
.w-\[10px\] {
  width: 10px;
}
.w-\[12px\] {
  width: 12px;
}
.w-\[13px\] {
  width: 13px;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[15px\] {
  width: 15px;
}
.w-\[16px\] {
  width: 16px;
}
.w-\[21px\] {
  width: 21px;
}
.w-\[24\.8\%\] {
  width: 24.8%;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[35px\] {
  width: 35px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[44px\] {
  width: 44px;
}
.w-\[45\%\] {
  width: 45%;
}
.w-\[50px\] {
  width: 50px;
}
.w-\[50vw\] {
  width: 50vw;
}
.w-\[61\%\] {
  width: 61%;
}
.w-\[66px\] {
  width: 66px;
}
.w-\[70\%\] {
  width: 70%;
}
.w-\[75vw\] {
  width: 75vw;
}
.w-\[100vw\] {
  width: 100vw;
}
.w-\[105px\] {
  width: 105px;
}
.w-\[120\%\] {
  width: 120%;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[209px\] {
  width: 209px;
}
.w-\[305px\] {
  width: 305px;
}
.w-\[338px\] {
  width: 338px;
}
.w-\[390px\] {
  width: 390px;
}
.w-\[391px\] {
  width: 391px;
}
.w-\[397px\] {
  width: 397px;
}
.w-\[399px\] {
  width: 399px;
}
.w-\[406px\] {
  width: 406px;
}
.w-\[414px\] {
  width: 414px;
}
.w-\[425px\] {
  width: 425px;
}
.w-\[450px\] {
  width: 450px;
}
.w-\[940px\] {
  width: 940px;
}
.w-\[calc\(50\%-5px\)\] {
  width: calc(50% - 5px);
}
.w-\[clamp\(25px\,5cqw\,40px\)\] {
  width: clamp(25px, 5cqw, 40px);
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.max-w-\[75px\] {
  max-width: 75px;
}
.max-w-\[164px\] {
  max-width: 164px;
}
.max-w-\[242px\] {
  max-width: 242px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[340px\] {
  max-width: 340px;
}
.max-w-\[350px\] {
  max-width: 350px;
}
.max-w-\[390px\] {
  max-width: 390px;
}
.max-w-\[410px\] {
  max-width: 410px;
}
.max-w-\[420px\] {
  max-width: 420px;
}
.max-w-\[445px\] {
  max-width: 445px;
}
.max-w-\[455px\] {
  max-width: 455px;
}
.max-w-\[460px\] {
  max-width: 460px;
}
.max-w-\[496px\] {
  max-width: 496px;
}
.max-w-\[540px\] {
  max-width: 540px;
}
.max-w-\[550px\] {
  max-width: 550px;
}
.max-w-\[560px\] {
  max-width: 560px;
}
.max-w-\[575px\] {
  max-width: 575px;
}
.max-w-\[580px\] {
  max-width: 580px;
}
.max-w-\[590px\] {
  max-width: 590px;
}
.max-w-\[600px\] {
  max-width: 600px;
}
.max-w-\[615px\] {
  max-width: 615px;
}
.max-w-\[625px\] {
  max-width: 625px;
}
.max-w-\[700px\] {
  max-width: 700px;
}
.max-w-\[712px\] {
  max-width: 712px;
}
.max-w-\[800px\] {
  max-width: 800px;
}
.max-w-\[880px\] {
  max-width: 880px;
}
.max-w-\[900px\] {
  max-width: 900px;
}
.max-w-\[940px\] {
  max-width: 940px;
}
.max-w-\[1000px\] {
  max-width: 1000px;
}
.max-w-\[1060px\] {
  max-width: 1060px;
}
.max-w-\[1100px\] {
  max-width: 1100px;
}
.max-w-\[1180px\] {
  max-width: 1180px;
}
.max-w-\[1220px\] {
  max-width: 1220px;
}
.max-w-\[1228px\] {
  max-width: 1228px;
}
.max-w-\[1320px\] {
  max-width: 1320px;
}
.max-w-\[1420px\] {
  max-width: 1420px;
}
.max-w-\[clamp\(300px\,30cqw\,400px\)\] {
  max-width: clamp(300px, 30cqw, 400px);
}
.max-w-\[clamp\(300px\,55cqw\,590px\)\] {
  max-width: clamp(300px, 55cqw, 590px);
}
.max-w-\[clamp\(300px\,57vw\,452px\)\] {
  max-width: clamp(300px, 57vw, 452px);
}
.max-w-\[clamp\(340px\,72vw\,630px\)\] {
  max-width: clamp(340px, 72vw, 630px);
}
.max-w-\[clamp\(340px\,72vw\,700px\)\] {
  max-width: clamp(340px, 72vw, 700px);
}
.max-w-\[clamp\(360px\,72vw\,600px\)\] {
  max-width: clamp(360px, 72vw, 600px);
}
.max-w-\[clamp\(360px\,72vw\,720px\)\] {
  max-width: clamp(360px, 72vw, 720px);
}
.min-w-\[300px\] {
  min-width: 300px;
}
.flex-1 {
  flex: 1;
}
.flex-none {
  flex: none;
}
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.basis-0 {
  flex-basis: calc(var(--spacing) * 0);
}
.origin-bottom-left {
  transform-origin: bottom left;
}
.origin-top {
  transform-origin: top;
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-\[-15\%\] {
  --tw-translate-x: -15%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-\[15\%\] {
  --tw-translate-y: 15%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-\[0\.3\] {
  scale: 0.3;
}
.scale-\[0\.5\] {
  scale: 0.5;
}
.scale-\[0\.8\] {
  scale: 0.8;
}
.-rotate-45 {
  rotate: calc(45deg * -1);
}
.-rotate-\[5deg\] {
  rotate: calc(5deg * -1);
}
.-rotate-\[12deg\] {
  rotate: calc(12deg * -1);
}
.rotate-45 {
  rotate: 45deg;
}
.rotate-180 {
  rotate: 180deg;
}
.rotate-\[-7deg\] {
  rotate: -7deg;
}
.rotate-\[5deg\] {
  rotate: 5deg;
}
.rotate-\[7deg\] {
  rotate: 7deg;
}
.rotate-\[9deg\] {
  rotate: 9deg;
}
.rotate-\[22\.5deg\] {
  rotate: 22.5deg;
}
.rotate-\[45deg\] {
  rotate: 45deg;
}
.rotate-\[67\.5deg\] {
  rotate: 67.5deg;
}
.rotate-\[90deg\] {
  rotate: 90deg;
}
.rotate-\[112\.5deg\] {
  rotate: 112.5deg;
}
.rotate-\[135deg\] {
  rotate: 135deg;
}
.rotate-\[157\.5deg\] {
  rotate: 157.5deg;
}
.rotate-\[277deg\] {
  rotate: 277deg;
}
.rotate-\[290deg\] {
  rotate: 290deg;
}
.rotate-\[304deg\] {
  rotate: 304deg;
}
.rotate-\[316deg\] {
  rotate: 316deg;
}
.rotate-\[328deg\] {
  rotate: 328deg;
}
.rotate-\[338deg\] {
  rotate: 338deg;
}
.rotate-\[347deg\] {
  rotate: 347deg;
}
.rotate-\[354deg\] {
  rotate: 354deg;
}
.\[transform\:scale\(0\.4\)\] {
  transform: scale(0.4);
}
.\[transform\:translateY\(-4px\)_rotate\(0\.001deg\)\] {
  transform: translateY(-4px) rotate(0.001deg);
}
.\[transform\:translateY\(2em\)\] {
  transform: translateY(2em);
}
.\[transform\:translateY\(4px\)_rotate\(0\.001deg\)\] {
  transform: translateY(4px) rotate(0.001deg);
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.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-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-\[0fr\] {
  grid-template-rows: 0fr;
}
.flex-col {
  flex-direction: column;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-start {
  align-items: flex-start;
}
.items-stretch {
  align-items: stretch;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.gap-8 {
  gap: calc(var(--spacing) * 8);
}
.gap-\[5px\] {
  gap: 5px;
}
.gap-\[6px\] {
  gap: 6px;
}
.gap-\[7px\] {
  gap: 7px;
}
.gap-\[8px\] {
  gap: 8px;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[11px\] {
  gap: 11px;
}
.gap-\[12px\] {
  gap: 12px;
}
.gap-\[15px\] {
  gap: 15px;
}
.gap-\[20px\] {
  gap: 20px;
}
.gap-\[23px\] {
  gap: 23px;
}
.gap-\[30px\] {
  gap: 30px;
}
.gap-\[53px\] {
  gap: 53px;
}
.gap-\[150px\] {
  gap: 150px;
}
.gap-\[clamp\(10px\,2vw\,23px\)\] {
  gap: clamp(10px, 2vw, 23px);
}
.gap-\[clamp\(10px\,4vw\,25px\)\] {
  gap: clamp(10px, 4vw, 25px);
}
.gap-\[clamp\(20px\,3cqw\,28px\)\] {
  gap: clamp(20px, 3cqw, 28px);
}
.gap-\[clamp\(30px\,8cqw\,140px\)\] {
  gap: clamp(30px, 8cqw, 140px);
}
.gap-\[clamp\(50px\,5cqw\,70px\)\] {
  gap: clamp(50px, 5cqw, 70px);
}
.gap-\[clamp\(50px\,10vw\,200px\)\] {
  gap: clamp(50px, 10vw, 200px);
}
.gap-y-\[40px\] {
  row-gap: 40px;
}
.gap-y-\[50px\] {
  row-gap: 50px;
}
.\!overflow-visible {
  overflow: visible !important;
}
.overflow-auto {
  overflow: auto;
}
.overflow-clip {
  overflow: clip;
}
.overflow-hidden {
  overflow: hidden;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-\[10px\] {
  border-radius: 10px;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[15px\] {
  border-radius: 15px;
}
.rounded-\[30px\] {
  border-radius: 30px;
}
.rounded-\[35px\] {
  border-radius: 35px;
}
.rounded-\[40px\] {
  border-radius: 40px;
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-t-\[40px\] {
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
}
.rounded-l-\[10px\] {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.border-\[1px\] {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-\[2px\] {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.border-y {
  border-block-style: var(--tw-border-style);
  border-block-width: 1px;
}
.border-t-\[2px\] {
  border-top-style: var(--tw-border-style);
  border-top-width: 2px;
}
.border-b-\[1px\] {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-none {
  --tw-border-style: none;
  border-style: none;
}
.border-\[\#DDDDDD\] {
  border-color: #DDDDDD;
}
.border-\[\#DDD\] {
  border-color: #DDD;
}
.border-\[\#E8E8E8\] {
  border-color: #E8E8E8;
}
.border-black {
  border-color: var(--color-black);
}
.border-brand-black {
  border-color: var(--color-brand-black);
}
.border-white {
  border-color: var(--color-white);
}
.bg-\[\#131313\] {
  background-color: #131313;
}
.bg-\[\#414141\] {
  background-color: #414141;
}
.bg-\[\#DDDDDD\] {
  background-color: #DDDDDD;
}
.bg-\[\#F0F1F0\] {
  background-color: #F0F1F0;
}
.bg-\[\#F8F8F7\] {
  background-color: #F8F8F7;
}
.bg-black {
  background-color: var(--color-black);
}
.bg-black\/30 {
  background-color: color-mix(in srgb, #000 30%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
  }
}
.bg-black\/60 {
  background-color: color-mix(in srgb, #000 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
  }
}
.bg-brand-blue {
  background-color: var(--color-brand-blue);
}
.bg-brand-brown {
  background-color: var(--color-brand-brown);
}
.bg-brand-emerald {
  background-color: var(--color-brand-emerald);
}
.bg-brand-green {
  background-color: var(--color-brand-green);
}
.bg-brand-grey {
  background-color: var(--color-brand-grey);
}
.bg-brand-grey\/50 {
  background-color: var(--color-brand-grey);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-brand-grey) 50%, transparent);
  }
}
.bg-brand-pink {
  background-color: var(--color-brand-pink);
}
.bg-brand-purple {
  background-color: var(--color-brand-purple);
}
.bg-brand-red {
  background-color: var(--color-brand-red);
}
.bg-brand-white {
  background-color: var(--color-brand-white);
}
.bg-brand-yellow {
  background-color: var(--color-brand-yellow);
}
.bg-green-400 {
  background-color: var(--color-green-400);
}
.bg-red-400 {
  background-color: var(--color-red-400);
}
.bg-red-500 {
  background-color: var(--color-red-500);
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  background-color: var(--color-white);
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.object-center {
  object-position: center;
}
.p-0 {
  padding: calc(var(--spacing) * 0);
}
.p-\[4px\] {
  padding: 4px;
}
.p-\[14px\] {
  padding: 14px;
}
.p-\[15px\] {
  padding: 15px;
}
.p-\[20px\] {
  padding: 20px;
}
.p-\[40px\] {
  padding: 40px;
}
.p-\[53px\] {
  padding: 53px;
}
.p-\[clamp\(25px\,4vw\,40px\)\] {
  padding: clamp(25px, 4vw, 40px);
}
.px-\[6px\] {
  padding-inline: 6px;
}
.px-\[10px\] {
  padding-inline: 10px;
}
.px-\[14px\] {
  padding-inline: 14px;
}
.px-\[15px\] {
  padding-inline: 15px;
}
.px-\[20px\] {
  padding-inline: 20px;
}
.px-\[30px\] {
  padding-inline: 30px;
}
.px-\[35px\] {
  padding-inline: 35px;
}
.px-\[38px\] {
  padding-inline: 38px;
}
.px-\[50px\] {
  padding-inline: 50px;
}
.px-\[70px\] {
  padding-inline: 70px;
}
.px-\[clamp\(20px\,3vw\,24px\)\] {
  padding-inline: clamp(20px, 3vw, 24px);
}
.px-\[clamp\(20px\,6cqw\,33px\)\] {
  padding-inline: clamp(20px, 6cqw, 33px);
}
.px-\[clamp\(25px\,4vw\,30px\)\] {
  padding-inline: clamp(25px, 4vw, 30px);
}
.px-\[clamp\(25px\,5cqw\,70px\)\] {
  padding-inline: clamp(25px, 5cqw, 70px);
}
.px-\[clamp\(30px\,4vw\,60px\)\] {
  padding-inline: clamp(30px, 4vw, 60px);
}
.py-\[3px\] {
  padding-block: 3px;
}
.py-\[5px\] {
  padding-block: 5px;
}
.py-\[10px\] {
  padding-block: 10px;
}
.py-\[13px\] {
  padding-block: 13px;
}
.py-\[16px\] {
  padding-block: 16px;
}
.py-\[18px\] {
  padding-block: 18px;
}
.py-\[22px\] {
  padding-block: 22px;
}
.py-\[40px\] {
  padding-block: 40px;
}
.py-\[50px\] {
  padding-block: 50px;
}
.py-\[60px\] {
  padding-block: 60px;
}
.py-\[clamp\(10px\,2\.5vw\,12px\)\] {
  padding-block: clamp(10px, 2.5vw, 12px);
}
.py-\[clamp\(15px\,2vw\,17px\)\] {
  padding-block: clamp(15px, 2vw, 17px);
}
.py-\[clamp\(15px\,2vw\,25px\)\] {
  padding-block: clamp(15px, 2vw, 25px);
}
.py-\[clamp\(18px\,3vw\,22px\)\] {
  padding-block: clamp(18px, 3vw, 22px);
}
.py-\[clamp\(20px\,3vw\,25\.5px\)\] {
  padding-block: clamp(20px, 3vw, 25.5px);
}
.py-\[clamp\(50px\,10cqw\,100px\)\] {
  padding-block: clamp(50px, 10cqw, 100px);
}
.py-\[clamp\(80px\,8cqw\,100px\)\] {
  padding-block: clamp(80px, 8cqw, 100px);
}
.py-\[clamp\(80px\,20vw\,150px\)\] {
  padding-block: clamp(80px, 20vw, 150px);
}
.py-\[clamp\(120px\,20vw\,200px\)\] {
  padding-block: clamp(120px, 20vw, 200px);
}
.pt-\[19px\] {
  padding-top: 19px;
}
.pt-\[35px\] {
  padding-top: 35px;
}
.pt-\[40px\] {
  padding-top: 40px;
}
.pt-\[45px\] {
  padding-top: 45px;
}
.pt-\[75px\] {
  padding-top: 75px;
}
.pt-\[85px\] {
  padding-top: 85px;
}
.pt-\[200px\] {
  padding-top: 200px;
}
.pt-\[250px\] {
  padding-top: 250px;
}
.pt-\[calc\(var\(--wp-admin--admin-bar--height\,0\)\+230px\)\] {
  padding-top: calc(var(--wp-admin--admin-bar--height,0) + 230px);
}
.pt-\[clamp\(30px\,2cqw\,45px\)\] {
  padding-top: clamp(30px, 2cqw, 45px);
}
.pt-\[clamp\(60px\,8cqw\,100px\)\] {
  padding-top: clamp(60px, 8cqw, 100px);
}
.pt-\[clamp\(70px\,10cqw\,100px\)\] {
  padding-top: clamp(70px, 10cqw, 100px);
}
.pt-\[clamp\(80px\,8vw\,155px\)\] {
  padding-top: clamp(80px, 8vw, 155px);
}
.pt-\[clamp\(180px\,22cqw\,275px\)\] {
  padding-top: clamp(180px, 22cqw, 275px);
}
.pb-\[10px\] {
  padding-bottom: 10px;
}
.pb-\[20px\] {
  padding-bottom: 20px;
}
.pb-\[30px\] {
  padding-bottom: 30px;
}
.pb-\[33px\] {
  padding-bottom: 33px;
}
.pb-\[40px\] {
  padding-bottom: 40px;
}
.pb-\[50px\] {
  padding-bottom: 50px;
}
.pb-\[55px\] {
  padding-bottom: 55px;
}
.pb-\[60px\] {
  padding-bottom: 60px;
}
.pb-\[133px\] {
  padding-bottom: 133px;
}
.pb-\[200px\] {
  padding-bottom: 200px;
}
.pb-\[clamp\(30px\,5cqw\,60px\)\] {
  padding-bottom: clamp(30px, 5cqw, 60px);
}
.pb-\[clamp\(80px\,15cqw\,200px\)\] {
  padding-bottom: clamp(80px, 15cqw, 200px);
}
.pl-\[20px\] {
  padding-left: 20px;
}
.pl-\[25vw\] {
  padding-left: 25vw;
}
.pl-\[80px\] {
  padding-left: 80px;
}
.pl-\[95px\] {
  padding-left: 95px;
}
.pl-\[100px\] {
  padding-left: 100px;
}
.pl-\[110px\] {
  padding-left: 110px;
}
.pl-\[120px\] {
  padding-left: 120px;
}
.pl-\[130px\] {
  padding-left: 130px;
}
.pl-\[140px\] {
  padding-left: 140px;
}
.pl-\[clamp\(95px\,10vw\,145px\)\] {
  padding-left: clamp(95px, 10vw, 145px);
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[21px\] {
  font-size: 21px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[27px\] {
  font-size: 27px;
}
.text-\[30px\] {
  font-size: 30px;
}
.text-\[34px\] {
  font-size: 34px;
}
.text-\[44px\] {
  font-size: 44px;
}
.text-\[50px\] {
  font-size: 50px;
}
.text-\[70px\] {
  font-size: 70px;
}
.text-\[80px\] {
  font-size: 80px;
}
.text-\[clamp\(14px\,2vw\,16px\)\] {
  font-size: clamp(14px, 2vw, 16px);
}
.text-\[clamp\(15px\,2vw\,16px\)\] {
  font-size: clamp(15px, 2vw, 16px);
}
.text-\[clamp\(15px\,2vw\,24px\)\] {
  font-size: clamp(15px, 2vw, 24px);
}
.text-\[clamp\(15px\,4\.5cqw\,16px\)\] {
  font-size: clamp(15px, 4.5cqw, 16px);
}
.text-\[clamp\(16px\,2cqw\,18px\)\] {
  font-size: clamp(16px, 2cqw, 18px);
}
.text-\[clamp\(16px\,2vw\,18px\)\] {
  font-size: clamp(16px, 2vw, 18px);
}
.text-\[clamp\(16px\,2vw\,20px\)\] {
  font-size: clamp(16px, 2vw, 20px);
}
.text-\[clamp\(16px\,3\.3cqw\,18px\)\] {
  font-size: clamp(16px, 3.3cqw, 18px);
}
.text-\[clamp\(16px\,3cqw\,18px\)\] {
  font-size: clamp(16px, 3cqw, 18px);
}
.text-\[clamp\(16px\,3vw\,18px\)\] {
  font-size: clamp(16px, 3vw, 18px);
}
.text-\[clamp\(16px\,3vw\,22px\)\] {
  font-size: clamp(16px, 3vw, 22px);
}
.text-\[clamp\(16px\,4\.5cqw\,18px\)\] {
  font-size: clamp(16px, 4.5cqw, 18px);
}
.text-\[clamp\(17px\,2\.5vw\,27px\)\] {
  font-size: clamp(17px, 2.5vw, 27px);
}
.text-\[clamp\(22px\,4cqw\,30px\)\] {
  font-size: clamp(22px, 4cqw, 30px);
}
.text-\[clamp\(24px\,3vw\,30px\)\] {
  font-size: clamp(24px, 3vw, 30px);
}
.text-\[clamp\(24px\,4cqw\,27px\)\] {
  font-size: clamp(24px, 4cqw, 27px);
}
.text-\[clamp\(24px\,5\.5cqw\,30px\)\] {
  font-size: clamp(24px, 5.5cqw, 30px);
}
.text-\[clamp\(26px\,7\.5cqw\,30px\)\] {
  font-size: clamp(26px, 7.5cqw, 30px);
}
.text-\[clamp\(28px\,4vw\,34px\)\] {
  font-size: clamp(28px, 4vw, 34px);
}
.text-\[clamp\(28px\,5cqw\,50px\)\] {
  font-size: clamp(28px, 5cqw, 50px);
}
.text-\[clamp\(32px\,6cqw\,70px\)\] {
  font-size: clamp(32px, 6cqw, 70px);
}
.text-\[clamp\(32px\,7vw\,55px\)\] {
  font-size: clamp(32px, 7vw, 55px);
}
.text-\[clamp\(32px\,7vw\,70px\)\] {
  font-size: clamp(32px, 7vw, 70px);
}
.text-\[clamp\(35px\,7vw\,50px\)\] {
  font-size: clamp(35px, 7vw, 50px);
}
.text-\[clamp\(35px\,7vw\,55px\)\] {
  font-size: clamp(35px, 7vw, 55px);
}
.text-\[clamp\(40px\,12cqw\,50px\)\] {
  font-size: clamp(40px, 12cqw, 50px);
}
.text-\[clamp\(40px\,19cqw\,55px\)\] {
  font-size: clamp(40px, 19cqw, 55px);
}
.text-\[clamp\(70px\,13vw\,220px\)\] {
  font-size: clamp(70px, 13vw, 220px);
}
.text-\[clamp\(75px\,13vw\,175px\)\] {
  font-size: clamp(75px, 13vw, 175px);
}
.leading-\[0\.9em\] {
  --tw-leading: 0.9em;
  line-height: 0.9em;
}
.leading-\[0\.65em\] {
  --tw-leading: 0.65em;
  line-height: 0.65em;
}
.leading-\[1\.2em\] {
  --tw-leading: 1.2em;
  line-height: 1.2em;
}
.leading-\[1\.5em\] {
  --tw-leading: 1.5em;
  line-height: 1.5em;
}
.leading-\[1\.091em\] {
  --tw-leading: 1.091em;
  line-height: 1.091em;
}
.leading-\[1\.111em\] {
  --tw-leading: 1.111em;
  line-height: 1.111em;
}
.leading-\[1\.125em\] {
  --tw-leading: 1.125em;
  line-height: 1.125em;
}
.leading-\[1\.259em\] {
  --tw-leading: 1.259em;
  line-height: 1.259em;
}
.leading-\[1\.286em\] {
  --tw-leading: 1.286em;
  line-height: 1.286em;
}
.leading-\[1\.333em\] {
  --tw-leading: 1.333em;
  line-height: 1.333em;
}
.leading-\[1\.375em\] {
  --tw-leading: 1.375em;
  line-height: 1.375em;
}
.leading-\[1\.444em\] {
  --tw-leading: 1.444em;
  line-height: 1.444em;
}
.leading-\[1\.1428em\] {
  --tw-leading: 1.1428em;
  line-height: 1.1428em;
}
.leading-\[1\.1666em\] {
  --tw-leading: 1.1666em;
  line-height: 1.1666em;
}
.leading-\[1\.1766em\] {
  --tw-leading: 1.1766em;
  line-height: 1.1766em;
}
.leading-\[1\.3636em\] {
  --tw-leading: 1.3636em;
  line-height: 1.3636em;
}
.leading-\[1em\] {
  --tw-leading: 1em;
  line-height: 1em;
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-light {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.-tracking-\[-0\.02em\] {
  --tw-tracking: calc(-0.02em * -1);
  letter-spacing: calc(-0.02em * -1);
}
.-tracking-\[0\.01em\] {
  --tw-tracking: calc(0.01em * -1);
  letter-spacing: calc(0.01em * -1);
}
.-tracking-\[0\.02em\] {
  --tw-tracking: calc(0.02em * -1);
  letter-spacing: calc(0.02em * -1);
}
.-tracking-\[0\.03em\] {
  --tw-tracking: calc(0.03em * -1);
  letter-spacing: calc(0.03em * -1);
}
.text-balance {
  text-wrap: balance;
}
.text-\[\#201d1d\] {
  color: #201d1d;
}
.text-\[\#151414\] {
  color: #151414;
}
.text-\[\#A2A1A1\] {
  color: #A2A1A1;
}
.text-\[\#F5F4F0\] {
  color: #F5F4F0;
}
.text-black {
  color: var(--color-black);
}
.text-black\/60 {
  color: color-mix(in srgb, #000 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-black) 60%, transparent);
  }
}
.text-brand-black {
  color: var(--color-brand-black);
}
.text-brand-emerald {
  color: var(--color-brand-emerald);
}
.text-brand-grey {
  color: var(--color-brand-grey);
}
.text-gray-600 {
  color: var(--color-gray-600);
}
.text-white {
  color: var(--color-white);
}
.lowercase {
  text-transform: lowercase;
}
.no-underline {
  text-decoration-line: none;
}
.underline {
  text-decoration-line: underline;
}
.opacity-0 {
  opacity: 0%;
}
.opacity-20 {
  opacity: 20%;
}
.shadow-\[0px_8px_18px_0px_rgba\(214\,214\,214\,0\.19\)\] {
  --tw-shadow: 0px 8px 18px 0px var(--tw-shadow-color, rgba(214,214,214,0.19));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.\[box-shadow\:inset_0_0_0_0\.25px_var\(--collated-grey\)\] {
  box-shadow: inset 0 0 0 0.25px var(--collated-grey);
}
.outline-0 {
  outline-style: var(--tw-outline-style);
  outline-width: 0px;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.drop-shadow {
  --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.filter {
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(var(--blur-sm));
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.duration-400 {
  --tw-duration: 400ms;
  transition-duration: 400ms;
}
.ease-\[cubic-bezier\(0\.625\,0\.05\,0\,1\)\] {
  --tw-ease: cubic-bezier(0.625,0.05,0,1);
  transition-timing-function: cubic-bezier(0.625,0.05,0,1);
}
.ease-in {
  --tw-ease: var(--ease-in);
  transition-timing-function: var(--ease-in);
}
.ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.ease-out {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.will-change-transform {
  will-change: transform;
}
.content-none {
  --tw-content: none;
  content: none;
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.\[transition\:all_0\.5s_cubic-bezier\(0\.625\,0\.05\,0\,1\)\] {
  transition: all 0.5s cubic-bezier(0.625,0.05,0,1);
}
.\[transition\:all_0\.5s_cubic-bezier\(0\.625\,0\.05\,0\,1\)_0\.075s\] {
  transition: all 0.5s cubic-bezier(0.625,0.05,0,1) 0.075s;
}
.\[transition\:all_0\.5s_cubic-bezier\(0\.625\,0\.05\,0\,1\)_0s\] {
  transition: all 0.5s cubic-bezier(0.625,0.05,0,1) 0s;
}
.\[transition\:grid-template-rows_0\.7s_cubic-bezier\(0\.625\,0\.05\,0\,1\)_0s\] {
  transition: grid-template-rows 0.7s cubic-bezier(0.625,0.05,0,1) 0s;
}
.\[transition\:max-width_0\.75s_cubic-bezier\(0\.625\,0\.05\,0\,1\)\] {
  transition: max-width 0.75s cubic-bezier(0.625,0.05,0,1);
}
.\[transition\:opacity_0\.5s_cubic-bezier\(0\.625\,0\.05\,0\,1\)\,visibility_0\.5s_cubic-bezier\(0\.625\,0\.05\,0\,1\)\] {
  transition: opacity 0.5s cubic-bezier(0.625,0.05,0,1),visibility 0.5s cubic-bezier(0.625,0.05,0,1);
}
.\[transition\:transform_0\.5s_cubic-bezier\(0\.625\,0\.05\,0\,1\)\,background-color_0\.5s_cubic-bezier\(0\.625\,0\.05\,0\,1\)\] {
  transition: transform 0.5s cubic-bezier(0.625,0.05,0,1),background-color 0.5s cubic-bezier(0.625,0.05,0,1);
}
.\[word-spacing\:-10px\] {
  word-spacing: -10px;
}
.backface-hidden {
  backface-visibility: hidden;
}
.group-hover\:bg-white {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      background-color: var(--color-white);
    }
  }
}
.group-hover\:text-brand-blue {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-brand-blue);
    }
  }
}
.group-hover\:invert {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-invert: invert(100%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
}
.group-hover\/card\:top-\[8px\] {
  &:is(:where(.group\/card):hover *) {
    @media (hover: hover) {
      top: 8px;
    }
  }
}
.group-hover\/card\:top-\[30px\] {
  &:is(:where(.group\/card):hover *) {
    @media (hover: hover) {
      top: 30px;
    }
  }
}
.group-hover\/card\:left-\[-35px\] {
  &:is(:where(.group\/card):hover *) {
    @media (hover: hover) {
      left: -35px;
    }
  }
}
.group-hover\/card\:left-\[38px\] {
  &:is(:where(.group\/card):hover *) {
    @media (hover: hover) {
      left: 38px;
    }
  }
}
.group-hover\/card\:scale-\[1\.1\] {
  &:is(:where(.group\/card):hover *) {
    @media (hover: hover) {
      scale: 1.1;
    }
  }
}
.group-hover\/card\:rotate-\[-10deg\] {
  &:is(:where(.group\/card):hover *) {
    @media (hover: hover) {
      rotate: -10deg;
    }
  }
}
.group-hover\/card\:rotate-\[14deg\] {
  &:is(:where(.group\/card):hover *) {
    @media (hover: hover) {
      rotate: 14deg;
    }
  }
}
.group-hover\/card\:bg-black {
  &:is(:where(.group\/card):hover *) {
    @media (hover: hover) {
      background-color: var(--color-black);
    }
  }
}
.group-hover\/card\:text-white {
  &:is(:where(.group\/card):hover *) {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.group-hover\/toggle\:\[transform\:translateY\(-4px\)_rotate\(0\.001deg\)\] {
  &:is(:where(.group\/toggle):hover *) {
    @media (hover: hover) {
      transform: translateY(-4px) rotate(0.001deg);
    }
  }
}
.group-hover\/toggle\:\[transform\:translateY\(4px\)_rotate\(0\.001deg\)\] {
  &:is(:where(.group\/toggle):hover *) {
    @media (hover: hover) {
      transform: translateY(4px) rotate(0.001deg);
    }
  }
}
.group-hover\/toggle\:bg-brand-blue {
  &:is(:where(.group\/toggle):hover *) {
    @media (hover: hover) {
      background-color: var(--color-brand-blue);
    }
  }
}
.group-data-\[background\=white\]\/body\:text-black {
  &:is(:where(.group\/body)[data-background="white"] *) {
    color: var(--color-black);
  }
}
.group-data-\[colour\=emerald\]\/card\:border-\[\#335933\] {
  &:is(:where(.group\/card)[data-colour="emerald"] *) {
    border-color: #335933;
  }
}
.group-data-\[colour\=emerald\]\/card\:bg-\[\#74E5A8\] {
  &:is(:where(.group\/card)[data-colour="emerald"] *) {
    background-color: #74E5A8;
  }
}
.group-data-\[colour\=emerald\]\/card\:text-\[\#123412\] {
  &:is(:where(.group\/card)[data-colour="emerald"] *) {
    color: #123412;
  }
}
.group-data-\[colour\=purple\]\/card\:border-\[\#422884\] {
  &:is(:where(.group\/card)[data-colour="purple"] *) {
    border-color: #422884;
  }
}
.group-data-\[colour\=purple\]\/card\:bg-\[\#D9CCFA\] {
  &:is(:where(.group\/card)[data-colour="purple"] *) {
    background-color: #D9CCFA;
  }
}
.group-data-\[colour\=purple\]\/card\:text-\[\#422884\] {
  &:is(:where(.group\/card)[data-colour="purple"] *) {
    color: #422884;
  }
}
.group-data-\[featured\=true\]\:border-brand-blue {
  &:is(:where(.group)[data-featured="true"] *) {
    border-color: var(--color-brand-blue);
  }
}
.group-data-\[nav-status\=active\]\:visible {
  &:is(:where(.group)[data-nav-status="active"] *) {
    visibility: visible;
  }
}
.group-data-\[nav-status\=active\]\:max-w-full {
  &:is(:where(.group)[data-nav-status="active"] *) {
    max-width: 100%;
  }
}
.group-data-\[nav-status\=active\]\:\[transform\:translateY\(0\)\] {
  &:is(:where(.group)[data-nav-status="active"] *) {
    transform: translateY(0);
  }
}
.group-data-\[nav-status\=active\]\:\[transform\:translateY\(0\)_rotate\(-45deg\)\] {
  &:is(:where(.group)[data-nav-status="active"] *) {
    transform: translateY(0) rotate(-45deg);
  }
}
.group-data-\[nav-status\=active\]\:\[transform\:translateY\(0\)_rotate\(45deg\)\] {
  &:is(:where(.group)[data-nav-status="active"] *) {
    transform: translateY(0) rotate(45deg);
  }
}
.group-data-\[nav-status\=active\]\:grid-rows-\[1fr\] {
  &:is(:where(.group)[data-nav-status="active"] *) {
    grid-template-rows: 1fr;
  }
}
.group-data-\[nav-status\=active\]\:rounded-\[20px\] {
  &:is(:where(.group)[data-nav-status="active"] *) {
    border-radius: 20px;
  }
}
.group-data-\[nav-status\=active\]\:opacity-100 {
  &:is(:where(.group)[data-nav-status="active"] *) {
    opacity: 100%;
  }
}
.group-data-\[nav-status\=active\]\:\[transition\:all_0\.75s_cubic-bezier\(0\.625\,0\.05\,0\,1\)_0\.1s\] {
  &:is(:where(.group)[data-nav-status="active"] *) {
    transition: all 0.75s cubic-bezier(0.625,0.05,0,1) 0.1s;
  }
}
.group-data-\[nav-status\=active\]\:\[transition\:all_0\.75s_cubic-bezier\(0\.625\,0\.05\,0\,1\)_0\.15s\] {
  &:is(:where(.group)[data-nav-status="active"] *) {
    transition: all 0.75s cubic-bezier(0.625,0.05,0,1) 0.15s;
  }
}
.group-data-\[nav-status\=active\]\:\[transition\:all_0\.75s_cubic-bezier\(0\.625\,0\.05\,0\,1\)_0\.20s\] {
  &:is(:where(.group)[data-nav-status="active"] *) {
    transition: all 0.75s cubic-bezier(0.625,0.05,0,1) 0.20s;
  }
}
.group-data-\[nav-status\=active\]\:\[transition\:grid-template-rows_cubic-bezier\(0\.625\,0\.05\,0\,1\)_0\.5s\] {
  &:is(:where(.group)[data-nav-status="active"] *) {
    transition: grid-template-rows cubic-bezier(0.625,0.05,0,1) 0.5s;
  }
}
.group-data-\[nav-status\=active\]\:\[transition\:max-width_0\.5s_cubic-bezier\(0\.625\,0\.05\,0\,1\)_0s\] {
  &:is(:where(.group)[data-nav-status="active"] *) {
    transition: max-width 0.5s cubic-bezier(0.625,0.05,0,1) 0s;
  }
}
.group-data-\[selected\=false\]\/selectSelected\:opacity-50 {
  &:is(:where(.group\/selectSelected)[data-selected="false"] *) {
    opacity: 50%;
  }
}
.group-data-\[style\=black\]\:border-\[1px\] {
  &:is(:where(.group)[data-style="black"] *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
}
.group-data-\[style\=black\]\:border-\[\#313130\] {
  &:is(:where(.group)[data-style="black"] *) {
    border-color: #313130;
  }
}
.group-data-\[style\=black\]\:bg-transparent {
  &:is(:where(.group)[data-style="black"] *) {
    background-color: transparent;
  }
}
.before\:pointer-events-none {
  &::before {
    content: var(--tw-content);
    pointer-events: none;
  }
}
.before\:absolute {
  &::before {
    content: var(--tw-content);
    position: absolute;
  }
}
.before\:top-0 {
  &::before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }
}
.before\:left-0 {
  &::before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }
}
.before\:z-10 {
  &::before {
    content: var(--tw-content);
    z-index: 10;
  }
}
.before\:h-full {
  &::before {
    content: var(--tw-content);
    height: 100%;
  }
}
.before\:w-\[15vw\] {
  &::before {
    content: var(--tw-content);
    width: 15vw;
  }
}
.before\:bg-gradient-to-r {
  &::before {
    content: var(--tw-content);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
}
.before\:from-brand-white {
  &::before {
    content: var(--tw-content);
    --tw-gradient-from: var(--color-brand-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
.before\:to-transparent {
  &::before {
    content: var(--tw-content);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
.before\:select-none {
  &::before {
    content: var(--tw-content);
    -webkit-user-select: none;
    user-select: none;
  }
}
.after\:pointer-events-none {
  &::after {
    content: var(--tw-content);
    pointer-events: none;
  }
}
.after\:absolute {
  &::after {
    content: var(--tw-content);
    position: absolute;
  }
}
.after\:top-0 {
  &::after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }
}
.after\:right-0 {
  &::after {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }
}
.after\:right-\[30px\] {
  &::after {
    content: var(--tw-content);
    right: 30px;
  }
}
.after\:z-10 {
  &::after {
    content: var(--tw-content);
    z-index: 10;
  }
}
.after\:block {
  &::after {
    content: var(--tw-content);
    display: block;
  }
}
.after\:size-\[11px\] {
  &::after {
    content: var(--tw-content);
    width: 11px;
    height: 11px;
  }
}
.after\:h-full {
  &::after {
    content: var(--tw-content);
    height: 100%;
  }
}
.after\:w-\[15vw\] {
  &::after {
    content: var(--tw-content);
    width: 15vw;
  }
}
.after\:rotate-\[90deg\] {
  &::after {
    content: var(--tw-content);
    rotate: 90deg;
  }
}
.after\:bg-gradient-to-l {
  &::after {
    content: var(--tw-content);
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
}
.after\:bg-\[url\(\.\/images\/icon-arrow\.svg\)\] {
  &::after {
    content: var(--tw-content);
    background-image: url(./images/icon-arrow.svg);
  }
}
.after\:from-brand-white {
  &::after {
    content: var(--tw-content);
    --tw-gradient-from: var(--color-brand-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
.after\:to-transparent {
  &::after {
    content: var(--tw-content);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
}
.after\:bg-contain {
  &::after {
    content: var(--tw-content);
    background-size: contain;
  }
}
.after\:bg-no-repeat {
  &::after {
    content: var(--tw-content);
    background-repeat: no-repeat;
  }
}
.after\:transition-all {
  &::after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
}
.after\:duration-300 {
  &::after {
    content: var(--tw-content);
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
}
.after\:select-none {
  &::after {
    content: var(--tw-content);
    -webkit-user-select: none;
    user-select: none;
  }
}
.hover\:translate-y-\[-5px\] {
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: -5px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.hover\:translate-y-\[-7px\] {
  &:hover {
    @media (hover: hover) {
      --tw-translate-y: -7px;
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.hover\:bg-black {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-black);
    }
  }
}
.hover\:bg-black\! {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-black) !important;
    }
  }
}
.hover\:text-brand-blue {
  &:hover {
    @media (hover: hover) {
      color: var(--color-brand-blue);
    }
  }
}
.hover\:text-brand-white {
  &:hover {
    @media (hover: hover) {
      color: var(--color-brand-white);
    }
  }
}
.hover\:shadow-\[0px_8px_18px_0px_rgba\(214\,214\,214\,0\.19\)\] {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0px 8px 18px 0px var(--tw-shadow-color, rgba(214,214,214,0.19));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.hover\:\[box-shadow\:0_5px_0_-2px_rgb\(33\,128\,255\)\,0_10px_0_-4px_rgb\(230\,252\,74\)\] {
  &:hover {
    @media (hover: hover) {
      box-shadow: 0 5px 0 -2px rgb(33,128,255),0 10px 0 -4px rgb(230,252,74);
    }
  }
}
.hover\:\[box-shadow\:0_7px_0_-2px_\#E5FC3D\,0_15px_0_-4px_\#23CC71\] {
  &:hover {
    @media (hover: hover) {
      box-shadow: 0 7px 0 -2px #E5FC3D,0 15px 0 -4px #23CC71;
    }
  }
}
.focus\:border-brand-blue {
  &:focus {
    border-color: var(--color-brand-blue);
  }
}
.focus\:invalid\:border-brand-red {
  &:focus {
    &:invalid {
      border-color: var(--color-brand-red);
    }
  }
}
.data-\[active\=false\]\:pointer-events-none {
  &[data-active="false"] {
    pointer-events: none;
  }
}
.data-\[active\=false\]\:hidden {
  &[data-active="false"] {
    display: none;
  }
}
.data-\[active\=true\]\:after\:rotate-\[-90deg\] {
  &[data-active="true"] {
    &::after {
      content: var(--tw-content);
      rotate: -90deg;
    }
  }
}
.data-\[background\=black\]\:bg-black {
  &[data-background="black"] {
    background-color: var(--color-black);
  }
}
.data-\[background\=white\]\:bg-white {
  &[data-background="white"] {
    background-color: var(--color-white);
  }
}
.data-\[color\=yellow\]\:bg-brand-yellow {
  &[data-color="yellow"] {
    background-color: var(--color-brand-yellow);
  }
}
.data-\[colour\=blue\]\:bg-brand-blue {
  &[data-colour="blue"] {
    background-color: var(--color-brand-blue);
  }
}
.data-\[colour\=brown\]\:bg-brand-brown {
  &[data-colour="brown"] {
    background-color: var(--color-brand-brown);
  }
}
.data-\[colour\=emerald\]\:bg-brand-emerald {
  &[data-colour="emerald"] {
    background-color: var(--color-brand-emerald);
  }
}
.data-\[colour\=green\]\:bg-brand-green {
  &[data-colour="green"] {
    background-color: var(--color-brand-green);
  }
}
.data-\[colour\=grey\]\:bg-brand-grey {
  &[data-colour="grey"] {
    background-color: var(--color-brand-grey);
  }
}
.data-\[colour\=purple\]\:bg-brand-purple {
  &[data-colour="purple"] {
    background-color: var(--color-brand-purple);
  }
}
.data-\[colour\=red\]\:bg-brand-red {
  &[data-colour="red"] {
    background-color: var(--color-brand-red);
  }
}
.data-\[colour\=yellow\]\:bg-brand-yellow {
  &[data-colour="yellow"] {
    background-color: var(--color-brand-yellow);
  }
}
.data-\[featured\=true\]\:border-brand-blue {
  &[data-featured="true"] {
    border-color: var(--color-brand-blue);
  }
}
.data-\[selected\=true\]\:text-white {
  &[data-selected="true"] {
    color: var(--color-white);
  }
}
.data-\[style\=black\]\:before\:from-black {
  &[data-style="black"] {
    &::before {
      content: var(--tw-content);
      --tw-gradient-from: var(--color-black);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.data-\[style\=black\]\:after\:from-black {
  &[data-style="black"] {
    &::after {
      content: var(--tw-content);
      --tw-gradient-from: var(--color-black);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
}
.data-\[width\=full\]\:w-full {
  &[data-width="full"] {
    width: 100%;
  }
}
.data-\[width\=full\]\:justify-center {
  &[data-width="full"] {
    justify-content: center;
  }
}
.max-md\:\[transform\:translateY\(-0\.625em\)\] {
  @media (width < 48rem) {
    transform: translateY(-0.625em);
  }
}
.max-md\:\[transition\:grid-template-rows_0\.5s_cubic-bezier\(0\.625\,0\.05\,0\,1\)_0s\,transform_0\.5s_cubic-bezier\(0\.625\,0\.05\,0\,1\)_0s\] {
  @media (width < 48rem) {
    transition: grid-template-rows 0.5s cubic-bezier(0.625,0.05,0,1) 0s,transform 0.5s cubic-bezier(0.625,0.05,0,1) 0s;
  }
}
.max-md\:group-data-\[nav-status\=active\]\:\[transform\:translateY\(0\)\] {
  @media (width < 48rem) {
    &:is(:where(.group)[data-nav-status="active"] *) {
      transform: translateY(0);
    }
  }
}
.max-md\:group-data-\[nav-status\=active\]\:\[transition\:grid-template-rows_0\.75s_cubic-bezier\(0\.625\,0\.05\,0\,1\)_0\.25s\,transform_0\.5s_cubic-bezier\(0\.625\,0\.05\,0\,1\)_0\.25s\] {
  @media (width < 48rem) {
    &:is(:where(.group)[data-nav-status="active"] *) {
      transition: grid-template-rows 0.75s cubic-bezier(0.625,0.05,0,1) 0.25s,transform 0.5s cubic-bezier(0.625,0.05,0,1) 0.25s;
    }
  }
}
.sm\:absolute {
  @media (width >= 40rem) {
    position: absolute;
  }
}
.sm\:left-0 {
  @media (width >= 40rem) {
    left: calc(var(--spacing) * 0);
  }
}
.sm\:left-\[calc\(33px\*-1\)\] {
  @media (width >= 40rem) {
    left: calc(33px * -1);
  }
}
.sm\:left-\[calc\(clamp\(27px\,3\.5vw\,42px\)\*-1\)\] {
  @media (width >= 40rem) {
    left: calc(clamp(27px, 3.5vw, 42px) * -1);
  }
}
.sm\:z-\[8\] {
  @media (width >= 40rem) {
    z-index: 8;
  }
}
.sm\:z-\[9\] {
  @media (width >= 40rem) {
    z-index: 9;
  }
}
.sm\:z-\[10\] {
  @media (width >= 40rem) {
    z-index: 10;
  }
}
.sm\:z-\[11\] {
  @media (width >= 40rem) {
    z-index: 11;
  }
}
.sm\:z-\[12\] {
  @media (width >= 40rem) {
    z-index: 12;
  }
}
.sm\:mt-0 {
  @media (width >= 40rem) {
    margin-top: calc(var(--spacing) * 0);
  }
}
.sm\:mb-0 {
  @media (width >= 40rem) {
    margin-bottom: calc(var(--spacing) * 0);
  }
}
.sm\:h-\[230px\] {
  @media (width >= 40rem) {
    height: 230px;
  }
}
.sm\:h-\[300px\] {
  @media (width >= 40rem) {
    height: 300px;
  }
}
.sm\:w-\[24\.8\%\] {
  @media (width >= 40rem) {
    width: 24.8%;
  }
}
.sm\:w-full {
  @media (width >= 40rem) {
    width: 100%;
  }
}
.sm\:max-w-full {
  @media (width >= 40rem) {
    max-width: 100%;
  }
}
.sm\:flex-row {
  @media (width >= 40rem) {
    flex-direction: row;
  }
}
.sm\:gap-\[20px\] {
  @media (width >= 40rem) {
    gap: 20px;
  }
}
.sm\:pb-\[clamp\(10px\,10vw\,80px\)\] {
  @media (width >= 40rem) {
    padding-bottom: clamp(10px, 10vw, 80px);
  }
}
.sm\:group-hover\:left-0 {
  @media (width >= 40rem) {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        left: calc(var(--spacing) * 0);
      }
    }
  }
}
.sm\:group-data-\[width\=full\]\:group-hover\:left-\[calc\(clamp\(27px\,3\.5vw\,50px\)\*-1\)\] {
  @media (width >= 40rem) {
    &:is(:where(.group)[data-width="full"] *) {
      &:is(:where(.group):hover *) {
        @media (hover: hover) {
          left: calc(clamp(27px, 3.5vw, 50px) * -1);
        }
      }
    }
  }
}
.md\:sticky {
  @media (width >= 48rem) {
    position: sticky;
  }
}
.md\:top-\[0px\] {
  @media (width >= 48rem) {
    top: 0px;
  }
}
.md\:order-1 {
  @media (width >= 48rem) {
    order: 1;
  }
}
.md\:order-2 {
  @media (width >= 48rem) {
    order: 2;
  }
}
.md\:mt-\[30px\] {
  @media (width >= 48rem) {
    margin-top: 30px;
  }
}
.md\:flex {
  @media (width >= 48rem) {
    display: flex;
  }
}
.md\:max-w-\[580px\] {
  @media (width >= 48rem) {
    max-width: 580px;
  }
}
.md\:max-w-\[clamp\(350px\,45vw\,580px\)\] {
  @media (width >= 48rem) {
    max-width: clamp(350px, 45vw, 580px);
  }
}
.md\:scale-\[1\] {
  @media (width >= 48rem) {
    scale: 1;
  }
}
.md\:flex-row {
  @media (width >= 48rem) {
    flex-direction: row;
  }
}
.md\:items-center {
  @media (width >= 48rem) {
    align-items: center;
  }
}
.md\:group-data-\[image\=right\]\:order-1 {
  @media (width >= 48rem) {
    &:is(:where(.group)[data-image="right"] *) {
      order: 1;
    }
  }
}
.md\:group-data-\[image\=right\]\:order-2 {
  @media (width >= 48rem) {
    &:is(:where(.group)[data-image="right"] *) {
      order: 2;
    }
  }
}
.md\:group-data-\[image\=right\]\:ml-auto {
  @media (width >= 48rem) {
    &:is(:where(.group)[data-image="right"] *) {
      margin-left: auto;
    }
  }
}
.lg\:translate-x-0 {
  @media (width >= 64rem) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.lg\:translate-y-0 {
  @media (width >= 64rem) {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.lg\:scale-\[0\.8\] {
  @media (width >= 64rem) {
    scale: 0.8;
  }
}
.lg\:scale-\[1\.23\] {
  @media (width >= 64rem) {
    scale: 1.23;
  }
}
.lg\:grid-cols-3 {
  @media (width >= 64rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.lg\:flex-row {
  @media (width >= 64rem) {
    flex-direction: row;
  }
}
.lg\:items-end {
  @media (width >= 64rem) {
    align-items: flex-end;
  }
}
.lg\:opacity-100 {
  @media (width >= 64rem) {
    opacity: 100%;
  }
}
.\@sm\/card\:order-1 {
  @container card (width >= 24rem) {
    order: 1;
  }
}
.\@sm\/card\:order-2 {
  @container card (width >= 24rem) {
    order: 2;
  }
}
.\@sm\/card\:flex-row {
  @container card (width >= 24rem) {
    flex-direction: row;
  }
}
.\@sm\/card\:items-center {
  @container card (width >= 24rem) {
    align-items: center;
  }
}
.\@sm\/card\:justify-between {
  @container card (width >= 24rem) {
    justify-content: space-between;
  }
}
.\@2xl\:grid-cols-2 {
  @container (width >= 42rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.\[\&_\.password-input\]\:w-full {
  & .password-input {
    width: 100%;
  }
}
.\[\&_\.woocommerce-error\]\:rounded-\[10px\] {
  & .woocommerce-error {
    border-radius: 10px;
  }
}
.\[\&_\.woocommerce-error\]\:bg-brand-red {
  & .woocommerce-error {
    background-color: var(--color-brand-red);
  }
}
.\[\&_\.woocommerce-error\]\:px-\[20px\] {
  & .woocommerce-error {
    padding-inline: 20px;
  }
}
.\[\&_\.woocommerce-error\]\:py-\[18px\] {
  & .woocommerce-error {
    padding-block: 18px;
  }
}
.\[\&_\.woocommerce-error\]\:text-\[14px\] {
  & .woocommerce-error {
    font-size: 14px;
  }
}
.\[\&_\.woocommerce-password-hint\]\:w-\[200\%\] {
  & .woocommerce-password-hint {
    width: 200%;
  }
}
.\[\&_\.woocommerce-password-strength\]\:w-\[200\%\] {
  & .woocommerce-password-strength {
    width: 200%;
  }
}
.\[\&_a\]\:no-underline {
  & a {
    text-decoration-line: none;
  }
}
.\[\&_div\]\:col-start-1 {
  & div {
    grid-column-start: 1;
  }
}
.\[\&_div\]\:col-end-1 {
  & div {
    grid-column-end: 1;
  }
}
.\[\&_div\]\:row-start-1 {
  & div {
    grid-row-start: 1;
  }
}
.\[\&_div\]\:row-end-1 {
  & div {
    grid-row-end: 1;
  }
}
.\[\&_div\]\:cursor-pointer {
  & div {
    cursor: pointer;
  }
}
.\[\&_div\]\:border-b-\[2px\] {
  & div {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
}
.\[\&_div\]\:border-white\/20 {
  & div {
    border-color: color-mix(in srgb, #fff 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
    }
  }
}
.\[\&_div\]\:px-\[30px\] {
  & div {
    padding-inline: 30px;
  }
}
.\[\&_div\]\:py-\[15px\] {
  & div {
    padding-block: 15px;
  }
}
.\[\&_div\]\:text-\[16px\] {
  & div {
    font-size: 16px;
  }
}
.\[\&_div\]\:\[\&_div\]\:first\:mt-0 {
  & div {
    & div {
      &:first-child {
        margin-top: calc(var(--spacing) * 0);
      }
    }
  }
}
.first\:\[\&_div\]\:pt-\[30px\] {
  &:first-child {
    & div {
      padding-top: 30px;
    }
  }
}
.\[\&_div\]\:last\:border-0 {
  & div {
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
}
.\[\&_div\]\:hover\:bg-white {
  & div {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
}
.\[\&_div\]\:hover\:text-black {
  & div {
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
}
.\[\&_h2\]\:mb-\[40px\] {
  & h2 {
    margin-bottom: 40px;
  }
}
.\[\&_h2\]\:text-\[21px\] {
  & h2 {
    font-size: 21px;
  }
}
.\[\&_h2\]\:text-\[27px\] {
  & h2 {
    font-size: 27px;
  }
}
.\[\&_h2\]\:text-\[clamp\(35px\,5vw\,70px\)\] {
  & h2 {
    font-size: clamp(35px, 5vw, 70px);
  }
}
.\[\&_h2\]\:leading-\[1em\] {
  & h2 {
    --tw-leading: 1em;
    line-height: 1em;
  }
}
.\[\&_h2\]\:font-bold {
  & h2 {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
}
.\[\&_h2\]\:-tracking-\[0\.02em\] {
  & h2 {
    --tw-tracking: calc(0.02em * -1);
    letter-spacing: calc(0.02em * -1);
  }
}
.\[\&_h2\+h3\]\:text-\[\#A2A1A1\] {
  & h2+h3 {
    color: #A2A1A1;
  }
}
.\[\&_h3\]\:text-\[21px\] {
  & h3 {
    font-size: 21px;
  }
}
.\[\&_h3\]\:font-bold {
  & h3 {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
}
.\[\&_hr\]\:my-\[25px\] {
  & hr {
    margin-block: 25px;
  }
}
.\[\&_hr\]\:h-\[1px\] {
  & hr {
    height: 1px;
  }
}
.\[\&_hr\]\:w-full {
  & hr {
    width: 100%;
  }
}
.\[\&_hr\]\:border-0 {
  & hr {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
}
.\[\&_hr\]\:bg-\[\#ddd\] {
  & hr {
    background-color: #ddd;
  }
}
.\[\&_img\]\:h-full {
  & img {
    height: 100%;
  }
}
.\[\&_img\]\:w-full {
  & img {
    width: 100%;
  }
}
.\[\&_img\]\:object-cover {
  & img {
    object-fit: cover;
  }
}
.\[\&_li\]\:rounded-full {
  & li {
    border-radius: calc(infinity * 1px);
  }
}
.\[\&_li\]\:border-\[1px\] {
  & li {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
}
.\[\&_li\]\:border-black\/7 {
  & li {
    border-color: color-mix(in srgb, #000 7%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-black) 7%, transparent);
    }
  }
}
.\[\&_li\]\:border-white\/7 {
  & li {
    border-color: color-mix(in srgb, #fff 7%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 7%, transparent);
    }
  }
}
.\[\&_li\]\:bg-brand-white\/7 {
  & li {
    background-color: var(--color-brand-white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-brand-white) 7%, transparent);
    }
  }
}
.\[\&_li\]\:bg-white {
  & li {
    background-color: var(--color-white);
  }
}
.\[\&_li\]\:px-\[16px\] {
  & li {
    padding-inline: 16px;
  }
}
.\[\&_li\]\:py-\[9px\] {
  & li {
    padding-block: 9px;
  }
}
.\[\&_li\]\:pl-\[5px\] {
  & li {
    padding-left: 5px;
  }
}
.\[\&_li\]\:text-\[14px\] {
  & li {
    font-size: 14px;
  }
}
.\[\&_li\]\:font-medium {
  & li {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
}
.\[\&_li\]\:text-\[\#414141\] {
  & li {
    color: #414141;
  }
}
.\[\&_li\]\:text-black {
  & li {
    color: var(--color-black);
  }
}
.\[\&_li\]\:text-white {
  & li {
    color: var(--color-white);
  }
}
.\[\&_li\]\:marker\:content-\[\'–\'\] {
  & li {
    & *::marker {
      --tw-content: '–';
      content: var(--tw-content);
    }
    &::marker {
      --tw-content: '–';
      content: var(--tw-content);
    }
    & *::-webkit-details-marker {
      --tw-content: '–';
      content: var(--tw-content);
    }
    &::-webkit-details-marker {
      --tw-content: '–';
      content: var(--tw-content);
    }
  }
}
.\[\&_p\]\:mb-\[1em\] {
  & p {
    margin-bottom: 1em;
  }
}
.\[\&_p\]\:mb-\[2em\] {
  & p {
    margin-bottom: 2em;
  }
}
.\[\&_p\]\:mb-\[6px\] {
  & p {
    margin-bottom: 6px;
  }
}
.\[\&_p\]\:mb-\[30px\] {
  & p {
    margin-bottom: 30px;
  }
}
.\[\&_p\]\:max-w-\[381px\] {
  & p {
    max-width: 381px;
  }
}
.\[\&_p\]\:text-\[18px\] {
  & p {
    font-size: 18px;
  }
}
.\[\&_p\]\:text-\[clamp\(15px\,2cqw\,16px\)\] {
  & p {
    font-size: clamp(15px, 2cqw, 16px);
  }
}
.\[\&_p\]\:text-\[clamp\(26px\,5\.5cqw\,50px\)\] {
  & p {
    font-size: clamp(26px, 5.5cqw, 50px);
  }
}
.\[\&_p\]\:leading-\[1\.1em\] {
  & p {
    --tw-leading: 1.1em;
    line-height: 1.1em;
  }
}
.\[\&_p\]\:leading-\[1\.5em\] {
  & p {
    --tw-leading: 1.5em;
    line-height: 1.5em;
  }
}
.\[\&_p\]\:leading-\[1\.333em\] {
  & p {
    --tw-leading: 1.333em;
    line-height: 1.333em;
  }
}
.\[\&_p\]\:font-bold {
  & p {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
}
.\[\&_p\]\:-tracking-\[0\.01em\] {
  & p {
    --tw-tracking: calc(0.01em * -1);
    letter-spacing: calc(0.01em * -1);
  }
}
.\[\&_p\]\:-tracking-\[0\.02em\] {
  & p {
    --tw-tracking: calc(0.02em * -1);
    letter-spacing: calc(0.02em * -1);
  }
}
.\[\&_p\]\:last\:mb-0 {
  & p {
    &:last-child {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
}
.\[\&_p\]\:\[\&_strong\]\:font-bold {
  & p {
    & strong {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
  }
}
.\[\&_svg\]\:h-\[55\%\] {
  & svg {
    height: 55%;
  }
}
.\[\&_svg\]\:h-auto {
  & svg {
    height: auto;
  }
}
.\[\&_svg\]\:h-full {
  & svg {
    height: 100%;
  }
}
.\[\&_svg\]\:w-\[10px\] {
  & svg {
    width: 10px;
  }
}
.\[\&_svg\]\:w-\[55\%\] {
  & svg {
    width: 55%;
  }
}
.\[\&_svg\]\:w-full {
  & svg {
    width: 100%;
  }
}
.\[\&_ul\]\:my-\[30px\] {
  & ul {
    margin-block: 30px;
  }
}
.\[\&_ul\]\:list-disc {
  & ul {
    list-style-type: disc;
  }
}
.\[\&_ul\]\:pl-\[10px\] {
  & ul {
    padding-left: 10px;
  }
}
.\[\&\+\.bg-brand-white\]\:rounded-t-\[0\] {
  &+.bg-brand-white {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
.\[\&\+\.image-content\]\:pt-0 {
  &+.image-content {
    padding-top: calc(var(--spacing) * 0);
  }
}
.\[\&_p\]\:\[\&\:has\(strong\)\]\:text-\[clamp\(19px\,3cqw\,22px\)\] {
  & p {
    &:has(strong) {
      font-size: clamp(19px, 3cqw, 22px);
    }
  }
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-content: "";
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
    }
  }
}