@charset "UTF-8";
:root {
  --cp-colour-black: #000000;
  --cp-colour-white: #ffffff;
  --cp-colour-grey1: #333333;
  --cp-colour-grey2: #4f4f4f;
  --cp-colour-grey3: #828282;
  --cp-colour-grey4: #bdbdbd;
  --cp-colour-grey5: #e0e0e0;
  --cp-colour-grey6: #f2f2f2;
  --cp-colour-grey7: #f9f9f9;
  --cp-colour-red: #eb2b2d;
  --cp-colour-orange: #f16e01;
  --cp-colour-sand: #ebe8e0;
  --cp-colour-green: #00b132;
  --cp-colour-gold: #a08629;
  --cp-colour-blue: #007fff;
  --cp-font-family-primary: 'Roboto Flex Variable', 'sans-serif';
  --cp-font-family-secondary: 'Arial', 'Helvetica', 'sans-serif';
  --cp-headings-font-family: var(--cp-font-family-primary);
  --cp-headings-font-weight: bold;
  --cp-headings-line-height: 1.5;
  --cp-headings-text-transform: uppercase;
  --cp-paragraph-font-family: var(--cp-font-family-primary);
  --cp-paragraph-font-weight: normal;
  --cp-paragraph-font-size: 1em;
  --cp-paragraph-line-height: 1.5;
  --cp-spacing: 5px;
  --cp-spacing-xs: 5px;
  --cp-spacing-sm: 10px;
  --cp-spacing-md: 15px;
  --cp-spacing-lg: 20px;
  --cp-spacing-xl: 30px;
  --cp-spacing-xxl: 60px;
  --cp-border-radius: 6px;
  --cp-container-max-width: 1500px;
  --cp-store-header-compact-height: 60px;
  --cp-transition-duration-fast: 150ms;
  --cp-transition-duration-normal: 250ms;
  --cp-transition-duration-panel: 300ms;
  --cp-transition-duration-layout: 330ms;
  --cp-transition-duration-enter: 400ms;
  --cp-transition-duration-stagger: 60ms;
  --cp-transition-easing-default: ease-in-out;
  --cp-transition-easing-panel: cubic-bezier(0.4, 0, 0.2, 1);
  --cp-transition-easing-enter: cubic-bezier(0, 0, 0.2, 1);
  --cp-transition-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --cp-transition-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

:root {
  --cp-colour-surface: var(--cp-colour-white);
  --cp-colour-surface-raised: var(--cp-colour-grey7);
  --cp-colour-surface-overlay: var(--cp-colour-sand);
  --cp-colour-surface-inset: var(--cp-colour-grey6);
  --cp-colour-surface-chrome: var(--cp-colour-grey1);
  --cp-colour-on-surface: var(--cp-colour-grey1);
  --cp-colour-on-surface-muted: #6c6c6c;
  --cp-colour-border: var(--cp-colour-grey4);
  --cp-colour-border-strong: var(--cp-colour-grey3);
  --cp-colour-placeholder: #767676;
  --cp-backdrop-color: rgba(0, 0, 0, 0.35);
  --cp-backdrop-blur: 8px;
  --cp-backdrop-blur-strong: 12px;
  --cp-shadow-glow: 0 0 5px rgba(0, 0, 0, 0.12);
  --cp-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.15);
  --cp-shadow-md: 0 2px 6px rgba(0, 0, 0, 0.15);
  --cp-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.08);
  --cp-shadow-xl: 0 4px 24px rgba(0, 0, 0, 0.15);
  --cp-colour-primary: var(--cp-colour-orange);
  --cp-colour-error: var(--cp-colour-red);
  --cp-colour-success: var(--cp-colour-green);
  --cp-colour-info-surface: #eef4ff;
  --cp-colour-info-border: #b8d4fe;
  --cp-colour-info-on-surface: #1e5a9e;
  --cp-colour-success-surface: #edf7ed;
  --cp-colour-success-border: #b2dfb2;
  --cp-colour-success-on-surface: #1e6e1e;
  --cp-colour-warning-surface: #fff8eb;
  --cp-colour-warning-border: #fdd89b;
  --cp-colour-warning-on-surface: #8a5a00;
  --cp-colour-error-surface: #fdeded;
  --cp-colour-error-border: #f5b8b8;
  --cp-colour-error-on-surface: #8b1a1a;
  --cp-colour-text: var(--cp-colour-on-surface);
  --cp-colour-text-muted: var(--cp-colour-on-surface-muted);
  --cp-headings-color: var(--cp-colour-on-surface);
  --cp-paragraph-color: var(--cp-colour-on-surface);
}

[data-theme=dark] {
  --cp-colour-surface: #1a1a1a;
  --cp-colour-surface-raised: #242424;
  --cp-colour-surface-overlay: #2e2a24;
  --cp-colour-surface-inset: #2c2c2c;
  --cp-colour-surface-chrome: #2e2e2e;
  --cp-colour-on-surface: #e0e0e0;
  --cp-colour-on-surface-muted: #9e9e9e;
  --cp-colour-border: #424242;
  --cp-colour-border-strong: #616161;
  --cp-colour-placeholder: #757575;
  --cp-shadow-glow: 0 0 5px rgba(0, 0, 0, 0.35);
  --cp-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --cp-shadow-md: 0 2px 6px rgba(0, 0, 0, 0.4);
  --cp-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.4), 0 1px 4px rgba(0, 0, 0, 0.25);
  --cp-shadow-xl: 0 4px 24px rgba(0, 0, 0, 0.45);
  --cp-colour-primary: var(--cp-colour-orange);
  --cp-colour-error: var(--cp-colour-red);
  --cp-colour-success: var(--cp-colour-green);
  --cp-colour-info-surface: color-mix(in oklch, var(--cp-colour-blue) 15%, var(--cp-colour-surface));
  --cp-colour-info-border: color-mix(in oklch, var(--cp-colour-blue) 40%, var(--cp-colour-surface));
  --cp-colour-info-on-surface: color-mix(in oklch, var(--cp-colour-blue) 70%, var(--cp-colour-on-surface));
  --cp-colour-success-surface: color-mix(in oklch, var(--cp-colour-green) 15%, var(--cp-colour-surface));
  --cp-colour-success-border: color-mix(in oklch, var(--cp-colour-green) 40%, var(--cp-colour-surface));
  --cp-colour-success-on-surface: color-mix(in oklch, var(--cp-colour-green) 70%, var(--cp-colour-on-surface));
  --cp-colour-warning-surface: color-mix(in oklch, var(--cp-colour-orange) 15%, var(--cp-colour-surface));
  --cp-colour-warning-border: color-mix(in oklch, var(--cp-colour-orange) 40%, var(--cp-colour-surface));
  --cp-colour-warning-on-surface: color-mix(in oklch, var(--cp-colour-orange) 70%, var(--cp-colour-on-surface));
  --cp-colour-error-surface: color-mix(in oklch, var(--cp-colour-red) 15%, var(--cp-colour-surface));
  --cp-colour-error-border: color-mix(in oklch, var(--cp-colour-red) 40%, var(--cp-colour-surface));
  --cp-colour-error-on-surface: color-mix(in oklch, var(--cp-colour-red) 70%, var(--cp-colour-on-surface));
  --cp-colour-text: var(--cp-colour-on-surface);
  --cp-colour-text-muted: var(--cp-colour-on-surface-muted);
  --cp-headings-color: var(--cp-colour-on-surface);
  --cp-paragraph-color: var(--cp-colour-on-surface);
}

/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Fix appearance for Firefox
 */
[type=number] {
  -moz-appearance: textfield;
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

@font-face {
  font-family: "Roboto Flex Variable";
  font-style: oblique 0deg 10deg;
  font-display: swap;
  font-weight: 100 1000;
  font-stretch: 25% 151%;
  src: url(../fonts/roboto-flex-latin-standard-normal.woff2) format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*!
 * Font Awesome Pro 7.3.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
.fa-solid,
.fa-regular,
.fa-brands,
.fa-classic,
.fas,
.far,
.fab,
.fal,
.fat,
.fad,
.fadr,
.fadl,
.fadt,
.fass,
.fasr,
.fasl,
.fast,
.fasds,
.fasdr,
.fasdl,
.fasdt,
.faslr,
.faslpr,
.fasldr,
.faslpdr,
.fapr,
.fams,
.favs,
.fawsb,
.fatl,
.fans,
.fands,
.faes,
.fagt,
.fajr,
.fajfr,
.fajdr,
.facr,
.fausb,
.faudsb,
.faufsb,
.fa-solid,
.fa-semibold,
.fa-regular,
.fa-light,
.fa-thin,
.fa-brands,
.fa-classic,
.fa-duotone,
.fa-sharp,
.fa-sharp-duotone,
.fa-chisel,
.fa-etch,
.fa-graphite,
.fa-jelly,
.fa-jelly-duo,
.fa-jelly-fill,
.fa-mosaic,
.fa-notdog,
.fa-notdog-duo,
.fa-pixel,
.fa-slab,
.fa-slab-duo,
.fa-slab-press,
.fa-slab-press-duo,
.fa-thumbprint,
.fa-utility,
.fa-utility-duo,
.fa-utility-fill,
.fa-vellum,
.fa-whiteboard,
.fa {
  --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
}

:is(.fas,
.fass,
.far,
.fasr,
.fal,
.fasl,
.fat,
.fast,
.fad,
.fadr,
.fadl,
.fadt,
.fasds,
.fasdr,
.fasdl,
.fasdt,
.fab,
.faslr,
.faslpr,
.fasldr,
.faslpdr,
.fapr,
.fams,
.favs,
.fawsb,
.fatl,
.fans,
.fands,
.faes,
.fagt,
.fajr,
.fajfr,
.fajdr,
.facr,
.fausb,
.faudsb,
.faufsb,
.fa-solid,
.fa-semibold,
.fa-regular,
.fa-light,
.fa-thin,
.fa-brands,
.fa-classic,
.fa-duotone,
.fa-sharp,
.fa-sharp-duotone,
.fa-chisel,
.fa-etch,
.fa-graphite,
.fa-jelly,
.fa-jelly-duo,
.fa-jelly-fill,
.fa-mosaic,
.fa-notdog,
.fa-notdog-duo,
.fa-pixel,
.fa-slab,
.fa-slab-duo,
.fa-slab-press,
.fa-slab-press-duo,
.fa-thumbprint,
.fa-utility,
.fa-utility-duo,
.fa-utility-fill,
.fa-vellum,
.fa-whiteboard,
.fa)::before {
  content: var(--fa)/"";
}

@supports not (content: ""/"") {
  :is(.fas,
  .fass,
  .far,
  .fasr,
  .fal,
  .fasl,
  .fat,
  .fast,
  .fad,
  .fadr,
  .fadl,
  .fadt,
  .fasds,
  .fasdr,
  .fasdl,
  .fasdt,
  .fab,
  .faslr,
  .faslpr,
  .fasldr,
  .faslpdr,
  .fapr,
  .fams,
  .favs,
  .fawsb,
  .fatl,
  .fans,
  .fands,
  .faes,
  .fagt,
  .fajr,
  .fajfr,
  .fajdr,
  .facr,
  .fausb,
  .faudsb,
  .faufsb,
  .fa-solid,
  .fa-semibold,
  .fa-regular,
  .fa-light,
  .fa-thin,
  .fa-brands,
  .fa-classic,
  .fa-duotone,
  .fa-sharp,
  .fa-sharp-duotone,
  .fa-chisel,
  .fa-etch,
  .fa-graphite,
  .fa-jelly,
  .fa-jelly-duo,
  .fa-jelly-fill,
  .fa-mosaic,
  .fa-notdog,
  .fa-notdog-duo,
  .fa-pixel,
  .fa-slab,
  .fa-slab-duo,
  .fa-slab-press,
  .fa-slab-press-duo,
  .fa-thumbprint,
  .fa-utility,
  .fa-utility-duo,
  .fa-utility-fill,
  .fa-vellum,
  .fa-whiteboard,
  .fa)::before {
    content: var(--fa);
  }
}
:is(.fad,
.fa-duotone,
.fadr,
.fadl,
.fadt,
.fasds,
.fa-sharp-duotone,
.fasdr,
.fasdl,
.fasdt,
.fatl,
.fa-thumbprint,
.fands,
.fa-notdog-duo,
.fajdr,
.fa-jelly-duo,
.faudsb,
.fa-utility-duo,
.fasldr,
.fa-slab-duo,
.faslpdr,
.fa-slab-press-duo,
.favs,
.fa-vellum)::after {
  content: var(--fa)/"";
  font-feature-settings: "ss01";
}

@supports not (content: ""/"") {
  :is(.fad,
  .fa-duotone,
  .fadr,
  .fadl,
  .fadt,
  .fasds,
  .fa-sharp-duotone,
  .fasdr,
  .fasdl,
  .fasdt,
  .fatl,
  .fa-thumbprint,
  .fands,
  .fa-notdog-duo,
  .fajdr,
  .fa-jelly-duo,
  .faudsb,
  .fa-utility-duo,
  .fasldr,
  .fa-slab-duo,
  .faslpdr,
  .fa-slab-press-duo,
  .favs,
  .fa-vellum)::after {
    content: var(--fa);
  }
}
.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: calc(10 / 16 * 1em); /* converts a 10px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 10 * 1em); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 10 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-xs {
  font-size: calc(12 / 16 * 1em); /* converts a 12px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 12 * 1em); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 12 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-sm {
  font-size: calc(14 / 16 * 1em); /* converts a 14px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 14 * 1em); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 14 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-lg {
  font-size: calc(20 / 16 * 1em); /* converts a 20px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 20 * 1em); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 20 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-xl {
  font-size: calc(24 / 16 * 1em); /* converts a 24px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 24 * 1em); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 24 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-2xl {
  font-size: calc(32 / 16 * 1em); /* converts a 32px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 32 * 1em); /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 32 - 0.375) * 1em); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-width-auto {
  --fa-width: auto;
}

.fa-fw,
.fa-width-fixed {
  --fa-width: 1.25em;
}

.fa-canvas-square {
  padding-block: 0.125em;
  margin-block-end: -0.125em;
}

.fa-canvas-roomy {
  padding-block: 0.25em;
  padding-inline: 0.125em;
  margin-block-end: -0.25em;
  box-sizing: content-box;
}

.fa-ul {
  list-style-type: none;
  margin-inline-start: var(--fa-li-margin, 2.5em);
  padding-inline-start: 0;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  inset-inline-start: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

/* Heads Up: Bordered Icons will not be supported in the future!
  - This feature will be deprecated in the next major release of Font Awesome (v8)!
  - You may continue to use it in this version *v7), but it will not be supported in Font Awesome v8.
*/
/* Notes:
* --@{v.$css-prefix}-border-width = 1/16 by default (to render as ~1px based on a 16px default font-size)
* --@{v.$css-prefix}-border-padding =
  ** 3/16 for vertical padding (to give ~2px of vertical whitespace around an icon considering it's vertical alignment)
  ** 4/16 for horizontal padding (to give ~4px of horizontal whitespace around an icon)
*/
.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.0625em);
  box-sizing: var(--fa-border-box-sizing, content-box);
  padding: var(--fa-border-padding, 0.1875em 0.25em);
}

.fa-pull-left,
.fa-pull-start {
  float: inline-start;
  margin-inline-end: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right,
.fa-pull-end {
  float: inline-end;
  margin-inline-start: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1.5s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-flip-360 {
  animation-name: fa-flip-360;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 0.75s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

.fa-spin-snap {
  animation-name: fa-spin-snap;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 3s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-snap-4 {
  animation-name: fa-spin-snap-4;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2.4s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-snap-8 {
  animation-name: fa-spin-snap-8;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 4s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-buzz {
  animation-name: fa-buzz;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 0.6s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-wag {
  animation-name: fa-wag;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 0.9s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-out);
  transform-origin: bottom center;
}

.fa-float {
  animation-name: fa-float;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 3s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
  will-change: transform;
}

.fa-swing {
  animation-name: fa-swing;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1.2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-out);
  transform-origin: top center;
}

.fa-jello {
  animation-name: fa-jello;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 0.9s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-out);
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-flip-360,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse,
  .fa-buzz,
  .fa-float,
  .fa-jello,
  .fa-spin-snap,
  .fa-spin-snap-4,
  .fa-spin-snap-8,
  .fa-swing,
  .fa-wag {
    animation: none !important;
    transition: none !important;
  }
}
@keyframes fa-beat {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25)));
  }
  45% {
    transform: scale(calc(1.22 * var(--fa-beat-scale, 1.22)));
  }
  65% {
    transform: scale(calc(1.25 * var(--fa-beat-scale, 1.25)));
  }
  90% {
    transform: scale(1);
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
    animation-timing-function: var(--fa-animation-timing);
  }
  14% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.06), var(--fa-bounce-start-scale-y, 0.94)) translateY(var(--fa-bounce-anticipation, 3px));
    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
  }
  32% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.94), var(--fa-bounce-jump-scale-y, 1.12)) translateY(calc(-1 * var(--fa-bounce-height, 0.5em)));
    animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
  }
  52% {
    transform: scale(1, 1) translateY(calc(-1 * var(--fa-bounce-height, 0.5em) * 1.1));
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  70% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.06), var(--fa-bounce-land-scale-y, 0.92)) translateY(0);
    animation-timing-function: cubic-bezier(0.33, 0.33, 0.66, 1);
  }
  85% {
    transform: scale(0.98, 1.04) translateY(calc(-2px * var(--fa-bounce-rebound, 1)));
    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-fade {
  0% {
    opacity: 1;
    transform: scale(1);
    animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
  }
  40% {
    opacity: var(--fa-fade-opacity, 0.4);
    transform: scale(0.98);
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fa-beat-fade {
  0% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
    animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
  }
  25% {
    opacity: calc(var(--fa-beat-fade-opacity, 0.4) + 0.4);
    transform: scale(var(--fa-beat-fade-scale, 1.28));
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  }
  45% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.25));
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  65% {
    opacity: calc(var(--fa-beat-fade-opacity, 0.4) + 0.4);
    transform: scale(var(--fa-beat-fade-scale, 1.28));
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  }
  100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
}
@keyframes fa-flip {
  0% {
    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
    animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
  }
  8% {
    transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
  }
  35% {
    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6));
    animation-timing-function: linear;
  }
  65% {
    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.5));
    animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
  }
  92% {
    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04)));
    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
  }
  100% {
    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg));
  }
}
@keyframes fa-flip-360 {
  0% {
    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
    animation-timing-function: cubic-bezier(0.2, 0, 0.4, 1);
  }
  8% {
    transform: perspective(2em) scale(var(--fa-flip-anticipation-scale, 0.95)) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), 0deg);
    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
  }
  50% {
    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * 0.6));
    animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
  }
  80% {
    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), calc(var(--fa-flip-angle, -360deg) * var(--fa-flip-overshoot, 1.04)));
    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
  }
  100% {
    transform: perspective(2em) scale(1) rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -360deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
  }
  8% {
    transform: rotate(35deg) translateX(1px);
    animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
  }
  20% {
    transform: rotate(-22deg) translateX(-1px);
    animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
  }
  35% {
    transform: rotate(15deg) translateX(1px);
    animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
  }
  50% {
    transform: rotate(-9deg);
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  }
  65% {
    transform: rotate(5deg);
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  }
  78% {
    transform: rotate(-3deg);
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  }
  90% {
    transform: rotate(1deg);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fa-spin-snap {
  0% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  12% {
    transform: rotate(60deg);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  16.67% {
    transform: rotate(60deg);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  28.67% {
    transform: rotate(120deg);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  33.33% {
    transform: rotate(120deg);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  45.33% {
    transform: rotate(180deg);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: rotate(180deg);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  62% {
    transform: rotate(240deg);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  66.67% {
    transform: rotate(240deg);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  78.67% {
    transform: rotate(300deg);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  83.33% {
    transform: rotate(300deg);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  95.33% {
    transform: rotate(360deg);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fa-spin-snap-4 {
  0% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  15% {
    transform: rotate(90deg);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  25% {
    transform: rotate(90deg);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  40% {
    transform: rotate(180deg);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: rotate(180deg);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  65% {
    transform: rotate(270deg);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  75% {
    transform: rotate(270deg);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  90% {
    transform: rotate(360deg);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fa-spin-snap-8 {
  0% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  9% {
    transform: rotate(45deg);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  12.5% {
    transform: rotate(45deg);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  21.5% {
    transform: rotate(90deg);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  25% {
    transform: rotate(90deg);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  34% {
    transform: rotate(135deg);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  37.5% {
    transform: rotate(135deg);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  46.5% {
    transform: rotate(180deg);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: rotate(180deg);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  59% {
    transform: rotate(225deg);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  62.5% {
    transform: rotate(225deg);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  71.5% {
    transform: rotate(270deg);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  75% {
    transform: rotate(270deg);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  84% {
    transform: rotate(315deg);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  87.5% {
    transform: rotate(315deg);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  96.5% {
    transform: rotate(360deg);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fa-buzz {
  0% {
    transform: translateX(0) rotate(0deg);
    animation-timing-function: cubic-bezier(0.1, 0, 0.9, 1);
  }
  5% {
    transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.5deg);
  }
  10% {
    transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.5deg);
  }
  15% {
    transform: translateX(var(--fa-buzz-distance, 4px)) rotate(0.3deg);
  }
  20% {
    transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px))) rotate(-0.3deg);
  }
  25% {
    transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.7)) rotate(0.2deg);
  }
  30% {
    transform: translateX(calc(-1 * var(--fa-buzz-distance, 4px) * 0.7)) rotate(-0.2deg);
  }
  35% {
    transform: translateX(calc(var(--fa-buzz-distance, 4px) * 0.4)) rotate(0.1deg);
  }
  40% {
    transform: translateX(0) rotate(0deg);
  }
  100% {
    transform: translateX(0) rotate(0deg);
  }
}
@keyframes fa-wag {
  0% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);
  }
  12% {
    transform: rotate(var(--fa-wag-angle, 12deg));
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  24% {
    transform: rotate(2deg);
    animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);
  }
  36% {
    transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.85));
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  48% {
    transform: rotate(1deg);
    animation-timing-function: cubic-bezier(0.2, 0, 0.6, 1);
  }
  58% {
    transform: rotate(calc(var(--fa-wag-angle, 12deg) * 0.6));
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  68% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-float {
  0% {
    transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98));
    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
  }
  15% {
    transform: translateY(calc(-0.4 * var(--fa-float-height, 6px))) translateX(var(--fa-float-drift, 1px)) rotate(var(--fa-float-tilt, 1deg)) scale(1, 1);
    animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
  }
  35% {
    transform: translateY(calc(-1 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-stretch-x, 0.98), var(--fa-float-stretch-y, 1.03));
    animation-timing-function: cubic-bezier(0.5, 0, 0.5, 0);
  }
  50% {
    transform: translateY(calc(-0.92 * var(--fa-float-height, 6px))) translateX(calc(-0.5 * var(--fa-float-drift, 1px))) rotate(calc(-0.5 * var(--fa-float-tilt, 1deg))) scale(0.995, 1.01);
    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
  }
  70% {
    transform: translateY(calc(-0.3 * var(--fa-float-height, 6px))) translateX(calc(-1 * var(--fa-float-drift, 1px))) rotate(calc(-1 * var(--fa-float-tilt, 1deg))) scale(1, 1);
    animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
  }
  90% {
    transform: translateY(calc(0.05 * var(--fa-float-height, 6px))) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98));
    animation-timing-function: cubic-bezier(0.33, 0, 0.66, 1);
  }
  100% {
    transform: translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x, 1.02), var(--fa-float-squash-y, 0.98));
  }
}
@keyframes fa-swing {
  0% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
  }
  8% {
    transform: rotate(var(--fa-swing-angle, 22deg));
    animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
  }
  18% {
    transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.85));
    animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
  }
  28% {
    transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.65));
    animation-timing-function: cubic-bezier(0.35, 0, 0.65, 1);
  }
  38% {
    transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.45));
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  }
  48% {
    transform: rotate(calc(var(--fa-swing-angle, 22deg) * 0.25));
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  }
  56% {
    transform: rotate(calc(-1 * var(--fa-swing-angle, 22deg) * 0.1));
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  }
  64% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-jello {
  0% {
    transform: scale(1, 1);
    animation-timing-function: cubic-bezier(0.2, 0, 0.8, 1);
  }
  12% {
    transform: scale(var(--fa-jello-scale-x, 1.15), calc(2 - var(--fa-jello-scale-x, 1.15)));
    animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
  }
  24% {
    transform: scale(calc(2 - var(--fa-jello-scale-y, 1.12)), var(--fa-jello-scale-y, 1.12));
    animation-timing-function: cubic-bezier(0.3, 0, 0.7, 1);
  }
  36% {
    transform: scale(calc(1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5), calc(2 - (1 + (var(--fa-jello-scale-x, 1.15) - 1) * 0.5)));
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  }
  48% {
    transform: scale(calc(2 - (1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3)), calc(1 + (var(--fa-jello-scale-y, 1.12) - 1) * 0.3));
    animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  }
  58% {
    transform: scale(1.02, 0.98);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  68% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}

.fa-rotate-180 {
  transform: rotate(180deg);
}

.fa-rotate-270 {
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1);
}

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0));
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  --fa-width: 100%;
  inset: 0;
  position: absolute;
  text-align: center;
  width: var(--fa-width);
  z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-0 {
  --fa: "\30 ";
}

.fa-1 {
  --fa: "\31 ";
}

.fa-2 {
  --fa: "\32 ";
}

.fa-3 {
  --fa: "\33 ";
}

.fa-4 {
  --fa: "\34 ";
}

.fa-5 {
  --fa: "\35 ";
}

.fa-6 {
  --fa: "\36 ";
}

.fa-7 {
  --fa: "\37 ";
}

.fa-8 {
  --fa: "\38 ";
}

.fa-9 {
  --fa: "\39 ";
}

.fa-exclamation {
  --fa: "\!";
}

.fa-ditto {
  --fa: "\"";
}

.fa-hashtag {
  --fa: "\#";
}

.fa-dollar-sign {
  --fa: "\$";
}

.fa-dollar {
  --fa: "\$";
}

.fa-usd {
  --fa: "\$";
}

.fa-percent {
  --fa: "\%";
}

.fa-percentage {
  --fa: "\%";
}

.fa-ampersand {
  --fa: "\&";
}

.fa-apostrophe {
  --fa: "\'";
}

.fa-bracket-round {
  --fa: "\(";
}

.fa-parenthesis {
  --fa: "\(";
}

.fa-bracket-round-right {
  --fa: "\)";
}

.fa-asterisk {
  --fa: "\*";
}

.fa-plus {
  --fa: "\+";
}

.fa-add {
  --fa: "\+";
}

.fa-comma {
  --fa: "\,";
}

.fa-hyphen {
  --fa: "\-";
}

.fa-period {
  --fa: "\.";
}

.fa-slash-forward {
  --fa: "\/";
}

.fa-colon {
  --fa: "\:";
}

.fa-semicolon {
  --fa: "\;";
}

.fa-less-than {
  --fa: "\<";
}

.fa-equals {
  --fa: "\=";
}

.fa-greater-than {
  --fa: "\>";
}

.fa-question {
  --fa: "\?";
}

.fa-at {
  --fa: "\@";
}

.fa-a {
  --fa: "A";
}

.fa-b {
  --fa: "B";
}

.fa-c {
  --fa: "C";
}

.fa-d {
  --fa: "D";
}

.fa-e {
  --fa: "E";
}

.fa-f {
  --fa: "F";
}

.fa-g {
  --fa: "G";
}

.fa-h {
  --fa: "H";
}

.fa-i {
  --fa: "I";
}

.fa-j {
  --fa: "J";
}

.fa-k {
  --fa: "K";
}

.fa-l {
  --fa: "L";
}

.fa-m {
  --fa: "M";
}

.fa-n {
  --fa: "N";
}

.fa-o {
  --fa: "O";
}

.fa-p {
  --fa: "P";
}

.fa-q {
  --fa: "Q";
}

.fa-r {
  --fa: "R";
}

.fa-s {
  --fa: "S";
}

.fa-t {
  --fa: "T";
}

.fa-u {
  --fa: "U";
}

.fa-v {
  --fa: "V";
}

.fa-w {
  --fa: "W";
}

.fa-x {
  --fa: "X";
}

.fa-y {
  --fa: "Y";
}

.fa-z {
  --fa: "Z";
}

.fa-bracket-square {
  --fa: "\[";
}

.fa-bracket {
  --fa: "\[";
}

.fa-bracket-left {
  --fa: "\[";
}

.fa-slash-back {
  --fa: "\\";
}

.fa-bracket-square-right {
  --fa: "\]";
}

.fa-accent-grave {
  --fa: "\`";
}

.fa-bracket-curly {
  --fa: "\{";
}

.fa-bracket-curly-left {
  --fa: "\{";
}

.fa-pipe {
  --fa: "\|";
}

.fa-bracket-curly-right {
  --fa: "\}";
}

.fa-tilde {
  --fa: "\~";
}

.fa-caravan-simple {
  --fa: "\e000";
}

.fa-caravan-alt {
  --fa: "\e000";
}

.fa-cat-space {
  --fa: "\e001";
}

.fa-coffee-pot {
  --fa: "\e002";
}

.fa-comet {
  --fa: "\e003";
}

.fa-fan-table {
  --fa: "\e004";
}

.fa-faucet {
  --fa: "\e005";
}

.fa-faucet-drip {
  --fa: "\e006";
}

.fa-galaxy {
  --fa: "\e008";
}

.fa-garage {
  --fa: "\e009";
}

.fa-garage-car {
  --fa: "\e00a";
}

.fa-garage-open {
  --fa: "\e00b";
}

.fa-heat {
  --fa: "\e00c";
}

.fa-house-chimney-window {
  --fa: "\e00d";
}

.fa-house-day {
  --fa: "\e00e";
}

.fa-house-person-leave {
  --fa: "\e00f";
}

.fa-house-leave {
  --fa: "\e00f";
}

.fa-house-person-depart {
  --fa: "\e00f";
}

.fa-house-night {
  --fa: "\e010";
}

.fa-house-person-return {
  --fa: "\e011";
}

.fa-house-person-arrive {
  --fa: "\e011";
}

.fa-house-return {
  --fa: "\e011";
}

.fa-house-signal {
  --fa: "\e012";
}

.fa-lamp-desk {
  --fa: "\e014";
}

.fa-lamp-floor {
  --fa: "\e015";
}

.fa-light-ceiling {
  --fa: "\e016";
}

.fa-light-switch {
  --fa: "\e017";
}

.fa-light-switch-off {
  --fa: "\e018";
}

.fa-light-switch-on {
  --fa: "\e019";
}

.fa-microwave {
  --fa: "\e01b";
}

.fa-outlet {
  --fa: "\e01c";
}

.fa-oven {
  --fa: "\e01d";
}

.fa-planet-moon {
  --fa: "\e01f";
}

.fa-planet-ringed {
  --fa: "\e020";
}

.fa-police-box {
  --fa: "\e021";
}

.fa-person-to-portal {
  --fa: "\e022";
}

.fa-portal-enter {
  --fa: "\e022";
}

.fa-person-from-portal {
  --fa: "\e023";
}

.fa-portal-exit {
  --fa: "\e023";
}

.fa-radar {
  --fa: "\e024";
}

.fa-raygun {
  --fa: "\e025";
}

.fa-refrigerator {
  --fa: "\e026";
}

.fa-rocket-launch {
  --fa: "\e027";
}

.fa-sensor {
  --fa: "\e028";
}

.fa-sensor-triangle-exclamation {
  --fa: "\e029";
}

.fa-sensor-alert {
  --fa: "\e029";
}

.fa-sensor-fire {
  --fa: "\e02a";
}

.fa-sensor-on {
  --fa: "\e02b";
}

.fa-sensor-cloud {
  --fa: "\e02c";
}

.fa-sensor-smoke {
  --fa: "\e02c";
}

.fa-siren {
  --fa: "\e02d";
}

.fa-siren-on {
  --fa: "\e02e";
}

.fa-solar-system {
  --fa: "\e02f";
}

.fa-circle-sort {
  --fa: "\e030";
}

.fa-sort-circle {
  --fa: "\e030";
}

.fa-circle-sort-down {
  --fa: "\e031";
}

.fa-sort-circle-down {
  --fa: "\e031";
}

.fa-circle-sort-up {
  --fa: "\e032";
}

.fa-sort-circle-up {
  --fa: "\e032";
}

.fa-space-station-moon {
  --fa: "\e033";
}

.fa-space-station-moon-construction {
  --fa: "\e034";
}

.fa-space-station-moon-alt {
  --fa: "\e034";
}

.fa-sprinkler {
  --fa: "\e035";
}

.fa-star-shooting {
  --fa: "\e036";
}

.fa-starfighter {
  --fa: "\e037";
}

.fa-starfighter-twin-ion-engine {
  --fa: "\e038";
}

.fa-starfighter-alt {
  --fa: "\e038";
}

.fa-starship {
  --fa: "\e039";
}

.fa-starship-freighter {
  --fa: "\e03a";
}

.fa-sword-laser {
  --fa: "\e03b";
}

.fa-sword-laser-alt {
  --fa: "\e03c";
}

.fa-swords-laser {
  --fa: "\e03d";
}

.fa-telescope {
  --fa: "\e03e";
}

.fa-temperature-arrow-down {
  --fa: "\e03f";
}

.fa-temperature-down {
  --fa: "\e03f";
}

.fa-temperature-arrow-up {
  --fa: "\e040";
}

.fa-temperature-up {
  --fa: "\e040";
}

.fa-trailer {
  --fa: "\e041";
}

.fa-transporter {
  --fa: "\e042";
}

.fa-transporter-1 {
  --fa: "\e043";
}

.fa-transporter-2 {
  --fa: "\e044";
}

.fa-transporter-3 {
  --fa: "\e045";
}

.fa-transporter-empty {
  --fa: "\e046";
}

.fa-ufo {
  --fa: "\e047";
}

.fa-ufo-beam {
  --fa: "\e048";
}

.fa-user-alien {
  --fa: "\e04a";
}

.fa-user-robot {
  --fa: "\e04b";
}

.fa-user-visor {
  --fa: "\e04c";
}

.fa-vacuum {
  --fa: "\e04d";
}

.fa-vacuum-robot {
  --fa: "\e04e";
}

.fa-window-frame {
  --fa: "\e04f";
}

.fa-window-frame-open {
  --fa: "\e050";
}

.fa-coffin-cross {
  --fa: "\e051";
}

.fa-folder-arrow-down {
  --fa: "\e053";
}

.fa-folder-download {
  --fa: "\e053";
}

.fa-folder-arrow-up {
  --fa: "\e054";
}

.fa-folder-upload {
  --fa: "\e054";
}

.fa-user-unlock {
  --fa: "\e058";
}

.fa-bacteria {
  --fa: "\e059";
}

.fa-bacterium {
  --fa: "\e05a";
}

.fa-box-tissue {
  --fa: "\e05b";
}

.fa-hand-holding-medical {
  --fa: "\e05c";
}

.fa-hand-sparkles {
  --fa: "\e05d";
}

.fa-hands-bubbles {
  --fa: "\e05e";
}

.fa-hands-wash {
  --fa: "\e05e";
}

.fa-handshake-slash {
  --fa: "\e060";
}

.fa-handshake-alt-slash {
  --fa: "\e060";
}

.fa-handshake-simple-slash {
  --fa: "\e060";
}

.fa-head-side-cough {
  --fa: "\e061";
}

.fa-head-side-cough-slash {
  --fa: "\e062";
}

.fa-head-side-mask {
  --fa: "\e063";
}

.fa-head-side-virus {
  --fa: "\e064";
}

.fa-house-chimney-user {
  --fa: "\e065";
}

.fa-house-laptop {
  --fa: "\e066";
}

.fa-laptop-house {
  --fa: "\e066";
}

.fa-lungs-virus {
  --fa: "\e067";
}

.fa-people-arrows {
  --fa: "\e068";
}

.fa-people-arrows-left-right {
  --fa: "\e068";
}

.fa-plane-slash {
  --fa: "\e069";
}

.fa-pump-medical {
  --fa: "\e06a";
}

.fa-pump-soap {
  --fa: "\e06b";
}

.fa-shield-virus {
  --fa: "\e06c";
}

.fa-sink {
  --fa: "\e06d";
}

.fa-soap {
  --fa: "\e06e";
}

.fa-stopwatch-20 {
  --fa: "\e06f";
}

.fa-shop-slash {
  --fa: "\e070";
}

.fa-store-alt-slash {
  --fa: "\e070";
}

.fa-store-slash {
  --fa: "\e071";
}

.fa-toilet-paper-slash {
  --fa: "\e072";
}

.fa-users-slash {
  --fa: "\e073";
}

.fa-virus {
  --fa: "\e074";
}

.fa-virus-slash {
  --fa: "\e075";
}

.fa-viruses {
  --fa: "\e076";
}

.fa-vest {
  --fa: "\e085";
}

.fa-vest-patches {
  --fa: "\e086";
}

.fa-airplay {
  --fa: "\e089";
}

.fa-alt {
  --fa: "\e08a";
}

.fa-angle {
  --fa: "\e08c";
}

.fa-angle-90 {
  --fa: "\e08d";
}

.fa-apple-core {
  --fa: "\e08f";
}

.fa-arrow-down-from-dotted-line {
  --fa: "\e090";
}

.fa-arrow-down-left {
  --fa: "\e091";
}

.fa-arrow-down-left-and-arrow-up-right-to-center {
  --fa: "\e092";
}

.fa-arrow-down-right {
  --fa: "\e093";
}

.fa-arrow-down-to-bracket {
  --fa: "\e094";
}

.fa-arrow-down-to-dotted-line {
  --fa: "\e095";
}

.fa-arrow-down-to-square {
  --fa: "\e096";
}

.fa-arrow-trend-down {
  --fa: "\e097";
}

.fa-arrow-trend-up {
  --fa: "\e098";
}

.fa-arrow-up-arrow-down {
  --fa: "\e099";
}

.fa-sort-up-down {
  --fa: "\e099";
}

.fa-arrow-up-from-bracket {
  --fa: "\e09a";
}

.fa-arrow-up-from-dotted-line {
  --fa: "\e09b";
}

.fa-arrow-up-from-square {
  --fa: "\e09c";
}

.fa-arrow-up-left {
  --fa: "\e09d";
}

.fa-arrow-up-left-from-circle {
  --fa: "\e09e";
}

.fa-arrow-up-right {
  --fa: "\e09f";
}

.fa-arrow-up-right-and-arrow-down-left-from-center {
  --fa: "\e0a0";
}

.fa-arrow-up-to-dotted-line {
  --fa: "\e0a1";
}

.fa-arrows-cross {
  --fa: "\e0a2";
}

.fa-arrows-from-dotted-line {
  --fa: "\e0a3";
}

.fa-arrows-from-line {
  --fa: "\e0a4";
}

.fa-arrows-minimize {
  --fa: "\e0a5";
}

.fa-compress-arrows {
  --fa: "\e0a5";
}

.fa-arrows-to-dotted-line {
  --fa: "\e0a6";
}

.fa-arrows-to-line {
  --fa: "\e0a7";
}

.fa-audio-description-slash {
  --fa: "\e0a8";
}

.fa-austral-sign {
  --fa: "\e0a9";
}

.fa-avocado {
  --fa: "\e0aa";
}

.fa-award-simple {
  --fa: "\e0ab";
}

.fa-baht-sign {
  --fa: "\e0ac";
}

.fa-bars-filter {
  --fa: "\e0ad";
}

.fa-bars-sort {
  --fa: "\e0ae";
}

.fa-basket-shopping-simple {
  --fa: "\e0af";
}

.fa-shopping-basket-alt {
  --fa: "\e0af";
}

.fa-battery-exclamation {
  --fa: "\e0b0";
}

.fa-battery-low {
  --fa: "\e0b1";
}

.fa-battery-1 {
  --fa: "\e0b1";
}

.fa-bee {
  --fa: "\e0b2";
}

.fa-beer-mug {
  --fa: "\e0b3";
}

.fa-beer-foam {
  --fa: "\e0b3";
}

.fa-bitcoin-sign {
  --fa: "\e0b4";
}

.fa-block-quote {
  --fa: "\e0b5";
}

.fa-bolt-auto {
  --fa: "\e0b6";
}

.fa-bolt-lightning {
  --fa: "\e0b7";
}

.fa-bolt-slash {
  --fa: "\e0b8";
}

.fa-book-arrow-right {
  --fa: "\e0b9";
}

.fa-book-arrow-up {
  --fa: "\e0ba";
}

.fa-book-bookmark {
  --fa: "\e0bb";
}

.fa-book-circle-arrow-right {
  --fa: "\e0bc";
}

.fa-book-circle-arrow-up {
  --fa: "\e0bd";
}

.fa-book-copy {
  --fa: "\e0be";
}

.fa-book-font {
  --fa: "\e0bf";
}

.fa-book-open-cover {
  --fa: "\e0c0";
}

.fa-book-open-alt {
  --fa: "\e0c0";
}

.fa-book-section {
  --fa: "\e0c1";
}

.fa-book-law {
  --fa: "\e0c1";
}

.fa-bookmark-slash {
  --fa: "\e0c2";
}

.fa-bowling-ball-pin {
  --fa: "\e0c3";
}

.fa-box-circle-check {
  --fa: "\e0c4";
}

.fa-brackets-round {
  --fa: "\e0c5";
}

.fa-parentheses {
  --fa: "\e0c5";
}

.fa-brain-circuit {
  --fa: "\e0c6";
}

.fa-brake-warning {
  --fa: "\e0c7";
}

.fa-briefcase-blank {
  --fa: "\e0c8";
}

.fa-brightness {
  --fa: "\e0c9";
}

.fa-brightness-low {
  --fa: "\e0ca";
}

.fa-browsers {
  --fa: "\e0cb";
}

.fa-buildings {
  --fa: "\e0cc";
}

.fa-burger-fries {
  --fa: "\e0cd";
}

.fa-burger-glass {
  --fa: "\e0ce";
}

.fa-calendar-arrow-down {
  --fa: "\e0d0";
}

.fa-calendar-download {
  --fa: "\e0d0";
}

.fa-calendar-arrow-up {
  --fa: "\e0d1";
}

.fa-calendar-upload {
  --fa: "\e0d1";
}

.fa-calendar-clock {
  --fa: "\e0d2";
}

.fa-calendar-time {
  --fa: "\e0d2";
}

.fa-calendar-heart {
  --fa: "\e0d3";
}

.fa-calendar-image {
  --fa: "\e0d4";
}

.fa-calendar-lines {
  --fa: "\e0d5";
}

.fa-calendar-note {
  --fa: "\e0d5";
}

.fa-calendar-range {
  --fa: "\e0d6";
}

.fa-calendars {
  --fa: "\e0d7";
}

.fa-camera-rotate {
  --fa: "\e0d8";
}

.fa-camera-slash {
  --fa: "\e0d9";
}

.fa-camera-viewfinder {
  --fa: "\e0da";
}

.fa-screenshot {
  --fa: "\e0da";
}

.fa-cart-minus {
  --fa: "\e0db";
}

.fa-cart-shopping-fast {
  --fa: "\e0dc";
}

.fa-cart-xmark {
  --fa: "\e0dd";
}

.fa-castle {
  --fa: "\e0de";
}

.fa-cedi-sign {
  --fa: "\e0df";
}

.fa-chart-bullet {
  --fa: "\e0e1";
}

.fa-chart-candlestick {
  --fa: "\e0e2";
}

.fa-chart-column {
  --fa: "\e0e3";
}

.fa-chart-gantt {
  --fa: "\e0e4";
}

.fa-chart-line-up {
  --fa: "\e0e5";
}

.fa-chart-pyramid {
  --fa: "\e0e6";
}

.fa-chart-radar {
  --fa: "\e0e7";
}

.fa-chart-scatter-3d {
  --fa: "\e0e8";
}

.fa-chart-scatter-bubble {
  --fa: "\e0e9";
}

.fa-chart-tree-map {
  --fa: "\e0ea";
}

.fa-chart-waterfall {
  --fa: "\e0eb";
}

.fa-cherries {
  --fa: "\e0ec";
}

.fa-circle-0 {
  --fa: "\e0ed";
}

.fa-circle-1 {
  --fa: "\e0ee";
}

.fa-circle-2 {
  --fa: "\e0ef";
}

.fa-circle-3 {
  --fa: "\e0f0";
}

.fa-circle-4 {
  --fa: "\e0f1";
}

.fa-circle-5 {
  --fa: "\e0f2";
}

.fa-circle-6 {
  --fa: "\e0f3";
}

.fa-circle-7 {
  --fa: "\e0f4";
}

.fa-circle-8 {
  --fa: "\e0f5";
}

.fa-circle-9 {
  --fa: "\e0f6";
}

.fa-circle-a {
  --fa: "\e0f7";
}

.fa-circle-ampersand {
  --fa: "\e0f8";
}

.fa-circle-arrow-down-left {
  --fa: "\e0f9";
}

.fa-circle-arrow-down-right {
  --fa: "\e0fa";
}

.fa-circle-arrow-up-left {
  --fa: "\e0fb";
}

.fa-circle-arrow-up-right {
  --fa: "\e0fc";
}

.fa-circle-b {
  --fa: "\e0fd";
}

.fa-circle-bolt {
  --fa: "\e0fe";
}

.fa-circle-book-open {
  --fa: "\e0ff";
}

.fa-book-circle {
  --fa: "\e0ff";
}

.fa-circle-bookmark {
  --fa: "\e100";
}

.fa-bookmark-circle {
  --fa: "\e100";
}

.fa-circle-c {
  --fa: "\e101";
}

.fa-circle-calendar {
  --fa: "\e102";
}

.fa-calendar-circle {
  --fa: "\e102";
}

.fa-circle-camera {
  --fa: "\e103";
}

.fa-camera-circle {
  --fa: "\e103";
}

.fa-circle-d {
  --fa: "\e104";
}

.fa-circle-dashed {
  --fa: "\e105";
}

.fa-circle-divide {
  --fa: "\e106";
}

.fa-circle-down-left {
  --fa: "\e107";
}

.fa-circle-down-right {
  --fa: "\e108";
}

.fa-circle-e {
  --fa: "\e109";
}

.fa-circle-ellipsis {
  --fa: "\e10a";
}

.fa-circle-ellipsis-vertical {
  --fa: "\e10b";
}

.fa-circle-envelope {
  --fa: "\e10c";
}

.fa-envelope-circle {
  --fa: "\e10c";
}

.fa-circle-exclamation-check {
  --fa: "\e10d";
}

.fa-circle-f {
  --fa: "\e10e";
}

.fa-circle-g {
  --fa: "\e10f";
}

.fa-circle-half {
  --fa: "\e110";
}

.fa-circle-i {
  --fa: "\e111";
}

.fa-circle-j {
  --fa: "\e112";
}

.fa-circle-k {
  --fa: "\e113";
}

.fa-circle-l {
  --fa: "\e114";
}

.fa-circle-m {
  --fa: "\e115";
}

.fa-circle-microphone {
  --fa: "\e116";
}

.fa-microphone-circle {
  --fa: "\e116";
}

.fa-circle-microphone-lines {
  --fa: "\e117";
}

.fa-microphone-circle-alt {
  --fa: "\e117";
}

.fa-circle-n {
  --fa: "\e118";
}

.fa-circle-o {
  --fa: "\e119";
}

.fa-circle-p {
  --fa: "\e11a";
}

.fa-circle-phone {
  --fa: "\e11b";
}

.fa-phone-circle {
  --fa: "\e11b";
}

.fa-circle-phone-flip {
  --fa: "\e11c";
}

.fa-phone-circle-alt {
  --fa: "\e11c";
}

.fa-circle-phone-hangup {
  --fa: "\e11d";
}

.fa-phone-circle-down {
  --fa: "\e11d";
}

.fa-circle-q {
  --fa: "\e11e";
}

.fa-circle-quarter {
  --fa: "\e11f";
}

.fa-circle-r {
  --fa: "\e120";
}

.fa-circle-s {
  --fa: "\e121";
}

.fa-circle-small {
  --fa: "\e122";
}

.fa-circle-star {
  --fa: "\e123";
}

.fa-star-circle {
  --fa: "\e123";
}

.fa-circle-t {
  --fa: "\e124";
}

.fa-circle-three-quarters {
  --fa: "\e125";
}

.fa-circle-trash {
  --fa: "\e126";
}

.fa-trash-circle {
  --fa: "\e126";
}

.fa-circle-u {
  --fa: "\e127";
}

.fa-circle-up-left {
  --fa: "\e128";
}

.fa-circle-up-right {
  --fa: "\e129";
}

.fa-circle-v {
  --fa: "\e12a";
}

.fa-circle-video {
  --fa: "\e12b";
}

.fa-video-circle {
  --fa: "\e12b";
}

.fa-circle-w {
  --fa: "\e12c";
}

.fa-circle-waveform-lines {
  --fa: "\e12d";
}

.fa-waveform-circle {
  --fa: "\e12d";
}

.fa-circle-x {
  --fa: "\e12e";
}

.fa-circle-y {
  --fa: "\e12f";
}

.fa-circle-z {
  --fa: "\e130";
}

.fa-clapperboard {
  --fa: "\e131";
}

.fa-clapperboard-play {
  --fa: "\e132";
}

.fa-clipboard-medical {
  --fa: "\e133";
}

.fa-clock-desk {
  --fa: "\e134";
}

.fa-closed-captioning-slash {
  --fa: "\e135";
}

.fa-clothes-hanger {
  --fa: "\e136";
}

.fa-cloud-slash {
  --fa: "\e137";
}

.fa-cloud-word {
  --fa: "\e138";
}

.fa-clover {
  --fa: "\e139";
}

.fa-code-compare {
  --fa: "\e13a";
}

.fa-code-fork {
  --fa: "\e13b";
}

.fa-code-pull-request {
  --fa: "\e13c";
}

.fa-code-simple {
  --fa: "\e13d";
}

.fa-coffee-bean {
  --fa: "\e13e";
}

.fa-coffee-beans {
  --fa: "\e13f";
}

.fa-colon-sign {
  --fa: "\e140";
}

.fa-command {
  --fa: "\e142";
}

.fa-comment-arrow-down {
  --fa: "\e143";
}

.fa-comment-arrow-up {
  --fa: "\e144";
}

.fa-comment-arrow-up-right {
  --fa: "\e145";
}

.fa-comment-captions {
  --fa: "\e146";
}

.fa-comment-code {
  --fa: "\e147";
}

.fa-comment-image {
  --fa: "\e148";
}

.fa-comment-middle {
  --fa: "\e149";
}

.fa-comment-middle-top {
  --fa: "\e14a";
}

.fa-comment-question {
  --fa: "\e14b";
}

.fa-comment-quote {
  --fa: "\e14c";
}

.fa-comment-text {
  --fa: "\e14d";
}

.fa-comments-question {
  --fa: "\e14e";
}

.fa-comments-question-check {
  --fa: "\e14f";
}

.fa-conveyor-belt-empty {
  --fa: "\e150";
}

.fa-crate-empty {
  --fa: "\e151";
}

.fa-cruzeiro-sign {
  --fa: "\e152";
}

.fa-delete-right {
  --fa: "\e154";
}

.fa-desktop-arrow-down {
  --fa: "\e155";
}

.fa-diagram-lean-canvas {
  --fa: "\e156";
}

.fa-diagram-nested {
  --fa: "\e157";
}

.fa-diagram-sankey {
  --fa: "\e158";
}

.fa-diagram-venn {
  --fa: "\e15a";
}

.fa-dial {
  --fa: "\e15b";
}

.fa-dial-med-high {
  --fa: "\e15b";
}

.fa-dial-high {
  --fa: "\e15c";
}

.fa-dial-low {
  --fa: "\e15d";
}

.fa-dial-max {
  --fa: "\e15e";
}

.fa-dial-med {
  --fa: "\e15f";
}

.fa-dial-med-low {
  --fa: "\e160";
}

.fa-dial-min {
  --fa: "\e161";
}

.fa-dial-off {
  --fa: "\e162";
}

.fa-display {
  --fa: "\e163";
}

.fa-display-arrow-down {
  --fa: "\e164";
}

.fa-display-code {
  --fa: "\e165";
}

.fa-desktop-code {
  --fa: "\e165";
}

.fa-display-medical {
  --fa: "\e166";
}

.fa-desktop-medical {
  --fa: "\e166";
}

.fa-dolphin {
  --fa: "\e168";
}

.fa-dong-sign {
  --fa: "\e169";
}

.fa-down-left {
  --fa: "\e16a";
}

.fa-down-right {
  --fa: "\e16b";
}

.fa-eggplant {
  --fa: "\e16c";
}

.fa-elevator {
  --fa: "\e16d";
}

.fa-engine {
  --fa: "\e16e";
}

.fa-envelope-dot {
  --fa: "\e16f";
}

.fa-envelope-badge {
  --fa: "\e16f";
}

.fa-envelopes {
  --fa: "\e170";
}

.fa-escalator {
  --fa: "\e171";
}

.fa-eye-dropper-full {
  --fa: "\e172";
}

.fa-eye-dropper-half {
  --fa: "\e173";
}

.fa-ferris-wheel {
  --fa: "\e174";
}

.fa-file-binary {
  --fa: "\e175";
}

.fa-file-heart {
  --fa: "\e176";
}

.fa-file-plus-minus {
  --fa: "\e177";
}

.fa-files {
  --fa: "\e178";
}

.fa-film-slash {
  --fa: "\e179";
}

.fa-films {
  --fa: "\e17a";
}

.fa-filter-circle-xmark {
  --fa: "\e17b";
}

.fa-filter-list {
  --fa: "\e17c";
}

.fa-filter-slash {
  --fa: "\e17d";
}

.fa-filters {
  --fa: "\e17e";
}

.fa-fire-hydrant {
  --fa: "\e17f";
}

.fa-floppy-disk-circle-arrow-right {
  --fa: "\e180";
}

.fa-save-circle-arrow-right {
  --fa: "\e180";
}

.fa-floppy-disk-circle-xmark {
  --fa: "\e181";
}

.fa-floppy-disk-times {
  --fa: "\e181";
}

.fa-save-circle-xmark {
  --fa: "\e181";
}

.fa-save-times {
  --fa: "\e181";
}

.fa-floppy-disk-pen {
  --fa: "\e182";
}

.fa-floppy-disks {
  --fa: "\e183";
}

.fa-florin-sign {
  --fa: "\e184";
}

.fa-folder-closed {
  --fa: "\e185";
}

.fa-folder-bookmark {
  --fa: "\e186";
}

.fa-folder-gear {
  --fa: "\e187";
}

.fa-folder-cog {
  --fa: "\e187";
}

.fa-folder-grid {
  --fa: "\e188";
}

.fa-folder-heart {
  --fa: "\e189";
}

.fa-folder-image {
  --fa: "\e18a";
}

.fa-folder-magnifying-glass {
  --fa: "\e18b";
}

.fa-folder-search {
  --fa: "\e18b";
}

.fa-folder-medical {
  --fa: "\e18c";
}

.fa-folder-music {
  --fa: "\e18d";
}

.fa-folder-user {
  --fa: "\e18e";
}

.fa-franc-sign {
  --fa: "\e18f";
}

.fa-gif {
  --fa: "\e190";
}

.fa-glass-empty {
  --fa: "\e191";
}

.fa-glass-half {
  --fa: "\e192";
}

.fa-glass-half-empty {
  --fa: "\e192";
}

.fa-glass-half-full {
  --fa: "\e192";
}

.fa-grate {
  --fa: "\e193";
}

.fa-grate-droplet {
  --fa: "\e194";
}

.fa-grid {
  --fa: "\e195";
}

.fa-grid-3 {
  --fa: "\e195";
}

.fa-grid-2 {
  --fa: "\e196";
}

.fa-grid-2-plus {
  --fa: "\e197";
}

.fa-grid-4 {
  --fa: "\e198";
}

.fa-grid-5 {
  --fa: "\e199";
}

.fa-guarani-sign {
  --fa: "\e19a";
}

.fa-gun {
  --fa: "\e19b";
}

.fa-gun-slash {
  --fa: "\e19c";
}

.fa-gun-squirt {
  --fa: "\e19d";
}

.fa-hand-back-point-down {
  --fa: "\e19e";
}

.fa-hand-back-point-left {
  --fa: "\e19f";
}

.fa-hand-back-point-ribbon {
  --fa: "\e1a0";
}

.fa-hand-back-point-right {
  --fa: "\e1a1";
}

.fa-hand-back-point-up {
  --fa: "\e1a2";
}

.fa-hand-fingers-crossed {
  --fa: "\e1a3";
}

.fa-hand-holding-skull {
  --fa: "\e1a4";
}

.fa-hand-love {
  --fa: "\e1a5";
}

.fa-hand-point-ribbon {
  --fa: "\e1a6";
}

.fa-hand-wave {
  --fa: "\e1a7";
}

.fa-hands-clapping {
  --fa: "\e1a8";
}

.fa-hand-horns {
  --fa: "\e1a9";
}

.fa-head-side-heart {
  --fa: "\e1aa";
}

.fa-heart-half {
  --fa: "\e1ab";
}

.fa-heart-half-stroke {
  --fa: "\e1ac";
}

.fa-heart-half-alt {
  --fa: "\e1ac";
}

.fa-hexagon-divide {
  --fa: "\e1ad";
}

.fa-high-definition {
  --fa: "\e1ae";
}

.fa-rectangle-hd {
  --fa: "\e1ae";
}

.fa-highlighter-line {
  --fa: "\e1af";
}

.fa-house-user {
  --fa: "\e1b0";
}

.fa-home-user {
  --fa: "\e1b0";
}

.fa-house-building {
  --fa: "\e1b1";
}

.fa-house-chimney-heart {
  --fa: "\e1b2";
}

.fa-house-tree {
  --fa: "\e1b3";
}

.fa-house-turret {
  --fa: "\e1b4";
}

.fa-image-landscape {
  --fa: "\e1b5";
}

.fa-landscape {
  --fa: "\e1b5";
}

.fa-image-polaroid-user {
  --fa: "\e1b6";
}

.fa-image-slash {
  --fa: "\e1b7";
}

.fa-image-user {
  --fa: "\e1b8";
}

.fa-images-user {
  --fa: "\e1b9";
}

.fa-inbox-full {
  --fa: "\e1ba";
}

.fa-inboxes {
  --fa: "\e1bb";
}

.fa-indian-rupee-sign {
  --fa: "\e1bc";
}

.fa-indian-rupee {
  --fa: "\e1bc";
}

.fa-inr {
  --fa: "\e1bc";
}

.fa-input-numeric {
  --fa: "\e1bd";
}

.fa-input-pipe {
  --fa: "\e1be";
}

.fa-input-text {
  --fa: "\e1bf";
}

.fa-keyboard-brightness {
  --fa: "\e1c0";
}

.fa-keyboard-brightness-low {
  --fa: "\e1c1";
}

.fa-keyboard-down {
  --fa: "\e1c2";
}

.fa-keyboard-left {
  --fa: "\e1c3";
}

.fa-kip-sign {
  --fa: "\e1c4";
}

.fa-lamp-street {
  --fa: "\e1c5";
}

.fa-laptop-arrow-down {
  --fa: "\e1c6";
}

.fa-laptop-slash {
  --fa: "\e1c7";
}

.fa-lari-sign {
  --fa: "\e1c8";
}

.fa-lasso-sparkles {
  --fa: "\e1c9";
}

.fa-lightbulb-exclamation-on {
  --fa: "\e1ca";
}

.fa-link-horizontal {
  --fa: "\e1cb";
}

.fa-chain-horizontal {
  --fa: "\e1cb";
}

.fa-link-horizontal-slash {
  --fa: "\e1cc";
}

.fa-chain-horizontal-slash {
  --fa: "\e1cc";
}

.fa-link-simple {
  --fa: "\e1cd";
}

.fa-link-simple-slash {
  --fa: "\e1ce";
}

.fa-list-dropdown {
  --fa: "\e1cf";
}

.fa-list-radio {
  --fa: "\e1d0";
}

.fa-list-timeline {
  --fa: "\e1d1";
}

.fa-list-tree {
  --fa: "\e1d2";
}

.fa-litecoin-sign {
  --fa: "\e1d3";
}

.fa-loader {
  --fa: "\e1d4";
}

.fa-manat-sign {
  --fa: "\e1d5";
}

.fa-manhole {
  --fa: "\e1d6";
}

.fa-mask-face {
  --fa: "\e1d7";
}

.fa-memo {
  --fa: "\e1d8";
}

.fa-memo-circle-check {
  --fa: "\e1d9";
}

.fa-memo-pad {
  --fa: "\e1da";
}

.fa-message-arrow-down {
  --fa: "\e1db";
}

.fa-comment-alt-arrow-down {
  --fa: "\e1db";
}

.fa-message-arrow-up {
  --fa: "\e1dc";
}

.fa-comment-alt-arrow-up {
  --fa: "\e1dc";
}

.fa-message-arrow-up-right {
  --fa: "\e1dd";
}

.fa-message-captions {
  --fa: "\e1de";
}

.fa-comment-alt-captions {
  --fa: "\e1de";
}

.fa-message-code {
  --fa: "\e1df";
}

.fa-message-image {
  --fa: "\e1e0";
}

.fa-comment-alt-image {
  --fa: "\e1e0";
}

.fa-message-middle {
  --fa: "\e1e1";
}

.fa-comment-middle-alt {
  --fa: "\e1e1";
}

.fa-message-middle-top {
  --fa: "\e1e2";
}

.fa-comment-middle-top-alt {
  --fa: "\e1e2";
}

.fa-message-question {
  --fa: "\e1e3";
}

.fa-message-quote {
  --fa: "\e1e4";
}

.fa-comment-alt-quote {
  --fa: "\e1e4";
}

.fa-message-sms {
  --fa: "\e1e5";
}

.fa-message-text {
  --fa: "\e1e6";
}

.fa-comment-alt-text {
  --fa: "\e1e6";
}

.fa-messages-question {
  --fa: "\e1e7";
}

.fa-meter {
  --fa: "\e1e8";
}

.fa-meter-bolt {
  --fa: "\e1e9";
}

.fa-meter-droplet {
  --fa: "\e1ea";
}

.fa-meter-fire {
  --fa: "\e1eb";
}

.fa-microchip-ai {
  --fa: "\e1ec";
}

.fa-mill-sign {
  --fa: "\e1ed";
}

.fa-mobile-notch {
  --fa: "\e1ee";
}

.fa-mobile-iphone {
  --fa: "\e1ee";
}

.fa-mobile-signal {
  --fa: "\e1ef";
}

.fa-mobile-signal-out {
  --fa: "\e1f0";
}

.fa-money-bill-simple {
  --fa: "\e1f1";
}

.fa-money-bill-simple-wave {
  --fa: "\e1f2";
}

.fa-money-bills {
  --fa: "\e1f3";
}

.fa-money-bills-simple {
  --fa: "\e1f4";
}

.fa-money-bills-alt {
  --fa: "\e1f4";
}

.fa-mug-tea-saucer {
  --fa: "\e1f5";
}

.fa-naira-sign {
  --fa: "\e1f6";
}

.fa-nfc {
  --fa: "\e1f7";
}

.fa-nfc-lock {
  --fa: "\e1f8";
}

.fa-nfc-magnifying-glass {
  --fa: "\e1f9";
}

.fa-nfc-pen {
  --fa: "\e1fa";
}

.fa-nfc-signal {
  --fa: "\e1fb";
}

.fa-nfc-slash {
  --fa: "\e1fc";
}

.fa-nfc-trash {
  --fa: "\e1fd";
}

.fa-notdef {
  --fa: "\e1fe";
}

.fa-note {
  --fa: "\e1ff";
}

.fa-note-medical {
  --fa: "\e200";
}

.fa-notebook {
  --fa: "\e201";
}

.fa-notes {
  --fa: "\e202";
}

.fa-octagon-divide {
  --fa: "\e203";
}

.fa-octagon-exclamation {
  --fa: "\e204";
}

.fa-oil-can-drip {
  --fa: "\e205";
}

.fa-paintbrush-pencil {
  --fa: "\e206";
}

.fa-pallet-box {
  --fa: "\e208";
}

.fa-panorama {
  --fa: "\e209";
}

.fa-paper-plane-top {
  --fa: "\e20a";
}

.fa-paper-plane-alt {
  --fa: "\e20a";
}

.fa-send {
  --fa: "\e20a";
}

.fa-peach {
  --fa: "\e20b";
}

.fa-pear {
  --fa: "\e20c";
}

.fa-pedestal {
  --fa: "\e20d";
}

.fa-pen-circle {
  --fa: "\e20e";
}

.fa-pen-clip-slash {
  --fa: "\e20f";
}

.fa-pen-alt-slash {
  --fa: "\e20f";
}

.fa-pen-fancy-slash {
  --fa: "\e210";
}

.fa-pen-field {
  --fa: "\e211";
}

.fa-pen-line {
  --fa: "\e212";
}

.fa-pen-slash {
  --fa: "\e213";
}

.fa-pen-swirl {
  --fa: "\e214";
}

.fa-pencil-slash {
  --fa: "\e215";
}

.fa-people {
  --fa: "\e216";
}

.fa-people-dress {
  --fa: "\e217";
}

.fa-people-dress-simple {
  --fa: "\e218";
}

.fa-people-pants {
  --fa: "\e219";
}

.fa-people-pants-simple {
  --fa: "\e21a";
}

.fa-people-simple {
  --fa: "\e21b";
}

.fa-person-dress-simple {
  --fa: "\e21c";
}

.fa-person-pinball {
  --fa: "\e21d";
}

.fa-person-seat {
  --fa: "\e21e";
}

.fa-person-seat-reclined {
  --fa: "\e21f";
}

.fa-person-simple {
  --fa: "\e220";
}

.fa-peseta-sign {
  --fa: "\e221";
}

.fa-peso-sign {
  --fa: "\e222";
}

.fa-phone-arrow-down-left {
  --fa: "\e223";
}

.fa-phone-arrow-down {
  --fa: "\e223";
}

.fa-phone-incoming {
  --fa: "\e223";
}

.fa-phone-arrow-up-right {
  --fa: "\e224";
}

.fa-phone-arrow-up {
  --fa: "\e224";
}

.fa-phone-outgoing {
  --fa: "\e224";
}

.fa-phone-hangup {
  --fa: "\e225";
}

.fa-phone-missed {
  --fa: "\e226";
}

.fa-phone-xmark {
  --fa: "\e227";
}

.fa-photo-film-music {
  --fa: "\e228";
}

.fa-pinball {
  --fa: "\e229";
}

.fa-plane-prop {
  --fa: "\e22b";
}

.fa-plane-tail {
  --fa: "\e22c";
}

.fa-plane-up {
  --fa: "\e22d";
}

.fa-plane-up-slash {
  --fa: "\e22e";
}

.fa-play-pause {
  --fa: "\e22f";
}

.fa-puzzle-piece-simple {
  --fa: "\e231";
}

.fa-puzzle-piece-alt {
  --fa: "\e231";
}

.fa-quotes {
  --fa: "\e234";
}

.fa-rectangle-pro {
  --fa: "\e235";
}

.fa-pro {
  --fa: "\e235";
}

.fa-rectangle-terminal {
  --fa: "\e236";
}

.fa-rectangle-vertical-history {
  --fa: "\e237";
}

.fa-reel {
  --fa: "\e238";
}

.fa-reply-clock {
  --fa: "\e239";
}

.fa-reply-time {
  --fa: "\e239";
}

.fa-restroom-simple {
  --fa: "\e23a";
}

.fa-rhombus {
  --fa: "\e23b";
}

.fa-rotate-exclamation {
  --fa: "\e23c";
}

.fa-rupiah-sign {
  --fa: "\e23d";
}

.fa-screencast {
  --fa: "\e23e";
}

.fa-scribble {
  --fa: "\e23f";
}

.fa-sd-cards {
  --fa: "\e240";
}

.fa-seal {
  --fa: "\e241";
}

.fa-seal-exclamation {
  --fa: "\e242";
}

.fa-seal-question {
  --fa: "\e243";
}

.fa-seat-airline {
  --fa: "\e244";
}

.fa-shelves-empty {
  --fa: "\e246";
}

.fa-shield-exclamation {
  --fa: "\e247";
}

.fa-shield-keyhole {
  --fa: "\e248";
}

.fa-shield-minus {
  --fa: "\e249";
}

.fa-shield-plus {
  --fa: "\e24a";
}

.fa-shield-slash {
  --fa: "\e24b";
}

.fa-shield-xmark {
  --fa: "\e24c";
}

.fa-shield-times {
  --fa: "\e24c";
}

.fa-shower-down {
  --fa: "\e24d";
}

.fa-shower-alt {
  --fa: "\e24d";
}

.fa-sidebar {
  --fa: "\e24e";
}

.fa-sidebar-flip {
  --fa: "\e24f";
}

.fa-signal-stream-slash {
  --fa: "\e250";
}

.fa-sim-cards {
  --fa: "\e251";
}

.fa-slider {
  --fa: "\e252";
}

.fa-sliders-simple {
  --fa: "\e253";
}

.fa-split {
  --fa: "\e254";
}

.fa-square-0 {
  --fa: "\e255";
}

.fa-square-1 {
  --fa: "\e256";
}

.fa-square-2 {
  --fa: "\e257";
}

.fa-square-3 {
  --fa: "\e258";
}

.fa-square-4 {
  --fa: "\e259";
}

.fa-square-5 {
  --fa: "\e25a";
}

.fa-square-6 {
  --fa: "\e25b";
}

.fa-square-7 {
  --fa: "\e25c";
}

.fa-square-8 {
  --fa: "\e25d";
}

.fa-square-9 {
  --fa: "\e25e";
}

.fa-square-a {
  --fa: "\e25f";
}

.fa-square-ampersand {
  --fa: "\e260";
}

.fa-square-arrow-down-left {
  --fa: "\e261";
}

.fa-square-arrow-down-right {
  --fa: "\e262";
}

.fa-square-arrow-up-left {
  --fa: "\e263";
}

.fa-square-b {
  --fa: "\e264";
}

.fa-square-bolt {
  --fa: "\e265";
}

.fa-square-c {
  --fa: "\e266";
}

.fa-square-code {
  --fa: "\e267";
}

.fa-square-d {
  --fa: "\e268";
}

.fa-square-dashed {
  --fa: "\e269";
}

.fa-square-divide {
  --fa: "\e26a";
}

.fa-square-down-left {
  --fa: "\e26b";
}

.fa-square-down-right {
  --fa: "\e26c";
}

.fa-square-e {
  --fa: "\e26d";
}

.fa-square-ellipsis {
  --fa: "\e26e";
}

.fa-square-ellipsis-vertical {
  --fa: "\e26f";
}

.fa-square-f {
  --fa: "\e270";
}

.fa-square-g {
  --fa: "\e271";
}

.fa-square-i {
  --fa: "\e272";
}

.fa-square-j {
  --fa: "\e273";
}

.fa-square-k {
  --fa: "\e274";
}

.fa-square-l {
  --fa: "\e275";
}

.fa-square-m {
  --fa: "\e276";
}

.fa-square-n {
  --fa: "\e277";
}

.fa-square-o {
  --fa: "\e278";
}

.fa-square-p {
  --fa: "\e279";
}

.fa-square-phone-hangup {
  --fa: "\e27a";
}

.fa-phone-square-down {
  --fa: "\e27a";
}

.fa-square-q {
  --fa: "\e27b";
}

.fa-square-r {
  --fa: "\e27c";
}

.fa-square-s {
  --fa: "\e27d";
}

.fa-square-small {
  --fa: "\e27e";
}

.fa-square-star {
  --fa: "\e27f";
}

.fa-square-t {
  --fa: "\e280";
}

.fa-square-u {
  --fa: "\e281";
}

.fa-square-up-left {
  --fa: "\e282";
}

.fa-square-user {
  --fa: "\e283";
}

.fa-square-v {
  --fa: "\e284";
}

.fa-square-w {
  --fa: "\e285";
}

.fa-square-x {
  --fa: "\e286";
}

.fa-square-y {
  --fa: "\e287";
}

.fa-square-z {
  --fa: "\e288";
}

.fa-stairs {
  --fa: "\e289";
}

.fa-standard-definition {
  --fa: "\e28a";
}

.fa-rectangle-sd {
  --fa: "\e28a";
}

.fa-star-sharp {
  --fa: "\e28b";
}

.fa-star-sharp-half {
  --fa: "\e28c";
}

.fa-star-sharp-half-stroke {
  --fa: "\e28d";
}

.fa-star-sharp-half-alt {
  --fa: "\e28d";
}

.fa-starfighter-twin-ion-engine-advanced {
  --fa: "\e28e";
}

.fa-starfighter-alt-advanced {
  --fa: "\e28e";
}

.fa-sun-bright {
  --fa: "\e28f";
}

.fa-sun-alt {
  --fa: "\e28f";
}

.fa-table-layout {
  --fa: "\e290";
}

.fa-table-pivot {
  --fa: "\e291";
}

.fa-table-rows {
  --fa: "\e292";
}

.fa-rows {
  --fa: "\e292";
}

.fa-table-tree {
  --fa: "\e293";
}

.fa-tally-1 {
  --fa: "\e294";
}

.fa-tally-2 {
  --fa: "\e295";
}

.fa-tally-3 {
  --fa: "\e296";
}

.fa-tally-4 {
  --fa: "\e297";
}

.fa-taxi-bus {
  --fa: "\e298";
}

.fa-temperature-list {
  --fa: "\e299";
}

.fa-ticket-airline {
  --fa: "\e29a";
}

.fa-ticket-perforated-plane {
  --fa: "\e29a";
}

.fa-ticket-plane {
  --fa: "\e29a";
}

.fa-tickets-airline {
  --fa: "\e29b";
}

.fa-tickets-perforated-plane {
  --fa: "\e29b";
}

.fa-tickets-plane {
  --fa: "\e29b";
}

.fa-timeline {
  --fa: "\e29c";
}

.fa-timeline-arrow {
  --fa: "\e29d";
}

.fa-timer {
  --fa: "\e29e";
}

.fa-toilet-paper-under {
  --fa: "\e2a0";
}

.fa-toilet-paper-blank-under {
  --fa: "\e2a0";
}

.fa-toilet-paper-reverse {
  --fa: "\e2a0";
}

.fa-toilet-paper-reverse-alt {
  --fa: "\e2a0";
}

.fa-toilet-paper-under-slash {
  --fa: "\e2a1";
}

.fa-toilet-paper-reverse-slash {
  --fa: "\e2a1";
}

.fa-tower-control {
  --fa: "\e2a2";
}

.fa-train-subway-tunnel {
  --fa: "\e2a3";
}

.fa-subway-tunnel {
  --fa: "\e2a3";
}

.fa-transformer-bolt {
  --fa: "\e2a4";
}

.fa-transporter-4 {
  --fa: "\e2a5";
}

.fa-transporter-5 {
  --fa: "\e2a6";
}

.fa-transporter-6 {
  --fa: "\e2a7";
}

.fa-transporter-7 {
  --fa: "\e2a8";
}

.fa-trash-can-check {
  --fa: "\e2a9";
}

.fa-trash-can-clock {
  --fa: "\e2aa";
}

.fa-trash-can-list {
  --fa: "\e2ab";
}

.fa-trash-can-plus {
  --fa: "\e2ac";
}

.fa-trash-can-slash {
  --fa: "\e2ad";
}

.fa-trash-alt-slash {
  --fa: "\e2ad";
}

.fa-trash-can-xmark {
  --fa: "\e2ae";
}

.fa-trash-check {
  --fa: "\e2af";
}

.fa-trash-clock {
  --fa: "\e2b0";
}

.fa-trash-list {
  --fa: "\e2b1";
}

.fa-trash-plus {
  --fa: "\e2b2";
}

.fa-trash-slash {
  --fa: "\e2b3";
}

.fa-trash-xmark {
  --fa: "\e2b4";
}

.fa-truck-container-empty {
  --fa: "\e2b5";
}

.fa-truck-flatbed {
  --fa: "\e2b6";
}

.fa-truck-front {
  --fa: "\e2b7";
}

.fa-truck-tow {
  --fa: "\e2b8";
}

.fa-tty-answer {
  --fa: "\e2b9";
}

.fa-teletype-answer {
  --fa: "\e2b9";
}

.fa-tugrik-sign {
  --fa: "\e2ba";
}

.fa-turkish-lira-sign {
  --fa: "\e2bb";
}

.fa-try {
  --fa: "\e2bb";
}

.fa-turkish-lira {
  --fa: "\e2bb";
}

.fa-umbrella-simple {
  --fa: "\e2bc";
}

.fa-umbrella-alt {
  --fa: "\e2bc";
}

.fa-up-left {
  --fa: "\e2bd";
}

.fa-up-right {
  --fa: "\e2be";
}

.fa-user-bounty-hunter {
  --fa: "\e2bf";
}

.fa-user-pilot {
  --fa: "\e2c0";
}

.fa-user-pilot-tie {
  --fa: "\e2c1";
}

.fa-user-shakespeare {
  --fa: "\e2c2";
}

.fa-utility-pole {
  --fa: "\e2c3";
}

.fa-utility-pole-double {
  --fa: "\e2c4";
}

.fa-vault {
  --fa: "\e2c5";
}

.fa-video-arrow-down-left {
  --fa: "\e2c8";
}

.fa-video-arrow-up-right {
  --fa: "\e2c9";
}

.fa-wand-magic-sparkles {
  --fa: "\e2ca";
}

.fa-magic-wand-sparkles {
  --fa: "\e2ca";
}

.fa-watch-apple {
  --fa: "\e2cb";
}

.fa-watch-smart {
  --fa: "\e2cc";
}

.fa-wheat-awn {
  --fa: "\e2cd";
}

.fa-wheat-alt {
  --fa: "\e2cd";
}

.fa-wheelchair-move {
  --fa: "\e2ce";
}

.fa-wheelchair-alt {
  --fa: "\e2ce";
}

.fa-wifi-exclamation {
  --fa: "\e2cf";
}

.fa-wrench-simple {
  --fa: "\e2d1";
}

.fa-robot-astromech {
  --fa: "\e2d2";
}

.fa-360-degrees {
  --fa: "\e2dc";
}

.fa-aperture {
  --fa: "\e2df";
}

.fa-arrow-turn-down-left {
  --fa: "\e2e1";
}

.fa-balloon {
  --fa: "\e2e3";
}

.fa-balloons {
  --fa: "\e2e4";
}

.fa-banana {
  --fa: "\e2e5";
}

.fa-bangladeshi-taka-sign {
  --fa: "\e2e6";
}

.fa-bench-tree {
  --fa: "\e2e7";
}

.fa-blueberries {
  --fa: "\e2e8";
}

.fa-bowl-chopsticks {
  --fa: "\e2e9";
}

.fa-bowl-chopsticks-noodles {
  --fa: "\e2ea";
}

.fa-bowl-rice {
  --fa: "\e2eb";
}

.fa-briefcase-arrow-right {
  --fa: "\e2f2";
}

.fa-citrus {
  --fa: "\e2f4";
}

.fa-citrus-slice {
  --fa: "\e2f5";
}

.fa-coconut {
  --fa: "\e2f6";
}

.fa-display-slash {
  --fa: "\e2fa";
}

.fa-desktop-slash {
  --fa: "\e2fa";
}

.fa-face-explode {
  --fa: "\e2fe";
}

.fa-exploding-head {
  --fa: "\e2fe";
}

.fa-face-viewfinder {
  --fa: "\e2ff";
}

.fa-family {
  --fa: "\e300";
}

.fa-family-dress {
  --fa: "\e301";
}

.fa-family-pants {
  --fa: "\e302";
}

.fa-fence {
  --fa: "\e303";
}

.fa-fish-bones {
  --fa: "\e304";
}

.fa-grapes {
  --fa: "\e306";
}

.fa-kiwi-fruit {
  --fa: "\e30c";
}

.fa-mango {
  --fa: "\e30f";
}

.fa-melon {
  --fa: "\e310";
}

.fa-melon-slice {
  --fa: "\e311";
}

.fa-money-from-bracket {
  --fa: "\e312";
}

.fa-money-simple-from-bracket {
  --fa: "\e313";
}

.fa-olive {
  --fa: "\e316";
}

.fa-olive-branch {
  --fa: "\e317";
}

.fa-option {
  --fa: "\e318";
}

.fa-party-bell {
  --fa: "\e31a";
}

.fa-party-horn {
  --fa: "\e31b";
}

.fa-peapod {
  --fa: "\e31c";
}

.fa-person-pregnant {
  --fa: "\e31e";
}

.fa-pineapple {
  --fa: "\e31f";
}

.fa-rectangle-code {
  --fa: "\e322";
}

.fa-rectangles-mixed {
  --fa: "\e323";
}

.fa-roller-coaster {
  --fa: "\e324";
}

.fa-square-quote {
  --fa: "\e329";
}

.fa-square-terminal {
  --fa: "\e32a";
}

.fa-strawberry {
  --fa: "\e32b";
}

.fa-table-picnic {
  --fa: "\e32d";
}

.fa-thought-bubble {
  --fa: "\e32e";
}

.fa-tick {
  --fa: "\e32f";
}

.fa-tomato {
  --fa: "\e330";
}

.fa-turn-down-left {
  --fa: "\e331";
}

.fa-user-police {
  --fa: "\e333";
}

.fa-user-police-tie {
  --fa: "\e334";
}

.fa-watermelon-slice {
  --fa: "\e337";
}

.fa-wheat-awn-slash {
  --fa: "\e338";
}

.fa-wheat-slash {
  --fa: "\e339";
}

.fa-badminton {
  --fa: "\e33a";
}

.fa-binary {
  --fa: "\e33b";
}

.fa-binary-circle-check {
  --fa: "\e33c";
}

.fa-binary-lock {
  --fa: "\e33d";
}

.fa-binary-slash {
  --fa: "\e33e";
}

.fa-boot-heeled {
  --fa: "\e33f";
}

.fa-car-bolt {
  --fa: "\e341";
}

.fa-car-circle-bolt {
  --fa: "\e342";
}

.fa-car-mirrors {
  --fa: "\e343";
}

.fa-car-side-bolt {
  --fa: "\e344";
}

.fa-clock-eight {
  --fa: "\e345";
}

.fa-clock-eight-thirty {
  --fa: "\e346";
}

.fa-clock-eleven {
  --fa: "\e347";
}

.fa-clock-eleven-thirty {
  --fa: "\e348";
}

.fa-clock-five {
  --fa: "\e349";
}

.fa-clock-five-thirty {
  --fa: "\e34a";
}

.fa-clock-four-thirty {
  --fa: "\e34b";
}

.fa-clock-nine {
  --fa: "\e34c";
}

.fa-clock-nine-thirty {
  --fa: "\e34d";
}

.fa-clock-one {
  --fa: "\e34e";
}

.fa-clock-one-thirty {
  --fa: "\e34f";
}

.fa-clock-seven {
  --fa: "\e350";
}

.fa-clock-seven-thirty {
  --fa: "\e351";
}

.fa-clock-six {
  --fa: "\e352";
}

.fa-clock-six-thirty {
  --fa: "\e353";
}

.fa-clock-ten {
  --fa: "\e354";
}

.fa-clock-ten-thirty {
  --fa: "\e355";
}

.fa-clock-three {
  --fa: "\e356";
}

.fa-clock-three-thirty {
  --fa: "\e357";
}

.fa-clock-twelve {
  --fa: "\e358";
}

.fa-clock-twelve-thirty {
  --fa: "\e359";
}

.fa-clock-two {
  --fa: "\e35a";
}

.fa-clock-two-thirty {
  --fa: "\e35b";
}

.fa-cloud-check {
  --fa: "\e35c";
}

.fa-cloud-minus {
  --fa: "\e35d";
}

.fa-cloud-plus {
  --fa: "\e35e";
}

.fa-cloud-xmark {
  --fa: "\e35f";
}

.fa-columns-3 {
  --fa: "\e361";
}

.fa-crystal-ball {
  --fa: "\e362";
}

.fa-cup-straw {
  --fa: "\e363";
}

.fa-cup-straw-swoosh {
  --fa: "\e364";
}

.fa-distribute-spacing-horizontal {
  --fa: "\e365";
}

.fa-distribute-spacing-vertical {
  --fa: "\e366";
}

.fa-eyes {
  --fa: "\e367";
}

.fa-face-angry-horns {
  --fa: "\e368";
}

.fa-face-anguished {
  --fa: "\e369";
}

.fa-face-anxious-sweat {
  --fa: "\e36a";
}

.fa-face-astonished {
  --fa: "\e36b";
}

.fa-face-confounded {
  --fa: "\e36c";
}

.fa-face-confused {
  --fa: "\e36d";
}

.fa-face-cowboy-hat {
  --fa: "\e36e";
}

.fa-face-disappointed {
  --fa: "\e36f";
}

.fa-face-disguise {
  --fa: "\e370";
}

.fa-face-downcast-sweat {
  --fa: "\e371";
}

.fa-face-drooling {
  --fa: "\e372";
}

.fa-face-expressionless {
  --fa: "\e373";
}

.fa-face-eyes-xmarks {
  --fa: "\e374";
}

.fa-face-fearful {
  --fa: "\e375";
}

.fa-face-frown-slight {
  --fa: "\e376";
}

.fa-face-glasses {
  --fa: "\e377";
}

.fa-face-hand-over-mouth {
  --fa: "\e378";
}

.fa-face-hand-yawn {
  --fa: "\e379";
}

.fa-face-head-bandage {
  --fa: "\e37a";
}

.fa-face-hushed {
  --fa: "\e37b";
}

.fa-face-icicles {
  --fa: "\e37c";
}

.fa-face-kiss-closed-eyes {
  --fa: "\e37d";
}

.fa-face-lying {
  --fa: "\e37e";
}

.fa-face-mask {
  --fa: "\e37f";
}

.fa-face-monocle {
  --fa: "\e380";
}

.fa-face-nauseated {
  --fa: "\e381";
}

.fa-face-nose-steam {
  --fa: "\e382";
}

.fa-face-party {
  --fa: "\e383";
}

.fa-face-pensive {
  --fa: "\e384";
}

.fa-face-persevering {
  --fa: "\e385";
}

.fa-face-pleading {
  --fa: "\e386";
}

.fa-face-pouting {
  --fa: "\e387";
}

.fa-face-raised-eyebrow {
  --fa: "\e388";
}

.fa-face-relieved {
  --fa: "\e389";
}

.fa-face-sad-sweat {
  --fa: "\e38a";
}

.fa-face-scream {
  --fa: "\e38b";
}

.fa-face-shush {
  --fa: "\e38c";
}

.fa-face-sleeping {
  --fa: "\e38d";
}

.fa-face-sleepy {
  --fa: "\e38e";
}

.fa-face-smile-halo {
  --fa: "\e38f";
}

.fa-face-smile-hearts {
  --fa: "\e390";
}

.fa-face-smile-horns {
  --fa: "\e391";
}

.fa-face-smile-relaxed {
  --fa: "\e392";
}

.fa-face-smile-tear {
  --fa: "\e393";
}

.fa-face-smile-tongue {
  --fa: "\e394";
}

.fa-face-smile-upside-down {
  --fa: "\e395";
}

.fa-face-smiling-hands {
  --fa: "\e396";
}

.fa-face-smirking {
  --fa: "\e397";
}

.fa-face-sunglasses {
  --fa: "\e398";
}

.fa-face-swear {
  --fa: "\e399";
}

.fa-face-thermometer {
  --fa: "\e39a";
}

.fa-face-thinking {
  --fa: "\e39b";
}

.fa-face-tissue {
  --fa: "\e39c";
}

.fa-face-tongue-money {
  --fa: "\e39d";
}

.fa-face-tongue-sweat {
  --fa: "\e39e";
}

.fa-face-unamused {
  --fa: "\e39f";
}

.fa-face-vomit {
  --fa: "\e3a0";
}

.fa-face-weary {
  --fa: "\e3a1";
}

.fa-face-woozy {
  --fa: "\e3a2";
}

.fa-face-worried {
  --fa: "\e3a3";
}

.fa-face-zany {
  --fa: "\e3a4";
}

.fa-face-zipper {
  --fa: "\e3a5";
}

.fa-file-lock {
  --fa: "\e3a6";
}

.fa-file-slash {
  --fa: "\e3a7";
}

.fa-fishing-rod {
  --fa: "\e3a8";
}

.fa-flying-disc {
  --fa: "\e3a9";
}

.fa-gallery-thumbnails {
  --fa: "\e3aa";
}

.fa-goal-net {
  --fa: "\e3ab";
}

.fa-golf-flag-hole {
  --fa: "\e3ac";
}

.fa-grid-dividers {
  --fa: "\e3ad";
}

.fa-hockey-stick-puck {
  --fa: "\e3ae";
}

.fa-house-chimney {
  --fa: "\e3af";
}

.fa-home-lg {
  --fa: "\e3af";
}

.fa-house-chimney-blank {
  --fa: "\e3b0";
}

.fa-house-crack {
  --fa: "\e3b1";
}

.fa-house-medical {
  --fa: "\e3b2";
}

.fa-house-window {
  --fa: "\e3b3";
}

.fa-key-skeleton-left-right {
  --fa: "\e3b4";
}

.fa-lacrosse-stick {
  --fa: "\e3b5";
}

.fa-lacrosse-stick-ball {
  --fa: "\e3b6";
}

.fa-mask-snorkel {
  --fa: "\e3b7";
}

.fa-message-bot {
  --fa: "\e3b8";
}

.fa-moped {
  --fa: "\e3b9";
}

.fa-nesting-dolls {
  --fa: "\e3ba";
}

.fa-objects-align-bottom {
  --fa: "\e3bb";
}

.fa-objects-align-center-horizontal {
  --fa: "\e3bc";
}

.fa-objects-align-center-vertical {
  --fa: "\e3bd";
}

.fa-objects-align-left {
  --fa: "\e3be";
}

.fa-objects-align-right {
  --fa: "\e3bf";
}

.fa-objects-align-top {
  --fa: "\e3c0";
}

.fa-objects-column {
  --fa: "\e3c1";
}

.fa-paperclip-vertical {
  --fa: "\e3c2";
}

.fa-pinata {
  --fa: "\e3c3";
}

.fa-pipe-smoking {
  --fa: "\e3c4";
}

.fa-pool-8-ball {
  --fa: "\e3c5";
}

.fa-rugby-ball {
  --fa: "\e3c6";
}

.fa-shirt-long-sleeve {
  --fa: "\e3c7";
}

.fa-shirt-running {
  --fa: "\e3c8";
}

.fa-shirt-tank-top {
  --fa: "\e3c9";
}

.fa-signature-lock {
  --fa: "\e3ca";
}

.fa-signature-slash {
  --fa: "\e3cb";
}

.fa-ski-boot {
  --fa: "\e3cc";
}

.fa-ski-boot-ski {
  --fa: "\e3cd";
}

.fa-slot-machine {
  --fa: "\e3ce";
}

.fa-teddy-bear {
  --fa: "\e3cf";
}

.fa-truck-bolt {
  --fa: "\e3d0";
}

.fa-uniform-martial-arts {
  --fa: "\e3d1";
}

.fa-user-chef {
  --fa: "\e3d2";
}

.fa-user-hair-buns {
  --fa: "\e3d3";
}

.fa-arrow-left-long-to-line {
  --fa: "\e3d4";
}

.fa-arrow-right-long-to-line {
  --fa: "\e3d5";
}

.fa-arrow-turn-down-right {
  --fa: "\e3d6";
}

.fa-bagel {
  --fa: "\e3d7";
}

.fa-baguette {
  --fa: "\e3d8";
}

.fa-blanket-fire {
  --fa: "\e3da";
}

.fa-block-brick {
  --fa: "\e3db";
}

.fa-wall-brick {
  --fa: "\e3db";
}

.fa-block-brick-fire {
  --fa: "\e3dc";
}

.fa-firewall {
  --fa: "\e3dc";
}

.fa-block-question {
  --fa: "\e3dd";
}

.fa-bowl-scoop {
  --fa: "\e3de";
}

.fa-bowl-shaved-ice {
  --fa: "\e3de";
}

.fa-bowl-scoops {
  --fa: "\e3df";
}

.fa-bowl-spoon {
  --fa: "\e3e0";
}

.fa-bread-slice-butter {
  --fa: "\e3e1";
}

.fa-broccoli {
  --fa: "\e3e2";
}

.fa-burger-lettuce {
  --fa: "\e3e3";
}

.fa-butter {
  --fa: "\e3e4";
}

.fa-cake-slice {
  --fa: "\e3e5";
}

.fa-shortcake {
  --fa: "\e3e5";
}

.fa-can-food {
  --fa: "\e3e6";
}

.fa-candy {
  --fa: "\e3e7";
}

.fa-candy-bar {
  --fa: "\e3e8";
}

.fa-chocolate-bar {
  --fa: "\e3e8";
}

.fa-card-club {
  --fa: "\e3e9";
}

.fa-card-diamond {
  --fa: "\e3ea";
}

.fa-card-heart {
  --fa: "\e3eb";
}

.fa-card-spade {
  --fa: "\e3ec";
}

.fa-cards {
  --fa: "\e3ed";
}

.fa-cart-arrow-up {
  --fa: "\e3ee";
}

.fa-cart-circle-arrow-down {
  --fa: "\e3ef";
}

.fa-cart-circle-arrow-up {
  --fa: "\e3f0";
}

.fa-cart-circle-check {
  --fa: "\e3f1";
}

.fa-cart-circle-exclamation {
  --fa: "\e3f2";
}

.fa-cart-circle-plus {
  --fa: "\e3f3";
}

.fa-cart-circle-xmark {
  --fa: "\e3f4";
}

.fa-cent-sign {
  --fa: "\e3f5";
}

.fa-chestnut {
  --fa: "\e3f6";
}

.fa-chopsticks {
  --fa: "\e3f7";
}

.fa-circle-quarters {
  --fa: "\e3f8";
}

.fa-code-pull-request-closed {
  --fa: "\e3f9";
}

.fa-code-pull-request-draft {
  --fa: "\e3fa";
}

.fa-coin-blank {
  --fa: "\e3fb";
}

.fa-coin-front {
  --fa: "\e3fc";
}

.fa-coin-vertical {
  --fa: "\e3fd";
}

.fa-corner {
  --fa: "\e3fe";
}

.fa-crab {
  --fa: "\e3ff";
}

.fa-soft-serve {
  --fa: "\e400";
}

.fa-creemee {
  --fa: "\e400";
}

.fa-cucumber {
  --fa: "\e401";
}

.fa-cupcake {
  --fa: "\e402";
}

.fa-custard {
  --fa: "\e403";
}

.fa-dash {
  --fa: "\e404";
}

.fa-minus-large {
  --fa: "\e404";
}

.fa-diamond-exclamation {
  --fa: "\e405";
}

.fa-donut {
  --fa: "\e406";
}

.fa-doughnut {
  --fa: "\e406";
}

.fa-down-from-dotted-line {
  --fa: "\e407";
}

.fa-down-to-dotted-line {
  --fa: "\e408";
}

.fa-face-awesome {
  --fa: "\e409";
}

.fa-gave-dandy {
  --fa: "\e409";
}

.fa-falafel {
  --fa: "\e40a";
}

.fa-flatbread {
  --fa: "\e40b";
}

.fa-flatbread-stuffed {
  --fa: "\e40c";
}

.fa-fondue-pot {
  --fa: "\e40d";
}

.fa-garlic {
  --fa: "\e40e";
}

.fa-grip-dots {
  --fa: "\e410";
}

.fa-grip-dots-vertical {
  --fa: "\e411";
}

.fa-h5 {
  --fa: "\e412";
}

.fa-h6 {
  --fa: "\e413";
}

.fa-hammer-crash {
  --fa: "\e414";
}

.fa-hashtag-lock {
  --fa: "\e415";
}

.fa-hexagon-check {
  --fa: "\e416";
}

.fa-hexagon-exclamation {
  --fa: "\e417";
}

.fa-honey-pot {
  --fa: "\e418";
}

.fa-hose {
  --fa: "\e419";
}

.fa-hose-reel {
  --fa: "\e41a";
}

.fa-hourglass-clock {
  --fa: "\e41b";
}

.fa-hundred-points {
  --fa: "\e41c";
}

.fa-100 {
  --fa: "\e41c";
}

.fa-leafy-green {
  --fa: "\e41d";
}

.fa-left-long-to-line {
  --fa: "\e41e";
}

.fa-light-emergency {
  --fa: "\e41f";
}

.fa-light-emergency-on {
  --fa: "\e420";
}

.fa-lobster {
  --fa: "\e421";
}

.fa-lock-a {
  --fa: "\e422";
}

.fa-lock-hashtag {
  --fa: "\e423";
}

.fa-lollipop {
  --fa: "\e424";
}

.fa-lollypop {
  --fa: "\e424";
}

.fa-mushroom {
  --fa: "\e425";
}

.fa-octagon-check {
  --fa: "\e426";
}

.fa-onion {
  --fa: "\e427";
}

.fa-page {
  --fa: "\e428";
}

.fa-page-caret-down {
  --fa: "\e429";
}

.fa-file-caret-down {
  --fa: "\e429";
}

.fa-page-caret-up {
  --fa: "\e42a";
}

.fa-file-caret-up {
  --fa: "\e42a";
}

.fa-pan-food {
  --fa: "\e42b";
}

.fa-pan-frying {
  --fa: "\e42c";
}

.fa-pancakes {
  --fa: "\e42d";
}

.fa-panel-ews {
  --fa: "\e42e";
}

.fa-panel-fire {
  --fa: "\e42f";
}

.fa-peanut {
  --fa: "\e430";
}

.fa-peanuts {
  --fa: "\e431";
}

.fa-pepper {
  --fa: "\e432";
}

.fa-person-to-door {
  --fa: "\e433";
}

.fa-phone-intercom {
  --fa: "\e434";
}

.fa-pickleball {
  --fa: "\e435";
}

.fa-pipe-circle-check {
  --fa: "\e436";
}

.fa-pipe-collar {
  --fa: "\e437";
}

.fa-pipe-section {
  --fa: "\e438";
}

.fa-pipe-valve {
  --fa: "\e439";
}

.fa-plate-utensils {
  --fa: "\e43b";
}

.fa-plus-minus {
  --fa: "\e43c";
}

.fa-pompebled {
  --fa: "\e43d";
}

.fa-popsicle {
  --fa: "\e43e";
}

.fa-pot-food {
  --fa: "\e43f";
}

.fa-potato {
  --fa: "\e440";
}

.fa-pretzel {
  --fa: "\e441";
}

.fa-pump {
  --fa: "\e442";
}

.fa-puzzle {
  --fa: "\e443";
}

.fa-right-long-to-line {
  --fa: "\e444";
}

.fa-sailboat {
  --fa: "\e445";
}

.fa-salt-shaker {
  --fa: "\e446";
}

.fa-section {
  --fa: "\e447";
}

.fa-shrimp {
  --fa: "\e448";
}

.fa-shutters {
  --fa: "\e449";
}

.fa-sportsball {
  --fa: "\e44b";
}

.fa-sprinkler-ceiling {
  --fa: "\e44c";
}

.fa-square-a-lock {
  --fa: "\e44d";
}

.fa-square-quarters {
  --fa: "\e44e";
}

.fa-square-ring {
  --fa: "\e44f";
}

.fa-squid {
  --fa: "\e450";
}

.fa-tamale {
  --fa: "\e451";
}

.fa-tank-water {
  --fa: "\e452";
}

.fa-train-track {
  --fa: "\e453";
}

.fa-train-tunnel {
  --fa: "\e454";
}

.fa-turn-down-right {
  --fa: "\e455";
}

.fa-up-from-dotted-line {
  --fa: "\e456";
}

.fa-up-to-dotted-line {
  --fa: "\e457";
}

.fa-user-doctor-hair {
  --fa: "\e458";
}

.fa-user-doctor-hair-long {
  --fa: "\e459";
}

.fa-user-hair {
  --fa: "\e45a";
}

.fa-user-hair-long {
  --fa: "\e45b";
}

.fa-user-hair-mullet {
  --fa: "\e45c";
}

.fa-business-front {
  --fa: "\e45c";
}

.fa-party-back {
  --fa: "\e45c";
}

.fa-trian-balbot {
  --fa: "\e45c";
}

.fa-user-nurse-hair {
  --fa: "\e45d";
}

.fa-user-nurse-hair-long {
  --fa: "\e45e";
}

.fa-user-tie-hair {
  --fa: "\e45f";
}

.fa-user-tie-hair-long {
  --fa: "\e460";
}

.fa-user-vneck {
  --fa: "\e461";
}

.fa-user-vneck-hair {
  --fa: "\e462";
}

.fa-user-vneck-hair-long {
  --fa: "\e463";
}

.fa-utensils-slash {
  --fa: "\e464";
}

.fa-vent-damper {
  --fa: "\e465";
}

.fa-waffle {
  --fa: "\e466";
}

.fa-00 {
  --fa: "\e467";
}

.fa-apartment {
  --fa: "\e468";
}

.fa-bird {
  --fa: "\e469";
}

.fa-block {
  --fa: "\e46a";
}

.fa-bowl-soft-serve {
  --fa: "\e46b";
}

.fa-brazilian-real-sign {
  --fa: "\e46c";
}

.fa-cabin {
  --fa: "\e46d";
}

.fa-calendar-circle-exclamation {
  --fa: "\e46e";
}

.fa-calendar-circle-minus {
  --fa: "\e46f";
}

.fa-calendar-circle-plus {
  --fa: "\e470";
}

.fa-calendar-circle-user {
  --fa: "\e471";
}

.fa-calendar-lines-pen {
  --fa: "\e472";
}

.fa-chart-simple {
  --fa: "\e473";
}

.fa-chart-simple-horizontal {
  --fa: "\e474";
}

.fa-diagram-cells {
  --fa: "\e475";
}

.fa-diagram-next {
  --fa: "\e476";
}

.fa-diagram-predecessor {
  --fa: "\e477";
}

.fa-diagram-previous {
  --fa: "\e478";
}

.fa-diagram-subtask {
  --fa: "\e479";
}

.fa-diagram-successor {
  --fa: "\e47a";
}

.fa-earth-oceania {
  --fa: "\e47b";
}

.fa-globe-oceania {
  --fa: "\e47b";
}

.fa-face-beam-hand-over-mouth {
  --fa: "\e47c";
}

.fa-face-clouds {
  --fa: "\e47d";
}

.fa-face-diagonal-mouth {
  --fa: "\e47e";
}

.fa-face-dotted {
  --fa: "\e47f";
}

.fa-face-exhaling {
  --fa: "\e480";
}

.fa-face-hand-peeking {
  --fa: "\e481";
}

.fa-face-holding-back-tears {
  --fa: "\e482";
}

.fa-face-melting {
  --fa: "\e483";
}

.fa-face-saluting {
  --fa: "\e484";
}

.fa-face-spiral-eyes {
  --fa: "\e485";
}

.fa-fort {
  --fa: "\e486";
}

.fa-house-blank {
  --fa: "\e487";
}

.fa-home-blank {
  --fa: "\e487";
}

.fa-square-kanban {
  --fa: "\e488";
}

.fa-square-list {
  --fa: "\e489";
}

.fa-sushi {
  --fa: "\e48a";
}

.fa-nigiri {
  --fa: "\e48a";
}

.fa-sushi-roll {
  --fa: "\e48b";
}

.fa-maki-roll {
  --fa: "\e48b";
}

.fa-makizushi {
  --fa: "\e48b";
}

.fa-album-circle-plus {
  --fa: "\e48c";
}

.fa-album-circle-user {
  --fa: "\e48d";
}

.fa-album-collection-circle-plus {
  --fa: "\e48e";
}

.fa-album-collection-circle-user {
  --fa: "\e48f";
}

.fa-bug-slash {
  --fa: "\e490";
}

.fa-cloud-exclamation {
  --fa: "\e491";
}

.fa-cloud-question {
  --fa: "\e492";
}

.fa-file-circle-info {
  --fa: "\e493";
}

.fa-file-circle-plus {
  --fa: "\e494";
}

.fa-frame {
  --fa: "\e495";
}

.fa-gauge-circle-bolt {
  --fa: "\e496";
}

.fa-gauge-circle-minus {
  --fa: "\e497";
}

.fa-gauge-circle-plus {
  --fa: "\e498";
}

.fa-memo-circle-info {
  --fa: "\e49a";
}

.fa-object-exclude {
  --fa: "\e49c";
}

.fa-object-intersect {
  --fa: "\e49d";
}

.fa-object-subtract {
  --fa: "\e49e";
}

.fa-object-union {
  --fa: "\e49f";
}

.fa-pen-nib-slash {
  --fa: "\e4a1";
}

.fa-rectangle-history {
  --fa: "\e4a2";
}

.fa-rectangle-history-circle-plus {
  --fa: "\e4a3";
}

.fa-rectangle-history-circle-user {
  --fa: "\e4a4";
}

.fa-shop-lock {
  --fa: "\e4a5";
}

.fa-store-lock {
  --fa: "\e4a6";
}

.fa-user-robot-xmarks {
  --fa: "\e4a7";
}

.fa-virus-covid {
  --fa: "\e4a8";
}

.fa-virus-covid-slash {
  --fa: "\e4a9";
}

.fa-anchor-circle-check {
  --fa: "\e4aa";
}

.fa-anchor-circle-exclamation {
  --fa: "\e4ab";
}

.fa-anchor-circle-xmark {
  --fa: "\e4ac";
}

.fa-anchor-lock {
  --fa: "\e4ad";
}

.fa-arrow-down-to-arc {
  --fa: "\e4ae";
}

.fa-arrow-down-up-across-line {
  --fa: "\e4af";
}

.fa-arrow-down-up-lock {
  --fa: "\e4b0";
}

.fa-arrow-right-from-arc {
  --fa: "\e4b1";
}

.fa-arrow-right-to-arc {
  --fa: "\e4b2";
}

.fa-arrow-right-to-city {
  --fa: "\e4b3";
}

.fa-arrow-up-from-arc {
  --fa: "\e4b4";
}

.fa-arrow-up-from-ground-water {
  --fa: "\e4b5";
}

.fa-arrow-up-from-water-pump {
  --fa: "\e4b6";
}

.fa-arrow-up-right-dots {
  --fa: "\e4b7";
}

.fa-arrows-down-to-line {
  --fa: "\e4b8";
}

.fa-arrows-down-to-people {
  --fa: "\e4b9";
}

.fa-arrows-left-right-to-line {
  --fa: "\e4ba";
}

.fa-arrows-spin {
  --fa: "\e4bb";
}

.fa-arrows-split-up-and-left {
  --fa: "\e4bc";
}

.fa-arrows-to-circle {
  --fa: "\e4bd";
}

.fa-arrows-to-dot {
  --fa: "\e4be";
}

.fa-arrows-to-eye {
  --fa: "\e4bf";
}

.fa-arrows-turn-right {
  --fa: "\e4c0";
}

.fa-arrows-turn-to-dots {
  --fa: "\e4c1";
}

.fa-arrows-up-to-line {
  --fa: "\e4c2";
}

.fa-bore-hole {
  --fa: "\e4c3";
}

.fa-bottle-droplet {
  --fa: "\e4c4";
}

.fa-bottle-water {
  --fa: "\e4c5";
}

.fa-bowl-food {
  --fa: "\e4c6";
}

.fa-boxes-packing {
  --fa: "\e4c7";
}

.fa-bridge {
  --fa: "\e4c8";
}

.fa-bridge-circle-check {
  --fa: "\e4c9";
}

.fa-bridge-circle-exclamation {
  --fa: "\e4ca";
}

.fa-bridge-circle-xmark {
  --fa: "\e4cb";
}

.fa-bridge-lock {
  --fa: "\e4cc";
}

.fa-bridge-suspension {
  --fa: "\e4cd";
}

.fa-bridge-water {
  --fa: "\e4ce";
}

.fa-bucket {
  --fa: "\e4cf";
}

.fa-bugs {
  --fa: "\e4d0";
}

.fa-building-circle-arrow-right {
  --fa: "\e4d1";
}

.fa-building-circle-check {
  --fa: "\e4d2";
}

.fa-building-circle-exclamation {
  --fa: "\e4d3";
}

.fa-building-circle-xmark {
  --fa: "\e4d4";
}

.fa-building-flag {
  --fa: "\e4d5";
}

.fa-building-lock {
  --fa: "\e4d6";
}

.fa-building-ngo {
  --fa: "\e4d7";
}

.fa-building-shield {
  --fa: "\e4d8";
}

.fa-building-un {
  --fa: "\e4d9";
}

.fa-building-user {
  --fa: "\e4da";
}

.fa-building-wheat {
  --fa: "\e4db";
}

.fa-burst {
  --fa: "\e4dc";
}

.fa-car-on {
  --fa: "\e4dd";
}

.fa-car-tunnel {
  --fa: "\e4de";
}

.fa-cards-blank {
  --fa: "\e4df";
}

.fa-child-combatant {
  --fa: "\e4e0";
}

.fa-child-rifle {
  --fa: "\e4e0";
}

.fa-children {
  --fa: "\e4e1";
}

.fa-circle-nodes {
  --fa: "\e4e2";
}

.fa-clipboard-question {
  --fa: "\e4e3";
}

.fa-cloud-showers-water {
  --fa: "\e4e4";
}

.fa-computer {
  --fa: "\e4e5";
}

.fa-cubes-stacked {
  --fa: "\e4e6";
}

.fa-down-to-bracket {
  --fa: "\e4e7";
}

.fa-envelope-circle-check {
  --fa: "\e4e8";
}

.fa-explosion {
  --fa: "\e4e9";
}

.fa-ferry {
  --fa: "\e4ea";
}

.fa-file-circle-exclamation {
  --fa: "\e4eb";
}

.fa-file-circle-minus {
  --fa: "\e4ed";
}

.fa-file-circle-question {
  --fa: "\e4ef";
}

.fa-file-shield {
  --fa: "\e4f0";
}

.fa-fire-burner {
  --fa: "\e4f1";
}

.fa-fish-fins {
  --fa: "\e4f2";
}

.fa-flask-vial {
  --fa: "\e4f3";
}

.fa-glass-water {
  --fa: "\e4f4";
}

.fa-glass-water-droplet {
  --fa: "\e4f5";
}

.fa-group-arrows-rotate {
  --fa: "\e4f6";
}

.fa-hand-holding-hand {
  --fa: "\e4f7";
}

.fa-handcuffs {
  --fa: "\e4f8";
}

.fa-hands-bound {
  --fa: "\e4f9";
}

.fa-hands-holding-child {
  --fa: "\e4fa";
}

.fa-hands-holding-circle {
  --fa: "\e4fb";
}

.fa-heart-circle-bolt {
  --fa: "\e4fc";
}

.fa-heart-circle-check {
  --fa: "\e4fd";
}

.fa-heart-circle-exclamation {
  --fa: "\e4fe";
}

.fa-heart-circle-minus {
  --fa: "\e4ff";
}

.fa-heart-circle-plus {
  --fa: "\e500";
}

.fa-heart-circle-xmark {
  --fa: "\e501";
}

.fa-helicopter-symbol {
  --fa: "\e502";
}

.fa-helmet-un {
  --fa: "\e503";
}

.fa-hexagon-image {
  --fa: "\e504";
}

.fa-hexagon-vertical-nft {
  --fa: "\e505";
}

.fa-hexagon-vertical-nft-slanted {
  --fa: "\e505";
}

.fa-hill-avalanche {
  --fa: "\e507";
}

.fa-hill-rockslide {
  --fa: "\e508";
}

.fa-house-circle-check {
  --fa: "\e509";
}

.fa-house-circle-exclamation {
  --fa: "\e50a";
}

.fa-house-circle-xmark {
  --fa: "\e50b";
}

.fa-house-fire {
  --fa: "\e50c";
}

.fa-house-flag {
  --fa: "\e50d";
}

.fa-house-flood-water {
  --fa: "\e50e";
}

.fa-house-flood-water-circle-arrow-right {
  --fa: "\e50f";
}

.fa-house-lock {
  --fa: "\e510";
}

.fa-house-medical-circle-check {
  --fa: "\e511";
}

.fa-house-medical-circle-exclamation {
  --fa: "\e512";
}

.fa-house-medical-circle-xmark {
  --fa: "\e513";
}

.fa-house-medical-flag {
  --fa: "\e514";
}

.fa-house-tsunami {
  --fa: "\e515";
}

.fa-jar {
  --fa: "\e516";
}

.fa-jar-wheat {
  --fa: "\e517";
}

.fa-jet-fighter-up {
  --fa: "\e518";
}

.fa-jug-detergent {
  --fa: "\e519";
}

.fa-kitchen-set {
  --fa: "\e51a";
}

.fa-land-mine-on {
  --fa: "\e51b";
}

.fa-landmark-flag {
  --fa: "\e51c";
}

.fa-laptop-file {
  --fa: "\e51d";
}

.fa-lines-leaning {
  --fa: "\e51e";
}

.fa-location-pin-lock {
  --fa: "\e51f";
}

.fa-locust {
  --fa: "\e520";
}

.fa-magnifying-glass-arrow-right {
  --fa: "\e521";
}

.fa-magnifying-glass-chart {
  --fa: "\e522";
}

.fa-mars-and-venus-burst {
  --fa: "\e523";
}

.fa-mask-ventilator {
  --fa: "\e524";
}

.fa-mattress-pillow {
  --fa: "\e525";
}

.fa-merge {
  --fa: "\e526";
}

.fa-mobile-retro {
  --fa: "\e527";
}

.fa-money-bill-transfer {
  --fa: "\e528";
}

.fa-money-bill-trend-up {
  --fa: "\e529";
}

.fa-money-bill-wheat {
  --fa: "\e52a";
}

.fa-mosquito {
  --fa: "\e52b";
}

.fa-mosquito-net {
  --fa: "\e52c";
}

.fa-mound {
  --fa: "\e52d";
}

.fa-mountain-city {
  --fa: "\e52e";
}

.fa-mountain-sun {
  --fa: "\e52f";
}

.fa-nfc-symbol {
  --fa: "\e531";
}

.fa-oil-well {
  --fa: "\e532";
}

.fa-people-group {
  --fa: "\e533";
}

.fa-people-line {
  --fa: "\e534";
}

.fa-people-pulling {
  --fa: "\e535";
}

.fa-people-robbery {
  --fa: "\e536";
}

.fa-people-roof {
  --fa: "\e537";
}

.fa-person-arrow-down-to-line {
  --fa: "\e538";
}

.fa-person-arrow-up-from-line {
  --fa: "\e539";
}

.fa-person-breastfeeding {
  --fa: "\e53a";
}

.fa-person-burst {
  --fa: "\e53b";
}

.fa-person-cane {
  --fa: "\e53c";
}

.fa-person-chalkboard {
  --fa: "\e53d";
}

.fa-person-circle-check {
  --fa: "\e53e";
}

.fa-person-circle-exclamation {
  --fa: "\e53f";
}

.fa-person-circle-minus {
  --fa: "\e540";
}

.fa-person-circle-plus {
  --fa: "\e541";
}

.fa-person-circle-question {
  --fa: "\e542";
}

.fa-person-circle-xmark {
  --fa: "\e543";
}

.fa-person-dress-burst {
  --fa: "\e544";
}

.fa-person-drowning {
  --fa: "\e545";
}

.fa-person-falling {
  --fa: "\e546";
}

.fa-person-falling-burst {
  --fa: "\e547";
}

.fa-person-half-dress {
  --fa: "\e548";
}

.fa-person-harassing {
  --fa: "\e549";
}

.fa-person-military-pointing {
  --fa: "\e54a";
}

.fa-person-military-rifle {
  --fa: "\e54b";
}

.fa-person-military-to-person {
  --fa: "\e54c";
}

.fa-person-rays {
  --fa: "\e54d";
}

.fa-person-rifle {
  --fa: "\e54e";
}

.fa-person-shelter {
  --fa: "\e54f";
}

.fa-person-walking-arrow-loop-left {
  --fa: "\e551";
}

.fa-person-walking-arrow-right {
  --fa: "\e552";
}

.fa-person-walking-dashed-line-arrow-right {
  --fa: "\e553";
}

.fa-person-walking-luggage {
  --fa: "\e554";
}

.fa-plane-circle-check {
  --fa: "\e555";
}

.fa-plane-circle-exclamation {
  --fa: "\e556";
}

.fa-plane-circle-xmark {
  --fa: "\e557";
}

.fa-plane-lock {
  --fa: "\e558";
}

.fa-plate-wheat {
  --fa: "\e55a";
}

.fa-plug-circle-bolt {
  --fa: "\e55b";
}

.fa-plug-circle-check {
  --fa: "\e55c";
}

.fa-plug-circle-exclamation {
  --fa: "\e55d";
}

.fa-plug-circle-minus {
  --fa: "\e55e";
}

.fa-plug-circle-plus {
  --fa: "\e55f";
}

.fa-plug-circle-xmark {
  --fa: "\e560";
}

.fa-ranking-star {
  --fa: "\e561";
}

.fa-road-barrier {
  --fa: "\e562";
}

.fa-road-bridge {
  --fa: "\e563";
}

.fa-road-circle-check {
  --fa: "\e564";
}

.fa-road-circle-exclamation {
  --fa: "\e565";
}

.fa-road-circle-xmark {
  --fa: "\e566";
}

.fa-road-lock {
  --fa: "\e567";
}

.fa-road-spikes {
  --fa: "\e568";
}

.fa-rug {
  --fa: "\e569";
}

.fa-sack-xmark {
  --fa: "\e56a";
}

.fa-school-circle-check {
  --fa: "\e56b";
}

.fa-school-circle-exclamation {
  --fa: "\e56c";
}

.fa-school-circle-xmark {
  --fa: "\e56d";
}

.fa-school-flag {
  --fa: "\e56e";
}

.fa-school-lock {
  --fa: "\e56f";
}

.fa-sheet-plastic {
  --fa: "\e571";
}

.fa-shield-cat {
  --fa: "\e572";
}

.fa-shield-dog {
  --fa: "\e573";
}

.fa-shield-heart {
  --fa: "\e574";
}

.fa-shield-quartered {
  --fa: "\e575";
}

.fa-square-nfi {
  --fa: "\e576";
}

.fa-square-person-confined {
  --fa: "\e577";
}

.fa-square-virus {
  --fa: "\e578";
}

.fa-staff-snake {
  --fa: "\e579";
}

.fa-rod-asclepius {
  --fa: "\e579";
}

.fa-rod-snake {
  --fa: "\e579";
}

.fa-staff-aesculapius {
  --fa: "\e579";
}

.fa-sun-plant-wilt {
  --fa: "\e57a";
}

.fa-tarp {
  --fa: "\e57b";
}

.fa-tarp-droplet {
  --fa: "\e57c";
}

.fa-tent {
  --fa: "\e57d";
}

.fa-tent-arrow-down-to-line {
  --fa: "\e57e";
}

.fa-tent-arrow-left-right {
  --fa: "\e57f";
}

.fa-tent-arrow-turn-left {
  --fa: "\e580";
}

.fa-tent-arrows-down {
  --fa: "\e581";
}

.fa-tents {
  --fa: "\e582";
}

.fa-toilet-portable {
  --fa: "\e583";
}

.fa-toilets-portable {
  --fa: "\e584";
}

.fa-tower-cell {
  --fa: "\e585";
}

.fa-tower-observation {
  --fa: "\e586";
}

.fa-tree-city {
  --fa: "\e587";
}

.fa-trillium {
  --fa: "\e588";
}

.fa-trowel {
  --fa: "\e589";
}

.fa-trowel-bricks {
  --fa: "\e58a";
}

.fa-truck-arrow-right {
  --fa: "\e58b";
}

.fa-truck-droplet {
  --fa: "\e58c";
}

.fa-truck-field {
  --fa: "\e58d";
}

.fa-truck-field-un {
  --fa: "\e58e";
}

.fa-truck-plane {
  --fa: "\e58f";
}

.fa-up-from-bracket {
  --fa: "\e590";
}

.fa-users-between-lines {
  --fa: "\e591";
}

.fa-users-line {
  --fa: "\e592";
}

.fa-users-rays {
  --fa: "\e593";
}

.fa-users-rectangle {
  --fa: "\e594";
}

.fa-users-viewfinder {
  --fa: "\e595";
}

.fa-vial-circle-check {
  --fa: "\e596";
}

.fa-vial-virus {
  --fa: "\e597";
}

.fa-wheat-awn-circle-exclamation {
  --fa: "\e598";
}

.fa-worm {
  --fa: "\e599";
}

.fa-xmarks-lines {
  --fa: "\e59a";
}

.fa-xmark-large {
  --fa: "\e59b";
}

.fa-child-dress {
  --fa: "\e59c";
}

.fa-child-reaching {
  --fa: "\e59d";
}

.fa-plus-large {
  --fa: "\e59e";
}

.fa-crosshairs-simple {
  --fa: "\e59f";
}

.fa-file-circle-check {
  --fa: "\e5a0";
}

.fa-file-circle-xmark {
  --fa: "\e5a1";
}

.fa-gamepad-modern {
  --fa: "\e5a2";
}

.fa-gamepad-alt {
  --fa: "\e5a2";
}

.fa-grill {
  --fa: "\e5a3";
}

.fa-grill-fire {
  --fa: "\e5a4";
}

.fa-grill-hot {
  --fa: "\e5a5";
}

.fa-lightbulb-cfl {
  --fa: "\e5a6";
}

.fa-lightbulb-cfl-on {
  --fa: "\e5a7";
}

.fa-mouse-field {
  --fa: "\e5a8";
}

.fa-person-through-window {
  --fa: "\e5a9";
}

.fa-plant-wilt {
  --fa: "\e5aa";
}

.fa-ring-diamond {
  --fa: "\e5ab";
}

.fa-stapler {
  --fa: "\e5af";
}

.fa-toggle-large-off {
  --fa: "\e5b0";
}

.fa-toggle-large-on {
  --fa: "\e5b1";
}

.fa-toilet-paper-check {
  --fa: "\e5b2";
}

.fa-toilet-paper-xmark {
  --fa: "\e5b3";
}

.fa-train-tram {
  --fa: "\e5b4";
}

.fa-buoy {
  --fa: "\e5b5";
}

.fa-buoy-mooring {
  --fa: "\e5b6";
}

.fa-diamond-half {
  --fa: "\e5b7";
}

.fa-diamond-half-stroke {
  --fa: "\e5b8";
}

.fa-game-console-handheld-crank {
  --fa: "\e5b9";
}

.fa-interrobang {
  --fa: "\e5ba";
}

.fa-mailbox-flag-up {
  --fa: "\e5bb";
}

.fa-mustache {
  --fa: "\e5bc";
}

.fa-nose {
  --fa: "\e5bd";
}

.fa-phone-arrow-right {
  --fa: "\e5be";
}

.fa-pickaxe {
  --fa: "\e5bf";
}

.fa-prescription-bottle-pill {
  --fa: "\e5c0";
}

.fa-snowflake-droplets {
  --fa: "\e5c1";
}

.fa-square-dashed-circle-plus {
  --fa: "\e5c2";
}

.fa-tricycle {
  --fa: "\e5c3";
}

.fa-tricycle-adult {
  --fa: "\e5c4";
}

.fa-user-magnifying-glass {
  --fa: "\e5c5";
}

.fa-comment-heart {
  --fa: "\e5c8";
}

.fa-message-heart {
  --fa: "\e5c9";
}

.fa-pencil-mechanical {
  --fa: "\e5ca";
}

.fa-skeleton-ribs {
  --fa: "\e5cb";
}

.fa-billboard {
  --fa: "\e5cd";
}

.fa-circle-euro {
  --fa: "\e5ce";
}

.fa-circle-sterling {
  --fa: "\e5cf";
}

.fa-circle-yen {
  --fa: "\e5d0";
}

.fa-broom-wide {
  --fa: "\e5d1";
}

.fa-wreath-laurel {
  --fa: "\e5d2";
}

.fa-circle-quarter-stroke {
  --fa: "\e5d3";
}

.fa-circle-three-quarters-stroke {
  --fa: "\e5d4";
}

.fa-webhook {
  --fa: "\e5d5";
}

.fa-sparkle {
  --fa: "\e5d6";
}

.fa-chart-line-up-down {
  --fa: "\e5d7";
}

.fa-chart-mixed-up-circle-currency {
  --fa: "\e5d8";
}

.fa-chart-mixed-up-circle-dollar {
  --fa: "\e5d9";
}

.fa-grid-round {
  --fa: "\e5da";
}

.fa-grid-round-2 {
  --fa: "\e5db";
}

.fa-grid-round-2-plus {
  --fa: "\e5dc";
}

.fa-grid-round-4 {
  --fa: "\e5dd";
}

.fa-grid-round-5 {
  --fa: "\e5de";
}

.fa-arrow-progress {
  --fa: "\e5df";
}

.fa-right-left-large {
  --fa: "\e5e1";
}

.fa-calendar-users {
  --fa: "\e5e2";
}

.fa-display-chart-up {
  --fa: "\e5e3";
}

.fa-display-chart-up-circle-currency {
  --fa: "\e5e5";
}

.fa-display-chart-up-circle-dollar {
  --fa: "\e5e6";
}

.fa-laptop-binary {
  --fa: "\e5e7";
}

.fa-gear-code {
  --fa: "\e5e8";
}

.fa-gear-complex {
  --fa: "\e5e9";
}

.fa-gear-complex-code {
  --fa: "\e5eb";
}

.fa-file-doc {
  --fa: "\e5ed";
}

.fa-file-zip {
  --fa: "\e5ee";
}

.fa-flask-gear {
  --fa: "\e5f1";
}

.fa-bag-seedling {
  --fa: "\e5f2";
}

.fa-bin-bottles {
  --fa: "\e5f5";
}

.fa-bin-bottles-recycle {
  --fa: "\e5f6";
}

.fa-bin-recycle {
  --fa: "\e5f7";
}

.fa-conveyor-belt-arm {
  --fa: "\e5f8";
}

.fa-jug-bottle {
  --fa: "\e5fb";
}

.fa-lightbulb-gear {
  --fa: "\e5fd";
}

.fa-dinosaur {
  --fa: "\e5fe";
}

.fa-person-running-fast {
  --fa: "\e5ff";
}

.fa-circles-overlap {
  --fa: "\e600";
}

.fa-cloud-binary {
  --fa: "\e601";
}

.fa-chf-sign {
  --fa: "\e602";
}

.fa-user-group-simple {
  --fa: "\e603";
}

.fa-chart-pie-simple-circle-currency {
  --fa: "\e604";
}

.fa-chart-pie-simple-circle-dollar {
  --fa: "\e605";
}

.fa-hat-beach {
  --fa: "\e606";
}

.fa-person-dress-fairy {
  --fa: "\e607";
}

.fa-person-fairy {
  --fa: "\e608";
}

.fa-swap {
  --fa: "\e609";
}

.fa-swap-arrows {
  --fa: "\e60a";
}

.fa-angles-up-down {
  --fa: "\e60d";
}

.fa-globe-pointer {
  --fa: "\e60e";
}

.fa-subtitles {
  --fa: "\e60f";
}

.fa-subtitles-slash {
  --fa: "\e610";
}

.fa-head-side-gear {
  --fa: "\e611";
}

.fa-lighthouse {
  --fa: "\e612";
}

.fa-raccoon {
  --fa: "\e613";
}

.fa-arrow-down-from-arc {
  --fa: "\e614";
}

.fa-arrow-left-from-arc {
  --fa: "\e615";
}

.fa-arrow-left-to-arc {
  --fa: "\e616";
}

.fa-arrow-up-to-arc {
  --fa: "\e617";
}

.fa-building-magnifying-glass {
  --fa: "\e61c";
}

.fa-building-memo {
  --fa: "\e61e";
}

.fa-hammer-brush {
  --fa: "\e620";
}

.fa-hand-holding-circle-dollar {
  --fa: "\e621";
}

.fa-landmark-magnifying-glass {
  --fa: "\e622";
}

.fa-sign-post {
  --fa: "\e624";
}

.fa-sign-posts {
  --fa: "\e625";
}

.fa-sign-posts-wrench {
  --fa: "\e626";
}

.fa-tent-double-peak {
  --fa: "\e627";
}

.fa-truck-utensils {
  --fa: "\e628";
}

.fa-t-rex {
  --fa: "\e629";
}

.fa-spinner-scale {
  --fa: "\e62a";
}

.fa-bell-ring {
  --fa: "\e62c";
}

.fa-arrows-rotate-reverse {
  --fa: "\e630";
}

.fa-rotate-reverse {
  --fa: "\e631";
}

.fa-arrow-turn-left {
  --fa: "\e632";
}

.fa-arrow-turn-left-down {
  --fa: "\e633";
}

.fa-arrow-turn-left-up {
  --fa: "\e634";
}

.fa-arrow-turn-right {
  --fa: "\e635";
}

.fa-turn-left {
  --fa: "\e636";
}

.fa-turn-left-down {
  --fa: "\e637";
}

.fa-turn-left-up {
  --fa: "\e638";
}

.fa-turn-right {
  --fa: "\e639";
}

.fa-location-arrow-up {
  --fa: "\e63a";
}

.fa-ticket-perforated {
  --fa: "\e63e";
}

.fa-tickets-perforated {
  --fa: "\e63f";
}

.fa-cannon {
  --fa: "\e642";
}

.fa-court-sport {
  --fa: "\e643";
}

.fa-file-eps {
  --fa: "\e644";
}

.fa-file-gif {
  --fa: "\e645";
}

.fa-file-jpg {
  --fa: "\e646";
}

.fa-file-mov {
  --fa: "\e647";
}

.fa-file-mp3 {
  --fa: "\e648";
}

.fa-file-mp4 {
  --fa: "\e649";
}

.fa-file-ppt {
  --fa: "\e64a";
}

.fa-file-svg {
  --fa: "\e64b";
}

.fa-file-vector {
  --fa: "\e64c";
}

.fa-file-xls {
  --fa: "\e64d";
}

.fa-folder-check {
  --fa: "\e64e";
}

.fa-chart-kanban {
  --fa: "\e64f";
}

.fa-bag-shopping-minus {
  --fa: "\e650";
}

.fa-bag-shopping-plus {
  --fa: "\e651";
}

.fa-basket-shopping-minus {
  --fa: "\e652";
}

.fa-basket-shopping-plus {
  --fa: "\e653";
}

.fa-file-xml {
  --fa: "\e654";
}

.fa-bulldozer {
  --fa: "\e655";
}

.fa-excavator {
  --fa: "\e656";
}

.fa-truck-ladder {
  --fa: "\e657";
}

.fa-tickets {
  --fa: "\e658";
}

.fa-tickets-simple {
  --fa: "\e659";
}

.fa-truck-fire {
  --fa: "\e65a";
}

.fa-wave {
  --fa: "\e65b";
}

.fa-waves-sine {
  --fa: "\e65d";
}

.fa-magnifying-glass-arrows-rotate {
  --fa: "\e65e";
}

.fa-magnifying-glass-music {
  --fa: "\e65f";
}

.fa-magnifying-glass-play {
  --fa: "\e660";
}

.fa-magnifying-glass-waveform {
  --fa: "\e661";
}

.fa-music-magnifying-glass {
  --fa: "\e662";
}

.fa-reflect-horizontal {
  --fa: "\e664";
}

.fa-reflect-vertical {
  --fa: "\e665";
}

.fa-file-png {
  --fa: "\e666";
}

.fa-arrow-down-from-bracket {
  --fa: "\e667";
}

.fa-arrow-left-from-bracket {
  --fa: "\e668";
}

.fa-arrow-left-to-bracket {
  --fa: "\e669";
}

.fa-arrow-up-to-bracket {
  --fa: "\e66a";
}

.fa-down-from-bracket {
  --fa: "\e66b";
}

.fa-left-from-bracket {
  --fa: "\e66c";
}

.fa-left-to-bracket {
  --fa: "\e66d";
}

.fa-up-to-bracket {
  --fa: "\e66e";
}

.fa-reflect-both {
  --fa: "\e66f";
}

.fa-file-cad {
  --fa: "\e672";
}

.fa-bottle-baby {
  --fa: "\e673";
}

.fa-table-cells-column-lock {
  --fa: "\e678";
}

.fa-table-cells-lock {
  --fa: "\e679";
}

.fa-table-cells-row-lock {
  --fa: "\e67a";
}

.fa-circle-wifi {
  --fa: "\e67d";
}

.fa-circle-wifi-circle-wifi {
  --fa: "\e67e";
}

.fa-circle-wifi-group {
  --fa: "\e67e";
}

.fa-circle-gf {
  --fa: "\e67f";
}

.fa-ant {
  --fa: "\e680";
}

.fa-caduceus {
  --fa: "\e681";
}

.fa-web-awesome {
  --fa: "\e682";
}

.fa-globe-wifi {
  --fa: "\e685";
}

.fa-hydra {
  --fa: "\e686";
}

.fa-lightbulb-message {
  --fa: "\e687";
}

.fa-octopus {
  --fa: "\e688";
}

.fa-user-beard-bolt {
  --fa: "\e689";
}

.fa-user-hoodie {
  --fa: "\e68a";
}

.fa-diamonds-4 {
  --fa: "\e68b";
}

.fa-thumbtack-slash {
  --fa: "\e68f";
}

.fa-thumb-tack-slash {
  --fa: "\e68f";
}

.fa-table-cells-column-unlock {
  --fa: "\e690";
}

.fa-table-cells-row-unlock {
  --fa: "\e691";
}

.fa-table-cells-unlock {
  --fa: "\e692";
}

.fa-chart-diagram {
  --fa: "\e695";
}

.fa-comment-nodes {
  --fa: "\e696";
}

.fa-file-fragment {
  --fa: "\e697";
}

.fa-file-half-dashed {
  --fa: "\e698";
}

.fa-hexagon-nodes {
  --fa: "\e699";
}

.fa-hexagon-nodes-bolt {
  --fa: "\e69a";
}

.fa-square-binary {
  --fa: "\e69b";
}

.fa-carpool {
  --fa: "\e69c";
}

.fa-car-people {
  --fa: "\e69c";
}

.fa-chart-sine {
  --fa: "\e69d";
}

.fa-chart-fft {
  --fa: "\e69e";
}

.fa-circles-overlap-3 {
  --fa: "\e6a1";
}

.fa-pronoun {
  --fa: "\e6a1";
}

.fa-bar-progress {
  --fa: "\e6a4";
}

.fa-bar-progress-empty {
  --fa: "\e6a5";
}

.fa-bar-progress-full {
  --fa: "\e6a6";
}

.fa-bar-progress-half {
  --fa: "\e6a7";
}

.fa-bar-progress-quarter {
  --fa: "\e6a8";
}

.fa-bar-progress-three-quarters {
  --fa: "\e6a9";
}

.fa-grid-2-minus {
  --fa: "\e6aa";
}

.fa-grid-round-2-minus {
  --fa: "\e6ab";
}

.fa-table-cells-columns {
  --fa: "\e6ac";
}

.fa-table-cells-header {
  --fa: "\e6ad";
}

.fa-table-cells-header-lock {
  --fa: "\e6ae";
}

.fa-table-cells-header-unlock {
  --fa: "\e6af";
}

.fa-table-cells-rows {
  --fa: "\e6b0";
}

.fa-circle-equals {
  --fa: "\e6b1";
}

.fa-hexagon-equals {
  --fa: "\e6b2";
}

.fa-octagon-equals {
  --fa: "\e6b3";
}

.fa-rectangle-minus {
  --fa: "\e6b4";
}

.fa-rectangle-plus {
  --fa: "\e6b5";
}

.fa-square-equals {
  --fa: "\e6b6";
}

.fa-arrow-down-long-to-line {
  --fa: "\e6b7";
}

.fa-arrow-left-arrow-right {
  --fa: "\e6b8";
}

.fa-arrow-left-from-dotted-line {
  --fa: "\e6b9";
}

.fa-arrow-left-to-dotted-line {
  --fa: "\e6ba";
}

.fa-arrow-right-from-dotted-line {
  --fa: "\e6bb";
}

.fa-arrow-right-to-dotted-line {
  --fa: "\e6bc";
}

.fa-arrow-up-long-to-line {
  --fa: "\e6bd";
}

.fa-direction-left-right {
  --fa: "\e6be";
}

.fa-direction-up-down {
  --fa: "\e6bf";
}

.fa-down-long-to-line {
  --fa: "\e6c0";
}

.fa-down-up {
  --fa: "\e6c1";
}

.fa-left-from-dotted-line {
  --fa: "\e6c2";
}

.fa-left-to-dotted-line {
  --fa: "\e6c3";
}

.fa-right-from-dotted-line {
  --fa: "\e6c4";
}

.fa-right-to-dotted-line {
  --fa: "\e6c5";
}

.fa-up-long-to-line {
  --fa: "\e6c6";
}

.fa-barn {
  --fa: "\e6c7";
}

.fa-circle-house {
  --fa: "\e6c8";
}

.fa-garage-empty {
  --fa: "\e6c9";
}

.fa-house-unlock {
  --fa: "\e6ca";
}

.fa-school-unlock {
  --fa: "\e6cb";
}

.fa-stadium {
  --fa: "\e6cc";
}

.fa-tent-circus {
  --fa: "\e6cd";
}

.fa-ball-yarn {
  --fa: "\e6ce";
}

.fa-bra {
  --fa: "\e6cf";
}

.fa-briefs {
  --fa: "\e6d0";
}

.fa-dress {
  --fa: "\e6d1";
}

.fa-jeans {
  --fa: "\e6d2";
}

.fa-jeans-straight {
  --fa: "\e6d3";
}

.fa-panties {
  --fa: "\e6d4";
}

.fa-pants {
  --fa: "\e6d5";
}

.fa-pants-straight {
  --fa: "\e6d6";
}

.fa-shirt-jersey {
  --fa: "\e6d7";
}

.fa-shoe {
  --fa: "\e6d8";
}

.fa-shorts {
  --fa: "\e6d9";
}

.fa-sneaker {
  --fa: "\e6da";
}

.fa-circle-share-nodes {
  --fa: "\e6db";
}

.fa-comment-dot {
  --fa: "\e6dc";
}

.fa-comment-waveform {
  --fa: "\e6dd";
}

.fa-envelope-circle-user {
  --fa: "\e6de";
}

.fa-message-dot {
  --fa: "\e6df";
}

.fa-message-waveform {
  --fa: "\e6e0";
}

.fa-phone-connection {
  --fa: "\e6e1";
}

.fa-phone-waveform {
  --fa: "\e6e2";
}

.fa-postage-stamp {
  --fa: "\e6e3";
}

.fa-circle-florin {
  --fa: "\e6e4";
}

.fa-circle-ruble {
  --fa: "\e6e5";
}

.fa-square-chf {
  --fa: "\e6e6";
}

.fa-square-lira {
  --fa: "\e6e7";
}

.fa-norwegian-krone-sign {
  --fa: "\e6e8";
}

.fa-circle-renminbi {
  --fa: "\e6e9";
}

.fa-square-peseta {
  --fa: "\e6ea";
}

.fa-circle-brazilian-real {
  --fa: "\e6eb";
}

.fa-circle-won {
  --fa: "\e6ec";
}

.fa-square-cruzeiro {
  --fa: "\e6ed";
}

.fa-circle-currency {
  --fa: "\e6ee";
}

.fa-circle-hryvnia {
  --fa: "\e6ef";
}

.fa-square-cent {
  --fa: "\e6f0";
}

.fa-square-brazilian-real {
  --fa: "\e6f1";
}

.fa-square-bitcoin {
  --fa: "\e6f2";
}

.fa-circle-peruvian-soles {
  --fa: "\e6f3";
}

.fa-circle-litecoin {
  --fa: "\e6f4";
}

.fa-square-indian-rupee {
  --fa: "\e6f5";
}

.fa-circle-lira {
  --fa: "\e6f6";
}

.fa-square-litecoin {
  --fa: "\e6f7";
}

.fa-square-ruble {
  --fa: "\e6f8";
}

.fa-circle-malaysian-ringgit {
  --fa: "\e6f9";
}

.fa-malaysian-ringgit-sign {
  --fa: "\e6fa";
}

.fa-circle-manat {
  --fa: "\e6fb";
}

.fa-circle-colon {
  --fa: "\e6fc";
}

.fa-circle-kip {
  --fa: "\e6fd";
}

.fa-australian-dollar-sign {
  --fa: "\e6fe";
}

.fa-circle-peso {
  --fa: "\e6ff";
}

.fa-circle-polish-zloty {
  --fa: "\e700";
}

.fa-circle-bangladeshi-taka {
  --fa: "\e701";
}

.fa-circle-mill {
  --fa: "\e702";
}

.fa-circle-shekel {
  --fa: "\e703";
}

.fa-square-manat {
  --fa: "\e704";
}

.fa-peruvian-soles-sign {
  --fa: "\e705";
}

.fa-circle-rupiah {
  --fa: "\e706";
}

.fa-square-norwegian-krone {
  --fa: "\e707";
}

.fa-square-naira {
  --fa: "\e708";
}

.fa-square-won {
  --fa: "\e709";
}

.fa-square-mill {
  --fa: "\e70a";
}

.fa-polish-zloty-sign {
  --fa: "\e70b";
}

.fa-square-currency {
  --fa: "\e70c";
}

.fa-square-kip {
  --fa: "\e70d";
}

.fa-square-guarani {
  --fa: "\e70e";
}

.fa-square-dong {
  --fa: "\e70f";
}

.fa-square-hryvnia {
  --fa: "\e710";
}

.fa-circle-tugrik {
  --fa: "\e711";
}

.fa-square-rupiah {
  --fa: "\e712";
}

.fa-square-sterling {
  --fa: "\e713";
}

.fa-circle-rupee {
  --fa: "\e714";
}

.fa-square-rupee {
  --fa: "\e715";
}

.fa-square-peruvian-soles {
  --fa: "\e716";
}

.fa-square-florin {
  --fa: "\e717";
}

.fa-square-australian-dollar {
  --fa: "\e718";
}

.fa-square-baht {
  --fa: "\e719";
}

.fa-square-peso {
  --fa: "\e71a";
}

.fa-circle-austral {
  --fa: "\e71b";
}

.fa-square-swedish-krona {
  --fa: "\e71c";
}

.fa-circle-lari {
  --fa: "\e71d";
}

.fa-circleapore-dollar {
  --fa: "\e71e";
}

.fa-square-turkish-lira {
  --fa: "\e71f";
}

.fa-danish-krone-sign {
  --fa: "\e720";
}

.fa-circle-franc {
  --fa: "\e721";
}

.fa-circle-cruzeiro {
  --fa: "\e722";
}

.fa-circle-dong {
  --fa: "\e723";
}

.fa-square-yen {
  --fa: "\e724";
}

.fa-circle-tenge {
  --fa: "\e725";
}

.fa-square-austral {
  --fa: "\e726";
}

.fa-square-eurozone {
  --fa: "\e727";
}

.fa-square-tugrik {
  --fa: "\e728";
}

.fa-square-cedi {
  --fa: "\e729";
}

.fa-circle-cent {
  --fa: "\e72a";
}

.fa-currency-sign {
  --fa: "\e72b";
}

.fa-circle-chf {
  --fa: "\e72c";
}

.fa-circle-baht {
  --fa: "\e72d";
}

.fa-signapore-dollar-sign {
  --fa: "\e72e";
}

.fa-square-franc {
  --fa: "\e72f";
}

.fa-circle-australian-dollar {
  --fa: "\e730";
}

.fa-square-tenge {
  --fa: "\e731";
}

.fa-square-euro {
  --fa: "\e732";
}

.fa-squareapore-dollar {
  --fa: "\e733";
}

.fa-circle-indian-rupee {
  --fa: "\e734";
}

.fa-square-shekel {
  --fa: "\e735";
}

.fa-square-polish-zloty {
  --fa: "\e736";
}

.fa-circle-bitcoin {
  --fa: "\e737";
}

.fa-circle-norwegian-krone {
  --fa: "\e738";
}

.fa-circle-turkish-lira {
  --fa: "\e739";
}

.fa-square-colon {
  --fa: "\e73a";
}

.fa-circle-guarani {
  --fa: "\e73b";
}

.fa-renminbi-sign {
  --fa: "\e73c";
}

.fa-square-renminbi {
  --fa: "\e73d";
}

.fa-swedish-krona-sign {
  --fa: "\e73e";
}

.fa-square-lari {
  --fa: "\e73f";
}

.fa-eurozone-sign {
  --fa: "\e740";
}

.fa-circle-peseta {
  --fa: "\e741";
}

.fa-circle-cedi {
  --fa: "\e742";
}

.fa-circle-swedish-krona {
  --fa: "\e743";
}

.fa-square-bangladeshi-taka {
  --fa: "\e744";
}

.fa-circle-eurozone {
  --fa: "\e745";
}

.fa-circle-danish-krone {
  --fa: "\e746";
}

.fa-square-danish-krone {
  --fa: "\e747";
}

.fa-square-malaysian-ringgit {
  --fa: "\e748";
}

.fa-circle-naira {
  --fa: "\e749";
}

.fa-mobile-arrow-down {
  --fa: "\e74b";
}

.fa-clone-plus {
  --fa: "\e74c";
}

.fa-paintbrush-fine-slash {
  --fa: "\e74d";
}

.fa-paintbrush-slash {
  --fa: "\e74e";
}

.fa-pencil-line {
  --fa: "\e74f";
}

.fa-slider-circle {
  --fa: "\e750";
}

.fa-thumbtack-angle {
  --fa: "\e751";
}

.fa-thumbtack-angle-slash {
  --fa: "\e752";
}

.fa-book-open-lines {
  --fa: "\e753";
}

.fa-book-spine {
  --fa: "\e754";
}

.fa-bookmark-plus {
  --fa: "\e755";
}

.fa-clipboard-clock {
  --fa: "\e756";
}

.fa-clipboard-exclamation {
  --fa: "\e757";
}

.fa-file-ban {
  --fa: "\e758";
}

.fa-notes-sticky {
  --fa: "\e759";
}

.fa-capsule {
  --fa: "\e75a";
}

.fa-ear-circle-checkmark {
  --fa: "\e75b";
}

.fa-ear-triangle-exclamation {
  --fa: "\e75c";
}

.fa-ear-waveform {
  --fa: "\e75d";
}

.fa-head-side-circuit {
  --fa: "\e75e";
}

.fa-head-side-speak {
  --fa: "\e75f";
}

.fa-microphone-signal-meter {
  --fa: "\e760";
}

.fa-spine {
  --fa: "\e761";
}

.fa-vial-vertical {
  --fa: "\e762";
}

.fa-bin {
  --fa: "\e763";
}

.fa-seat {
  --fa: "\e764";
}

.fa-seats {
  --fa: "\e765";
}

.fa-camera-circle-ellipsis {
  --fa: "\e766";
}

.fa-camera-clock {
  --fa: "\e767";
}

.fa-camera-shutter {
  --fa: "\e768";
}

.fa-film-music {
  --fa: "\e769";
}

.fa-film-stack {
  --fa: "\e76b";
}

.fa-image-circle-arrow-down {
  --fa: "\e76c";
}

.fa-image-circle-check {
  --fa: "\e76d";
}

.fa-image-circle-plus {
  --fa: "\e76e";
}

.fa-image-circle-xmark {
  --fa: "\e76f";
}

.fa-image-music {
  --fa: "\e770";
}

.fa-image-stack {
  --fa: "\e771";
}

.fa-rectangle-4k {
  --fa: "\e772";
}

.fa-rectangle-high-dynamic-range {
  --fa: "\e773";
}

.fa-rectangle-hdr {
  --fa: "\e773";
}

.fa-rectangle-video-on-demand {
  --fa: "\e774";
}

.fa-user-viewfinder {
  --fa: "\e775";
}

.fa-video-down-to-line {
  --fa: "\e776";
}

.fa-video-question {
  --fa: "\e777";
}

.fa-gas-pump-left {
  --fa: "\e778";
}

.fa-gas-pump-right {
  --fa: "\e779";
}

.fa-location-arrow-slash {
  --fa: "\e77a";
}

.fa-airplay-audio {
  --fa: "\e77b";
}

.fa-headphones-slash {
  --fa: "\e77c";
}

.fa-microphone-circle-plus {
  --fa: "\e77d";
}

.fa-microphone-circle-xmark {
  --fa: "\e77e";
}

.fa-open-captioning {
  --fa: "\e77f";
}

.fa-play-flip {
  --fa: "\e780";
}

.fa-square-microphone {
  --fa: "\e781";
}

.fa-trombone {
  --fa: "\e782";
}

.fa-person-arms-raised {
  --fa: "\e783";
}

.fa-person-basketball {
  --fa: "\e784";
}

.fa-person-carry-empty {
  --fa: "\e785";
}

.fa-person-golfing {
  --fa: "\e786";
}

.fa-person-limbs-wide {
  --fa: "\e787";
}

.fa-person-seat-window {
  --fa: "\e788";
}

.fa-person-soccer {
  --fa: "\e789";
}

.fa-person-swimming-pool {
  --fa: "\e78a";
}

.fa-person-swimming-water {
  --fa: "\e78b";
}

.fa-person-water-arms-raised {
  --fa: "\e78c";
}

.fa-person-waving {
  --fa: "\e78d";
}

.fa-heart-slash {
  --fa: "\e78e";
}

.fa-hearts {
  --fa: "\e78f";
}

.fa-pentagon {
  --fa: "\e790";
}

.fa-rectangle-tall {
  --fa: "\e791";
}

.fa-square-half {
  --fa: "\e792";
}

.fa-square-half-stroke {
  --fa: "\e793";
}

.fa-box-arrow-down {
  --fa: "\e794";
}

.fa-box-arrow-down-arrow-up {
  --fa: "\e795";
}

.fa-box-arrow-down-magnifying-glass {
  --fa: "\e796";
}

.fa-box-isometric {
  --fa: "\e797";
}

.fa-box-isometric-tape {
  --fa: "\e798";
}

.fa-qrcode-read {
  --fa: "\e799";
}

.fa-shop-24 {
  --fa: "\e79a";
}

.fa-store-24 {
  --fa: "\e79b";
}

.fa-face-shaking {
  --fa: "\e79c";
}

.fa-face-shaking-horizontal {
  --fa: "\e79d";
}

.fa-face-shaking-vertical {
  --fa: "\e79e";
}

.fa-circle-user-circle-check {
  --fa: "\e79f";
}

.fa-circle-user-circle-exclamation {
  --fa: "\e7a0";
}

.fa-circle-user-circle-minus {
  --fa: "\e7a1";
}

.fa-circle-user-circle-moon {
  --fa: "\e7a2";
}

.fa-circle-user-circle-plus {
  --fa: "\e7a3";
}

.fa-circle-user-circle-question {
  --fa: "\e7a4";
}

.fa-circle-user-circle-user {
  --fa: "\e7a5";
}

.fa-circle-user-circle-xmark {
  --fa: "\e7a6";
}

.fa-circle-user-clock {
  --fa: "\e7a7";
}

.fa-user-beard {
  --fa: "\e7a8";
}

.fa-user-chef-hair-long {
  --fa: "\e7a9";
}

.fa-user-circle-minus {
  --fa: "\e7aa";
}

.fa-user-circle-plus {
  --fa: "\e7ab";
}

.fa-user-dashed {
  --fa: "\e7ac";
}

.fa-user-doctor-hair-mullet {
  --fa: "\e7ad";
}

.fa-user-hat-tie {
  --fa: "\e7ae";
}

.fa-user-hat-tie-magnifying-glass {
  --fa: "\e7af";
}

.fa-user-key {
  --fa: "\e7b0";
}

.fa-user-message {
  --fa: "\e7b1";
}

.fa-user-microphone {
  --fa: "\e7b2";
}

.fa-user-pilot-hair-long {
  --fa: "\e7b3";
}

.fa-user-pilot-tie-hair-long {
  --fa: "\e7b4";
}

.fa-user-police-hair-long {
  --fa: "\e7b5";
}

.fa-user-police-tie-hair-long {
  --fa: "\e7b6";
}

.fa-user-question {
  --fa: "\e7b7";
}

.fa-user-sith {
  --fa: "\e7b8";
}

.fa-user-tie-hair-mullet {
  --fa: "\e7b9";
}

.fa-user-vneck-hair-mullet {
  --fa: "\e7ba";
}

.fa-plane-flying {
  --fa: "\e7bb";
}

.fa-plane-landing-gear {
  --fa: "\e7bc";
}

.fa-rocket-vertical {
  --fa: "\e7bd";
}

.fa-seat-airline-window {
  --fa: "\e7be";
}

.fa-shuttle-space-vertical {
  --fa: "\e7bf";
}

.fa-car-key {
  --fa: "\e7c0";
}

.fa-car-siren {
  --fa: "\e7c1";
}

.fa-car-siren-on {
  --fa: "\e7c2";
}

.fa-scooter {
  --fa: "\e7c3";
}

.fa-snowmobile-blank {
  --fa: "\e7c4";
}

.fa-stair-car {
  --fa: "\e7c5";
}

.fa-truck-suv {
  --fa: "\e7c6";
}

.fa-unicycle {
  --fa: "\e7c7";
}

.fa-van {
  --fa: "\e7c8";
}

.fa-moon-star {
  --fa: "\e7c9";
}

.fa-rainbow-half {
  --fa: "\e7ca";
}

.fa-temperature-slash {
  --fa: "\e7cb";
}

.fa-dialpad {
  --fa: "\e7cc";
}

.fa-numpad {
  --fa: "\e7cc";
}

.fa-computer-mouse-button-left {
  --fa: "\e7cd";
}

.fa-computer-mouse-button-right {
  --fa: "\e7ce";
}

.fa-dot {
  --fa: "\e7d1";
}

.fa-folder-arrow-left {
  --fa: "\e7d2";
}

.fa-folder-arrow-right {
  --fa: "\e7d3";
}

.fa-wireless {
  --fa: "\e7df";
}

.fa-circle-moon {
  --fa: "\e7e0";
}

.fa-person-meditating {
  --fa: "\e7e1";
}

.fa-baseball-bat {
  --fa: "\e7e5";
}

.fa-hockey-stick {
  --fa: "\e7e6";
}

.fa-arrow-u-turn-down-left {
  --fa: "\e7e7";
}

.fa-arrow-u-turn-down-right {
  --fa: "\e7e8";
}

.fa-arrow-u-turn-left-down {
  --fa: "\e7e9";
}

.fa-arrow-u-turn-left-up {
  --fa: "\e7ea";
}

.fa-arrow-u-turn-right-down {
  --fa: "\e7eb";
}

.fa-arrow-u-turn-right-up {
  --fa: "\e7ec";
}

.fa-arrow-u-turn-up-left {
  --fa: "\e7ed";
}

.fa-arrow-u-turn-up-right {
  --fa: "\e7ee";
}

.fa-u-turn-down-left {
  --fa: "\e7ef";
}

.fa-u-turn-down-right {
  --fa: "\e7f0";
}

.fa-u-turn-left-down {
  --fa: "\e7f1";
}

.fa-u-turn {
  --fa: "\e7f1";
}

.fa-u-turn-left-up {
  --fa: "\e7f2";
}

.fa-u-turn-right-down {
  --fa: "\e7f3";
}

.fa-u-turn-right-up {
  --fa: "\e7f4";
}

.fa-u-turn-up-left {
  --fa: "\e7f5";
}

.fa-u-turn-up-right {
  --fa: "\e7f6";
}

.fa-triple-chevrons-down {
  --fa: "\e7f7";
}

.fa-triple-chevrons-left {
  --fa: "\e7f8";
}

.fa-triple-chevrons-right {
  --fa: "\e7f9";
}

.fa-triple-chevrons-up {
  --fa: "\e7fa";
}

.fa-file-aiff {
  --fa: "\e7fb";
}

.fa-file-odf {
  --fa: "\e7fc";
}

.fa-file-tex {
  --fa: "\e7fd";
}

.fa-file-wav {
  --fa: "\e7fe";
}

.fa-droplet-plus {
  --fa: "\e800";
}

.fa-hand-holding-star {
  --fa: "\e801";
}

.fa-transmission {
  --fa: "\e802";
}

.fa-alarm-minus {
  --fa: "\e803";
}

.fa-file-brackets-curly {
  --fa: "\e804";
}

.fa-file-midi {
  --fa: "\e805";
}

.fa-midi {
  --fa: "\e806";
}

.fa-non-binary {
  --fa: "\e807";
}

.fa-rectangle-beta {
  --fa: "\e808";
}

.fa-shield-user {
  --fa: "\e809";
}

.fa-spiral {
  --fa: "\e80a";
}

.fa-picture-in-picture {
  --fa: "\e80b";
}

.fa-circle-half-horizontal {
  --fa: "\e80c";
}

.fa-circle-half-stroke-horizontal {
  --fa: "\e80d";
}

.fa-square-half-horizontal {
  --fa: "\e80e";
}

.fa-square-half-stroke-horizontal {
  --fa: "\e80f";
}

.fa-ship-large {
  --fa: "\e810";
}

.fa-butterfly {
  --fa: "\e811";
}

.fa-mobile-rotate {
  --fa: "\e813";
}

.fa-mobile-rotate-reverse {
  --fa: "\e814";
}

.fa-mobile-slash {
  --fa: "\e815";
}

.fa-mobile-vibrate {
  --fa: "\e816";
}

.fa-mobile-vibrate-slash {
  --fa: "\e817";
}

.fa-almost-equal-to {
  --fa: "\e818";
}

.fa-sneaker-running {
  --fa: "\e819";
}

.fa-horseshoe {
  --fa: "\e81a";
}

.fa-single-quote-left {
  --fa: "\e81b";
}

.fa-single-quote-right {
  --fa: "\e81c";
}

.fa-bus-side {
  --fa: "\e81d";
}

.fa-bus-stop {
  --fa: "\e81e";
}

.fa-train-stop {
  --fa: "\e81f";
}

.fa-septagon {
  --fa: "\e820";
}

.fa-heptagon {
  --fa: "\e820";
}

.fa-mailbox-open-empty {
  --fa: "\e821";
}

.fa-mailbox-open-letter {
  --fa: "\e823";
}

.fa-lychee {
  --fa: "\e824";
}

.fa-tank-recovery {
  --fa: "\e825";
}

.fa-transducer {
  --fa: "\e826";
}

.fa-box-arrow-up {
  --fa: "\e827";
}

.fa-box-magnifying-glass {
  --fa: "\e828";
}

.fa-envelope-ribbon {
  --fa: "\e829";
}

.fa-envelope-certificate {
  --fa: "\e829";
}

.fa-water-temperature {
  --fa: "\e82a";
}

.fa-water-temp {
  --fa: "\e82a";
}

.fa-aeropress {
  --fa: "\e82b";
}

.fa-caret-large-down {
  --fa: "\e82c";
}

.fa-caret-large-left {
  --fa: "\e82d";
}

.fa-caret-large-right {
  --fa: "\e82e";
}

.fa-caret-large-up {
  --fa: "\e82f";
}

.fa-chemex {
  --fa: "\e830";
}

.fa-hand-shaka {
  --fa: "\e831";
}

.fa-kettlebell {
  --fa: "\e832";
}

.fa-foot-wing {
  --fa: "\e834";
}

.fa-pump-impeller {
  --fa: "\e835";
}

.fa-arrow-rotate-left-10 {
  --fa: "\e836";
}

.fa-arrow-rotate-right-10 {
  --fa: "\e837";
}

.fa-arrow-archery {
  --fa: "\e839";
}

.fa-bow-archery {
  --fa: "\e83a";
}

.fa-eye-closed {
  --fa: "\e83b";
}

.fa-file-css {
  --fa: "\e83c";
}

.fa-file-html {
  --fa: "\e83d";
}

.fa-file-js {
  --fa: "\e83e";
}

.fa-layer {
  --fa: "\e83f";
}

.fa-file-icns {
  --fa: "\e841";
}

.fa-link-broken {
  --fa: "\e842";
}

.fa-gpu {
  --fa: "\e843";
}

.fa-aquarius {
  --fa: "\e845";
}

.fa-aries {
  --fa: "\e846";
}

.fa-cancer {
  --fa: "\e847";
}

.fa-capricorn {
  --fa: "\e848";
}

.fa-gemini {
  --fa: "\e849";
}

.fa-leo {
  --fa: "\e84a";
}

.fa-libra {
  --fa: "\e84b";
}

.fa-pisces {
  --fa: "\e84c";
}

.fa-sagittarius {
  --fa: "\e84d";
}

.fa-scorpio {
  --fa: "\e84e";
}

.fa-taurus {
  --fa: "\e84f";
}

.fa-virgo {
  --fa: "\e850";
}

.fa-bicep {
  --fa: "\e862";
}

.fa-rectangle-irc {
  --fa: "\e86c";
}

.fa-moon-first-quarter {
  --fa: "\e870";
}

.fa-moon-last-quarter-inverse {
  --fa: "\e870";
}

.fa-moon-full {
  --fa: "\e871";
}

.fa-moon-new-inverse {
  --fa: "\e871";
}

.fa-moon-last-quarter {
  --fa: "\e872";
}

.fa-moon-first-quarter-inverse {
  --fa: "\e872";
}

.fa-moon-new {
  --fa: "\e873";
}

.fa-moon-full-inverse {
  --fa: "\e873";
}

.fa-moon-waning-crescent {
  --fa: "\e874";
}

.fa-moon-waxing-gibbous-inverse {
  --fa: "\e874";
}

.fa-moon-waning-gibbous {
  --fa: "\e875";
}

.fa-moon-waxing-crescent-inverse {
  --fa: "\e875";
}

.fa-moon-waxing-crescent {
  --fa: "\e876";
}

.fa-moon-waning-gibbous-inverse {
  --fa: "\e876";
}

.fa-moon-waxing-gibbous {
  --fa: "\e877";
}

.fa-moon-waning-crescent-inverse {
  --fa: "\e877";
}

.fa-burst-new {
  --fa: "\e878";
}

.fa-rectangle-new {
  --fa: "\e87a";
}

.fa-opossum {
  --fa: "\e87c";
}

.fa-possum {
  --fa: "\e87c";
}

.fa-input-password {
  --fa: "\e87d";
}

.fa-desk {
  --fa: "\e87e";
}

.fa-dresser {
  --fa: "\e87f";
}

.fa-stool {
  --fa: "\e880";
}

.fa-wardrobe {
  --fa: "\e881";
}

.fa-table-dining {
  --fa: "\e882";
}

.fa-chest-drawers {
  --fa: "\e883";
}

.fa-oar {
  --fa: "\e884";
}

.fa-oars {
  --fa: "\e885";
}

.fa-arrow-rotate-left-15 {
  --fa: "\e886";
}

.fa-arrow-rotate-left-30 {
  --fa: "\e887";
}

.fa-arrow-rotate-right-15 {
  --fa: "\e888";
}

.fa-arrow-rotate-right-30 {
  --fa: "\e889";
}

.fa-rows-3 {
  --fa: "\e88b";
}

.fa-table-cells-merge {
  --fa: "\e88c";
}

.fa-table-cells-split {
  --fa: "\e88d";
}

.fa-table-columns-add-after {
  --fa: "\e88e";
}

.fa-table-columns-add-before {
  --fa: "\e88f";
}

.fa-table-columns-merge-next {
  --fa: "\e890";
}

.fa-table-columns-merge-previous {
  --fa: "\e891";
}

.fa-table-columns-remove-after {
  --fa: "\e892";
}

.fa-table-columns-remove-before {
  --fa: "\e893";
}

.fa-table-rows-add-above {
  --fa: "\e894";
}

.fa-table-rows-add-below {
  --fa: "\e895";
}

.fa-table-rows-merge-next {
  --fa: "\e896";
}

.fa-table-rows-merge-previous {
  --fa: "\e897";
}

.fa-table-rows-remove-above {
  --fa: "\e898";
}

.fa-table-rows-remove-below {
  --fa: "\e899";
}

.fa-table-slash {
  --fa: "\e89a";
}

.fa-kayak {
  --fa: "\e89b";
}

.fa-canoe-person {
  --fa: "\e89c";
}

.fa-utility-can {
  --fa: "\e89d";
}

.fa-table-bar {
  --fa: "\e89e";
}

.fa-owl {
  --fa: "\e89f";
}

.fa-rectangle-api {
  --fa: "\e8a0";
}

.fa-nas {
  --fa: "\e8a1";
}

.fa-poker-chip {
  --fa: "\e8a2";
}

.fa-tower-receive {
  --fa: "\e8a3";
}

.fa-gear-api {
  --fa: "\e8a4";
}

.fa-gear-complex-api {
  --fa: "\e8a5";
}

.fa-globe-www {
  --fa: "\e8a6";
}

.fa-label {
  --fa: "\e8a7";
}

.fa-rectangle-n-a {
  --fa: "\e8a8";
}

.fa-remote {
  --fa: "\e8a9";
}

.fa-image-broken {
  --fa: "\e8aa";
}

.fa-envelope-heart {
  --fa: "\e8af";
}

.fa-meerkat {
  --fa: "\e8c4";
}

.fa-suricata {
  --fa: "\e8c4";
}

.fa-suricate {
  --fa: "\e8c4";
}

.fa-suricatta {
  --fa: "\e8c4";
}

.fa-file-md {
  --fa: "\e8c5";
}

.fa-file-txt {
  --fa: "\e8c6";
}

.fa-cricket-bat {
  --fa: "\e8c8";
}

.fa-field-hockey-stick {
  --fa: "\e8c9";
}

.fa-padel {
  --fa: "\e8ca";
}

.fa-padel-ball {
  --fa: "\e8cb";
}

.fa-table-tennis-paddle {
  --fa: "\e8cc";
}

.fa-martini-glass-empty {
  --fa: "\f000";
}

.fa-glass-martini {
  --fa: "\f000";
}

.fa-music {
  --fa: "\f001";
}

.fa-magnifying-glass {
  --fa: "\f002";
}

.fa-search {
  --fa: "\f002";
}

.fa-heart {
  --fa: "\f004";
}

.fa-star {
  --fa: "\f005";
}

.fa-user {
  --fa: "\f007";
}

.fa-user-alt {
  --fa: "\f007";
}

.fa-user-large {
  --fa: "\f007";
}

.fa-film {
  --fa: "\f008";
}

.fa-film-alt {
  --fa: "\f008";
}

.fa-film-simple {
  --fa: "\f008";
}

.fa-table-cells-large {
  --fa: "\f009";
}

.fa-th-large {
  --fa: "\f009";
}

.fa-table-cells {
  --fa: "\f00a";
}

.fa-th {
  --fa: "\f00a";
}

.fa-table-list {
  --fa: "\f00b";
}

.fa-th-list {
  --fa: "\f00b";
}

.fa-check {
  --fa: "\f00c";
}

.fa-xmark {
  --fa: "\f00d";
}

.fa-close {
  --fa: "\f00d";
}

.fa-multiply {
  --fa: "\f00d";
}

.fa-remove {
  --fa: "\f00d";
}

.fa-times {
  --fa: "\f00d";
}

.fa-magnifying-glass-plus {
  --fa: "\f00e";
}

.fa-search-plus {
  --fa: "\f00e";
}

.fa-magnifying-glass-minus {
  --fa: "\f010";
}

.fa-search-minus {
  --fa: "\f010";
}

.fa-power-off {
  --fa: "\f011";
}

.fa-signal {
  --fa: "\f012";
}

.fa-signal-5 {
  --fa: "\f012";
}

.fa-signal-perfect {
  --fa: "\f012";
}

.fa-gear {
  --fa: "\f013";
}

.fa-cog {
  --fa: "\f013";
}

.fa-house {
  --fa: "\f015";
}

.fa-home {
  --fa: "\f015";
}

.fa-home-alt {
  --fa: "\f015";
}

.fa-home-lg-alt {
  --fa: "\f015";
}

.fa-clock {
  --fa: "\f017";
}

.fa-clock-four {
  --fa: "\f017";
}

.fa-road {
  --fa: "\f018";
}

.fa-download {
  --fa: "\f019";
}

.fa-inbox {
  --fa: "\f01c";
}

.fa-arrow-rotate-right {
  --fa: "\f01e";
}

.fa-arrow-right-rotate {
  --fa: "\f01e";
}

.fa-arrow-rotate-forward {
  --fa: "\f01e";
}

.fa-redo {
  --fa: "\f01e";
}

.fa-arrows-rotate {
  --fa: "\f021";
}

.fa-refresh {
  --fa: "\f021";
}

.fa-sync {
  --fa: "\f021";
}

.fa-rectangle-list {
  --fa: "\f022";
}

.fa-list-alt {
  --fa: "\f022";
}

.fa-lock {
  --fa: "\f023";
}

.fa-flag {
  --fa: "\f024";
}

.fa-headphones {
  --fa: "\f025";
}

.fa-headphones-alt {
  --fa: "\f025";
}

.fa-headphones-simple {
  --fa: "\f025";
}

.fa-volume-off {
  --fa: "\f026";
}

.fa-volume-low {
  --fa: "\f027";
}

.fa-volume-down {
  --fa: "\f027";
}

.fa-volume-high {
  --fa: "\f028";
}

.fa-volume-up {
  --fa: "\f028";
}

.fa-qrcode {
  --fa: "\f029";
}

.fa-barcode {
  --fa: "\f02a";
}

.fa-tag {
  --fa: "\f02b";
}

.fa-tags {
  --fa: "\f02c";
}

.fa-book {
  --fa: "\f02d";
}

.fa-bookmark {
  --fa: "\f02e";
}

.fa-print {
  --fa: "\f02f";
}

.fa-camera {
  --fa: "\f030";
}

.fa-camera-alt {
  --fa: "\f030";
}

.fa-font {
  --fa: "\f031";
}

.fa-bold {
  --fa: "\f032";
}

.fa-italic {
  --fa: "\f033";
}

.fa-text-height {
  --fa: "\f034";
}

.fa-text-width {
  --fa: "\f035";
}

.fa-align-left {
  --fa: "\f036";
}

.fa-align-center {
  --fa: "\f037";
}

.fa-align-right {
  --fa: "\f038";
}

.fa-align-justify {
  --fa: "\f039";
}

.fa-list {
  --fa: "\f03a";
}

.fa-list-squares {
  --fa: "\f03a";
}

.fa-outdent {
  --fa: "\f03b";
}

.fa-dedent {
  --fa: "\f03b";
}

.fa-indent {
  --fa: "\f03c";
}

.fa-video {
  --fa: "\f03d";
}

.fa-video-camera {
  --fa: "\f03d";
}

.fa-image {
  --fa: "\f03e";
}

.fa-location-pin {
  --fa: "\f041";
}

.fa-map-marker {
  --fa: "\f041";
}

.fa-circle-half-stroke {
  --fa: "\f042";
}

.fa-adjust {
  --fa: "\f042";
}

.fa-droplet {
  --fa: "\f043";
}

.fa-tint {
  --fa: "\f043";
}

.fa-pen-to-square {
  --fa: "\f044";
}

.fa-edit {
  --fa: "\f044";
}

.fa-arrows-up-down-left-right {
  --fa: "\f047";
}

.fa-arrows {
  --fa: "\f047";
}

.fa-backward-step {
  --fa: "\f048";
}

.fa-step-backward {
  --fa: "\f048";
}

.fa-backward-fast {
  --fa: "\f049";
}

.fa-fast-backward {
  --fa: "\f049";
}

.fa-backward {
  --fa: "\f04a";
}

.fa-play {
  --fa: "\f04b";
}

.fa-pause {
  --fa: "\f04c";
}

.fa-stop {
  --fa: "\f04d";
}

.fa-forward {
  --fa: "\f04e";
}

.fa-forward-fast {
  --fa: "\f050";
}

.fa-fast-forward {
  --fa: "\f050";
}

.fa-forward-step {
  --fa: "\f051";
}

.fa-step-forward {
  --fa: "\f051";
}

.fa-eject {
  --fa: "\f052";
}

.fa-chevron-left {
  --fa: "\f053";
}

.fa-chevron-right {
  --fa: "\f054";
}

.fa-circle-plus {
  --fa: "\f055";
}

.fa-plus-circle {
  --fa: "\f055";
}

.fa-circle-minus {
  --fa: "\f056";
}

.fa-minus-circle {
  --fa: "\f056";
}

.fa-circle-xmark {
  --fa: "\f057";
}

.fa-times-circle {
  --fa: "\f057";
}

.fa-xmark-circle {
  --fa: "\f057";
}

.fa-circle-check {
  --fa: "\f058";
}

.fa-check-circle {
  --fa: "\f058";
}

.fa-circle-question {
  --fa: "\f059";
}

.fa-question-circle {
  --fa: "\f059";
}

.fa-circle-info {
  --fa: "\f05a";
}

.fa-info-circle {
  --fa: "\f05a";
}

.fa-crosshairs {
  --fa: "\f05b";
}

.fa-ban {
  --fa: "\f05e";
}

.fa-cancel {
  --fa: "\f05e";
}

.fa-arrow-left {
  --fa: "\f060";
}

.fa-arrow-right {
  --fa: "\f061";
}

.fa-arrow-up {
  --fa: "\f062";
}

.fa-arrow-down {
  --fa: "\f063";
}

.fa-share {
  --fa: "\f064";
}

.fa-mail-forward {
  --fa: "\f064";
}

.fa-expand {
  --fa: "\f065";
}

.fa-compress {
  --fa: "\f066";
}

.fa-minus {
  --fa: "\f068";
}

.fa-subtract {
  --fa: "\f068";
}

.fa-circle-exclamation {
  --fa: "\f06a";
}

.fa-exclamation-circle {
  --fa: "\f06a";
}

.fa-gift {
  --fa: "\f06b";
}

.fa-leaf {
  --fa: "\f06c";
}

.fa-fire {
  --fa: "\f06d";
}

.fa-eye {
  --fa: "\f06e";
}

.fa-eye-slash {
  --fa: "\f070";
}

.fa-triangle-exclamation {
  --fa: "\f071";
}

.fa-exclamation-triangle {
  --fa: "\f071";
}

.fa-warning {
  --fa: "\f071";
}

.fa-plane {
  --fa: "\f072";
}

.fa-calendar-days {
  --fa: "\f073";
}

.fa-calendar-alt {
  --fa: "\f073";
}

.fa-shuffle {
  --fa: "\f074";
}

.fa-random {
  --fa: "\f074";
}

.fa-comment {
  --fa: "\f075";
}

.fa-magnet {
  --fa: "\f076";
}

.fa-chevron-up {
  --fa: "\f077";
}

.fa-chevron-down {
  --fa: "\f078";
}

.fa-retweet {
  --fa: "\f079";
}

.fa-cart-shopping {
  --fa: "\f07a";
}

.fa-shopping-cart {
  --fa: "\f07a";
}

.fa-folder {
  --fa: "\f07b";
}

.fa-folder-blank {
  --fa: "\f07b";
}

.fa-folder-open {
  --fa: "\f07c";
}

.fa-arrows-up-down {
  --fa: "\f07d";
}

.fa-arrows-v {
  --fa: "\f07d";
}

.fa-arrows-left-right {
  --fa: "\f07e";
}

.fa-arrows-h {
  --fa: "\f07e";
}

.fa-chart-bar {
  --fa: "\f080";
}

.fa-bar-chart {
  --fa: "\f080";
}

.fa-camera-retro {
  --fa: "\f083";
}

.fa-key {
  --fa: "\f084";
}

.fa-gears {
  --fa: "\f085";
}

.fa-cogs {
  --fa: "\f085";
}

.fa-comments {
  --fa: "\f086";
}

.fa-star-half {
  --fa: "\f089";
}

.fa-arrow-right-from-bracket {
  --fa: "\f08b";
}

.fa-sign-out {
  --fa: "\f08b";
}

.fa-thumbtack {
  --fa: "\f08d";
}

.fa-thumb-tack {
  --fa: "\f08d";
}

.fa-arrow-up-right-from-square {
  --fa: "\f08e";
}

.fa-external-link {
  --fa: "\f08e";
}

.fa-arrow-right-to-bracket {
  --fa: "\f090";
}

.fa-sign-in {
  --fa: "\f090";
}

.fa-trophy {
  --fa: "\f091";
}

.fa-upload {
  --fa: "\f093";
}

.fa-lemon {
  --fa: "\f094";
}

.fa-phone {
  --fa: "\f095";
}

.fa-square-phone {
  --fa: "\f098";
}

.fa-phone-square {
  --fa: "\f098";
}

.fa-unlock {
  --fa: "\f09c";
}

.fa-credit-card {
  --fa: "\f09d";
}

.fa-credit-card-alt {
  --fa: "\f09d";
}

.fa-rss {
  --fa: "\f09e";
}

.fa-feed {
  --fa: "\f09e";
}

.fa-hard-drive {
  --fa: "\f0a0";
}

.fa-hdd {
  --fa: "\f0a0";
}

.fa-bullhorn {
  --fa: "\f0a1";
}

.fa-certificate {
  --fa: "\f0a3";
}

.fa-hand-point-right {
  --fa: "\f0a4";
}

.fa-hand-point-left {
  --fa: "\f0a5";
}

.fa-hand-point-up {
  --fa: "\f0a6";
}

.fa-hand-point-down {
  --fa: "\f0a7";
}

.fa-circle-arrow-left {
  --fa: "\f0a8";
}

.fa-arrow-circle-left {
  --fa: "\f0a8";
}

.fa-circle-arrow-right {
  --fa: "\f0a9";
}

.fa-arrow-circle-right {
  --fa: "\f0a9";
}

.fa-circle-arrow-up {
  --fa: "\f0aa";
}

.fa-arrow-circle-up {
  --fa: "\f0aa";
}

.fa-circle-arrow-down {
  --fa: "\f0ab";
}

.fa-arrow-circle-down {
  --fa: "\f0ab";
}

.fa-globe {
  --fa: "\f0ac";
}

.fa-wrench {
  --fa: "\f0ad";
}

.fa-list-check {
  --fa: "\f0ae";
}

.fa-tasks {
  --fa: "\f0ae";
}

.fa-filter {
  --fa: "\f0b0";
}

.fa-briefcase {
  --fa: "\f0b1";
}

.fa-up-down-left-right {
  --fa: "\f0b2";
}

.fa-arrows-alt {
  --fa: "\f0b2";
}

.fa-users {
  --fa: "\f0c0";
}

.fa-link {
  --fa: "\f0c1";
}

.fa-chain {
  --fa: "\f0c1";
}

.fa-cloud {
  --fa: "\f0c2";
}

.fa-flask {
  --fa: "\f0c3";
}

.fa-scissors {
  --fa: "\f0c4";
}

.fa-cut {
  --fa: "\f0c4";
}

.fa-copy {
  --fa: "\f0c5";
}

.fa-paperclip {
  --fa: "\f0c6";
}

.fa-floppy-disk {
  --fa: "\f0c7";
}

.fa-save {
  --fa: "\f0c7";
}

.fa-square {
  --fa: "\f0c8";
}

.fa-bars {
  --fa: "\f0c9";
}

.fa-navicon {
  --fa: "\f0c9";
}

.fa-list-ul {
  --fa: "\f0ca";
}

.fa-list-dots {
  --fa: "\f0ca";
}

.fa-list-ol {
  --fa: "\f0cb";
}

.fa-list-1-2 {
  --fa: "\f0cb";
}

.fa-list-numeric {
  --fa: "\f0cb";
}

.fa-strikethrough {
  --fa: "\f0cc";
}

.fa-underline {
  --fa: "\f0cd";
}

.fa-table {
  --fa: "\f0ce";
}

.fa-wand-magic {
  --fa: "\f0d0";
}

.fa-magic {
  --fa: "\f0d0";
}

.fa-truck {
  --fa: "\f0d1";
}

.fa-money-bill {
  --fa: "\f0d6";
}

.fa-caret-down {
  --fa: "\f0d7";
}

.fa-caret-up {
  --fa: "\f0d8";
}

.fa-caret-left {
  --fa: "\f0d9";
}

.fa-caret-right {
  --fa: "\f0da";
}

.fa-table-columns {
  --fa: "\f0db";
}

.fa-columns {
  --fa: "\f0db";
}

.fa-sort {
  --fa: "\f0dc";
}

.fa-unsorted {
  --fa: "\f0dc";
}

.fa-sort-down {
  --fa: "\f0dd";
}

.fa-sort-desc {
  --fa: "\f0dd";
}

.fa-sort-up {
  --fa: "\f0de";
}

.fa-sort-asc {
  --fa: "\f0de";
}

.fa-envelope {
  --fa: "\f0e0";
}

.fa-arrow-rotate-left {
  --fa: "\f0e2";
}

.fa-arrow-left-rotate {
  --fa: "\f0e2";
}

.fa-arrow-rotate-back {
  --fa: "\f0e2";
}

.fa-arrow-rotate-backward {
  --fa: "\f0e2";
}

.fa-undo {
  --fa: "\f0e2";
}

.fa-gavel {
  --fa: "\f0e3";
}

.fa-legal {
  --fa: "\f0e3";
}

.fa-bolt {
  --fa: "\f0e7";
}

.fa-zap {
  --fa: "\f0e7";
}

.fa-sitemap {
  --fa: "\f0e8";
}

.fa-umbrella {
  --fa: "\f0e9";
}

.fa-paste {
  --fa: "\f0ea";
}

.fa-file-clipboard {
  --fa: "\f0ea";
}

.fa-lightbulb {
  --fa: "\f0eb";
}

.fa-arrow-right-arrow-left {
  --fa: "\f0ec";
}

.fa-exchange {
  --fa: "\f0ec";
}

.fa-cloud-arrow-down {
  --fa: "\f0ed";
}

.fa-cloud-download {
  --fa: "\f0ed";
}

.fa-cloud-download-alt {
  --fa: "\f0ed";
}

.fa-cloud-arrow-up {
  --fa: "\f0ee";
}

.fa-cloud-upload {
  --fa: "\f0ee";
}

.fa-cloud-upload-alt {
  --fa: "\f0ee";
}

.fa-user-doctor {
  --fa: "\f0f0";
}

.fa-user-md {
  --fa: "\f0f0";
}

.fa-stethoscope {
  --fa: "\f0f1";
}

.fa-suitcase {
  --fa: "\f0f2";
}

.fa-bell {
  --fa: "\f0f3";
}

.fa-mug-saucer {
  --fa: "\f0f4";
}

.fa-coffee {
  --fa: "\f0f4";
}

.fa-hospital {
  --fa: "\f0f8";
}

.fa-hospital-alt {
  --fa: "\f0f8";
}

.fa-hospital-wide {
  --fa: "\f0f8";
}

.fa-truck-medical {
  --fa: "\f0f9";
}

.fa-ambulance {
  --fa: "\f0f9";
}

.fa-suitcase-medical {
  --fa: "\f0fa";
}

.fa-medkit {
  --fa: "\f0fa";
}

.fa-jet-fighter {
  --fa: "\f0fb";
}

.fa-fighter-jet {
  --fa: "\f0fb";
}

.fa-beer-mug-empty {
  --fa: "\f0fc";
}

.fa-beer {
  --fa: "\f0fc";
}

.fa-square-h {
  --fa: "\f0fd";
}

.fa-h-square {
  --fa: "\f0fd";
}

.fa-square-plus {
  --fa: "\f0fe";
}

.fa-plus-square {
  --fa: "\f0fe";
}

.fa-angles-left {
  --fa: "\f100";
}

.fa-angle-double-left {
  --fa: "\f100";
}

.fa-angles-right {
  --fa: "\f101";
}

.fa-angle-double-right {
  --fa: "\f101";
}

.fa-angles-up {
  --fa: "\f102";
}

.fa-angle-double-up {
  --fa: "\f102";
}

.fa-angles-down {
  --fa: "\f103";
}

.fa-angle-double-down {
  --fa: "\f103";
}

.fa-angle-left {
  --fa: "\f104";
}

.fa-angle-right {
  --fa: "\f105";
}

.fa-angle-up {
  --fa: "\f106";
}

.fa-angle-down {
  --fa: "\f107";
}

.fa-laptop {
  --fa: "\f109";
}

.fa-tablet-button {
  --fa: "\f10a";
}

.fa-mobile-button {
  --fa: "\f10b";
}

.fa-quote-left {
  --fa: "\f10d";
}

.fa-quote-left-alt {
  --fa: "\f10d";
}

.fa-quote-right {
  --fa: "\f10e";
}

.fa-quote-right-alt {
  --fa: "\f10e";
}

.fa-spinner {
  --fa: "\f110";
}

.fa-circle {
  --fa: "\f111";
}

.fa-face-smile {
  --fa: "\f118";
}

.fa-smile {
  --fa: "\f118";
}

.fa-face-frown {
  --fa: "\f119";
}

.fa-frown {
  --fa: "\f119";
}

.fa-face-meh {
  --fa: "\f11a";
}

.fa-meh {
  --fa: "\f11a";
}

.fa-gamepad {
  --fa: "\f11b";
}

.fa-keyboard {
  --fa: "\f11c";
}

.fa-flag-checkered {
  --fa: "\f11e";
}

.fa-terminal {
  --fa: "\f120";
}

.fa-code {
  --fa: "\f121";
}

.fa-reply-all {
  --fa: "\f122";
}

.fa-mail-reply-all {
  --fa: "\f122";
}

.fa-location-arrow {
  --fa: "\f124";
}

.fa-crop {
  --fa: "\f125";
}

.fa-code-branch {
  --fa: "\f126";
}

.fa-link-slash {
  --fa: "\f127";
}

.fa-chain-broken {
  --fa: "\f127";
}

.fa-chain-slash {
  --fa: "\f127";
}

.fa-unlink {
  --fa: "\f127";
}

.fa-info {
  --fa: "\f129";
}

.fa-superscript {
  --fa: "\f12b";
}

.fa-subscript {
  --fa: "\f12c";
}

.fa-eraser {
  --fa: "\f12d";
}

.fa-puzzle-piece {
  --fa: "\f12e";
}

.fa-microphone {
  --fa: "\f130";
}

.fa-microphone-slash {
  --fa: "\f131";
}

.fa-shield {
  --fa: "\f132";
}

.fa-shield-blank {
  --fa: "\f132";
}

.fa-calendar {
  --fa: "\f133";
}

.fa-fire-extinguisher {
  --fa: "\f134";
}

.fa-rocket {
  --fa: "\f135";
}

.fa-circle-chevron-left {
  --fa: "\f137";
}

.fa-chevron-circle-left {
  --fa: "\f137";
}

.fa-circle-chevron-right {
  --fa: "\f138";
}

.fa-chevron-circle-right {
  --fa: "\f138";
}

.fa-circle-chevron-up {
  --fa: "\f139";
}

.fa-chevron-circle-up {
  --fa: "\f139";
}

.fa-circle-chevron-down {
  --fa: "\f13a";
}

.fa-chevron-circle-down {
  --fa: "\f13a";
}

.fa-anchor {
  --fa: "\f13d";
}

.fa-unlock-keyhole {
  --fa: "\f13e";
}

.fa-unlock-alt {
  --fa: "\f13e";
}

.fa-bullseye {
  --fa: "\f140";
}

.fa-ellipsis {
  --fa: "\f141";
}

.fa-ellipsis-h {
  --fa: "\f141";
}

.fa-ellipsis-vertical {
  --fa: "\f142";
}

.fa-ellipsis-v {
  --fa: "\f142";
}

.fa-square-rss {
  --fa: "\f143";
}

.fa-rss-square {
  --fa: "\f143";
}

.fa-circle-play {
  --fa: "\f144";
}

.fa-play-circle {
  --fa: "\f144";
}

.fa-ticket {
  --fa: "\f145";
}

.fa-square-minus {
  --fa: "\f146";
}

.fa-minus-square {
  --fa: "\f146";
}

.fa-arrow-turn-up {
  --fa: "\f148";
}

.fa-level-up {
  --fa: "\f148";
}

.fa-arrow-turn-down {
  --fa: "\f149";
}

.fa-level-down {
  --fa: "\f149";
}

.fa-square-check {
  --fa: "\f14a";
}

.fa-check-square {
  --fa: "\f14a";
}

.fa-square-pen {
  --fa: "\f14b";
}

.fa-pen-square {
  --fa: "\f14b";
}

.fa-pencil-square {
  --fa: "\f14b";
}

.fa-square-arrow-up-right {
  --fa: "\f14c";
}

.fa-external-link-square {
  --fa: "\f14c";
}

.fa-share-from-square {
  --fa: "\f14d";
}

.fa-share-square {
  --fa: "\f14d";
}

.fa-compass {
  --fa: "\f14e";
}

.fa-square-caret-down {
  --fa: "\f150";
}

.fa-caret-square-down {
  --fa: "\f150";
}

.fa-square-caret-up {
  --fa: "\f151";
}

.fa-caret-square-up {
  --fa: "\f151";
}

.fa-square-caret-right {
  --fa: "\f152";
}

.fa-caret-square-right {
  --fa: "\f152";
}

.fa-euro-sign {
  --fa: "\f153";
}

.fa-eur {
  --fa: "\f153";
}

.fa-euro {
  --fa: "\f153";
}

.fa-sterling-sign {
  --fa: "\f154";
}

.fa-gbp {
  --fa: "\f154";
}

.fa-pound-sign {
  --fa: "\f154";
}

.fa-rupee-sign {
  --fa: "\f156";
}

.fa-rupee {
  --fa: "\f156";
}

.fa-yen-sign {
  --fa: "\f157";
}

.fa-cny {
  --fa: "\f157";
}

.fa-jpy {
  --fa: "\f157";
}

.fa-rmb {
  --fa: "\f157";
}

.fa-yen {
  --fa: "\f157";
}

.fa-ruble-sign {
  --fa: "\f158";
}

.fa-rouble {
  --fa: "\f158";
}

.fa-rub {
  --fa: "\f158";
}

.fa-ruble {
  --fa: "\f158";
}

.fa-won-sign {
  --fa: "\f159";
}

.fa-krw {
  --fa: "\f159";
}

.fa-won {
  --fa: "\f159";
}

.fa-file {
  --fa: "\f15b";
}

.fa-file-lines {
  --fa: "\f15c";
}

.fa-file-alt {
  --fa: "\f15c";
}

.fa-file-text {
  --fa: "\f15c";
}

.fa-arrow-down-a-z {
  --fa: "\f15d";
}

.fa-sort-alpha-asc {
  --fa: "\f15d";
}

.fa-sort-alpha-down {
  --fa: "\f15d";
}

.fa-arrow-up-a-z {
  --fa: "\f15e";
}

.fa-sort-alpha-up {
  --fa: "\f15e";
}

.fa-arrow-down-wide-short {
  --fa: "\f160";
}

.fa-sort-amount-asc {
  --fa: "\f160";
}

.fa-sort-amount-down {
  --fa: "\f160";
}

.fa-arrow-up-wide-short {
  --fa: "\f161";
}

.fa-sort-amount-up {
  --fa: "\f161";
}

.fa-arrow-down-1-9 {
  --fa: "\f162";
}

.fa-sort-numeric-asc {
  --fa: "\f162";
}

.fa-sort-numeric-down {
  --fa: "\f162";
}

.fa-arrow-up-1-9 {
  --fa: "\f163";
}

.fa-sort-numeric-up {
  --fa: "\f163";
}

.fa-thumbs-up {
  --fa: "\f164";
}

.fa-thumbs-down {
  --fa: "\f165";
}

.fa-arrow-down-long {
  --fa: "\f175";
}

.fa-long-arrow-down {
  --fa: "\f175";
}

.fa-arrow-up-long {
  --fa: "\f176";
}

.fa-long-arrow-up {
  --fa: "\f176";
}

.fa-arrow-left-long {
  --fa: "\f177";
}

.fa-long-arrow-left {
  --fa: "\f177";
}

.fa-arrow-right-long {
  --fa: "\f178";
}

.fa-long-arrow-right {
  --fa: "\f178";
}

.fa-person-dress {
  --fa: "\f182";
}

.fa-female {
  --fa: "\f182";
}

.fa-person {
  --fa: "\f183";
}

.fa-male {
  --fa: "\f183";
}

.fa-sun {
  --fa: "\f185";
}

.fa-moon {
  --fa: "\f186";
}

.fa-box-archive {
  --fa: "\f187";
}

.fa-archive {
  --fa: "\f187";
}

.fa-bug {
  --fa: "\f188";
}

.fa-square-caret-left {
  --fa: "\f191";
}

.fa-caret-square-left {
  --fa: "\f191";
}

.fa-circle-dot {
  --fa: "\f192";
}

.fa-dot-circle {
  --fa: "\f192";
}

.fa-wheelchair {
  --fa: "\f193";
}

.fa-lira-sign {
  --fa: "\f195";
}

.fa-shuttle-space {
  --fa: "\f197";
}

.fa-space-shuttle {
  --fa: "\f197";
}

.fa-square-envelope {
  --fa: "\f199";
}

.fa-envelope-square {
  --fa: "\f199";
}

.fa-building-columns {
  --fa: "\f19c";
}

.fa-bank {
  --fa: "\f19c";
}

.fa-institution {
  --fa: "\f19c";
}

.fa-museum {
  --fa: "\f19c";
}

.fa-university {
  --fa: "\f19c";
}

.fa-graduation-cap {
  --fa: "\f19d";
}

.fa-mortar-board {
  --fa: "\f19d";
}

.fa-language {
  --fa: "\f1ab";
}

.fa-fax {
  --fa: "\f1ac";
}

.fa-building {
  --fa: "\f1ad";
}

.fa-child {
  --fa: "\f1ae";
}

.fa-paw {
  --fa: "\f1b0";
}

.fa-cube {
  --fa: "\f1b2";
}

.fa-cubes {
  --fa: "\f1b3";
}

.fa-recycle {
  --fa: "\f1b8";
}

.fa-car {
  --fa: "\f1b9";
}

.fa-automobile {
  --fa: "\f1b9";
}

.fa-taxi {
  --fa: "\f1ba";
}

.fa-cab {
  --fa: "\f1ba";
}

.fa-tree {
  --fa: "\f1bb";
}

.fa-database {
  --fa: "\f1c0";
}

.fa-file-pdf {
  --fa: "\f1c1";
}

.fa-file-word {
  --fa: "\f1c2";
}

.fa-file-excel {
  --fa: "\f1c3";
}

.fa-file-powerpoint {
  --fa: "\f1c4";
}

.fa-file-image {
  --fa: "\f1c5";
}

.fa-file-zipper {
  --fa: "\f1c6";
}

.fa-file-archive {
  --fa: "\f1c6";
}

.fa-file-audio {
  --fa: "\f1c7";
}

.fa-file-video {
  --fa: "\f1c8";
}

.fa-file-code {
  --fa: "\f1c9";
}

.fa-life-ring {
  --fa: "\f1cd";
}

.fa-circle-notch {
  --fa: "\f1ce";
}

.fa-paper-plane {
  --fa: "\f1d8";
}

.fa-clock-rotate-left {
  --fa: "\f1da";
}

.fa-history {
  --fa: "\f1da";
}

.fa-heading {
  --fa: "\f1dc";
}

.fa-header {
  --fa: "\f1dc";
}

.fa-paragraph {
  --fa: "\f1dd";
}

.fa-sliders {
  --fa: "\f1de";
}

.fa-sliders-h {
  --fa: "\f1de";
}

.fa-share-nodes {
  --fa: "\f1e0";
}

.fa-share-alt {
  --fa: "\f1e0";
}

.fa-square-share-nodes {
  --fa: "\f1e1";
}

.fa-share-alt-square {
  --fa: "\f1e1";
}

.fa-bomb {
  --fa: "\f1e2";
}

.fa-futbol {
  --fa: "\f1e3";
}

.fa-futbol-ball {
  --fa: "\f1e3";
}

.fa-soccer-ball {
  --fa: "\f1e3";
}

.fa-tty {
  --fa: "\f1e4";
}

.fa-teletype {
  --fa: "\f1e4";
}

.fa-binoculars {
  --fa: "\f1e5";
}

.fa-plug {
  --fa: "\f1e6";
}

.fa-newspaper {
  --fa: "\f1ea";
}

.fa-wifi {
  --fa: "\f1eb";
}

.fa-wifi-3 {
  --fa: "\f1eb";
}

.fa-wifi-strong {
  --fa: "\f1eb";
}

.fa-calculator {
  --fa: "\f1ec";
}

.fa-bell-slash {
  --fa: "\f1f6";
}

.fa-trash {
  --fa: "\f1f8";
}

.fa-copyright {
  --fa: "\f1f9";
}

.fa-eye-dropper {
  --fa: "\f1fb";
}

.fa-eye-dropper-empty {
  --fa: "\f1fb";
}

.fa-eyedropper {
  --fa: "\f1fb";
}

.fa-paintbrush {
  --fa: "\f1fc";
}

.fa-paint-brush {
  --fa: "\f1fc";
}

.fa-cake-candles {
  --fa: "\f1fd";
}

.fa-birthday-cake {
  --fa: "\f1fd";
}

.fa-cake {
  --fa: "\f1fd";
}

.fa-chart-area {
  --fa: "\f1fe";
}

.fa-area-chart {
  --fa: "\f1fe";
}

.fa-chart-pie {
  --fa: "\f200";
}

.fa-pie-chart {
  --fa: "\f200";
}

.fa-chart-line {
  --fa: "\f201";
}

.fa-line-chart {
  --fa: "\f201";
}

.fa-toggle-off {
  --fa: "\f204";
}

.fa-toggle-on {
  --fa: "\f205";
}

.fa-bicycle {
  --fa: "\f206";
}

.fa-bus {
  --fa: "\f207";
}

.fa-closed-captioning {
  --fa: "\f20a";
}

.fa-shekel-sign {
  --fa: "\f20b";
}

.fa-ils {
  --fa: "\f20b";
}

.fa-shekel {
  --fa: "\f20b";
}

.fa-sheqel {
  --fa: "\f20b";
}

.fa-sheqel-sign {
  --fa: "\f20b";
}

.fa-cart-plus {
  --fa: "\f217";
}

.fa-cart-arrow-down {
  --fa: "\f218";
}

.fa-diamond {
  --fa: "\f219";
}

.fa-ship {
  --fa: "\f21a";
}

.fa-user-secret {
  --fa: "\f21b";
}

.fa-motorcycle {
  --fa: "\f21c";
}

.fa-street-view {
  --fa: "\f21d";
}

.fa-heart-pulse {
  --fa: "\f21e";
}

.fa-heartbeat {
  --fa: "\f21e";
}

.fa-venus {
  --fa: "\f221";
}

.fa-mars {
  --fa: "\f222";
}

.fa-mercury {
  --fa: "\f223";
}

.fa-mars-and-venus {
  --fa: "\f224";
}

.fa-transgender {
  --fa: "\f225";
}

.fa-transgender-alt {
  --fa: "\f225";
}

.fa-venus-double {
  --fa: "\f226";
}

.fa-mars-double {
  --fa: "\f227";
}

.fa-venus-mars {
  --fa: "\f228";
}

.fa-mars-stroke {
  --fa: "\f229";
}

.fa-mars-stroke-up {
  --fa: "\f22a";
}

.fa-mars-stroke-v {
  --fa: "\f22a";
}

.fa-mars-stroke-right {
  --fa: "\f22b";
}

.fa-mars-stroke-h {
  --fa: "\f22b";
}

.fa-neuter {
  --fa: "\f22c";
}

.fa-genderless {
  --fa: "\f22d";
}

.fa-server {
  --fa: "\f233";
}

.fa-user-plus {
  --fa: "\f234";
}

.fa-user-xmark {
  --fa: "\f235";
}

.fa-user-times {
  --fa: "\f235";
}

.fa-bed {
  --fa: "\f236";
}

.fa-train {
  --fa: "\f238";
}

.fa-train-subway {
  --fa: "\f239";
}

.fa-subway {
  --fa: "\f239";
}

.fa-battery-full {
  --fa: "\f240";
}

.fa-battery {
  --fa: "\f240";
}

.fa-battery-5 {
  --fa: "\f240";
}

.fa-battery-three-quarters {
  --fa: "\f241";
}

.fa-battery-4 {
  --fa: "\f241";
}

.fa-battery-half {
  --fa: "\f242";
}

.fa-battery-3 {
  --fa: "\f242";
}

.fa-battery-quarter {
  --fa: "\f243";
}

.fa-battery-2 {
  --fa: "\f243";
}

.fa-battery-empty {
  --fa: "\f244";
}

.fa-battery-0 {
  --fa: "\f244";
}

.fa-arrow-pointer {
  --fa: "\f245";
}

.fa-mouse-pointer {
  --fa: "\f245";
}

.fa-i-cursor {
  --fa: "\f246";
}

.fa-object-group {
  --fa: "\f247";
}

.fa-object-ungroup {
  --fa: "\f248";
}

.fa-note-sticky {
  --fa: "\f249";
}

.fa-sticky-note {
  --fa: "\f249";
}

.fa-clone {
  --fa: "\f24d";
}

.fa-scale-balanced {
  --fa: "\f24e";
}

.fa-balance-scale {
  --fa: "\f24e";
}

.fa-hourglass-start {
  --fa: "\f251";
}

.fa-hourglass-1 {
  --fa: "\f251";
}

.fa-hourglass-half {
  --fa: "\f252";
}

.fa-hourglass-2 {
  --fa: "\f252";
}

.fa-hourglass-end {
  --fa: "\f253";
}

.fa-hourglass-3 {
  --fa: "\f253";
}

.fa-hourglass {
  --fa: "\f254";
}

.fa-hourglass-empty {
  --fa: "\f254";
}

.fa-hand-back-fist {
  --fa: "\f255";
}

.fa-hand-rock {
  --fa: "\f255";
}

.fa-hand {
  --fa: "\f256";
}

.fa-hand-paper {
  --fa: "\f256";
}

.fa-hand-scissors {
  --fa: "\f257";
}

.fa-hand-lizard {
  --fa: "\f258";
}

.fa-hand-spock {
  --fa: "\f259";
}

.fa-hand-pointer {
  --fa: "\f25a";
}

.fa-hand-peace {
  --fa: "\f25b";
}

.fa-trademark {
  --fa: "\f25c";
}

.fa-registered {
  --fa: "\f25d";
}

.fa-tv {
  --fa: "\f26c";
}

.fa-television {
  --fa: "\f26c";
}

.fa-tv-alt {
  --fa: "\f26c";
}

.fa-calendar-plus {
  --fa: "\f271";
}

.fa-calendar-minus {
  --fa: "\f272";
}

.fa-calendar-xmark {
  --fa: "\f273";
}

.fa-calendar-times {
  --fa: "\f273";
}

.fa-calendar-check {
  --fa: "\f274";
}

.fa-industry {
  --fa: "\f275";
}

.fa-map-pin {
  --fa: "\f276";
}

.fa-signs-post {
  --fa: "\f277";
}

.fa-map-signs {
  --fa: "\f277";
}

.fa-map {
  --fa: "\f279";
}

.fa-message {
  --fa: "\f27a";
}

.fa-comment-alt {
  --fa: "\f27a";
}

.fa-circle-pause {
  --fa: "\f28b";
}

.fa-pause-circle {
  --fa: "\f28b";
}

.fa-circle-stop {
  --fa: "\f28d";
}

.fa-stop-circle {
  --fa: "\f28d";
}

.fa-bag-shopping {
  --fa: "\f290";
}

.fa-shopping-bag {
  --fa: "\f290";
}

.fa-basket-shopping {
  --fa: "\f291";
}

.fa-shopping-basket {
  --fa: "\f291";
}

.fa-bluetooth {
  --fa: "\f293";
}

.fa-universal-access {
  --fa: "\f29a";
}

.fa-person-walking-with-cane {
  --fa: "\f29d";
}

.fa-blind {
  --fa: "\f29d";
}

.fa-audio-description {
  --fa: "\f29e";
}

.fa-phone-volume {
  --fa: "\f2a0";
}

.fa-volume-control-phone {
  --fa: "\f2a0";
}

.fa-braille {
  --fa: "\f2a1";
}

.fa-ear-listen {
  --fa: "\f2a2";
}

.fa-assistive-listening-systems {
  --fa: "\f2a2";
}

.fa-hands-asl-interpreting {
  --fa: "\f2a3";
}

.fa-american-sign-language-interpreting {
  --fa: "\f2a3";
}

.fa-asl-interpreting {
  --fa: "\f2a3";
}

.fa-hands-american-sign-language-interpreting {
  --fa: "\f2a3";
}

.fa-ear-deaf {
  --fa: "\f2a4";
}

.fa-deaf {
  --fa: "\f2a4";
}

.fa-deafness {
  --fa: "\f2a4";
}

.fa-hard-of-hearing {
  --fa: "\f2a4";
}

.fa-hands {
  --fa: "\f2a7";
}

.fa-sign-language {
  --fa: "\f2a7";
}

.fa-signing {
  --fa: "\f2a7";
}

.fa-eye-low-vision {
  --fa: "\f2a8";
}

.fa-low-vision {
  --fa: "\f2a8";
}

.fa-font-awesome {
  --fa: "\f2b4";
}

.fa-font-awesome-flag {
  --fa: "\f2b4";
}

.fa-font-awesome-logo-full {
  --fa: "\f2b4";
}

.fa-handshake {
  --fa: "\f2b5";
}

.fa-handshake-alt {
  --fa: "\f2b5";
}

.fa-handshake-simple {
  --fa: "\f2b5";
}

.fa-envelope-open {
  --fa: "\f2b6";
}

.fa-address-book {
  --fa: "\f2b9";
}

.fa-contact-book {
  --fa: "\f2b9";
}

.fa-address-card {
  --fa: "\f2bb";
}

.fa-contact-card {
  --fa: "\f2bb";
}

.fa-vcard {
  --fa: "\f2bb";
}

.fa-circle-user {
  --fa: "\f2bd";
}

.fa-user-circle {
  --fa: "\f2bd";
}

.fa-id-badge {
  --fa: "\f2c1";
}

.fa-id-card {
  --fa: "\f2c2";
}

.fa-drivers-license {
  --fa: "\f2c2";
}

.fa-temperature-full {
  --fa: "\f2c7";
}

.fa-temperature-4 {
  --fa: "\f2c7";
}

.fa-thermometer-4 {
  --fa: "\f2c7";
}

.fa-thermometer-full {
  --fa: "\f2c7";
}

.fa-temperature-three-quarters {
  --fa: "\f2c8";
}

.fa-temperature-3 {
  --fa: "\f2c8";
}

.fa-thermometer-3 {
  --fa: "\f2c8";
}

.fa-thermometer-three-quarters {
  --fa: "\f2c8";
}

.fa-temperature-half {
  --fa: "\f2c9";
}

.fa-temperature-2 {
  --fa: "\f2c9";
}

.fa-thermometer-2 {
  --fa: "\f2c9";
}

.fa-thermometer-half {
  --fa: "\f2c9";
}

.fa-temperature-quarter {
  --fa: "\f2ca";
}

.fa-temperature-1 {
  --fa: "\f2ca";
}

.fa-thermometer-1 {
  --fa: "\f2ca";
}

.fa-thermometer-quarter {
  --fa: "\f2ca";
}

.fa-temperature-empty {
  --fa: "\f2cb";
}

.fa-temperature-0 {
  --fa: "\f2cb";
}

.fa-thermometer-0 {
  --fa: "\f2cb";
}

.fa-thermometer-empty {
  --fa: "\f2cb";
}

.fa-shower {
  --fa: "\f2cc";
}

.fa-bath {
  --fa: "\f2cd";
}

.fa-bathtub {
  --fa: "\f2cd";
}

.fa-podcast {
  --fa: "\f2ce";
}

.fa-window-maximize {
  --fa: "\f2d0";
}

.fa-window-minimize {
  --fa: "\f2d1";
}

.fa-window-restore {
  --fa: "\f2d2";
}

.fa-square-xmark {
  --fa: "\f2d3";
}

.fa-times-square {
  --fa: "\f2d3";
}

.fa-xmark-square {
  --fa: "\f2d3";
}

.fa-microchip {
  --fa: "\f2db";
}

.fa-snowflake {
  --fa: "\f2dc";
}

.fa-watch {
  --fa: "\f2e1";
}

.fa-volume-slash {
  --fa: "\f2e2";
}

.fa-fork {
  --fa: "\f2e3";
}

.fa-utensil-fork {
  --fa: "\f2e3";
}

.fa-knife {
  --fa: "\f2e4";
}

.fa-utensil-knife {
  --fa: "\f2e4";
}

.fa-spoon {
  --fa: "\f2e5";
}

.fa-utensil-spoon {
  --fa: "\f2e5";
}

.fa-fork-knife {
  --fa: "\f2e6";
}

.fa-utensils-alt {
  --fa: "\f2e6";
}

.fa-utensils {
  --fa: "\f2e7";
}

.fa-cutlery {
  --fa: "\f2e7";
}

.fa-circle-dollar {
  --fa: "\f2e8";
}

.fa-dollar-circle {
  --fa: "\f2e8";
}

.fa-usd-circle {
  --fa: "\f2e8";
}

.fa-square-dollar {
  --fa: "\f2e9";
}

.fa-dollar-square {
  --fa: "\f2e9";
}

.fa-usd-square {
  --fa: "\f2e9";
}

.fa-rotate-left {
  --fa: "\f2ea";
}

.fa-rotate-back {
  --fa: "\f2ea";
}

.fa-rotate-backward {
  --fa: "\f2ea";
}

.fa-undo-alt {
  --fa: "\f2ea";
}

.fa-trophy-star {
  --fa: "\f2eb";
}

.fa-trophy-alt {
  --fa: "\f2eb";
}

.fa-triangle {
  --fa: "\f2ec";
}

.fa-trash-can {
  --fa: "\f2ed";
}

.fa-trash-alt {
  --fa: "\f2ed";
}

.fa-hexagon-xmark {
  --fa: "\f2ee";
}

.fa-times-hexagon {
  --fa: "\f2ee";
}

.fa-xmark-hexagon {
  --fa: "\f2ee";
}

.fa-octagon-xmark {
  --fa: "\f2f0";
}

.fa-times-octagon {
  --fa: "\f2f0";
}

.fa-xmark-octagon {
  --fa: "\f2f0";
}

.fa-rotate {
  --fa: "\f2f1";
}

.fa-sync-alt {
  --fa: "\f2f1";
}

.fa-stopwatch {
  --fa: "\f2f2";
}

.fa-star-exclamation {
  --fa: "\f2f3";
}

.fa-spade {
  --fa: "\f2f4";
}

.fa-right-from-bracket {
  --fa: "\f2f5";
}

.fa-sign-out-alt {
  --fa: "\f2f5";
}

.fa-right-to-bracket {
  --fa: "\f2f6";
}

.fa-sign-in-alt {
  --fa: "\f2f6";
}

.fa-shield-check {
  --fa: "\f2f7";
}

.fa-scrubber {
  --fa: "\f2f8";
}

.fa-rotate-right {
  --fa: "\f2f9";
}

.fa-redo-alt {
  --fa: "\f2f9";
}

.fa-rotate-forward {
  --fa: "\f2f9";
}

.fa-rectangle {
  --fa: "\f2fa";
}

.fa-rectangle-landscape {
  --fa: "\f2fa";
}

.fa-rectangle-vertical {
  --fa: "\f2fb";
}

.fa-rectangle-portrait {
  --fa: "\f2fb";
}

.fa-rectangle-wide {
  --fa: "\f2fc";
}

.fa-square-question {
  --fa: "\f2fd";
}

.fa-question-square {
  --fa: "\f2fd";
}

.fa-poo {
  --fa: "\f2fe";
}

.fa-hexagon-plus {
  --fa: "\f300";
}

.fa-plus-hexagon {
  --fa: "\f300";
}

.fa-octagon-plus {
  --fa: "\f301";
}

.fa-plus-octagon {
  --fa: "\f301";
}

.fa-images {
  --fa: "\f302";
}

.fa-pencil {
  --fa: "\f303";
}

.fa-pencil-alt {
  --fa: "\f303";
}

.fa-pen {
  --fa: "\f304";
}

.fa-pen-clip {
  --fa: "\f305";
}

.fa-pen-alt {
  --fa: "\f305";
}

.fa-octagon {
  --fa: "\f306";
}

.fa-hexagon-minus {
  --fa: "\f307";
}

.fa-minus-hexagon {
  --fa: "\f307";
}

.fa-octagon-minus {
  --fa: "\f308";
}

.fa-minus-octagon {
  --fa: "\f308";
}

.fa-down-long {
  --fa: "\f309";
}

.fa-long-arrow-alt-down {
  --fa: "\f309";
}

.fa-left-long {
  --fa: "\f30a";
}

.fa-long-arrow-alt-left {
  --fa: "\f30a";
}

.fa-right-long {
  --fa: "\f30b";
}

.fa-long-arrow-alt-right {
  --fa: "\f30b";
}

.fa-up-long {
  --fa: "\f30c";
}

.fa-long-arrow-alt-up {
  --fa: "\f30c";
}

.fa-lock-keyhole {
  --fa: "\f30d";
}

.fa-lock-alt {
  --fa: "\f30d";
}

.fa-jack-o-lantern {
  --fa: "\f30e";
}

.fa-square-info {
  --fa: "\f30f";
}

.fa-info-square {
  --fa: "\f30f";
}

.fa-inbox-in {
  --fa: "\f310";
}

.fa-inbox-arrow-down {
  --fa: "\f310";
}

.fa-inbox-out {
  --fa: "\f311";
}

.fa-inbox-arrow-up {
  --fa: "\f311";
}

.fa-hexagon {
  --fa: "\f312";
}

.fa-h1 {
  --fa: "\f313";
}

.fa-h2 {
  --fa: "\f314";
}

.fa-h3 {
  --fa: "\f315";
}

.fa-file-check {
  --fa: "\f316";
}

.fa-file-xmark {
  --fa: "\f317";
}

.fa-file-times {
  --fa: "\f317";
}

.fa-file-minus {
  --fa: "\f318";
}

.fa-file-plus {
  --fa: "\f319";
}

.fa-file-exclamation {
  --fa: "\f31a";
}

.fa-file-pen {
  --fa: "\f31c";
}

.fa-file-edit {
  --fa: "\f31c";
}

.fa-arrows-maximize {
  --fa: "\f31d";
}

.fa-expand-arrows {
  --fa: "\f31d";
}

.fa-maximize {
  --fa: "\f31e";
}

.fa-expand-arrows-alt {
  --fa: "\f31e";
}

.fa-expand-wide {
  --fa: "\f320";
}

.fa-square-exclamation {
  --fa: "\f321";
}

.fa-exclamation-square {
  --fa: "\f321";
}

.fa-chevrons-down {
  --fa: "\f322";
}

.fa-chevron-double-down {
  --fa: "\f322";
}

.fa-chevrons-left {
  --fa: "\f323";
}

.fa-chevron-double-left {
  --fa: "\f323";
}

.fa-chevrons-right {
  --fa: "\f324";
}

.fa-chevron-double-right {
  --fa: "\f324";
}

.fa-chevrons-up {
  --fa: "\f325";
}

.fa-chevron-double-up {
  --fa: "\f325";
}

.fa-compress-wide {
  --fa: "\f326";
}

.fa-club {
  --fa: "\f327";
}

.fa-clipboard {
  --fa: "\f328";
}

.fa-square-chevron-down {
  --fa: "\f329";
}

.fa-chevron-square-down {
  --fa: "\f329";
}

.fa-square-chevron-left {
  --fa: "\f32a";
}

.fa-chevron-square-left {
  --fa: "\f32a";
}

.fa-square-chevron-right {
  --fa: "\f32b";
}

.fa-chevron-square-right {
  --fa: "\f32b";
}

.fa-square-chevron-up {
  --fa: "\f32c";
}

.fa-chevron-square-up {
  --fa: "\f32c";
}

.fa-circle-caret-down {
  --fa: "\f32d";
}

.fa-caret-circle-down {
  --fa: "\f32d";
}

.fa-circle-caret-left {
  --fa: "\f32e";
}

.fa-caret-circle-left {
  --fa: "\f32e";
}

.fa-circle-caret-right {
  --fa: "\f330";
}

.fa-caret-circle-right {
  --fa: "\f330";
}

.fa-circle-caret-up {
  --fa: "\f331";
}

.fa-caret-circle-up {
  --fa: "\f331";
}

.fa-calendar-pen {
  --fa: "\f333";
}

.fa-calendar-edit {
  --fa: "\f333";
}

.fa-calendar-exclamation {
  --fa: "\f334";
}

.fa-badge {
  --fa: "\f335";
}

.fa-badge-check {
  --fa: "\f336";
}

.fa-left-right {
  --fa: "\f337";
}

.fa-arrows-alt-h {
  --fa: "\f337";
}

.fa-up-down {
  --fa: "\f338";
}

.fa-arrows-alt-v {
  --fa: "\f338";
}

.fa-square-arrow-down {
  --fa: "\f339";
}

.fa-arrow-square-down {
  --fa: "\f339";
}

.fa-square-arrow-left {
  --fa: "\f33a";
}

.fa-arrow-square-left {
  --fa: "\f33a";
}

.fa-square-arrow-right {
  --fa: "\f33b";
}

.fa-arrow-square-right {
  --fa: "\f33b";
}

.fa-square-arrow-up {
  --fa: "\f33c";
}

.fa-arrow-square-up {
  --fa: "\f33c";
}

.fa-arrow-down-to-line {
  --fa: "\f33d";
}

.fa-arrow-to-bottom {
  --fa: "\f33d";
}

.fa-arrow-left-to-line {
  --fa: "\f33e";
}

.fa-arrow-to-left {
  --fa: "\f33e";
}

.fa-arrow-right-to-line {
  --fa: "\f340";
}

.fa-arrow-to-right {
  --fa: "\f340";
}

.fa-arrow-up-to-line {
  --fa: "\f341";
}

.fa-arrow-to-top {
  --fa: "\f341";
}

.fa-arrow-up-from-line {
  --fa: "\f342";
}

.fa-arrow-from-bottom {
  --fa: "\f342";
}

.fa-arrow-right-from-line {
  --fa: "\f343";
}

.fa-arrow-from-left {
  --fa: "\f343";
}

.fa-arrow-left-from-line {
  --fa: "\f344";
}

.fa-arrow-from-right {
  --fa: "\f344";
}

.fa-arrow-down-from-line {
  --fa: "\f345";
}

.fa-arrow-from-top {
  --fa: "\f345";
}

.fa-up-from-line {
  --fa: "\f346";
}

.fa-arrow-alt-from-bottom {
  --fa: "\f346";
}

.fa-right-from-line {
  --fa: "\f347";
}

.fa-arrow-alt-from-left {
  --fa: "\f347";
}

.fa-left-from-line {
  --fa: "\f348";
}

.fa-arrow-alt-from-right {
  --fa: "\f348";
}

.fa-down-from-line {
  --fa: "\f349";
}

.fa-arrow-alt-from-top {
  --fa: "\f349";
}

.fa-down-to-line {
  --fa: "\f34a";
}

.fa-arrow-alt-to-bottom {
  --fa: "\f34a";
}

.fa-left-to-line {
  --fa: "\f34b";
}

.fa-arrow-alt-to-left {
  --fa: "\f34b";
}

.fa-right-to-line {
  --fa: "\f34c";
}

.fa-arrow-alt-to-right {
  --fa: "\f34c";
}

.fa-up-to-line {
  --fa: "\f34d";
}

.fa-arrow-alt-to-top {
  --fa: "\f34d";
}

.fa-alarm-clock {
  --fa: "\f34e";
}

.fa-square-down {
  --fa: "\f350";
}

.fa-arrow-alt-square-down {
  --fa: "\f350";
}

.fa-square-left {
  --fa: "\f351";
}

.fa-arrow-alt-square-left {
  --fa: "\f351";
}

.fa-square-right {
  --fa: "\f352";
}

.fa-arrow-alt-square-right {
  --fa: "\f352";
}

.fa-square-up {
  --fa: "\f353";
}

.fa-arrow-alt-square-up {
  --fa: "\f353";
}

.fa-down {
  --fa: "\f354";
}

.fa-arrow-alt-down {
  --fa: "\f354";
}

.fa-left {
  --fa: "\f355";
}

.fa-arrow-alt-left {
  --fa: "\f355";
}

.fa-right {
  --fa: "\f356";
}

.fa-arrow-alt-right {
  --fa: "\f356";
}

.fa-up {
  --fa: "\f357";
}

.fa-arrow-alt-up {
  --fa: "\f357";
}

.fa-circle-down {
  --fa: "\f358";
}

.fa-arrow-alt-circle-down {
  --fa: "\f358";
}

.fa-circle-left {
  --fa: "\f359";
}

.fa-arrow-alt-circle-left {
  --fa: "\f359";
}

.fa-circle-right {
  --fa: "\f35a";
}

.fa-arrow-alt-circle-right {
  --fa: "\f35a";
}

.fa-circle-up {
  --fa: "\f35b";
}

.fa-arrow-alt-circle-up {
  --fa: "\f35b";
}

.fa-up-right-from-square {
  --fa: "\f35d";
}

.fa-external-link-alt {
  --fa: "\f35d";
}

.fa-square-up-right {
  --fa: "\f360";
}

.fa-external-link-square-alt {
  --fa: "\f360";
}

.fa-arrows-retweet {
  --fa: "\f361";
}

.fa-retweet-alt {
  --fa: "\f361";
}

.fa-right-left {
  --fa: "\f362";
}

.fa-exchange-alt {
  --fa: "\f362";
}

.fa-repeat {
  --fa: "\f363";
}

.fa-arrows-repeat {
  --fa: "\f364";
}

.fa-repeat-alt {
  --fa: "\f364";
}

.fa-repeat-1 {
  --fa: "\f365";
}

.fa-arrows-repeat-1 {
  --fa: "\f366";
}

.fa-repeat-1-alt {
  --fa: "\f366";
}

.fa-share-all {
  --fa: "\f367";
}

.fa-battery-bolt {
  --fa: "\f376";
}

.fa-battery-slash {
  --fa: "\f377";
}

.fa-browser {
  --fa: "\f37e";
}

.fa-code-commit {
  --fa: "\f386";
}

.fa-code-merge {
  --fa: "\f387";
}

.fa-credit-card-blank {
  --fa: "\f389";
}

.fa-credit-card-front {
  --fa: "\f38a";
}

.fa-desktop {
  --fa: "\f390";
}

.fa-desktop-alt {
  --fa: "\f390";
}

.fa-ellipsis-stroke {
  --fa: "\f39b";
}

.fa-ellipsis-h-alt {
  --fa: "\f39b";
}

.fa-ellipsis-stroke-vertical {
  --fa: "\f39c";
}

.fa-ellipsis-v-alt {
  --fa: "\f39c";
}

.fa-gem {
  --fa: "\f3a5";
}

.fa-industry-windows {
  --fa: "\f3b3";
}

.fa-industry-alt {
  --fa: "\f3b3";
}

.fa-turn-down {
  --fa: "\f3be";
}

.fa-level-down-alt {
  --fa: "\f3be";
}

.fa-turn-up {
  --fa: "\f3bf";
}

.fa-level-up-alt {
  --fa: "\f3bf";
}

.fa-lock-open {
  --fa: "\f3c1";
}

.fa-lock-keyhole-open {
  --fa: "\f3c2";
}

.fa-lock-open-alt {
  --fa: "\f3c2";
}

.fa-location-dot {
  --fa: "\f3c5";
}

.fa-map-marker-alt {
  --fa: "\f3c5";
}

.fa-microphone-lines {
  --fa: "\f3c9";
}

.fa-microphone-alt {
  --fa: "\f3c9";
}

.fa-mobile-screen-button {
  --fa: "\f3cd";
}

.fa-mobile-alt {
  --fa: "\f3cd";
}

.fa-mobile {
  --fa: "\f3ce";
}

.fa-mobile-android {
  --fa: "\f3ce";
}

.fa-mobile-phone {
  --fa: "\f3ce";
}

.fa-mobile-screen {
  --fa: "\f3cf";
}

.fa-mobile-android-alt {
  --fa: "\f3cf";
}

.fa-money-bill-1 {
  --fa: "\f3d1";
}

.fa-money-bill-alt {
  --fa: "\f3d1";
}

.fa-phone-slash {
  --fa: "\f3dd";
}

.fa-plane-engines {
  --fa: "\f3de";
}

.fa-plane-alt {
  --fa: "\f3de";
}

.fa-image-portrait {
  --fa: "\f3e0";
}

.fa-portrait {
  --fa: "\f3e0";
}

.fa-reply {
  --fa: "\f3e5";
}

.fa-mail-reply {
  --fa: "\f3e5";
}

.fa-shield-halved {
  --fa: "\f3ed";
}

.fa-shield-alt {
  --fa: "\f3ed";
}

.fa-square-sliders {
  --fa: "\f3f0";
}

.fa-sliders-h-square {
  --fa: "\f3f0";
}

.fa-sliders-up {
  --fa: "\f3f1";
}

.fa-sliders-v {
  --fa: "\f3f1";
}

.fa-square-sliders-vertical {
  --fa: "\f3f2";
}

.fa-sliders-v-square {
  --fa: "\f3f2";
}

.fa-spinner-third {
  --fa: "\f3f4";
}

.fa-tablet-screen-button {
  --fa: "\f3fa";
}

.fa-tablet-alt {
  --fa: "\f3fa";
}

.fa-tablet {
  --fa: "\f3fb";
}

.fa-tablet-android {
  --fa: "\f3fb";
}

.fa-tablet-screen {
  --fa: "\f3fc";
}

.fa-tablet-android-alt {
  --fa: "\f3fc";
}

.fa-ticket-simple {
  --fa: "\f3ff";
}

.fa-ticket-alt {
  --fa: "\f3ff";
}

.fa-tree-deciduous {
  --fa: "\f400";
}

.fa-tree-alt {
  --fa: "\f400";
}

.fa-tv-retro {
  --fa: "\f401";
}

.fa-window {
  --fa: "\f40e";
}

.fa-window-flip {
  --fa: "\f40f";
}

.fa-window-alt {
  --fa: "\f40f";
}

.fa-rectangle-xmark {
  --fa: "\f410";
}

.fa-rectangle-times {
  --fa: "\f410";
}

.fa-times-rectangle {
  --fa: "\f410";
}

.fa-window-close {
  --fa: "\f410";
}

.fa-down-left-and-up-right-to-center {
  --fa: "\f422";
}

.fa-compress-alt {
  --fa: "\f422";
}

.fa-up-right-and-down-left-from-center {
  --fa: "\f424";
}

.fa-expand-alt {
  --fa: "\f424";
}

.fa-baseball-bat-ball {
  --fa: "\f432";
}

.fa-baseball {
  --fa: "\f433";
}

.fa-baseball-ball {
  --fa: "\f433";
}

.fa-basketball {
  --fa: "\f434";
}

.fa-basketball-ball {
  --fa: "\f434";
}

.fa-basketball-hoop {
  --fa: "\f435";
}

.fa-bowling-ball {
  --fa: "\f436";
}

.fa-bowling-pins {
  --fa: "\f437";
}

.fa-boxing-glove {
  --fa: "\f438";
}

.fa-glove-boxing {
  --fa: "\f438";
}

.fa-chess {
  --fa: "\f439";
}

.fa-chess-bishop {
  --fa: "\f43a";
}

.fa-chess-bishop-piece {
  --fa: "\f43b";
}

.fa-chess-bishop-alt {
  --fa: "\f43b";
}

.fa-chess-board {
  --fa: "\f43c";
}

.fa-chess-clock {
  --fa: "\f43d";
}

.fa-chess-clock-flip {
  --fa: "\f43e";
}

.fa-chess-clock-alt {
  --fa: "\f43e";
}

.fa-chess-king {
  --fa: "\f43f";
}

.fa-chess-king-piece {
  --fa: "\f440";
}

.fa-chess-king-alt {
  --fa: "\f440";
}

.fa-chess-knight {
  --fa: "\f441";
}

.fa-chess-knight-piece {
  --fa: "\f442";
}

.fa-chess-knight-alt {
  --fa: "\f442";
}

.fa-chess-pawn {
  --fa: "\f443";
}

.fa-chess-pawn-piece {
  --fa: "\f444";
}

.fa-chess-pawn-alt {
  --fa: "\f444";
}

.fa-chess-queen {
  --fa: "\f445";
}

.fa-chess-queen-piece {
  --fa: "\f446";
}

.fa-chess-queen-alt {
  --fa: "\f446";
}

.fa-chess-rook {
  --fa: "\f447";
}

.fa-chess-rook-piece {
  --fa: "\f448";
}

.fa-chess-rook-alt {
  --fa: "\f448";
}

.fa-cricket-bat-ball {
  --fa: "\f449";
}

.fa-cricket {
  --fa: "\f449";
}

.fa-curling-stone {
  --fa: "\f44a";
}

.fa-curling {
  --fa: "\f44a";
}

.fa-dumbbell {
  --fa: "\f44b";
}

.fa-field-hockey-stick-ball {
  --fa: "\f44c";
}

.fa-field-hockey {
  --fa: "\f44c";
}

.fa-football {
  --fa: "\f44e";
}

.fa-football-ball {
  --fa: "\f44e";
}

.fa-football-helmet {
  --fa: "\f44f";
}

.fa-golf-ball-tee {
  --fa: "\f450";
}

.fa-golf-ball {
  --fa: "\f450";
}

.fa-golf-club {
  --fa: "\f451";
}

.fa-hockey-puck {
  --fa: "\f453";
}

.fa-hockey-sticks {
  --fa: "\f454";
}

.fa-luchador-mask {
  --fa: "\f455";
}

.fa-luchador {
  --fa: "\f455";
}

.fa-mask-luchador {
  --fa: "\f455";
}

.fa-flag-pennant {
  --fa: "\f456";
}

.fa-pennant {
  --fa: "\f456";
}

.fa-broom-ball {
  --fa: "\f458";
}

.fa-quidditch {
  --fa: "\f458";
}

.fa-quidditch-broom-ball {
  --fa: "\f458";
}

.fa-racquet {
  --fa: "\f45a";
}

.fa-shuttlecock {
  --fa: "\f45b";
}

.fa-square-full {
  --fa: "\f45c";
}

.fa-table-tennis-paddle-ball {
  --fa: "\f45d";
}

.fa-ping-pong-paddle-ball {
  --fa: "\f45d";
}

.fa-table-tennis {
  --fa: "\f45d";
}

.fa-tennis-ball {
  --fa: "\f45e";
}

.fa-volleyball {
  --fa: "\f45f";
}

.fa-volleyball-ball {
  --fa: "\f45f";
}

.fa-whistle {
  --fa: "\f460";
}

.fa-hand-dots {
  --fa: "\f461";
}

.fa-allergies {
  --fa: "\f461";
}

.fa-bandage {
  --fa: "\f462";
}

.fa-band-aid {
  --fa: "\f462";
}

.fa-rectangle-barcode {
  --fa: "\f463";
}

.fa-barcode-alt {
  --fa: "\f463";
}

.fa-barcode-read {
  --fa: "\f464";
}

.fa-barcode-scan {
  --fa: "\f465";
}

.fa-box {
  --fa: "\f466";
}

.fa-box-check {
  --fa: "\f467";
}

.fa-boxes-stacked {
  --fa: "\f468";
}

.fa-boxes {
  --fa: "\f468";
}

.fa-boxes-alt {
  --fa: "\f468";
}

.fa-briefcase-medical {
  --fa: "\f469";
}

.fa-fire-flame-simple {
  --fa: "\f46a";
}

.fa-burn {
  --fa: "\f46a";
}

.fa-capsules {
  --fa: "\f46b";
}

.fa-clipboard-check {
  --fa: "\f46c";
}

.fa-clipboard-list {
  --fa: "\f46d";
}

.fa-conveyor-belt {
  --fa: "\f46e";
}

.fa-conveyor-belt-boxes {
  --fa: "\f46f";
}

.fa-conveyor-belt-alt {
  --fa: "\f46f";
}

.fa-person-dots-from-line {
  --fa: "\f470";
}

.fa-diagnoses {
  --fa: "\f470";
}

.fa-dna {
  --fa: "\f471";
}

.fa-dolly {
  --fa: "\f472";
}

.fa-dolly-box {
  --fa: "\f472";
}

.fa-dolly-empty {
  --fa: "\f473";
}

.fa-cart-flatbed {
  --fa: "\f474";
}

.fa-dolly-flatbed {
  --fa: "\f474";
}

.fa-cart-flatbed-boxes {
  --fa: "\f475";
}

.fa-dolly-flatbed-alt {
  --fa: "\f475";
}

.fa-cart-flatbed-empty {
  --fa: "\f476";
}

.fa-dolly-flatbed-empty {
  --fa: "\f476";
}

.fa-file-medical {
  --fa: "\f477";
}

.fa-file-waveform {
  --fa: "\f478";
}

.fa-file-medical-alt {
  --fa: "\f478";
}

.fa-kit-medical {
  --fa: "\f479";
}

.fa-first-aid {
  --fa: "\f479";
}

.fa-forklift {
  --fa: "\f47a";
}

.fa-hand-holding-box {
  --fa: "\f47b";
}

.fa-hands-holding-diamond {
  --fa: "\f47c";
}

.fa-hand-receiving {
  --fa: "\f47c";
}

.fa-circle-h {
  --fa: "\f47e";
}

.fa-hospital-symbol {
  --fa: "\f47e";
}

.fa-id-card-clip {
  --fa: "\f47f";
}

.fa-id-card-alt {
  --fa: "\f47f";
}

.fa-shelves {
  --fa: "\f480";
}

.fa-inventory {
  --fa: "\f480";
}

.fa-notes-medical {
  --fa: "\f481";
}

.fa-pallet {
  --fa: "\f482";
}

.fa-pallet-boxes {
  --fa: "\f483";
}

.fa-palette-boxes {
  --fa: "\f483";
}

.fa-pallet-alt {
  --fa: "\f483";
}

.fa-pills {
  --fa: "\f484";
}

.fa-prescription-bottle {
  --fa: "\f485";
}

.fa-prescription-bottle-medical {
  --fa: "\f486";
}

.fa-prescription-bottle-alt {
  --fa: "\f486";
}

.fa-bed-pulse {
  --fa: "\f487";
}

.fa-procedures {
  --fa: "\f487";
}

.fa-scanner-gun {
  --fa: "\f488";
}

.fa-scanner {
  --fa: "\f488";
}

.fa-scanner-keyboard {
  --fa: "\f489";
}

.fa-scanner-touchscreen {
  --fa: "\f48a";
}

.fa-truck-fast {
  --fa: "\f48b";
}

.fa-shipping-fast {
  --fa: "\f48b";
}

.fa-truck-clock {
  --fa: "\f48c";
}

.fa-shipping-timed {
  --fa: "\f48c";
}

.fa-smoking {
  --fa: "\f48d";
}

.fa-syringe {
  --fa: "\f48e";
}

.fa-tablet-rugged {
  --fa: "\f48f";
}

.fa-tablets {
  --fa: "\f490";
}

.fa-thermometer {
  --fa: "\f491";
}

.fa-vial {
  --fa: "\f492";
}

.fa-vials {
  --fa: "\f493";
}

.fa-warehouse {
  --fa: "\f494";
}

.fa-warehouse-full {
  --fa: "\f495";
}

.fa-warehouse-alt {
  --fa: "\f495";
}

.fa-weight-scale {
  --fa: "\f496";
}

.fa-weight {
  --fa: "\f496";
}

.fa-x-ray {
  --fa: "\f497";
}

.fa-blanket {
  --fa: "\f498";
}

.fa-book-heart {
  --fa: "\f499";
}

.fa-box-taped {
  --fa: "\f49a";
}

.fa-box-alt {
  --fa: "\f49a";
}

.fa-square-fragile {
  --fa: "\f49b";
}

.fa-box-fragile {
  --fa: "\f49b";
}

.fa-square-wine-glass-crack {
  --fa: "\f49b";
}

.fa-box-open-full {
  --fa: "\f49c";
}

.fa-box-full {
  --fa: "\f49c";
}

.fa-box-heart {
  --fa: "\f49d";
}

.fa-box-open {
  --fa: "\f49e";
}

.fa-square-this-way-up {
  --fa: "\f49f";
}

.fa-box-up {
  --fa: "\f49f";
}

.fa-box-dollar {
  --fa: "\f4a0";
}

.fa-box-usd {
  --fa: "\f4a0";
}

.fa-message-check {
  --fa: "\f4a2";
}

.fa-comment-alt-check {
  --fa: "\f4a2";
}

.fa-message-dots {
  --fa: "\f4a3";
}

.fa-comment-alt-dots {
  --fa: "\f4a3";
}

.fa-messaging {
  --fa: "\f4a3";
}

.fa-message-pen {
  --fa: "\f4a4";
}

.fa-comment-alt-edit {
  --fa: "\f4a4";
}

.fa-message-edit {
  --fa: "\f4a4";
}

.fa-message-exclamation {
  --fa: "\f4a5";
}

.fa-comment-alt-exclamation {
  --fa: "\f4a5";
}

.fa-message-lines {
  --fa: "\f4a6";
}

.fa-comment-alt-lines {
  --fa: "\f4a6";
}

.fa-message-minus {
  --fa: "\f4a7";
}

.fa-comment-alt-minus {
  --fa: "\f4a7";
}

.fa-message-plus {
  --fa: "\f4a8";
}

.fa-comment-alt-plus {
  --fa: "\f4a8";
}

.fa-message-slash {
  --fa: "\f4a9";
}

.fa-comment-alt-slash {
  --fa: "\f4a9";
}

.fa-message-smile {
  --fa: "\f4aa";
}

.fa-comment-alt-smile {
  --fa: "\f4aa";
}

.fa-message-xmark {
  --fa: "\f4ab";
}

.fa-comment-alt-times {
  --fa: "\f4ab";
}

.fa-message-times {
  --fa: "\f4ab";
}

.fa-comment-check {
  --fa: "\f4ac";
}

.fa-comment-dots {
  --fa: "\f4ad";
}

.fa-commenting {
  --fa: "\f4ad";
}

.fa-comment-pen {
  --fa: "\f4ae";
}

.fa-comment-edit {
  --fa: "\f4ae";
}

.fa-comment-exclamation {
  --fa: "\f4af";
}

.fa-comment-lines {
  --fa: "\f4b0";
}

.fa-comment-minus {
  --fa: "\f4b1";
}

.fa-comment-plus {
  --fa: "\f4b2";
}

.fa-comment-slash {
  --fa: "\f4b3";
}

.fa-comment-smile {
  --fa: "\f4b4";
}

.fa-comment-xmark {
  --fa: "\f4b5";
}

.fa-comment-times {
  --fa: "\f4b5";
}

.fa-messages {
  --fa: "\f4b6";
}

.fa-comments-alt {
  --fa: "\f4b6";
}

.fa-container-storage {
  --fa: "\f4b7";
}

.fa-couch {
  --fa: "\f4b8";
}

.fa-circle-dollar-to-slot {
  --fa: "\f4b9";
}

.fa-donate {
  --fa: "\f4b9";
}

.fa-dove {
  --fa: "\f4ba";
}

.fa-wine-glass-crack {
  --fa: "\f4bb";
}

.fa-fragile {
  --fa: "\f4bb";
}

.fa-hand-heart {
  --fa: "\f4bc";
}

.fa-hand-holding {
  --fa: "\f4bd";
}

.fa-hand-holding-heart {
  --fa: "\f4be";
}

.fa-hand-holding-seedling {
  --fa: "\f4bf";
}

.fa-hand-holding-dollar {
  --fa: "\f4c0";
}

.fa-hand-holding-usd {
  --fa: "\f4c0";
}

.fa-hand-holding-droplet {
  --fa: "\f4c1";
}

.fa-hand-holding-water {
  --fa: "\f4c1";
}

.fa-hands-holding {
  --fa: "\f4c2";
}

.fa-hands-holding-heart {
  --fa: "\f4c3";
}

.fa-hands-heart {
  --fa: "\f4c3";
}

.fa-handshake-angle {
  --fa: "\f4c4";
}

.fa-hands-helping {
  --fa: "\f4c4";
}

.fa-hands-holding-dollar {
  --fa: "\f4c5";
}

.fa-hands-usd {
  --fa: "\f4c5";
}

.fa-circle-heart {
  --fa: "\f4c7";
}

.fa-heart-circle {
  --fa: "\f4c7";
}

.fa-square-heart {
  --fa: "\f4c8";
}

.fa-heart-square {
  --fa: "\f4c8";
}

.fa-house-heart {
  --fa: "\f4c9";
}

.fa-home-heart {
  --fa: "\f4c9";
}

.fa-lamp {
  --fa: "\f4ca";
}

.fa-leaf-heart {
  --fa: "\f4cb";
}

.fa-loveseat {
  --fa: "\f4cc";
}

.fa-couch-small {
  --fa: "\f4cc";
}

.fa-parachute-box {
  --fa: "\f4cd";
}

.fa-people-carry-box {
  --fa: "\f4ce";
}

.fa-people-carry {
  --fa: "\f4ce";
}

.fa-person-carry-box {
  --fa: "\f4cf";
}

.fa-person-carry {
  --fa: "\f4cf";
}

.fa-person-dolly {
  --fa: "\f4d0";
}

.fa-person-dolly-empty {
  --fa: "\f4d1";
}

.fa-phone-plus {
  --fa: "\f4d2";
}

.fa-piggy-bank {
  --fa: "\f4d3";
}

.fa-ramp-loading {
  --fa: "\f4d4";
}

.fa-ribbon {
  --fa: "\f4d6";
}

.fa-route {
  --fa: "\f4d7";
}

.fa-seedling {
  --fa: "\f4d8";
}

.fa-sprout {
  --fa: "\f4d8";
}

.fa-sign-hanging {
  --fa: "\f4d9";
}

.fa-sign {
  --fa: "\f4d9";
}

.fa-face-smile-wink {
  --fa: "\f4da";
}

.fa-smile-wink {
  --fa: "\f4da";
}

.fa-tape {
  --fa: "\f4db";
}

.fa-truck-container {
  --fa: "\f4dc";
}

.fa-truck-ramp-couch {
  --fa: "\f4dd";
}

.fa-truck-couch {
  --fa: "\f4dd";
}

.fa-truck-ramp-box {
  --fa: "\f4de";
}

.fa-truck-loading {
  --fa: "\f4de";
}

.fa-truck-moving {
  --fa: "\f4df";
}

.fa-truck-ramp {
  --fa: "\f4e0";
}

.fa-video-plus {
  --fa: "\f4e1";
}

.fa-video-slash {
  --fa: "\f4e2";
}

.fa-wine-glass {
  --fa: "\f4e3";
}

.fa-user-astronaut {
  --fa: "\f4fb";
}

.fa-user-check {
  --fa: "\f4fc";
}

.fa-user-clock {
  --fa: "\f4fd";
}

.fa-user-gear {
  --fa: "\f4fe";
}

.fa-user-cog {
  --fa: "\f4fe";
}

.fa-user-pen {
  --fa: "\f4ff";
}

.fa-user-edit {
  --fa: "\f4ff";
}

.fa-user-group {
  --fa: "\f500";
}

.fa-user-friends {
  --fa: "\f500";
}

.fa-user-graduate {
  --fa: "\f501";
}

.fa-user-lock {
  --fa: "\f502";
}

.fa-user-minus {
  --fa: "\f503";
}

.fa-user-ninja {
  --fa: "\f504";
}

.fa-user-shield {
  --fa: "\f505";
}

.fa-user-slash {
  --fa: "\f506";
}

.fa-user-alt-slash {
  --fa: "\f506";
}

.fa-user-large-slash {
  --fa: "\f506";
}

.fa-user-tag {
  --fa: "\f507";
}

.fa-user-tie {
  --fa: "\f508";
}

.fa-users-gear {
  --fa: "\f509";
}

.fa-users-cog {
  --fa: "\f509";
}

.fa-scale-unbalanced {
  --fa: "\f515";
}

.fa-balance-scale-left {
  --fa: "\f515";
}

.fa-scale-unbalanced-flip {
  --fa: "\f516";
}

.fa-balance-scale-right {
  --fa: "\f516";
}

.fa-blender {
  --fa: "\f517";
}

.fa-book-open {
  --fa: "\f518";
}

.fa-tower-broadcast {
  --fa: "\f519";
}

.fa-broadcast-tower {
  --fa: "\f519";
}

.fa-broom {
  --fa: "\f51a";
}

.fa-chalkboard {
  --fa: "\f51b";
}

.fa-blackboard {
  --fa: "\f51b";
}

.fa-chalkboard-user {
  --fa: "\f51c";
}

.fa-chalkboard-teacher {
  --fa: "\f51c";
}

.fa-church {
  --fa: "\f51d";
}

.fa-coins {
  --fa: "\f51e";
}

.fa-compact-disc {
  --fa: "\f51f";
}

.fa-crow {
  --fa: "\f520";
}

.fa-crown {
  --fa: "\f521";
}

.fa-dice {
  --fa: "\f522";
}

.fa-dice-five {
  --fa: "\f523";
}

.fa-dice-four {
  --fa: "\f524";
}

.fa-dice-one {
  --fa: "\f525";
}

.fa-dice-six {
  --fa: "\f526";
}

.fa-dice-three {
  --fa: "\f527";
}

.fa-dice-two {
  --fa: "\f528";
}

.fa-divide {
  --fa: "\f529";
}

.fa-door-closed {
  --fa: "\f52a";
}

.fa-door-open {
  --fa: "\f52b";
}

.fa-feather {
  --fa: "\f52d";
}

.fa-frog {
  --fa: "\f52e";
}

.fa-gas-pump {
  --fa: "\f52f";
}

.fa-glasses {
  --fa: "\f530";
}

.fa-greater-than-equal {
  --fa: "\f532";
}

.fa-helicopter {
  --fa: "\f533";
}

.fa-infinity {
  --fa: "\f534";
}

.fa-kiwi-bird {
  --fa: "\f535";
}

.fa-less-than-equal {
  --fa: "\f537";
}

.fa-memory {
  --fa: "\f538";
}

.fa-microphone-lines-slash {
  --fa: "\f539";
}

.fa-microphone-alt-slash {
  --fa: "\f539";
}

.fa-money-bill-wave {
  --fa: "\f53a";
}

.fa-money-bill-1-wave {
  --fa: "\f53b";
}

.fa-money-bill-wave-alt {
  --fa: "\f53b";
}

.fa-money-check {
  --fa: "\f53c";
}

.fa-money-check-dollar {
  --fa: "\f53d";
}

.fa-money-check-alt {
  --fa: "\f53d";
}

.fa-not-equal {
  --fa: "\f53e";
}

.fa-palette {
  --fa: "\f53f";
}

.fa-square-parking {
  --fa: "\f540";
}

.fa-parking {
  --fa: "\f540";
}

.fa-diagram-project {
  --fa: "\f542";
}

.fa-project-diagram {
  --fa: "\f542";
}

.fa-receipt {
  --fa: "\f543";
}

.fa-robot {
  --fa: "\f544";
}

.fa-ruler {
  --fa: "\f545";
}

.fa-ruler-combined {
  --fa: "\f546";
}

.fa-ruler-horizontal {
  --fa: "\f547";
}

.fa-ruler-vertical {
  --fa: "\f548";
}

.fa-school {
  --fa: "\f549";
}

.fa-screwdriver {
  --fa: "\f54a";
}

.fa-shoe-prints {
  --fa: "\f54b";
}

.fa-skull {
  --fa: "\f54c";
}

.fa-ban-smoking {
  --fa: "\f54d";
}

.fa-smoking-ban {
  --fa: "\f54d";
}

.fa-store {
  --fa: "\f54e";
}

.fa-shop {
  --fa: "\f54f";
}

.fa-store-alt {
  --fa: "\f54f";
}

.fa-bars-staggered {
  --fa: "\f550";
}

.fa-reorder {
  --fa: "\f550";
}

.fa-stream {
  --fa: "\f550";
}

.fa-stroopwafel {
  --fa: "\f551";
}

.fa-toolbox {
  --fa: "\f552";
}

.fa-shirt {
  --fa: "\f553";
}

.fa-t-shirt {
  --fa: "\f553";
}

.fa-tshirt {
  --fa: "\f553";
}

.fa-person-walking {
  --fa: "\f554";
}

.fa-walking {
  --fa: "\f554";
}

.fa-wallet {
  --fa: "\f555";
}

.fa-face-angry {
  --fa: "\f556";
}

.fa-angry {
  --fa: "\f556";
}

.fa-archway {
  --fa: "\f557";
}

.fa-book-atlas {
  --fa: "\f558";
}

.fa-atlas {
  --fa: "\f558";
}

.fa-award {
  --fa: "\f559";
}

.fa-delete-left {
  --fa: "\f55a";
}

.fa-backspace {
  --fa: "\f55a";
}

.fa-bezier-curve {
  --fa: "\f55b";
}

.fa-bong {
  --fa: "\f55c";
}

.fa-brush {
  --fa: "\f55d";
}

.fa-bus-simple {
  --fa: "\f55e";
}

.fa-bus-alt {
  --fa: "\f55e";
}

.fa-cannabis {
  --fa: "\f55f";
}

.fa-check-double {
  --fa: "\f560";
}

.fa-martini-glass-citrus {
  --fa: "\f561";
}

.fa-cocktail {
  --fa: "\f561";
}

.fa-bell-concierge {
  --fa: "\f562";
}

.fa-concierge-bell {
  --fa: "\f562";
}

.fa-cookie {
  --fa: "\f563";
}

.fa-cookie-bite {
  --fa: "\f564";
}

.fa-crop-simple {
  --fa: "\f565";
}

.fa-crop-alt {
  --fa: "\f565";
}

.fa-tachograph-digital {
  --fa: "\f566";
}

.fa-digital-tachograph {
  --fa: "\f566";
}

.fa-face-dizzy {
  --fa: "\f567";
}

.fa-dizzy {
  --fa: "\f567";
}

.fa-compass-drafting {
  --fa: "\f568";
}

.fa-drafting-compass {
  --fa: "\f568";
}

.fa-drum {
  --fa: "\f569";
}

.fa-drum-steelpan {
  --fa: "\f56a";
}

.fa-feather-pointed {
  --fa: "\f56b";
}

.fa-feather-alt {
  --fa: "\f56b";
}

.fa-file-contract {
  --fa: "\f56c";
}

.fa-file-arrow-down {
  --fa: "\f56d";
}

.fa-file-download {
  --fa: "\f56d";
}

.fa-file-export {
  --fa: "\f56e";
}

.fa-arrow-right-from-file {
  --fa: "\f56e";
}

.fa-file-import {
  --fa: "\f56f";
}

.fa-arrow-right-to-file {
  --fa: "\f56f";
}

.fa-file-invoice {
  --fa: "\f570";
}

.fa-file-invoice-dollar {
  --fa: "\f571";
}

.fa-file-prescription {
  --fa: "\f572";
}

.fa-file-signature {
  --fa: "\f573";
}

.fa-file-arrow-up {
  --fa: "\f574";
}

.fa-file-upload {
  --fa: "\f574";
}

.fa-fill {
  --fa: "\f575";
}

.fa-fill-drip {
  --fa: "\f576";
}

.fa-fingerprint {
  --fa: "\f577";
}

.fa-fish {
  --fa: "\f578";
}

.fa-face-flushed {
  --fa: "\f579";
}

.fa-flushed {
  --fa: "\f579";
}

.fa-face-frown-open {
  --fa: "\f57a";
}

.fa-frown-open {
  --fa: "\f57a";
}

.fa-martini-glass {
  --fa: "\f57b";
}

.fa-glass-martini-alt {
  --fa: "\f57b";
}

.fa-earth-africa {
  --fa: "\f57c";
}

.fa-globe-africa {
  --fa: "\f57c";
}

.fa-earth-americas {
  --fa: "\f57d";
}

.fa-earth {
  --fa: "\f57d";
}

.fa-earth-america {
  --fa: "\f57d";
}

.fa-globe-americas {
  --fa: "\f57d";
}

.fa-earth-asia {
  --fa: "\f57e";
}

.fa-globe-asia {
  --fa: "\f57e";
}

.fa-face-grimace {
  --fa: "\f57f";
}

.fa-grimace {
  --fa: "\f57f";
}

.fa-face-grin {
  --fa: "\f580";
}

.fa-grin {
  --fa: "\f580";
}

.fa-face-grin-wide {
  --fa: "\f581";
}

.fa-grin-alt {
  --fa: "\f581";
}

.fa-face-grin-beam {
  --fa: "\f582";
}

.fa-grin-beam {
  --fa: "\f582";
}

.fa-face-grin-beam-sweat {
  --fa: "\f583";
}

.fa-grin-beam-sweat {
  --fa: "\f583";
}

.fa-face-grin-hearts {
  --fa: "\f584";
}

.fa-grin-hearts {
  --fa: "\f584";
}

.fa-face-grin-squint {
  --fa: "\f585";
}

.fa-grin-squint {
  --fa: "\f585";
}

.fa-face-grin-squint-tears {
  --fa: "\f586";
}

.fa-grin-squint-tears {
  --fa: "\f586";
}

.fa-face-grin-stars {
  --fa: "\f587";
}

.fa-grin-stars {
  --fa: "\f587";
}

.fa-face-grin-tears {
  --fa: "\f588";
}

.fa-grin-tears {
  --fa: "\f588";
}

.fa-face-grin-tongue {
  --fa: "\f589";
}

.fa-grin-tongue {
  --fa: "\f589";
}

.fa-face-grin-tongue-squint {
  --fa: "\f58a";
}

.fa-grin-tongue-squint {
  --fa: "\f58a";
}

.fa-face-grin-tongue-wink {
  --fa: "\f58b";
}

.fa-grin-tongue-wink {
  --fa: "\f58b";
}

.fa-face-grin-wink {
  --fa: "\f58c";
}

.fa-grin-wink {
  --fa: "\f58c";
}

.fa-grip {
  --fa: "\f58d";
}

.fa-grid-horizontal {
  --fa: "\f58d";
}

.fa-grip-horizontal {
  --fa: "\f58d";
}

.fa-grip-vertical {
  --fa: "\f58e";
}

.fa-grid-vertical {
  --fa: "\f58e";
}

.fa-headset {
  --fa: "\f590";
}

.fa-highlighter {
  --fa: "\f591";
}

.fa-hot-tub-person {
  --fa: "\f593";
}

.fa-hot-tub {
  --fa: "\f593";
}

.fa-hotel {
  --fa: "\f594";
}

.fa-joint {
  --fa: "\f595";
}

.fa-face-kiss {
  --fa: "\f596";
}

.fa-kiss {
  --fa: "\f596";
}

.fa-face-kiss-beam {
  --fa: "\f597";
}

.fa-kiss-beam {
  --fa: "\f597";
}

.fa-face-kiss-wink-heart {
  --fa: "\f598";
}

.fa-kiss-wink-heart {
  --fa: "\f598";
}

.fa-face-laugh {
  --fa: "\f599";
}

.fa-laugh {
  --fa: "\f599";
}

.fa-face-laugh-beam {
  --fa: "\f59a";
}

.fa-laugh-beam {
  --fa: "\f59a";
}

.fa-face-laugh-squint {
  --fa: "\f59b";
}

.fa-laugh-squint {
  --fa: "\f59b";
}

.fa-face-laugh-wink {
  --fa: "\f59c";
}

.fa-laugh-wink {
  --fa: "\f59c";
}

.fa-cart-flatbed-suitcase {
  --fa: "\f59d";
}

.fa-luggage-cart {
  --fa: "\f59d";
}

.fa-map-location {
  --fa: "\f59f";
}

.fa-map-marked {
  --fa: "\f59f";
}

.fa-map-location-dot {
  --fa: "\f5a0";
}

.fa-map-marked-alt {
  --fa: "\f5a0";
}

.fa-marker {
  --fa: "\f5a1";
}

.fa-medal {
  --fa: "\f5a2";
}

.fa-face-meh-blank {
  --fa: "\f5a4";
}

.fa-meh-blank {
  --fa: "\f5a4";
}

.fa-face-rolling-eyes {
  --fa: "\f5a5";
}

.fa-meh-rolling-eyes {
  --fa: "\f5a5";
}

.fa-monument {
  --fa: "\f5a6";
}

.fa-mortar-pestle {
  --fa: "\f5a7";
}

.fa-paintbrush-fine {
  --fa: "\f5a9";
}

.fa-paint-brush-alt {
  --fa: "\f5a9";
}

.fa-paint-brush-fine {
  --fa: "\f5a9";
}

.fa-paintbrush-alt {
  --fa: "\f5a9";
}

.fa-paint-roller {
  --fa: "\f5aa";
}

.fa-passport {
  --fa: "\f5ab";
}

.fa-pen-fancy {
  --fa: "\f5ac";
}

.fa-pen-nib {
  --fa: "\f5ad";
}

.fa-pen-ruler {
  --fa: "\f5ae";
}

.fa-pencil-ruler {
  --fa: "\f5ae";
}

.fa-plane-arrival {
  --fa: "\f5af";
}

.fa-plane-departure {
  --fa: "\f5b0";
}

.fa-prescription {
  --fa: "\f5b1";
}

.fa-face-sad-cry {
  --fa: "\f5b3";
}

.fa-sad-cry {
  --fa: "\f5b3";
}

.fa-face-sad-tear {
  --fa: "\f5b4";
}

.fa-sad-tear {
  --fa: "\f5b4";
}

.fa-van-shuttle {
  --fa: "\f5b6";
}

.fa-shuttle-van {
  --fa: "\f5b6";
}

.fa-signature {
  --fa: "\f5b7";
}

.fa-face-smile-beam {
  --fa: "\f5b8";
}

.fa-smile-beam {
  --fa: "\f5b8";
}

.fa-face-smile-plus {
  --fa: "\f5b9";
}

.fa-smile-plus {
  --fa: "\f5b9";
}

.fa-solar-panel {
  --fa: "\f5ba";
}

.fa-spa {
  --fa: "\f5bb";
}

.fa-lotus {
  --fa: "\f5bb";
}

.fa-splotch {
  --fa: "\f5bc";
}

.fa-spray-can {
  --fa: "\f5bd";
}

.fa-stamp {
  --fa: "\f5bf";
}

.fa-star-half-stroke {
  --fa: "\f5c0";
}

.fa-star-half-alt {
  --fa: "\f5c0";
}

.fa-suitcase-rolling {
  --fa: "\f5c1";
}

.fa-face-surprise {
  --fa: "\f5c2";
}

.fa-surprise {
  --fa: "\f5c2";
}

.fa-swatchbook {
  --fa: "\f5c3";
}

.fa-person-swimming {
  --fa: "\f5c4";
}

.fa-swimmer {
  --fa: "\f5c4";
}

.fa-water-ladder {
  --fa: "\f5c5";
}

.fa-ladder-water {
  --fa: "\f5c5";
}

.fa-swimming-pool {
  --fa: "\f5c5";
}

.fa-droplet-slash {
  --fa: "\f5c7";
}

.fa-tint-slash {
  --fa: "\f5c7";
}

.fa-face-tired {
  --fa: "\f5c8";
}

.fa-tired {
  --fa: "\f5c8";
}

.fa-tooth {
  --fa: "\f5c9";
}

.fa-umbrella-beach {
  --fa: "\f5ca";
}

.fa-weight-hanging {
  --fa: "\f5cd";
}

.fa-wine-glass-empty {
  --fa: "\f5ce";
}

.fa-wine-glass-alt {
  --fa: "\f5ce";
}

.fa-spray-can-sparkles {
  --fa: "\f5d0";
}

.fa-air-freshener {
  --fa: "\f5d0";
}

.fa-apple-whole {
  --fa: "\f5d1";
}

.fa-apple-alt {
  --fa: "\f5d1";
}

.fa-atom {
  --fa: "\f5d2";
}

.fa-atom-simple {
  --fa: "\f5d3";
}

.fa-atom-alt {
  --fa: "\f5d3";
}

.fa-backpack {
  --fa: "\f5d4";
}

.fa-bell-school {
  --fa: "\f5d5";
}

.fa-bell-school-slash {
  --fa: "\f5d6";
}

.fa-bone {
  --fa: "\f5d7";
}

.fa-bone-break {
  --fa: "\f5d8";
}

.fa-book-blank {
  --fa: "\f5d9";
}

.fa-book-alt {
  --fa: "\f5d9";
}

.fa-book-open-reader {
  --fa: "\f5da";
}

.fa-book-reader {
  --fa: "\f5da";
}

.fa-books {
  --fa: "\f5db";
}

.fa-brain {
  --fa: "\f5dc";
}

.fa-bus-school {
  --fa: "\f5dd";
}

.fa-car-rear {
  --fa: "\f5de";
}

.fa-car-alt {
  --fa: "\f5de";
}

.fa-car-battery {
  --fa: "\f5df";
}

.fa-battery-car {
  --fa: "\f5df";
}

.fa-car-bump {
  --fa: "\f5e0";
}

.fa-car-burst {
  --fa: "\f5e1";
}

.fa-car-crash {
  --fa: "\f5e1";
}

.fa-car-garage {
  --fa: "\f5e2";
}

.fa-car-wrench {
  --fa: "\f5e3";
}

.fa-car-mechanic {
  --fa: "\f5e3";
}

.fa-car-side {
  --fa: "\f5e4";
}

.fa-car-tilt {
  --fa: "\f5e5";
}

.fa-car-wash {
  --fa: "\f5e6";
}

.fa-charging-station {
  --fa: "\f5e7";
}

.fa-clipboard-prescription {
  --fa: "\f5e8";
}

.fa-compass-slash {
  --fa: "\f5e9";
}

.fa-diploma {
  --fa: "\f5ea";
}

.fa-scroll-ribbon {
  --fa: "\f5ea";
}

.fa-diamond-turn-right {
  --fa: "\f5eb";
}

.fa-directions {
  --fa: "\f5eb";
}

.fa-do-not-enter {
  --fa: "\f5ec";
}

.fa-draw-circle {
  --fa: "\f5ed";
}

.fa-vector-circle {
  --fa: "\f5ed";
}

.fa-draw-polygon {
  --fa: "\f5ee";
}

.fa-vector-polygon {
  --fa: "\f5ee";
}

.fa-draw-square {
  --fa: "\f5ef";
}

.fa-vector-square {
  --fa: "\f5ef";
}

.fa-ear {
  --fa: "\f5f0";
}

.fa-engine-warning {
  --fa: "\f5f2";
}

.fa-engine-exclamation {
  --fa: "\f5f2";
}

.fa-file-certificate {
  --fa: "\f5f3";
}

.fa-file-award {
  --fa: "\f5f3";
}

.fa-gas-pump-slash {
  --fa: "\f5f4";
}

.fa-glasses-round {
  --fa: "\f5f5";
}

.fa-glasses-alt {
  --fa: "\f5f5";
}

.fa-globe-stand {
  --fa: "\f5f6";
}

.fa-wave-pulse {
  --fa: "\f5f8";
}

.fa-heart-rate {
  --fa: "\f5f8";
}

.fa-inhaler {
  --fa: "\f5f9";
}

.fa-kidneys {
  --fa: "\f5fb";
}

.fa-laptop-code {
  --fa: "\f5fc";
}

.fa-layer-group {
  --fa: "\f5fd";
}

.fa-layer-minus {
  --fa: "\f5fe";
}

.fa-layer-group-minus {
  --fa: "\f5fe";
}

.fa-layer-plus {
  --fa: "\f5ff";
}

.fa-layer-group-plus {
  --fa: "\f5ff";
}

.fa-lips {
  --fa: "\f600";
}

.fa-location-crosshairs {
  --fa: "\f601";
}

.fa-location {
  --fa: "\f601";
}

.fa-circle-location-arrow {
  --fa: "\f602";
}

.fa-location-circle {
  --fa: "\f602";
}

.fa-location-crosshairs-slash {
  --fa: "\f603";
}

.fa-location-slash {
  --fa: "\f603";
}

.fa-lungs {
  --fa: "\f604";
}

.fa-location-dot-slash {
  --fa: "\f605";
}

.fa-map-marker-alt-slash {
  --fa: "\f605";
}

.fa-location-check {
  --fa: "\f606";
}

.fa-map-marker-check {
  --fa: "\f606";
}

.fa-location-pen {
  --fa: "\f607";
}

.fa-map-marker-edit {
  --fa: "\f607";
}

.fa-location-exclamation {
  --fa: "\f608";
}

.fa-map-marker-exclamation {
  --fa: "\f608";
}

.fa-location-minus {
  --fa: "\f609";
}

.fa-map-marker-minus {
  --fa: "\f609";
}

.fa-location-plus {
  --fa: "\f60a";
}

.fa-map-marker-plus {
  --fa: "\f60a";
}

.fa-location-question {
  --fa: "\f60b";
}

.fa-map-marker-question {
  --fa: "\f60b";
}

.fa-location-pin-slash {
  --fa: "\f60c";
}

.fa-map-marker-slash {
  --fa: "\f60c";
}

.fa-location-smile {
  --fa: "\f60d";
}

.fa-map-marker-smile {
  --fa: "\f60d";
}

.fa-location-xmark {
  --fa: "\f60e";
}

.fa-map-marker-times {
  --fa: "\f60e";
}

.fa-map-marker-xmark {
  --fa: "\f60e";
}

.fa-microscope {
  --fa: "\f610";
}

.fa-monitor-waveform {
  --fa: "\f611";
}

.fa-monitor-heart-rate {
  --fa: "\f611";
}

.fa-oil-can {
  --fa: "\f613";
}

.fa-oil-temperature {
  --fa: "\f614";
}

.fa-oil-temp {
  --fa: "\f614";
}

.fa-circle-parking {
  --fa: "\f615";
}

.fa-parking-circle {
  --fa: "\f615";
}

.fa-ban-parking {
  --fa: "\f616";
}

.fa-parking-circle-slash {
  --fa: "\f616";
}

.fa-square-parking-slash {
  --fa: "\f617";
}

.fa-parking-slash {
  --fa: "\f617";
}

.fa-pen-paintbrush {
  --fa: "\f618";
}

.fa-pencil-paintbrush {
  --fa: "\f618";
}

.fa-poop {
  --fa: "\f619";
}

.fa-route-highway {
  --fa: "\f61a";
}

.fa-route-interstate {
  --fa: "\f61b";
}

.fa-ruler-triangle {
  --fa: "\f61c";
}

.fa-scalpel {
  --fa: "\f61d";
}

.fa-scalpel-line-dashed {
  --fa: "\f61e";
}

.fa-scalpel-path {
  --fa: "\f61e";
}

.fa-shapes {
  --fa: "\f61f";
}

.fa-triangle-circle-square {
  --fa: "\f61f";
}

.fa-skeleton {
  --fa: "\f620";
}

.fa-star-of-life {
  --fa: "\f621";
}

.fa-steering-wheel {
  --fa: "\f622";
}

.fa-stomach {
  --fa: "\f623";
}

.fa-gauge {
  --fa: "\f624";
}

.fa-dashboard {
  --fa: "\f624";
}

.fa-gauge-med {
  --fa: "\f624";
}

.fa-tachometer-alt-average {
  --fa: "\f624";
}

.fa-gauge-high {
  --fa: "\f625";
}

.fa-tachometer-alt {
  --fa: "\f625";
}

.fa-tachometer-alt-fast {
  --fa: "\f625";
}

.fa-gauge-max {
  --fa: "\f626";
}

.fa-tachometer-alt-fastest {
  --fa: "\f626";
}

.fa-gauge-low {
  --fa: "\f627";
}

.fa-tachometer-alt-slow {
  --fa: "\f627";
}

.fa-gauge-min {
  --fa: "\f628";
}

.fa-tachometer-alt-slowest {
  --fa: "\f628";
}

.fa-gauge-simple {
  --fa: "\f629";
}

.fa-gauge-simple-med {
  --fa: "\f629";
}

.fa-tachometer-average {
  --fa: "\f629";
}

.fa-gauge-simple-high {
  --fa: "\f62a";
}

.fa-tachometer {
  --fa: "\f62a";
}

.fa-tachometer-fast {
  --fa: "\f62a";
}

.fa-gauge-simple-max {
  --fa: "\f62b";
}

.fa-tachometer-fastest {
  --fa: "\f62b";
}

.fa-gauge-simple-low {
  --fa: "\f62c";
}

.fa-tachometer-slow {
  --fa: "\f62c";
}

.fa-gauge-simple-min {
  --fa: "\f62d";
}

.fa-tachometer-slowest {
  --fa: "\f62d";
}

.fa-teeth {
  --fa: "\f62e";
}

.fa-teeth-open {
  --fa: "\f62f";
}

.fa-masks-theater {
  --fa: "\f630";
}

.fa-theater-masks {
  --fa: "\f630";
}

.fa-tire {
  --fa: "\f631";
}

.fa-tire-flat {
  --fa: "\f632";
}

.fa-tire-pressure-warning {
  --fa: "\f633";
}

.fa-tire-rugged {
  --fa: "\f634";
}

.fa-toothbrush {
  --fa: "\f635";
}

.fa-traffic-cone {
  --fa: "\f636";
}

.fa-traffic-light {
  --fa: "\f637";
}

.fa-traffic-light-go {
  --fa: "\f638";
}

.fa-traffic-light-slow {
  --fa: "\f639";
}

.fa-traffic-light-stop {
  --fa: "\f63a";
}

.fa-truck-monster {
  --fa: "\f63b";
}

.fa-truck-pickup {
  --fa: "\f63c";
}

.fa-screen-users {
  --fa: "\f63d";
}

.fa-users-class {
  --fa: "\f63d";
}

.fa-watch-fitness {
  --fa: "\f63e";
}

.fa-abacus {
  --fa: "\f640";
}

.fa-rectangle-ad {
  --fa: "\f641";
}

.fa-ad {
  --fa: "\f641";
}

.fa-chart-mixed {
  --fa: "\f643";
}

.fa-analytics {
  --fa: "\f643";
}

.fa-ankh {
  --fa: "\f644";
}

.fa-badge-dollar {
  --fa: "\f645";
}

.fa-badge-percent {
  --fa: "\f646";
}

.fa-book-bible {
  --fa: "\f647";
}

.fa-bible {
  --fa: "\f647";
}

.fa-bullseye-arrow {
  --fa: "\f648";
}

.fa-bullseye-pointer {
  --fa: "\f649";
}

.fa-business-time {
  --fa: "\f64a";
}

.fa-briefcase-clock {
  --fa: "\f64a";
}

.fa-cabinet-filing {
  --fa: "\f64b";
}

.fa-calculator-simple {
  --fa: "\f64c";
}

.fa-calculator-alt {
  --fa: "\f64c";
}

.fa-chart-line-down {
  --fa: "\f64d";
}

.fa-chart-pie-simple {
  --fa: "\f64e";
}

.fa-chart-pie-alt {
  --fa: "\f64e";
}

.fa-city {
  --fa: "\f64f";
}

.fa-message-dollar {
  --fa: "\f650";
}

.fa-comment-alt-dollar {
  --fa: "\f650";
}

.fa-comment-dollar {
  --fa: "\f651";
}

.fa-messages-dollar {
  --fa: "\f652";
}

.fa-comments-alt-dollar {
  --fa: "\f652";
}

.fa-comments-dollar {
  --fa: "\f653";
}

.fa-cross {
  --fa: "\f654";
}

.fa-dharmachakra {
  --fa: "\f655";
}

.fa-empty-set {
  --fa: "\f656";
}

.fa-envelope-open-dollar {
  --fa: "\f657";
}

.fa-envelope-open-text {
  --fa: "\f658";
}

.fa-file-chart-column {
  --fa: "\f659";
}

.fa-file-chart-line {
  --fa: "\f659";
}

.fa-file-chart-pie {
  --fa: "\f65a";
}

.fa-file-spreadsheet {
  --fa: "\f65b";
}

.fa-file-user {
  --fa: "\f65c";
}

.fa-folder-minus {
  --fa: "\f65d";
}

.fa-folder-plus {
  --fa: "\f65e";
}

.fa-folder-xmark {
  --fa: "\f65f";
}

.fa-folder-times {
  --fa: "\f65f";
}

.fa-folders {
  --fa: "\f660";
}

.fa-function {
  --fa: "\f661";
}

.fa-filter-circle-dollar {
  --fa: "\f662";
}

.fa-funnel-dollar {
  --fa: "\f662";
}

.fa-gift-card {
  --fa: "\f663";
}

.fa-gopuram {
  --fa: "\f664";
}

.fa-hamsa {
  --fa: "\f665";
}

.fa-bahai {
  --fa: "\f666";
}

.fa-haykal {
  --fa: "\f666";
}

.fa-integral {
  --fa: "\f667";
}

.fa-intersection {
  --fa: "\f668";
}

.fa-jedi {
  --fa: "\f669";
}

.fa-book-journal-whills {
  --fa: "\f66a";
}

.fa-journal-whills {
  --fa: "\f66a";
}

.fa-kaaba {
  --fa: "\f66b";
}

.fa-keynote {
  --fa: "\f66c";
}

.fa-khanda {
  --fa: "\f66d";
}

.fa-lambda {
  --fa: "\f66e";
}

.fa-landmark {
  --fa: "\f66f";
}

.fa-lightbulb-dollar {
  --fa: "\f670";
}

.fa-lightbulb-exclamation {
  --fa: "\f671";
}

.fa-lightbulb-on {
  --fa: "\f672";
}

.fa-lightbulb-slash {
  --fa: "\f673";
}

.fa-envelopes-bulk {
  --fa: "\f674";
}

.fa-mail-bulk {
  --fa: "\f674";
}

.fa-megaphone {
  --fa: "\f675";
}

.fa-menorah {
  --fa: "\f676";
}

.fa-brain-arrow-curved-right {
  --fa: "\f677";
}

.fa-mind-share {
  --fa: "\f677";
}

.fa-mosque {
  --fa: "\f678";
}

.fa-om {
  --fa: "\f679";
}

.fa-omega {
  --fa: "\f67a";
}

.fa-spaghetti-monster-flying {
  --fa: "\f67b";
}

.fa-pastafarianism {
  --fa: "\f67b";
}

.fa-peace {
  --fa: "\f67c";
}

.fa-phone-office {
  --fa: "\f67d";
}

.fa-pi {
  --fa: "\f67e";
}

.fa-place-of-worship {
  --fa: "\f67f";
}

.fa-podium {
  --fa: "\f680";
}

.fa-square-poll-vertical {
  --fa: "\f681";
}

.fa-poll {
  --fa: "\f681";
}

.fa-square-poll-horizontal {
  --fa: "\f682";
}

.fa-poll-h {
  --fa: "\f682";
}

.fa-person-praying {
  --fa: "\f683";
}

.fa-pray {
  --fa: "\f683";
}

.fa-hands-praying {
  --fa: "\f684";
}

.fa-praying-hands {
  --fa: "\f684";
}

.fa-presentation-screen {
  --fa: "\f685";
}

.fa-presentation {
  --fa: "\f685";
}

.fa-print-slash {
  --fa: "\f686";
}

.fa-book-quran {
  --fa: "\f687";
}

.fa-quran {
  --fa: "\f687";
}

.fa-magnifying-glass-dollar {
  --fa: "\f688";
}

.fa-search-dollar {
  --fa: "\f688";
}

.fa-magnifying-glass-location {
  --fa: "\f689";
}

.fa-search-location {
  --fa: "\f689";
}

.fa-shredder {
  --fa: "\f68a";
}

.fa-sigma {
  --fa: "\f68b";
}

.fa-signal-weak {
  --fa: "\f68c";
}

.fa-signal-1 {
  --fa: "\f68c";
}

.fa-signal-fair {
  --fa: "\f68d";
}

.fa-signal-2 {
  --fa: "\f68d";
}

.fa-signal-good {
  --fa: "\f68e";
}

.fa-signal-3 {
  --fa: "\f68e";
}

.fa-signal-strong {
  --fa: "\f68f";
}

.fa-signal-4 {
  --fa: "\f68f";
}

.fa-signal-bars {
  --fa: "\f690";
}

.fa-signal-alt {
  --fa: "\f690";
}

.fa-signal-alt-4 {
  --fa: "\f690";
}

.fa-signal-bars-strong {
  --fa: "\f690";
}

.fa-signal-bars-weak {
  --fa: "\f691";
}

.fa-signal-alt-1 {
  --fa: "\f691";
}

.fa-signal-bars-fair {
  --fa: "\f692";
}

.fa-signal-alt-2 {
  --fa: "\f692";
}

.fa-signal-bars-good {
  --fa: "\f693";
}

.fa-signal-alt-3 {
  --fa: "\f693";
}

.fa-signal-bars-slash {
  --fa: "\f694";
}

.fa-signal-alt-slash {
  --fa: "\f694";
}

.fa-signal-slash {
  --fa: "\f695";
}

.fa-socks {
  --fa: "\f696";
}

.fa-square-root {
  --fa: "\f697";
}

.fa-square-root-variable {
  --fa: "\f698";
}

.fa-square-root-alt {
  --fa: "\f698";
}

.fa-star-and-crescent {
  --fa: "\f699";
}

.fa-star-of-david {
  --fa: "\f69a";
}

.fa-synagogue {
  --fa: "\f69b";
}

.fa-tally {
  --fa: "\f69c";
}

.fa-tally-5 {
  --fa: "\f69c";
}

.fa-theta {
  --fa: "\f69e";
}

.fa-scroll-torah {
  --fa: "\f6a0";
}

.fa-torah {
  --fa: "\f6a0";
}

.fa-torii-gate {
  --fa: "\f6a1";
}

.fa-union {
  --fa: "\f6a2";
}

.fa-chart-user {
  --fa: "\f6a3";
}

.fa-user-chart {
  --fa: "\f6a3";
}

.fa-user-crown {
  --fa: "\f6a4";
}

.fa-user-group-crown {
  --fa: "\f6a5";
}

.fa-users-crown {
  --fa: "\f6a5";
}

.fa-value-absolute {
  --fa: "\f6a6";
}

.fa-vihara {
  --fa: "\f6a7";
}

.fa-volume {
  --fa: "\f6a8";
}

.fa-volume-medium {
  --fa: "\f6a8";
}

.fa-volume-xmark {
  --fa: "\f6a9";
}

.fa-volume-mute {
  --fa: "\f6a9";
}

.fa-volume-times {
  --fa: "\f6a9";
}

.fa-wifi-weak {
  --fa: "\f6aa";
}

.fa-wifi-1 {
  --fa: "\f6aa";
}

.fa-wifi-fair {
  --fa: "\f6ab";
}

.fa-wifi-2 {
  --fa: "\f6ab";
}

.fa-wifi-slash {
  --fa: "\f6ac";
}

.fa-yin-yang {
  --fa: "\f6ad";
}

.fa-acorn {
  --fa: "\f6ae";
}

.fa-alicorn {
  --fa: "\f6b0";
}

.fa-crate-apple {
  --fa: "\f6b1";
}

.fa-apple-crate {
  --fa: "\f6b1";
}

.fa-axe {
  --fa: "\f6b2";
}

.fa-axe-battle {
  --fa: "\f6b3";
}

.fa-badger-honey {
  --fa: "\f6b4";
}

.fa-bat {
  --fa: "\f6b5";
}

.fa-blender-phone {
  --fa: "\f6b6";
}

.fa-book-skull {
  --fa: "\f6b7";
}

.fa-book-dead {
  --fa: "\f6b7";
}

.fa-book-sparkles {
  --fa: "\f6b8";
}

.fa-book-spells {
  --fa: "\f6b8";
}

.fa-bow-arrow {
  --fa: "\f6b9";
}

.fa-campfire {
  --fa: "\f6ba";
}

.fa-campground {
  --fa: "\f6bb";
}

.fa-candle-holder {
  --fa: "\f6bc";
}

.fa-candy-corn {
  --fa: "\f6bd";
}

.fa-cat {
  --fa: "\f6be";
}

.fa-cauldron {
  --fa: "\f6bf";
}

.fa-chair {
  --fa: "\f6c0";
}

.fa-chair-office {
  --fa: "\f6c1";
}

.fa-claw-marks {
  --fa: "\f6c2";
}

.fa-cloud-moon {
  --fa: "\f6c3";
}

.fa-cloud-sun {
  --fa: "\f6c4";
}

.fa-cup-togo {
  --fa: "\f6c5";
}

.fa-coffee-togo {
  --fa: "\f6c5";
}

.fa-coffin {
  --fa: "\f6c6";
}

.fa-corn {
  --fa: "\f6c7";
}

.fa-cow {
  --fa: "\f6c8";
}

.fa-dagger {
  --fa: "\f6cb";
}

.fa-dice-d10 {
  --fa: "\f6cd";
}

.fa-dice-d12 {
  --fa: "\f6ce";
}

.fa-dice-d20 {
  --fa: "\f6cf";
}

.fa-dice-d4 {
  --fa: "\f6d0";
}

.fa-dice-d6 {
  --fa: "\f6d1";
}

.fa-dice-d8 {
  --fa: "\f6d2";
}

.fa-dog {
  --fa: "\f6d3";
}

.fa-dog-leashed {
  --fa: "\f6d4";
}

.fa-dragon {
  --fa: "\f6d5";
}

.fa-drumstick {
  --fa: "\f6d6";
}

.fa-drumstick-bite {
  --fa: "\f6d7";
}

.fa-duck {
  --fa: "\f6d8";
}

.fa-dungeon {
  --fa: "\f6d9";
}

.fa-elephant {
  --fa: "\f6da";
}

.fa-eye-evil {
  --fa: "\f6db";
}

.fa-file-csv {
  --fa: "\f6dd";
}

.fa-hand-fist {
  --fa: "\f6de";
}

.fa-fist-raised {
  --fa: "\f6de";
}

.fa-fire-flame {
  --fa: "\f6df";
}

.fa-flame {
  --fa: "\f6df";
}

.fa-flask-round-poison {
  --fa: "\f6e0";
}

.fa-flask-poison {
  --fa: "\f6e0";
}

.fa-flask-round-potion {
  --fa: "\f6e1";
}

.fa-flask-potion {
  --fa: "\f6e1";
}

.fa-ghost {
  --fa: "\f6e2";
}

.fa-hammer {
  --fa: "\f6e3";
}

.fa-hammer-war {
  --fa: "\f6e4";
}

.fa-hand-holding-magic {
  --fa: "\f6e5";
}

.fa-hanukiah {
  --fa: "\f6e6";
}

.fa-hat-witch {
  --fa: "\f6e7";
}

.fa-hat-wizard {
  --fa: "\f6e8";
}

.fa-head-side {
  --fa: "\f6e9";
}

.fa-head-side-goggles {
  --fa: "\f6ea";
}

.fa-head-vr {
  --fa: "\f6ea";
}

.fa-helmet-battle {
  --fa: "\f6eb";
}

.fa-person-hiking {
  --fa: "\f6ec";
}

.fa-hiking {
  --fa: "\f6ec";
}

.fa-hippo {
  --fa: "\f6ed";
}

.fa-hockey-mask {
  --fa: "\f6ee";
}

.fa-hood-cloak {
  --fa: "\f6ef";
}

.fa-horse {
  --fa: "\f6f0";
}

.fa-house-chimney-crack {
  --fa: "\f6f1";
}

.fa-house-damage {
  --fa: "\f6f1";
}

.fa-hryvnia-sign {
  --fa: "\f6f2";
}

.fa-hryvnia {
  --fa: "\f6f2";
}

.fa-key-skeleton {
  --fa: "\f6f3";
}

.fa-kite {
  --fa: "\f6f4";
}

.fa-knife-kitchen {
  --fa: "\f6f5";
}

.fa-leaf-maple {
  --fa: "\f6f6";
}

.fa-leaf-oak {
  --fa: "\f6f7";
}

.fa-mace {
  --fa: "\f6f8";
}

.fa-mandolin {
  --fa: "\f6f9";
}

.fa-mask {
  --fa: "\f6fa";
}

.fa-monkey {
  --fa: "\f6fb";
}

.fa-mountain {
  --fa: "\f6fc";
}

.fa-mountains {
  --fa: "\f6fd";
}

.fa-narwhal {
  --fa: "\f6fe";
}

.fa-network-wired {
  --fa: "\f6ff";
}

.fa-otter {
  --fa: "\f700";
}

.fa-paw-simple {
  --fa: "\f701";
}

.fa-paw-alt {
  --fa: "\f701";
}

.fa-paw-claws {
  --fa: "\f702";
}

.fa-pegasus {
  --fa: "\f703";
}

.fa-pie {
  --fa: "\f705";
}

.fa-pig {
  --fa: "\f706";
}

.fa-pumpkin {
  --fa: "\f707";
}

.fa-rabbit {
  --fa: "\f708";
}

.fa-rabbit-running {
  --fa: "\f709";
}

.fa-rabbit-fast {
  --fa: "\f709";
}

.fa-ram {
  --fa: "\f70a";
}

.fa-ring {
  --fa: "\f70b";
}

.fa-person-running {
  --fa: "\f70c";
}

.fa-running {
  --fa: "\f70c";
}

.fa-scarecrow {
  --fa: "\f70d";
}

.fa-scroll {
  --fa: "\f70e";
}

.fa-scroll-old {
  --fa: "\f70f";
}

.fa-scythe {
  --fa: "\f710";
}

.fa-sheep {
  --fa: "\f711";
}

.fa-shield-cross {
  --fa: "\f712";
}

.fa-shovel {
  --fa: "\f713";
}

.fa-skull-crossbones {
  --fa: "\f714";
}

.fa-slash {
  --fa: "\f715";
}

.fa-snake {
  --fa: "\f716";
}

.fa-spider {
  --fa: "\f717";
}

.fa-spider-black-widow {
  --fa: "\f718";
}

.fa-spider-web {
  --fa: "\f719";
}

.fa-squirrel {
  --fa: "\f71a";
}

.fa-staff {
  --fa: "\f71b";
}

.fa-sword {
  --fa: "\f71c";
}

.fa-swords {
  --fa: "\f71d";
}

.fa-toilet-paper {
  --fa: "\f71e";
}

.fa-toilet-paper-alt {
  --fa: "\f71e";
}

.fa-toilet-paper-blank {
  --fa: "\f71e";
}

.fa-tombstone {
  --fa: "\f720";
}

.fa-tombstone-blank {
  --fa: "\f721";
}

.fa-tombstone-alt {
  --fa: "\f721";
}

.fa-tractor {
  --fa: "\f722";
}

.fa-treasure-chest {
  --fa: "\f723";
}

.fa-trees {
  --fa: "\f724";
}

.fa-turkey {
  --fa: "\f725";
}

.fa-turtle {
  --fa: "\f726";
}

.fa-unicorn {
  --fa: "\f727";
}

.fa-user-injured {
  --fa: "\f728";
}

.fa-vr-cardboard {
  --fa: "\f729";
}

.fa-wand {
  --fa: "\f72a";
}

.fa-wand-sparkles {
  --fa: "\f72b";
}

.fa-whale {
  --fa: "\f72c";
}

.fa-wheat {
  --fa: "\f72d";
}

.fa-wind {
  --fa: "\f72e";
}

.fa-wine-bottle {
  --fa: "\f72f";
}

.fa-ballot {
  --fa: "\f732";
}

.fa-ballot-check {
  --fa: "\f733";
}

.fa-booth-curtain {
  --fa: "\f734";
}

.fa-box-ballot {
  --fa: "\f735";
}

.fa-calendar-star {
  --fa: "\f736";
}

.fa-clipboard-list-check {
  --fa: "\f737";
}

.fa-cloud-drizzle {
  --fa: "\f738";
}

.fa-cloud-hail {
  --fa: "\f739";
}

.fa-cloud-hail-mixed {
  --fa: "\f73a";
}

.fa-cloud-meatball {
  --fa: "\f73b";
}

.fa-cloud-moon-rain {
  --fa: "\f73c";
}

.fa-cloud-rain {
  --fa: "\f73d";
}

.fa-cloud-rainbow {
  --fa: "\f73e";
}

.fa-cloud-showers {
  --fa: "\f73f";
}

.fa-cloud-showers-heavy {
  --fa: "\f740";
}

.fa-cloud-sleet {
  --fa: "\f741";
}

.fa-cloud-snow {
  --fa: "\f742";
}

.fa-cloud-sun-rain {
  --fa: "\f743";
}

.fa-clouds {
  --fa: "\f744";
}

.fa-clouds-moon {
  --fa: "\f745";
}

.fa-clouds-sun {
  --fa: "\f746";
}

.fa-democrat {
  --fa: "\f747";
}

.fa-droplet-degree {
  --fa: "\f748";
}

.fa-dewpoint {
  --fa: "\f748";
}

.fa-eclipse {
  --fa: "\f749";
}

.fa-moon-over-sun {
  --fa: "\f74a";
}

.fa-eclipse-alt {
  --fa: "\f74a";
}

.fa-fire-smoke {
  --fa: "\f74b";
}

.fa-flag-swallowtail {
  --fa: "\f74c";
}

.fa-flag-alt {
  --fa: "\f74c";
}

.fa-flag-usa {
  --fa: "\f74d";
}

.fa-cloud-fog {
  --fa: "\f74e";
}

.fa-fog {
  --fa: "\f74e";
}

.fa-house-water {
  --fa: "\f74f";
}

.fa-house-flood {
  --fa: "\f74f";
}

.fa-droplet-percent {
  --fa: "\f750";
}

.fa-humidity {
  --fa: "\f750";
}

.fa-hurricane {
  --fa: "\f751";
}

.fa-landmark-dome {
  --fa: "\f752";
}

.fa-landmark-alt {
  --fa: "\f752";
}

.fa-meteor {
  --fa: "\f753";
}

.fa-moon-cloud {
  --fa: "\f754";
}

.fa-moon-stars {
  --fa: "\f755";
}

.fa-person-booth {
  --fa: "\f756";
}

.fa-person-sign {
  --fa: "\f757";
}

.fa-podium-star {
  --fa: "\f758";
}

.fa-poll-people {
  --fa: "\f759";
}

.fa-poo-storm {
  --fa: "\f75a";
}

.fa-poo-bolt {
  --fa: "\f75a";
}

.fa-rainbow {
  --fa: "\f75b";
}

.fa-raindrops {
  --fa: "\f75c";
}

.fa-republican {
  --fa: "\f75e";
}

.fa-smog {
  --fa: "\f75f";
}

.fa-smoke {
  --fa: "\f760";
}

.fa-snow-blowing {
  --fa: "\f761";
}

.fa-stars {
  --fa: "\f762";
}

.fa-sun-cloud {
  --fa: "\f763";
}

.fa-sun-dust {
  --fa: "\f764";
}

.fa-sun-haze {
  --fa: "\f765";
}

.fa-sunrise {
  --fa: "\f766";
}

.fa-sunset {
  --fa: "\f767";
}

.fa-temperature-snow {
  --fa: "\f768";
}

.fa-temperature-frigid {
  --fa: "\f768";
}

.fa-temperature-high {
  --fa: "\f769";
}

.fa-temperature-sun {
  --fa: "\f76a";
}

.fa-temperature-hot {
  --fa: "\f76a";
}

.fa-temperature-low {
  --fa: "\f76b";
}

.fa-cloud-bolt {
  --fa: "\f76c";
}

.fa-thunderstorm {
  --fa: "\f76c";
}

.fa-cloud-bolt-moon {
  --fa: "\f76d";
}

.fa-thunderstorm-moon {
  --fa: "\f76d";
}

.fa-cloud-bolt-sun {
  --fa: "\f76e";
}

.fa-thunderstorm-sun {
  --fa: "\f76e";
}

.fa-tornado {
  --fa: "\f76f";
}

.fa-volcano {
  --fa: "\f770";
}

.fa-xmark-to-slot {
  --fa: "\f771";
}

.fa-times-to-slot {
  --fa: "\f771";
}

.fa-vote-nay {
  --fa: "\f771";
}

.fa-check-to-slot {
  --fa: "\f772";
}

.fa-vote-yea {
  --fa: "\f772";
}

.fa-water {
  --fa: "\f773";
}

.fa-water-arrow-down {
  --fa: "\f774";
}

.fa-water-lower {
  --fa: "\f774";
}

.fa-water-arrow-up {
  --fa: "\f775";
}

.fa-water-rise {
  --fa: "\f775";
}

.fa-wind-warning {
  --fa: "\f776";
}

.fa-wind-circle-exclamation {
  --fa: "\f776";
}

.fa-windsock {
  --fa: "\f777";
}

.fa-angel {
  --fa: "\f779";
}

.fa-baby {
  --fa: "\f77c";
}

.fa-baby-carriage {
  --fa: "\f77d";
}

.fa-carriage-baby {
  --fa: "\f77d";
}

.fa-ball-pile {
  --fa: "\f77e";
}

.fa-bells {
  --fa: "\f77f";
}

.fa-biohazard {
  --fa: "\f780";
}

.fa-blog {
  --fa: "\f781";
}

.fa-boot {
  --fa: "\f782";
}

.fa-calendar-day {
  --fa: "\f783";
}

.fa-calendar-week {
  --fa: "\f784";
}

.fa-candy-cane {
  --fa: "\f786";
}

.fa-carrot {
  --fa: "\f787";
}

.fa-cash-register {
  --fa: "\f788";
}

.fa-chart-network {
  --fa: "\f78a";
}

.fa-chimney {
  --fa: "\f78b";
}

.fa-minimize {
  --fa: "\f78c";
}

.fa-compress-arrows-alt {
  --fa: "\f78c";
}

.fa-deer {
  --fa: "\f78e";
}

.fa-deer-rudolph {
  --fa: "\f78f";
}

.fa-dreidel {
  --fa: "\f792";
}

.fa-dumpster {
  --fa: "\f793";
}

.fa-dumpster-fire {
  --fa: "\f794";
}

.fa-ear-muffs {
  --fa: "\f795";
}

.fa-ethernet {
  --fa: "\f796";
}

.fa-fireplace {
  --fa: "\f79a";
}

.fa-snowman-head {
  --fa: "\f79b";
}

.fa-frosty-head {
  --fa: "\f79b";
}

.fa-gifts {
  --fa: "\f79c";
}

.fa-gingerbread-man {
  --fa: "\f79d";
}

.fa-champagne-glass {
  --fa: "\f79e";
}

.fa-glass-champagne {
  --fa: "\f79e";
}

.fa-champagne-glasses {
  --fa: "\f79f";
}

.fa-glass-cheers {
  --fa: "\f79f";
}

.fa-whiskey-glass {
  --fa: "\f7a0";
}

.fa-glass-whiskey {
  --fa: "\f7a0";
}

.fa-whiskey-glass-ice {
  --fa: "\f7a1";
}

.fa-glass-whiskey-rocks {
  --fa: "\f7a1";
}

.fa-earth-europe {
  --fa: "\f7a2";
}

.fa-globe-europe {
  --fa: "\f7a2";
}

.fa-globe-snow {
  --fa: "\f7a3";
}

.fa-grip-lines {
  --fa: "\f7a4";
}

.fa-grip-lines-vertical {
  --fa: "\f7a5";
}

.fa-guitar {
  --fa: "\f7a6";
}

.fa-hat-santa {
  --fa: "\f7a7";
}

.fa-hat-winter {
  --fa: "\f7a8";
}

.fa-heart-crack {
  --fa: "\f7a9";
}

.fa-heart-broken {
  --fa: "\f7a9";
}

.fa-holly-berry {
  --fa: "\f7aa";
}

.fa-horse-head {
  --fa: "\f7ab";
}

.fa-ice-skate {
  --fa: "\f7ac";
}

.fa-icicles {
  --fa: "\f7ad";
}

.fa-igloo {
  --fa: "\f7ae";
}

.fa-lights-holiday {
  --fa: "\f7b2";
}

.fa-mistletoe {
  --fa: "\f7b4";
}

.fa-mitten {
  --fa: "\f7b5";
}

.fa-mug-hot {
  --fa: "\f7b6";
}

.fa-mug-marshmallows {
  --fa: "\f7b7";
}

.fa-ornament {
  --fa: "\f7b8";
}

.fa-radiation {
  --fa: "\f7b9";
}

.fa-circle-radiation {
  --fa: "\f7ba";
}

.fa-radiation-alt {
  --fa: "\f7ba";
}

.fa-restroom {
  --fa: "\f7bd";
}

.fa-rv {
  --fa: "\f7be";
}

.fa-satellite {
  --fa: "\f7bf";
}

.fa-satellite-dish {
  --fa: "\f7c0";
}

.fa-scarf {
  --fa: "\f7c1";
}

.fa-sd-card {
  --fa: "\f7c2";
}

.fa-shovel-snow {
  --fa: "\f7c3";
}

.fa-sim-card {
  --fa: "\f7c4";
}

.fa-person-skating {
  --fa: "\f7c5";
}

.fa-skating {
  --fa: "\f7c5";
}

.fa-person-ski-jumping {
  --fa: "\f7c7";
}

.fa-ski-jump {
  --fa: "\f7c7";
}

.fa-person-ski-lift {
  --fa: "\f7c8";
}

.fa-ski-lift {
  --fa: "\f7c8";
}

.fa-person-skiing {
  --fa: "\f7c9";
}

.fa-skiing {
  --fa: "\f7c9";
}

.fa-person-skiing-nordic {
  --fa: "\f7ca";
}

.fa-skiing-nordic {
  --fa: "\f7ca";
}

.fa-person-sledding {
  --fa: "\f7cb";
}

.fa-sledding {
  --fa: "\f7cb";
}

.fa-sleigh {
  --fa: "\f7cc";
}

.fa-comment-sms {
  --fa: "\f7cd";
}

.fa-sms {
  --fa: "\f7cd";
}

.fa-person-snowboarding {
  --fa: "\f7ce";
}

.fa-snowboarding {
  --fa: "\f7ce";
}

.fa-snowflakes {
  --fa: "\f7cf";
}

.fa-snowman {
  --fa: "\f7d0";
}

.fa-person-snowmobiling {
  --fa: "\f7d1";
}

.fa-snowmobile {
  --fa: "\f7d1";
}

.fa-snowplow {
  --fa: "\f7d2";
}

.fa-star-christmas {
  --fa: "\f7d4";
}

.fa-stocking {
  --fa: "\f7d5";
}

.fa-tenge-sign {
  --fa: "\f7d7";
}

.fa-tenge {
  --fa: "\f7d7";
}

.fa-toilet {
  --fa: "\f7d8";
}

.fa-screwdriver-wrench {
  --fa: "\f7d9";
}

.fa-tools {
  --fa: "\f7d9";
}

.fa-cable-car {
  --fa: "\f7da";
}

.fa-tram {
  --fa: "\f7da";
}

.fa-tree-christmas {
  --fa: "\f7db";
}

.fa-tree-decorated {
  --fa: "\f7dc";
}

.fa-tree-large {
  --fa: "\f7dd";
}

.fa-truck-plow {
  --fa: "\f7de";
}

.fa-wreath {
  --fa: "\f7e2";
}

.fa-fire-flame-curved {
  --fa: "\f7e4";
}

.fa-fire-alt {
  --fa: "\f7e4";
}

.fa-bacon {
  --fa: "\f7e5";
}

.fa-book-medical {
  --fa: "\f7e6";
}

.fa-book-user {
  --fa: "\f7e7";
}

.fa-books-medical {
  --fa: "\f7e8";
}

.fa-brackets-square {
  --fa: "\f7e9";
}

.fa-brackets {
  --fa: "\f7e9";
}

.fa-brackets-curly {
  --fa: "\f7ea";
}

.fa-bread-loaf {
  --fa: "\f7eb";
}

.fa-bread-slice {
  --fa: "\f7ec";
}

.fa-burrito {
  --fa: "\f7ed";
}

.fa-chart-scatter {
  --fa: "\f7ee";
}

.fa-cheese {
  --fa: "\f7ef";
}

.fa-cheese-swiss {
  --fa: "\f7f0";
}

.fa-burger-cheese {
  --fa: "\f7f1";
}

.fa-cheeseburger {
  --fa: "\f7f1";
}

.fa-house-chimney-medical {
  --fa: "\f7f2";
}

.fa-clinic-medical {
  --fa: "\f7f2";
}

.fa-clipboard-user {
  --fa: "\f7f3";
}

.fa-message-medical {
  --fa: "\f7f4";
}

.fa-comment-alt-medical {
  --fa: "\f7f4";
}

.fa-comment-medical {
  --fa: "\f7f5";
}

.fa-croissant {
  --fa: "\f7f6";
}

.fa-crutch {
  --fa: "\f7f7";
}

.fa-crutches {
  --fa: "\f7f8";
}

.fa-ban-bug {
  --fa: "\f7f9";
}

.fa-debug {
  --fa: "\f7f9";
}

.fa-disease {
  --fa: "\f7fa";
}

.fa-egg {
  --fa: "\f7fb";
}

.fa-egg-fried {
  --fa: "\f7fc";
}

.fa-files-medical {
  --fa: "\f7fd";
}

.fa-fish-cooked {
  --fa: "\f7fe";
}

.fa-flower {
  --fa: "\f7ff";
}

.fa-flower-daffodil {
  --fa: "\f800";
}

.fa-flower-tulip {
  --fa: "\f801";
}

.fa-folder-tree {
  --fa: "\f802";
}

.fa-french-fries {
  --fa: "\f803";
}

.fa-glass {
  --fa: "\f804";
}

.fa-burger {
  --fa: "\f805";
}

.fa-hamburger {
  --fa: "\f805";
}

.fa-hand-middle-finger {
  --fa: "\f806";
}

.fa-helmet-safety {
  --fa: "\f807";
}

.fa-hard-hat {
  --fa: "\f807";
}

.fa-hat-hard {
  --fa: "\f807";
}

.fa-head-side-brain {
  --fa: "\f808";
}

.fa-head-side-medical {
  --fa: "\f809";
}

.fa-hospital-user {
  --fa: "\f80d";
}

.fa-hospitals {
  --fa: "\f80e";
}

.fa-hotdog {
  --fa: "\f80f";
}

.fa-ice-cream {
  --fa: "\f810";
}

.fa-island-tropical {
  --fa: "\f811";
}

.fa-island-tree-palm {
  --fa: "\f811";
}

.fa-laptop-medical {
  --fa: "\f812";
}

.fa-mailbox {
  --fa: "\f813";
}

.fa-meat {
  --fa: "\f814";
}

.fa-pager {
  --fa: "\f815";
}

.fa-pepper-hot {
  --fa: "\f816";
}

.fa-pizza {
  --fa: "\f817";
}

.fa-pizza-slice {
  --fa: "\f818";
}

.fa-popcorn {
  --fa: "\f819";
}

.fa-print-magnifying-glass {
  --fa: "\f81a";
}

.fa-print-search {
  --fa: "\f81a";
}

.fa-rings-wedding {
  --fa: "\f81b";
}

.fa-sack {
  --fa: "\f81c";
}

.fa-sack-dollar {
  --fa: "\f81d";
}

.fa-salad {
  --fa: "\f81e";
}

.fa-bowl-salad {
  --fa: "\f81e";
}

.fa-sandwich {
  --fa: "\f81f";
}

.fa-sausage {
  --fa: "\f820";
}

.fa-shish-kebab {
  --fa: "\f821";
}

.fa-sickle {
  --fa: "\f822";
}

.fa-bowl-hot {
  --fa: "\f823";
}

.fa-soup {
  --fa: "\f823";
}

.fa-steak {
  --fa: "\f824";
}

.fa-stretcher {
  --fa: "\f825";
}

.fa-taco {
  --fa: "\f826";
}

.fa-book-tanakh {
  --fa: "\f827";
}

.fa-tanakh {
  --fa: "\f827";
}

.fa-bars-progress {
  --fa: "\f828";
}

.fa-tasks-alt {
  --fa: "\f828";
}

.fa-trash-arrow-up {
  --fa: "\f829";
}

.fa-trash-restore {
  --fa: "\f829";
}

.fa-trash-can-arrow-up {
  --fa: "\f82a";
}

.fa-trash-restore-alt {
  --fa: "\f82a";
}

.fa-tree-palm {
  --fa: "\f82b";
}

.fa-user-helmet-safety {
  --fa: "\f82c";
}

.fa-user-construction {
  --fa: "\f82c";
}

.fa-user-hard-hat {
  --fa: "\f82c";
}

.fa-user-headset {
  --fa: "\f82d";
}

.fa-user-doctor-message {
  --fa: "\f82e";
}

.fa-user-md-chat {
  --fa: "\f82e";
}

.fa-user-nurse {
  --fa: "\f82f";
}

.fa-users-medical {
  --fa: "\f830";
}

.fa-walker {
  --fa: "\f831";
}

.fa-camera-web {
  --fa: "\f832";
}

.fa-webcam {
  --fa: "\f832";
}

.fa-camera-web-slash {
  --fa: "\f833";
}

.fa-webcam-slash {
  --fa: "\f833";
}

.fa-wave-square {
  --fa: "\f83e";
}

.fa-alarm-exclamation {
  --fa: "\f843";
}

.fa-alarm-plus {
  --fa: "\f844";
}

.fa-alarm-snooze {
  --fa: "\f845";
}

.fa-align-slash {
  --fa: "\f846";
}

.fa-bags-shopping {
  --fa: "\f847";
}

.fa-bell-exclamation {
  --fa: "\f848";
}

.fa-bell-plus {
  --fa: "\f849";
}

.fa-person-biking {
  --fa: "\f84a";
}

.fa-biking {
  --fa: "\f84a";
}

.fa-person-biking-mountain {
  --fa: "\f84b";
}

.fa-biking-mountain {
  --fa: "\f84b";
}

.fa-border-all {
  --fa: "\f84c";
}

.fa-border-bottom {
  --fa: "\f84d";
}

.fa-border-inner {
  --fa: "\f84e";
}

.fa-border-left {
  --fa: "\f84f";
}

.fa-border-none {
  --fa: "\f850";
}

.fa-border-outer {
  --fa: "\f851";
}

.fa-border-right {
  --fa: "\f852";
}

.fa-border-top-left {
  --fa: "\f853";
}

.fa-border-style {
  --fa: "\f853";
}

.fa-border-bottom-right {
  --fa: "\f854";
}

.fa-border-style-alt {
  --fa: "\f854";
}

.fa-border-top {
  --fa: "\f855";
}

.fa-bring-forward {
  --fa: "\f856";
}

.fa-bring-front {
  --fa: "\f857";
}

.fa-burger-soda {
  --fa: "\f858";
}

.fa-car-building {
  --fa: "\f859";
}

.fa-car-bus {
  --fa: "\f85a";
}

.fa-cars {
  --fa: "\f85b";
}

.fa-coin {
  --fa: "\f85c";
}

.fa-triangle-person-digging {
  --fa: "\f85d";
}

.fa-construction {
  --fa: "\f85d";
}

.fa-person-digging {
  --fa: "\f85e";
}

.fa-digging {
  --fa: "\f85e";
}

.fa-drone {
  --fa: "\f85f";
}

.fa-drone-front {
  --fa: "\f860";
}

.fa-drone-alt {
  --fa: "\f860";
}

.fa-dryer {
  --fa: "\f861";
}

.fa-dryer-heat {
  --fa: "\f862";
}

.fa-dryer-alt {
  --fa: "\f862";
}

.fa-fan {
  --fa: "\f863";
}

.fa-farm {
  --fa: "\f864";
}

.fa-barn-silo {
  --fa: "\f864";
}

.fa-file-magnifying-glass {
  --fa: "\f865";
}

.fa-file-search {
  --fa: "\f865";
}

.fa-font-case {
  --fa: "\f866";
}

.fa-game-board {
  --fa: "\f867";
}

.fa-game-board-simple {
  --fa: "\f868";
}

.fa-game-board-alt {
  --fa: "\f868";
}

.fa-glass-citrus {
  --fa: "\f869";
}

.fa-h4 {
  --fa: "\f86a";
}

.fa-hat-chef {
  --fa: "\f86b";
}

.fa-horizontal-rule {
  --fa: "\f86c";
}

.fa-icons {
  --fa: "\f86d";
}

.fa-heart-music-camera-bolt {
  --fa: "\f86d";
}

.fa-symbols {
  --fa: "\f86e";
}

.fa-icons-alt {
  --fa: "\f86e";
}

.fa-kerning {
  --fa: "\f86f";
}

.fa-line-columns {
  --fa: "\f870";
}

.fa-line-height {
  --fa: "\f871";
}

.fa-money-check-pen {
  --fa: "\f872";
}

.fa-money-check-edit {
  --fa: "\f872";
}

.fa-money-check-dollar-pen {
  --fa: "\f873";
}

.fa-money-check-edit-alt {
  --fa: "\f873";
}

.fa-mug {
  --fa: "\f874";
}

.fa-mug-tea {
  --fa: "\f875";
}

.fa-overline {
  --fa: "\f876";
}

.fa-file-dashed-line {
  --fa: "\f877";
}

.fa-page-break {
  --fa: "\f877";
}

.fa-paragraph-left {
  --fa: "\f878";
}

.fa-paragraph-rtl {
  --fa: "\f878";
}

.fa-phone-flip {
  --fa: "\f879";
}

.fa-phone-alt {
  --fa: "\f879";
}

.fa-laptop-mobile {
  --fa: "\f87a";
}

.fa-phone-laptop {
  --fa: "\f87a";
}

.fa-square-phone-flip {
  --fa: "\f87b";
}

.fa-phone-square-alt {
  --fa: "\f87b";
}

.fa-photo-film {
  --fa: "\f87c";
}

.fa-photo-video {
  --fa: "\f87c";
}

.fa-text-slash {
  --fa: "\f87d";
}

.fa-remove-format {
  --fa: "\f87d";
}

.fa-send-back {
  --fa: "\f87e";
}

.fa-send-backward {
  --fa: "\f87f";
}

.fa-snooze {
  --fa: "\f880";
}

.fa-zzz {
  --fa: "\f880";
}

.fa-arrow-down-z-a {
  --fa: "\f881";
}

.fa-sort-alpha-desc {
  --fa: "\f881";
}

.fa-sort-alpha-down-alt {
  --fa: "\f881";
}

.fa-arrow-up-z-a {
  --fa: "\f882";
}

.fa-sort-alpha-up-alt {
  --fa: "\f882";
}

.fa-arrow-down-arrow-up {
  --fa: "\f883";
}

.fa-sort-alt {
  --fa: "\f883";
}

.fa-arrow-down-short-wide {
  --fa: "\f884";
}

.fa-sort-amount-desc {
  --fa: "\f884";
}

.fa-sort-amount-down-alt {
  --fa: "\f884";
}

.fa-arrow-up-short-wide {
  --fa: "\f885";
}

.fa-sort-amount-up-alt {
  --fa: "\f885";
}

.fa-arrow-down-9-1 {
  --fa: "\f886";
}

.fa-sort-numeric-desc {
  --fa: "\f886";
}

.fa-sort-numeric-down-alt {
  --fa: "\f886";
}

.fa-arrow-up-9-1 {
  --fa: "\f887";
}

.fa-sort-numeric-up-alt {
  --fa: "\f887";
}

.fa-arrow-down-triangle-square {
  --fa: "\f888";
}

.fa-sort-shapes-down {
  --fa: "\f888";
}

.fa-arrow-down-square-triangle {
  --fa: "\f889";
}

.fa-sort-shapes-down-alt {
  --fa: "\f889";
}

.fa-arrow-up-triangle-square {
  --fa: "\f88a";
}

.fa-sort-shapes-up {
  --fa: "\f88a";
}

.fa-arrow-up-square-triangle {
  --fa: "\f88b";
}

.fa-sort-shapes-up-alt {
  --fa: "\f88b";
}

.fa-arrow-down-big-small {
  --fa: "\f88c";
}

.fa-sort-size-down {
  --fa: "\f88c";
}

.fa-arrow-down-small-big {
  --fa: "\f88d";
}

.fa-sort-size-down-alt {
  --fa: "\f88d";
}

.fa-arrow-up-big-small {
  --fa: "\f88e";
}

.fa-sort-size-up {
  --fa: "\f88e";
}

.fa-arrow-up-small-big {
  --fa: "\f88f";
}

.fa-sort-size-up-alt {
  --fa: "\f88f";
}

.fa-sparkles {
  --fa: "\f890";
}

.fa-spell-check {
  --fa: "\f891";
}

.fa-sunglasses {
  --fa: "\f892";
}

.fa-text {
  --fa: "\f893";
}

.fa-text-size {
  --fa: "\f894";
}

.fa-trash-undo {
  --fa: "\f895";
}

.fa-trash-arrow-turn-left {
  --fa: "\f895";
}

.fa-trash-can-undo {
  --fa: "\f896";
}

.fa-trash-can-arrow-turn-left {
  --fa: "\f896";
}

.fa-trash-undo-alt {
  --fa: "\f896";
}

.fa-voicemail {
  --fa: "\f897";
}

.fa-washing-machine {
  --fa: "\f898";
}

.fa-washer {
  --fa: "\f898";
}

.fa-wave-sine {
  --fa: "\f899";
}

.fa-wave-triangle {
  --fa: "\f89a";
}

.fa-wind-turbine {
  --fa: "\f89b";
}

.fa-border-center-h {
  --fa: "\f89c";
}

.fa-border-center-v {
  --fa: "\f89d";
}

.fa-album {
  --fa: "\f89f";
}

.fa-album-collection {
  --fa: "\f8a0";
}

.fa-amp-guitar {
  --fa: "\f8a1";
}

.fa-badge-sheriff {
  --fa: "\f8a2";
}

.fa-banjo {
  --fa: "\f8a3";
}

.fa-cassette-betamax {
  --fa: "\f8a4";
}

.fa-betamax {
  --fa: "\f8a4";
}

.fa-boombox {
  --fa: "\f8a5";
}

.fa-cactus {
  --fa: "\f8a7";
}

.fa-camcorder {
  --fa: "\f8a8";
}

.fa-video-handheld {
  --fa: "\f8a8";
}

.fa-camera-movie {
  --fa: "\f8a9";
}

.fa-camera-polaroid {
  --fa: "\f8aa";
}

.fa-cassette-tape {
  --fa: "\f8ab";
}

.fa-camera-cctv {
  --fa: "\f8ac";
}

.fa-cctv {
  --fa: "\f8ac";
}

.fa-clarinet {
  --fa: "\f8ad";
}

.fa-cloud-music {
  --fa: "\f8ae";
}

.fa-message-music {
  --fa: "\f8af";
}

.fa-comment-alt-music {
  --fa: "\f8af";
}

.fa-comment-music {
  --fa: "\f8b0";
}

.fa-computer-classic {
  --fa: "\f8b1";
}

.fa-computer-speaker {
  --fa: "\f8b2";
}

.fa-cowbell {
  --fa: "\f8b3";
}

.fa-cowbell-circle-plus {
  --fa: "\f8b4";
}

.fa-cowbell-more {
  --fa: "\f8b4";
}

.fa-disc-drive {
  --fa: "\f8b5";
}

.fa-file-music {
  --fa: "\f8b6";
}

.fa-film-canister {
  --fa: "\f8b7";
}

.fa-film-cannister {
  --fa: "\f8b7";
}

.fa-flashlight {
  --fa: "\f8b8";
}

.fa-flute {
  --fa: "\f8b9";
}

.fa-flux-capacitor {
  --fa: "\f8ba";
}

.fa-game-console-handheld {
  --fa: "\f8bb";
}

.fa-gramophone {
  --fa: "\f8bd";
}

.fa-guitar-electric {
  --fa: "\f8be";
}

.fa-guitars {
  --fa: "\f8bf";
}

.fa-hat-cowboy {
  --fa: "\f8c0";
}

.fa-hat-cowboy-side {
  --fa: "\f8c1";
}

.fa-head-side-headphones {
  --fa: "\f8c2";
}

.fa-horse-saddle {
  --fa: "\f8c3";
}

.fa-image-polaroid {
  --fa: "\f8c4";
}

.fa-joystick {
  --fa: "\f8c5";
}

.fa-jug {
  --fa: "\f8c6";
}

.fa-kazoo {
  --fa: "\f8c7";
}

.fa-lasso {
  --fa: "\f8c8";
}

.fa-list-music {
  --fa: "\f8c9";
}

.fa-microphone-stand {
  --fa: "\f8cb";
}

.fa-computer-mouse {
  --fa: "\f8cc";
}

.fa-mouse {
  --fa: "\f8cc";
}

.fa-computer-mouse-scrollwheel {
  --fa: "\f8cd";
}

.fa-mouse-alt {
  --fa: "\f8cd";
}

.fa-mp3-player {
  --fa: "\f8ce";
}

.fa-music-note {
  --fa: "\f8cf";
}

.fa-music-alt {
  --fa: "\f8cf";
}

.fa-music-note-slash {
  --fa: "\f8d0";
}

.fa-music-alt-slash {
  --fa: "\f8d0";
}

.fa-music-slash {
  --fa: "\f8d1";
}

.fa-phone-rotary {
  --fa: "\f8d3";
}

.fa-piano {
  --fa: "\f8d4";
}

.fa-piano-keyboard {
  --fa: "\f8d5";
}

.fa-projector {
  --fa: "\f8d6";
}

.fa-radio {
  --fa: "\f8d7";
}

.fa-radio-tuner {
  --fa: "\f8d8";
}

.fa-radio-alt {
  --fa: "\f8d8";
}

.fa-record-vinyl {
  --fa: "\f8d9";
}

.fa-router {
  --fa: "\f8da";
}

.fa-saxophone-fire {
  --fa: "\f8db";
}

.fa-sax-hot {
  --fa: "\f8db";
}

.fa-saxophone {
  --fa: "\f8dc";
}

.fa-signal-stream {
  --fa: "\f8dd";
}

.fa-skull-cow {
  --fa: "\f8de";
}

.fa-speaker {
  --fa: "\f8df";
}

.fa-speakers {
  --fa: "\f8e0";
}

.fa-triangle-instrument {
  --fa: "\f8e2";
}

.fa-triangle-music {
  --fa: "\f8e2";
}

.fa-trumpet {
  --fa: "\f8e3";
}

.fa-turntable {
  --fa: "\f8e4";
}

.fa-tv-music {
  --fa: "\f8e6";
}

.fa-typewriter {
  --fa: "\f8e7";
}

.fa-usb-drive {
  --fa: "\f8e9";
}

.fa-user-cowboy {
  --fa: "\f8ea";
}

.fa-user-music {
  --fa: "\f8eb";
}

.fa-cassette-vhs {
  --fa: "\f8ec";
}

.fa-vhs {
  --fa: "\f8ec";
}

.fa-violin {
  --fa: "\f8ed";
}

.fa-wagon-covered {
  --fa: "\f8ee";
}

.fa-walkie-talkie {
  --fa: "\f8ef";
}

.fa-watch-calculator {
  --fa: "\f8f0";
}

.fa-waveform {
  --fa: "\f8f1";
}

.fa-waveform-lines {
  --fa: "\f8f2";
}

.fa-waveform-path {
  --fa: "\f8f2";
}

.fa-scanner-image {
  --fa: "\f8f3";
}

.fa-air-conditioner {
  --fa: "\f8f4";
}

.fa-alien {
  --fa: "\f8f5";
}

.fa-alien-8bit {
  --fa: "\f8f6";
}

.fa-alien-monster {
  --fa: "\f8f6";
}

.fa-bed-front {
  --fa: "\f8f7";
}

.fa-bed-alt {
  --fa: "\f8f7";
}

.fa-bed-bunk {
  --fa: "\f8f8";
}

.fa-bed-empty {
  --fa: "\f8f9";
}

.fa-bell-on {
  --fa: "\f8fa";
}

.fa-blinds {
  --fa: "\f8fb";
}

.fa-blinds-open {
  --fa: "\f8fc";
}

.fa-blinds-raised {
  --fa: "\f8fd";
}

.fa-camera-security {
  --fa: "\f8fe";
}

.fa-camera-home {
  --fa: "\f8fe";
}

.fa-caravan {
  --fa: "\f8ff";
}

/*!
 * Font Awesome Pro 7.3.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
:root, :host {
  --fa-family-classic: 'Font Awesome 7 Pro';
  --fa-font-solid: normal 900 1em/1 var(--fa-family-classic);
  /* deprecated: this older custom property will be removed next major release */
  --fa-style-family-classic: var(--fa-family-classic);
}

@font-face {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.woff2");
}
.fas {
  --fa-family: var(--fa-family-classic);
  --fa-style: 900;
}

.fa-classic {
  --fa-family: var(--fa-family-classic);
}

.fa-solid {
  --fa-style: 900;
}

/*!
 * Font Awesome Pro 7.3.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
:root, :host {
  --fa-family-classic: 'Font Awesome 7 Pro';
  --fa-font-regular: normal 400 1em/1 var(--fa-family-classic);
  /* deprecated: this older custom property will be removed next major release */
  --fa-style-family-classic: var(--fa-family-classic);
}

@font-face {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-regular-400.woff2");
}
.far {
  --fa-family: var(--fa-family-classic);
  --fa-style: 400;
}

.fa-classic {
  --fa-family: var(--fa-family-classic);
}

.fa-regular {
  --fa-style: 400;
}

/*!
 * Font Awesome Pro 7.3.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
:root, :host {
  --fa-family-brands: 'Font Awesome 7 Brands';
  --fa-font-brands: normal 400 1em/1 var(--fa-family-brands);
}

@font-face {
  font-family: "Font Awesome 7 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-brands-400.woff2");
}
.fab,
.fa-brands,
.fa-classic.fa-brands {
  --fa-family: var(--fa-family-brands);
  --fa-style: 400;
}

.fa-firefox-browser {
  --fa: "\e007";
}

.fa-ideal {
  --fa: "\e013";
}

.fa-microblog {
  --fa: "\e01a";
}

.fa-square-pied-piper {
  --fa: "\e01e";
}

.fa-pied-piper-square {
  --fa: "\e01e";
}

.fa-unity {
  --fa: "\e049";
}

.fa-dailymotion {
  --fa: "\e052";
}

.fa-square-instagram {
  --fa: "\e055";
}

.fa-instagram-square {
  --fa: "\e055";
}

.fa-mixer {
  --fa: "\e056";
}

.fa-shopify {
  --fa: "\e057";
}

.fa-deezer {
  --fa: "\e077";
}

.fa-edge-legacy {
  --fa: "\e078";
}

.fa-google-pay {
  --fa: "\e079";
}

.fa-rust {
  --fa: "\e07a";
}

.fa-tiktok {
  --fa: "\e07b";
}

.fa-unsplash {
  --fa: "\e07c";
}

.fa-cloudflare {
  --fa: "\e07d";
}

.fa-guilded {
  --fa: "\e07e";
}

.fa-hive {
  --fa: "\e07f";
}

.fa-42-group {
  --fa: "\e080";
}

.fa-innosoft {
  --fa: "\e080";
}

.fa-instalod {
  --fa: "\e081";
}

.fa-octopus-deploy {
  --fa: "\e082";
}

.fa-perbyte {
  --fa: "\e083";
}

.fa-uncharted {
  --fa: "\e084";
}

.fa-watchman-monitoring {
  --fa: "\e087";
}

.fa-wodu {
  --fa: "\e088";
}

.fa-wirsindhandwerk {
  --fa: "\e2d0";
}

.fa-wsh {
  --fa: "\e2d0";
}

.fa-bots {
  --fa: "\e340";
}

.fa-cmplid {
  --fa: "\e360";
}

.fa-bilibili {
  --fa: "\e3d9";
}

.fa-golang {
  --fa: "\e40f";
}

.fa-pix {
  --fa: "\e43a";
}

.fa-sitrox {
  --fa: "\e44a";
}

.fa-hashnode {
  --fa: "\e499";
}

.fa-meta {
  --fa: "\e49b";
}

.fa-padlet {
  --fa: "\e4a0";
}

.fa-nfc-directional {
  --fa: "\e530";
}

.fa-nfc-symbol {
  --fa: "\e531";
}

.fa-screenpal {
  --fa: "\e570";
}

.fa-space-awesome {
  --fa: "\e5ac";
}

.fa-square-font-awesome {
  --fa: "\e5ad";
}

.fa-square-gitlab {
  --fa: "\e5ae";
}

.fa-gitlab-square {
  --fa: "\e5ae";
}

.fa-odysee {
  --fa: "\e5c6";
}

.fa-stubber {
  --fa: "\e5c7";
}

.fa-debian {
  --fa: "\e60b";
}

.fa-shoelace {
  --fa: "\e60c";
}

.fa-threads {
  --fa: "\e618";
}

.fa-square-threads {
  --fa: "\e619";
}

.fa-square-x-twitter {
  --fa: "\e61a";
}

.fa-x-twitter {
  --fa: "\e61b";
}

.fa-opensuse {
  --fa: "\e62b";
}

.fa-letterboxd {
  --fa: "\e62d";
}

.fa-square-letterboxd {
  --fa: "\e62e";
}

.fa-mintbit {
  --fa: "\e62f";
}

.fa-google-scholar {
  --fa: "\e63b";
}

.fa-brave {
  --fa: "\e63c";
}

.fa-brave-reverse {
  --fa: "\e63d";
}

.fa-pixiv {
  --fa: "\e640";
}

.fa-upwork {
  --fa: "\e641";
}

.fa-webflow {
  --fa: "\e65c";
}

.fa-signal-messenger {
  --fa: "\e663";
}

.fa-bluesky {
  --fa: "\e671";
}

.fa-jxl {
  --fa: "\e67b";
}

.fa-square-upwork {
  --fa: "\e67c";
}

.fa-web-awesome {
  --fa: "\e682";
}

.fa-square-web-awesome {
  --fa: "\e683";
}

.fa-square-web-awesome-stroke {
  --fa: "\e684";
}

.fa-dart-lang {
  --fa: "\e693";
}

.fa-flutter {
  --fa: "\e694";
}

.fa-files-pinwheel {
  --fa: "\e69f";
}

.fa-css {
  --fa: "\e6a2";
}

.fa-square-bluesky {
  --fa: "\e6a3";
}

.fa-openai {
  --fa: "\e7cf";
}

.fa-square-linkedin {
  --fa: "\e7d0";
}

.fa-cash-app {
  --fa: "\e7d4";
}

.fa-disqus {
  --fa: "\e7d5";
}

.fa-eleventy {
  --fa: "\e7d6";
}

.fa-11ty {
  --fa: "\e7d6";
}

.fa-kakao-talk {
  --fa: "\e7d7";
}

.fa-linktree {
  --fa: "\e7d8";
}

.fa-notion {
  --fa: "\e7d9";
}

.fa-pandora {
  --fa: "\e7da";
}

.fa-pixelfed {
  --fa: "\e7db";
}

.fa-tidal {
  --fa: "\e7dc";
}

.fa-vsco {
  --fa: "\e7dd";
}

.fa-w3c {
  --fa: "\e7de";
}

.fa-lumon {
  --fa: "\e7e2";
}

.fa-lumon-drop {
  --fa: "\e7e3";
}

.fa-square-figma {
  --fa: "\e7e4";
}

.fa-tex {
  --fa: "\e7ff";
}

.fa-duolingo {
  --fa: "\e812";
}

.fa-supportnow {
  --fa: "\e833";
}

.fa-tor-browser {
  --fa: "\e838";
}

.fa-typescript {
  --fa: "\e840";
}

.fa-square-deskpro {
  --fa: "\e844";
}

.fa-circle-zulip {
  --fa: "\e851";
}

.fa-julia {
  --fa: "\e852";
}

.fa-zulip {
  --fa: "\e853";
}

.fa-unison {
  --fa: "\e854";
}

.fa-board-game-geek {
  --fa: "\e855";
}

.fa-bgg {
  --fa: "\e855";
}

.fa-ko-fi {
  --fa: "\e856";
}

.fa-kubernetes {
  --fa: "\e857";
}

.fa-postgresql {
  --fa: "\e858";
}

.fa-scaleway {
  --fa: "\e859";
}

.fa-venmo {
  --fa: "\e85a";
}

.fa-venmo-v {
  --fa: "\e85b";
}

.fa-unreal-engine {
  --fa: "\e85c";
}

.fa-globaleaks {
  --fa: "\e85d";
}

.fa-solana {
  --fa: "\e85e";
}

.fa-threema {
  --fa: "\e85f";
}

.fa-forgejo {
  --fa: "\e860";
}

.fa-claude {
  --fa: "\e861";
}

.fa-gitee {
  --fa: "\e863";
}

.fa-xmpp {
  --fa: "\e864";
}

.fa-fediverse {
  --fa: "\e865";
}

.fa-tailwind-css {
  --fa: "\e866";
}

.fa-arch-linux {
  --fa: "\e867";
}

.fa-svelte {
  --fa: "\e868";
}

.fa-hugging-face {
  --fa: "\e869";
}

.fa-leetcode {
  --fa: "\e86a";
}

.fa-openstreetmap {
  --fa: "\e86b";
}

.fa-ultralytics {
  --fa: "\e86d";
}

.fa-ultralytics-hub {
  --fa: "\e86e";
}

.fa-ultralytics-yolo {
  --fa: "\e86f";
}

.fa-obsidian {
  --fa: "\e879";
}

.fa-zoom {
  --fa: "\e87b";
}

.fa-vim {
  --fa: "\e88a";
}

.fa-symfonycasts {
  --fa: "\e8ab";
}

.fa-build-awesome {
  --fa: "\e8ac";
}

.fa-codeberg {
  --fa: "\e8ad";
}

.fa-devpost {
  --fa: "\e8ae";
}

.fa-internet-archive {
  --fa: "\e8b1";
}

.fa-lets-encrypt {
  --fa: "\e8b2";
}

.fa-matrix {
  --fa: "\e8b3";
}

.fa-mattermost {
  --fa: "\e8b4";
}

.fa-nextcloud {
  --fa: "\e8b5";
}

.fa-roblox-creator-studio {
  --fa: "\e8b6";
}

.fa-square-build-awesome-stroke {
  --fa: "\e8b7";
}

.fa-substack {
  --fa: "\e8b8";
}

.fa-tesla {
  --fa: "\e8b9";
}

.fa-xrp {
  --fa: "\e8ba";
}

.fa-xrpl {
  --fa: "\e8bb";
}

.fa-youtube-shorts {
  --fa: "\e8bc";
}

.fa-ror {
  --fa: "\e8bd";
}

.fa-visual-studio {
  --fa: "\e8be";
}

.fa-dolibarr {
  --fa: "\e8bf";
}

.fa-obs-studio {
  --fa: "\e8c0";
}

.fa-storybook {
  --fa: "\e8c1";
}

.fa-a11y-project {
  --fa: "\e8c2";
}

.fa-copilot {
  --fa: "\e8c7";
}

.fa-square-twitter {
  --fa: "\f081";
}

.fa-twitter-square {
  --fa: "\f081";
}

.fa-square-facebook {
  --fa: "\f082";
}

.fa-facebook-square {
  --fa: "\f082";
}

.fa-linkedin {
  --fa: "\f08c";
}

.fa-square-github {
  --fa: "\f092";
}

.fa-github-square {
  --fa: "\f092";
}

.fa-twitter {
  --fa: "\f099";
}

.fa-facebook {
  --fa: "\f09a";
}

.fa-github {
  --fa: "\f09b";
}

.fa-pinterest {
  --fa: "\f0d2";
}

.fa-square-pinterest {
  --fa: "\f0d3";
}

.fa-pinterest-square {
  --fa: "\f0d3";
}

.fa-square-google-plus {
  --fa: "\f0d4";
}

.fa-google-plus-square {
  --fa: "\f0d4";
}

.fa-google-plus-g {
  --fa: "\f0d5";
}

.fa-linkedin-in {
  --fa: "\f0e1";
}

.fa-github-alt {
  --fa: "\f113";
}

.fa-maxcdn {
  --fa: "\f136";
}

.fa-html5 {
  --fa: "\f13b";
}

.fa-css3 {
  --fa: "\f13c";
}

.fa-btc {
  --fa: "\f15a";
}

.fa-youtube {
  --fa: "\f167";
}

.fa-xing {
  --fa: "\f168";
}

.fa-square-xing {
  --fa: "\f169";
}

.fa-xing-square {
  --fa: "\f169";
}

.fa-dropbox {
  --fa: "\f16b";
}

.fa-stack-overflow {
  --fa: "\f16c";
}

.fa-instagram {
  --fa: "\f16d";
}

.fa-flickr {
  --fa: "\f16e";
}

.fa-adn {
  --fa: "\f170";
}

.fa-bitbucket {
  --fa: "\f171";
}

.fa-tumblr {
  --fa: "\f173";
}

.fa-square-tumblr {
  --fa: "\f174";
}

.fa-tumblr-square {
  --fa: "\f174";
}

.fa-apple {
  --fa: "\f179";
}

.fa-windows {
  --fa: "\f17a";
}

.fa-android {
  --fa: "\f17b";
}

.fa-linux {
  --fa: "\f17c";
}

.fa-dribbble {
  --fa: "\f17d";
}

.fa-skype {
  --fa: "\f17e";
}

.fa-foursquare {
  --fa: "\f180";
}

.fa-trello {
  --fa: "\f181";
}

.fa-gratipay {
  --fa: "\f184";
}

.fa-vk {
  --fa: "\f189";
}

.fa-weibo {
  --fa: "\f18a";
}

.fa-renren {
  --fa: "\f18b";
}

.fa-pagelines {
  --fa: "\f18c";
}

.fa-stack-exchange {
  --fa: "\f18d";
}

.fa-square-vimeo {
  --fa: "\f194";
}

.fa-vimeo-square {
  --fa: "\f194";
}

.fa-slack {
  --fa: "\f198";
}

.fa-slack-hash {
  --fa: "\f198";
}

.fa-wordpress {
  --fa: "\f19a";
}

.fa-openid {
  --fa: "\f19b";
}

.fa-yahoo {
  --fa: "\f19e";
}

.fa-google {
  --fa: "\f1a0";
}

.fa-reddit {
  --fa: "\f1a1";
}

.fa-square-reddit {
  --fa: "\f1a2";
}

.fa-reddit-square {
  --fa: "\f1a2";
}

.fa-stumbleupon-circle {
  --fa: "\f1a3";
}

.fa-stumbleupon {
  --fa: "\f1a4";
}

.fa-delicious {
  --fa: "\f1a5";
}

.fa-digg {
  --fa: "\f1a6";
}

.fa-pied-piper-pp {
  --fa: "\f1a7";
}

.fa-pied-piper-alt {
  --fa: "\f1a8";
}

.fa-drupal {
  --fa: "\f1a9";
}

.fa-joomla {
  --fa: "\f1aa";
}

.fa-behance {
  --fa: "\f1b4";
}

.fa-square-behance {
  --fa: "\f1b5";
}

.fa-behance-square {
  --fa: "\f1b5";
}

.fa-steam {
  --fa: "\f1b6";
}

.fa-square-steam {
  --fa: "\f1b7";
}

.fa-steam-square {
  --fa: "\f1b7";
}

.fa-spotify {
  --fa: "\f1bc";
}

.fa-deviantart {
  --fa: "\f1bd";
}

.fa-soundcloud {
  --fa: "\f1be";
}

.fa-vine {
  --fa: "\f1ca";
}

.fa-codepen {
  --fa: "\f1cb";
}

.fa-jsfiddle {
  --fa: "\f1cc";
}

.fa-rebel {
  --fa: "\f1d0";
}

.fa-empire {
  --fa: "\f1d1";
}

.fa-square-git {
  --fa: "\f1d2";
}

.fa-git-square {
  --fa: "\f1d2";
}

.fa-git {
  --fa: "\f1d3";
}

.fa-hacker-news {
  --fa: "\f1d4";
}

.fa-tencent-weibo {
  --fa: "\f1d5";
}

.fa-qq {
  --fa: "\f1d6";
}

.fa-weixin {
  --fa: "\f1d7";
}

.fa-slideshare {
  --fa: "\f1e7";
}

.fa-twitch {
  --fa: "\f1e8";
}

.fa-yelp {
  --fa: "\f1e9";
}

.fa-paypal {
  --fa: "\f1ed";
}

.fa-google-wallet {
  --fa: "\f1ee";
}

.fa-cc-visa {
  --fa: "\f1f0";
}

.fa-cc-mastercard {
  --fa: "\f1f1";
}

.fa-cc-discover {
  --fa: "\f1f2";
}

.fa-cc-amex {
  --fa: "\f1f3";
}

.fa-cc-paypal {
  --fa: "\f1f4";
}

.fa-cc-stripe {
  --fa: "\f1f5";
}

.fa-lastfm {
  --fa: "\f202";
}

.fa-square-lastfm {
  --fa: "\f203";
}

.fa-lastfm-square {
  --fa: "\f203";
}

.fa-ioxhost {
  --fa: "\f208";
}

.fa-angellist {
  --fa: "\f209";
}

.fa-buysellads {
  --fa: "\f20d";
}

.fa-connectdevelop {
  --fa: "\f20e";
}

.fa-dashcube {
  --fa: "\f210";
}

.fa-forumbee {
  --fa: "\f211";
}

.fa-leanpub {
  --fa: "\f212";
}

.fa-sellsy {
  --fa: "\f213";
}

.fa-shirtsinbulk {
  --fa: "\f214";
}

.fa-simplybuilt {
  --fa: "\f215";
}

.fa-skyatlas {
  --fa: "\f216";
}

.fa-pinterest-p {
  --fa: "\f231";
}

.fa-whatsapp {
  --fa: "\f232";
}

.fa-viacoin {
  --fa: "\f237";
}

.fa-medium {
  --fa: "\f23a";
}

.fa-medium-m {
  --fa: "\f23a";
}

.fa-y-combinator {
  --fa: "\f23b";
}

.fa-optin-monster {
  --fa: "\f23c";
}

.fa-opencart {
  --fa: "\f23d";
}

.fa-expeditedssl {
  --fa: "\f23e";
}

.fa-cc-jcb {
  --fa: "\f24b";
}

.fa-cc-diners-club {
  --fa: "\f24c";
}

.fa-creative-commons {
  --fa: "\f25e";
}

.fa-gg {
  --fa: "\f260";
}

.fa-gg-circle {
  --fa: "\f261";
}

.fa-odnoklassniki {
  --fa: "\f263";
}

.fa-square-odnoklassniki {
  --fa: "\f264";
}

.fa-odnoklassniki-square {
  --fa: "\f264";
}

.fa-get-pocket {
  --fa: "\f265";
}

.fa-wikipedia-w {
  --fa: "\f266";
}

.fa-safari {
  --fa: "\f267";
}

.fa-chrome {
  --fa: "\f268";
}

.fa-firefox {
  --fa: "\f269";
}

.fa-opera {
  --fa: "\f26a";
}

.fa-internet-explorer {
  --fa: "\f26b";
}

.fa-contao {
  --fa: "\f26d";
}

.fa-500px {
  --fa: "\f26e";
}

.fa-amazon {
  --fa: "\f270";
}

.fa-houzz {
  --fa: "\f27c";
}

.fa-vimeo-v {
  --fa: "\f27d";
}

.fa-black-tie {
  --fa: "\f27e";
}

.fa-fonticons {
  --fa: "\f280";
}

.fa-reddit-alien {
  --fa: "\f281";
}

.fa-edge {
  --fa: "\f282";
}

.fa-codiepie {
  --fa: "\f284";
}

.fa-modx {
  --fa: "\f285";
}

.fa-fort-awesome {
  --fa: "\f286";
}

.fa-usb {
  --fa: "\f287";
}

.fa-product-hunt {
  --fa: "\f288";
}

.fa-mixcloud {
  --fa: "\f289";
}

.fa-scribd {
  --fa: "\f28a";
}

.fa-bluetooth {
  --fa: "\f293";
}

.fa-bluetooth-b {
  --fa: "\f294";
}

.fa-gitlab {
  --fa: "\f296";
}

.fa-wpbeginner {
  --fa: "\f297";
}

.fa-wpforms {
  --fa: "\f298";
}

.fa-envira {
  --fa: "\f299";
}

.fa-glide {
  --fa: "\f2a5";
}

.fa-glide-g {
  --fa: "\f2a6";
}

.fa-viadeo {
  --fa: "\f2a9";
}

.fa-square-viadeo {
  --fa: "\f2aa";
}

.fa-viadeo-square {
  --fa: "\f2aa";
}

.fa-snapchat {
  --fa: "\f2ab";
}

.fa-snapchat-ghost {
  --fa: "\f2ab";
}

.fa-square-snapchat {
  --fa: "\f2ad";
}

.fa-snapchat-square {
  --fa: "\f2ad";
}

.fa-pied-piper {
  --fa: "\f2ae";
}

.fa-first-order {
  --fa: "\f2b0";
}

.fa-yoast {
  --fa: "\f2b1";
}

.fa-themeisle {
  --fa: "\f2b2";
}

.fa-google-plus {
  --fa: "\f2b3";
}

.fa-font-awesome {
  --fa: "\f2b4";
}

.fa-font-awesome-flag {
  --fa: "\f2b4";
}

.fa-font-awesome-logo-full {
  --fa: "\f2b4";
}

.fa-linode {
  --fa: "\f2b8";
}

.fa-quora {
  --fa: "\f2c4";
}

.fa-free-code-camp {
  --fa: "\f2c5";
}

.fa-telegram {
  --fa: "\f2c6";
}

.fa-telegram-plane {
  --fa: "\f2c6";
}

.fa-bandcamp {
  --fa: "\f2d5";
}

.fa-grav {
  --fa: "\f2d6";
}

.fa-etsy {
  --fa: "\f2d7";
}

.fa-imdb {
  --fa: "\f2d8";
}

.fa-ravelry {
  --fa: "\f2d9";
}

.fa-sellcast {
  --fa: "\f2da";
}

.fa-superpowers {
  --fa: "\f2dd";
}

.fa-wpexplorer {
  --fa: "\f2de";
}

.fa-meetup {
  --fa: "\f2e0";
}

.fa-square-font-awesome-stroke {
  --fa: "\f35c";
}

.fa-font-awesome-alt {
  --fa: "\f35c";
}

.fa-accessible-icon {
  --fa: "\f368";
}

.fa-accusoft {
  --fa: "\f369";
}

.fa-adversal {
  --fa: "\f36a";
}

.fa-affiliatetheme {
  --fa: "\f36b";
}

.fa-algolia {
  --fa: "\f36c";
}

.fa-amilia {
  --fa: "\f36d";
}

.fa-angrycreative {
  --fa: "\f36e";
}

.fa-app-store {
  --fa: "\f36f";
}

.fa-app-store-ios {
  --fa: "\f370";
}

.fa-apper {
  --fa: "\f371";
}

.fa-asymmetrik {
  --fa: "\f372";
}

.fa-audible {
  --fa: "\f373";
}

.fa-avianex {
  --fa: "\f374";
}

.fa-aws {
  --fa: "\f375";
}

.fa-bimobject {
  --fa: "\f378";
}

.fa-bitcoin {
  --fa: "\f379";
}

.fa-bity {
  --fa: "\f37a";
}

.fa-blackberry {
  --fa: "\f37b";
}

.fa-blogger {
  --fa: "\f37c";
}

.fa-blogger-b {
  --fa: "\f37d";
}

.fa-buromobelexperte {
  --fa: "\f37f";
}

.fa-centercode {
  --fa: "\f380";
}

.fa-cloudscale {
  --fa: "\f383";
}

.fa-cloudsmith {
  --fa: "\f384";
}

.fa-cloudversify {
  --fa: "\f385";
}

.fa-cpanel {
  --fa: "\f388";
}

.fa-css3-alt {
  --fa: "\f38b";
}

.fa-cuttlefish {
  --fa: "\f38c";
}

.fa-d-and-d {
  --fa: "\f38d";
}

.fa-deploydog {
  --fa: "\f38e";
}

.fa-deskpro {
  --fa: "\f38f";
}

.fa-digital-ocean {
  --fa: "\f391";
}

.fa-discord {
  --fa: "\f392";
}

.fa-discourse {
  --fa: "\f393";
}

.fa-dochub {
  --fa: "\f394";
}

.fa-docker {
  --fa: "\f395";
}

.fa-draft2digital {
  --fa: "\f396";
}

.fa-square-dribbble {
  --fa: "\f397";
}

.fa-dribbble-square {
  --fa: "\f397";
}

.fa-dyalog {
  --fa: "\f399";
}

.fa-earlybirds {
  --fa: "\f39a";
}

.fa-erlang {
  --fa: "\f39d";
}

.fa-facebook-f {
  --fa: "\f39e";
}

.fa-facebook-messenger {
  --fa: "\f39f";
}

.fa-firstdraft {
  --fa: "\f3a1";
}

.fa-fonticons-fi {
  --fa: "\f3a2";
}

.fa-fort-awesome-alt {
  --fa: "\f3a3";
}

.fa-freebsd {
  --fa: "\f3a4";
}

.fa-gitkraken {
  --fa: "\f3a6";
}

.fa-gofore {
  --fa: "\f3a7";
}

.fa-goodreads {
  --fa: "\f3a8";
}

.fa-goodreads-g {
  --fa: "\f3a9";
}

.fa-google-drive {
  --fa: "\f3aa";
}

.fa-google-play {
  --fa: "\f3ab";
}

.fa-gripfire {
  --fa: "\f3ac";
}

.fa-grunt {
  --fa: "\f3ad";
}

.fa-gulp {
  --fa: "\f3ae";
}

.fa-square-hacker-news {
  --fa: "\f3af";
}

.fa-hacker-news-square {
  --fa: "\f3af";
}

.fa-hire-a-helper {
  --fa: "\f3b0";
}

.fa-hotjar {
  --fa: "\f3b1";
}

.fa-hubspot {
  --fa: "\f3b2";
}

.fa-itunes {
  --fa: "\f3b4";
}

.fa-itunes-note {
  --fa: "\f3b5";
}

.fa-jenkins {
  --fa: "\f3b6";
}

.fa-joget {
  --fa: "\f3b7";
}

.fa-js {
  --fa: "\f3b8";
}

.fa-square-js {
  --fa: "\f3b9";
}

.fa-js-square {
  --fa: "\f3b9";
}

.fa-keycdn {
  --fa: "\f3ba";
}

.fa-kickstarter {
  --fa: "\f3bb";
}

.fa-square-kickstarter {
  --fa: "\f3bb";
}

.fa-kickstarter-k {
  --fa: "\f3bc";
}

.fa-laravel {
  --fa: "\f3bd";
}

.fa-line {
  --fa: "\f3c0";
}

.fa-lyft {
  --fa: "\f3c3";
}

.fa-magento {
  --fa: "\f3c4";
}

.fa-medapps {
  --fa: "\f3c6";
}

.fa-medrt {
  --fa: "\f3c8";
}

.fa-microsoft {
  --fa: "\f3ca";
}

.fa-mix {
  --fa: "\f3cb";
}

.fa-mizuni {
  --fa: "\f3cc";
}

.fa-monero {
  --fa: "\f3d0";
}

.fa-napster {
  --fa: "\f3d2";
}

.fa-node-js {
  --fa: "\f3d3";
}

.fa-npm {
  --fa: "\f3d4";
}

.fa-ns8 {
  --fa: "\f3d5";
}

.fa-nutritionix {
  --fa: "\f3d6";
}

.fa-page4 {
  --fa: "\f3d7";
}

.fa-palfed {
  --fa: "\f3d8";
}

.fa-patreon {
  --fa: "\f3d9";
}

.fa-periscope {
  --fa: "\f3da";
}

.fa-phabricator {
  --fa: "\f3db";
}

.fa-phoenix-framework {
  --fa: "\f3dc";
}

.fa-playstation {
  --fa: "\f3df";
}

.fa-pushed {
  --fa: "\f3e1";
}

.fa-python {
  --fa: "\f3e2";
}

.fa-red-river {
  --fa: "\f3e3";
}

.fa-wpressr {
  --fa: "\f3e4";
}

.fa-rendact {
  --fa: "\f3e4";
}

.fa-replyd {
  --fa: "\f3e6";
}

.fa-resolving {
  --fa: "\f3e7";
}

.fa-rocketchat {
  --fa: "\f3e8";
}

.fa-rockrms {
  --fa: "\f3e9";
}

.fa-schlix {
  --fa: "\f3ea";
}

.fa-searchengin {
  --fa: "\f3eb";
}

.fa-servicestack {
  --fa: "\f3ec";
}

.fa-sistrix {
  --fa: "\f3ee";
}

.fa-speakap {
  --fa: "\f3f3";
}

.fa-staylinked {
  --fa: "\f3f5";
}

.fa-steam-symbol {
  --fa: "\f3f6";
}

.fa-sticker-mule {
  --fa: "\f3f7";
}

.fa-studiovinari {
  --fa: "\f3f8";
}

.fa-supple {
  --fa: "\f3f9";
}

.fa-uber {
  --fa: "\f402";
}

.fa-uikit {
  --fa: "\f403";
}

.fa-uniregistry {
  --fa: "\f404";
}

.fa-untappd {
  --fa: "\f405";
}

.fa-ussunnah {
  --fa: "\f407";
}

.fa-vaadin {
  --fa: "\f408";
}

.fa-viber {
  --fa: "\f409";
}

.fa-vimeo {
  --fa: "\f40a";
}

.fa-vnv {
  --fa: "\f40b";
}

.fa-square-whatsapp {
  --fa: "\f40c";
}

.fa-whatsapp-square {
  --fa: "\f40c";
}

.fa-whmcs {
  --fa: "\f40d";
}

.fa-wordpress-simple {
  --fa: "\f411";
}

.fa-xbox {
  --fa: "\f412";
}

.fa-yandex {
  --fa: "\f413";
}

.fa-yandex-international {
  --fa: "\f414";
}

.fa-apple-pay {
  --fa: "\f415";
}

.fa-cc-apple-pay {
  --fa: "\f416";
}

.fa-fly {
  --fa: "\f417";
}

.fa-node {
  --fa: "\f419";
}

.fa-osi {
  --fa: "\f41a";
}

.fa-react {
  --fa: "\f41b";
}

.fa-autoprefixer {
  --fa: "\f41c";
}

.fa-less {
  --fa: "\f41d";
}

.fa-sass {
  --fa: "\f41e";
}

.fa-vuejs {
  --fa: "\f41f";
}

.fa-angular {
  --fa: "\f420";
}

.fa-aviato {
  --fa: "\f421";
}

.fa-ember {
  --fa: "\f423";
}

.fa-gitter {
  --fa: "\f426";
}

.fa-hooli {
  --fa: "\f427";
}

.fa-strava {
  --fa: "\f428";
}

.fa-stripe {
  --fa: "\f429";
}

.fa-stripe-s {
  --fa: "\f42a";
}

.fa-typo3 {
  --fa: "\f42b";
}

.fa-amazon-pay {
  --fa: "\f42c";
}

.fa-cc-amazon-pay {
  --fa: "\f42d";
}

.fa-ethereum {
  --fa: "\f42e";
}

.fa-korvue {
  --fa: "\f42f";
}

.fa-elementor {
  --fa: "\f430";
}

.fa-square-youtube {
  --fa: "\f431";
}

.fa-youtube-square {
  --fa: "\f431";
}

.fa-flipboard {
  --fa: "\f44d";
}

.fa-hips {
  --fa: "\f452";
}

.fa-php {
  --fa: "\f457";
}

.fa-quinscape {
  --fa: "\f459";
}

.fa-readme {
  --fa: "\f4d5";
}

.fa-java {
  --fa: "\f4e4";
}

.fa-pied-piper-hat {
  --fa: "\f4e5";
}

.fa-creative-commons-by {
  --fa: "\f4e7";
}

.fa-creative-commons-nc {
  --fa: "\f4e8";
}

.fa-creative-commons-nc-eu {
  --fa: "\f4e9";
}

.fa-creative-commons-nc-jp {
  --fa: "\f4ea";
}

.fa-creative-commons-nd {
  --fa: "\f4eb";
}

.fa-creative-commons-pd {
  --fa: "\f4ec";
}

.fa-creative-commons-pd-alt {
  --fa: "\f4ed";
}

.fa-creative-commons-remix {
  --fa: "\f4ee";
}

.fa-creative-commons-sa {
  --fa: "\f4ef";
}

.fa-creative-commons-sampling {
  --fa: "\f4f0";
}

.fa-creative-commons-sampling-plus {
  --fa: "\f4f1";
}

.fa-creative-commons-share {
  --fa: "\f4f2";
}

.fa-creative-commons-zero {
  --fa: "\f4f3";
}

.fa-ebay {
  --fa: "\f4f4";
}

.fa-keybase {
  --fa: "\f4f5";
}

.fa-mastodon {
  --fa: "\f4f6";
}

.fa-r-project {
  --fa: "\f4f7";
}

.fa-researchgate {
  --fa: "\f4f8";
}

.fa-teamspeak {
  --fa: "\f4f9";
}

.fa-first-order-alt {
  --fa: "\f50a";
}

.fa-fulcrum {
  --fa: "\f50b";
}

.fa-galactic-republic {
  --fa: "\f50c";
}

.fa-galactic-senate {
  --fa: "\f50d";
}

.fa-jedi-order {
  --fa: "\f50e";
}

.fa-mandalorian {
  --fa: "\f50f";
}

.fa-old-republic {
  --fa: "\f510";
}

.fa-phoenix-squadron {
  --fa: "\f511";
}

.fa-sith {
  --fa: "\f512";
}

.fa-trade-federation {
  --fa: "\f513";
}

.fa-wolf-pack-battalion {
  --fa: "\f514";
}

.fa-hornbill {
  --fa: "\f592";
}

.fa-mailchimp {
  --fa: "\f59e";
}

.fa-megaport {
  --fa: "\f5a3";
}

.fa-nimblr {
  --fa: "\f5a8";
}

.fa-rev {
  --fa: "\f5b2";
}

.fa-shopware {
  --fa: "\f5b5";
}

.fa-squarespace {
  --fa: "\f5be";
}

.fa-themeco {
  --fa: "\f5c6";
}

.fa-weebly {
  --fa: "\f5cc";
}

.fa-wix {
  --fa: "\f5cf";
}

.fa-ello {
  --fa: "\f5f1";
}

.fa-hackerrank {
  --fa: "\f5f7";
}

.fa-kaggle {
  --fa: "\f5fa";
}

.fa-markdown {
  --fa: "\f60f";
}

.fa-neos {
  --fa: "\f612";
}

.fa-zhihu {
  --fa: "\f63f";
}

.fa-alipay {
  --fa: "\f642";
}

.fa-the-red-yeti {
  --fa: "\f69d";
}

.fa-critical-role {
  --fa: "\f6c9";
}

.fa-d-and-d-beyond {
  --fa: "\f6ca";
}

.fa-dev {
  --fa: "\f6cc";
}

.fa-fantasy-flight-games {
  --fa: "\f6dc";
}

.fa-wizards-of-the-coast {
  --fa: "\f730";
}

.fa-think-peaks {
  --fa: "\f731";
}

.fa-reacteurope {
  --fa: "\f75d";
}

.fa-artstation {
  --fa: "\f77a";
}

.fa-atlassian {
  --fa: "\f77b";
}

.fa-canadian-maple-leaf {
  --fa: "\f785";
}

.fa-centos {
  --fa: "\f789";
}

.fa-confluence {
  --fa: "\f78d";
}

.fa-dhl {
  --fa: "\f790";
}

.fa-diaspora {
  --fa: "\f791";
}

.fa-fedex {
  --fa: "\f797";
}

.fa-fedora {
  --fa: "\f798";
}

.fa-figma {
  --fa: "\f799";
}

.fa-intercom {
  --fa: "\f7af";
}

.fa-invision {
  --fa: "\f7b0";
}

.fa-jira {
  --fa: "\f7b1";
}

.fa-mendeley {
  --fa: "\f7b3";
}

.fa-raspberry-pi {
  --fa: "\f7bb";
}

.fa-redhat {
  --fa: "\f7bc";
}

.fa-sketch {
  --fa: "\f7c6";
}

.fa-sourcetree {
  --fa: "\f7d3";
}

.fa-suse {
  --fa: "\f7d6";
}

.fa-ubuntu {
  --fa: "\f7df";
}

.fa-ups {
  --fa: "\f7e0";
}

.fa-usps {
  --fa: "\f7e1";
}

.fa-yarn {
  --fa: "\f7e3";
}

.fa-airbnb {
  --fa: "\f834";
}

.fa-battle-net {
  --fa: "\f835";
}

.fa-bootstrap {
  --fa: "\f836";
}

.fa-buffer {
  --fa: "\f837";
}

.fa-chromecast {
  --fa: "\f838";
}

.fa-evernote {
  --fa: "\f839";
}

.fa-itch-io {
  --fa: "\f83a";
}

.fa-salesforce {
  --fa: "\f83b";
}

.fa-speaker-deck {
  --fa: "\f83c";
}

.fa-symfony {
  --fa: "\f83d";
}

.fa-waze {
  --fa: "\f83f";
}

.fa-yammer {
  --fa: "\f840";
}

.fa-git-alt {
  --fa: "\f841";
}

.fa-stackpath {
  --fa: "\f842";
}

.fa-cotton-bureau {
  --fa: "\f89e";
}

.fa-buy-n-large {
  --fa: "\f8a6";
}

.fa-mdb {
  --fa: "\f8ca";
}

.fa-orcid {
  --fa: "\f8d2";
}

.fa-swift {
  --fa: "\f8e1";
}

.fa-umbraco {
  --fa: "\f8e8";
}

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

@keyframes cp-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes cp-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes cp-slide-up-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes cp-slide-down-in {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes cp-scale-fade-in {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes cp-scale-fade-out {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.96);
  }
}
@keyframes cp-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.container {
  width: 100%;
  max-width: 1500px;
  margin-block: 0;
  margin-inline: auto;
}
@media (max-width: 939px) {
  .container {
    padding: 10px;
  }
  .container + .container {
    padding-top: 0;
  }
}
@media (min-width: 940px) {
  .container {
    padding: 15px;
  }
  .container + .container {
    padding-top: 0;
  }
}

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

.overflow-hidden {
  overflow: hidden;
}

.overlay-dark:after {
  position: fixed;
  content: " ";
  background-color: var(--cp-backdrop-color);
  backdrop-filter: blur(var(--cp-backdrop-blur));
  -webkit-backdrop-filter: blur(var(--cp-backdrop-blur));
  width: 100vw;
  height: 100vh;
  z-index: 100;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.blur {
  filter: blur(2px);
}
.blur:after {
  position: absolute;
  content: " ";
  background-color: white;
  opacity: 0.5;
  width: 100vw;
  height: 100vh;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

[x-cloak],
[v-cloak] {
  display: none !important;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
}

h1.heading,
.h1 {
  font-size: 2.5625em;
}

h2.heading,
.h2 {
  font-size: 2em;
}

h3.heading,
.h3 {
  font-size: 1.5em;
}

h4.heading,
.h4 {
  font-size: 1.1875em;
}

h5.heading,
.h5 {
  font-size: 1em;
}

h6.heading,
.h6 {
  font-size: 0.875em;
}

.fieldset {
  margin-top: 20px;
  margin-bottom: 20px;
}
.fieldset .legend {
  margin: 0;
}

.actions {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  flex-direction: row-reverse;
}
.actions .button--link {
  font-size: 0.875rem;
}
.actions .button--link .button__label {
  font-weight: normal;
}

.form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.form-actions__end {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-left: auto;
}
@media (max-width: 939px) {
  .form-actions {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 10px;
  }
  .form-actions__end {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 10px;
    margin-left: 0;
  }
  .form-actions .button {
    width: 100%;
    justify-content: center;
  }
}

.actions > .form-actions {
  flex: 1 1 100%;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--cp-colour-surface);
  color: var(--cp-colour-on-surface);
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 1em;
}
@media (max-width: 939px) {
  html {
    font-size: 0.8em;
  }
}
@media (min-width: 940px) {
  html {
    scrollbar-gutter: stable both-edges;
  }
}
@media print {
  html {
    scrollbar-gutter: auto;
  }
}

table {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--cp-colour-surface-inset);
  border-radius: 6px;
}
table tr:nth-child(odd) {
  background-color: var(--cp-colour-surface-raised);
}
table tr:hover {
  background-color: var(--cp-colour-surface-overlay);
}
table th,
table td {
  padding: 20px;
}
table th {
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
}
table td {
  vertical-align: middle;
}

@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: var(--cp-transition-duration-fast);
    animation-timing-function: var(--cp-transition-easing-panel);
  }
  ::view-transition-group(page-content) {
    animation: none;
  }
  ::view-transition-old(page-content),
  ::view-transition-new(page-content) {
    animation-timing-function: var(--cp-transition-easing-panel);
    animation-fill-mode: both;
    mix-blend-mode: normal;
  }
  ::view-transition-old(page-content) {
    animation-name: cp-page-fade-out;
    animation-duration: var(--cp-transition-duration-fast);
  }
  ::view-transition-new(page-content) {
    animation-name: cp-page-rise-in;
    animation-duration: var(--cp-transition-duration-enter);
  }
  @keyframes cp-page-fade-out {
    to {
      opacity: 0;
    }
  }
  @keyframes cp-page-rise-in {
    from {
      opacity: 0;
      transform: translateY(16px);
    }
  }
}
.layout-1-column :where(main > .container > .main),
.page-layout-1column :where(main > .container > .main) {
  display: grid;
  gap: 15px;
}

.page-layout-2columns__body,
.page-layout-2columns main > .container:has(> .main),
.page-layout-2columns-left__body,
.page-layout-2columns-left main > .container:has(> .main),
.page-layout-2columns-right__body,
.page-layout-2columns-right main > .container:has(> .main) {
  display: flex;
  gap: 30px;
  align-items: flex-start;
}
.page-layout-2columns .main,
.page-layout-2columns-left .main,
.page-layout-2columns-right .main {
  flex-grow: 1;
}
.page-layout-2columns main > .container > .main,
.page-layout-2columns-left main > .container > .main,
.page-layout-2columns-right main > .container > .main {
  display: grid;
  gap: 15px;
}
.page-layout-2columns .sidebar,
.page-layout-2columns-left .sidebar,
.page-layout-2columns-right .sidebar {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  flex-shrink: 0;
  min-width: 250px;
  max-width: 300px;
}
@media (max-width: 939px) {
  .page-layout-2columns .sidebar,
  .page-layout-2columns-left .sidebar,
  .page-layout-2columns-right .sidebar {
    display: none;
  }
}
@media (max-width: 939px) {
  .page-layout-2columns main,
  .page-layout-2columns-left main,
  .page-layout-2columns-right main {
    padding-bottom: 56px;
  }
}

@media (min-width: 940px) {
  .page-layout-2columns__sidebar-drawer {
    display: none;
  }
}
.page-layout-2columns__sidebar-drawer .sidebar {
  display: flex;
  min-width: 0;
  max-width: none;
}

.page-layout-2columns-left .page-layout-2columns__body .main,
.page-layout-2columns-left main > .container:has(> .main) .main {
  order: 2;
}
.page-layout-2columns-left .page-layout-2columns__body .sidebar,
.page-layout-2columns-left main > .container:has(> .main) .sidebar {
  order: 1;
}
.page-layout-2columns-right .page-layout-2columns__body .main,
.page-layout-2columns-right main > .container:has(> .main) .main {
  order: 1;
}
.page-layout-2columns-right .page-layout-2columns__body .sidebar,
.page-layout-2columns-right main > .container:has(> .main) .sidebar {
  order: 2;
}

.page-layout-cart main .container {
  display: flex;
  gap: 20px;
}
@media (max-width: 979px) {
  .page-layout-cart main .container {
    flex-direction: column;
  }
}
@media (min-width: 980px) {
  .page-layout-cart .main {
    flex-grow: 1;
    min-width: 0;
  }
  .page-layout-cart .sidebar {
    flex-shrink: 0;
    width: 450px;
    position: sticky;
    top: 20px;
    align-self: flex-start;
  }
}
.page-layout-cart .additional {
  flex-grow: 1;
}

.page-layout-checkout .container {
  padding: 0;
}
.page-layout-checkout main {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
@media (max-width: 939px) {
  .page-layout-checkout main header {
    order: 1;
  }
  .page-layout-checkout main .sidebar {
    order: 2;
  }
  .page-layout-checkout main .sidebar .order-summary {
    margin-top: 15px;
  }
  .page-layout-checkout main .main {
    order: 3;
  }
}
@media (min-width: 940px) {
  .page-layout-checkout main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(400px, 40%);
    grid-template-rows: auto 1fr;
    min-height: 100vh;
  }
  .page-layout-checkout main header {
    grid-column: 1;
    grid-row: 1;
  }
  .page-layout-checkout main .main {
    grid-column: 1;
    grid-row: 2;
  }
  .page-layout-checkout main .sidebar {
    grid-column: 2;
    grid-row: 1/3;
  }
}
.page-layout-checkout header {
  width: 100%;
  padding: 20px;
}
@media (max-width: 939px) {
  .page-layout-checkout header {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 940px) {
  .page-layout-checkout header {
    padding-right: 30px;
  }
}
.page-layout-checkout header .checkout-steps {
  margin-top: 20px;
}
.page-layout-checkout .main {
  padding: 20px;
  padding-top: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 939px) {
  .page-layout-checkout .main {
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px;
  }
}
@media (min-width: 940px) {
  .page-layout-checkout .main {
    padding-right: 30px;
  }
}
.page-layout-checkout .main > .fieldset,
.page-layout-checkout .main > .checkout-section,
.page-layout-checkout .main > .checkout-form-login,
.page-layout-checkout .main > .checkout-customer-panel,
.page-layout-checkout .main > .actions {
  margin-top: 0;
  margin-bottom: 0;
}
.page-layout-checkout .main > .checkout {
  display: flex;
  flex-direction: column;
  gap: inherit;
}
.page-layout-checkout .sidebar {
  width: 100%;
}
@media (min-width: 940px) {
  .page-layout-checkout .sidebar {
    position: relative;
    padding: 20px;
  }
  .page-layout-checkout .sidebar:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    background-color: var(--cp-colour-surface-inset);
    z-index: -1;
  }
}
.page-layout-checkout .actions {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 15px;
}
.page-layout-checkout .actions .button--primary {
  margin-left: auto;
}
@media (max-width: 939px) {
  .page-layout-checkout .actions {
    flex-direction: column;
    align-items: stretch;
  }
  .page-layout-checkout .actions .button--primary {
    justify-content: center;
    width: 100%;
    margin-left: 0;
  }
  .page-layout-checkout .actions .button--link {
    align-self: center;
  }
}

.layout-error-page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: var(--cp-colour-surface);
}
.layout-error-page__header {
  border-bottom: 1px solid var(--cp-colour-border);
  background-color: var(--cp-colour-surface);
}
.layout-error-page__header-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 30px;
  display: flex;
  align-items: center;
}
.layout-error-page__logo {
  display: inline-flex;
  text-decoration: none;
}
.layout-error-page__logo-image {
  height: 2rem;
  width: auto;
  display: block;
}
.layout-error-page__main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 30px;
}
.layout-error-page__content {
  width: 100%;
  max-width: 1100px;
}
.layout-error-page__footer {
  border-top: 1px solid var(--cp-colour-border);
  background-color: var(--cp-colour-surface-raised);
}
.layout-error-page__footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 419px) {
  .layout-error-page__footer-inner {
    flex-direction: column;
    align-items: flex-start;
  }
}
.layout-error-page__footer-text {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
  margin: 0;
}
.layout-error-page__footer-nav {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.layout-error-page__footer-nav a {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
  text-decoration: none;
}
.layout-error-page__footer-nav a:hover {
  color: var(--cp-colour-on-surface);
  text-decoration: underline;
}

.accordion {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  overflow: hidden;
}
.accordion--minimal {
  border: none;
  border-radius: 0;
  overflow: visible;
}

.accordion-item + .accordion-item {
  border-top: 1px solid var(--cp-colour-border);
}
.accordion-item__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  width: 100%;
  padding: 15px 20px;
  border: none;
  background: none;
  cursor: pointer;
  text-align: left;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  font-size: 0.9375rem;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  transition: background-color 150ms ease-in-out;
}
.accordion-item__trigger:hover {
  background-color: var(--cp-colour-surface-raised);
}
.accordion-item__trigger:focus-visible {
  outline: 2px solid var(--cp-colour-primary);
  outline-offset: 2px;
}
.accordion-item__icon {
  flex-shrink: 0;
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
  transition: transform 250ms ease-in-out, color 150ms ease-in-out;
}
.accordion-item__trigger:hover .accordion-item__icon {
  color: var(--cp-colour-on-surface);
}
.accordion-item__panel {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: grid-template-rows 250ms cubic-bezier(0.4, 0, 0.2, 1), opacity 250ms ease-in-out, visibility 0s linear 250ms;
}
.accordion-item__content {
  min-height: 0;
  overflow: hidden;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--cp-colour-on-surface);
}
.accordion-item__body {
  padding: 15px 20px;
}
.accordion-item.is-open .accordion-item__icon {
  transform: rotate(180deg);
}
.accordion-item.is-open .accordion-item__panel {
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.accordion-item--minimal .accordion-item__trigger {
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid var(--cp-colour-border);
  transition: border-color 150ms ease-in-out;
}
.accordion-item--minimal .accordion-item__trigger:hover {
  background: none;
  border-color: var(--cp-colour-on-surface-muted);
}
.accordion-item--minimal .accordion-item__trigger:focus-visible {
  outline-offset: -2px;
}
.accordion-item--minimal .accordion-item__body {
  padding: 10px 0;
}
.accordion-item--minimal + .accordion-item--minimal {
  border-top: none;
}

.alert {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 15px 20px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  line-height: 1.5;
}
.alert__icon {
  flex-shrink: 0;
  font-size: 1rem;
  line-height: 1.5;
}
.alert__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.alert__title {
  font-weight: bold;
  font-size: 0.9375rem;
}
.alert__message {
  color: inherit;
}
.alert__messages {
  list-style: disc;
  margin: 0;
  padding-left: 20px;
  color: inherit;
}
.alert__messages li {
  margin-bottom: 2px;
}
.alert__messages li:last-child {
  margin-bottom: 0;
}
.alert__close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  opacity: 0.6;
  font-size: 0.875rem;
  cursor: pointer;
  border-radius: 6px;
  transition: opacity 150ms ease-in-out;
}
.alert__close:hover {
  opacity: 1;
}
.alert--info {
  background-color: var(--cp-colour-info-surface);
  border-color: var(--cp-colour-info-border);
  color: var(--cp-colour-info-on-surface);
}
.alert--info .alert__icon {
  color: var(--cp-colour-blue);
}
.alert--success {
  background-color: var(--cp-colour-success-surface);
  border-color: var(--cp-colour-success-border);
  color: var(--cp-colour-success-on-surface);
}
.alert--success .alert__icon {
  color: var(--cp-colour-green);
}
.alert--warning {
  background-color: var(--cp-colour-warning-surface);
  border-color: var(--cp-colour-warning-border);
  color: var(--cp-colour-warning-on-surface);
}
.alert--warning .alert__icon {
  color: var(--cp-colour-orange);
}
.alert--error {
  background-color: var(--cp-colour-error-surface);
  border-color: var(--cp-colour-error-border);
  color: var(--cp-colour-error-on-surface);
}
.alert--error .alert__icon {
  color: var(--cp-colour-red);
}

.badge {
  display: table-cell;
  padding: 2px 4px;
  border-radius: 6px;
  font-size: 0.6875rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-style: normal;
  font-weight: bold;
}
.badge--primary {
  background-color: var(--cp-colour-red);
  border: 1px solid var(--cp-colour-red);
  color: var(--cp-colour-white);
}
.badge--secondary {
  background-color: var(--cp-colour-on-surface);
  border: 1px solid var(--cp-colour-on-surface);
  color: var(--cp-colour-surface);
}
.badge--secondary .badge__label,
.badge--secondary .badge__icon {
  color: var(--cp-colour-surface);
}
.badge--tertiary {
  background-color: transparent;
  border: 2px solid var(--cp-colour-on-surface);
  color: var(--cp-colour-on-surface);
}
.badge--success {
  background-color: var(--cp-colour-green);
  border: 2px solid var(--cp-colour-green);
  color: var(--cp-colour-white);
}
.badge--info {
  background-color: var(--cp-colour-blue);
  border: 2px solid var(--cp-colour-blue);
  color: var(--cp-colour-white);
}
.badge--flat {
  padding: 5px;
  background-color: transparent;
  border: 0;
}

.breadcrumbs {
  width: 100%;
  padding-block-start: 10px;
  padding-block-end: 10px;
}
.breadcrumbs__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.breadcrumb {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  line-height: 1;
  display: inline-flex;
}
.breadcrumb:not(:first-child)::before {
  content: "/";
  margin-left: 5px;
  margin-right: 5px;
  color: var(--cp-colour-red);
  align-self: center;
}
.breadcrumb__link, .breadcrumb__item {
  display: flex;
  line-height: 20px;
  padding: 5px 10px;
  white-space: nowrap;
  text-transform: uppercase;
  align-items: center;
}
.breadcrumb__item {
  color: var(--cp-colour-on-surface);
}
.breadcrumb__item:hover {
  color: var(--cp-colour-red);
}
.breadcrumb__link {
  color: var(--cp-colour-on-surface-muted);
}
.breadcrumb__link:hover {
  color: var(--cp-colour-red);
}

@media print {
  .breadcrumbs {
    display: none;
  }
}
.button {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  align-self: center;
  border-radius: 6px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  max-width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.5625em;
  padding: 0.3125em 0.625em;
  transition-property: background-color, border-color, color, transform;
  transition-duration: 150ms;
  transition-timing-function: ease-in-out;
}
.button:disabled:not(.is-loading), .button[aria-disabled=true]:not(.is-loading) {
  background-color: var(--cp-colour-surface-inset);
  color: var(--cp-colour-on-surface);
  cursor: not-allowed;
  pointer-events: none;
}
.button.is-loading {
  cursor: wait;
  pointer-events: none;
  opacity: 0.9;
}
.button:active:not(:disabled):not([aria-disabled=true]) {
  transform: scale(0.97);
}
.button__prefix, .button__suffix {
  flex-shrink: 0;
  line-height: 1;
}
.button__label {
  min-width: 0;
  overflow-wrap: break-word;
}
.button--primary {
  background-color: var(--cp-colour-orange);
  border: 2px solid var(--cp-colour-orange);
  color: var(--cp-colour-white);
}
.button--primary:hover {
  background-color: color-mix(in oklch, var(--cp-colour-orange), black 10%);
  border-color: color-mix(in oklch, var(--cp-colour-orange), black 10%);
}
.button--secondary {
  background-color: var(--cp-colour-surface-inset);
  border: 2px solid var(--cp-colour-border);
  color: var(--cp-colour-on-surface);
}
.button--secondary:hover {
  background-color: color-mix(in oklch, var(--cp-colour-surface-inset), black 10%);
  border-color: color-mix(in oklch, var(--cp-colour-border), black 10%);
}
.button--tertiary {
  background-color: transparent;
  border: 2px solid var(--cp-colour-on-surface);
  color: var(--cp-colour-on-surface);
}
.button--tertiary:hover {
  color: var(--cp-colour-orange);
  border-color: var(--cp-colour-orange);
}
.button--dark {
  background-color: var(--cp-colour-on-surface);
  border: 2px solid var(--cp-colour-on-surface);
  color: var(--cp-colour-white);
}
.button--dark:hover {
  background-color: color-mix(in oklch, var(--cp-colour-on-surface), white 15%);
  border-color: color-mix(in oklch, var(--cp-colour-on-surface), white 15%);
}
.button--red {
  background-color: var(--cp-colour-red);
  border: 2px solid var(--cp-colour-red);
  color: var(--cp-colour-white);
}
.button--red:hover {
  background-color: color-mix(in oklch, var(--cp-colour-red), black 10%);
  border-color: color-mix(in oklch, var(--cp-colour-red), black 10%);
}
.button--red-outline {
  background-color: transparent;
  border: 2px solid var(--cp-colour-red);
  color: var(--cp-colour-red);
}
.button--red-outline:hover {
  background-color: var(--cp-colour-red);
  color: var(--cp-colour-white);
}
.button--white {
  background-color: var(--cp-colour-white);
  border: 2px solid var(--cp-colour-white);
  color: var(--cp-colour-on-surface);
}
.button--white:hover {
  background-color: color-mix(in oklch, var(--cp-colour-white), black 10%);
  border-color: color-mix(in oklch, var(--cp-colour-white), black 10%);
}
.button--link {
  background-color: transparent;
  border: 2px solid transparent;
  text-decoration: underline;
  color: var(--cp-colour-on-surface);
}
.button--link:hover {
  background-color: color-mix(in oklch, var(--cp-colour-surface), black 10%);
  border-color: color-mix(in oklch, var(--cp-colour-surface), black 10%);
}
.button--xs {
  font-size: 0.875em;
  padding: 0.125em 0.4375em;
}
.button--sm {
  font-size: 1.125em;
  padding: 0.1875em 0.5em;
}
.button--md {
  font-size: 1.5625em;
  padding: 0.3125em 0.625em;
}
.button--lg {
  font-size: 1.875em;
  padding: 0.4375em 0.875em;
}
.button--xl {
  font-size: 2.25em;
  padding: 0.5625em 1.125em;
}
.button--icon.button--xs {
  padding-inline: 0.125em;
}
.button--icon.button--sm {
  padding-inline: 0.1875em;
}
.button--icon.button--md {
  padding-inline: 0.3125em;
}
.button--icon.button--lg {
  padding-inline: 0.4375em;
}
.button--icon.button--xl {
  padding-inline: 0.5625em;
}
@media (prefers-reduced-motion: reduce) {
  .button {
    transition: none;
  }
  .button:active:not(:disabled):not([aria-disabled=true]) {
    transform: none;
  }
}

.button-group {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.button-group--actions {
  flex-wrap: wrap-reverse;
  width: fit-content;
  max-width: 100%;
}
.button-group--actions > * {
  flex: 1 0 auto;
  justify-content: center;
  white-space: nowrap;
}
@media (max-width: 939px) {
  .button-group--actions {
    width: 100%;
  }
}
.button-group--align-start {
  margin-inline-end: auto;
}
.button-group--align-center {
  margin-inline: auto;
}
.button-group--align-end {
  margin-inline-start: auto;
}

.callout {
  display: flex;
  column-gap: 15px;
  row-gap: 10px;
  align-items: center;
  justify-content: center;
  justify-items: center;
  padding: 15px 10px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  margin-bottom: 15px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  line-height: 1;
  color: var(--cp-colour-on-surface);
}
.callout--horizontal {
  flex-direction: row;
}
.callout--vertical {
  flex-direction: column;
}
.callout__label, .callout__value {
  flex-basis: max-content;
}
.callout__label {
  text-transform: uppercase;
}
.callout__value {
  font-weight: bold;
}

.carousel {
  position: relative;
  width: 100%;
  min-width: 0; /* Fixes flexbox width */
}
.carousel__items {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: safe center;
  transition: transform 0.3s ease-out;
  cursor: grab;
  max-width: 100%;
  position: relative;
}
.carousel__items:active {
  cursor: grabbing;
}
.carousel__items {
  scroll-snap-type: x mandatory;
  overflow-x: scroll;
  scroll-behavior: smooth;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}
.carousel__items::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
.carousel__items--spacing-5 {
  gap: 5px;
}
.carousel__items--spacing-10 {
  gap: 10px;
}
.carousel__items--spacing-15 {
  gap: 15px;
}
.carousel__items--spacing-20 {
  gap: 20px;
}
.carousel__arrows {
  opacity: 0;
  transition-duration: 250ms;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
}
.carousel:hover .carousel__arrows {
  opacity: 1;
}

.carousel__arrow {
  width: 30px;
  height: 30px;
  font-size: 1rem;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  color: var(--cp-colour-on-surface-muted);
  background-color: var(--cp-colour-surface);
  border-radius: 6px;
  box-shadow: var(--cp-shadow-md);
  transition-property: background-color, box-shadow, opacity;
  transition-duration: 150ms;
  transition-timing-function: ease-in-out;
}
.carousel__arrow:hover, .carousel__arrow:active {
  background-color: var(--cp-colour-surface-overlay);
  box-shadow: var(--cp-shadow-md);
}
.carousel__arrow--previous {
  left: 15px;
}
.carousel__arrow--next {
  right: 15px;
}
.carousel__arrow--hidden {
  opacity: 0;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .carousel__arrow {
    transition: none;
  }
}
.carousel__dots {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 5px;
  opacity: 0.6;
  transition-property: opacity;
  transition-duration: 250ms;
  transition-timing-function: ease-in-out;
}
.carousel__dots:hover {
  opacity: 1;
}
.carousel__dot {
  padding: 5px;
  border-radius: 100%;
  border: 2px solid var(--cp-colour-border-strong);
  background-color: var(--cp-colour-surface-overlay);
}
.carousel__dot--active {
  border-color: var(--cp-colour-border-strong);
  background-color: var(--cp-colour-on-surface-muted);
}
.carousel--fade-overlay::before, .carousel--fade-overlay::after {
  content: "";
  position: absolute;
  pointer-events: none;
  width: var(--carousel-fade-width, 40px);
  top: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
}
.carousel--fade-overlay::before {
  left: 0;
  background: linear-gradient(to right, var(--cp-colour-surface), transparent);
}
.carousel--fade-overlay::after {
  right: 0;
  background: linear-gradient(to left, var(--cp-colour-surface), transparent);
}
.carousel--show-previous::before {
  opacity: 1;
}
.carousel--show-next::after {
  opacity: 1;
}

.carousel-item {
  user-select: none;
  scroll-snap-align: start;
  border-radius: 6px;
  overflow: hidden;
}
.carousel-item[basis=full] {
  display: flex;
  flex-basis: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}
.carousel-item[basis=auto] {
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

@keyframes calculating-figures-pulse {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.35;
  }
}
@keyframes saving-line-sweep {
  from {
    background-position: -66.67% 0;
  }
  to {
    background-position: 166.67% 0;
  }
}
@keyframes saved-pop {
  0%, 100% {
    transform: scale(1);
  }
  40% {
    transform: scale(1.2);
  }
}
.drawer {
  position: fixed;
  inset: 0;
  z-index: 300;
  pointer-events: none;
  visibility: hidden;
  transition: visibility 0s linear 300ms;
}
.drawer__backdrop {
  position: fixed;
  inset: 0;
  background-color: var(--cp-backdrop-color);
  backdrop-filter: blur(var(--cp-backdrop-blur));
  -webkit-backdrop-filter: blur(var(--cp-backdrop-blur));
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 100;
}
.drawer__panel {
  position: fixed;
  display: flex;
  flex-direction: column;
  background-color: var(--cp-colour-surface);
  box-shadow: var(--cp-shadow-xl);
  z-index: 350;
  overflow: hidden;
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.drawer--left .drawer__panel, .drawer--right .drawer__panel {
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 420px;
}
.drawer--md.drawer--left .drawer__panel, .drawer--md.drawer--right .drawer__panel {
  max-width: 500px;
}
.drawer--lg.drawer--left .drawer__panel, .drawer--lg.drawer--right .drawer__panel {
  max-width: 600px;
}
.drawer--right .drawer__panel {
  right: 0;
  transform: translateX(100%);
}
.drawer--left .drawer__panel {
  left: 0;
  transform: translateX(-100%);
}
.drawer--top .drawer__panel, .drawer--bottom .drawer__panel {
  left: 0;
  right: 0;
  width: 100%;
  max-width: none;
  max-height: 80vh;
}
.drawer--top .drawer__panel {
  top: 0;
  transform: translateY(-100%);
}
.drawer--bottom .drawer__panel {
  bottom: 0;
  transform: translateY(100%);
}
.drawer.is-open {
  pointer-events: auto;
  visibility: visible;
  transition: visibility 0s;
}
.drawer.is-open .drawer__backdrop {
  opacity: 1;
}
.drawer.is-open .drawer__panel {
  transform: translate(0, 0);
}
.drawer__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 20px 30px;
  border-bottom: 1px solid var(--cp-colour-border);
  flex-shrink: 0;
}
.drawer__title {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  font-size: 1.25rem;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
}
.drawer__close {
  position: absolute;
  inset-block: 0;
  margin-block: auto;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: none;
  color: var(--cp-colour-on-surface-muted);
  font-size: 1.125rem;
  cursor: pointer;
  border-radius: 6px;
  transition: color 150ms ease-in-out, background-color 150ms ease-in-out;
  flex-shrink: 0;
}
.drawer__close:hover {
  color: var(--cp-colour-on-surface);
  background-color: var(--cp-colour-surface-inset);
}
.drawer__body {
  flex: 1;
  overflow-y: auto;
  padding: 30px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
  color: var(--cp-colour-on-surface);
  line-height: 1.5;
}
.drawer__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 20px 30px;
  border-top: 1px solid var(--cp-colour-border);
  flex-shrink: 0;
}
@media (max-width: 419px) {
  .drawer--left .drawer__panel, .drawer--right .drawer__panel {
    max-width: 100%;
  }
}

html:has(.drawer.is-open) {
  overflow: hidden;
  scrollbar-gutter: auto;
}

@media print {
  .drawer {
    display: none !important;
  }
}
.empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 60px 30px;
  gap: 15px;
}
@media (max-width: 939px) {
  .empty-state {
    padding: 30px 20px;
  }
}
.empty-state--outlined {
  border: 1px dashed var(--cp-colour-border);
  border-radius: 6px;
}
.empty-state__icon {
  margin-bottom: 10px;
}
.empty-state__icon-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background-color: var(--cp-colour-surface-inset);
  font-size: 2.5rem;
  color: var(--cp-colour-on-surface-muted);
}
.empty-state__title {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  font-size: 1.75rem;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  line-height: 1.1;
  text-wrap: balance;
  margin: 0;
}
.empty-state__message {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--cp-colour-on-surface-muted);
  max-width: 480px;
  margin: 0;
  text-wrap: pretty;
}
.empty-state__actions {
  margin-top: 15px;
}

.error-modal__header {
  display: flex;
  align-items: center;
  gap: 10px;
}
.error-modal__icon {
  font-size: 1.25rem;
}
.error-modal__icon--low {
  color: var(--cp-colour-blue);
}
.error-modal__icon--medium {
  color: var(--cp-colour-orange);
}
.error-modal__icon--high {
  color: var(--cp-colour-red);
}
.error-modal__icon--critical {
  color: var(--cp-colour-red);
}
.error-modal__body {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.error-modal__message {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface);
  margin: 0;
}
.error-modal__details {
  margin-top: 10px;
}
.error-modal__details-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  border: none;
  background: none;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
  cursor: pointer;
  transition: color 150ms ease-in-out;
}
.error-modal__details-toggle:hover {
  color: var(--cp-colour-on-surface);
}
.error-modal__details-content {
  margin-top: 10px;
  padding: 15px;
  background-color: var(--cp-colour-surface-inset);
  border-radius: 6px;
  font-family: monospace;
  font-size: 0.75rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface);
  white-space: pre-wrap;
  word-break: break-word;
  overflow-x: auto;
  max-height: 200px;
  overflow-y: auto;
}
.error-modal__reference {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
}
.error-modal__reference-id {
  padding: 2px 6px;
  background-color: var(--cp-colour-surface-inset);
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 150ms ease-in-out;
}
.error-modal__reference-id:hover {
  background-color: var(--cp-colour-border);
}
.error-modal__copied {
  color: var(--cp-colour-green);
  font-weight: bold;
}

.error-page {
  display: grid;
  grid-template-columns: 1fr;
  gap: 60px;
  align-items: center;
}
@media (min-width: 940px) {
  .error-page {
    grid-template-columns: 1fr 1fr;
    gap: 60px;
  }
}
@media (min-width: 940px) {
  .error-page--image-right .error-page__illustration {
    order: 1;
  }
}
.error-page__illustration {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 939px) {
  .error-page__illustration {
    max-width: 22.5rem;
    margin: 0 auto;
  }
}
.error-page__image {
  width: 100%;
  height: auto;
  display: block;
  max-height: 30rem;
  object-fit: contain;
}
.error-page__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.error-page__code {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  font-size: 0.875rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #f16e01;
  margin: 0;
}
.error-page__heading {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  font-size: 3rem;
  line-height: 1.05;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  margin: 0;
}
@media (min-width: 940px) {
  .error-page__heading {
    font-size: 3.75rem;
  }
}
.error-page__description {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.125rem;
  line-height: 1.6;
  color: var(--cp-colour-on-surface-muted);
  margin: 0;
  max-width: 42ch;
}
.error-page__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}
.error-page__extra {
  margin-top: 10px;
}

.auth-banner {
  --focal-point-x: 0.5;
  --focal-point-y: 0.5;
  --focal-span-x: 0;
  --focal-span-y: 0;
  --image-aspect-ratio: 1;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  background-color: var(--cp-colour-surface-inset);
}
.auth-banner__media {
  position: absolute;
  inset: 0;
  container-type: size;
  isolation: isolate;
}
.auth-banner__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.auth-banner__image {
  --_focal-point-x: clamp(
    calc(var(--focal-span-x, 0) / 2),
    var(--focal-point-x, 0.5),
    calc(1 - var(--focal-span-x, 0) / 2)
  );
  --_focal-point-y: clamp(
    calc(var(--focal-span-y, 0) / 2),
    var(--focal-point-y, 0.5),
    calc(1 - var(--focal-span-y, 0) / 2)
  );
  --_focal-img-w: max(100cqw, 100cqh * var(--image-aspect-ratio, 1));
  --_focal-img-h: max(100cqw / var(--image-aspect-ratio, 1), 100cqh);
  --_focal-desired-x: calc(
    var(--_focal-point-x) * (100cqw - var(--_focal-img-w))
    + var(--focal-mode, 0) * (0.5 - var(--_focal-point-x)) * 100cqw
  );
  --_focal-desired-y: calc(
    var(--_focal-point-y) * (100cqh - var(--_focal-img-h))
    + var(--focal-mode, 0) * (0.5 - var(--_focal-point-y)) * 100cqh
  );
  --_focal-lo-x: calc((var(--focal-span-x, 0) / 2 - var(--_focal-point-x)) * var(--_focal-img-w));
  --_focal-lo-y: calc((var(--focal-span-y, 0) / 2 - var(--_focal-point-y)) * var(--_focal-img-h));
  --_focal-hi-x: calc(100cqw - (var(--_focal-point-x) + var(--focal-span-x, 0) / 2) * var(--_focal-img-w));
  --_focal-hi-y: calc(100cqh - (var(--_focal-point-y) + var(--focal-span-y, 0) / 2) * var(--_focal-img-h));
  --_focal-area-offset-x: calc(
    clamp(var(--_focal-lo-x), var(--_focal-desired-x), var(--_focal-hi-x))
    + min(calc((var(--_focal-hi-x) - var(--_focal-lo-x)) / 2), 0px)
  );
  --_focal-area-offset-y: calc(
    clamp(var(--_focal-lo-y), var(--_focal-desired-y), var(--_focal-hi-y))
    + min(calc((var(--_focal-hi-y) - var(--_focal-lo-y)) / 2), 0px)
  );
  --_focal-offset-x: clamp(
    calc(100cqw - var(--_focal-img-w)),
    var(--_focal-area-offset-x),
    0px
  );
  --_focal-offset-y: clamp(
    calc(100cqh - var(--_focal-img-h)),
    var(--_focal-area-offset-y),
    0px
  );
  --_focal-centre-x: calc(var(--_focal-offset-x) + var(--_focal-point-x) * var(--_focal-img-w));
  --_focal-centre-y: calc(var(--_focal-offset-y) + var(--_focal-point-y) * var(--_focal-img-h));
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--_focal-offset-x) var(--_focal-offset-y);
}
.auth-banner__pattern {
  position: absolute;
  inset: 0;
  background-image: var(--auth-banner-pattern);
  background-position: center;
  background-size: max(100%, 68.75rem) auto;
  mix-blend-mode: screen;
  opacity: 0.7;
  mask-image: linear-gradient(105deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.55) 40%, rgb(0, 0, 0) 80%);
}
.auth-banner--light .auth-banner__pattern {
  filter: invert(1);
  mix-blend-mode: multiply;
  opacity: 0.4;
}
.auth-banner--dark .auth-banner__media::after {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.45) 45%, rgba(0, 0, 0, 0.15) 100%);
}
.auth-banner--light .auth-banner__media::after {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.55) 45%, rgba(255, 255, 255, 0) 100%);
}
.auth-banner.has-pattern .auth-banner__media {
  background-image: radial-gradient(ellipse 55% 85% at 78% 50%, oklch(from var(--auth-banner-colour) calc(l + 0.04) c h/0.7) 0%, oklch(from var(--auth-banner-colour) l c h/0) 70%), linear-gradient(105deg, oklch(from var(--auth-banner-colour) calc(l - 0.17) c h) 0%, oklch(from var(--auth-banner-colour) calc(l - 0.08) c h) 45%, var(--auth-banner-colour) 85%);
}
.auth-banner.has-pattern .auth-banner__media::after {
  background: none;
}
.auth-banner--light.has-pattern .auth-banner__media {
  background-image: none;
}
.auth-banner__inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 28.75rem);
  grid-template-areas: "content card";
  align-items: center;
  gap: 60px;
  min-height: 37.5rem;
  padding: 60px;
}
.auth-banner:not(.has-content) .auth-banner__media::after {
  background: rgba(0, 0, 0, 0.2);
}
.auth-banner:not(.has-content) .auth-banner__inner {
  grid-template-columns: minmax(0, 28.75rem);
  grid-template-areas: "card";
  justify-content: center;
}
.auth-banner__card {
  grid-area: card;
}
.auth-banner__card .auth-card {
  max-width: none;
  border: none;
  background-color: var(--cp-colour-surface);
  box-shadow: var(--cp-shadow-xl);
}
.auth-banner__content {
  grid-area: content;
  max-width: 32.5rem;
  color: var(--cp-colour-on-surface);
}
.auth-banner--dark.has-media .auth-banner__content {
  color: #ffffff;
  text-shadow: 0 0.0625rem 0.75rem rgba(0, 0, 0, 0.35);
}
.auth-banner--light.has-media .auth-banner__content {
  color: #000000;
}
.auth-banner__eyebrow {
  margin: 0 0 15px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  opacity: 0.9;
}
.auth-banner__heading {
  margin: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 0.95;
  text-transform: uppercase;
  color: inherit;
  text-wrap: balance;
}
.auth-banner__text {
  margin: 15px 0 0;
  font-size: 1.125rem;
  line-height: 1.45;
  text-wrap: pretty;
}
.auth-banner__cta {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  margin-top: 30px;
  padding: 0.75rem 1.25rem;
  border-radius: 6px;
  background-color: #ffffff;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: none;
  color: #000000;
  transition: gap 250ms ease-in-out;
}
.auth-banner__cta:hover {
  gap: 0.875rem;
}
.auth-banner__cta:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 2px;
}
.auth-banner--light.has-media .auth-banner__cta {
  background-color: #000000;
  color: #ffffff;
}
.auth-banner:not(.has-media) .auth-banner__cta {
  background-color: var(--cp-colour-on-surface);
  color: var(--cp-colour-surface);
}
.auth-banner__cta-icon {
  font-size: 0.8em;
}
.auth-banner.has-accent .auth-banner__eyebrow {
  color: var(--auth-banner-accent);
  opacity: 1;
  text-shadow: none;
}
.auth-banner.has-accent .auth-banner__cta {
  background-color: var(--auth-banner-accent);
  color: #ffffff;
}
@media (min-width: 940px) and (max-width: 1279px) {
  .auth-banner__inner {
    gap: 30px;
    padding: 30px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 25rem);
  }
  .auth-banner__heading {
    font-size: 2.5rem;
  }
}
@media (max-width: 939px) {
  .auth-banner {
    overflow: visible;
    border-radius: 0;
    background: none;
  }
  .auth-banner__media {
    position: relative;
    height: 12.5rem;
    border-radius: 6px;
    overflow: hidden;
  }
  .auth-banner__media::after {
    display: none;
  }
  .auth-banner__pattern {
    mask-image: none;
  }
  .auth-banner.has-pattern .auth-banner__media {
    background-image: linear-gradient(160deg, oklch(from var(--auth-banner-colour) calc(l - 0.06) c h) 0%, var(--auth-banner-colour) 70%);
  }
  .auth-banner--light.has-pattern .auth-banner__media {
    background-image: none;
  }
  .auth-banner__inner, .auth-banner:not(.has-content) .auth-banner__inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-height: 0;
    padding: 0;
  }
  .auth-banner.has-media .auth-banner__card {
    margin: -4.5rem 15px 0;
  }
  .auth-banner__content, .auth-banner--dark.has-media .auth-banner__content, .auth-banner--light.has-media .auth-banner__content {
    max-width: none;
    padding: 0 15px;
    color: var(--cp-colour-on-surface);
    text-shadow: none;
    text-align: center;
  }
  .auth-banner__heading {
    font-size: 2rem;
  }
  .auth-banner__text {
    font-size: 1rem;
  }
  .auth-banner__cta, .auth-banner--light.has-media .auth-banner__cta {
    margin-top: 15px;
    background-color: var(--cp-colour-on-surface);
    color: var(--cp-colour-surface);
  }
  .auth-banner.has-accent .auth-banner__cta {
    background-color: var(--auth-banner-accent);
    color: #ffffff;
  }
  .auth-banner:not(.has-media) .auth-banner__content {
    order: -1;
  }
  .auth-banner.has-media.has-content {
    padding-bottom: 30px;
    border-radius: 6px;
  }
  .auth-banner.has-pattern.has-content {
    background: var(--auth-banner-colour);
  }
  .auth-banner--dark.has-media.has-content:not(.has-pattern) {
    background: var(--cp-colour-grey1);
  }
  .auth-banner--light.has-media.has-content:not(.has-pattern) {
    background: var(--cp-colour-sand);
  }
  .auth-banner--dark.has-media .auth-banner__content {
    color: #ffffff;
  }
  .auth-banner--light.has-media .auth-banner__content {
    color: #000000;
  }
  .auth-banner--dark.has-media .auth-banner__cta {
    background-color: #ffffff;
    color: #000000;
  }
  .auth-banner--light.has-media .auth-banner__cta {
    background-color: #000000;
    color: #ffffff;
  }
  .auth-banner.has-accent .auth-banner__cta {
    background-color: var(--auth-banner-accent);
    color: #ffffff;
  }
}

.auth-card {
  width: 100%;
  max-width: 32.5rem;
  margin: 0 auto;
  border: 1px solid var(--cp-colour-surface-overlay);
  border-radius: 6px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}
.auth-card__header {
  padding: 30px 30px 0;
}
@media (max-width: 939px) {
  .auth-card__header {
    padding: 20px 20px 0;
  }
}
.auth-card__content {
  padding: 30px;
}
@media (max-width: 939px) {
  .auth-card__content {
    padding: 20px;
  }
}
.auth-card__footer {
  padding: 0 30px 30px;
  text-align: center;
}
@media (max-width: 939px) {
  .auth-card__footer {
    padding: 0 20px 20px;
  }
}

.fieldset {
  margin-top: 30px;
  margin-bottom: 15px;
}
.fieldset__legend {
  margin: 0 0 10px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  font-size: 1.125rem;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
}

.footer {
  display: flex;
  flex-direction: column;
}
.footer .footer-store {
  margin-top: 30px;
  margin-bottom: 30px;
}

.footer-block {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.footer-block__title {
  margin: 0;
  line-height: 1;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
}
.footer-block__content {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.875rem;
}
.footer-block__content address {
  line-height: 1.5;
}
.footer-block__content .icon-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}
.footer-block__content .icon-list .fa,
.footer-block__content .icon-list .far,
.footer-block__content .icon-list .fas,
.footer-block__content .icon-list .svg-inline--fa {
  margin-right: 5px;
  width: 18px;
  text-align: center;
}
.footer-block__content .site-link {
  border-radius: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: -5px;
  margin-right: -5px;
}
.footer-block__content .site-link:hover {
  background-color: color-mix(in oklch, var(--cp-colour-surface), black 10%);
}
.footer-block--store .logo {
  max-width: 215px;
}
.footer-block--store {
  margin-right: 30px;
}
.footer-block--store .icon-list {
  margin-top: 30px;
}
.footer-block--store .icon-list .fa,
.footer-block--store .icon-list .far,
.footer-block--store .icon-list .fas {
  color: var(--cp-colour-on-surface-muted);
}
.footer-block--visit-us .message {
  margin-top: 15px;
}
.footer-block--visit-us .message .fa,
.footer-block--visit-us .message .far,
.footer-block--visit-us .message .fas,
.footer-block--visit-us .message .svg-inline--fa {
  color: var(--cp-colour-green);
}
.footer-block[aria-expanded] .footer-block__title {
  position: relative;
}
.footer-block[aria-expanded] .footer-block__title:after {
  --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
  content: "\f068";
  color: var(--cp-colour-on-surface);
  position: absolute;
  top: calc(50% - 9px);
  right: 0;
}
@media (max-width: 939px) {
  .footer-block[aria-expanded] .footer-block__title {
    cursor: pointer;
  }
  .footer-block[aria-expanded] .footer-block__content {
    transition: opacity 200ms ease-in-out, display 200ms allow-discrete;
  }
  .footer-block[aria-expanded=true] .footer-block__content {
    display: flex;
    opacity: 1;
  }
  @starting-style {
    .footer-block[aria-expanded=true] .footer-block__content {
      opacity: 0;
    }
  }
  .footer-block[aria-expanded=false] .footer-block__title:after {
    content: "\+";
  }
  .footer-block[aria-expanded=false] .footer-block__content {
    display: none;
    opacity: 0;
  }
}
@media (min-width: 940px) {
  .footer-block[aria-expanded] .footer-block__title:after {
    display: none;
  }
}

.footer-bottom {
  color: var(--cp-colour-on-surface);
  font-size: 1rem;
  margin-block-start: 20px;
  margin-block-end: 20px;
}
.footer-bottom .container {
  display: flex;
  flex-direction: row;
  column-gap: 60px;
  row-gap: 15px;
  padding-block-start: 20px;
  padding-block-end: 20px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  background-color: var(--cp-colour-surface-raised);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 939px) {
  .footer-bottom .container {
    max-width: calc(100% - 20px);
  }
}
@media (min-width: 940px) {
  .footer-bottom .container {
    max-width: 85%;
  }
}
@media (max-width: 979px) {
  .footer-bottom .container {
    flex-direction: column;
  }
}
.footer-bottom__title {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.875rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
}
@media (max-width: 939px) {
  .footer-bottom__title {
    font-size: 1rem;
    text-align: center;
    line-height: 1.4;
  }
}
.footer-bottom__links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 60px;
  row-gap: 15px;
  justify-content: center;
  align-content: center;
}
@media (max-width: 939px) {
  .footer-bottom__links {
    column-gap: 30px;
  }
}
.footer-bottom__links a {
  color: var(--cp-colour-on-surface);
  font-size: 1.875rem;
  line-height: 1;
}

.footer-copy {
  color: var(--cp-colour-on-surface-muted);
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  line-height: 1;
}
.footer-copy .container {
  display: flex;
  padding-block-start: 20px;
  padding-block-end: 20px;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 10px;
  justify-content: center;
  align-content: center;
}
.footer-copy__links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 10px;
  justify-content: center;
  align-content: center;
}
.footer-copy__links a {
  color: var(--cp-colour-on-surface-muted);
  font-size: 0.875rem;
  line-height: 1;
}

.footer-social {
  border-top: 1px solid var(--cp-colour-border);
}
.footer-social .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 100px;
  padding-block-start: 20px;
  padding-block-end: 20px;
  align-items: center;
  justify-content: center;
}

.footer-store .container {
  display: grid;
}
@media (max-width: 419px) {
  .footer-store .container {
    grid-template-areas: "visit-us" "about-us" "myaccount" "help";
    gap: 30px;
  }
}
@media (min-width: 420px) and (max-width: 939px) {
  .footer-store .container {
    grid-template-areas: "store store" "visit-us about-us" "myaccount help";
    gap: 30px;
  }
}
@media (min-width: 940px) {
  .footer-store .container {
    grid-template-areas: "store visit-us about-us myaccount help";
    gap: 30px;
  }
}
.footer-store .footer-block--store {
  grid-area: store;
}
@media (max-width: 419px) {
  .footer-store .footer-block--store {
    display: none;
  }
}
.footer-store .footer-block--visit-us {
  grid-area: visit-us;
}
.footer-store .footer-block--about-us {
  grid-area: about-us;
}
.footer-store .footer-block--my-account {
  grid-area: myaccount;
}
.footer-store .footer-block--help {
  grid-area: help;
}

.footer-top {
  background-color: var(--cp-colour-surface-chrome);
  color: var(--cp-colour-white);
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
}
.footer-top .container {
  display: flex;
  flex-direction: row;
  row-gap: 15px;
  column-gap: 30px;
  align-items: center;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 939px) {
  .footer-top .container {
    flex-direction: column;
  }
}
.footer-top h6 {
  margin: 0;
  font-size: 1rem;
  color: var(--cp-colour-white);
}
.footer-top h6 .fa,
.footer-top h6 .far,
.footer-top h6 .fab,
.footer-top h6 .svg-inline--fa {
  color: var(--cp-colour-red);
}
.footer-top form {
  display: contents;
}
@media (max-width: 939px) {
  .footer-top .input-text {
    min-width: 100%;
  }
}
@media (min-width: 940px) {
  .footer-top .input-text {
    min-width: 400px;
  }
}
.footer-top .input-text__wrapper {
  background-color: var(--cp-colour-surface);
}
.footer-top .input-text__input {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--cp-colour-border);
}
.footer-top .input-text__suffix {
  color: var(--cp-colour-red);
  padding-left: 4px;
  padding-right: 4px;
}
.footer-top .promos {
  display: flex;
  gap: 20px;
}
@media (max-width: 979px) {
  .footer-top .promos {
    display: none;
  }
}
.footer-top .promos .promo {
  background: transparent;
}
.footer-top .promos .promo__title, .footer-top .promos .promo__subtitle {
  color: var(--cp-colour-white);
}

.header {
  display: flex;
  gap: 15px;
  flex-direction: column;
}

.customer-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
}
.customer-avatar img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  object-fit: cover;
}
.customer-avatar .fa-user {
  font-size: 1.5rem;
  color: var(--cp-colour-red);
}
@media (max-width: 1279px) {
  .customer-avatar .fa-user {
    color: var(--cp-colour-white);
  }
}

@media (max-width: 1279px) {
  .header-store {
    background-color: var(--cp-colour-surface-chrome);
  }
  .header-store .cart-trigger {
    color: var(--cp-colour-white);
  }
}
.header-store--simple .promo {
  grid-template-areas: "icon title";
}
.header-store--simple .promo__icon, .header-store--simple .promo__title {
  color: var(--cp-colour-on-surface);
  font-size: 0.75rem;
}
.header-store--simple .promo__title {
  text-transform: lowercase;
  font-weight: 400;
}
.header-store .container {
  display: flex;
  padding-block-start: 5px;
  padding-block-end: 5px;
  gap: 30px;
}
.header-store__menu {
  order: 1;
}
@media (min-width: 1280px) {
  .header-store__menu {
    display: none;
  }
}
.header-store__logo {
  order: 50;
  flex-basis: fit-content;
}
@media (max-width: 767px) {
  .header-store__logo {
    flex-grow: 1;
  }
}
.header-store__search {
  order: 55;
  min-width: 400px;
  max-width: 600px;
  flex-basis: fit-content;
  flex-grow: 1;
  align-content: center;
}
@media (max-width: 767px) {
  .header-store__search {
    display: none;
  }
  .header-store__search:has(.search-form.is-open) {
    display: contents;
  }
}
.header-store__price-toggle {
  order: 90;
  flex-basis: fit-content;
  align-self: center;
  flex-shrink: 0;
  margin-inline-start: 15px;
}
.header-store__price-toggle .segmented__option {
  padding: 0.1875rem 0.5rem;
  font-size: 0.6875rem;
}
@media (max-width: 767px) {
  .header-store__price-toggle {
    display: none;
  }
}
.header-store__promos {
  order: 80;
}
.header-store__actions {
  display: flex;
  gap: 15px;
  order: 100;
}
@media (min-width: 1280px) {
  .header-store__actions {
    align-items: center;
    justify-content: right;
    flex-direction: row;
  }
  .header-store__actions .account-menu {
    order: -1;
  }
}
@media (max-width: 1279px) {
  .header-store__actions {
    flex-direction: row-reverse;
  }
  .header-store__actions .account-menu {
    order: 1;
  }
  .header-store__actions .search-trigger {
    order: 2;
  }
}
.header-store__logo {
  justify-self: left;
}
@media (max-width: 979px) {
  .header-store__logo {
    width: 100%;
  }
}
.header-store__promos {
  justify-self: left;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
}
@media (max-width: 1535px) {
  .header-store__promos > :not(:first-child) {
    display: none;
  }
}
@media (max-width: 1279px) {
  .header-store__promos {
    display: none;
  }
}
.header-store__actions {
  justify-self: right;
}
@media (max-width: 1279px) {
  .header-store__actions {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
}

.header-store__actions {
  flex-grow: 1;
  gap: 10px;
}

.segmented {
  display: inline-flex;
  align-items: stretch;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  overflow: hidden;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface);
  white-space: nowrap;
}
.segmented__option {
  padding: 0.25rem 0.625rem;
  border: 0;
  background-color: var(--cp-colour-surface);
  color: var(--cp-colour-on-surface-muted);
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
.segmented__option:not(:last-child) {
  border-right: 1px solid var(--cp-colour-border);
}
.segmented__option:hover:not(:disabled):not(.is-active) {
  background-color: var(--cp-colour-surface-raised);
  color: var(--cp-colour-on-surface);
}
.segmented__option.is-active {
  background-color: var(--cp-colour-primary);
  color: var(--cp-colour-white);
  font-weight: bold;
  cursor: default;
}
.segmented__option:focus-visible {
  outline: 2px solid var(--cp-colour-blue);
  outline-offset: -2px;
}
.segmented__option:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.segmented.is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
@media (prefers-reduced-motion: reduce) {
  .segmented .segmented__option {
    transition: none;
  }
}

.price-display-toggle {
  display: inline-flex;
  align-items: center;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface);
  white-space: nowrap;
}
.price-display-toggle--segmented .segmented {
  position: relative;
  isolation: isolate;
  display: inline-grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  padding: 2px;
  background-color: var(--cp-colour-surface);
  transition: border-color 150ms ease-in-out;
}
.price-display-toggle--segmented .segmented:hover:not(.is-disabled) {
  border-color: var(--cp-colour-border-strong);
}
.price-display-toggle--segmented .segmented::before {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 2px;
  z-index: -1;
  width: calc((100% - 4px) / 2);
  border-radius: 4px;
  background-color: var(--cp-colour-primary);
  box-shadow: 0 1px 3px color-mix(in oklch, var(--cp-colour-primary) 45%, transparent);
  transition: transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.price-display-toggle--segmented .segmented:has(.segmented__option:last-child.is-active)::before {
  transform: translateX(100%);
}
.price-display-toggle--segmented .segmented .segmented__option {
  padding: 0.25rem 0.75rem;
  border: 0;
  border-radius: 4px;
  background: none;
  font-stretch: ultra-condensed;
  font-weight: bold;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface-muted);
  transition: color 200ms ease-in-out, transform 120ms ease-in-out;
}
.price-display-toggle--segmented .segmented .segmented__option:hover:not(:disabled):not(.is-active) {
  background: none;
  color: var(--cp-colour-primary);
}
.price-display-toggle--segmented .segmented .segmented__option:active:not(:disabled):not(.is-active) {
  transform: scale(0.94);
}
.price-display-toggle--segmented .segmented .segmented__option.is-active {
  background: none;
  color: var(--cp-colour-white);
  transition-delay: 60ms;
}
.price-display-toggle--segmented .segmented .segmented__option:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 1px;
}
.price-display-toggle--switch .price-display-toggle__switch {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.price-display-toggle--switch .price-display-toggle__label {
  color: var(--cp-colour-on-surface-muted);
  font-weight: bold;
  transition: color 150ms ease-in-out;
}
.price-display-toggle--switch .price-display-toggle__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.price-display-toggle--switch .price-display-toggle__track {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 40px;
  height: 22px;
  background-color: var(--cp-colour-border);
  border-radius: 11px;
  flex-shrink: 0;
  transition: background-color 250ms ease-in-out;
}
.price-display-toggle--switch .price-display-toggle__thumb {
  position: absolute;
  left: 2px;
  width: 18px;
  height: 18px;
  background-color: var(--cp-colour-white);
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: left 250ms ease-in-out;
}
.price-display-toggle--switch:not(.is-disabled) .price-display-toggle__input:checked + .price-display-toggle__track {
  background-color: var(--cp-colour-primary);
}
.price-display-toggle--switch:not(.is-disabled) .price-display-toggle__input:checked + .price-display-toggle__track .price-display-toggle__thumb {
  left: 20px;
}
.price-display-toggle--switch .price-display-toggle__input:focus-visible + .price-display-toggle__track {
  outline: 2px solid var(--cp-colour-blue);
  outline-offset: 2px;
}
.price-display-toggle--switch.is-disabled, .price-display-toggle--switch.is-disabled .price-display-toggle__switch {
  cursor: not-allowed;
}
.price-display-toggle--switch.is-disabled .price-display-toggle__track {
  opacity: 0.5;
}
.price-display-toggle--switch.is-disabled .price-display-toggle__label {
  opacity: 0.5;
}
.price-display-toggle--text .price-display-toggle__text {
  margin: 0;
  color: var(--cp-colour-on-surface-muted);
}
.price-display-toggle--text .price-display-toggle__action {
  padding: 0;
  border: 0;
  background: none;
  color: var(--cp-colour-on-surface);
  font: inherit;
  font-weight: bold;
  text-decoration: underline dashed;
  text-decoration-color: var(--cp-colour-on-surface-muted);
  text-underline-offset: 3px;
  cursor: pointer;
  transition: color 150ms ease-in-out, text-decoration-color 150ms ease-in-out;
}
.price-display-toggle--text .price-display-toggle__action:hover:not(:disabled) {
  color: var(--cp-colour-primary);
  text-decoration-color: currentColor;
}
.price-display-toggle--text .price-display-toggle__action:focus-visible {
  outline: 2px solid var(--cp-colour-blue);
  outline-offset: 2px;
}
.price-display-toggle--text .price-display-toggle__hint {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.price-display-toggle--text.is-disabled {
  opacity: 0.5;
}
.price-display-toggle--text.is-disabled .price-display-toggle__action {
  cursor: not-allowed;
}
@media (prefers-reduced-motion: reduce) {
  .price-display-toggle .segmented::before,
  .price-display-toggle .segmented__option,
  .price-display-toggle .price-display-toggle__thumb,
  .price-display-toggle .price-display-toggle__track,
  .price-display-toggle .price-display-toggle__label,
  .price-display-toggle .price-display-toggle__action {
    transition: none;
  }
}

.header-top {
  background-color: var(--cp-colour-surface-overlay);
  font-size: 0.75rem;
}
.header-top .container {
  display: grid;
  gap: 30px;
  padding-block-start: 5px;
  padding-block-end: 5px;
  align-items: center;
}
@media (max-width: 979px) {
  .header-top .container {
    grid-template-areas: "message";
  }
}
@media (min-width: 980px) {
  .header-top .container {
    grid-template-areas: "message links";
  }
}
.header-top__message {
  grid-area: message;
  justify-self: left;
}
@media (max-width: 979px) {
  .header-top__message {
    width: 100%;
  }
}
.header-top__links {
  grid-area: links;
  justify-self: right;
}
@media (max-width: 979px) {
  .header-top__links {
    display: none;
  }
}
.header-top__links .site-link {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  line-height: 1.2;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 2px 5px;
}
.header-top__links .site-link:hover {
  background-color: color-mix(in oklch, var(--cp-colour-surface-overlay), black 10%);
}

.address__field {
  position: relative;
}
.address__input {
  width: 100%;
}
.address__prefix-icon {
  display: flex;
  color: var(--cp-colour-on-surface-muted);
  font-size: 0.875rem;
  transition: color var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
.address:focus-within .address__prefix-icon, .address.is-selected .address__prefix-icon {
  color: var(--cp-colour-primary);
}
.address__spinner {
  display: block;
  width: 1rem;
  height: 1rem;
  border: 2px solid var(--cp-colour-border);
  border-top-color: var(--cp-colour-primary);
  border-radius: 50%;
  animation: address-fade-in var(--cp-transition-duration-fast) var(--cp-transition-easing-enter) both, address-spin 700ms linear infinite;
}
.address__confirmed {
  display: flex;
  color: var(--cp-colour-green);
  font-size: 1rem;
  animation: address-pop 360ms var(--cp-transition-easing-enter) both;
}
.address__clear {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--cp-colour-on-surface-muted);
  font-size: 0.8125rem;
  cursor: pointer;
  animation: address-fade-in var(--cp-transition-duration-fast) var(--cp-transition-easing-enter) both;
  transition: background-color var(--cp-transition-duration-fast) var(--cp-transition-easing-default), color var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
.address__clear:hover, .address__clear:focus-visible {
  background-color: var(--cp-colour-surface-inset);
  color: var(--cp-colour-on-surface);
}
.address__clear:focus-visible {
  outline: 2px solid var(--cp-colour-primary);
  outline-offset: 1px;
}
.address__message {
  display: flex;
  align-items: baseline;
  gap: 0.375rem;
  margin-top: 0.5rem;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  animation: address-slide-in 220ms var(--cp-transition-easing-enter) both;
}
.address__message--error {
  color: var(--cp-colour-red);
}
.address__message--notice {
  color: var(--cp-colour-warning-on-surface);
}
.address__message--selected {
  color: var(--cp-colour-on-surface);
}
.address__message--selected .address__message-icon {
  color: var(--cp-colour-green);
}
.address__message-icon {
  flex: 0 0 auto;
}
.address.has-error .address__prefix-icon {
  color: var(--cp-colour-red);
}
.address.has-error .address__panel {
  border-color: var(--cp-colour-red);
  border-top-color: var(--cp-colour-border);
  box-shadow: -1px 0 0 0 var(--cp-colour-red), 1px 0 0 0 var(--cp-colour-red), 0 1px 0 0 var(--cp-colour-red), var(--cp-shadow-md);
}
.address__status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.address__panel {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 200;
  margin-top: -1px;
  overflow: hidden;
  background: var(--cp-colour-surface);
  border: 1px solid var(--cp-colour-orange);
  border-top-color: var(--cp-colour-border);
  border-radius: 0 0 6px 6px;
  box-shadow: var(--cp-shadow-md);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-0.25rem);
  transform-origin: top center;
  transition: opacity var(--cp-transition-duration-normal) var(--cp-transition-easing-panel), transform var(--cp-transition-duration-normal) var(--cp-transition-easing-panel), visibility 0s linear var(--cp-transition-duration-normal);
}
.address__panel.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: none;
  transition: opacity var(--cp-transition-duration-normal) var(--cp-transition-easing-panel), transform var(--cp-transition-duration-normal) var(--cp-transition-easing-panel), visibility 0s;
}
.address__panel-notice {
  display: flex;
  align-items: baseline;
  gap: 0.375rem;
  margin: 0;
  padding: 0.5rem 10px;
  border-bottom: 1px solid var(--cp-colour-border);
  background: var(--cp-colour-warning-surface);
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.8125rem;
  color: var(--cp-colour-warning-on-surface);
  animation: address-slide-in 220ms var(--cp-transition-easing-enter) both;
}
.address__suggestions {
  display: flex;
  flex-direction: column;
  max-height: 20rem;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  list-style: none;
  overscroll-behavior: contain;
  transition: opacity var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
.address__suggestions.is-stale {
  opacity: 0.55;
}
.address__skeleton {
  display: flex;
  flex-direction: column;
}
.address__skeleton-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0.75rem 10px;
}
.address__skeleton-row + .address__skeleton-row {
  border-top: 1px solid var(--cp-colour-border);
}
.address__skeleton-icon, .address__skeleton-line {
  background: linear-gradient(90deg, var(--cp-colour-surface-inset) 25%, var(--cp-colour-surface-raised) 50%, var(--cp-colour-surface-inset) 75%);
  background-size: 200% 100%;
  animation: address-shimmer 1.2s linear infinite;
}
.address__skeleton-icon {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
}
.address__skeleton-lines {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.375rem;
}
.address__skeleton-line {
  height: 0.625rem;
  width: 60%;
  border-radius: 3px;
}
.address__skeleton-line--short {
  width: 38%;
}
.address__empty-state {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
  animation: address-fade-in 220ms var(--cp-transition-easing-enter) both;
}
.address__empty-state {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px;
  text-align: center;
}
.address__empty-state--action {
  align-items: center;
}
.address__empty-message strong {
  display: block;
  margin-bottom: 0.125rem;
  color: var(--cp-colour-on-surface);
  font-weight: 600;
}
.address__attribution {
  margin: 0;
  padding: 0.375rem 10px;
  border-top: 1px solid var(--cp-colour-border);
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.6875rem;
  color: var(--cp-colour-on-surface-muted);
  text-align: right;
}
.address.is-open .input-text__wrapper {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  transition: border-radius 0s;
}

.address-suggestion {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0.625rem 10px;
  border-bottom: 1px solid var(--cp-colour-border);
  font-family: "Arial", "Helvetica", "sans-serif";
  cursor: pointer;
  animation: address-slide-in 220ms var(--cp-transition-easing-enter) both;
  animation-delay: calc(var(--address-row-index, 0) * 30ms);
  transition: background-color var(--cp-transition-duration-fast) var(--cp-transition-easing-default), box-shadow var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
.address-suggestion:last-child {
  border-bottom: 0;
}
.address-suggestion.is-active {
  background-color: var(--cp-colour-surface-overlay);
  box-shadow: inset 3px 0 0 var(--cp-colour-primary);
}
.address-suggestion__icon {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: var(--cp-colour-on-surface-muted);
  font-size: 0.8125rem;
}
.address-suggestion.is-active .address-suggestion__icon {
  color: var(--cp-colour-primary);
}
.address-suggestion__wrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}
.address-suggestion__main {
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface);
}
.address-suggestion__match {
  background: none;
  color: inherit;
  font-weight: 700;
}
.address-suggestion__secondary {
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
}
.address-suggestion__enter {
  flex: 0 0 auto;
  color: var(--cp-colour-on-surface-muted);
  font-size: 0.75rem;
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity var(--cp-transition-duration-fast) var(--cp-transition-easing-default), transform var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
.address-suggestion.is-active .address-suggestion__enter {
  opacity: 1;
  transform: none;
}
.address-suggestion--action {
  cursor: default;
  animation-delay: 0ms;
}
.address-suggestion--action.is-active, .address-suggestion--action:hover {
  background: none;
  box-shadow: none;
}

@keyframes address-slide-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes address-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes address-pop {
  0% {
    opacity: 0;
    transform: scale(0.4);
  }
  60% {
    opacity: 1;
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes address-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes address-shimmer {
  from {
    background-position: 100% 0;
  }
  to {
    background-position: -100% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .address__panel,
  .address__panel.is-open,
  .address-suggestion,
  .address-suggestion__enter,
  .address__suggestions {
    transition: none;
  }
  .address__panel {
    transform: none;
  }
  .address-suggestion,
  .address__message,
  .address__panel-notice,
  .address__confirmed,
  .address__clear,
  .address__empty-state,
  .address__skeleton-icon,
  .address__skeleton-line {
    animation: none;
  }
  .address__spinner {
    animation: address-spin 1.6s linear infinite;
  }
}
.credit-card-number .cc-icon {
  height: 25px;
  width: 50px;
  object-fit: contain;
  vertical-align: middle;
}
.credit-card-number .cc-icon-lock {
  width: 50px;
  object-fit: contain;
  color: var(--cp-colour-on-surface-muted);
}

.input-text .input-text__wrapper {
  align-items: center;
  min-height: 3.375rem;
  padding: 0 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
}
.input-text .input-text__wrapper:hover {
  border-color: var(--cp-colour-border-strong);
}
.input-text .input-text__wrapper:focus-within {
  border-color: var(--cp-colour-orange);
}
.input-text label {
  display: block;
  padding: 1.375rem 0 0.4375rem;
  line-height: 1.4;
}
.input-text label:has(> .input-text__label:empty) {
  padding: 0.9375rem 0;
}
.input-text .input-text__input {
  line-height: 1.4;
}
.input-text .input-text__label {
  position: absolute;
  top: 50%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  transform: translateY(-50%);
  font-family: "Arial", "Helvetica", "sans-serif";
  font-stretch: normal;
  font-size: 0.9375rem;
  line-height: 1.4;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cp-colour-on-surface-muted);
  pointer-events: none;
  transition: top 150ms ease-in-out, font-size 150ms ease-in-out, color 150ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .input-text .input-text__label {
    transition: none;
  }
}
.input-text .input-text__prefix,
.input-text .input-text__suffix {
  display: flex;
  align-items: center;
  line-height: 1;
}
.input-text .input-text__input:focus + .input-text__label {
  color: var(--cp-colour-orange);
}
.input-text.has-error .input-text__wrapper {
  border-color: var(--cp-colour-red);
  box-shadow: 0 0 0 1px var(--cp-colour-red);
}
.input-text.has-error .input-text__label {
  color: var(--cp-colour-red);
}
.input-text label,
.input-text input {
  font-size: 0.9375rem;
}
.input-text label {
  position: relative;
}
.input-text__wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-content: stretch;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.9375rem;
  position: relative;
  transition: border-color var(--cp-transition-duration-fast) var(--cp-transition-easing-default), box-shadow var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
@media (prefers-reduced-motion: reduce) {
  .input-text__wrapper {
    transition: none;
  }
}
.input-text__prefix {
  justify-self: flex-start;
}
.input-text label {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.input-text__suffix {
  justify-self: flex-end;
}
.input-text__input {
  width: 100%;
  color: var(--cp-colour-on-surface);
}
.input-text__input::placeholder {
  color: var(--cp-colour-placeholder);
}
.input-text__input:focus {
  outline: none;
}
.input-text__input:not(.is-empty) + .input-text__label, .input-text__input:focus + .input-text__label, .input-text__input.has-placeholder:placeholder-shown + .input-text__label, .input-text__input.has-native-placeholder + .input-text__label {
  top: 0.5rem;
  left: 0;
  transform: none;
  padding: 0;
  background: none;
  border-radius: 0;
  font-size: 0.75rem;
  z-index: auto;
}
.input-text__prefix {
  margin-right: 8px;
}
.input-text__suffix {
  margin-left: 8px;
}
.input-text__helper {
  display: block;
  margin-top: 8px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
}
.input-text__error {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  color: var(--cp-colour-red);
}

.input-select.has-error .input-select__wrapper {
  border-color: var(--cp-colour-red);
  box-shadow: 0 0 0 1px var(--cp-colour-red);
}
.input-select.has-error .input-select__label {
  color: var(--cp-colour-red);
}
.input-select--native .input-select__wrapper {
  align-items: center;
  min-height: 3.375rem;
  padding: 0 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
}
.input-select--native .input-select__wrapper:hover {
  border-color: var(--cp-colour-border-strong);
}
.input-select--native .input-select__wrapper:focus-within {
  border-color: var(--cp-colour-orange);
}
.input-select--native label {
  display: block;
  padding: 1.375rem 0 0.4375rem;
  line-height: 1.4;
}
.input-select--native label:has(> .input-select__label:empty) {
  padding: 0.9375rem 0;
}
.input-select--native .input-select__input {
  line-height: 1.4;
}
.input-select--native .input-select__label {
  position: absolute;
  top: 50%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  transform: translateY(-50%);
  font-family: "Arial", "Helvetica", "sans-serif";
  font-stretch: normal;
  font-size: 0.9375rem;
  line-height: 1.4;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cp-colour-on-surface-muted);
  pointer-events: none;
  transition: top 150ms ease-in-out, font-size 150ms ease-in-out, color 150ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .input-select--native .input-select__label {
    transition: none;
  }
}
.input-select--native .input-select__prefix,
.input-select--native .input-select__suffix {
  display: flex;
  align-items: center;
  line-height: 1;
}
.input-select--native .input-select__input:focus + .input-select__label {
  color: var(--cp-colour-orange);
}
.input-select--native select {
  width: 100%;
  padding: 0;
  padding-right: 2em;
  border: none;
  border-radius: 3px;
  background-color: transparent;
  line-height: 1.4;
}
.input-select--native .input-select__input:not(.is-empty) + .input-select__label, .input-select--native .input-select__input:focus + .input-select__label, .input-select--native .input-select__input:placeholder-shown + .input-select__label,
.input-select--native .input-select__input [placeholder=""] + .input-select__label {
  top: 0.5rem;
  left: 0;
  transform: none;
  padding: 0;
  background: none;
  border-radius: 0;
  font-size: 0.75rem;
  z-index: auto;
}
.input-select--searchable .input-select__wrapper {
  align-items: center;
  min-height: 3.375rem;
  padding: 0 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
}
.input-select--searchable .input-select__wrapper:hover {
  border-color: var(--cp-colour-border-strong);
}
.input-select--searchable .input-select__wrapper:focus-within {
  border-color: var(--cp-colour-orange);
}
.input-select--searchable label {
  display: block;
  padding: 1.375rem 0 0.4375rem;
  line-height: 1.4;
}
.input-select--searchable label:has(> .input-select__label:empty) {
  padding: 0.9375rem 0;
}
.input-select--searchable .input-select__input {
  line-height: 1.4;
}
.input-select--searchable .input-select__label {
  position: absolute;
  top: 50%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  transform: translateY(-50%);
  font-family: "Arial", "Helvetica", "sans-serif";
  font-stretch: normal;
  font-size: 0.9375rem;
  line-height: 1.4;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cp-colour-on-surface-muted);
  pointer-events: none;
  transition: top 150ms ease-in-out, font-size 150ms ease-in-out, color 150ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .input-select--searchable .input-select__label {
    transition: none;
  }
}
.input-select--searchable .input-select__prefix,
.input-select--searchable .input-select__suffix {
  display: flex;
  align-items: center;
  line-height: 1;
}
.input-select--searchable .input-select__input:focus + .input-select__label {
  color: var(--cp-colour-orange);
}
.input-select--searchable .input-select__value,
.input-select--searchable .input-select__search {
  width: 100%;
  padding: 0;
  padding-right: 2em;
  border: none;
  background-color: transparent;
  line-height: 1.4;
}
.input-select--searchable .input-select__value {
  min-height: 1.4em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.input-select--searchable .input-select__search {
  cursor: text;
}
.input-select--searchable .input-select__search:focus {
  outline: none;
}
.input-select--searchable .input-select__input:not(.is-empty) + .input-select__label, .input-select--searchable .input-select__input.is-open + .input-select__label {
  top: 0.5rem;
  left: 0;
  transform: none;
  padding: 0;
  background: none;
  border-radius: 0;
  font-size: 0.75rem;
  z-index: auto;
}
.input-select--searchable .input-select__input:focus-within + .input-select__label {
  color: var(--cp-colour-orange);
}
.input-select--searchable label:has(.input-select__input.is-open)::after {
  transform: rotate(180deg);
}
.input-select label,
.input-select select {
  font-size: 0.9375rem;
}
.input-select select {
  padding-right: 30px;
}
.input-select label {
  position: relative;
}
.input-select label::after {
  --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
  content: "\f078";
  color: var(--cp-colour-on-surface);
  position: absolute;
  top: calc(50% - 9px);
  right: 10px;
  transition: transform var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
@media (prefers-reduced-motion: reduce) {
  .input-select label::after {
    transition: none;
  }
}
.input-select label::after {
  pointer-events: none;
}
.input-select--loading label::after {
  display: none;
}
.input-select--loading .input-select__loading {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 1rem;
  color: var(--cp-colour-primary);
  pointer-events: none;
}
.input-select__label {
  position: absolute;
  left: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
  color: var(--cp-colour-placeholder);
}
.input-select__wrapper {
  display: flex;
  flex-wrap: nowrap;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.9375rem;
  position: relative;
  padding: 4px 8px;
  transition: border-color var(--cp-transition-duration-fast) var(--cp-transition-easing-default), box-shadow var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
@media (prefers-reduced-motion: reduce) {
  .input-select__wrapper {
    transition: none;
  }
}
.input-select__prefix {
  justify-self: flex-start;
}
.input-select label {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.input-select__suffix {
  justify-self: flex-end;
}
.input-select__input {
  width: 100%;
  color: var(--cp-colour-on-surface);
}
.input-select__input::placeholder {
  color: var(--cp-colour-placeholder);
}
.input-select__input:focus {
  outline: none;
}
.input-select__prefix {
  margin-right: 8px;
}
.input-select__suffix {
  margin-left: 8px;
}
.input-select__helper {
  display: block;
  margin-top: 8px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-style: italic;
  color: var(--cp-colour-on-surface-muted);
}
.input-select__options {
  position: absolute;
  top: 100%;
  left: -1px;
  right: -1px;
  z-index: 200;
  display: flex;
  flex-direction: column;
  gap: 1px;
  max-height: 20rem;
  margin: 0;
  padding: 0.25rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  list-style: none;
  background-color: var(--cp-colour-surface);
  border: 1px solid var(--cp-colour-orange);
  border-top-color: var(--cp-colour-border);
  border-radius: 0 0 6px 6px;
  box-shadow: var(--cp-shadow-md);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-0.25rem);
  transform-origin: top center;
  transition: opacity var(--cp-transition-duration-normal) var(--cp-transition-easing-panel), transform var(--cp-transition-duration-normal) var(--cp-transition-easing-panel), visibility 0s linear var(--cp-transition-duration-normal);
}
.input-select__options.is-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: none;
  transition: opacity var(--cp-transition-duration-normal) var(--cp-transition-easing-panel), transform var(--cp-transition-duration-normal) var(--cp-transition-easing-panel), visibility 0s;
}
.input-select.is-open .input-select__wrapper {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.input-select.has-error .input-select__options {
  border-color: var(--cp-colour-red);
  border-top-color: var(--cp-colour-border);
  box-shadow: -1px 0 0 0 var(--cp-colour-red), 1px 0 0 0 var(--cp-colour-red), 0 1px 0 0 var(--cp-colour-red), var(--cp-shadow-md);
}
.input-select__option {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 2.5rem;
  padding: 0.5rem 0.625rem;
  border-radius: 3px;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface);
  cursor: pointer;
  transition: background-color var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
.input-select__option--active {
  background-color: var(--cp-colour-surface-inset);
}
.input-select__option--active .input-select__option-badge {
  background-color: var(--cp-colour-surface);
}
.input-select__option.is-selected .input-select__option-label {
  font-weight: 600;
}
.input-select__options.is-searching .input-select__option.is-selected .input-select__option-label {
  font-weight: inherit;
}
.input-select__option[aria-disabled=true] {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-select__option-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}
.input-select__option-label {
  line-height: 1.35;
}
.input-select__option-description {
  font-size: 0.75rem;
  line-height: 1.35;
  color: var(--cp-colour-on-surface-muted);
}
.input-select__option-badge {
  flex: 0 0 auto;
  padding: 0.125rem 0.4375rem;
  border-radius: 999px;
  background-color: var(--cp-colour-surface-inset);
  font-size: 0.6875rem;
  font-weight: 600;
  white-space: nowrap;
  color: var(--cp-colour-on-surface-muted);
}
.input-select__option-check {
  flex: 0 0 auto;
  font-size: 0.8125rem;
  color: var(--cp-colour-primary);
}
.input-select__match {
  background: none;
  color: inherit;
  font-weight: 700;
}
.input-select__empty {
  padding: 0.625rem;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
  cursor: default;
}
.input-select__autofill {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

@media (prefers-reduced-motion: reduce) {
  .input-select__options,
  .input-select__options.is-open,
  .input-select__option {
    transition: none;
  }
  .input-select__options {
    transform: none;
  }
}
.input-checkbox.has-error .input-checkbox__wrapper {
  border-color: var(--cp-colour-red);
  box-shadow: 0 0 0 1px var(--cp-colour-red);
}
.input-checkbox.has-error .input-checkbox__label {
  color: var(--cp-colour-red);
}
.input-checkbox label,
.input-checkbox input {
  font-size: 0.9375rem;
}
.input-checkbox__wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-content: stretch;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.9375rem;
  position: relative;
  padding: 4px 8px;
}
.input-checkbox label, .input-checkbox__prefix, .input-checkbox__suffix {
  line-height: 30px;
}
.input-checkbox__prefix {
  justify-self: flex-start;
}
.input-checkbox label {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.input-checkbox__suffix {
  justify-self: flex-end;
}
.input-checkbox__input {
  display: none;
}
.input-checkbox__prefix {
  margin-right: 8px;
}
.input-checkbox__suffix {
  margin-left: 8px;
}
.input-checkbox__icon {
  margin-right: 10px;
}
.input-checkbox__icon svg {
  animation: checkbox-icon-scale-in var(--cp-transition-duration-fast) var(--cp-transition-easing-spring) forwards;
}
@media (prefers-reduced-motion: reduce) {
  .input-checkbox__icon svg {
    transform: scale(1);
    opacity: 1;
    animation: none;
  }
}
@keyframes checkbox-icon-scale-in {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.input-checkbox__label {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
}
.input-checkbox__error {
  display: block;
  margin-top: 4px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  color: var(--cp-colour-red);
}
.input-checkbox__helper {
  display: block;
  margin-top: 8px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-style: italic;
  color: var(--cp-colour-on-surface-muted);
}

.input-checkbox-group {
  border: none;
  padding: 0;
  margin: 0;
}
.input-checkbox-group__legend {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  margin-bottom: 10px;
}
.input-checkbox-group__items {
  display: flex;
}
.input-checkbox-group__items--vertical {
  flex-direction: column;
  gap: 4px;
}
.input-checkbox-group__items--horizontal {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
}
.input-checkbox-group__error {
  display: block;
  margin-top: 4px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  color: var(--cp-colour-red);
}
.input-checkbox-group__helper {
  display: block;
  margin-top: 8px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-style: italic;
  color: var(--cp-colour-on-surface-muted);
}
.input-checkbox-group.has-error .input-checkbox-group__legend {
  color: var(--cp-colour-red);
}

.input-radio label,
.input-radio input {
  font-size: 0.9375rem;
}
.input-radio__wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-content: stretch;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.9375rem;
  position: relative;
  padding: 4px 8px;
}
.input-radio label, .input-radio__prefix, .input-radio__suffix {
  line-height: 30px;
}
.input-radio__prefix {
  justify-self: flex-start;
}
.input-radio label {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.input-radio__suffix {
  justify-self: flex-end;
}
.input-radio__input {
  display: none;
}
.input-radio__prefix {
  margin-right: 8px;
}
.input-radio__suffix {
  margin-left: 8px;
}
.input-radio__icon {
  margin-right: 10px;
}
.input-radio__icon svg {
  animation: radio-icon-scale-in var(--cp-transition-duration-fast) var(--cp-transition-easing-spring) forwards;
}
@media (prefers-reduced-motion: reduce) {
  .input-radio__icon svg {
    transform: scale(1);
    opacity: 1;
    animation: none;
  }
}
@keyframes radio-icon-scale-in {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.input-radio__label {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
}
.input-radio__error {
  display: block;
  margin-top: 4px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  color: var(--cp-colour-red);
}
.input-radio__helper {
  display: block;
  margin-top: 8px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-style: italic;
  color: var(--cp-colour-on-surface-muted);
}

.input-radio-group {
  border: none;
  padding: 0;
  margin: 0;
}
.input-radio-group__legend {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  font-size: 0.875rem;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  margin-bottom: 10px;
}
.input-radio-group__items {
  display: flex;
}
.input-radio-group__items--vertical {
  flex-direction: column;
  gap: 4px;
}
.input-radio-group__items--horizontal {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
}
.input-radio-group__error {
  display: block;
  margin-top: 4px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  color: var(--cp-colour-red);
}
.input-radio-group__helper {
  display: block;
  margin-top: 8px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-style: italic;
  color: var(--cp-colour-on-surface-muted);
}
.input-radio-group.has-error .input-radio-group__legend {
  color: var(--cp-colour-red);
}

.input-password .input-password__wrapper {
  align-items: center;
  min-height: 3.375rem;
  padding: 0 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
}
.input-password .input-password__wrapper:hover {
  border-color: var(--cp-colour-border-strong);
}
.input-password .input-password__wrapper:focus-within {
  border-color: var(--cp-colour-orange);
}
.input-password label {
  display: block;
  padding: 1.375rem 0 0.4375rem;
  line-height: 1.4;
}
.input-password label:has(> .input-password__label:empty) {
  padding: 0.9375rem 0;
}
.input-password .input-password__input {
  line-height: 1.4;
}
.input-password .input-password__label {
  position: absolute;
  top: 50%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  transform: translateY(-50%);
  font-family: "Arial", "Helvetica", "sans-serif";
  font-stretch: normal;
  font-size: 0.9375rem;
  line-height: 1.4;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cp-colour-on-surface-muted);
  pointer-events: none;
  transition: top 150ms ease-in-out, font-size 150ms ease-in-out, color 150ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .input-password .input-password__label {
    transition: none;
  }
}
.input-password .input-password__prefix,
.input-password .input-password__suffix {
  display: flex;
  align-items: center;
  line-height: 1;
}
.input-password .input-password__input:focus + .input-password__label {
  color: var(--cp-colour-orange);
}
.input-password.has-error .input-password__wrapper {
  border-color: var(--cp-colour-red);
  box-shadow: 0 0 0 1px var(--cp-colour-red);
}
.input-password.has-error .input-password__label {
  color: var(--cp-colour-red);
}
.input-password label,
.input-password input {
  font-size: 0.9375rem;
}
.input-password label {
  position: relative;
}
.input-password__wrapper {
  display: flex;
  flex-wrap: nowrap;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.9375rem;
  position: relative;
}
.input-password label {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.input-password__input {
  width: 100%;
  color: var(--cp-colour-on-surface);
}
.input-password__input::placeholder {
  color: var(--cp-colour-placeholder);
}
.input-password__input:focus {
  outline: none;
}
.input-password__input:not(.is-empty) + .input-password__label, .input-password__input:focus + .input-password__label, .input-password__input:placeholder-shown + .input-password__label,
.input-password__input [placeholder=""] + .input-password__label {
  top: 0.5rem;
  left: 0;
  transform: none;
  padding: 0;
  background: none;
  border-radius: 0;
  font-size: 0.75rem;
  z-index: auto;
}
.input-password__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  background: none;
  color: var(--cp-colour-on-surface-muted);
  font-size: 0.875rem;
  cursor: pointer;
  flex-shrink: 0;
  transition: color 150ms ease-in-out;
}
.input-password__toggle:hover {
  color: var(--cp-colour-on-surface);
}
.input-password__helper {
  display: block;
  margin-top: 8px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-style: italic;
  color: var(--cp-colour-on-surface-muted);
}
.input-password__error {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  color: var(--cp-colour-red);
}

.input-textarea .input-textarea__wrapper {
  align-items: center;
  min-height: 3.375rem;
  padding: 0 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
}
.input-textarea .input-textarea__wrapper:hover {
  border-color: var(--cp-colour-border-strong);
}
.input-textarea .input-textarea__wrapper:focus-within {
  border-color: var(--cp-colour-orange);
}
.input-textarea label {
  display: block;
  padding: 1.375rem 0 0.4375rem;
  line-height: 1.4;
}
.input-textarea label:has(> .input-textarea__label:empty) {
  padding: 0.9375rem 0;
}
.input-textarea .input-textarea__input {
  line-height: 1.4;
}
.input-textarea .input-textarea__label {
  position: absolute;
  top: 50%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  transform: translateY(-50%);
  font-family: "Arial", "Helvetica", "sans-serif";
  font-stretch: normal;
  font-size: 0.9375rem;
  line-height: 1.4;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--cp-colour-on-surface-muted);
  pointer-events: none;
  transition: top 150ms ease-in-out, font-size 150ms ease-in-out, color 150ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .input-textarea .input-textarea__label {
    transition: none;
  }
}
.input-textarea .input-textarea__prefix,
.input-textarea .input-textarea__suffix {
  display: flex;
  align-items: center;
  line-height: 1;
}
.input-textarea .input-textarea__input:focus + .input-textarea__label {
  color: var(--cp-colour-orange);
}
.input-textarea.has-error .input-textarea__wrapper {
  border-color: var(--cp-colour-red);
  box-shadow: 0 0 0 1px var(--cp-colour-red);
}
.input-textarea.has-error .input-textarea__label {
  color: var(--cp-colour-red);
}
.input-textarea label,
.input-textarea textarea {
  font-size: 0.9375rem;
}
.input-textarea label {
  position: relative;
}
.input-textarea .input-textarea__label {
  top: 2rem;
}
.input-textarea__wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.9375rem;
  position: relative;
  transition: border-color var(--cp-transition-duration-fast) var(--cp-transition-easing-default), box-shadow var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
@media (prefers-reduced-motion: reduce) {
  .input-textarea__wrapper {
    transition: none;
  }
}
.input-textarea__prefix {
  justify-self: flex-start;
}
.input-textarea label {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}
.input-textarea__suffix {
  justify-self: flex-end;
}
.input-textarea__input {
  width: 100%;
  color: var(--cp-colour-on-surface);
}
.input-textarea__input::placeholder {
  color: var(--cp-colour-on-surface-muted);
}
.input-textarea__input:focus {
  outline: none;
}
.input-textarea__input:not(.is-empty) + .input-textarea__label, .input-textarea__input:focus + .input-textarea__label, .input-textarea__input.has-placeholder:placeholder-shown + .input-textarea__label {
  top: 0.5rem;
  left: 0;
  transform: none;
  padding: 0;
  background: none;
  border-radius: 0;
  font-size: 0.75rem;
  z-index: auto;
}
.input-textarea__prefix {
  margin-right: 8px;
}
.input-textarea__suffix {
  margin-left: 8px;
}
.input-textarea__error {
  display: block;
  margin-top: 4px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  color: var(--cp-colour-red);
}
.input-textarea__helper {
  display: block;
  margin-top: 8px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-style: italic;
  color: var(--cp-colour-on-surface-muted);
}

.input-toggle.has-error .input-toggle__wrapper {
  border-color: var(--cp-colour-red);
  box-shadow: 0 0 0 1px var(--cp-colour-red);
}
.input-toggle.has-error .input-toggle__label {
  color: var(--cp-colour-red);
}
.input-toggle__wrapper {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.input-toggle__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.input-toggle__track {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 44px;
  height: 24px;
  background-color: var(--cp-colour-border);
  border-radius: 12px;
  transition: background-color 250ms ease-in-out;
  flex-shrink: 0;
}
.input-toggle__thumb {
  position: absolute;
  left: 2px;
  width: 20px;
  height: 20px;
  background-color: var(--cp-colour-white);
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: left 250ms ease-in-out;
}
.input-toggle__label {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
  color: var(--cp-colour-on-surface);
}
.input-toggle__helper {
  display: block;
  margin-top: 5px;
  margin-left: 54px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-style: italic;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.input-toggle.is-checked .input-toggle__track {
  background-color: var(--cp-colour-green);
}
.input-toggle.is-checked .input-toggle__thumb {
  left: 22px;
}
.input-toggle.is-disabled .input-toggle__wrapper {
  cursor: not-allowed;
}
.input-toggle.is-disabled .input-toggle__track {
  opacity: 0.5;
}
.input-toggle.is-disabled .input-toggle__label {
  color: var(--cp-colour-on-surface-muted);
}
.input-toggle .input-toggle__input:focus-visible + .input-toggle__track {
  outline: 2px solid var(--cp-colour-blue);
  outline-offset: 2px;
}
.input-toggle__error {
  display: block;
  margin-top: 5px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  color: var(--cp-colour-red);
}

@keyframes loading-indicator-pulse {
  0% {
    transform: scale(0.6);
    opacity: 0.8;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
.loading-indicator {
  position: relative;
  width: var(--loading-indicator-size, 4.5rem);
  height: var(--loading-indicator-size, 4.5rem);
}
.loading-indicator span {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 3px solid var(--cp-colour-orange);
  opacity: 0;
  animation: loading-indicator-pulse 1.6s ease-out infinite;
}
.loading-indicator span:nth-child(2) {
  animation-delay: 0.5s;
}
.loading-indicator span:nth-child(3) {
  animation-delay: 1s;
}
.loading-indicator::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(var(--loading-indicator-size, 4.5rem) * 0.2);
  height: calc(var(--loading-indicator-size, 4.5rem) * 0.2);
  background: var(--cp-colour-orange);
  border-radius: 50%;
}

.loading-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 20px 0;
  text-align: center;
}
.loading-modal__message {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  font-size: 1rem;
  color: var(--cp-colour-on-surface);
}
.loading-modal__submessage {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
}

.map-embed {
  --map-embed-aspect-ratio: 16 / 9;
  position: relative;
  width: 100%;
  aspect-ratio: var(--map-embed-aspect-ratio);
  overflow: hidden;
  border-radius: 6px;
  background-color: var(--cp-colour-surface-inset);
}
.map-embed__frame {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.modal {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  z-index: 400;
  padding: 15px;
  pointer-events: none;
  visibility: hidden;
  transition: visibility 0s linear 300ms;
}
.modal__backdrop {
  position: absolute;
  inset: 0;
  background-color: var(--cp-backdrop-color);
  backdrop-filter: blur(var(--cp-backdrop-blur));
  -webkit-backdrop-filter: blur(var(--cp-backdrop-blur));
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 100;
}
.modal__dialog {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 600px;
  max-height: calc(100vh - 60px);
  background-color: var(--cp-colour-surface);
  border-radius: 6px;
  box-shadow: var(--cp-shadow-xl);
  z-index: 450;
  overflow: hidden;
  opacity: 0;
  transform: scale(0.96);
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1), transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.modal--sm .modal__dialog {
  max-width: 400px;
}
.modal--lg .modal__dialog {
  max-width: 900px;
}
.modal.is-open {
  pointer-events: auto;
  visibility: visible;
  transition: visibility 0s;
}
.modal.is-open .modal__backdrop {
  opacity: 1;
}
.modal.is-open .modal__dialog {
  opacity: 1;
  transform: scale(1);
}
.modal__header {
  order: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 20px 30px;
  border-bottom: 1px solid var(--cp-colour-border);
}
.modal__title {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  font-size: 1.25rem;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
}
.modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background: none;
  color: var(--cp-colour-on-surface-muted);
  font-size: 1.125rem;
  cursor: pointer;
  border-radius: 6px;
  transition: color 150ms ease-in-out, background-color 150ms ease-in-out;
  flex-shrink: 0;
}
.modal__close:hover {
  color: var(--cp-colour-on-surface);
  background-color: var(--cp-colour-surface-inset);
}
.modal__body {
  order: 1;
  padding: 30px;
  overflow-y: auto;
  min-height: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
  color: var(--cp-colour-on-surface);
  line-height: 1.5;
}
.modal__footer {
  order: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 20px 30px;
  border-top: 1px solid var(--cp-colour-border);
}
@media (max-width: 419px) {
  .modal {
    padding: 10px;
  }
  .modal .modal__dialog {
    max-height: calc(100vh - 30px);
  }
  .modal .modal__header {
    padding: 15px;
  }
  .modal .modal__body {
    padding: 15px;
  }
  .modal .modal__footer {
    padding: 15px;
  }
}

html:has(.modal.is-open) {
  overflow: hidden;
  scrollbar-gutter: auto;
}

@media print {
  .modal {
    display: none !important;
  }
}
.navigation {
  display: flex;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  line-height: 1;
}
@media (max-width: 1279px) {
  .navigation {
    flex-direction: column;
    background-color: var(--cp-colour-surface-raised);
  }
  .navigation .container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    flex-grow: 1;
    flex-shrink: 1;
    background-color: var(--cp-colour-surface-raised);
    color: var(--cp-colour-on-surface);
  }
  .drawer.is-open .navigation .container > * {
    animation: cp-slide-up-in 300ms cubic-bezier(0, 0, 0.2, 1) both;
  }
}
@media (max-width: 1279px) and (prefers-reduced-motion: reduce) {
  .drawer.is-open .navigation .container > * {
    animation: none;
  }
}
@media (max-width: 1279px) {
  .drawer.is-open .navigation .container > *:nth-child(1) {
    animation-delay: 0ms;
  }
  .drawer.is-open .navigation .container > *:nth-child(2) {
    animation-delay: 40ms;
  }
  .drawer.is-open .navigation .container > *:nth-child(3) {
    animation-delay: 80ms;
  }
  .drawer.is-open .navigation .container > *:nth-child(4) {
    animation-delay: 120ms;
  }
  .drawer.is-open .navigation .container > *:nth-child(5) {
    animation-delay: 160ms;
  }
  .drawer.is-open .navigation .container > *:nth-child(6) {
    animation-delay: 200ms;
  }
  .drawer.is-open .navigation .container > *:nth-child(7) {
    animation-delay: 240ms;
  }
  .drawer.is-open .navigation .container > *:nth-child(8) {
    animation-delay: 280ms;
  }
  .drawer.is-open .navigation .container > *:nth-child(9) {
    animation-delay: 320ms;
  }
  .drawer.is-open .navigation .container > *:nth-child(10) {
    animation-delay: 360ms;
  }
  .drawer.is-open .navigation .container > *:nth-child(11) {
    animation-delay: 400ms;
  }
  .drawer.is-open .navigation .container > *:nth-child(12) {
    animation-delay: 440ms;
  }
  .navigation__custom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-self: start;
    gap: 10px;
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .navigation {
    position: relative;
    width: 100%;
    background-color: var(--cp-colour-surface-chrome);
  }
  .navigation .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .navigation__custom {
    display: flex;
    align-items: center;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid var(--cp-colour-white);
    border-image: linear-gradient(to bottom, oklch(from var(--cp-colour-white) l c h/0) 25%, var(--cp-colour-white) 25%, var(--cp-colour-white) 75%, oklch(from var(--cp-colour-white) l c h/0) 75%);
    border-image-slice: 1;
  }
  .navigation__custom .fa,
  .navigation__custom .far,
  .navigation__custom .fas {
    margin-right: 5px;
    line-height: 30px;
  }
}

.drawer__body:has(.navigation) {
  padding: 0;
  overflow-y: auto;
}

@media (max-width: 1279px) {
  .header .navigation {
    display: none;
  }
}

.navigation-item {
  font-family: "Roboto Flex Variable", "sans-serif";
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.navigation-item:hover {
  color: var(--cp-colour-red);
}
.navigation-item--sale {
  background-color: var(--cp-colour-red);
  color: var(--cp-colour-white);
  transition: background-color var(--cp-transition-duration-normal) var(--cp-transition-easing-default), color var(--cp-transition-duration-normal) var(--cp-transition-easing-default);
}
.navigation-item--sale:hover {
  background-color: var(--cp-colour-sand);
  color: var(--cp-colour-red);
}
.navigation-item__icon {
  display: flex;
}
@media (max-width: 1279px) {
  .navigation-item__icon {
    width: 30px;
    text-align: center;
  }
}

@media (max-width: 1279px) {
  .navigation-item {
    width: 100%;
    padding: 20px 15px;
    font-size: 1.3125rem;
    background-color: var(--cp-colour-surface);
    border-radius: 6px;
  }
  .navigation-item__label {
    font-weight: bold;
    text-transform: uppercase;
  }
  .navigation-item__icon {
    width: 30px;
    text-align: center;
  }
  .navigation-item--sale {
    background-color: var(--cp-colour-red);
    color: var(--cp-colour-white);
    transition: background-color var(--cp-transition-duration-normal) var(--cp-transition-easing-default), color var(--cp-transition-duration-normal) var(--cp-transition-easing-default);
  }
  .navigation-item--sale:hover {
    background-color: var(--cp-colour-sand);
    color: var(--cp-colour-red);
  }
}
@media (min-width: 1280px) {
  .navigation-item {
    padding: 6px 15px;
  }
  .navigation-item[level="1"] {
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Roboto Flex Variable", "sans-serif";
  }
  .navigation-item--sale {
    padding: 15px;
  }
  .navigation-item:not([level="1"])::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform var(--cp-transition-duration-normal) var(--cp-transition-easing-enter);
  }
}
@media (min-width: 1280px) and (prefers-reduced-motion: reduce) {
  .navigation-item:not([level="1"])::after {
    transition: none;
  }
}
@media (min-width: 1280px) {
  .navigation-item:not([level="1"]):hover::after, .navigation-item:not([level="1"]).is-active::after {
    transform: scaleX(1);
  }
}
.navigation-group {
  display: flex;
  flex-direction: column;
}
.navigation-group__title {
  font-weight: bold;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  font-size: 1rem;
}

@media (max-width: 1279px) {
  .navigation-group__wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: var(--cp-colour-surface-raised);
  }
  .navigation-group[aria-expanded=true] {
    position: absolute;
    inset: 0;
    z-index: 50;
    background: var(--cp-colour-surface-raised);
    transform: translateX(0);
    padding: 0;
  }
  .navigation-group[aria-expanded=true] .navigation-group__wrapper {
    display: flex;
    opacity: 1;
    transform: translateX(0);
  }
  @starting-style {
    .navigation-group[aria-expanded=true] .navigation-group__wrapper {
      opacity: 0;
      transform: translateX(100%);
    }
  }
  .navigation-group[aria-expanded=false] .navigation-group__wrapper {
    display: none;
    opacity: 0;
    transform: translateX(100%);
  }
  .navigation-group[aria-expanded] .navigation-group__wrapper {
    transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, display 300ms allow-discrete;
  }
  .navigation-group[aria-expanded=false] .navigation-group__title {
    position: relative;
  }
  .navigation-group[aria-expanded=false] .navigation-group__title:after {
    --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: var(--fa-display, inline-block);
    font-family: var(--_fa-family);
    font-feature-settings: normal;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: var(--fa-style, 900);
    line-height: 1;
    text-align: center;
    text-rendering: auto;
    width: var(--fa-width, 1.25em);
    content: "\f054";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
  }
  .navigation-group--promo {
    display: none;
  }
  .navigation-group--brand-panels > .navigation-group__wrapper > .navigation-group__content {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 10px;
    padding: 10px;
  }
  .navigation-group__title {
    display: flex;
    font-size: 1.3125rem;
  }
  .navigation-group__title .navigation-item {
    padding: 30px 15px;
  }
  .navigation-group__content, .navigation-group__footer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
  }
  /* Hide Level 1 title when any nested Level 2 navigation-group has aria-expanded="true" */
  .navigation-group[level="1"]:has(> .navigation-group__wrapper > .navigation-group__content > .navigation-group[level="2"][aria-expanded=true]) > .navigation-group__title {
    display: none;
  }
  /* Hide Level 2 title when any nested Level 3 navigation-group has aria-expanded="true" */
  .navigation-group[level="2"]:has(> .navigation-group__wrapper > .navigation-group__content > .navigation-group[level="3"][aria-expanded=true]) > .navigation-group__title {
    display: none;
  }
  .navigation-group[aria-expanded=true] > .navigation-group__title {
    background-color: var(--cp-colour-surface-overlay);
    border-radius: 6px;
    margin: 10px 10px 0;
    animation: cp-fade-in 150ms cubic-bezier(0, 0, 0.2, 1) both;
  }
}
@media (max-width: 1279px) and (prefers-reduced-motion: reduce) {
  .navigation-group[aria-expanded=true] > .navigation-group__title {
    animation: none;
  }
}
@media (max-width: 1279px) {
  .navigation-group[aria-expanded=true] > .navigation-group__title > .navigation-item {
    padding: 30px 15px;
    margin: 0;
    align-items: center;
    background-color: transparent;
  }
  .navigation-group[aria-expanded=true] > .navigation-group__title > .navigation-item:before {
    --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: var(--fa-display, inline-block);
    font-family: var(--_fa-family);
    font-feature-settings: normal;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: var(--fa-style, 900);
    line-height: 1;
    text-align: center;
    text-rendering: auto;
    width: var(--fa-width, 1.25em);
    content: "\f053";
    display: inline-block;
    width: 16px;
  }
  .navigation-group[aria-expanded=true] > .navigation-group__wrapper {
    padding: 10px 10px 0;
    overflow-y: auto;
    flex: 1;
  }
  .navigation-group[aria-expanded=true] > .navigation-group__wrapper > .navigation-group__content > *,
  .navigation-group[aria-expanded=true] > .navigation-group__wrapper > .navigation-group__footer > * {
    animation: cp-slide-up-in 300ms cubic-bezier(0, 0, 0.2, 1) both;
  }
}
@media (max-width: 1279px) and (prefers-reduced-motion: reduce) {
  .navigation-group[aria-expanded=true] > .navigation-group__wrapper > .navigation-group__content > *,
  .navigation-group[aria-expanded=true] > .navigation-group__wrapper > .navigation-group__footer > * {
    animation: none;
  }
}
@media (max-width: 1279px) {
  .navigation-group[aria-expanded=true] > .navigation-group__wrapper > .navigation-group__content > *:nth-child(1) {
    animation-delay: 0ms;
  }
  .navigation-group[aria-expanded=true] > .navigation-group__wrapper > .navigation-group__content > *:nth-child(2) {
    animation-delay: 40ms;
  }
  .navigation-group[aria-expanded=true] > .navigation-group__wrapper > .navigation-group__content > *:nth-child(3) {
    animation-delay: 80ms;
  }
  .navigation-group[aria-expanded=true] > .navigation-group__wrapper > .navigation-group__content > *:nth-child(4) {
    animation-delay: 120ms;
  }
  .navigation-group[aria-expanded=true] > .navigation-group__wrapper > .navigation-group__content > *:nth-child(5) {
    animation-delay: 160ms;
  }
  .navigation-group[aria-expanded=true] > .navigation-group__wrapper > .navigation-group__content > *:nth-child(6) {
    animation-delay: 200ms;
  }
  .navigation-group[aria-expanded=true] > .navigation-group__wrapper > .navigation-group__content > *:nth-child(7) {
    animation-delay: 240ms;
  }
  .navigation-group[aria-expanded=true] > .navigation-group__wrapper > .navigation-group__content > *:nth-child(8) {
    animation-delay: 280ms;
  }
  .navigation-group[aria-expanded=true] > .navigation-group__wrapper > .navigation-group__content > *:nth-child(9) {
    animation-delay: 320ms;
  }
  .navigation-group[aria-expanded=true] > .navigation-group__wrapper > .navigation-group__content > *:nth-child(10) {
    animation-delay: 360ms;
  }
  .navigation-group[aria-expanded=true] > .navigation-group__wrapper > .navigation-group__content > *:nth-child(11) {
    animation-delay: 400ms;
  }
  .navigation-group[aria-expanded=true] > .navigation-group__wrapper > .navigation-group__content > *:nth-child(12) {
    animation-delay: 440ms;
  }
}
@media (min-width: 1280px) {
  .navigation-group__parent-link {
    display: none;
  }
  .navigation .navigation-item[level="1"]:not(.navigation-item--sale) {
    padding: 15px;
    color: var(--cp-colour-white);
    background-color: var(--cp-colour-surface-chrome);
  }
  .navigation .navigation-item[level="1"]:not(.navigation-item--sale) .navigation-item__label {
    text-transform: uppercase;
  }
  .navigation .navigation-item[level="1"]:not(.navigation-item--sale):hover {
    color: var(--cp-colour-on-surface);
    background-color: var(--cp-colour-surface-overlay);
  }
  .navigation-group {
    break-inside: avoid;
  }
  .navigation-group[level="2"] .navigation-group__title .navigation-item__label {
    font-size: 1.3125rem;
  }
  .navigation-group[level="3"] .navigation-group__title .navigation-item__label {
    font-size: 1.125rem;
  }
  .navigation-group[level="1"] > .navigation-group__wrapper {
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border-bottom: 1px solid var(--cp-colour-border);
    background-color: var(--cp-colour-surface);
    z-index: 300;
    box-shadow: var(--cp-shadow-md);
    display: none;
    opacity: 0;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), display 300ms allow-discrete;
  }
}
@media (min-width: 1280px) and (prefers-reduced-motion: reduce) {
  .navigation-group[level="1"] > .navigation-group__wrapper {
    transition: none;
  }
}
@media (min-width: 1280px) {
  .navigation-group[level="1"]:hover > .navigation-group__wrapper, .navigation-group[level="1"].is-open > .navigation-group__wrapper {
    display: flex;
    opacity: 1;
  }
  @starting-style {
    .navigation-group[level="1"]:hover > .navigation-group__wrapper, .navigation-group[level="1"].is-open > .navigation-group__wrapper {
      opacity: 0;
    }
  }
  .navigation-group[level="1"] > .navigation-group__wrapper > .navigation-group__content {
    width: 100%;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
  }
  .navigation-group[level="1"] > .navigation-group__wrapper > .navigation-group__content {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 15px;
    padding: 15px;
  }
  .navigation-group[level="1"] > .navigation-group__wrapper > .navigation-group__content > *[span="1"] {
    grid-column: span 1;
  }
  .navigation-group[level="1"] > .navigation-group__wrapper > .navigation-group__content > *[span="2"] {
    grid-column: span 2;
  }
  .navigation-group[level="1"] > .navigation-group__wrapper > .navigation-group__content > *[span="3"] {
    grid-column: span 3;
  }
  .navigation-group[level="1"] > .navigation-group__wrapper > .navigation-group__content > *[span="4"] {
    grid-column: span 4;
  }
  .navigation-group[level="1"] > .navigation-group__wrapper > .navigation-group__content > *[span="5"] {
    grid-column: span 5;
  }
  .navigation-group[level="1"] > .navigation-group__wrapper > .navigation-group__content > *[span="6"] {
    grid-column: span 6;
  }
  .navigation-group[level="1"] > .navigation-group__wrapper > .navigation-group__content > *[span="7"] {
    grid-column: span 7;
  }
  .navigation-group[level="1"] > .navigation-group__wrapper > .navigation-group__content > *[span="8"] {
    grid-column: span 8;
  }
  .navigation-group[level="1"] > .navigation-group__wrapper > .navigation-group__content > *[span="9"] {
    grid-column: span 9;
  }
  .navigation-group[level="1"] > .navigation-group__wrapper > .navigation-group__content > *[span="10"] {
    grid-column: span 10;
  }
  .navigation-group[level="1"] > .navigation-group__wrapper > .navigation-group__content > *[span="11"] {
    grid-column: span 11;
  }
  .navigation-group[level="1"] > .navigation-group__wrapper > .navigation-group__content > *[span="12"] {
    grid-column: span 12;
  }
  .navigation-group[level="2"], .navigation-group[level="3"], .navigation-group[level="4"], .navigation-group[level="5"] {
    margin-bottom: 30px;
  }
  .navigation-group[level="2"][itemcolumns="1"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="3"][itemcolumns="1"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="4"][itemcolumns="1"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="5"][itemcolumns="1"] > .navigation-group__wrapper > .navigation-group__content {
    column-count: 1;
  }
  .navigation-group[level="2"][itemcolumns="2"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="3"][itemcolumns="2"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="4"][itemcolumns="2"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="5"][itemcolumns="2"] > .navigation-group__wrapper > .navigation-group__content {
    column-count: 2;
  }
  .navigation-group[level="2"][itemcolumns="3"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="3"][itemcolumns="3"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="4"][itemcolumns="3"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="5"][itemcolumns="3"] > .navigation-group__wrapper > .navigation-group__content {
    column-count: 3;
  }
  .navigation-group[level="2"][itemcolumns="4"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="3"][itemcolumns="4"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="4"][itemcolumns="4"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="5"][itemcolumns="4"] > .navigation-group__wrapper > .navigation-group__content {
    column-count: 4;
  }
  .navigation-group[level="2"][itemcolumns="5"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="3"][itemcolumns="5"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="4"][itemcolumns="5"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="5"][itemcolumns="5"] > .navigation-group__wrapper > .navigation-group__content {
    column-count: 5;
  }
  .navigation-group[level="2"][itemcolumns="6"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="3"][itemcolumns="6"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="4"][itemcolumns="6"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="5"][itemcolumns="6"] > .navigation-group__wrapper > .navigation-group__content {
    column-count: 6;
  }
  .navigation-group[level="2"][itemcolumns="7"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="3"][itemcolumns="7"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="4"][itemcolumns="7"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="5"][itemcolumns="7"] > .navigation-group__wrapper > .navigation-group__content {
    column-count: 7;
  }
  .navigation-group[level="2"][itemcolumns="8"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="3"][itemcolumns="8"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="4"][itemcolumns="8"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="5"][itemcolumns="8"] > .navigation-group__wrapper > .navigation-group__content {
    column-count: 8;
  }
  .navigation-group[level="2"][itemcolumns="9"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="3"][itemcolumns="9"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="4"][itemcolumns="9"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="5"][itemcolumns="9"] > .navigation-group__wrapper > .navigation-group__content {
    column-count: 9;
  }
  .navigation-group[level="2"][itemcolumns="10"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="3"][itemcolumns="10"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="4"][itemcolumns="10"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="5"][itemcolumns="10"] > .navigation-group__wrapper > .navigation-group__content {
    column-count: 10;
  }
  .navigation-group[level="2"][itemcolumns="11"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="3"][itemcolumns="11"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="4"][itemcolumns="11"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="5"][itemcolumns="11"] > .navigation-group__wrapper > .navigation-group__content {
    column-count: 11;
  }
  .navigation-group[level="2"][itemcolumns="12"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="3"][itemcolumns="12"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="4"][itemcolumns="12"] > .navigation-group__wrapper > .navigation-group__content, .navigation-group[level="5"][itemcolumns="12"] > .navigation-group__wrapper > .navigation-group__content {
    column-count: 12;
  }
  .navigation-group[level="2"] > .navigation-group__title {
    border-bottom: 2px solid var(--cp-colour-surface-inset);
    margin-bottom: 10px;
  }
  .navigation-group[level="2"] > .navigation-group__title:hover {
    border-bottom-color: var(--cp-colour-red);
  }
  .navigation-group--panels > .navigation-group__wrapper > .navigation-group__content {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
    gap: 15px;
    padding: 15px;
  }
  .navigation-group--brand-panels > .navigation-group__wrapper > .navigation-group__content {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    padding: 20px;
  }
  .navigation-group__footer {
    display: flex;
    flex-direction: row;
    gap: 60px;
    justify-content: center;
    background-color: var(--cp-colour-surface-overlay);
    margin-block-start: 10px;
    padding: 10px;
  }
  .navigation-group[level="1"]:hover > .navigation-group__wrapper > .navigation-group__content > *,
  .navigation-group[level="1"].is-open > .navigation-group__wrapper > .navigation-group__content > * {
    animation: cp-slide-down-in var(--cp-transition-duration-panel) var(--cp-transition-easing-enter) both;
  }
}
@media (min-width: 1280px) and (prefers-reduced-motion: reduce) {
  .navigation-group[level="1"]:hover > .navigation-group__wrapper > .navigation-group__content > *,
  .navigation-group[level="1"].is-open > .navigation-group__wrapper > .navigation-group__content > * {
    animation: none;
  }
}
@media (min-width: 1280px) {
  .navigation-group[level="1"]:hover > .navigation-group__wrapper > .navigation-group__content > *:nth-child(1),
  .navigation-group[level="1"].is-open > .navigation-group__wrapper > .navigation-group__content > *:nth-child(1) {
    animation-delay: 0ms;
  }
  .navigation-group[level="1"]:hover > .navigation-group__wrapper > .navigation-group__content > *:nth-child(2),
  .navigation-group[level="1"].is-open > .navigation-group__wrapper > .navigation-group__content > *:nth-child(2) {
    animation-delay: 40ms;
  }
  .navigation-group[level="1"]:hover > .navigation-group__wrapper > .navigation-group__content > *:nth-child(3),
  .navigation-group[level="1"].is-open > .navigation-group__wrapper > .navigation-group__content > *:nth-child(3) {
    animation-delay: 80ms;
  }
  .navigation-group[level="1"]:hover > .navigation-group__wrapper > .navigation-group__content > *:nth-child(4),
  .navigation-group[level="1"].is-open > .navigation-group__wrapper > .navigation-group__content > *:nth-child(4) {
    animation-delay: 120ms;
  }
  .navigation-group[level="1"]:hover > .navigation-group__wrapper > .navigation-group__content > *:nth-child(5),
  .navigation-group[level="1"].is-open > .navigation-group__wrapper > .navigation-group__content > *:nth-child(5) {
    animation-delay: 160ms;
  }
  .navigation-group[level="1"]:hover > .navigation-group__wrapper > .navigation-group__content > *:nth-child(6),
  .navigation-group[level="1"].is-open > .navigation-group__wrapper > .navigation-group__content > *:nth-child(6) {
    animation-delay: 200ms;
  }
  .navigation-group[level="1"]:hover > .navigation-group__wrapper > .navigation-group__content > *:nth-child(7),
  .navigation-group[level="1"].is-open > .navigation-group__wrapper > .navigation-group__content > *:nth-child(7) {
    animation-delay: 240ms;
  }
  .navigation-group[level="1"]:hover > .navigation-group__wrapper > .navigation-group__content > *:nth-child(8),
  .navigation-group[level="1"].is-open > .navigation-group__wrapper > .navigation-group__content > *:nth-child(8) {
    animation-delay: 280ms;
  }
  .navigation-group[level="1"]:hover > .navigation-group__wrapper > .navigation-group__content > *:nth-child(9),
  .navigation-group[level="1"].is-open > .navigation-group__wrapper > .navigation-group__content > *:nth-child(9) {
    animation-delay: 320ms;
  }
  .navigation-group[level="1"]:hover > .navigation-group__wrapper > .navigation-group__content > *:nth-child(10),
  .navigation-group[level="1"].is-open > .navigation-group__wrapper > .navigation-group__content > *:nth-child(10) {
    animation-delay: 360ms;
  }
}
.navigation-panel {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.8125rem;
  padding: 15px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1279px) {
  .navigation-panel {
    flex-direction: row;
  }
}
@media (min-width: 1280px) {
  .navigation-panel {
    border: 1px solid transparent;
    border-bottom: 5px solid transparent;
    border-radius: 6px;
    transition: border-width 0.6s linear;
  }
  .navigation-panel:hover {
    border-color: var(--cp-colour-on-surface);
  }
}
.navigation-panel:hover .navigation-panel__image {
  animation: navigation-panel-hover 250ms infinite;
}
@media (prefers-reduced-motion: reduce) {
  .navigation-panel:hover .navigation-panel__image {
    animation: none;
  }
}
.navigation-panel__details {
  display: flex;
  gap: 10px;
}
@media (min-width: 1280px) {
  .navigation-panel__image {
    max-width: 60px;
    flex-basis: 100%;
  }
}
@media (max-width: 1279px) {
  .navigation-panel__image {
    max-height: 30px;
  }
}
.navigation-panel__label {
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 1279px) {
  .navigation-panel {
    background-color: var(--cp-colour-surface);
    border-radius: 6px;
  }
}

@keyframes navigation-panel-hover {
  0% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  25% {
    transform: rotate(3deg);
  }
  75% {
    transform: rotate(-3deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.navigation-trigger {
  font-size: 1.5rem;
  width: 40px;
  height: 40px;
  text-align: center;
  color: var(--cp-colour-white);
  background-color: transparent;
  border-radius: 6px;
  transition-property: background-color, color;
  transition-duration: 150ms;
  transition-timing-function: ease-in-out;
}
.navigation-trigger:hover {
  background-color: var(--cp-colour-red);
}
@media (min-width: 1280px) {
  .navigation-trigger {
    display: none;
  }
}

.navigation-brand-panel {
  display: block;
  overflow: hidden;
  border-radius: 6px;
  border: 2px solid transparent;
  background-color: var(--cp-colour-surface-raised);
  transition: border-color 0.2s ease;
}
.navigation-brand-panel:hover {
  border-color: var(--cp-colour-on-surface);
}
.navigation-brand-panel:hover .navigation-brand-panel__image {
  transform: scale(1.05);
}
.navigation-brand-panel__image {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}

.order-line-item {
  display: flex;
  align-items: start;
  gap: 15px;
  padding: 15px 10px;
  min-width: 0;
}
.order-line-item:hover {
  background-color: oklch(from var(--cp-colour-surface-overlay) l c h/0.5);
}
.order-line-item__media {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 65px;
  height: 65px;
  position: relative;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-white);
}
@media (min-width: 940px) {
  .order-line-item__media {
    flex: 0 0 80px;
    height: 75px;
  }
}
.order-line-item__image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: inherit;
}
.order-line-item__qty {
  margin-right: 0.25em;
  font-weight: bold;
  white-space: nowrap;
}
.order-line-item__details {
  flex: 1 1 0%;
  min-width: 0;
  text-align: left;
}
.order-line-item__name, .order-line-item__options, .order-line-item__notes {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  text-align: left;
}
.order-line-item__name {
  font-size: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.order-line-item__options, .order-line-item__notes {
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
  line-height: 1.3;
}
.order-line-item__options {
  margin-top: 5px;
}
.order-line-item__notes {
  margin-top: 10px;
  font-weight: bold;
}
.order-line-item__actions {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 10px;
}
.order-line-item--qty-mini .order-line-item__value {
  align-self: stretch;
}
.order-line-item__mini-stepper {
  margin-top: auto;
}
.order-line-item--qty-mini .order-line-item__each {
  margin-bottom: 10px;
}
.order-line-item.is-loading .order-line-item__value > .price,
.order-line-item.is-loading .order-line-item__each {
  animation: calculating-figures-pulse 900ms ease-in-out infinite alternate;
}
@media (prefers-reduced-motion: reduce) {
  .order-line-item.is-loading .order-line-item__value > .price,
  .order-line-item.is-loading .order-line-item__each {
    animation: none;
    opacity: 0.5;
  }
}
.order-line-item__value {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  margin-left: auto;
}
.order-line-item__value > .price {
  font-weight: normal;
  font-size: 0.75rem;
}
.order-line-item__value > .price .price__value {
  font-size: 1.4em;
}
.order-line-item__value .order-line-item__each {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 0.25em;
  margin-top: 0.1875rem;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
  white-space: nowrap;
}
.order-line-item__value .badge {
  font-size: 0.875rem;
  padding: 10px;
}
@media (max-width: 939px) {
  .order-line-item__value .badge {
    font-size: 0.75rem;
    padding: 5px;
  }
}

.order-line-item-stepper {
  display: inline-flex;
  align-items: stretch;
  height: 2.125rem;
  border: 1px solid var(--cp-colour-border-strong);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
  overflow: hidden;
  position: relative;
}
.order-line-item-stepper::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--cp-colour-orange), transparent) no-repeat;
  background-size: 40% 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms ease-in-out;
}
.order-line-item-stepper.is-loading::after {
  opacity: 1;
  animation: saving-line-sweep 1100ms linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .order-line-item-stepper.is-loading::after {
    animation: none;
    background-size: 100% 100%;
    opacity: 0.6;
  }
}
.order-line-item-stepper.is-loading .order-line-item-stepper__input {
  color: var(--cp-colour-on-surface-muted);
  animation: calculating-figures-pulse 900ms ease-in-out infinite alternate;
}
@media (prefers-reduced-motion: reduce) {
  .order-line-item-stepper.is-loading .order-line-item-stepper__input {
    animation: none;
    opacity: 0.5;
  }
}
.order-line-item-stepper__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.125rem;
  padding: 0;
  border: none;
  background: none;
  font-size: 0.6875rem;
  color: var(--cp-colour-orange);
  cursor: pointer;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
.order-line-item-stepper__button--decrement {
  border-right: 1px solid var(--cp-colour-border);
}
.order-line-item-stepper__button--increment {
  border-left: 1px solid var(--cp-colour-border);
}
.order-line-item-stepper__button:hover {
  background-color: oklch(from var(--cp-colour-orange) l c h/0.1);
}
.order-line-item-stepper__button:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: -2px;
}
.order-line-item-stepper__button.is-remove {
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
}
.order-line-item-stepper__button.is-remove:hover {
  background-color: oklch(from var(--cp-colour-red) l c h/0.08);
  color: var(--cp-colour-red);
}
.order-line-item-stepper__count {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  --qty-min-width: 2.375rem;
}
.order-line-item-stepper__input {
  width: max(var(--qty-min-width), var(--qty-chars, 1) * 1ch + 1rem);
  height: 100%;
  padding: 0;
  border: none;
  background: none;
  color: var(--cp-colour-on-surface);
  text-align: center;
  font-size: 0.875rem;
  font-weight: bold;
  transition: width 150ms ease-in-out, color 150ms ease-in-out;
  /* Remove spinner controls from number input */
  appearance: textfield;
}
.order-line-item-stepper__input::-webkit-outer-spin-button, .order-line-item-stepper__input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
.order-line-item-stepper__input:focus {
  outline: none;
  background-color: var(--cp-colour-surface-inset);
}
.order-line-item-stepper.is-saved .order-line-item-stepper__input {
  animation: saved-pop 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (prefers-reduced-motion: reduce) {
  .order-line-item-stepper.is-saved .order-line-item-stepper__input {
    animation: none;
  }
}
.order-line-item-stepper--sm {
  height: 1.625rem;
}
.order-line-item-stepper--sm .order-line-item-stepper__button {
  width: 1.625rem;
  font-size: 0.5625rem;
}
.order-line-item-stepper--sm .order-line-item-stepper__button.is-remove {
  font-size: 0.6875rem;
}
.order-line-item-stepper--sm .order-line-item-stepper__count {
  --qty-min-width: 1.75rem;
}
.order-line-item-stepper--sm .order-line-item-stepper__input {
  font-size: 0.8125rem;
}

@media (prefers-reduced-motion: reduce) {
  .order-line-item-stepper__input {
    transition: none;
  }
}
.order-line-item-status {
  display: flex;
  align-items: start;
  gap: 15px;
  padding: 15px 10px;
  min-width: 0;
}
.order-line-item-status:hover {
  background-color: oklch(from var(--cp-colour-surface-overlay) l c h/0.5);
}
.order-line-item-status__media {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 65px;
  height: 65px;
  position: relative;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-white);
}
@media (min-width: 940px) {
  .order-line-item-status__media {
    flex: 0 0 80px;
    height: 75px;
  }
}
.order-line-item-status__image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: inherit;
}
.order-line-item-status__qty {
  position: absolute;
  top: -12px;
  right: -12px;
  background-color: var(--cp-colour-surface-chrome);
  border-radius: 100%;
  text-align: center;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  line-height: 24px;
  font-size: 0.875rem;
  width: 24px;
  height: 24px;
  color: var(--cp-colour-white);
}
[data-theme=dark] .order-line-item-status__qty {
  background-color: var(--cp-colour-on-surface);
  color: var(--cp-colour-surface);
}
.order-line-item-status__details {
  flex: 1 1 0%;
  min-width: 0;
  text-align: left;
}
.order-line-item-status__name, .order-line-item-status__options, .order-line-item-status__notes {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  text-align: left;
}
.order-line-item-status__name {
  font-size: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.order-line-item-status__options, .order-line-item-status__notes {
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
  line-height: 1.3;
}
.order-line-item-status__options {
  margin-top: 5px;
}
.order-line-item-status__notes {
  margin-top: 10px;
  font-style: italic;
  font-weight: bold;
}
.order-line-item-status__status {
  flex: 0 0 auto;
  align-self: start;
  text-align: right;
  margin-left: auto;
}
.order-line-item-status__status .badge {
  font-size: 0.875rem;
  padding: 10px;
}
@media (max-width: 939px) {
  .order-line-item-status__status .badge {
    font-size: 0.75rem;
    padding: 5px;
  }
}

.dropdown-menu {
  position: relative;
  display: inline-flex;
}
.dropdown-menu__chevron {
  font-size: 0.75em;
  transition: transform 150ms ease-in-out;
}
.dropdown-menu.is-open .dropdown-menu__chevron {
  transform: rotate(180deg);
}
.dropdown-menu__menu {
  position: absolute;
  top: calc(100% + 5px);
  z-index: 200;
  display: grid;
  gap: 2px;
  min-width: 13.75rem;
  max-width: calc(100vw - 30px);
  margin: 0;
  padding: 5px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
  box-shadow: var(--cp-shadow-glow);
  list-style: none;
}
.dropdown-menu--start .dropdown-menu__menu {
  left: 0;
}
.dropdown-menu--end .dropdown-menu__menu {
  right: 0;
}
.dropdown-menu__entry.has-divider {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid var(--cp-colour-border);
}
.dropdown-menu__item {
  display: flex;
  align-items: baseline;
  gap: 10px;
  width: 100%;
  padding: 10px;
  border: 0;
  border-radius: 6px;
  background: none;
  color: var(--cp-colour-on-surface);
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
.dropdown-menu__item:hover, .dropdown-menu__item:focus-visible {
  background-color: var(--cp-colour-surface-overlay);
  color: var(--cp-colour-red);
}
.dropdown-menu__item:focus-visible {
  outline: 2px solid var(--cp-colour-primary);
  outline-offset: -2px;
}
.dropdown-menu__item.is-disabled {
  background: none;
  color: var(--cp-colour-on-surface-muted);
  cursor: not-allowed;
}
.dropdown-menu__icon {
  flex: 0 0 1.125rem;
  font-size: 0.875rem;
  text-align: center;
}
.dropdown-menu__text {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.dropdown-menu__label {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.3;
  text-transform: uppercase;
}
.dropdown-menu__description {
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--cp-colour-on-surface-muted);
}

.dispatch-countdown {
  position: relative;
  display: inline-flex;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  line-height: 1;
}
.dispatch-countdown__content {
  display: inline-flex;
  align-items: center;
  column-gap: 0.5rem;
}
.dispatch-countdown__icon {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  font-size: 1.25rem;
  color: var(--cp-colour-red);
  user-select: none;
}
.dispatch-countdown__icon svg {
  transform-box: fill-box;
  transform-origin: right center;
}
.dispatch-countdown__text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  transform-origin: left center;
}
.dispatch-countdown__title {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}
.dispatch-countdown__detail {
  font-size: 0.75rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface-muted);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  transition: color 250ms ease-in-out;
}
.dispatch-countdown.is-urgent .dispatch-countdown__detail {
  color: var(--cp-colour-orange);
}
.dispatch-countdown__trail {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.dispatch-countdown__speed-line {
  position: absolute;
  left: -0.625rem;
  width: 2.75rem;
  height: 0.125rem;
  background: currentColor;
  border-radius: 0.0625rem;
  opacity: 0;
  transform-origin: right center;
}
.dispatch-countdown__speed-line:nth-child(1) {
  top: 22%;
  animation-delay: 290ms;
}
.dispatch-countdown__speed-line:nth-child(2) {
  top: 42%;
  animation-delay: 330ms;
}
.dispatch-countdown__speed-line:nth-child(3) {
  top: 60%;
  animation-delay: 380ms;
}
.dispatch-countdown__speed-line:nth-child(4) {
  top: 78%;
  animation-delay: 440ms;
}
.dispatch-countdown__speed-line:nth-child(5), .dispatch-countdown__speed-line:nth-child(6) {
  left: -3.5rem;
  width: 2.25rem;
}
.dispatch-countdown__speed-line:nth-child(5) {
  top: 36%;
  animation-delay: 1900ms;
}
.dispatch-countdown__speed-line:nth-child(6) {
  top: 64%;
  animation-delay: 1960ms;
}
.dispatch-countdown a.dispatch-countdown {
  color: inherit;
  text-decoration: none;
}
.dispatch-countdown.is-switching {
  overflow: hidden;
}
.dispatch-countdown.is-switching .dispatch-countdown__icon {
  animation: dispatch-countdown-truck 3200ms both;
}
.dispatch-countdown.is-switching .dispatch-countdown__icon svg {
  animation: dispatch-countdown-truck-stretch 3200ms both;
}
.dispatch-countdown.is-switching .dispatch-countdown__text {
  animation: dispatch-countdown-smear 3200ms both;
}
.dispatch-countdown.is-switching .dispatch-countdown__speed-line {
  animation-name: dispatch-countdown-streak;
  animation-duration: 650ms;
  animation-fill-mode: both;
}
.dispatch-countdown.is-switching .dispatch-countdown__speed-line:nth-child(5), .dispatch-countdown.is-switching .dispatch-countdown__speed-line:nth-child(6) {
  animation-name: dispatch-countdown-streak-in;
  animation-duration: 500ms;
}
@media (prefers-reduced-motion: reduce) {
  .dispatch-countdown__detail {
    transition: none;
  }
  .dispatch-countdown.is-switching {
    overflow: visible;
  }
  .dispatch-countdown.is-switching .dispatch-countdown__icon,
  .dispatch-countdown.is-switching .dispatch-countdown__icon svg,
  .dispatch-countdown.is-switching .dispatch-countdown__speed-line {
    animation: none;
  }
  .dispatch-countdown.is-switching .dispatch-countdown__text {
    animation: dispatch-countdown-fade 3200ms both;
  }
}

@keyframes dispatch-countdown-truck {
  0% {
    transform: none;
  }
  3% {
    transform: translateX(-3px);
  }
  5% {
    transform: translateX(-1px);
  }
  7% {
    transform: translateX(-3px);
  }
  9% {
    transform: translateX(-2px) rotate(-10deg);
    animation-timing-function: cubic-bezier(0.6, 0, 0.8, 0.48);
  }
  20% {
    transform: translateX(40px) rotate(-2deg);
    animation-timing-function: linear;
  }
  40% {
    transform: translateX(240px);
  }
  40.01%, 60% {
    transform: translateX(-60px);
    animation-timing-function: cubic-bezier(0.1, 0.6, 0.3, 1);
  }
  76% {
    transform: translateX(6px) rotate(5deg);
    animation-timing-function: ease-in-out;
  }
  82% {
    transform: translateX(-2px) rotate(-2deg);
  }
  88%, 100% {
    transform: none;
  }
}
@keyframes dispatch-countdown-truck-stretch {
  0%, 6% {
    transform: none;
  }
  9% {
    transform: scale(0.85, 1.1);
  }
  14%, 60% {
    transform: scale(1.4, 0.9) skewX(-14deg);
  }
  72% {
    transform: scale(1.2, 0.95) skewX(-8deg);
  }
  76% {
    transform: scale(0.9, 1.05) skewX(10deg);
  }
  84%, 100% {
    transform: none;
  }
}
@keyframes dispatch-countdown-streak {
  0% {
    transform: translateX(0) scaleX(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  20% {
    transform: translateX(20px) scaleX(1);
    opacity: 0.8;
    animation-timing-function: cubic-bezier(0.3, 0.27, 0.4, 1);
  }
  100% {
    transform: translateX(170px) scaleX(0.2);
    opacity: 0;
  }
}
@keyframes dispatch-countdown-streak-in {
  0% {
    transform: translateX(0) scaleX(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  30% {
    transform: translateX(24px) scaleX(1);
    opacity: 0.8;
    animation-timing-function: cubic-bezier(0.3, 0.7, 0.4, 1);
  }
  100% {
    transform: translateX(64px) scaleX(0);
    opacity: 0;
  }
}
@keyframes dispatch-countdown-smear {
  0%, 15% {
    transform: none;
    opacity: 1;
    animation-timing-function: ease-in;
  }
  24% {
    transform: translateX(40px) skewX(-35deg) scaleX(1.6);
    opacity: 0;
  }
  24.01%, 70% {
    transform: translateX(-24px) skewX(20deg);
    opacity: 0;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  84% {
    transform: translateX(2px) skewX(-4deg);
    opacity: 1;
  }
  90%, 100% {
    transform: none;
    opacity: 1;
  }
}
@keyframes dispatch-countdown-fade {
  0%, 100% {
    opacity: 1;
  }
  35%, 66% {
    opacity: 0;
  }
}
.page-header {
  position: relative;
  display: grid;
  width: 100%;
}
@media (max-width: 939px) {
  .page-header {
    gap: 10px;
  }
}
@media (min-width: 940px) {
  .page-header {
    gap: 15px;
  }
}
.page-header--centered {
  grid-template-columns: 1fr;
  text-align: center;
  justify-items: center;
}
.page-header__header {
  display: grid;
  gap: 10px;
  text-align: center;
}
@media (min-width: 940px) {
  .page-header__header {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.page-header__title, .page-header__subtitle {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
}
.page-header__title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.2;
}
@media (max-width: 939px) {
  .page-header__title {
    font-size: 1.5rem;
  }
}
.page-header__subtitle {
  font-size: 1.25rem;
  font-weight: normal;
  text-transform: initial;
  line-height: 1.5;
}
@media (max-width: 939px) {
  .page-header__subtitle {
    font-size: 1.125rem;
  }
}
.page-header__text {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
}
.page-header__actions {
  justify-content: end;
  align-content: center;
  display: grid;
  grid-template-columns: min-content;
  gap: 5px;
  color: var(--cp-colour-on-surface-muted);
}
@media (min-width: 940px) {
  .page-header__actions {
    position: absolute;
    right: 0;
  }
}
.page-header__actions .button {
  font-size: 1rem;
}

.pagination-pager {
  display: flex;
  gap: 15px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
}
.pagination-pager__link, .pagination-pager__label {
  display: block;
  padding: 10px 15px;
  border-radius: 6px;
}
.pagination-pager__link {
  border: 1px solid var(--cp-colour-border);
  background-color: transparent;
  font: inherit;
  cursor: pointer;
}
.pagination-pager__link:hover {
  border-color: var(--cp-colour-red);
  color: var(--cp-colour-red);
}
.pagination-pager__link:disabled, .pagination-pager__link:disabled:hover {
  border-color: var(--cp-colour-border);
  color: var(--cp-colour-on-surface-muted);
  cursor: not-allowed;
}
.pagination-pager__link--active, .pagination-pager__link--active:hover {
  border-color: var(--cp-colour-on-surface);
  background-color: var(--cp-colour-on-surface);
  color: var(--cp-colour-surface);
  font-weight: bold;
  cursor: default;
}
.pagination-pager__link.pagination-pager__previous, .pagination-pager__link.pagination-pager__previous:hover, .pagination-pager__link.pagination-pager__previous:disabled, .pagination-pager__link.pagination-pager__previous:disabled:hover, .pagination-pager__link.pagination-pager__next, .pagination-pager__link.pagination-pager__next:hover, .pagination-pager__link.pagination-pager__next:disabled, .pagination-pager__link.pagination-pager__next:disabled:hover {
  border-color: transparent;
}

.pagination-results {
  display: flex;
  align-items: center;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1em;
}
.pagination-results__label, .pagination-results__range, .pagination-results__total {
  margin-inline-start: 2px;
  margin-inline-end: 2px;
}
.pagination-results__range, .pagination-results__total {
  font-weight: bold;
}

.panel {
  display: grid;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  position: relative;
}
@media (max-width: 939px) {
  .panel {
    gap: 10px;
    padding: 15px;
  }
}
@media (min-width: 940px) {
  .panel {
    gap: 15px;
    padding: 30px;
  }
}
.panel--centered {
  justify-items: center;
}
.panel--highlighted {
  background-color: var(--cp-colour-surface-inset);
}
.panel__header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px;
}
.placeholder {
  display: grid;
  align-content: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  background-color: var(--cp-colour-surface-inset);
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.2;
  min-height: 500px;
}

.promo {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 8px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  line-height: 1;
}
@media (max-width: 1279px) {
  .promo {
    background: var(--cp-colour-surface);
    border-radius: 4px;
    padding: 5px 10px;
  }
}
.promo__wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.promo__title {
  grid-area: title;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}
.promo__subtitle {
  grid-area: subtitle;
  font-size: 0.625rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface-muted);
  white-space: nowrap;
}
.promo__prefix, .promo__suffix {
  color: var(--cp-colour-red);
  font-size: 1.25rem;
}

.receipt-item {
  display: flex;
  flex-direction: row;
}
.receipt-item__name {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.125rem;
  text-align: left;
  flex-grow: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.receipt-item__link {
  color: inherit;
  text-decoration: none;
}
.receipt-item__link:hover, .receipt-item__link:focus-visible {
  text-decoration: underline;
}
.receipt-item__label-suffix {
  display: inline-flex;
  align-items: center;
}
.receipt-item__value {
  flex-shrink: 0;
}
.receipt-item__value .price {
  font-size: 1.125rem;
  font-weight: normal;
}
.receipt-item__value .price__value {
  font-size: 1em;
}
.receipt-item__value .price__integral {
  font-size: 1em;
}
.receipt-item__value .price__fractional {
  font-size: 0.625em;
  margin-top: 1px;
}
.receipt-item__value .price__currency, .receipt-item__value .price__suffix {
  font-size: 1em;
  align-self: center;
  margin: 0;
}
.receipt-item__value .price__suffix {
  margin-left: 0.1em;
}
.receipt-item--total .receipt-item__name {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.375rem;
}
.receipt-item--total .receipt-item__value .price {
  font-size: 1.375rem;
  font-weight: bold;
}
.receipt-item--total .receipt-item__value .price__value {
  text-transform: uppercase;
}
.receipt-item--amount-due .receipt-item__name {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.875rem;
}
.receipt-item--amount-due .receipt-item__value .price {
  font-size: 1.875rem;
  font-weight: bold;
}
.receipt-item--amount-due .receipt-item__value .price__value {
  text-transform: uppercase;
}
.receipt-item--payment .receipt-item__name {
  color: var(--cp-colour-on-surface-muted);
  font-size: 1rem;
}
.receipt-item--payment .receipt-item__value .price {
  color: var(--cp-colour-on-surface-muted);
  font-size: 1rem;
}

.shimmer {
  animation: shimmer-animation 2s infinite linear;
  background: linear-gradient(to right, var(--cp-colour-surface-inset) 4%, var(--cp-colour-border) 25%, var(--cp-colour-surface-inset) 36%);
  background-size: 1000px 100%;
  border-radius: 10px;
}
.shimmer:not([style*=width]) {
  width: 100%;
}
.shimmer:not([style*=height]) {
  height: 100%;
}

span.shimmer {
  display: inline-block;
}
span.shimmer:not([style*=height]) {
  height: 14px;
}

@keyframes shimmer-animation {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
@keyframes loading-dots-pulse {
  0%, 100% {
    opacity: 0.3;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}
.loading-dots {
  --loading-dots-dot-size: 0.25em;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  gap: calc(var(--loading-dots-dot-size) * 0.8);
}
.loading-dots__dot {
  flex-shrink: 0;
  width: var(--loading-dots-dot-size);
  height: var(--loading-dots-dot-size);
  border-radius: 50%;
  background-color: currentColor;
  animation: loading-dots-pulse 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.loading-dots__dot:nth-child(2) {
  animation-delay: 0.15s;
}
.loading-dots__dot:nth-child(3) {
  animation-delay: 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .loading-dots__dot {
    animation: none;
    opacity: 0.6;
  }
}

.site-links {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.site-link {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.75rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface);
  display: inline-block;
}
.site-link:hover {
  color: var(--cp-colour-on-surface);
}

.site-message {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  display: flex;
  gap: 10px;
}
@media (max-width: 939px) {
  .site-message {
    flex-direction: column;
    text-align: center;
  }
}
@media (min-width: 940px) and (max-width: 979px) {
  .site-message {
    flex-direction: row;
    text-align: center;
    justify-content: center;
  }
}
@media (min-width: 980px) {
  .site-message {
    flex-direction: row;
  }
}
.site-message__status a, .site-message__content a {
  text-decoration: none;
}
.site-message__status a:hover, .site-message__content a:hover {
  text-decoration: underline;
}
.site-message__status {
  font-weight: bold;
  color: var(--cp-colour-green);
}
.site-message__content {
  font-weight: normal;
  color: var(--cp-colour-on-surface);
  text-transform: uppercase;
}

.social {
  display: flex;
  column-gap: 30px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  line-height: 1;
  align-items: center;
}
.social__title {
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}
.social__links {
  display: flex;
  flex-direction: row;
  column-gap: 15px;
  align-items: center;
  color: var(--cp-colour-on-surface-muted);
  font-size: 1.25rem;
}
.social__links .site-link {
  font-size: 1.3125rem;
  color: var(--cp-colour-border);
}
.social__links .site-link:hover .fa-facebook {
  color: #3b5998;
}
.social__links .site-link:hover .fa-youtube {
  color: #ff0000;
}
.social__links .site-link:hover .fa-instagram {
  color: #833ab4;
}
.social__links .site-link--youtube {
  display: flex;
  column-gap: 8px;
  align-items: center;
  border: 2px solid var(--cp-colour-red);
  background-color: var(--cp-colour-red);
  color: var(--cp-colour-white);
  padding: 4px 8px;
  border-radius: 6px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  font-weight: bold;
  transition-property: background-color, color;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
}
.social__links .site-link--youtube:hover {
  background-color: var(--cp-colour-surface);
  color: var(--cp-colour-red);
}
.social__links .site-link--youtube:hover .fa-youtube {
  color: var(--cp-colour-red);
}
.social__links .site-link--youtube .fab {
  font-size: 1.25rem;
}
.social__links .fa,
.social__links .far,
.social__links .fas {
  padding: 10px;
}

.tabs {
  display: flex;
  flex-direction: column;
  width: 100%;
  row-gap: 10px;
}

.tab {
  position: relative;
  justify-content: center;
  padding: 15px 15px;
}
@media (min-width: 940px) {
  .tab {
    padding: 15px 30px;
  }
}
.tab {
  white-space: nowrap;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;
}
.tab::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--cp-colour-primary);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform var(--cp-transition-duration-normal) var(--cp-transition-easing-enter);
}
@media (prefers-reduced-motion: reduce) {
  .tab::after {
    transition: none;
  }
}
.tab[aria-selected=true] {
  font-weight: bold;
}
.tab[aria-selected=true]::after {
  transform: scaleX(1);
}

.tab-panel {
  width: 100%;
  margin-block-start: 15px;
  margin-block-end: 15px;
  border-radius: 5px;
  color: var(--cp-colour-on-surface);
}
.tab-panel[hidden] {
  display: none;
}

@property --tabs-list-fade-start {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tabs-list-fade-end {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@keyframes tabs-list-fade {
  0% {
    --tabs-list-fade-start: 0px;
  }
  10%, 100% {
    --tabs-list-fade-start: 3.5rem;
  }
}
@keyframes tabs-list-more {
  0%, 90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.tabs-list {
  display: inline-flex;
  flex-direction: row;
  max-width: 100%;
  border-bottom: 1px solid var(--cp-colour-border);
}
@media (max-width: 939px) {
  .tabs-list {
    overflow: auto hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
  .tabs-list::-webkit-scrollbar {
    display: none;
  }
  .tabs-list {
    mask-image: linear-gradient(to right, transparent, #000 var(--tabs-list-fade-start), #000 calc(100% - var(--tabs-list-fade-end)), transparent);
  }
  @supports (animation-timeline: scroll()) {
    .tabs-list {
      animation: tabs-list-fade linear both;
      animation-timeline: scroll(self inline);
    }
    .tabs-list::after {
      --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: var(--fa-display, inline-block);
      font-family: var(--_fa-family);
      font-feature-settings: normal;
      font-style: normal;
      font-synthesis: none;
      font-variant: normal;
      font-weight: var(--fa-style, 900);
      line-height: 1;
      text-align: center;
      text-rendering: auto;
      width: var(--fa-width, 1.25em);
      content: "\f054";
      position: sticky;
      right: 0;
      display: flex;
      flex: 0 0 3.5rem;
      align-items: center;
      justify-content: flex-end;
      margin-inline-start: -3.5rem;
      padding-inline-end: 5px;
      font-size: 0.875rem;
      color: var(--cp-colour-on-surface);
      background: linear-gradient(to right, transparent, var(--cp-colour-surface) 65%);
      pointer-events: none;
      opacity: 0;
      animation: tabs-list-more linear both;
      animation-timeline: scroll(nearest inline);
    }
  }
  @supports not (animation-timeline: scroll()) {
    .tabs-list {
      --tabs-list-fade-end: 3.5rem;
      padding-inline-end: 3.5rem;
    }
  }
  .tabs-list .tab {
    flex-shrink: 0;
  }
  .tabs-list .tab::after {
    bottom: 0;
  }
}
.tabs-list h2 {
  font-size: 1rem;
}
.tabs-list .tab {
  display: flex;
  align-items: center;
  gap: 15px;
}
.tabs-list--centered {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 0 auto 15px;
  font-size: 1.5rem;
}

.tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid transparent;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.8125rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.4;
}
.tag__label {
  white-space: nowrap;
}
.tag__remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  background: none;
  color: inherit;
  opacity: 0.6;
  font-size: 0.625rem;
  cursor: pointer;
  border-radius: 50%;
  transition: opacity 150ms ease-in-out;
}
.tag__remove:hover {
  opacity: 1;
}
.tag--default {
  background-color: var(--cp-colour-surface-inset);
  border-color: var(--cp-colour-border);
  color: var(--cp-colour-on-surface);
}
.tag--primary {
  background-color: var(--cp-colour-orange);
  border-color: var(--cp-colour-orange);
  color: var(--cp-colour-white);
}
.tag--success {
  background-color: var(--cp-colour-green);
  border-color: var(--cp-colour-green);
  color: var(--cp-colour-white);
}
.tag--info {
  background-color: var(--cp-colour-blue);
  border-color: var(--cp-colour-blue);
  color: var(--cp-colour-white);
}

.toast {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  max-width: 400px;
  padding: 15px 20px;
  background-color: var(--cp-colour-surface);
  border-radius: 6px;
  box-shadow: var(--cp-shadow-lg);
  border-left: 4px solid transparent;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface);
}
.toast__icon {
  flex-shrink: 0;
  font-size: 1rem;
  line-height: 1.5;
}
.toast__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.toast__title {
  font-weight: bold;
  font-size: 0.875rem;
}
.toast__message {
  color: var(--cp-colour-on-surface-muted);
  font-size: 0.8125rem;
}
.toast__close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: none;
  color: var(--cp-colour-on-surface-muted);
  font-size: 0.75rem;
  cursor: pointer;
  border-radius: 6px;
  transition: color 150ms ease-in-out;
}
.toast__close:hover {
  color: var(--cp-colour-on-surface);
}
.toast__progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  border-radius: 0 0 6px 6px;
  transform-origin: left center;
  animation: toast-progress var(--toast-duration, 5000ms) linear forwards;
}
.toast__progress.is-paused {
  animation-play-state: paused;
}
.toast--info {
  border-left-color: var(--cp-colour-blue);
}
.toast--info .toast__icon {
  color: var(--cp-colour-blue);
}
.toast--info .toast__progress {
  background-color: var(--cp-colour-blue);
}
.toast--success {
  border-left-color: var(--cp-colour-green);
}
.toast--success .toast__icon {
  color: var(--cp-colour-green);
}
.toast--success .toast__progress {
  background-color: var(--cp-colour-green);
}
.toast--warning {
  border-left-color: var(--cp-colour-orange);
}
.toast--warning .toast__icon {
  color: var(--cp-colour-orange);
}
.toast--warning .toast__progress {
  background-color: var(--cp-colour-orange);
}
.toast--error {
  border-left-color: var(--cp-colour-red);
}
.toast--error .toast__icon {
  color: var(--cp-colour-red);
}
.toast--error .toast__progress {
  background-color: var(--cp-colour-red);
}

@keyframes toast-progress {
  from {
    transform: scaleX(1);
  }
  to {
    transform: scaleX(0);
  }
}
.toast-stack {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 450;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 25rem;
  max-width: calc(100vw - 3rem);
  pointer-events: none;
}
.toast-stack .toast {
  pointer-events: auto;
}

.toast {
  animation: toast-stack-enter 250ms ease-in-out backwards;
}

@keyframes toast-stack-enter {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
}
.toast-stack .toast.is-leaving {
  transition: transform 250ms ease-in-out, opacity 250ms ease-in-out;
  transform: translateX(100%);
  opacity: 0;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .toast {
    animation: none;
  }
  .toast-stack .toast.is-leaving {
    transition: none;
  }
}
@media print {
  .toast-stack {
    display: none !important;
  }
}
.toolbar {
  display: flex;
  align-items: center;
  gap: 15px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
}
.toolbar--top {
  margin-block-start: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--cp-colour-border);
}
.toolbar--bottom {
  margin-block-end: 20px;
  padding-top: 15px;
  border-top: 1px solid var(--cp-colour-border);
}
@media (max-width: 939px) {
  .toolbar--top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 15px;
    gap: 0;
    border: 1px solid var(--cp-colour-border);
    border-radius: 6px;
    overflow: hidden;
  }
  .toolbar--top .toolbar__filters-trigger {
    grid-column: 1;
    border: none;
    border-right: 1px solid var(--cp-colour-border);
    border-radius: 0;
    justify-content: center;
    padding: 10px 15px;
  }
  .toolbar--top .toolbar__view-options-trigger {
    grid-column: 2;
    border: none;
    border-radius: 0;
    justify-content: center;
    padding: 10px 15px;
  }
  .toolbar--top .sorter,
  .toolbar--top .limiter {
    display: none;
  }
  .toolbar--top.is-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 150;
    background-color: var(--cp-colour-surface);
    border-radius: 0;
    border: none;
    border-top: 1px solid var(--cp-colour-border);
    box-shadow: var(--cp-shadow-lg);
    margin-bottom: 0;
    transform: translateY(0);
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .toolbar--top.is-sticky.is-hidden {
    transform: translateY(100%);
  }
  .toolbar--bottom {
    flex-direction: column;
    align-items: center;
  }
}
@media (min-width: 940px) {
  .toolbar {
    flex-direction: row;
    justify-content: space-between;
  }
}
.toolbar__filters-trigger, .toolbar__view-options-trigger {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  background: none;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  padding: 5px 10px;
  cursor: pointer;
  transition: border-color 150ms ease-in-out, color 150ms ease-in-out;
}
.toolbar__filters-trigger:hover, .toolbar__view-options-trigger:hover {
  border-color: var(--cp-colour-on-surface);
}
@media (min-width: 940px) {
  .toolbar__filters-trigger, .toolbar__view-options-trigger {
    display: none;
  }
}

.tooltip {
  position: relative;
  display: inline-flex;
}
.tooltip__trigger {
  display: inline-flex;
  cursor: help;
}
.tooltip__content {
  position: absolute;
  z-index: 200;
  padding: 6px 10px;
  background-color: var(--cp-colour-surface-chrome);
  color: var(--cp-colour-white);
  border-radius: 6px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 150ms ease-in-out, visibility 150ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .tooltip__content {
    transition: none;
  }
}
.tooltip__content {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  line-height: 1.4;
}
.tooltip__content::after {
  content: "";
  position: absolute;
  border: 5px solid transparent;
}
.tooltip.is-open .tooltip__content {
  opacity: 1;
  visibility: visible;
}
.tooltip--top .tooltip__content {
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}
.tooltip--top .tooltip__content::after {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top-color: var(--cp-colour-surface-chrome);
}
.tooltip--bottom .tooltip__content {
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}
.tooltip--bottom .tooltip__content::after {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-bottom-color: var(--cp-colour-surface-chrome);
}
.tooltip--left .tooltip__content {
  right: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
}
.tooltip--left .tooltip__content::after {
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-left-color: var(--cp-colour-surface-chrome);
}
.tooltip--right .tooltip__content {
  left: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%);
}
.tooltip--right .tooltip__content::after {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  border-right-color: var(--cp-colour-surface-chrome);
}

.heading {
  margin: 0 0 0.5em 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-weight: bold;
  line-height: 1.5;
  color: #333333;
  text-transform: uppercase;
}
.heading--regular {
  font-weight: normal;
}
.heading--page {
  margin: 0 0 0.5em 0;
  font-size: 2em;
  text-transform: uppercase;
}
.heading--centered {
  text-align: center;
}
.heading--with-lines {
  display: flex;
  flex-direction: row;
  margin: 0;
}
.heading--with-lines:before, .heading--with-lines:after {
  content: "";
  flex: 1 1;
  border-bottom: 1px solid;
  margin: auto;
}
.heading--with-lines:before {
  margin-inline-end: 15px;
}
.heading--with-lines:after {
  margin-inline-start: 15px;
}

.std h1:not(.heading), .std .h1,
.std h2:not(.heading), .std .h2,
.std h3:not(.heading), .std .h3,
.std h4:not(.heading), .std .h4,
.std h5:not(.heading), .std .h5,
.std h6:not(.heading), .std .h6 {
  font-weight: normal;
  margin-top: 30px;
}
.std h1:not(.heading):first-child, .std .h1:first-child,
.std h2:not(.heading):first-child, .std .h2:first-child,
.std h3:not(.heading):first-child, .std .h3:first-child,
.std h4:not(.heading):first-child, .std .h4:first-child,
.std h5:not(.heading):first-child, .std .h5:first-child,
.std h6:not(.heading):first-child, .std .h6:first-child {
  margin-top: 0;
}
.std p,
.std ul,
.std ol {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-weight: normal;
  font-size: 1em;
  line-height: 1.5;
  color: #333333;
  margin-top: 15px;
  margin-bottom: 15px;
}
.std p.lead {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.4;
  color: #333333;
  margin-bottom: 10px;
}
@media (max-width: 939px) {
  .std p.lead {
    font-size: 1.125em;
  }
}
.std a {
  text-decoration: underline dotted;
}
.std ul {
  list-style: none;
  margin-left: 16px;
}
.std ul > li {
  position: relative;
}
.std ul > li:before {
  --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
  content: "\f054";
  position: absolute;
  top: 0;
  left: -16px;
  width: 16px;
  line-height: inherit;
  color: #eb2b2d;
}
.std ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 16px;
}
.std li {
  margin-top: 5px;
  margin-bottom: 5px;
}
.std hr.or {
  text-align: center;
  height: 10px;
  border-top: 1px solid #333333;
  color: #333333;
}
.std hr.or:after {
  background-color: var(--cp-colour-surface);
  content: "OR";
  padding: 0 10px;
  position: relative;
  top: -10px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
}

.widget-area {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: stretch;
}
.widget-area--placeholder {
  align-items: center;
  justify-content: center;
  border: 4px dashed var(--cp-colour-green);
  border-radius: 15px;
  padding: 30px 10px;
  text-align: center;
}
.widget-area--placeholder:hover {
  background-color: color-mix(in oklch, var(--cp-colour-surface), black 10%);
}
.widget-area__name {
  color: var(--cp-colour-on-surface-muted);
  font-weight: bold;
}

.add-to-cart {
  display: grid;
  grid-template-areas: "content";
  position: relative;
  width: 100%;
}
.add-to-cart__button-wrapper, .add-to-cart__quantity-wrapper {
  grid-area: content;
  display: flex;
  min-width: 0;
  transition: opacity 250ms ease-in-out, visibility 0s;
}
.add-to-cart__button-wrapper {
  z-index: 2;
}
.add-to-cart__button-wrapper .button {
  width: 100%;
}
.add-to-cart__button-wrapper .button--primary:disabled {
  background-color: var(--cp-colour-orange);
  border-color: var(--cp-colour-orange);
  color: var(--cp-colour-white);
  cursor: wait;
}
.add-to-cart__quantity-wrapper {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 250ms ease-in-out, visibility 0s 250ms;
}
.add-to-cart.is-added .add-to-cart__button-wrapper {
  opacity: 0;
  visibility: hidden;
  transition: opacity 250ms ease-in-out, visibility 0s 250ms;
}
.add-to-cart.is-added .add-to-cart__quantity-wrapper {
  opacity: 1;
  visibility: visible;
  transition: opacity 250ms ease-in-out, visibility 0s;
}
.add-to-cart__bar {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 2.25rem;
  border: 2px solid var(--cp-colour-orange);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
  overflow: hidden;
  position: relative;
}
.add-to-cart__bar::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--cp-colour-orange), transparent) no-repeat;
  background-size: 40% 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms ease-in-out;
}
.add-to-cart.is-adding .add-to-cart__bar::after, .add-to-cart.is-quantity-loading .add-to-cart__bar::after {
  opacity: 1;
  animation: saving-line-sweep 1100ms linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .add-to-cart.is-adding .add-to-cart__bar::after, .add-to-cart.is-quantity-loading .add-to-cart__bar::after {
    animation: none;
    background-size: 100% 100%;
    opacity: 0.6;
  }
}
.add-to-cart.is-adding .add-to-cart__count, .add-to-cart.is-quantity-loading .add-to-cart__count {
  color: var(--cp-colour-on-surface-muted);
  animation: calculating-figures-pulse 900ms ease-in-out infinite alternate;
}
@media (prefers-reduced-motion: reduce) {
  .add-to-cart.is-adding .add-to-cart__count, .add-to-cart.is-quantity-loading .add-to-cart__count {
    animation: none;
    opacity: 0.5;
  }
}
.add-to-cart.is-saved .add-to-cart__count {
  animation: saved-pop 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (prefers-reduced-motion: reduce) {
  .add-to-cart.is-saved .add-to-cart__count {
    animation: none;
  }
}
.add-to-cart__step {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 2.75rem;
  padding: 0;
  border: none;
  background: none;
  font-size: 0.8125rem;
  color: var(--cp-colour-orange);
  cursor: pointer;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
.add-to-cart__step--decrement {
  border-right: 1px solid var(--cp-colour-border);
}
.add-to-cart__step--increment {
  border-left: 1px solid var(--cp-colour-border);
}
.add-to-cart__step:hover:not([aria-disabled=true]) {
  background-color: oklch(from var(--cp-colour-orange) l c h/0.1);
}
.add-to-cart__step:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: -2px;
}
.add-to-cart__step[aria-disabled=true] {
  opacity: 0.35;
  cursor: not-allowed;
}
.add-to-cart__step.is-remove {
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
}
.add-to-cart__step.is-remove:hover:not([aria-disabled=true]) {
  background-color: oklch(from var(--cp-colour-red) l c h/0.08);
  color: var(--cp-colour-red);
}
.add-to-cart__status {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 10px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.0625rem;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--cp-colour-on-surface);
  cursor: text;
}
.add-to-cart__status-icon {
  flex-shrink: 0;
  margin-right: 5px;
  font-size: 1.05em;
  color: var(--cp-colour-green);
}
.add-to-cart__count {
  width: calc(var(--qty-chars, 1) * 1ch + 0.5ch);
  min-width: 1.5ch;
  transition: width 150ms ease-in-out, color 150ms ease-in-out;
  padding: 0;
  border: none;
  border-bottom: 1px dashed transparent;
  background: none;
  font: inherit;
  text-align: center;
  color: inherit;
  appearance: textfield;
}
.add-to-cart__count::-webkit-outer-spin-button, .add-to-cart__count::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
.add-to-cart__count:hover:not(:disabled), .add-to-cart__count:focus {
  border-bottom-color: var(--cp-colour-orange);
  outline: none;
}
.add-to-cart__status-label {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (prefers-reduced-motion: reduce) {
  .add-to-cart__button-wrapper, .add-to-cart__quantity-wrapper, .add-to-cart.is-added .add-to-cart__button-wrapper, .add-to-cart.is-added .add-to-cart__quantity-wrapper, .add-to-cart__count {
    transition: none;
  }
}

.attachment {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.attachment__icon {
  font-size: 1.875rem;
  margin-inline-end: 5px;
  color: var(--cp-colour-on-surface);
}
.attachment__icon .fa-file-pdf {
  color: #f70000;
}
.attachment__icon .fa-file-word {
  color: #0d47a1;
}
.attachment__icon .fa-file-video {
  color: var(--cp-colour-green);
}
.attachment__name {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  font-weight: bold;
}
.attachment__size {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.75rem;
}
.attachment__size:before {
  content: "(";
}
.attachment__size:after {
  content: ")";
}

.back-in-stock {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.back-in-stock__product {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--cp-colour-border);
}
.back-in-stock__product-media {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 4.5rem;
  height: 4.5rem;
  overflow: hidden;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-white);
}
.back-in-stock__product-media img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.back-in-stock__product-details {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}
.back-in-stock__product-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface);
  line-height: 1.25;
  text-transform: none;
}
.back-in-stock__product-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 0.375rem;
  min-width: 0;
  font-size: 0.75rem;
  line-height: 1.3;
  color: var(--cp-colour-on-surface-muted);
}
.back-in-stock__product-meta > * + *::before {
  content: "·";
  margin-right: 0.375rem;
  color: var(--cp-colour-on-surface-muted);
  font-weight: normal;
}
.back-in-stock__product-sku {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.back-in-stock__option {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  white-space: nowrap;
}
.back-in-stock__option-label {
  color: var(--cp-colour-on-surface-muted);
}
.back-in-stock__option-value {
  color: var(--cp-colour-on-surface);
  font-weight: 600;
}
.back-in-stock__product-price {
  flex-shrink: 0;
  text-align: right;
}
.back-in-stock__product-price .price {
  font-size: 1rem;
  font-weight: bold;
  color: var(--cp-colour-orange);
}
.back-in-stock__product-price .price__value,
.back-in-stock__product-price .price__integral {
  font-size: 1em;
}
.back-in-stock__product-price .price__fractional,
.back-in-stock__product-price .price__decimal {
  font-size: 0.65em;
}
.back-in-stock__introduction {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
  line-height: 1.5;
}
.back-in-stock__introduction p {
  margin: 0;
}
.back-in-stock__form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.back-in-stock__field {
  width: 100%;
}
.back-in-stock__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.back-in-stock__success {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  color: var(--cp-colour-green);
  font-weight: bold;
}
.back-in-stock.is-submitted .back-in-stock__introduction,
.back-in-stock.is-submitted .back-in-stock__form,
.back-in-stock.is-submitted .back-in-stock__actions {
  display: none;
}

.bundle-items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bundle-items__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 15px;
}
.bundle-items__title {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  font-size: 1.125rem;
  text-transform: uppercase;
}
.bundle-items__count {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
  white-space: nowrap;
}
.bundle-items {
  --bundle-items-line: color-mix(in oklch, var(--cp-colour-surface-overlay), var(--cp-colour-on-surface) 14%);
}
.bundle-items__body {
  border-block: 1px solid var(--bundle-items-line);
}
.bundle-items__content {
  list-style: none;
}
.bundle-items__toggle {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
  padding: 0.5rem 0;
  border: none;
  border-top: 1px solid var(--bundle-items-line);
  background: none;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
  text-align: left;
  color: var(--cp-colour-on-surface);
  cursor: pointer;
}
.bundle-items__toggle:hover .bundle-items__toggle-action {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.bundle-items__toggle:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 2px;
  border-radius: 2px;
}
.bundle-items__stack {
  display: flex;
  flex-shrink: 0;
}
.bundle-items__stack-tile {
  display: flex;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0.1875rem;
  border-radius: 6px;
  background-color: var(--cp-colour-white);
  box-shadow: 0 0 0 1px var(--cp-colour-border);
}
.bundle-items__stack-tile + .bundle-items__stack-tile {
  margin-left: -0.875rem;
}
.bundle-items__stack-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.bundle-items__toggle-summary {
  flex: 1;
}
.bundle-items__toggle-action {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  font-weight: bold;
  color: var(--cp-colour-orange);
  white-space: nowrap;
}
.bundle-items__toggle-icon {
  font-size: 0.625rem;
}

.bundle-item {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 0.5rem 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
  line-height: 1.25;
  color: var(--cp-colour-on-surface);
}
.bundle-item[hidden] {
  display: none;
}
.bundle-item + .bundle-item {
  border-top: 1px solid var(--bundle-items-line, var(--cp-colour-border));
}
.bundle-item__media {
  display: flex;
  flex: 0 0 2.75rem;
  height: 2.75rem;
  padding: 0.1875rem;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-white);
}
.bundle-item__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.bundle-item__details {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}
.bundle-item__name {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
}
.bundle-item__qty {
  flex-shrink: 0;
  font-weight: bold;
}
.bundle-item__title {
  min-width: 0;
  overflow-wrap: break-word;
}
.bundle-item__link {
  color: inherit;
  text-decoration: none;
}
.bundle-item__link:hover, .bundle-item__link:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.bundle-item__link:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 2px;
  border-radius: 2px;
}
.bundle-item__choice, .bundle-item__note {
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
}
.bundle-item__choice {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
}
.bundle-item__swatch {
  flex-shrink: 0;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--cp-colour-border-strong);
}
.bundle-item__change {
  text-decoration: underline;
  text-decoration-color: var(--cp-colour-border-strong);
  text-underline-offset: 2px;
}
.bundle-item__change::before {
  content: "·";
  display: inline-block;
  margin-right: 0.3125rem;
}

.bundle-item.has-quick-view {
  position: relative;
  cursor: pointer;
}
.bundle-item.has-quick-view:hover .bundle-item__quick-view {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.bundle-item.has-quick-view:hover .bundle-item__change {
  color: var(--cp-colour-on-surface);
  text-decoration-color: currentColor;
}
.bundle-item.has-quick-view:has(.bundle-item__quick-view:focus-visible) {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 2px;
  border-radius: 2px;
}

.bundle-item__quick-view {
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  text-align: left;
  color: inherit;
  cursor: pointer;
}
.bundle-item__quick-view::after {
  content: "";
  position: absolute;
  inset: 0;
}
.bundle-item__quick-view:focus-visible {
  outline: none;
}

.bundle-item__chevron {
  flex-shrink: 0;
  font-size: 0.6875rem;
  color: var(--cp-colour-on-surface-muted);
}

.bundle-quick-view__summary {
  display: flex;
  align-items: center;
  gap: 15px;
}
.bundle-quick-view__media {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 6.875rem;
  height: 6.875rem;
  padding: 10px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-white);
}
.bundle-quick-view__image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.bundle-quick-view__facts {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
}
.bundle-quick-view__included {
  font-weight: bold;
  color: var(--cp-colour-green);
}
.bundle-quick-view__worth {
  display: flex;
  align-items: baseline;
  gap: 0.25em;
  color: var(--cp-colour-on-surface-muted);
}
.bundle-quick-view__worth .price {
  font-weight: bold;
  color: var(--cp-colour-on-surface);
}
.bundle-quick-view__note {
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
}
.bundle-quick-view__description {
  margin-top: 15px;
  font-size: 0.9375rem;
  line-height: 1.5;
}
.bundle-quick-view__more {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  margin-top: 15px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--cp-colour-orange);
  text-decoration: none;
}
.bundle-quick-view__more:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.bundle-quick-view__more:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 2px;
  border-radius: 2px;
}
.bundle-quick-view__more-icon {
  font-size: 0.6875rem;
}

.bundle-quick-view__choices {
  margin-top: 15px;
  padding: 15px 0 0;
  border: none;
  border-top: 1px solid var(--cp-colour-border);
}
.bundle-quick-view__legend {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  padding: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
}
.bundle-quick-view__legend strong {
  text-transform: none;
  font-weight: normal;
}
.bundle-quick-view__swatches {
  display: flex;
  clear: both;
  flex-wrap: wrap;
  gap: 10px;
}
.bundle-quick-view__swatch {
  display: flex;
  padding: 0.1875rem;
  border: 2px solid transparent;
  border-radius: 50%;
  cursor: pointer;
}
.bundle-quick-view__swatch.is-selected {
  border-color: var(--cp-colour-orange);
}
.bundle-quick-view__swatch:has(:focus-visible) {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 2px;
}
.bundle-quick-view__swatch-colour {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px oklch(0% 0 0deg / 0.15);
}
.bundle-quick-view__options {
  display: flex;
  clear: both;
  flex-direction: column;
  gap: 0.375rem;
}
.bundle-quick-view__option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0.375rem 10px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
  line-height: 1.25;
  cursor: pointer;
}
.bundle-quick-view__option:hover {
  border-color: var(--cp-colour-border-strong);
}
.bundle-quick-view__option.is-selected {
  border-color: var(--cp-colour-orange);
  box-shadow: inset 0 0 0 1px var(--cp-colour-orange);
}
.bundle-quick-view__radio {
  flex-shrink: 0;
  margin: 0;
  accent-color: var(--cp-colour-orange);
}
.bundle-quick-view__option-media {
  display: flex;
  flex: 0 0 2.5rem;
  height: 2.5rem;
  padding: 0.1875rem;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-white);
}
.bundle-quick-view__option-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.bundle-quick-view__option-name {
  flex: 1;
  min-width: 0;
}
.bundle-quick-view__option-delta {
  flex-shrink: 0;
  display: inline-flex;
  align-items: baseline;
  font-weight: bold;
}
.bundle-quick-view__option-delta.is-included {
  font-weight: normal;
  color: var(--cp-colour-green);
}

.bundle-savings {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.bundle-savings__title, .bundle-savings__content {
  display: block;
  width: 100%;
}
.bundle-savings__title {
  font-size: 1rem;
  font-weight: normal;
  padding: 5px;
  color: var(--cp-colour-on-surface);
  background-color: var(--cp-colour-surface-overlay);
  text-align: center;
}
.bundle-savings__content {
  display: flex;
  flex-direction: column;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  padding: 10px;
  color: var(--cp-colour-on-surface);
  gap: 15px;
}
.bundle-savings__content hr {
  border-color: var(--cp-colour-surface-inset);
}
.bundle-savings .bundle-savings__total {
  color: var(--cp-colour-on-surface-muted);
}
.bundle-savings.has-savings .bundle-savings__total .receipt-item__value {
  text-decoration: line-through;
}
.bundle-savings .bundle-savings__price {
  font-size: 1rem;
}
.bundle-savings .bundle-savings__price .receipt-item__name,
.bundle-savings .bundle-savings__price .receipt-item__value,
.bundle-savings .bundle-savings__price .receipt-item__value .price {
  font-weight: bold;
}
.bundle-savings .bundle-savings__savings .receipt-item__name,
.bundle-savings .bundle-savings__savings .receipt-item__value,
.bundle-savings .bundle-savings__savings .receipt-item__value .price {
  color: var(--cp-colour-error);
  font-weight: bold;
}

.cart-item {
  display: grid;
}
@media (min-width: 940px) {
  .cart-item {
    gap: 10px 20px;
    grid-template-columns: 7.5rem 1fr auto;
    grid-template-rows: auto 1fr;
    grid-template-areas: "media details total" "media qty     total";
  }
}
@media (max-width: 939px) {
  .cart-item {
    grid-gap: 15px;
    grid-template-columns: 75px 1fr auto;
    grid-template-areas: "media details details" ".     qty     total";
  }
}
.cart-item.is-loading .cart-item__total > .price,
.cart-item.is-loading .cart-item__each {
  animation: calculating-figures-pulse 900ms ease-in-out infinite alternate;
}
@media (prefers-reduced-motion: reduce) {
  .cart-item.is-loading .cart-item__total > .price,
  .cart-item.is-loading .cart-item__each {
    animation: none;
    opacity: 0.5;
  }
}
.cart-item__media {
  grid-area: media;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
}
.cart-item__details {
  grid-area: details;
}
.cart-item__image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: inherit;
}
.cart-item__name, .cart-item__options, .cart-item__notes {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  text-align: left;
}
.cart-item__name {
  font-size: 1.125rem;
  flex-grow: 1;
}
.cart-item__options, .cart-item__notes {
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
  line-height: 1.3;
}
.cart-item__options {
  margin-top: 5px;
}
.cart-item__notes {
  margin-top: 10px;
  font-style: italic;
  font-weight: bold;
}
.cart-item__actions {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
}
.cart-item__actions > * {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
  padding: 10px;
  margin-left: 10px;
  margin-right: -10px;
  border-left: 1px solid var(--cp-colour-border);
  border-image: linear-gradient(to bottom, oklch(from var(--cp-colour-surface) l c h/0) 25%, var(--cp-colour-border) 25%, var(--cp-colour-border) 75%, oklch(from var(--cp-colour-surface) l c h/0) 75%);
  border-image-slice: 1;
}
.cart-item__actions > *:first-child {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}
.cart-item__qty {
  grid-area: qty;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.cart-item__stepper {
  display: flex;
  align-items: stretch;
  flex-shrink: 0;
  height: 2.5rem;
  border: 1px solid var(--cp-colour-border-strong);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
  overflow: hidden;
  position: relative;
}
.cart-item__stepper::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--cp-colour-orange), transparent) no-repeat;
  background-size: 40% 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 150ms ease-in-out;
}
.cart-item__stepper.is-loading::after {
  opacity: 1;
  animation: saving-line-sweep 1100ms linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .cart-item__stepper.is-loading::after {
    animation: none;
    background-size: 100% 100%;
    opacity: 0.6;
  }
}
.cart-item__stepper.is-loading .cart-item__count-input {
  color: var(--cp-colour-on-surface-muted);
  animation: calculating-figures-pulse 900ms ease-in-out infinite alternate;
}
@media (prefers-reduced-motion: reduce) {
  .cart-item__stepper.is-loading .cart-item__count-input {
    animation: none;
    opacity: 0.5;
  }
}
.cart-item__stepper.is-saved .cart-item__count-input {
  animation: saved-pop 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (prefers-reduced-motion: reduce) {
  .cart-item__stepper.is-saved .cart-item__count-input {
    animation: none;
  }
}
.cart-item__step {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  padding: 0;
  border: none;
  background: none;
  font-size: 0.75rem;
  color: var(--cp-colour-orange);
  cursor: pointer;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
.cart-item__step--decrement {
  border-right: 1px solid var(--cp-colour-border);
}
.cart-item__step--increment {
  border-left: 1px solid var(--cp-colour-border);
}
.cart-item__step:hover {
  background-color: oklch(from var(--cp-colour-orange) l c h/0.1);
}
.cart-item__step:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: -2px;
}
.cart-item__step.is-remove {
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
}
.cart-item__step.is-remove:hover {
  background-color: oklch(from var(--cp-colour-red) l c h/0.08);
  color: var(--cp-colour-red);
}
.cart-item__count {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-item__count-input {
  width: max(2.75rem, var(--qty-chars, 1) * 1ch + 1.25rem);
  height: 100%;
  transition: width 150ms ease-in-out, color 150ms ease-in-out;
  padding: 0;
  border: none;
  background: none;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  color: var(--cp-colour-on-surface);
  appearance: textfield;
}
.cart-item__count-input::-webkit-outer-spin-button, .cart-item__count-input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}
.cart-item__count-input:focus {
  outline: none;
  background-color: var(--cp-colour-surface-inset);
}
.cart-item__each {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 0.25em;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
  white-space: nowrap;
}
.cart-item__total {
  align-self: start;
  justify-self: end;
}
.cart-item__total > .price {
  font-weight: normal;
  font-size: 1.125rem;
}
.cart-item__total > .price .price__value {
  font-size: 1em;
}
.cart-item__total > .price .price__decimal,
.cart-item__total > .price .price__fractional {
  font-size: 0.625em;
}
.cart-item__total {
  grid-area: total;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.125rem;
}
@media (max-width: 939px) {
  .cart-item__media {
    height: 75px;
    width: 75px;
  }
  .cart-item__qty, .cart-item__total {
    align-self: center;
  }
  .cart-item__total > .price {
    font-weight: bold;
    font-size: 1rem;
  }
  .cart-item__qty {
    align-items: flex-start;
    min-width: 0;
  }
}
@media (min-width: 940px) {
  .cart-item__media {
    height: 7.5rem;
    width: 7.5rem;
  }
  .cart-item__qty {
    align-self: end;
    align-items: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cart-item__count-input {
    transition: none;
  }
}
.cart-items {
  display: grid;
}
.cart-items__contents {
  display: grid;
}
.cart-items__contents .cart-item {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--cp-colour-border);
}
.cart-items__contents .cart-item:first-child {
  border-top: 1px solid var(--cp-colour-border);
}

.category {
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 15px;
  min-height: 150px;
  padding: 20px;
  background-color: var(--cp-colour-surface-overlay);
}
.category__title {
  flex: 1;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: normal;
  font-size: 1.875em;
}
.category__description {
  flex: 2;
  font-size: 0.9375em;
}
.category__description h1:not(.heading), .category__description .h1,
.category__description h2:not(.heading), .category__description .h2,
.category__description h3:not(.heading), .category__description .h3,
.category__description h4:not(.heading), .category__description .h4,
.category__description h5:not(.heading), .category__description .h5,
.category__description h6:not(.heading), .category__description .h6 {
  font-weight: normal;
  margin-top: 30px;
}
.category__description h1:not(.heading):first-child, .category__description .h1:first-child,
.category__description h2:not(.heading):first-child, .category__description .h2:first-child,
.category__description h3:not(.heading):first-child, .category__description .h3:first-child,
.category__description h4:not(.heading):first-child, .category__description .h4:first-child,
.category__description h5:not(.heading):first-child, .category__description .h5:first-child,
.category__description h6:not(.heading):first-child, .category__description .h6:first-child {
  margin-top: 0;
}
.category__description p,
.category__description ul,
.category__description ol {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-weight: normal;
  font-size: 1em;
  line-height: 1.5;
  color: #333333;
  margin-top: 15px;
  margin-bottom: 15px;
}
.category__description p.lead {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.4;
  color: #333333;
  margin-bottom: 10px;
}
@media (max-width: 939px) {
  .category__description p.lead {
    font-size: 1.125em;
  }
}
.category__description a {
  text-decoration: underline dotted;
}
.category__description ul {
  list-style: none;
  margin-left: 16px;
}
.category__description ul > li {
  position: relative;
}
.category__description ul > li:before {
  --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
  content: "\f054";
  position: absolute;
  top: 0;
  left: -16px;
  width: 16px;
  line-height: inherit;
  color: #eb2b2d;
}
.category__description ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 16px;
}
.category__description li {
  margin-top: 5px;
  margin-bottom: 5px;
}
.category__description hr.or {
  text-align: center;
  height: 10px;
  border-top: 1px solid #333333;
  color: #333333;
}
.category__description hr.or:after {
  background-color: var(--cp-colour-surface);
  content: "OR";
  padding: 0 10px;
  position: relative;
  top: -10px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
}

.category--legacy {
  background-color: var(--cp-colour-surface-inset);
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
  column-gap: 15px;
}
.category--legacy iframe {
  width: 100%;
}
.category--legacy .large-4 {
  flex: 4;
}
.category--legacy .large-8 {
  flex: 8;
}
.category--legacy .columns {
  font-size: 0.875em;
}
.category--legacy .columns h1:not(.heading), .category--legacy .columns .h1,
.category--legacy .columns h2:not(.heading), .category--legacy .columns .h2,
.category--legacy .columns h3:not(.heading), .category--legacy .columns .h3,
.category--legacy .columns h4:not(.heading), .category--legacy .columns .h4,
.category--legacy .columns h5:not(.heading), .category--legacy .columns .h5,
.category--legacy .columns h6:not(.heading), .category--legacy .columns .h6 {
  font-weight: normal;
  margin-top: 30px;
}
.category--legacy .columns h1:not(.heading):first-child, .category--legacy .columns .h1:first-child,
.category--legacy .columns h2:not(.heading):first-child, .category--legacy .columns .h2:first-child,
.category--legacy .columns h3:not(.heading):first-child, .category--legacy .columns .h3:first-child,
.category--legacy .columns h4:not(.heading):first-child, .category--legacy .columns .h4:first-child,
.category--legacy .columns h5:not(.heading):first-child, .category--legacy .columns .h5:first-child,
.category--legacy .columns h6:not(.heading):first-child, .category--legacy .columns .h6:first-child {
  margin-top: 0;
}
.category--legacy .columns p,
.category--legacy .columns ul,
.category--legacy .columns ol {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-weight: normal;
  font-size: 1em;
  line-height: 1.5;
  color: #333333;
  margin-top: 15px;
  margin-bottom: 15px;
}
.category--legacy .columns p.lead {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.4;
  color: #333333;
  margin-bottom: 10px;
}
@media (max-width: 939px) {
  .category--legacy .columns p.lead {
    font-size: 1.125em;
  }
}
.category--legacy .columns a {
  text-decoration: underline dotted;
}
.category--legacy .columns ul {
  list-style: none;
  margin-left: 16px;
}
.category--legacy .columns ul > li {
  position: relative;
}
.category--legacy .columns ul > li:before {
  --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
  content: "\f054";
  position: absolute;
  top: 0;
  left: -16px;
  width: 16px;
  line-height: inherit;
  color: #eb2b2d;
}
.category--legacy .columns ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 16px;
}
.category--legacy .columns li {
  margin-top: 5px;
  margin-bottom: 5px;
}
.category--legacy .columns hr.or {
  text-align: center;
  height: 10px;
  border-top: 1px solid #333333;
  color: #333333;
}
.category--legacy .columns hr.or:after {
  background-color: var(--cp-colour-surface);
  content: "OR";
  padding: 0 10px;
  position: relative;
  top: -10px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
}

.category-title__title {
  font-size: 1.875rem;
}
@media (min-width: 940px) {
  .category-title {
    min-height: 150px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-block-start: 30px;
    padding-block-end: 30px;
    display: flex;
    align-items: center;
  }
  .category-title__title {
    max-width: 750px;
    text-wrap: pretty;
    padding: 5px 30px;
    background-color: var(--cp-colour-surface-overlay);
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
}
@media (max-width: 939px) {
  .category-title {
    background-image: none !important;
  }
}

.gift-card-face {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  aspect-ratio: 1.586;
  padding: 7%;
  border-radius: 12px;
  overflow: hidden;
  isolation: isolate;
  color: var(--cp-colour-white);
  background-color: var(--cp-colour-grey1);
  background-position: center;
  background-size: cover;
  box-shadow: var(--cp-shadow-md);
  container-type: inline-size;
}
.gift-card-face::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(160deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.55) 100%);
}
.gift-card-face__pattern {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-image: var(--gift-card-face-pattern);
  background-position: center;
  background-size: 160%;
  mix-blend-mode: screen;
  opacity: 0.9;
}
.gift-card-face.is-light {
  color: var(--cp-colour-grey1);
}
.gift-card-face.is-light::before {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.45) 100%);
}
.gift-card-face.is-light .gift-card-face__pattern {
  filter: invert(1);
  mix-blend-mode: multiply;
  opacity: 0.5;
}
.gift-card-face.is-light .gift-card-face__amount {
  text-shadow: none;
}
.gift-card-face__logo {
  width: 38%;
  max-width: 8.75rem;
  height: auto;
  border-radius: 2px;
}
.gift-card-face__amount {
  grid-row: 2;
  align-self: center;
  justify-self: end;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 16cqi;
  font-weight: bold;
  line-height: 1;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
  font-variant-numeric: tabular-nums;
}
.gift-card-face__footer {
  grid-row: 3;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0 10px;
  min-width: 0;
}
.gift-card-face__recipient, .gift-card-face__label {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: max(0.625rem, 5.5cqi);
  font-weight: bold;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gift-card-face__code {
  font-family: ui-monospace, "SFMono-Regular", Menlo, monospace;
  font-size: max(0.5625rem, 4.5cqi);
  letter-spacing: 0.08em;
  opacity: 0.9;
}
.gift-card-face--small {
  padding: 8%;
  border-radius: 6px;
  box-shadow: var(--cp-shadow-sm);
}
.gift-card-face--small .gift-card-face__logo {
  width: 46%;
}
.gift-card-face--small .gift-card-face__pattern {
  background-size: 420%;
  opacity: 0.6;
}
.gift-card-face--small .gift-card-face__footer {
  display: none;
}
.gift-card-face--large {
  box-shadow: var(--cp-shadow-lg);
}
.gift-card-face.is-muted {
  filter: grayscale(1);
  opacity: 0.55;
}

.gift-card-amount-picker__choices {
  flex: 1 1 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.gift-card-amount-picker__choice {
  min-width: 4rem;
  justify-content: center;
  cursor: pointer;
}
.gift-card-amount-picker__choice:has(input:focus-visible) {
  outline: 2px solid var(--cp-colour-primary);
  outline-offset: 2px;
}
.gift-card-amount-picker__custom {
  flex-basis: 100%;
  max-width: 17.5rem;
  margin-top: 5px;
}
.gift-card-amount-picker__custom .input-text__prefix {
  font-weight: bold;
  color: var(--cp-colour-on-surface-muted);
}

.gift-card-delivery-form {
  display: grid;
  gap: 20px;
}
.gift-card-delivery-form__legend {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  padding: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}
.gift-card-delivery-form__type {
  display: grid;
  justify-items: start;
}
.gift-card-delivery-form__fields {
  display: grid;
  gap: 15px;
  margin: 0;
  padding: 0;
  border: 0;
}
.gift-card-delivery-form__hint {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.gift-card-delivery-form__hint i {
  color: var(--cp-colour-primary);
}
.gift-card-delivery-form__pair {
  display: grid;
  gap: 15px;
}
@media (min-width: 640px) {
  .gift-card-delivery-form__pair {
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
  }
}
.gift-card-delivery-form__fields > .segmented {
  justify-self: start;
}
.gift-card-delivery-form__message {
  display: grid;
  gap: 5px;
}
.gift-card-delivery-form__counter {
  justify-self: end;
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
}
.gift-card-delivery-form__counter.is-near-limit {
  color: var(--cp-colour-orange);
  font-weight: bold;
}
.gift-card-delivery-form__schedule {
  display: grid;
  gap: 15px;
  align-items: start;
}
@media (min-width: 640px) {
  .gift-card-delivery-form__schedule {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.gift-card-design-picker__choices {
  flex: 1 1 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(5.25rem, 1fr));
  gap: 10px;
}
.gift-card-design-picker__choice {
  display: block;
  padding: 3px;
  border: 2px solid transparent;
  border-radius: 9px;
  cursor: pointer;
  transition: border-color var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
.gift-card-design-picker__choice:hover {
  border-color: var(--cp-colour-border-strong);
}
.gift-card-design-picker__choice.is-selected {
  border-color: var(--cp-colour-on-surface);
}
.gift-card-design-picker__choice:has(input:focus-visible) {
  outline: 2px solid var(--cp-colour-primary);
  outline-offset: 2px;
}

.gift-card-preview {
  display: grid;
  gap: 20px;
  max-width: 32.5rem;
  margin: 0 auto;
  padding: 20px;
  border-radius: 6px;
  background-color: var(--cp-colour-surface-overlay);
}
@media (min-width: 940px) {
  .gift-card-preview {
    padding: 30px;
  }
}
.gift-card-preview__note {
  display: grid;
  gap: 10px;
  padding: 20px;
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
  box-shadow: var(--cp-shadow-sm);
}
.gift-card-preview__note p {
  margin: 0;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.gift-card-preview__label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface-muted);
}
.gift-card-preview__to, .gift-card-preview__from {
  font-weight: bold;
  color: var(--cp-colour-on-surface);
}
.gift-card-preview__message {
  font-size: 0.9375rem;
  white-space: pre-line;
  color: var(--cp-colour-on-surface);
}
.gift-card-preview__delivery {
  padding-top: 10px;
  border-top: 1px solid var(--cp-colour-border);
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
}

.filter-sidebar {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media (max-width: 939px) {
  .filter-sidebar {
    display: none;
  }
}

.filter-drawer .drawer__body,
.drawer--filters .drawer__body {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.filter {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.filter__title {
  position: relative;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.5;
  color: var(--cp-colour-on-surface);
  padding-right: 60px;
  break-inside: avoid;
  cursor: pointer;
}
.filter__title:after {
  --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
  content: "\f077";
  color: var(--cp-colour-on-surface);
  position: absolute;
  top: calc(50% - 9px);
  right: 16px;
}
.filter__toggle {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
  text-transform: inherit;
  text-align: left;
  cursor: pointer;
}
.filter__content {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.filter__items {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.filter__items .filter-item:nth-child(n+4) {
  display: none;
}
.filter[data-default-visible="1"] .filter__items .filter-item:nth-child(-n+1) {
  display: flex;
}
.filter[data-default-visible="1"] .filter__items .filter-item:nth-child(n+2) {
  display: none;
}
.filter[data-default-visible="2"] .filter__items .filter-item:nth-child(-n+2) {
  display: flex;
}
.filter[data-default-visible="2"] .filter__items .filter-item:nth-child(n+3) {
  display: none;
}
.filter[data-default-visible="3"] .filter__items .filter-item:nth-child(-n+3) {
  display: flex;
}
.filter[data-default-visible="3"] .filter__items .filter-item:nth-child(n+4) {
  display: none;
}
.filter[data-default-visible="4"] .filter__items .filter-item:nth-child(-n+4) {
  display: flex;
}
.filter[data-default-visible="4"] .filter__items .filter-item:nth-child(n+5) {
  display: none;
}
.filter[data-default-visible="5"] .filter__items .filter-item:nth-child(-n+5) {
  display: flex;
}
.filter[data-default-visible="5"] .filter__items .filter-item:nth-child(n+6) {
  display: none;
}
.filter[data-default-visible="6"] .filter__items .filter-item:nth-child(-n+6) {
  display: flex;
}
.filter[data-default-visible="6"] .filter__items .filter-item:nth-child(n+7) {
  display: none;
}
.filter[data-default-visible="7"] .filter__items .filter-item:nth-child(-n+7) {
  display: flex;
}
.filter[data-default-visible="7"] .filter__items .filter-item:nth-child(n+8) {
  display: none;
}
.filter[data-default-visible="8"] .filter__items .filter-item:nth-child(-n+8) {
  display: flex;
}
.filter[data-default-visible="8"] .filter__items .filter-item:nth-child(n+9) {
  display: none;
}
.filter[data-default-visible="9"] .filter__items .filter-item:nth-child(-n+9) {
  display: flex;
}
.filter[data-default-visible="9"] .filter__items .filter-item:nth-child(n+10) {
  display: none;
}
.filter[data-default-visible="10"] .filter__items .filter-item:nth-child(-n+10) {
  display: flex;
}
.filter[data-default-visible="10"] .filter__items .filter-item:nth-child(n+11) {
  display: none;
}
.filter--display-all-items .filter__items .filter-item:nth-child(n+4) {
  display: flex;
}
.filter--display-all-items[data-default-visible="1"] .filter__items .filter-item:nth-child(n+2) {
  display: flex;
}
.filter--display-all-items[data-default-visible="2"] .filter__items .filter-item:nth-child(n+3) {
  display: flex;
}
.filter--display-all-items[data-default-visible="3"] .filter__items .filter-item:nth-child(n+4) {
  display: flex;
}
.filter--display-all-items[data-default-visible="4"] .filter__items .filter-item:nth-child(n+5) {
  display: flex;
}
.filter--display-all-items[data-default-visible="5"] .filter__items .filter-item:nth-child(n+6) {
  display: flex;
}
.filter--display-all-items[data-default-visible="6"] .filter__items .filter-item:nth-child(n+7) {
  display: flex;
}
.filter--display-all-items[data-default-visible="7"] .filter__items .filter-item:nth-child(n+8) {
  display: flex;
}
.filter--display-all-items[data-default-visible="8"] .filter__items .filter-item:nth-child(n+9) {
  display: flex;
}
.filter--display-all-items[data-default-visible="9"] .filter__items .filter-item:nth-child(n+10) {
  display: flex;
}
.filter--display-all-items[data-default-visible="10"] .filter__items .filter-item:nth-child(n+11) {
  display: flex;
}
.filter__more {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
  cursor: pointer;
}
.filter__content {
  transition: opacity 250ms ease-in-out, display 250ms allow-discrete;
}
.filter.is-open .filter__content {
  display: flex;
  opacity: 1;
}
@starting-style {
  .filter.is-open .filter__content {
    opacity: 0;
  }
}
.filter.is-closed .filter__title:after {
  content: "\f078";
}
.filter.is-closed .filter__content {
  display: none;
  opacity: 0;
}

.filter-item {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.9375rem;
}
.filter-item__link {
  color: var(--cp-colour-on-surface-muted);
  text-decoration: none;
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.filter-item__link:before {
  --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
  content: "\f0c8";
  font-weight: 400;
  color: var(--cp-colour-on-surface);
  margin-right: 5px;
}
.filter-item__link:hover, .filter-item--active .filter-item__link {
  color: var(--cp-colour-on-surface);
}
.filter-item__link:hover:before, .filter-item--active .filter-item__link:before {
  content: "\f14a";
  font-weight: 900;
}
.filter-item__count {
  color: var(--cp-colour-on-surface-muted);
}
.filter-item__count:before {
  content: "(";
}
.filter-item__count:after {
  content: ")";
}

.filter-bar {
  display: grid;
  gap: 15px;
}

.filter-bar__actions {
  display: flex;
  align-items: center;
}

.gallery {
  position: relative;
  background-color: var(--cp-colour-surface);
  display: flex;
  gap: 10px;
}
@media (min-width: 1300px) {
  .gallery {
    flex-direction: row;
    height: 100%;
    min-height: 500px;
    max-height: 70vh;
    overflow: hidden;
  }
}
@media (max-width: 1299px) {
  .gallery {
    flex-direction: column;
  }
}
.gallery__viewer {
  position: relative;
  touch-action: pan-y;
  overflow: hidden;
}
@media (min-width: 1300px) {
  .gallery__viewer {
    order: 2;
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
  }
}
@media (max-width: 1299px) {
  .gallery__viewer {
    order: 1;
    flex-shrink: 0;
    max-height: 70vh;
  }
}
.gallery__viewer .gallery__media {
  will-change: transform;
}
.gallery__viewer .gallery__media[data-slide-position=prev] {
  transform: translateX(calc(-100% + var(--swipe-offset-x, 0px)));
}
.gallery__viewer .gallery__media[data-slide-position=current] {
  transform: translateX(var(--swipe-offset-x, 0px));
}
.gallery__viewer .gallery__media[data-slide-position=next] {
  transform: translateX(calc(100% + var(--swipe-offset-x, 0px)));
}
.gallery__viewer[data-swipe-state=releasing] .gallery__media {
  transition: transform 0.3s ease;
}
.gallery__viewer[data-swipe-state=dragging] .gallery__video, .gallery__viewer[data-swipe-state=releasing] .gallery__video {
  visibility: hidden;
}
.gallery__placeholder {
  opacity: 0;
  object-fit: contain;
}
.gallery__placeholder img {
  width: 100%;
}
.gallery__image {
  width: 100%;
  height: 100%;
  display: flex;
  margin: auto;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
}
.gallery__media, .gallery__video {
  position: absolute;
  inset: 0;
}
.gallery__video {
  height: 100%;
  pointer-events: auto;
}
.gallery__video .gallery__youtube,
.gallery__video .gallery__vimeo,
.gallery__video .gallery__vimeo-player {
  position: absolute;
  inset: 0;
}
.gallery__video .gallery__youtube-player,
.gallery__video .gallery__vimeo-player iframe {
  width: 100%;
  height: 100%;
}
.gallery__video-cover {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: var(--cp-colour-surface);
  background-size: cover;
  background-position: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.gallery__video-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: oklch(from var(--cp-colour-black) l c h/0.35);
}
.gallery__video-cover.is-covered, .gallery__video-cover.is-errored {
  opacity: 1;
}
.gallery__video-cover.is-errored {
  pointer-events: auto;
}
.gallery__video-cover.is-errored::after {
  display: none;
}
.gallery__video-cover::after {
  content: "";
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.4);
  border-top-color: var(--cp-colour-red);
  animation: cp-spin 0.8s linear infinite;
  z-index: 1;
}
.gallery__video-error {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.gallery__video-error-message {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}
.gallery__video-error-link {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--cp-colour-white);
  background-color: oklch(from var(--cp-colour-black) l c h/0.5);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  padding: 10px 15px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out;
}
.gallery__video-error-link:hover {
  background-color: oklch(from var(--cp-colour-black) l c h/0.7);
  border-color: rgba(255, 255, 255, 0.6);
}
.gallery__caption {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
  padding: 15px 30px 10px 30px;
  text-align: center;
  background-color: oklch(from var(--cp-colour-surface) l c h/0.8);
}
.gallery__thumbs-wrapper {
  position: relative;
}
@media (min-width: 1300px) {
  .gallery__thumbs-wrapper {
    order: 1;
    flex: 0 0 80px;
    min-height: 0;
  }
}
@media (max-width: 1299px) {
  .gallery__thumbs-wrapper {
    order: 2;
    width: 100%;
    flex-shrink: 0;
  }
}
.gallery__thumbs {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  position: relative;
  width: 100%;
}
@media (min-width: 1300px) {
  .gallery__thumbs {
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .gallery__thumbs::-webkit-scrollbar {
    display: none;
  }
}
.gallery__thumbs {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 1299px) {
  .gallery__thumbs {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .gallery__thumbs::-webkit-scrollbar {
    display: none;
  }
}
.gallery__thumbs-prev, .gallery__thumbs-next {
  position: absolute;
  z-index: 150;
  background: transparent;
  border: none;
  color: var(--cp-colour-on-surface-muted);
  font-size: 1.2em;
  visibility: hidden;
  pointer-events: none;
}
.gallery__thumbs-prev:hover, .gallery__thumbs-next:hover {
  color: var(--cp-colour-on-surface);
}
.gallery__thumbs-prev.is-visible, .gallery__thumbs-next.is-visible {
  visibility: visible;
  pointer-events: auto;
}
.gallery__thumbs-wrapper:before, .gallery__thumbs-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: 149;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.gallery__thumbs-wrapper:has(.gallery__thumbs-prev.is-visible):before {
  opacity: 1;
}
.gallery__thumbs-wrapper:has(.gallery__thumbs-next.is-visible):after {
  opacity: 1;
}
@media (min-width: 1300px) {
  .gallery__thumbs-prev {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 0;
  }
  .gallery__thumbs-next {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 0;
  }
  .gallery__thumbs-wrapper:before {
    top: 0;
    height: 100px;
    background: linear-gradient(to bottom, var(--cp-colour-surface) 0%, var(--cp-colour-surface) 30%, oklch(from var(--cp-colour-surface) l c h/0.9) 70%, oklch(from var(--cp-colour-surface) l c h/0) 100%);
  }
  .gallery__thumbs-wrapper:after {
    bottom: 0;
    height: 100px;
    background: linear-gradient(to top, var(--cp-colour-surface) 0%, var(--cp-colour-surface) 30%, oklch(from var(--cp-colour-surface) l c h/0.9) 70%, oklch(from var(--cp-colour-surface) l c h/0) 100%);
  }
}
@media (max-width: 1299px) {
  .gallery__thumbs-prev {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 10px;
  }
  .gallery__thumbs-next {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 10px;
  }
  .gallery__thumbs-wrapper:before {
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    width: 100px;
    background: linear-gradient(to right, var(--cp-colour-surface) 0%, var(--cp-colour-surface) 30%, oklch(from var(--cp-colour-surface) l c h/0.9) 70%, oklch(from var(--cp-colour-surface) l c h/0) 100%);
  }
  .gallery__thumbs-wrapper:after {
    top: 0;
    bottom: 0;
    right: 0;
    left: auto;
    width: 100px;
    background: linear-gradient(to left, var(--cp-colour-surface) 0%, var(--cp-colour-surface) 30%, oklch(from var(--cp-colour-surface) l c h/0.9) 70%, oklch(from var(--cp-colour-surface) l c h/0) 100%);
  }
}
.gallery__fullscreen, .gallery__previous, .gallery__next {
  position: absolute;
  z-index: 150;
  color: var(--cp-colour-border);
}
.gallery__fullscreen {
  top: 5px;
  right: 10px;
  font-size: 2em;
}
.gallery__previous, .gallery__next {
  top: calc(50% - 30px);
  font-size: 1.5em;
  padding: 5px 10px;
}
.gallery__previous {
  left: 0;
}
.gallery__next {
  right: 0;
}
.gallery .gallery__previous,
.gallery .gallery__next,
.gallery .gallery__fullscreen {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, color 0.2s ease;
}
.gallery:has(.gallery__viewer:hover) .gallery__previous,
.gallery:has(.gallery__viewer:hover) .gallery__next,
.gallery:has(.gallery__viewer:hover) .gallery__fullscreen {
  visibility: visible;
  opacity: 1;
}
.gallery .gallery__previous:hover,
.gallery .gallery__next:hover {
  color: var(--cp-colour-on-surface);
}

.gallery__thumbs-wrapper--horizontal .gallery__thumbs {
  flex-direction: row;
  height: auto;
  max-height: none;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
}
.gallery__thumbs-wrapper--horizontal .gallery__thumbs-prev {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 10px;
}
.gallery__thumbs-wrapper--horizontal .gallery__thumbs-next {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 10px;
}
.gallery__thumbs-wrapper--horizontal:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  width: 100px;
  z-index: 149;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  background: linear-gradient(to right, var(--cp-colour-surface) 0%, var(--cp-colour-surface) 30%, oklch(from var(--cp-colour-surface) l c h/0.9) 70%, oklch(from var(--cp-colour-surface) l c h/0) 100%);
}
.gallery__thumbs-wrapper--horizontal:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  width: 100px;
  z-index: 149;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  background: linear-gradient(to left, var(--cp-colour-surface) 0%, var(--cp-colour-surface) 30%, oklch(from var(--cp-colour-surface) l c h/0.9) 70%, oklch(from var(--cp-colour-surface) l c h/0) 100%);
}
.gallery__thumbs-wrapper--horizontal:has(.gallery__thumbs-prev.is-visible):before {
  opacity: 1;
}
.gallery__thumbs-wrapper--horizontal:has(.gallery__thumbs-next.is-visible):after {
  opacity: 1;
}

.gallery-thumb {
  padding: 0;
  font: inherit;
  cursor: pointer;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  overflow: hidden;
  background-color: var(--cp-colour-surface);
  display: flex;
  justify-content: center;
  align-content: center;
  width: 80px;
  height: 80px;
  flex-shrink: 0;
}
.gallery-thumb:hover {
  border-color: var(--cp-colour-border-strong);
}
.gallery-thumb[data-active=true] {
  border-color: var(--cp-colour-red);
}
.gallery-thumb__image {
  object-fit: scale-down;
}
.gallery-thumb[data-type=video] {
  position: relative;
}
.gallery-thumb[data-type=video]:after {
  position: absolute;
  top: calc(50% - 0.5em);
  left: calc(50% - 0.5em);
  --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
  content: "\f04b";
  font-size: 1em;
  color: var(--cp-colour-border);
  text-shadow: 0px 0px 5px var(--cp-colour-black);
}

.gallery-modal .modal__dialog {
  max-width: 1400px;
  width: 95vw;
  height: 90vh;
}
.gallery-modal .modal__body {
  padding: 0;
  overflow: hidden;
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.gallery-modal .modal__footer {
  display: block;
  border-top: none;
  padding: 15px 20px;
}
.gallery-modal__viewer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-height: 0;
  background-color: var(--cp-colour-surface);
  outline: none;
  overflow: hidden;
  touch-action: pan-y;
}
.gallery-modal__viewer .gallery-modal__media {
  will-change: transform;
}
.gallery-modal__viewer .gallery-modal__media[data-slide-position=prev] {
  transform: translateX(calc(-100% + var(--swipe-offset-x, 0px)));
}
.gallery-modal__viewer .gallery-modal__media[data-slide-position=current] {
  transform: translateX(var(--swipe-offset-x, 0px));
}
.gallery-modal__viewer .gallery-modal__media[data-slide-position=next] {
  transform: translateX(calc(100% + var(--swipe-offset-x, 0px)));
}
.gallery-modal__viewer[data-swipe-state=releasing] .gallery-modal__media {
  transition: transform 0.3s ease;
}
.gallery-modal__viewer[data-swipe-state=dragging] .gallery__video, .gallery-modal__viewer[data-swipe-state=releasing] .gallery__video {
  visibility: hidden;
}
.gallery-modal__viewer .gallery__video {
  position: absolute;
  inset: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}
.gallery-modal__viewer .gallery__video .gallery__youtube,
.gallery-modal__viewer .gallery__video .gallery__vimeo {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}
.gallery-modal__viewer .gallery__video .gallery__youtube-player,
.gallery-modal__viewer .gallery__video .gallery__vimeo-player,
.gallery-modal__viewer .gallery__video iframe {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  aspect-ratio: auto;
  display: block;
}
.gallery-modal__media {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.gallery-modal__image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
}
.gallery-modal__placeholder {
  opacity: 0;
  position: absolute;
  width: 100%;
}
.gallery-modal__previous, .gallery-modal__next {
  position: absolute;
  z-index: 150;
  top: calc(50% - 24px);
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5em;
  color: var(--cp-colour-border);
  border-radius: 6px;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
.gallery-modal__previous:hover, .gallery-modal__next:hover {
  background-color: var(--cp-colour-surface);
  color: var(--cp-colour-on-surface);
  outline: 2px solid var(--cp-colour-border-strong);
}
.gallery-modal__previous {
  left: 10px;
}
.gallery-modal__next {
  right: 10px;
}

.image-map-interactive {
  position: relative;
  display: inline-block;
}
.image-map-interactive__image {
  display: block;
  max-width: 100%;
  height: auto;
}
.has-stock-status .image-map-interactive__image {
  filter: grayscale(100%);
}
.image-map-interactive__hotspot {
  position: absolute;
  display: block;
  cursor: pointer;
  border: 2px solid transparent;
  background-color: transparent;
  transition: background-color 0.15s ease, border-color 0.15s ease;
  -webkit-tap-highlight-color: transparent;
}
.image-map-interactive__hotspot::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
}
.image-map-interactive__hotspot.is-in-stock::before {
  background-color: #0000ff;
  mix-blend-mode: screen;
  opacity: 1;
}
.image-map-interactive__hotspot.is-out-of-stock::before {
  background-color: #ff0000;
  mix-blend-mode: screen;
  opacity: 1;
}
.image-map-interactive__hotspot:hover {
  background-color: rgba(235, 232, 224, 0.15);
  border-color: #f16e01;
}
.image-map-interactive__hotspot:focus-visible {
  background-color: rgba(235, 232, 224, 0.15);
  border-color: #f16e01;
  outline: none;
}
.image-map-interactive__hotspot:active {
  background-color: rgba(235, 232, 224, 0.225);
  border-color: #f16e01;
}
.image-map-interactive__hotspot.is-active {
  background-color: rgba(235, 232, 224, 0.15);
  border-color: #f16e01;
}
.image-map-interactive__product-card {
  position: absolute;
  z-index: 10;
  min-width: 360px;
  max-width: 480px;
  pointer-events: none;
}
.image-map-interactive__product-card::before {
  content: "";
  position: absolute;
  top: -0.375rem;
  left: 15px;
  width: 0.75rem;
  height: 0.75rem;
  background-color: var(--cp-colour-white);
  border-top: 1px solid var(--cp-colour-border);
  border-left: 1px solid var(--cp-colour-border);
  transform: rotate(45deg);
}
.image-map-interactive__product-card.is-positioned-above::before {
  top: auto;
  bottom: -0.375rem;
  border-top: none;
  border-left: none;
  border-right: 1px solid var(--cp-colour-border);
  border-bottom: 1px solid var(--cp-colour-border);
}
.image-map-interactive__product-card-inner {
  pointer-events: auto;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-white);
  overflow: hidden;
  max-width: 100%;
}
.image-map-interactive__product-card-inner .product-summary--compact {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.image-map-interactive__product-card-inner .product-summary--compact .product-summary__media {
  width: 7.5rem;
  height: 7.5rem;
}
.image-map-interactive__product-card-sku {
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
}
.image-map-interactive__product-card-footer {
  padding: 15px;
  border-top: 1px solid var(--cp-colour-border);
  text-align: center;
}
@media (max-width: 420px) {
  .image-map-interactive__product-card {
    left: 50% !important;
    transform: translateX(-50%);
    min-width: auto;
    width: calc(100% - 30px);
    max-width: 480px;
  }
}
.image-map-interactive__map {
  display: none;
}

.options {
  margin-top: 15px;
  margin-bottom: 15px;
}
.options__title, .options__value {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  text-transform: uppercase;
}
.options__title {
  font-weight: bold;
}
.options__value {
  margin-left: 10px;
}
.options__items {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
  gap: 10px;
}

.payment-options {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 15px;
  align-items: center;
  justify-content: center;
  padding: 15px 10px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  line-height: 1;
  color: var(--cp-colour-on-surface);
}
.payment-options__marks {
  display: flex;
  flex-basis: 100%;
  flex-wrap: wrap;
  gap: 10px 15px;
  align-items: center;
  justify-content: center;
}
.payment-option + .payment-options__marks {
  padding-top: 15px;
  border-top: 1px solid var(--cp-colour-border);
}
.payment-options__mark {
  width: auto;
  height: 1.5rem;
  max-width: 4rem;
  object-fit: contain;
}
.payment-options .payment-option {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
}
.payment-options .payment-option__logo {
  max-width: 100px;
  max-height: 35px;
}
.payment-options .payment-option__subtitle {
  text-align: center;
  font-size: 0.75em;
}

.price {
  display: flex;
  gap: 3px;
  flex-direction: row;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  line-height: 1;
  color: var(--cp-colour-on-surface);
  font-size: 1rem;
}
.price__prefix, .price__suffix {
  font-size: 0.95em;
  align-self: center;
}
.price__prefix {
  margin-right: 5px;
}
.price__suffix {
  margin-left: 5px;
}
.price__tax {
  font-size: 0.75em;
  font-weight: 400;
  text-transform: uppercase;
  align-self: center;
  margin-left: 5px;
}
.price__value {
  display: flex;
  font-size: 2em;
  white-space: nowrap;
  flex-shrink: 0;
}
.price__value > * + * {
  margin-left: 0.1em;
}
.price__value > .price__decimal,
.price__value > .price__fractional {
  margin-left: 0;
}
.price__integral {
  display: flex;
  font-size: 1em;
}
.price__decimal {
  align-self: start;
  font-size: 0.6em;
  margin-top: 1px;
}
.price__fractional {
  align-self: start;
  font-size: 0.6em;
  margin-top: 1px;
}
.price--sm {
  font: inherit;
  color: inherit;
}
.price--sm .price__value,
.price--sm .price__integral,
.price--sm .price__decimal,
.price--sm .price__fractional,
.price--sm .price__prefix,
.price--sm .price__suffix {
  font-size: 1em;
}
.price--sm .price__decimal,
.price--sm .price__fractional {
  align-self: baseline;
  margin-top: 0;
}
.price--sm .price__value > * + * {
  margin-left: 0;
}
.price--special .price__prefix,
.price--special .price__suffix {
  font-style: italic;
}

.price-banner {
  display: flex;
  padding: 5px 15px;
  justify-content: center;
  align-items: center;
  background-color: var(--cp-colour-border);
  color: var(--cp-colour-white);
  text-transform: uppercase;
  gap: 10px;
  font-weight: bold;
  font-size: 1em;
}
.price-banner--sale {
  background-color: var(--cp-colour-red);
  color: var(--cp-colour-white);
}
.price-banner--bundle, .price-banner--preorder {
  background-color: var(--cp-colour-surface-chrome);
}
.price-banner--preorder {
  color: var(--cp-colour-white);
}
.price-banner--new {
  background-color: var(--cp-colour-green);
}

.price-box {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  overflow: hidden;
  align-items: center;
}
.price-box .price-banner,
.price-box .price {
  width: 100%;
}
.price-box .price {
  flex-direction: column;
  row-gap: 5px;
  padding: 10px 30px;
  background-color: var(--cp-colour-orange);
  color: var(--cp-colour-white);
}
.price-box .price__prefix, .price-box .price__suffix {
  align-self: center;
  margin: 0;
}
.price-box .price__prefix {
  text-transform: uppercase;
  font-style: italic;
  font-weight: 400;
}
.price-box .price__value {
  align-self: center;
}
.price-box .price__tax {
  align-self: center;
  margin: 0;
}
.price-box .price-box__was.price {
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
  column-gap: 5px;
  padding-bottom: 0;
}
.price-box .price-box__was.price .price__prefix {
  align-self: auto;
  margin: 0;
}
.price-box .price-box__was.price .price__value {
  font-size: 1rem;
}
.price-box--sale {
  background-color: var(--cp-colour-red);
  color: var(--cp-colour-white);
}
.price-box--preorder {
  border: 1px solid var(--cp-colour-border-strong);
}
.price-box--preorder .price {
  background-color: var(--cp-colour-surface);
  color: var(--cp-colour-orange);
}

.tier-price {
  display: flex;
  flex-direction: row;
  line-height: 1;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  column-gap: 5px;
}
.tier-price .price__value, .tier-price .price__integral, .tier-price .price__decimal, .tier-price .price__fractional, .tier-price .price__prefix, .tier-price .price__suffix {
  font-size: 0.875rem;
}
.tier-price .price__value {
  display: flex;
  font-weight: bold;
  font-variant-numeric: tabular-nums;
}
.tier-price .price__decimal, .tier-price .price__fractional {
  align-self: baseline;
  margin-top: 0;
}

.tier-prices {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 10px;
}
.tier-prices__title {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}
.tier-prices__content {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}

.buybox {
  display: grid;
  grid-template-areas: "pricing secondary-actions" "pricing stock" "separator separator";
  background-color: var(--cp-colour-surface-overlay);
  border-radius: 6px;
  color: var(--cp-colour-on-surface);
  padding: 10px;
  column-gap: 15px;
  row-gap: 20px;
}
.buybox__pricing {
  grid-area: pricing;
  justify-self: start;
}
.buybox__pricing > *:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.buybox__pricing > *:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.buybox__secondary-actions {
  grid-area: secondary-actions;
  justify-self: end;
}
.buybox__secondary-actions .product-add-wishlist {
  color: var(--cp-colour-red);
  font-size: 2rem;
  transition-property: color;
  transition-duration: 300ms;
  transition-timing-function: ease;
}
.buybox__secondary-actions .product-add-wishlist:hover {
  color: var(--cp-colour-red);
}
.buybox__stock {
  grid-area: stock;
  justify-self: end;
  align-self: end;
}
.buybox__stock .stock-status {
  grid-template-columns: 1fr auto;
  row-gap: 0.375rem;
  text-align: right;
}
.buybox__stock .stock-status__icon {
  justify-self: end;
}
.buybox__stock .stock-status__icon, .buybox__stock .stock-status__label {
  font-size: 1rem;
}
.buybox__stock .stock-status__suffix {
  grid-column: 1/-1;
  font-size: 0.75rem;
}
.buybox__separator {
  grid-area: separator;
  border-top: 1px solid var(--cp-colour-border);
}
.buybox__options {
  grid-column: 1/-1;
}
.buybox__pricing-tiers {
  grid-column: 1/-1;
}
.buybox__actions {
  grid-column: 1/-1;
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: center;
}
.buybox__actions .button {
  flex-grow: 1;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.buybox__actions .button--link {
  margin-top: 5px;
  font-size: 0.875rem;
}
.buybox__actions .button--link .buybox__actions .button__label {
  text-transform: initial;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  overflow: hidden;
}
@media (max-width: 939px) {
  .product-grid {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}
.product-grid .product-grid-item {
  margin: -1px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 0;
  padding: 30px 15px;
  background-color: var(--cp-colour-surface);
}
.product-grid .product-banner-item {
  padding: 30px 15px;
  background-color: var(--cp-colour-surface);
}
.product-grid > * {
  animation: cp-slide-up-in var(--cp-transition-duration-enter) var(--cp-transition-easing-enter) both;
}
@media (prefers-reduced-motion: reduce) {
  .product-grid > * {
    animation: none;
  }
}
.product-grid > *:nth-child(1) {
  animation-delay: 0ms;
}
.product-grid > *:nth-child(2) {
  animation-delay: 60ms;
}
.product-grid > *:nth-child(3) {
  animation-delay: 120ms;
}
.product-grid > *:nth-child(4) {
  animation-delay: 180ms;
}
.product-grid > *:nth-child(5) {
  animation-delay: 240ms;
}
.product-grid > *:nth-child(6) {
  animation-delay: 300ms;
}
.product-grid > *:nth-child(7) {
  animation-delay: 360ms;
}
.product-grid > *:nth-child(8) {
  animation-delay: 420ms;
}
.product-grid > *:nth-child(9) {
  animation-delay: 480ms;
}
.product-grid > *:nth-child(10) {
  animation-delay: 540ms;
}
.product-grid > *:nth-child(11) {
  animation-delay: 600ms;
}
.product-grid > *:nth-child(12) {
  animation-delay: 660ms;
}
.product-grid--spare-parts {
  column-gap: 30px;
  row-gap: 30px;
}
.product-grid--spare-parts .product-grid-item {
  margin: 0;
  padding: 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
}
.product-grid--bottom-aligned .product-grid-item__details {
  justify-content: flex-end;
}
.product-grid--bottom-aligned .product-grid-item__title {
  flex-grow: 0;
}

.product-grid-item {
  display: flex;
  flex-direction: column;
  position: relative;
  max-width: 500px;
}
.product-grid-item__media {
  position: relative;
}
.product-grid-item__details {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  flex-grow: 1;
}
.product-grid-item__image {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: var(--product-grid-item-image-ratio, 1/1);
  padding-top: 30px;
  padding-bottom: 15px;
  transition: transform 250ms cubic-bezier(0.34, 1.56, 0.64, 1);
  text-align: center;
}
.product-grid-item__image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
@media (prefers-reduced-motion: reduce) {
  .product-grid-item__image {
    transition: none;
  }
}
.product-grid-item__brand {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 35%;
  z-index: 50;
}
.product-grid-item__brand img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 50px;
  object-fit: contain;
}
.product-grid-item__sticker {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 35%;
  max-height: 20%;
  z-index: 50;
}
.product-grid-item__sticker img {
  vertical-align: top;
  max-height: 30px;
}
.product-grid-item__recommendation {
  position: absolute;
  bottom: 15px;
  left: 0;
  z-index: 50;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-weight: 600;
  font-size: 0.625em;
  color: #a08629;
  display: inline;
  text-transform: uppercase;
}
.product-grid-item__availability {
  display: flex;
  font-size: 1em;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  line-height: 1;
  background-color: var(--cp-colour-red);
  color: var(--cp-colour-white);
  padding: 5px 15px;
}
.product-grid-item__availability__value {
  display: flex;
}
.product-grid-item__actions {
  position: absolute;
  top: 20%;
  right: 0;
  display: grid;
  justify-items: right;
}
.product-grid-item__actions > div {
  width: 100%;
  overflow: hidden;
  border-radius: 0;
}
.product-grid-item__actions > div:first-child {
  border-top-left-radius: 6px;
}
.product-grid-item__actions > div:last-child {
  border-bottom-left-radius: 6px;
}
.product-grid-item__actions .product-grid-item__price,
.product-grid-item__actions .product-grid-item__add-to-cart,
.product-grid-item__actions .product-grid-item__view {
  width: 100%;
}
.product-grid-item__actions .product-grid-item__price {
  z-index: 50;
  display: flex;
  flex-direction: column;
  padding: 5px 10px;
  background-color: var(--cp-colour-orange);
}
.product-grid-item__actions .product-grid-item__price .price {
  flex-direction: column;
  color: var(--cp-colour-white);
  font-size: 0.8em;
}
.product-grid-item__actions .product-grid-item__price .price__prefix, .product-grid-item__actions .product-grid-item__price .price__suffix {
  align-self: flex-start;
  margin: 0;
}
.product-grid-item__actions .product-grid-item__price .price__suffix {
  font-style: italic;
}
.product-grid-item__actions .product-grid-item__price .product-grid-item__rrp.price,
.product-grid-item__actions .product-grid-item__price .product-grid-item__save.price {
  flex-direction: row;
  align-items: baseline;
}
.product-grid-item__actions .product-grid-item__price .product-grid-item__rrp.price .price__value,
.product-grid-item__actions .product-grid-item__price .product-grid-item__save.price .price__value {
  font-size: 1em;
}
.product-grid-item__actions .product-grid-item__price .product-grid-item__rrp.price .price__prefix,
.product-grid-item__actions .product-grid-item__price .product-grid-item__save.price .price__prefix {
  align-self: auto;
  margin-right: 5px;
}
.product-grid-item__actions .product-grid-item__price .product-grid-item__save.price {
  font-style: italic;
}
.product-grid-item__actions .product-grid-item__add-to-cart,
.product-grid-item__actions .product-grid-item__view {
  opacity: 0;
  transform: translateY(-100%);
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1), transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
@media (prefers-reduced-motion: reduce) {
  .product-grid-item__actions .product-grid-item__add-to-cart,
  .product-grid-item__actions .product-grid-item__view {
    transition: none;
    opacity: 1;
    transform: none;
  }
}
.product-grid-item__actions .product-grid-item__add-to-cart .button,
.product-grid-item__actions .product-grid-item__view .button {
  border: none;
  border-radius: 0;
  width: 100%;
  font-size: 1.125em;
  justify-content: center;
}
.product-grid-item__actions .product-grid-item__add-to-cart {
  display: grid;
  grid-template-areas: "content";
  position: relative;
}
.product-grid-item__actions .product-grid-item__add,
.product-grid-item__actions .product-grid-item__stepper {
  grid-area: content;
  display: flex;
  min-width: 0;
  transition: opacity 250ms ease-in-out, visibility 0s;
}
.product-grid-item__actions .product-grid-item__add {
  position: relative;
}
.product-grid-item__actions .product-grid-item__adding {
  position: absolute;
  inset: 0;
  justify-content: center;
  font-size: 1.125em;
  pointer-events: none;
}
.product-grid-item__actions .product-grid-item__add-to-cart.is-adding .button__prefix,
.product-grid-item__actions .product-grid-item__add-to-cart.is-adding .button__label {
  visibility: hidden;
}
.product-grid-item__actions .product-grid-item__stepper {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 250ms ease-in-out, visibility 0s 250ms;
}
.product-grid-item__actions .product-grid-item__stepper .order-line-item-stepper {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  background-color: var(--cp-colour-surface-inset);
}
.product-grid-item__actions .product-grid-item__stepper .order-line-item-stepper .order-line-item-stepper__button {
  flex: 1 1 0;
  width: auto;
}
@media (prefers-reduced-motion: reduce) {
  .product-grid-item__actions .product-grid-item__add,
  .product-grid-item__actions .product-grid-item__stepper {
    transition: none;
  }
}
.product-grid-item.is-in-cart .product-grid-item__actions .product-grid-item__add-to-cart {
  opacity: 1;
  transform: translateY(0);
}
.product-grid-item.is-in-cart .product-grid-item__actions .product-grid-item__add {
  opacity: 0;
  visibility: hidden;
  transition: opacity 250ms ease-in-out, visibility 0s 250ms;
}
.product-grid-item.is-in-cart .product-grid-item__actions .product-grid-item__stepper {
  opacity: 1;
  visibility: visible;
  transition: opacity 250ms ease-in-out, visibility 0s;
}
.product-grid-item__title {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex-grow: 1;
}
.product-grid-item__name {
  font-size: 1.125em;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: normal;
}
.product-grid-item__sku {
  font-size: 0.8125em;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-weight: normal;
  color: var(--cp-colour-on-surface-muted);
}
.product-grid-item__subname {
  font-size: 0.5em;
  color: var(--cp-colour-on-surface-muted);
  font-style: italic;
}
.product-grid-item__stock {
  font-size: 0.75em;
}
.product-grid-item__stock .fa-circle-check {
  color: green;
}
.product-grid-item__stock .fa-circle-exclamation {
  color: orange;
}
.product-grid-item:hover .product-grid-item__actions .product-grid-item__add-to-cart,
.product-grid-item:hover .product-grid-item__actions .product-grid-item__view, .product-grid-item:focus-within .product-grid-item__actions .product-grid-item__add-to-cart,
.product-grid-item:focus-within .product-grid-item__actions .product-grid-item__view {
  opacity: 1;
  transform: translateY(0);
}
.product-grid-item:hover .product-grid-item__image {
  transform: scale(1.05);
}
.product-grid-item:hover .product-grid-item__price .price-box {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.product-grid-item--grouped {
  padding: 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
}
.product-grid-item--grouped .product-grid-item__name {
  font-weight: bold;
  font-size: 1.5em;
  text-transform: uppercase;
}
.product-grid-item--grouped .product-grid-item__subname {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-style: italic;
  font-size: 1.125em;
  color: var(--cp-colour-on-surface-muted);
}
.product-grid-item--grouped .product-grid-item__image {
  padding-top: 15px;
  padding-bottom: 30px;
}
.product-grid-item--grouped .product-grid-item__image img {
  max-width: 100%;
  width: auto;
  max-height: 450px;
}

.product-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background-color: var(--cp-colour-border);
}
@media (max-width: 939px) {
  .product-list {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  }
}
.product-list .product-list-item {
  padding: 30px 15px;
  background-color: var(--cp-colour-surface);
}
.product-list .product-banner-item {
  padding: 30px 15px;
  background-color: var(--cp-colour-surface);
}

.product-list-item {
  display: grid;
}
@media (max-width: 939px) {
  .product-list-item {
    grid-template-areas: "title title" "media price" "media details" "media stock" "actions actions" "secondary-actions secondary-actions";
    grid-template-columns: 3fr 2fr;
    row-gap: 15px;
    column-gap: 20px;
  }
}
@media (min-width: 940px) {
  .product-list-item {
    grid-template-areas: "media title price" "media details stock" "media secondary-actions actions";
    grid-template-columns: 1fr 2fr 2fr;
    gap: 20px;
  }
}
.product-list-item__media {
  align-self: center;
  grid-area: media;
  position: relative;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  overflow: hidden;
  background-color: var(--cp-colour-surface);
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-list-item__title {
  grid-area: title;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.product-list-item__details {
  grid-area: details;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.product-list-item__specifications {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 1px;
  column-gap: 2px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
  color: var(--cp-colour-on-surface-muted);
}
.product-list-item__specifications dt {
  font-weight: normal;
}
.product-list-item__specifications dt:after {
  content: ":";
}
.product-list-item__specifications .break {
  flex-basis: 100%;
  height: 0;
}
.product-list-item__price {
  grid-area: price;
}
@media (max-width: 939px) {
  .product-list-item__price {
    justify-self: start;
  }
}
@media (min-width: 940px) {
  .product-list-item__price {
    justify-self: end;
  }
}
.product-list-item__price .price {
  flex-direction: column;
}
.product-list-item__price .price__prefix, .product-list-item__price .price__suffix {
  align-self: flex-end;
  margin: 0;
}
.product-list-item__price .price__suffix {
  font-weight: normal;
  font-style: italic;
}
.product-list-item__price .price__value {
  font-size: 1.875rem;
}
.product-list-item__price .product-list-item__rrp.price,
.product-list-item__price .product-list-item__save.price {
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-end;
}
.product-list-item__price .product-list-item__rrp.price .price__value,
.product-list-item__price .product-list-item__save.price .price__value {
  font-size: 1em;
}
.product-list-item__price .product-list-item__rrp.price .price__prefix,
.product-list-item__price .product-list-item__save.price .price__prefix {
  align-self: auto;
  margin-right: 5px;
}
.product-list-item__price .product-list-item__save.price {
  font-style: italic;
}
.product-list-item__stock {
  grid-area: stock;
  justify-self: end;
}
@media (max-width: 939px) {
  .product-list-item__stock {
    justify-self: start;
  }
}
.product-list-item__actions {
  grid-area: actions;
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
@media (max-width: 939px) {
  .product-list-item__actions {
    justify-self: center;
    align-self: center;
  }
}
@media (min-width: 940px) {
  .product-list-item__actions {
    justify-self: end;
    align-self: end;
  }
}
.product-list-item__secondary-actions {
  grid-area: secondary-actions;
  align-self: end;
  display: flex;
  flex-direction: row;
  row-gap: 10px;
}
@media (max-width: 939px) {
  .product-list-item__secondary-actions {
    justify-self: center;
  }
}
.product-list-item__secondary-actions a {
  font-size: 0.875rem;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  color: var(--cp-colour-on-surface-muted);
}
.product-list-item__secondary-actions a i {
  font-size: 0.75rem;
}
.product-list-item__add-to-cart .add-to-cart {
  width: auto;
}
.product-list-item__image {
  transition: transform 0.2s;
  border-radius: inherit;
}
.product-list-item__image img {
  border-radius: inherit;
}
.product-list-item__brand {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 35%;
  z-index: 50;
}
.product-list-item__brand img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 50px;
  object-fit: contain;
}
.product-list-item__sticker {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 35%;
  z-index: 50;
}
.product-list-item__sticker img {
  vertical-align: top;
}
.product-list-item__availability {
  display: flex;
  font-size: 1rem;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  line-height: 1;
  background-color: var(--cp-colour-red);
  color: var(--cp-colour-white);
  padding: 5px 15px;
}
.product-list-item__availability__value {
  display: flex;
}
.product-list-item__name {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
}
.product-list-item__subname {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.125rem;
}
.product-list-item__recommendation {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-weight: 600;
  font-size: 0.625rem;
  color: var(--cp-colour-surface-overlay);
  display: inline;
  text-transform: uppercase;
  padding: 5px;
}
.product-list-item__stock {
  font-size: 0.75rem;
}
.product-list-item__stock .fa-circle-check {
  color: green;
}
.product-list-item__stock .fa-circle-exclamation {
  color: orange;
}
.product-list-item--grouped .product-list-item__name {
  font-weight: bold;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.product-list-item--grouped .product-list-item__subname {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-style: italic;
  font-size: 1.125rem;
}
.product-list-item--grouped .product-list-item__image img {
  max-width: 100%;
  width: auto;
  max-height: 350px;
}

.product-summary {
  display: flex;
  gap: 20px;
}
.product-summary__details {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}
.product-summary__name {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  line-height: 1.2;
}
.product-summary__meta {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
}
.product-summary__price {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  color: var(--cp-colour-orange);
}
.product-summary__stock {
  font-size: 0.875rem;
}
.product-summary__options {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.product-summary__actions {
  display: flex;
  align-items: center;
  gap: 15px;
}
.product-summary__description {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
  line-height: 1.6;
  border-top: 1px solid var(--cp-colour-border);
  padding-top: 20px;
}
.product-summary--compact {
  align-items: center;
  padding: 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface-raised);
}
.product-summary--compact .product-summary__media {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-summary--compact .product-summary__media img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.product-summary--compact .product-summary__details {
  gap: 5px;
}
.product-summary--compact .product-summary__name {
  font-size: 1rem;
}
.product-summary--compact .product-summary__price {
  font-size: 0.875rem;
}
.product-summary--full {
  flex-direction: column;
}
@media (min-width: 940px) {
  .product-summary--full {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
  }
}
.product-summary--full .product-summary__media {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-summary--full .product-summary__media img {
  max-width: 100%;
  height: auto;
}
.product-summary--full .product-summary__name {
  font-size: 1.375rem;
}
.product-summary--full .product-summary__price .price {
  font-size: 1.5rem;
}

.product-view {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 939px) {
  .product-view {
    gap: 10px;
  }
}
@media (min-width: 940px) {
  .product-view {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
@media (min-width: 940px) {
  .product-view__title, .product-view__subtitle, .product-view__features {
    flex-basis: 100%;
    width: 100%;
  }
}
@media (min-width: 940px) {
  .product-view__title {
    order: 1;
  }
}
@media (min-width: 940px) {
  .product-view__subtitle {
    order: 2;
  }
}
@media (min-width: 940px) {
  .product-view__features {
    order: 3;
  }
}
@media (min-width: 940px) {
  .product-view__media, .product-view__content {
    flex: 0 0 auto;
  }
}
@media (min-width: 940px) and (max-width: 1299px) {
  .product-view__media, .product-view__content {
    width: calc(66.67% - 15px / 2);
  }
}
@media (min-width: 1300px) {
  .product-view__media, .product-view__content {
    width: calc(75% - 15px / 2);
  }
}
@media (min-width: 940px) {
  .product-view__details, .product-view__sidebar {
    flex: 0 0 auto;
  }
}
@media (min-width: 940px) and (max-width: 1299px) {
  .product-view__details, .product-view__sidebar {
    width: calc(33.33% - 15px / 2);
  }
}
@media (min-width: 1300px) {
  .product-view__details, .product-view__sidebar {
    width: calc(25% - 15px / 2);
  }
}
@media (min-width: 940px) {
  .product-view__details {
    min-height: 500px;
  }
}
@media (min-width: 940px) {
  .product-view__media {
    order: 4;
  }
}
@media (min-width: 940px) {
  .product-view__details {
    order: 5;
  }
}
@media (min-width: 940px) {
  .product-view__content {
    order: 6;
  }
}
@media (min-width: 940px) {
  .product-view__sidebar {
    order: 7;
  }
}
@media (min-width: 940px) {
  .product-view__upsell, .product-view__categories {
    flex-basis: 100%;
    width: 100%;
  }
}
@media (min-width: 940px) {
  .product-view__upsell {
    order: 8;
  }
}
@media (min-width: 940px) {
  .product-view__categories {
    order: 9;
  }
}

@media (min-width: 940px) {
  .product-view--wide-details .product-view__media,
  .product-view--wide-details .product-view__content {
    width: calc(45% - 15px / 2);
  }
}
@media (min-width: 940px) {
  .product-view--wide-details .product-view__details,
  .product-view--wide-details .product-view__sidebar {
    width: calc(55% - 15px / 2);
  }
}

@media (min-width: 940px) {
  .product-view--full-description .product-view__content,
  .product-view--full-description .product-view__sidebar {
    flex-basis: 100%;
    width: 100%;
  }
}

@media (max-width: 939px) {
  .product-view--grouped .product-view__main,
  .product-view--grouped .product-view__aside {
    display: contents;
  }
  .product-view--grouped .product-view__media {
    order: 1;
  }
  .product-view--grouped .product-view__details {
    order: 2;
  }
  .product-view--grouped .product-view__content {
    order: 3;
  }
  .product-view--grouped .product-view__sidebar {
    order: 4;
  }
}
@media (min-width: 940px) {
  .product-view--grouped .product-view__main,
  .product-view--grouped .product-view__aside {
    display: flex;
    flex-direction: column;
    gap: 15px;
    min-width: 0;
  }
  .product-view--grouped .product-view__main {
    flex: 0 0 auto;
    order: 4;
  }
  .product-view--grouped .product-view__aside {
    flex: 1 1 0;
    min-width: 0;
    order: 5;
  }
}
@media (min-width: 940px) {
  .product-view--grouped .product-view__media,
  .product-view--grouped .product-view__content,
  .product-view--grouped .product-view__details,
  .product-view--grouped .product-view__sidebar {
    margin-top: 0;
    width: auto;
  }
}
@media (min-width: 940px) and (max-width: 1299px) {
  .product-view--grouped .product-view__main {
    width: calc(66.67% - 15px / 2);
  }
}
@media (min-width: 1300px) {
  .product-view--grouped .product-view__main {
    width: calc(75% - 15px / 2);
  }
}
@media (min-width: 940px) {
  .product-view--grouped .product-view__details {
    min-height: 0;
  }
}
.product-view--grouped .product-view__image {
  display: block;
  max-width: 100%;
  height: auto;
  margin-inline: auto;
}
.product-view--grouped .product-view__content .tabs {
  margin-top: 10px;
}
.product-view--grouped .product-view__buybox .product-list-item {
  gap: 15px;
  padding: 15px;
}
.product-view--grouped .product-view__buybox .product-list-item__media {
  height: auto;
  padding: 5px;
}
.product-view--grouped .product-view__buybox .product-list-item__image img {
  max-width: 100%;
  width: auto;
  max-height: 120px;
}

.product-view__title {
  font-size: 2rem;
  text-transform: uppercase;
  line-height: 1.2;
  margin: 0;
}
@media (max-width: 939px) {
  .product-view__title {
    font-size: 1.5rem;
  }
}
.product-view__subtitle {
  display: block;
  font-size: 1.125rem;
  font-weight: normal;
}
@media (max-width: 939px) {
  .product-view__subtitle {
    font-size: 1rem;
  }
}
.product-view__features {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px 15px;
  margin: 0;
  font-size: 14px;
}
.product-view__features li {
  white-space: nowrap;
}
.product-view__features li:before {
  display: none;
}
.product-view__details, .product-view__content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-content: flex-start;
}
.product-view__sidebar {
  display: grid;
  gap: 15px;
  align-content: flex-start;
}
.product-view__content .std {
  max-width: 765px;
}
.product-view__content .std h1:not(.heading), .product-view__content .std .h1,
.product-view__content .std h2:not(.heading), .product-view__content .std .h2,
.product-view__content .std h3:not(.heading), .product-view__content .std .h3,
.product-view__content .std h4:not(.heading), .product-view__content .std .h4,
.product-view__content .std h5:not(.heading), .product-view__content .std .h5,
.product-view__content .std h6:not(.heading), .product-view__content .std .h6 {
  font-weight: normal;
  margin-top: 30px;
}
.product-view__content .std h1:not(.heading):first-child, .product-view__content .std .h1:first-child,
.product-view__content .std h2:not(.heading):first-child, .product-view__content .std .h2:first-child,
.product-view__content .std h3:not(.heading):first-child, .product-view__content .std .h3:first-child,
.product-view__content .std h4:not(.heading):first-child, .product-view__content .std .h4:first-child,
.product-view__content .std h5:not(.heading):first-child, .product-view__content .std .h5:first-child,
.product-view__content .std h6:not(.heading):first-child, .product-view__content .std .h6:first-child {
  margin-top: 0;
}
.product-view__content .std p,
.product-view__content .std ul,
.product-view__content .std ol {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-weight: normal;
  font-size: 1em;
  line-height: 1.5;
  color: #333333;
  margin-top: 15px;
  margin-bottom: 15px;
}
.product-view__content .std p.lead {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.4;
  color: #333333;
  margin-bottom: 10px;
}
@media (max-width: 939px) {
  .product-view__content .std p.lead {
    font-size: 1.125em;
  }
}
.product-view__content .std a {
  text-decoration: underline dotted;
}
.product-view__content .std ul {
  list-style: none;
  margin-left: 16px;
}
.product-view__content .std ul > li {
  position: relative;
}
.product-view__content .std ul > li:before {
  --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
  content: "\f054";
  position: absolute;
  top: 0;
  left: -16px;
  width: 16px;
  line-height: inherit;
  color: #eb2b2d;
}
.product-view__content .std ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 16px;
}
.product-view__content .std li {
  margin-top: 5px;
  margin-bottom: 5px;
}
.product-view__content .std hr.or {
  text-align: center;
  height: 10px;
  border-top: 1px solid #333333;
  color: #333333;
}
.product-view__content .std hr.or:after {
  background-color: var(--cp-colour-surface);
  content: "OR";
  padding: 0 10px;
  position: relative;
  top: -10px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
}
.product-view__content .std h1, .product-view__content .std h2, .product-view__content .std h3, .product-view__content .std h4, .product-view__content .std h5, .product-view__content .std h6 {
  margin-top: 30px;
  margin-bottom: 10px;
  font-weight: normal !important;
}
.product-view__content, .product-view__sidebar, .product-view__upsell, .product-view__categories {
  margin-top: 15px;
}
.product-view__related h4 {
  text-align: center;
}
.product-view__upsell .panel__header, .product-view__categories .panel__header {
  text-align: center;
}
.product-view__upsell .panel__content, .product-view__categories .panel__content {
  justify-self: stretch;
  min-width: 0;
}
.product-view__upsell .subcategories__items, .product-view__categories .subcategories__items {
  scroll-behavior: auto;
}
.product-view__buybox {
  display: grid;
  gap: 20px;
}
.product-view__buybox h3 {
  font-size: 2rem;
  font-weight: normal;
  border-bottom: 1px solid var(--cp-colour-border);
  padding-bottom: 5px;
}
.product-view__buybox .product-list-item {
  padding: 15px;
}
.product-view__buybox .product-list-item:nth-child(even) {
  background-color: var(--cp-colour-surface-raised);
}
.product-view__buybox .product-list-items__empty {
  color: var(--cp-colour-on-surface-muted);
}
.product-view .panel--diagrams-list {
  padding: 15px;
}
.product-view .panel--diagrams-list .panel__header {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
}
.product-view .panel--diagrams-list ol {
  display: grid;
  gap: 10px;
  list-style: decimal inside;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 1rem;
}
.product-view .panel--diagrams-list a:hover {
  color: var(--cp-colour-red);
}
.product-view .product-view__heritage {
  display: block;
  width: 7.5rem;
  height: auto;
  margin: 0 auto 10px;
}
.product-view .panel--sidebar-widget {
  gap: 10px;
}
.product-view .panel--sidebar-widget .review-card {
  border: none;
  border-radius: 0;
  padding: 15px 0;
}
.product-view .panel--sidebar-widget .review-card:first-child {
  padding-top: 10px;
}
.product-view .panel--sidebar-widget .review-card + .review-card {
  border-top: 1px solid var(--cp-colour-border);
}
.product-view .panel--sidebar-widget .promo {
  margin-top: 10px;
  padding: 15px 0 0;
  background: none;
  border-top: 1px solid var(--cp-colour-border);
}

.product-detail {
  margin-bottom: 20px;
}
.product-detail__title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 0;
}
.product-detail__sku {
  display: flex;
  flex-direction: row;
  font-size: 0.875rem;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  line-height: 1;
  color: var(--cp-colour-on-surface-muted);
  column-gap: 15px;
  margin-top: 5px;
}
.product-detail__sku .label:after {
  content: ":";
}

.product-promo {
  color: var(--cp-colour-on-surface);
}
@media (min-width: 940px) {
  .product-promo {
    float: right;
    margin: 30px;
    margin-top: 0;
  }
}
@media (max-width: 939px) {
  .product-promo {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.product-promo__title {
  text-transform: uppercase;
  padding: 5px;
  font-size: 1rem;
  text-align: center;
  background-color: var(--cp-colour-surface-chrome);
  color: var(--cp-colour-white);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.product-promo__content {
  border: 1px solid var(--cp-colour-border);
  border-top: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 15px;
}
.product-promo__content ul {
  list-style: none;
  margin-left: 16px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.125rem;
}
.product-promo__content ul li {
  margin-bottom: 10px;
}
.product-promo__content ul li:before {
  --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
  content: "\f058";
  display: inline-block;
  color: var(--cp-colour-green);
  margin-left: -16px;
  margin-right: 16px;
  width: 16px;
}
.product-promo__content ul li:last-child {
  margin-bottom: 0;
}

.product-related {
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  margin-top: 15px;
}
.product-related__title {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: var(--cp-colour-red);
  color: var(--cp-colour-white);
  padding: 5px;
}

.recently-viewed__title {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  font-size: 1.25rem;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  margin-bottom: 15px;
}
.recently-viewed__items {
  gap: 15px;
}
.recently-viewed__items > * {
  flex: 0 0 220px;
  scroll-snap-align: start;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  padding: 15px;
  background-color: var(--cp-colour-surface);
}
@media (min-width: 940px) {
  .recently-viewed__items > * {
    flex: 0 0 260px;
  }
}

.review-card {
  container: review-card/inline-size;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
}
.review-card__header {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.review-card__title {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  margin: 0;
}
.review-card__body {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface);
  line-height: 1.6;
}
.review-card__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 15px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
}
.review-card__author, .review-card__date, .review-card__verified {
  white-space: nowrap;
}
.review-card__author {
  font-weight: bold;
  color: var(--cp-colour-on-surface);
}
.review-card__date::before {
  content: "•";
  margin-right: 10px;
}
.review-card__verified {
  color: var(--cp-colour-green);
  font-weight: bold;
}
.review-card__verified::before {
  content: "•";
  margin-right: 10px;
  color: var(--cp-colour-on-surface-muted);
}
@container review-card (max-width: 22.5rem) {
  .review-card__verified {
    flex-basis: 100%;
  }
  .review-card__verified::before {
    display: none;
  }
}

.review-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 37.5rem;
}
.review-form__introduction {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface);
  line-height: 1.6;
}
.review-form__rating {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.review-form__label {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
}
.review-form__fields {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.review-form__actions {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-top: 5px;
}
.review-form__success {
  padding: 15px;
  background-color: oklch(from var(--cp-colour-green) l c h/0.08);
  border: 1px solid var(--cp-colour-green);
  border-radius: 6px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  color: var(--cp-colour-green);
}
.review-form.is-submitted .review-form__rating,
.review-form.is-submitted .review-form__fields,
.review-form.is-submitted .review-form__actions {
  display: none;
}

.review-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.review-list__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.review-list__items {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.review-list__empty {
  text-align: center;
  padding: 30px;
}
.review-list__pagination {
  display: flex;
  justify-content: center;
}

.review-summary {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
}
.review-summary__overview {
  display: flex;
  justify-content: center;
}
.review-summary__average {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.review-summary__average-value {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1;
  color: var(--cp-colour-on-surface);
}
.review-summary__total {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
}
.review-summary__breakdown {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.review-summary__row {
  display: flex;
  align-items: center;
  gap: 15px;
}
.review-summary__row-label {
  flex-shrink: 0;
  width: 3.25rem;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface);
  text-align: right;
}
.review-summary__bar {
  flex: 1;
  height: 0.5rem;
  background-color: var(--cp-colour-border);
  border-radius: 0.25rem;
  overflow: hidden;
}
.review-summary__bar-fill {
  height: 100%;
  background-color: var(--cp-colour-orange);
  border-radius: 0.25rem;
  transition: width 300ms ease-in-out;
}
.review-summary__row-count {
  flex-shrink: 0;
  width: 1.75rem;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
  text-align: right;
}
.review-summary__actions {
  display: flex;
  justify-content: center;
  padding-top: 5px;
}

.star-rating {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.star-rating__star {
  color: var(--cp-colour-border);
  font-size: 1rem;
  line-height: 1;
  transition: color 150ms ease-in-out;
}
.star-rating__star.is-filled, .star-rating__star.is-half {
  color: var(--cp-colour-orange);
}
.star-rating__star--interactive {
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--cp-colour-border);
}
.star-rating__star--interactive:hover, .star-rating__star--interactive.is-filled, .star-rating__star--interactive.is-half {
  color: var(--cp-colour-orange);
}
.star-rating__value {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface);
  margin-left: 5px;
}
.star-rating--small {
  gap: 1px;
}
.star-rating--small .star-rating__star {
  font-size: 0.75rem;
}
.star-rating--small .star-rating__value {
  font-size: 0.75rem;
}
.star-rating--large {
  gap: 4px;
}
.star-rating--large .star-rating__star {
  font-size: 1.5rem;
}
.star-rating--large .star-rating__value {
  font-size: 1.125rem;
}

.rewards-promo {
  display: flex;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  padding: 15px;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.rewards-promo__icon {
  font-size: 2.1875rem;
  color: var(--cp-colour-border);
}
.rewards-promo__content {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.rewards-promo__content a {
  text-decoration: underline;
}
.rewards-promo__content strong {
  font-weight: bold;
}

.stock-status {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 5px;
  row-gap: 3px;
  line-height: 1;
  color: var(--cp-colour-on-surface-muted);
}
.stock-status__icon {
  grid-area: 1/1;
  display: flex;
  font-size: 1.25rem;
}
.stock-status__wrapper {
  display: contents;
}
.stock-status__label {
  grid-area: 1/2;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
}
.stock-status__suffix {
  grid-area: 2/2;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.625rem;
  text-wrap: balance;
}
.stock-status--in-stock .stock-status__icon {
  color: var(--cp-colour-green);
}
.stock-status--low-stock .stock-status__icon, .stock-status--pre-order .stock-status__icon, .stock-status--back-order .stock-status__icon {
  color: var(--cp-colour-orange);
}
.stock-status--small .stock-status__icon,
.stock-status--small .stock-status__label {
  font-size: 0.875rem;
}
.stock-status--small .stock-status__suffix {
  display: none;
}

.stockist {
  display: flex;
  flex-direction: row;
  font-size: 1rem;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  line-height: 1;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  color: var(--cp-colour-on-surface);
  padding: 15px 10px;
  align-items: center;
  justify-content: center;
  column-gap: 15px;
  row-gap: 10px;
}
@media (max-width: 419px) {
  .stockist__label {
    flex-basis: min-content;
  }
}
@media (max-width: 419px) {
  .stockist__brand {
    flex: 0 1 9.375rem;
    min-width: 5rem;
  }
}
.stockist__brand-logo {
  display: block;
  margin-inline: auto;
  max-width: min(150px, 100%);
  max-height: 50px;
  min-height: 15px;
}
.stockist__brand-name {
  display: block;
  font-size: 1.25rem;
  font-weight: bold;
}
.stockist__label {
  text-transform: uppercase;
}
.stockist--horizontal {
  flex-direction: row;
}
.stockist--horizontal .stockist__brand {
  order: 1;
}
.stockist--horizontal .stockist__label {
  order: 2;
}
.stockist--vertical {
  flex-direction: column;
}
.stockist--vertical .stockist__label,
.stockist--vertical .stockist__brand {
  flex-basis: auto;
}
.stockist--vertical .stockist__label {
  order: 1;
}
.stockist--vertical .stockist__brand {
  order: 2;
}
.stockist dl {
  max-width: 600px;
  margin: 2rem auto;
  padding: 1rem;
  background-color: var(--cp-colour-surface-raised);
  border-radius: 6px;
  box-shadow: var(--cp-shadow-sm);
}
.stockist dt {
  font-weight: bold;
  font-size: 1.2rem;
  color: var(--cp-colour-on-surface);
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  border-bottom: 2px solid var(--cp-colour-blue);
  padding-bottom: 0.25rem;
}
.stockist dd {
  margin-left: 0;
  margin-bottom: 1rem;
  padding-left: 1rem;
  color: var(--cp-colour-on-surface-muted);
  line-height: 1.6;
}
.stockist .brand-logo {
  width: 150px;
}

.subcategories {
  min-width: 0; /* Fixes flexbox width */
}
.subcategories__items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
}
.subcategories__items > * {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
}
.subcategories.carousel .subcategories__items {
  flex-wrap: nowrap;
  scroll-behavior: auto;
}

.subcategory-card {
  display: flex;
  flex-direction: column;
  padding: 15px 10px;
  gap: 10px;
  max-width: 145px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  overflow: hidden;
}
.subcategory-card:hover {
  border-color: var(--cp-colour-border);
}
.subcategory-card__media, .subcategory-card__name {
  align-self: center;
  justify-self: center;
}
.subcategory-card__name {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  color: var(--cp-colour-on-surface);
  text-transform: uppercase;
  text-align: center;
  font-size: 0.875rem;
}

.subcategory-story {
  display: flex;
  flex-direction: column;
  padding: 15px 10px;
  border-radius: 6px;
  max-width: 125px;
  gap: 15px;
  transition-property: background-color;
  transition-duration: 250ms;
  transition-timing-function: ease-in-out;
}
.subcategory-story:hover {
  background-color: var(--cp-colour-surface-inset);
}
.subcategory-story__media, .subcategory-story__name {
  align-self: center;
  justify-self: center;
}
.subcategory-story__name {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  color: var(--cp-colour-on-surface);
  text-transform: uppercase;
  text-align: center;
  font-size: 0.75rem;
}
.subcategory-story__media {
  border: 2px solid transparent;
  border-radius: 6px;
  border-radius: 50%;
  background-image: linear-gradient(white, white), radial-gradient(circle at 0%, var(--cp-colour-red), var(--cp-colour-orange));
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.subcategory-story__image {
  padding: 2px;
  border-radius: 50%;
}

.swatch {
  display: inline-flex;
  flex-direction: row;
  gap: 10px;
  border: 2px solid var(--cp-colour-border);
  border-radius: 6px;
  align-items: center;
}
.swatch:hover {
  border-color: var(--cp-colour-border-strong);
}
.swatch--text {
  padding: 8px 10px;
}
.swatch--text .swatch__label {
  font-size: 1rem;
}
.swatch--colour .swatch__label, .swatch--image .swatch__label {
  display: none;
}
.swatch__label {
  font-size: 1rem;
  text-transform: uppercase;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-style: normal;
}
.swatch__image, .swatch__colour {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  box-shadow: 0 0 4px var(--cp-colour-border);
}
.swatch__image {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.swatch[disabled], .swatch.is-disabled {
  background-color: var(--cp-colour-border);
  opacity: 0.75;
  cursor: not-allowed;
}
.swatch[data-selected=true], .swatch.is-selected {
  border-color: var(--cp-colour-on-surface);
  color: var(--cp-colour-on-surface);
}

.limiter {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.limiter__prefix {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  font-size: 1em;
}
.limiter__options .input-select .input-select__wrapper {
  min-height: 0;
  padding: 4px 8px;
}
.limiter__options .input-select label {
  padding: 0;
}
.limiter__options .input-select label .input-select__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.limiter__options .input-select label {
  font-size: 0.875rem;
  line-height: 28px;
  height: 28px;
}
.limiter__options .input-select label::after {
  font-size: 0.875rem;
  top: calc(50% - 7px);
}
.limiter__options .input-select select {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
}

.drawer .limiter {
  flex-direction: column;
  align-items: stretch;
  gap: 5px;
  border-top: 1px solid var(--cp-colour-border);
  padding-top: 15px;
  margin-top: 10px;
}
.drawer .limiter__prefix {
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface-muted);
}
.drawer .limiter__suffix {
  display: none;
}
.drawer .limiter__options .input-select .input-select__wrapper {
  min-height: 0;
  padding: 4px 8px;
}
.drawer .limiter__options .input-select label {
  padding: 0;
}
.drawer .limiter__options .input-select label {
  font-size: 1rem;
  line-height: 40px;
  height: 40px;
}
.drawer .limiter__options .input-select label::after {
  font-size: 1rem;
  top: calc(50% - 8px);
}
.drawer .limiter__options .input-select select {
  font-size: 1rem;
  width: 100%;
}

.sorter {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.sorter__prefix {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  font-size: 1em;
}
.sorter__options .input-select .input-select__wrapper {
  min-height: 0;
  padding: 4px 8px;
}
.sorter__options .input-select label {
  padding: 0;
}
.sorter__options .input-select label .input-select__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.sorter__options .input-select label {
  font-size: 0.875rem;
  line-height: 28px;
  height: 28px;
}
.sorter__options .input-select label::after {
  font-size: 0.875rem;
  top: calc(50% - 7px);
}
.sorter__options .input-select select {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
}

.drawer .sorter {
  flex-direction: column;
  align-items: stretch;
  gap: 5px;
}
.drawer .sorter__prefix {
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface-muted);
}
.drawer .sorter__options .input-select .input-select__wrapper {
  min-height: 0;
  padding: 4px 8px;
}
.drawer .sorter__options .input-select label {
  padding: 0;
}
.drawer .sorter__options .input-select label {
  font-size: 1rem;
  line-height: 40px;
  height: 40px;
}
.drawer .sorter__options .input-select label::after {
  font-size: 1rem;
  top: calc(50% - 8px);
}
.drawer .sorter__options .input-select select {
  font-size: 1rem;
  width: 100%;
}

.wholesale-breakdown {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  gap: 20px;
  justify-content: center;
  align-items: center;
}
.wholesale-breakdown__title, .wholesale-breakdown__content {
  display: block;
  width: 100%;
}
.wholesale-breakdown__title {
  font-size: 1rem;
  font-weight: normal;
  padding: 5px;
  color: var(--cp-colour-on-surface);
  background-color: var(--cp-colour-surface-overlay);
  text-align: center;
}
.wholesale-breakdown__content {
  display: flex;
  flex-direction: column;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  padding: 10px;
  color: var(--cp-colour-on-surface);
  gap: 15px;
}
.wholesale-breakdown__content hr {
  border-color: var(--cp-colour-surface-inset);
}

.cart-summary {
  display: grid;
  gap: 15px;
  padding: 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface-overlay);
}
.cart-summary__title {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.5625rem;
}
.cart-summary__title h3 {
  justify-self: start;
  margin: 0;
  line-height: 1;
}
.cart-summary__details {
  margin-left: -15px;
  margin-right: -15px;
  padding: 15px;
  background-color: var(--cp-colour-surface-overlay);
  display: grid;
  gap: 15px;
}
.cart-summary__subtotals {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.cart-summary__subtotals .cart-summary__separator {
  width: 100%;
  border: none;
  border-top: 1px solid var(--cp-colour-border);
  margin: 0;
}
.cart-summary__totals {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.cart-summary__totals .gst-note {
  margin-top: calc(-1 * 15px + 4px);
}
.cart-summary__totals:before, .cart-summary__totals:after {
  content: "";
  border: 1px solid var(--cp-colour-border);
}
.cart-summary__totals .receipt-item--total .receipt-item__name,
.cart-summary__totals .receipt-item--total .receipt-item__value {
  font-size: 1.5rem;
}
.cart-summary__totals .receipt-item--tax .receipt-item__name,
.cart-summary__totals .receipt-item--tax .receipt-item__value {
  font-size: 0.875rem;
}
.cart-summary__estimate .shipping-estimator__destination,
.cart-summary__estimate .shipping-estimator__start {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.125rem;
}
.cart-summary__estimate .shipping-estimator__label strong,
.cart-summary__estimate .shipping-estimator__start,
.cart-summary__estimate .shipping-estimator__change {
  font-weight: normal;
}
.cart-summary__delivery .receipt-item__name {
  gap: 0.125rem 0.3125rem;
  line-height: 1.25;
}
.cart-summary__delivery .receipt-item__label-suffix {
  display: inline;
}
.cart-summary__delivery-place {
  color: var(--cp-colour-on-surface-muted);
}
.cart-summary__delivery-action {
  white-space: nowrap;
}
.cart-summary__delivery-change {
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  color: var(--cp-colour-orange);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.cart-summary__delivery-change:hover {
  text-decoration-thickness: 2px;
}
.cart-summary__delivery-change:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 2px;
  border-radius: 2px;
}
.cart-summary__notes {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
}
.cart-summary__primary-actions {
  align-self: end;
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 15px;
}
.cart-summary__primary-actions .button {
  width: 100%;
  font-size: 2rem;
  justify-content: center;
}
.cart-summary__secondary-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
  gap: 15px;
  justify-content: space-evenly;
}
.cart-summary__secondary-actions .button {
  justify-content: center;
  background-color: transparent;
  border: 1px solid transparent;
  transition-property: background-color, border-color;
  transition-duration: 250ms;
  transition-timing-function: ease-in-out;
}
.cart-summary__secondary-actions .button__icon, .cart-summary__secondary-actions .button__label {
  transition-property: color;
  transition-duration: 250ms;
  transition-timing-function: ease-in-out;
}
.cart-summary__secondary-actions .button__icon {
  font-size: 1.5rem;
}
.cart-summary__secondary-actions .button__label {
  text-transform: initial;
  font-weight: normal;
}
.cart-summary__secondary-actions .button--paypal {
  border-color: #10377d;
  color: #10377d;
}
.cart-summary__secondary-actions .button--paypal:hover {
  background-color: #10377d;
  border-color: #10377d;
  color: var(--cp-colour-white);
}
[data-theme=dark] .cart-summary__secondary-actions .button--paypal {
  border-color: color-mix(in oklch, #10377d, white 25%);
  color: color-mix(in oklch, #10377d, white 25%);
}
[data-theme=dark] .cart-summary__secondary-actions .button--paypal:hover {
  background-color: color-mix(in oklch, #10377d, transparent 80%);
  border-color: color-mix(in oklch, #10377d, white 25%);
  color: color-mix(in oklch, #10377d, white 25%);
}
.cart-summary__secondary-actions .button--apple {
  border-color: var(--cp-colour-on-surface);
  color: var(--cp-colour-on-surface);
}
.cart-summary__secondary-actions .button--apple:hover {
  background-color: var(--cp-colour-on-surface);
  border-color: var(--cp-colour-on-surface);
  color: var(--cp-colour-white);
}
[data-theme=dark] .cart-summary__secondary-actions .button--apple:hover {
  background-color: color-mix(in oklch, var(--cp-colour-on-surface), transparent 80%);
  color: var(--cp-colour-on-surface);
}
.cart-summary__secondary-actions .button--google {
  border-color: #4c8bf5;
  color: #4c8bf5;
}
.cart-summary__secondary-actions .button--google:hover {
  background-color: #4c8bf5;
  border-color: #4c8bf5;
  color: var(--cp-colour-white);
}
[data-theme=dark] .cart-summary__secondary-actions .button--google {
  border-color: color-mix(in oklch, #4c8bf5, white 20%);
  color: color-mix(in oklch, #4c8bf5, white 20%);
}
[data-theme=dark] .cart-summary__secondary-actions .button--google:hover {
  background-color: color-mix(in oklch, #4c8bf5, transparent 80%);
  border-color: color-mix(in oklch, #4c8bf5, white 20%);
  color: color-mix(in oklch, #4c8bf5, white 20%);
}
.cart-summary hr.or {
  margin-top: 20px;
  border-top-color: var(--cp-colour-border-strong);
  color: var(--cp-colour-on-surface-muted);
}

.cart-summary.is-updating .receipt-item__value .price,
.cart-summary.is-updating .payment-breakdown__amount,
.cart-summary.is-updating .payment-breakdown__due .price {
  animation: calculating-figures-pulse 900ms ease-in-out infinite alternate;
}
@media (prefers-reduced-motion: reduce) {
  .cart-summary.is-updating .receipt-item__value .price,
  .cart-summary.is-updating .payment-breakdown__amount,
  .cart-summary.is-updating .payment-breakdown__due .price {
    animation: none;
    opacity: 0.5;
  }
}

.cart-trigger {
  position: relative;
  font-size: 1.5rem;
  transition-property: top, left;
  transition-duration: 330ms;
  transition-timing-function: ease-in-out;
}
.cart-trigger__qty {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--cp-colour-on-surface-muted);
  border-radius: 100%;
  text-align: center;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  line-height: 20px;
  font-size: 0.8rem;
  width: 20px;
  height: 20px;
  color: var(--cp-colour-white);
}
.cart-trigger__qty--enter {
  transition: opacity 200ms ease-out, transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.cart-trigger__qty--enter-start {
  opacity: 0;
  transform: translateY(6px) scale(0.5);
}
.cart-trigger__qty--enter-end {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.cart-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: none;
  cursor: pointer;
  transition: top 330ms ease-in-out, left 330ms ease-in-out, background-color 150ms ease-in-out;
}
.cart-trigger:hover, .cart-trigger[aria-expanded=true] {
  background-color: color-mix(in oklch, currentColor 12%, transparent);
}
.cart-trigger:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 2px;
}
@media (max-width: 1279px) {
  .cart-trigger {
    color: var(--cp-colour-on-surface);
  }
}
@media (min-width: 1280px) {
  .cart-trigger {
    color: var(--cp-colour-red);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cart-trigger {
    transition: none;
  }
}
.form-address .fieldset {
  display: grid;
  row-gap: 15px;
  column-gap: 15px;
  margin-bottom: 20px;
  border: none;
  padding: 0;
}
.form-address .legend {
  margin: 0 0 15px;
  font-size: 1.125rem;
  font-weight: 600;
  display: block;
}
.form-address .field {
  margin-bottom: 15px;
}
.form-address .field.required .label::after {
  content: " *";
  color: var(--cp-colour-error);
}
.form-address .field.choice {
  display: flex;
  align-items: center;
  gap: 8px;
}
.form-address .field.choice .checkbox {
  width: auto;
  margin: 0;
}
.form-address .field.additional {
  margin-bottom: 10px;
}
.form-address .label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}
.form-address .control {
  position: relative;
}
.form-address .actions-toolbar {
  display: flex;
  gap: 15px;
  margin-top: 20px;
}
.form-address .action.save.primary {
  background-color: var(--cp-colour-blue);
  color: var(--cp-colour-white);
  padding: 12px 24px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.875rem;
}
.form-address .action.back {
  color: var(--cp-colour-blue);
  text-decoration: none;
  padding: 12px 0;
  font-size: 0.875rem;
}
.form-address .nested {
  margin-top: 10px;
}
.form-address__link {
  justify-self: start;
  padding: 0;
  border: 0;
  background: none;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface);
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
.form-address__link:hover {
  color: var(--cp-colour-primary);
}
.form-address__link:focus-visible {
  outline: 2px solid var(--cp-colour-primary);
  outline-offset: 2px;
}
.form-address--entry-switch {
  margin-top: calc(15px * -0.5);
}
.form-address__selected {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background: var(--cp-colour-surface);
  animation: form-address-found var(--cp-transition-duration-normal) var(--cp-transition-easing-enter) both;
}
@media (prefers-reduced-motion: reduce) {
  .form-address__selected {
    animation: none;
  }
}
.form-address__selected-body {
  display: grid;
  grid-template-columns: auto 1fr auto;
}
.form-address__selected.has-map .form-address__selected-body {
  grid-template-columns: 1fr auto;
}
.form-address__selected-body {
  align-items: start;
  gap: 10px;
  padding: 15px;
}
.form-address__banner {
  position: relative;
  border-bottom: 1px solid var(--cp-colour-border);
}
.form-address__banner-map {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4/1;
}
@media (max-width: 599px) {
  .form-address__banner-map {
    aspect-ratio: 5/2;
  }
}
.form-address__banner-pin {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  font-size: 1.875rem;
  line-height: 1;
  color: var(--cp-colour-primary);
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.3));
  transform: translate(-50%, -100%);
  animation: form-address-pin-drop 520ms cubic-bezier(0.3, 0, 0.3, 1) 120ms both;
}
.form-address__banner-pin::after {
  content: "";
  position: absolute;
  bottom: -0.1875rem;
  left: 50%;
  width: 0.75rem;
  height: 0.25rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.25);
  transform: translateX(-50%);
  animation: form-address-pin-shadow 520ms cubic-bezier(0.3, 0, 0.3, 1) 120ms both;
}
@media (prefers-reduced-motion: reduce) {
  .form-address__banner-pin {
    animation: none;
  }
  .form-address__banner-pin::after {
    animation: none;
  }
}
.form-address__unit-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  align-self: flex-start;
  margin: 0 0 0.25rem;
  padding: 0.1875rem 0.625rem;
  border: 1px dashed var(--cp-colour-border-strong);
  border-radius: 999px;
  background: none;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface);
  cursor: pointer;
  animation: form-address-found var(--cp-transition-duration-normal) var(--cp-transition-easing-enter) 150ms both;
  transition: border-color var(--cp-transition-duration-fast) var(--cp-transition-easing-default), color var(--cp-transition-duration-fast) var(--cp-transition-easing-default), background-color var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
.form-address__unit-chip svg {
  font-size: 0.625rem;
  color: var(--cp-colour-primary);
}
.form-address__unit-chip:hover {
  border-style: solid;
  border-color: var(--cp-colour-primary);
  background-color: var(--cp-colour-surface-overlay);
}
.form-address__unit-chip:focus-visible {
  outline: 2px solid var(--cp-colour-primary);
  outline-offset: 2px;
}
.form-address__unit-inline {
  display: block;
  margin: 0.125rem 0;
}
.form-address__unit-input {
  width: 100%;
  max-width: 17.5rem;
  padding: 0.25rem 0.5rem;
  margin-left: -0.5625rem;
  border: 1px solid var(--cp-colour-orange);
  border-radius: 6px;
  background: var(--cp-colour-surface);
  font: inherit;
  color: var(--cp-colour-on-surface);
  animation: form-address-unit-open var(--cp-transition-duration-normal) var(--cp-transition-easing-enter) both;
}
.form-address__unit-input::placeholder {
  color: var(--cp-colour-placeholder);
}
.form-address__unit-input:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--cp-colour-surface-overlay);
}
.form-address__unit-line {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  align-self: flex-start;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: var(--cp-colour-on-surface);
  text-align: left;
  cursor: pointer;
}
.form-address__unit-line:hover, .form-address__unit-line:focus-visible {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.form-address__unit-line:focus-visible {
  outline: 2px solid var(--cp-colour-primary);
  outline-offset: 2px;
}
.form-address__unit-line-icon {
  font-size: 0.625rem;
  color: var(--cp-colour-on-surface-muted);
}
.form-address__selected-icon {
  display: flex;
  padding-top: 0.125rem;
  color: var(--cp-colour-primary);
  font-size: 0.9375rem;
}
.form-address__selected-address {
  display: flex;
  flex-direction: column;
  font-style: normal;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.form-address__selected-street {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--cp-colour-on-surface);
}
.form-address__selected-actions {
  display: flex;
  gap: 15px;
}
@media (min-width: 940px) {
  .form-address .fieldset {
    grid-template-columns: repeat(12, 1fr);
  }
  .form-address--firstname, .form-address--lastname {
    grid-column: span 6;
  }
  .form-address--saved-address, .form-address--company, .form-address--country, .form-address--street1, .form-address--street2, .form-address--lookup, .form-address--selected, .form-address--entry-switch, .form-address--phone {
    grid-column: span 12;
  }
  .form-address--city {
    grid-column: span 6;
  }
  .form-address--region, .form-address--postcode {
    grid-column: span 3;
  }
  .form-address .legend {
    grid-column: span 12;
  }
}

@keyframes form-address-found {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes form-address-pin-drop {
  0% {
    opacity: 0;
    transform: translate(-50%, -260%);
  }
  60% {
    opacity: 1;
    transform: translate(-50%, -92%);
  }
  80% {
    transform: translate(-50%, -112%);
  }
  100% {
    transform: translate(-50%, -100%);
  }
}
@keyframes form-address-pin-shadow {
  0% {
    opacity: 0;
    transform: translateX(-50%) scale(0.3);
  }
  60%, 100% {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }
}
@keyframes form-address-unit-open {
  from {
    opacity: 0;
    transform: scaleX(0.92);
    transform-origin: left center;
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.minicart .drawer__header {
  padding-left: 15px;
  padding-right: 47px;
}
.minicart .drawer__body {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-left: 15px;
  padding-right: 15px;
}
.minicart__body {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.minicart .drawer__footer {
  flex-direction: column;
  align-items: stretch;
  gap: 15px;
  padding-left: 15px;
  padding-right: 15px;
}
.minicart__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.minicart__header-actions {
  display: flex;
  align-items: center;
  gap: 15px;
}
.minicart__price-toggle {
  display: flex;
  align-items: center;
}
.minicart__edit {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  background: none;
  cursor: pointer;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface-muted);
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 4px 8px;
}
.minicart__edit:hover {
  color: var(--cp-colour-on-surface);
  border-color: var(--cp-colour-on-surface);
}
.minicart__edit:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 1px;
}
.minicart__edit[aria-pressed=true] {
  color: var(--cp-colour-orange);
}
.minicart__view-cart-wrap {
  display: grid;
  grid-template-rows: 0fr;
  margin-top: calc(-1 * 15px);
  visibility: hidden;
  transition: grid-template-rows 250ms ease-in-out, visibility 250ms ease-in-out;
}
.minicart__view-cart-wrap.is-open {
  grid-template-rows: 1fr;
  visibility: visible;
}
.minicart__view-cart-row {
  min-height: 0;
  overflow: hidden;
}
.minicart__view-cart {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 0.375rem;
  padding-top: 15px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--cp-colour-orange);
}
.minicart__view-cart:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.minicart__view-cart:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 2px;
  border-radius: 2px;
}
.minicart__view-cart-icon {
  font-size: 0.6875rem;
}
.minicart__items {
  margin-left: -15px;
  margin-right: -15px;
}
.minicart__items .order-line-item {
  padding-left: 15px;
  padding-right: 15px;
}
.minicart__coupon {
  margin-bottom: calc(-1 * 15px);
}
.minicart__coupon .accordion-item--minimal .accordion-item__trigger {
  padding: 5px 0;
  border-bottom: none;
  font-size: 0.9375rem;
  font-weight: normal;
  text-transform: none;
  color: var(--cp-colour-on-surface-muted);
}
.minicart__coupon .accordion-item--minimal .accordion-item__body {
  padding: 5px 0 0;
}
.minicart__coupon .redeem-code__form {
  gap: 5px;
}
.minicart__coupon .redeem-code__applied {
  margin-top: 5px;
}
.minicart__subtotals {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.minicart__subtotals:before, .minicart__subtotals:after {
  content: "";
  border-top: 1px solid var(--cp-colour-border);
  margin-top: 5px;
  margin-bottom: 5px;
}
.minicart__subtotals .receipt-item__name {
  font-size: 1rem;
}
.minicart__subtotals .receipt-item__value .price {
  font-size: 1rem;
}
.minicart__totals {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.minicart__totals .gst-note {
  margin-top: calc(-1 * 15px + 4px);
}
.minicart__notice {
  font-size: 0.875rem;
}
.minicart__primary-actions {
  display: grid;
  grid-template-columns: 1fr;
}
.minicart__primary-actions .button {
  width: 100%;
  font-size: 1.625rem;
  justify-content: center;
}
.minicart__secondary-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
  gap: 15px;
  justify-content: space-evenly;
}
.minicart__secondary-actions .button {
  justify-content: center;
  background-color: transparent;
  border: 1px solid transparent;
  transition-property: background-color, border-color;
  transition-duration: 250ms;
  transition-timing-function: ease-in-out;
}
.minicart__secondary-actions .button__icon, .minicart__secondary-actions .button__label {
  transition-property: color;
  transition-duration: 250ms;
  transition-timing-function: ease-in-out;
}
.minicart__secondary-actions .button__icon {
  font-size: 1.125rem;
}
.minicart__secondary-actions .button__label {
  text-transform: initial;
  font-weight: normal;
}
.minicart__secondary-actions .button--paypal {
  border-color: #10377d;
}
.minicart__secondary-actions .button--paypal .button__icon,
.minicart__secondary-actions .button--paypal .button__label {
  color: #10377d;
}
.minicart__secondary-actions .button--paypal:hover {
  background-color: #10377d;
}
.minicart__secondary-actions .button--paypal:hover .button__icon,
.minicart__secondary-actions .button--paypal:hover .button__label {
  color: var(--cp-colour-white);
}
[data-theme=dark] .minicart__secondary-actions .button--paypal {
  border-color: color-mix(in oklch, #10377d, white 25%);
}
[data-theme=dark] .minicart__secondary-actions .button--paypal .button__icon,
[data-theme=dark] .minicart__secondary-actions .button--paypal .button__label {
  color: color-mix(in oklch, #10377d, white 25%);
}
[data-theme=dark] .minicart__secondary-actions .button--paypal:hover {
  background-color: color-mix(in oklch, #10377d, transparent 80%);
}
[data-theme=dark] .minicart__secondary-actions .button--paypal:hover .button__icon,
[data-theme=dark] .minicart__secondary-actions .button--paypal:hover .button__label {
  color: color-mix(in oklch, #10377d, white 25%);
}
.minicart__secondary-actions .button--apple {
  border-color: var(--cp-colour-on-surface);
}
.minicart__secondary-actions .button--apple .button__icon,
.minicart__secondary-actions .button--apple .button__label {
  color: var(--cp-colour-on-surface);
}
.minicart__secondary-actions .button--apple:hover {
  background-color: var(--cp-colour-on-surface);
}
.minicart__secondary-actions .button--apple:hover .button__icon,
.minicart__secondary-actions .button--apple:hover .button__label {
  color: var(--cp-colour-white);
}
[data-theme=dark] .minicart__secondary-actions .button--apple:hover {
  background-color: color-mix(in oklch, var(--cp-colour-on-surface), transparent 80%);
}
[data-theme=dark] .minicart__secondary-actions .button--apple:hover .button__icon,
[data-theme=dark] .minicart__secondary-actions .button--apple:hover .button__label {
  color: var(--cp-colour-on-surface);
}
.minicart__secondary-actions .button--google {
  border-color: #4c8bf5;
}
.minicart__secondary-actions .button--google .button__icon,
.minicart__secondary-actions .button--google .button__label {
  color: #4c8bf5;
}
.minicart__secondary-actions .button--google:hover {
  background-color: #4c8bf5;
}
.minicart__secondary-actions .button--google:hover .button__icon,
.minicart__secondary-actions .button--google:hover .button__label {
  color: var(--cp-colour-white);
}
[data-theme=dark] .minicart__secondary-actions .button--google {
  border-color: color-mix(in oklch, #4c8bf5, white 20%);
}
[data-theme=dark] .minicart__secondary-actions .button--google .button__icon,
[data-theme=dark] .minicart__secondary-actions .button--google .button__label {
  color: color-mix(in oklch, #4c8bf5, white 20%);
}
[data-theme=dark] .minicart__secondary-actions .button--google:hover {
  background-color: color-mix(in oklch, #4c8bf5, transparent 80%);
}
[data-theme=dark] .minicart__secondary-actions .button--google:hover .button__icon,
[data-theme=dark] .minicart__secondary-actions .button--google:hover .button__label {
  color: color-mix(in oklch, #4c8bf5, white 20%);
}
.minicart hr.or {
  background: var(--cp-colour-surface-inset);
  border-top-color: var(--cp-colour-border-strong);
  color: var(--cp-colour-on-surface-muted);
}

.minicart__body {
  animation: minicart-swap-in 250ms ease-in-out backwards;
}

@keyframes minicart-swap-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .minicart__body {
    animation: none;
  }
}
.order-detail-card {
  display: grid;
  gap: 10px;
}
.order-detail-card__title {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}
.order-detail-card__content {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  line-height: 1.5;
}
.order-detail-card .price {
  display: inline-flex;
}
.order-detail-card .price__value {
  font-size: 0.875rem;
  gap: initial;
}
.order-detail-card .price__decimal {
  font-size: 0.875rem;
  margin: 0;
}
.order-detail-card .price__decimal:before {
  content: ".";
}

.order-summary-layout {
  display: grid;
  gap: 15px 30px;
}
@media (max-width: 939px) {
  .order-summary-layout {
    grid-template-columns: 1fr;
    grid-template-areas: "address-map" "details" "items" "subtotals" "total";
  }
}
@media (min-width: 940px) {
  .order-summary-layout {
    position: relative;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "address-map details" "items items" "subtotals subtotals" "total total";
  }
  .order-summary-layout__print {
    grid-area: print;
    position: absolute;
    top: 30px;
    right: 30px;
  }
}
.order-summary-layout__address-map {
  grid-area: address-map;
}
@media (min-width: 940px) {
  .order-summary-layout__address-map {
    position: relative;
  }
}
.order-summary-layout__address-map img {
  border-radius: 6px;
  object-fit: cover;
}
@media (min-width: 940px) {
  .order-summary-layout__address-map img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 939px) {
  .order-summary-layout__address-map img {
    max-height: 12.5rem;
    width: 100%;
  }
}
.order-summary-layout__details {
  grid-area: details;
  display: grid;
  gap: 30px;
  align-content: start;
}
@media (max-width: 939px) {
  .order-summary-layout__details {
    gap: 20px;
  }
}
.order-summary-layout__items, .order-summary-layout__subtotals {
  border-top: 1px solid var(--cp-colour-border);
  padding-top: 10px;
  padding-bottom: 10px;
}
.order-summary-layout__items {
  grid-area: items;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.order-summary-layout__subtotals {
  grid-area: subtotals;
  display: grid;
  gap: 10px;
  text-transform: uppercase;
}
.order-summary-layout__subtotals .order-summary-layout__separator {
  width: 100%;
  border: none;
  border-top: 1px solid var(--cp-colour-border);
  margin: 0;
}
.order-summary-layout__total {
  grid-area: total;
}
.order-summary-layout__total .receipt-item--total .receipt-item__name,
.order-summary-layout__total .receipt-item--total .receipt-item__value {
  font-size: 1.875rem;
}
.order-summary-layout__total {
  text-transform: uppercase;
  font-size: 1.875rem;
  font-weight: bold;
}

.order-address {
  display: flex;
  flex-direction: column;
  font-style: normal;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  line-height: 1.5;
}
.order-address__name {
  font-weight: bold;
}
.order-address__phone {
  margin-top: 0.25rem;
  color: var(--cp-colour-on-surface-muted);
}

.order-payment {
  display: flex;
  align-items: center;
  gap: 10px;
}
.order-payment__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  width: 4.5rem;
  height: 2.75rem;
  align-self: flex-start;
  flex-shrink: 0;
  background: var(--cp-colour-white);
  border: 1px solid var(--cp-colour-grey5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.order-payment__icon svg,
.order-payment__icon img {
  display: block;
  width: 3.25rem;
  height: 2rem;
  object-fit: contain;
}
.order-payment__icon--klarna {
  background: #ffb3c7;
  border-color: #e8aabb;
}
.order-payment__icon--klarna svg {
  fill: #17120e;
}
.order-payment__icon--bank-transfer {
  background: var(--cp-colour-white);
  border-color: var(--cp-colour-border);
  padding: 0.5rem;
}
.order-payment__icon--bank-transfer svg {
  fill: var(--cp-colour-on-surface-muted);
  width: 100%;
  height: 100%;
}
.order-payment__icon--gift-card, .order-payment__icon--store-credit {
  background: var(--cp-colour-white);
  border-color: var(--cp-colour-border);
  padding: 0.5rem;
}
.order-payment__icon--gift-card svg, .order-payment__icon--store-credit svg {
  fill: var(--cp-colour-on-surface-muted);
  width: 100%;
  height: 100%;
}
.order-payment__icon--credit-card, .order-payment__icon--other {
  background: var(--cp-colour-surface-overlay);
  border-color: var(--cp-colour-border);
}
.order-payment__icon--credit-card svg, .order-payment__icon--other svg {
  fill: var(--cp-colour-on-surface-muted);
}
.order-payment__details {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.order-payment__label {
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
}
.order-payment__amount {
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
}
.order-payment__amount--due {
  color: var(--cp-colour-orange);
  font-weight: bold;
}
.order-payment__amount--paid {
  color: var(--cp-colour-on-surface-muted);
}
.order-payment__amount--refunded {
  color: var(--cp-colour-green);
  font-weight: bold;
}
.order-payment__reference {
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
}

.bank-account-details__tabs {
  display: flex;
  gap: 0.125rem;
  margin-top: 0.5rem;
}
.bank-account-details__tab {
  padding: 0.1875rem 0.625rem;
  border-radius: 1.25rem;
  border: 1px solid var(--cp-colour-border);
  background: none;
  font-size: 0.6875rem;
  font-weight: 600;
  color: var(--cp-colour-on-surface-muted);
  cursor: pointer;
  transition: all 0.15s ease;
}
.bank-account-details__tab.is-active {
  background: var(--cp-colour-on-surface);
  border-color: var(--cp-colour-on-surface);
  color: var(--cp-colour-surface);
}
.bank-account-details__tab:not(.is-active):hover {
  border-color: var(--cp-colour-on-surface-muted);
  color: var(--cp-colour-on-surface);
}
.bank-account-details__list {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 15px;
  row-gap: 0.3125rem;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  align-items: center;
}
.bank-account-details__list dt {
  color: var(--cp-colour-on-surface-muted);
  white-space: nowrap;
}
.bank-account-details__list dd {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  font-weight: 600;
  margin: 0;
  letter-spacing: 0.04em;
}
.bank-account-details__list dd.is-code {
  font-family: monospace;
}
.bank-account-details__list dd.is-reference {
  font-family: monospace;
  color: #f16e01;
}
.bank-account-details__list dd.is-placeholder {
  font-style: italic;
  font-weight: normal;
  letter-spacing: normal;
  color: var(--cp-colour-on-surface-muted);
}
.bank-account-details__note {
  margin: 0.25rem 0 0;
  padding-top: 0.375rem;
  border-top: 1px solid var(--cp-colour-border);
  color: var(--cp-colour-on-surface-muted);
  font-size: 0.6875rem;
  line-height: 1.4;
}
.bank-account-details__copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--cp-colour-border);
  transition: color 0.15s ease;
  flex-shrink: 0;
}
.bank-account-details__copy svg {
  width: 0.6875rem;
  height: 0.6875rem;
}
.bank-account-details__copy:hover {
  color: var(--cp-colour-on-surface-muted);
}
.bank-account-details__copy.is-copied {
  color: #00b132;
}

.address-method-select {
  position: relative;
  font-family: "Arial", "Helvetica", "sans-serif";
  color: var(--cp-colour-on-surface);
}
.address-method-select__label {
  display: block;
  margin-bottom: 5px;
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
}
.address-method-select__trigger {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
  padding: 10px 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 150ms ease-in-out;
}
.address-method-select__trigger:hover {
  border-color: var(--cp-colour-border-strong);
}
.address-method-select__trigger:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 2px;
}
.address-method-select.is-open .address-method-select__trigger {
  border-color: var(--cp-colour-green);
}
.address-method-select__choices {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
}
.address-method-select.has-error .address-method-select__choices {
  border-color: var(--cp-colour-error);
}
.address-method-select__choice {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
  padding: 10px 15px;
  border: none;
  background: none;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.address-method-select__choice + .address-method-select__choice {
  border-top: 1px solid var(--cp-colour-border);
}
.address-method-select__choice:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.address-method-select__choice:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.address-method-select__choice:hover {
  background-color: var(--cp-colour-surface-inset);
}
.address-method-select__choice:hover .address-method-select__choice-arrow {
  color: var(--cp-colour-on-surface);
  transform: translateX(2px);
}
.address-method-select__choice:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: -2px;
}
.address-method-select__choice-arrow {
  flex-shrink: 0;
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
  transition: transform 150ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .address-method-select__choice-arrow {
    transition: none;
  }
}
.address-method-select__error {
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin: 5px 0 0;
  font-size: 0.8125rem;
  color: var(--cp-colour-error);
}
.address-method-select__chevron {
  flex-shrink: 0;
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
  transition: transform 150ms ease-in-out;
}
.address-method-select.is-open .address-method-select__chevron {
  transform: rotate(180deg);
}
@media (prefers-reduced-motion: reduce) {
  .address-method-select__chevron {
    transition: none;
  }
}
.address-method-select__content {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 15px;
}
.address-method-select__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background-color: var(--cp-colour-surface-inset);
  font-size: 0.9375rem;
}
.address-method-select__trigger .address-method-select__icon {
  background-color: var(--cp-colour-green);
  color: var(--cp-colour-white);
}
.address-method-select__text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.address-method-select__title {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.3;
}
.address-method-select__subtitle {
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--cp-colour-on-surface-muted);
}
.address-method-select__options {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  right: 0;
  z-index: 110;
  margin: 0;
  padding: 5px;
  list-style: none;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
  box-shadow: var(--cp-shadow-md);
  opacity: 0;
  transform: translateY(-4px);
  visibility: hidden;
  pointer-events: none;
  transition: opacity 150ms ease-in-out, transform 150ms ease-in-out, visibility 150ms ease-in-out;
}
.address-method-select__options:focus {
  outline: none;
}
.address-method-select.is-open .address-method-select__options {
  opacity: 1;
  transform: none;
  visibility: visible;
  pointer-events: auto;
}
.address-method-select__option {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px;
  border-radius: 6px;
  cursor: pointer;
}
.address-method-select__option.is-active {
  background-color: var(--cp-colour-surface-inset);
}
.address-method-select__option.is-selected .address-method-select__icon {
  color: var(--cp-colour-green);
}
.address-method-select__check {
  flex-shrink: 0;
  color: var(--cp-colour-green);
}

@media (prefers-reduced-motion: reduce) {
  .address-method-select__options {
    transition: none;
  }
}
/*
 * Mamis - https://www.mamis.com.au
 * Copyright © Mamis 2021-present. All rights reserved.
 * See https://www.mamis.com.au/license
 */
/*
 * Shipping estimate — the styles for the estimator's two variants (the
 * product page's read-only box and the cart's selectable receipt line).
 *
 * Compiled by the consuming theme's Vite build — the `pkg:` imports below
 * resolve through the theme's NodePackageImporter against the
 * @coffee-parts/components package. Themes import this file instead of the
 * package's components directly, so the widget's styles travel with it.
 */
.shipping-estimator {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.shipping-estimator__destination {
  display: flex;
  align-items: baseline;
  gap: 10px;
  font-size: 0.9375rem;
  line-height: 1.4;
}
.shipping-estimator__icon {
  flex-shrink: 0;
  color: var(--cp-colour-on-surface-muted);
}
.shipping-estimator__label {
  flex: 1;
  min-width: 0;
}
.shipping-estimator__label strong {
  font-weight: 600;
}
.shipping-estimator__start {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  font-size: 0.9375rem;
  font-weight: 600;
  text-align: left;
  color: var(--cp-colour-on-surface);
  cursor: pointer;
}
.shipping-estimator__start .shipping-estimator__label {
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 3px;
  transition: text-decoration-color 150ms ease-in-out;
}
.shipping-estimator__start:hover .shipping-estimator__label {
  text-decoration-color: currentColor;
}
.shipping-estimator__start:hover .shipping-estimator__chevron {
  color: var(--cp-colour-orange);
  transform: translateX(2px);
}
.shipping-estimator__start:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 4px;
  border-radius: 2px;
}
.shipping-estimator__chevron {
  flex-shrink: 0;
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
  transition: color 150ms ease-in-out, transform 150ms ease-in-out;
}
.shipping-estimator__change {
  flex-shrink: 0;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  font-weight: 600;
  color: var(--cp-colour-orange);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.shipping-estimator__change:hover {
  text-decoration-thickness: 2px;
}
.shipping-estimator__change:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 2px;
  border-radius: 2px;
}
.shipping-estimator__rates {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.shipping-estimator__rate {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  padding: 10px 0;
}
.shipping-estimator__rate + .shipping-estimator__rate {
  border-top: 1px solid var(--cp-colour-border);
}
.shipping-estimator__rate:last-child {
  padding-bottom: 0;
}
.shipping-estimator__rate-details {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}
.shipping-estimator__rate-title {
  font-size: 0.875rem;
  font-weight: 600;
}
.shipping-estimator__rate-subtitle {
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
}
.shipping-estimator__rate-amount {
  flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.shipping-estimator__form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.shipping-estimator__form .button {
  width: 100%;
  margin-top: 5px;
}

.shipping-estimate {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
}
.shipping-estimate h2 {
  margin: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}

.delivery-methods {
  display: flex;
  flex-direction: column;
}
.delivery-methods .delivery-method {
  margin-top: -1px;
}
.delivery-methods .delivery-method:first-child {
  margin-top: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.delivery-methods .delivery-method:last-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.delivery-methods .delivery-method:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.delivery-method {
  display: flex;
  flex-direction: row;
  align-items: center;
  row-gap: 5px;
  column-gap: 20px;
  padding: 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  font-family: "Arial", "Helvetica", "sans-serif";
  color: var(--cp-colour-on-surface);
  background-color: var(--cp-colour-surface);
  cursor: pointer;
}
.delivery-method:hover {
  border-color: var(--cp-colour-border-strong);
  z-index: 2;
}
.delivery-method--selected, .delivery-method--selected:hover {
  border-color: var(--cp-colour-green);
  z-index: 2;
}
.delivery-method__input {
  display: none;
}
.delivery-method__input + .delivery-method__icon:before {
  --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
  content: "\f111";
  font-weight: 400;
  color: var(--cp-colour-on-surface);
}
.delivery-method__input:checked + .delivery-method__icon:before {
  content: "\f058";
  font-weight: 900;
  color: var(--cp-colour-green);
}
.delivery-method__details {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  row-gap: 0.125rem;
}
.delivery-method__title {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.4;
}
.delivery-method__subtitle {
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--cp-colour-on-surface-muted);
}
.delivery-method__price, .delivery-method__suffix {
  margin-left: auto;
}
.delivery-method__price {
  flex-shrink: 0;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  font-weight: bold;
}
.delivery-method__price .price__value {
  font-size: 1em;
}

.checkout-cart {
  display: grid;
  align-content: start;
}
@media (max-width: 939px) {
  .checkout-cart {
    gap: 15px;
    grid-template-columns: 1fr;
    grid-template-areas: "page-title" "cart-items";
  }
}
@media (min-width: 940px) {
  .checkout-cart {
    gap: 20px;
    grid-template-columns: 1fr;
    grid-template-areas: "page-title" "cart-items";
  }
}
.checkout-cart .page-title {
  grid-area: page-title;
}
.checkout-cart .cart-content {
  grid-area: cart-items;
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}
@media (min-width: 940px) {
  .checkout-cart--empty {
    grid-template-columns: 1fr;
    grid-template-areas: "page-title" "cart-items";
  }
}
.checkout-cart--empty .sidebar {
  display: none;
}
.checkout-cart--empty .empty-state {
  min-height: 360px;
  padding: 60px;
}
@media (max-width: 939px) {
  .checkout-cart--empty .empty-state {
    padding: 30px 15px;
  }
}
.checkout-cart--empty .empty-state {
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface-raised);
}

.cart-crosssell {
  display: grid;
  gap: 30px;
}
@media (max-width: 939px) {
  .cart-crosssell {
    display: none;
  }
}
.cart-crosssell .carousel__items {
  justify-content: flex-start;
  gap: 15px;
}
.cart-crosssell .carousel__items > .carousel-item {
  flex: 0 0 calc((100% - 15px * 4) / 5);
}
.cart-crosssell .product-grid-item {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
}
.cart-crosssell .cart-crosssell__products {
  padding: 0;
  border: none;
}
.cart-crosssell .page-header__title {
  font-size: 1.125rem;
}
.cart-crosssell .page-header__subtitle {
  font-size: 1rem;
  color: var(--cp-colour-on-surface-muted);
}

.checkout-cart .cart__actions .button--link {
  font-size: 0.875rem;
  font-weight: normal;
  text-transform: none;
}

.checkout-cart .cart-sidebar {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.checkout-cart > .empty-state {
  grid-area: cart-items;
}

.cart-swap-enter-active,
.cart-swap-leave-active {
  transition: opacity 250ms ease-in-out, transform 250ms ease-in-out;
}

.cart-swap-enter-from {
  opacity: 0;
  transform: translateY(8px);
}

.cart-swap-leave-to {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .cart-swap-enter-active,
  .cart-swap-leave-active {
    transition: none;
  }
}
.gst-note {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 5px;
  margin: 0;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.75rem;
  line-height: 1.2;
  color: var(--cp-colour-on-surface-muted);
}
.gst-note__switch {
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  color: var(--cp-colour-on-surface);
  text-decoration: underline;
  cursor: pointer;
}
.gst-note__switch:hover {
  color: var(--cp-colour-orange);
}
.gst-note__switch:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 2px;
}

.gst-included-tag {
  display: inline-block;
  margin-left: calc(0.25em - 10px);
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
  opacity: 0;
  transform: translateX(-4px);
  visibility: hidden;
  transition: max-width 250ms ease-in-out, opacity 250ms ease-in-out, transform 250ms ease-in-out, visibility 250ms ease-in-out;
}

.gst-included-tag.is-included {
  max-width: 6em;
  opacity: 1;
  transform: none;
  visibility: visible;
}

@media (prefers-reduced-motion: reduce) {
  .gst-included-tag {
    transition: none;
  }
}
.account-panel {
  display: grid;
  align-content: start;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
  overflow: hidden;
}
.account-panel__header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 15px;
  padding: 15px;
  border-bottom: 1px solid var(--cp-colour-border);
}
@media (min-width: 940px) {
  .account-panel__header {
    padding: 15px 20px;
  }
}
.account-panel__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  font-size: 1rem;
  color: var(--cp-colour-orange);
  background-color: color-mix(in oklch, var(--cp-colour-orange), transparent 90%);
}
.account-panel__heading {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.account-panel__heading h3 {
  margin: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.2;
  text-transform: uppercase;
  text-wrap: balance;
  color: var(--cp-colour-on-surface);
}
.account-panel__heading p {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--cp-colour-on-surface-muted);
  text-wrap: pretty;
}
@media (max-width: 939px) {
  .account-panel__status {
    grid-column: 2/-1;
    justify-self: start;
    margin-top: calc(10px * -1);
  }
}
.account-panel__status .tag {
  gap: 5px;
}
.account-panel__body {
  padding: 20px 15px;
}
@media (min-width: 940px) {
  .account-panel__body {
    padding: 20px;
  }
}
.account-panel__body--flush {
  padding: 0;
}
.account-panel__footer, .account-panel__note {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px 15px;
  border-top: 1px solid var(--cp-colour-border);
  background-color: var(--cp-colour-surface-raised);
}
@media (min-width: 940px) {
  .account-panel__footer, .account-panel__note {
    padding: 10px 20px;
  }
}
.account-panel__footer {
  justify-content: flex-end;
}
.account-panel__note {
  align-items: baseline;
  gap: 10px;
  padding-block: 15px;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.account-panel__note p {
  margin: 0;
}
.account-panel__note a {
  color: var(--cp-colour-on-surface);
  font-weight: bold;
  text-decoration: underline;
}
.account-panel__section {
  display: grid;
  gap: 15px;
  margin: 20px 0 0;
  padding: 20px 0 0;
  border: 0;
  border-top: 1px solid var(--cp-colour-border);
}
.account-panel__section:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.account-panel__section > legend {
  float: left;
  width: 100%;
  padding: 0;
}
.account-panel__hint {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.account-panel__hint strong {
  color: var(--cp-colour-on-surface);
}
.account-panel__reveal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 100%;
  padding: 0;
  border: 0;
  background: none;
  color: var(--cp-colour-on-surface-muted);
  cursor: pointer;
}
.account-panel__reveal:hover, .account-panel__reveal:focus-visible {
  color: var(--cp-colour-on-surface);
}
.account-panel__details {
  display: grid;
  gap: 15px 20px;
  margin: 0;
}
@media (min-width: 940px) {
  .account-panel__details {
    grid-template-columns: 1fr 1fr;
  }
}
.account-panel__detail {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.account-panel__detail dd {
  margin: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.9375rem;
  color: var(--cp-colour-on-surface);
  overflow-wrap: anywhere;
}
.account-panel__detail dd a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: var(--cp-colour-border-strong);
  text-underline-offset: 2px;
}
.account-panel__detail dd a:hover {
  text-decoration-color: currentColor;
}
.account-panel__rows {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}
.account-panel__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 15px;
}
@media (min-width: 940px) {
  .account-panel__row {
    padding: 15px 20px;
  }
}
.account-panel__row + .account-panel__row {
  border-top: 1px solid var(--cp-colour-border);
}
.account-panel__row > .button,
.account-panel__row > .input-toggle {
  flex-shrink: 0;
}
.account-panel__row-text {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.account-panel__detail dt, .account-panel__row-label, .account-panel__section > legend {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface-muted);
}
.account-panel__row-label.is-strong {
  font-size: 0.9375rem;
  letter-spacing: normal;
  text-transform: none;
  color: var(--cp-colour-on-surface);
}
.account-panel__row-value {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.9375rem;
  color: var(--cp-colour-on-surface);
  overflow-wrap: anywhere;
}
.account-panel__row-value.is-muted {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}

.account-panel-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin: 0;
  padding-top: 10px;
}
.account-panel-actions__end {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-left: auto;
}

.account-menu {
  position: relative;
  display: flex;
  align-items: center;
}
.account-menu__trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: none;
  color: var(--cp-colour-red);
  cursor: pointer;
  touch-action: manipulation;
  transition: background-color var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
.account-menu__trigger:hover, .account-menu.is-open .account-menu__trigger {
  background-color: color-mix(in oklch, currentColor 12%, transparent);
}
.account-menu__trigger:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 2px;
}
.account-menu__icon {
  font-size: 1.5rem;
}
@media (max-width: 1279px) {
  .account-menu__trigger {
    color: var(--cp-colour-white);
  }
}
.account-menu__avatar {
  border-radius: 50%;
}
.account-menu__panel {
  position: absolute;
  top: calc(100% + 0.75rem);
  right: 0;
  z-index: 200;
  display: flex;
  flex-direction: column;
  width: 18.75rem;
  max-width: calc(100vw - 2rem);
  background-color: var(--cp-colour-surface);
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14), 0 2px 6px rgba(0, 0, 0, 0.08);
  color: var(--cp-colour-on-surface);
  text-align: left;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-0.375rem) scale(0.97);
  transform-origin: top right;
  transition: opacity var(--cp-transition-duration-normal) var(--cp-transition-easing-panel), transform var(--cp-transition-duration-normal) var(--cp-transition-easing-panel), visibility 0s linear var(--cp-transition-duration-normal);
}
.account-menu__panel::before {
  content: "";
  position: absolute;
  top: -0.375rem;
  right: 0.875rem;
  width: 0.6875rem;
  height: 0.6875rem;
  border-top: 1px solid var(--cp-colour-border);
  border-left: 1px solid var(--cp-colour-border);
  background-color: var(--cp-colour-surface-raised);
  transform: rotate(45deg);
}
.account-menu__panel::after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 0;
  left: 0;
  height: 0.875rem;
}
.account-menu.is-open .account-menu__panel {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: none;
  transition: opacity var(--cp-transition-duration-normal) var(--cp-transition-easing-panel), transform var(--cp-transition-duration-normal) var(--cp-transition-easing-panel), visibility 0s;
}
.account-menu__content {
  display: flex;
  flex-direction: column;
  color: var(--cp-colour-on-surface);
  text-align: left;
}
.account-menu__drawer .drawer__body {
  padding: 0;
}
.account-menu__drawer .account-menu__header,
.account-menu__drawer .account-menu__welcome {
  border-radius: 0;
  padding: 20px;
}
.account-menu__drawer .account-menu__tiles {
  padding: 15px 15px 0.375rem;
  gap: 0.5rem;
}
.account-menu__drawer .account-menu__tile {
  padding: 0.875rem 0.25rem 0.75rem;
  font-size: 0.8125rem;
}
.account-menu__drawer .account-menu__links {
  padding: 0.375rem 10px;
}
.account-menu__drawer .account-menu__link {
  padding: 0.625rem 0.5rem;
  font-size: 0.9375rem;
}
.account-menu__drawer .account-menu__logout {
  margin: 0 10px 10px;
  padding: 0.875rem 0.5rem;
  font-size: 0.9375rem;
}
.account-menu__header, .account-menu__welcome, .account-menu__tiles, .account-menu__links > li, .account-menu__logout {
  opacity: 0;
  transform: translateY(0.25rem);
  transition: opacity 240ms var(--cp-transition-easing-enter), transform 240ms var(--cp-transition-easing-enter);
}
.account-menu.is-open .account-menu__header, .account-menu.is-open .account-menu__welcome, .account-menu.is-open .account-menu__tiles, .account-menu.is-open .account-menu__links > li, .account-menu.is-open .account-menu__logout {
  opacity: 1;
  transform: none;
  transition-delay: calc(var(--row, 0) * 22ms + 40ms);
}
.account-menu__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 15px;
  border-radius: 6px 6px 0 0;
  background-color: var(--cp-colour-surface-raised);
}
.account-menu__header-avatar {
  flex: 0 0 auto;
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--cp-colour-surface), 0 0 0 3px var(--cp-colour-border);
}
.account-menu__identity {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}
.account-menu__greeting {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.25rem;
  line-height: 1.1;
  text-transform: uppercase;
}
.account-menu__email, .account-menu__intro {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--cp-colour-on-surface-muted);
}
.account-menu__email {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.account-menu__account-link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  align-self: flex-start;
  margin-top: 0.25rem;
  border-radius: 3px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.8125rem;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--cp-colour-primary);
  text-decoration: none;
}
.account-menu__account-link svg {
  font-size: 0.5625rem;
  transition: transform var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
.account-menu__account-link:hover svg, .account-menu__account-link:focus-visible svg {
  transform: translateX(2px);
}
.account-menu__account-link:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 1px;
}
.account-menu__welcome {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 1.25rem 15px 15px;
  border-radius: 6px 6px 0 0;
  background-color: var(--cp-colour-surface-raised);
  text-align: center;
}
.account-menu__welcome-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  margin-bottom: 0.25rem;
  border-radius: 50%;
  background-color: color-mix(in oklch, var(--cp-colour-primary) 14%, var(--cp-colour-surface));
  font-size: 1.1875rem;
  color: var(--cp-colour-primary);
}
.account-menu__intro {
  max-width: 14.375rem;
}
.account-menu__login {
  align-self: stretch;
  justify-content: center;
  margin-top: 0.625rem;
}
.account-menu__tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 0.375rem;
  margin: 0;
  padding: 0.625rem 0.625rem 0.25rem;
  border-top: 1px solid var(--cp-colour-border);
  list-style: none;
}
.account-menu__tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  padding: 0.625rem 0.25rem 0.5rem;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--cp-colour-on-surface);
  text-decoration: none;
  transition: border-color var(--cp-transition-duration-fast) var(--cp-transition-easing-default), background-color var(--cp-transition-duration-fast) var(--cp-transition-easing-default), transform var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
.account-menu__tile:hover, .account-menu__tile:focus-visible {
  border-color: var(--cp-colour-primary);
  background-color: color-mix(in oklch, var(--cp-colour-primary) 6%, var(--cp-colour-surface));
}
.account-menu__tile:active {
  transform: scale(0.97);
}
.account-menu__tile:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 1px;
}
.account-menu__tile-icon {
  position: relative;
  font-size: 1.125rem;
  color: var(--cp-colour-primary);
}
.account-menu__tile-icon .account-menu__badge {
  position: absolute;
  top: -0.4375rem;
  right: -0.8125rem;
}
.account-menu__links {
  display: flex;
  flex-direction: column;
  gap: 1px;
  margin: 0;
  padding: 0.375rem;
  list-style: none;
}
.account-menu__header + .account-menu__links {
  border-top: 1px solid var(--cp-colour-border);
}
.account-menu__link, .account-menu__logout {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.5rem;
  border-radius: 3px;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface);
  text-decoration: none;
  transition: background-color var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
.account-menu__link:hover, .account-menu__link:focus-visible, .account-menu__logout:hover, .account-menu__logout:focus-visible {
  background-color: var(--cp-colour-surface-inset);
}
.account-menu__link:focus-visible, .account-menu__logout:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: -2px;
}
.account-menu__link-icon {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 6px;
  background-color: var(--cp-colour-surface-inset);
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
  transition: background-color var(--cp-transition-duration-fast) var(--cp-transition-easing-default), color var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
.account-menu__link:hover .account-menu__link-icon, .account-menu__link:focus-visible .account-menu__link-icon {
  background-color: color-mix(in oklch, var(--cp-colour-primary) 14%, var(--cp-colour-surface));
  color: var(--cp-colour-primary);
}
.account-menu__link-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.0625rem;
  min-width: 0;
}
.account-menu__link-description {
  font-size: 0.75rem;
  line-height: 1.35;
  color: var(--cp-colour-on-surface-muted);
}
.account-menu__link-chevron {
  flex: 0 0 auto;
  font-size: 0.625rem;
  color: var(--cp-colour-on-surface-muted);
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity var(--cp-transition-duration-fast) var(--cp-transition-easing-default), transform var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
.account-menu__link:hover .account-menu__link-chevron, .account-menu__link:focus-visible .account-menu__link-chevron {
  opacity: 1;
  transform: none;
}
.account-menu__badge {
  min-width: 1.125rem;
  padding: 0.0625rem 0.3125rem;
  border-radius: 999px;
  background-color: var(--cp-colour-primary);
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  color: var(--cp-colour-white);
}
.account-menu__logout {
  margin: 0 0.375rem 0.375rem;
  padding-top: 0.625rem;
  border-top: 1px solid var(--cp-colour-border);
  border-radius: 0 0 3px 3px;
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
}
.account-menu__logout:hover, .account-menu__logout:focus-visible {
  color: var(--cp-colour-red);
}

@media (prefers-reduced-motion: reduce) {
  .account-menu__panel,
  .account-menu.is-open .account-menu__panel,
  .account-menu__header,
  .account-menu__welcome,
  .account-menu__tiles,
  .account-menu__links > li,
  .account-menu__logout,
  .account-menu.is-open .account-menu__header,
  .account-menu.is-open .account-menu__welcome,
  .account-menu.is-open .account-menu__tiles,
  .account-menu.is-open .account-menu__links > li,
  .account-menu.is-open .account-menu__logout {
    transform: none;
    transition: none;
  }
}
.address-card {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
  overflow: hidden;
}
.address-card__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 4px;
  padding: 15px;
}
@media (min-width: 940px) {
  .address-card__body {
    padding: 15px 20px;
  }
}
.address-card__name {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface);
}
.address-card__type {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  margin-top: 0.125rem;
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
}
.address-card__type-icon {
  font-size: 0.6875rem;
}
.address-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 2px 0 5px;
  padding: 0;
  list-style: none;
}
.address-card__badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 8px;
  border-radius: 6px;
  background-color: color-mix(in oklch, var(--cp-colour-green), transparent 88%);
  color: color-mix(in oklch, var(--cp-colour-green), var(--cp-colour-on-surface) 45%);
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.address-card__badge i {
  font-size: 0.6875rem;
}
.address-card__address {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  font-style: normal;
  line-height: 1.6;
  color: var(--cp-colour-grey2);
  white-space: pre-line;
}
.address-card__phone {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
  margin-top: 4px;
}
.address-card__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0 15px;
  padding: 5px 15px;
  border-top: 1px solid var(--cp-colour-border);
  background-color: var(--cp-colour-surface-raised);
}
@media (min-width: 940px) {
  .address-card__actions {
    padding: 5px 20px;
  }
}
.address-card__actions .button {
  min-height: 2rem;
  background: none;
  border: none;
  padding: 0;
  text-decoration: none;
  text-transform: none;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.8125rem;
  font-weight: normal;
  color: var(--cp-colour-on-surface);
}
.address-card__actions .button:hover {
  background: none;
  border: none;
  color: var(--cp-colour-orange);
}

.address-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.address-list__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.address-list__grid {
  display: grid;
  gap: 15px;
  grid-template-columns: 1fr;
}
@media (min-width: 940px) {
  .address-list__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 980px) {
  .address-list__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 940px) {
  .address-list--2-columns .address-list__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 980px) {
  .address-list--2-columns .address-list__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 980px) {
  .address-list--4-columns .address-list__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.address-list__empty {
  text-align: center;
}
.address-list__actions {
  display: flex;
  gap: 10px;
}

.avatar {
  display: inline-block;
  flex-shrink: 0;
  border-radius: 50%;
  object-fit: cover;
}

.address-defaults {
  font-family: "Arial", "Helvetica", "sans-serif";
  color: var(--cp-colour-on-surface);
}
.address-defaults__legend {
  margin-bottom: 5px;
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
}
.address-defaults__options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media (max-width: 419px) {
  .address-defaults__options {
    grid-template-columns: 1fr;
  }
}
.address-defaults__option {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
  cursor: pointer;
  transition: border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
.address-defaults__option:hover {
  border-color: var(--cp-colour-border-strong);
}
.address-defaults__option.is-selected {
  border-color: var(--cp-colour-green);
  box-shadow: inset 0 0 0 1px var(--cp-colour-green);
}
.address-defaults__option.is-current {
  border-color: var(--cp-colour-border);
  box-shadow: none;
  background-color: var(--cp-colour-surface-inset);
  cursor: default;
}
.address-defaults__option:has(.address-defaults__input:focus-visible) {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 2px;
}
.address-defaults__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.address-defaults__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background-color: var(--cp-colour-surface-inset);
  font-size: 0.9375rem;
  color: var(--cp-colour-on-surface-muted);
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
.address-defaults__option.is-selected .address-defaults__icon {
  background-color: var(--cp-colour-green);
  color: var(--cp-colour-white);
}
.address-defaults__text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}
.address-defaults__title {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.3;
}
.address-defaults__subtitle {
  font-size: 0.8125rem;
  line-height: 1.3;
  color: var(--cp-colour-on-surface-muted);
}
.address-defaults__check {
  flex-shrink: 0;
  font-size: 1.125rem;
  color: var(--cp-colour-border-strong);
}
.address-defaults__option.is-selected .address-defaults__check {
  color: var(--cp-colour-green);
}
@media (prefers-reduced-motion: reduce) {
  .address-defaults__option, .address-defaults__icon {
    transition: none;
  }
}

.balance-summary {
  --balance-summary-accent: var(--cp-colour-orange);
  display: grid;
  align-content: start;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
  overflow: hidden;
}
.balance-summary--green {
  --balance-summary-accent: var(--cp-colour-green);
}
.balance-summary--gold {
  --balance-summary-accent: var(--cp-colour-gold);
}
.balance-summary--blue {
  --balance-summary-accent: var(--cp-colour-blue);
}
.balance-summary__main {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 15px;
  padding: 20px 15px;
}
@media (min-width: 940px) {
  .balance-summary__main {
    padding: 20px;
  }
}
.balance-summary__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  font-size: 1.25rem;
  color: var(--balance-summary-accent);
  background-color: color-mix(in oklch, var(--balance-summary-accent), transparent 90%);
}
.balance-summary__heading {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.balance-summary__label {
  margin: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface-muted);
}
.balance-summary__value {
  margin: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.1;
  color: var(--cp-colour-on-surface);
  font-variant-numeric: tabular-nums;
}
.balance-summary__unit {
  font-size: 1rem;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface-muted);
}
.balance-summary__caption {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.balance-summary__caption strong {
  color: var(--cp-colour-on-surface);
}
.balance-summary__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  color: var(--cp-colour-on-surface-muted);
  transition: background-color var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
.balance-summary__link::after {
  content: "";
  position: absolute;
  inset: 0;
}
.balance-summary__link:focus-visible {
  outline: 2px solid var(--cp-colour-primary);
  outline-offset: 2px;
}
.balance-summary__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
  margin: 0;
  border-top: 1px solid var(--cp-colour-border);
  background-color: var(--cp-colour-surface-raised);
}
.balance-summary__stat {
  display: grid;
  align-content: space-between;
  gap: 2px;
  padding: 15px 10px;
}
@media (min-width: 940px) {
  .balance-summary__stat {
    padding: 15px 20px;
  }
}
.balance-summary__stat + .balance-summary__stat {
  border-left: 1px solid var(--cp-colour-border);
}
.balance-summary__stat dt {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface-muted);
}
.balance-summary__stat dd {
  margin: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.125rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface);
  font-variant-numeric: tabular-nums;
}
.balance-summary__stat dd.is-positive {
  color: var(--cp-colour-green);
}
.balance-summary__stat dd.is-warning {
  color: var(--cp-colour-orange);
}
.balance-summary__stat dd.is-muted {
  color: var(--cp-colour-on-surface-muted);
}
.balance-summary__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
  padding: 15px;
  border-top: 1px solid var(--cp-colour-border);
}
@media (min-width: 940px) {
  .balance-summary__actions {
    padding: 15px 20px;
  }
}
.balance-summary--compact {
  position: relative;
  transition: border-color var(--cp-transition-duration-fast) var(--cp-transition-easing-default), box-shadow var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
.balance-summary--compact .balance-summary__main {
  padding: 15px;
}
.balance-summary--compact .balance-summary__icon {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1rem;
}
.balance-summary--compact .balance-summary__value {
  font-size: 1.75rem;
}
.balance-summary--compact .balance-summary__unit {
  font-size: 0.8125rem;
}
.balance-summary--compact:hover {
  border-color: var(--cp-colour-border-strong);
  box-shadow: var(--cp-shadow-sm);
}
.balance-summary--compact:hover .balance-summary__link {
  color: var(--cp-colour-on-surface);
  background-color: var(--cp-colour-surface-inset);
}

.customer-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
}
.customer-card__avatar {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}
.customer-card__details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.customer-card__name {
  font-weight: bold;
  font-size: 0.9375rem;
  color: var(--cp-colour-on-surface);
}
.customer-card__email {
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
}

.cart-merge {
  --cart-merge-guest: var(--cp-colour-blue);
  --cart-merge-customer: var(--cp-colour-orange);
  --cart-merge-both: var(--cp-colour-green);
  --cart-merge-wishlist: var(--cp-colour-red);
  --cart-merge-discarded: var(--cp-colour-on-surface-muted);
  display: grid;
  gap: 20px;
}
.cart-merge__intro {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
}
.cart-merge__heading {
  display: block;
  margin: 0 0 10px;
  padding: 0;
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--cp-colour-on-surface);
}
.cart-merge__options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  border: 0;
}
.cart-merge__options > legend {
  float: left;
  width: 100%;
  grid-column: 1/-1;
}
@media (max-width: 939px) {
  .cart-merge__options {
    grid-template-columns: minmax(0, 1fr);
  }
}
.cart-merge__option {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
  cursor: pointer;
  transition: border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
.cart-merge__option:hover {
  border-color: var(--cp-colour-border-strong);
}
.cart-merge__option:has(.cart-merge__option-input:focus-visible) {
  outline: 2px solid var(--cp-colour-blue);
  outline-offset: 2px;
}
.cart-merge__option.is-selected {
  border-color: var(--cp-colour-green);
  box-shadow: 0 0 0 1px var(--cp-colour-green);
}
.cart-merge__option-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
.cart-merge__option-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  font-size: 0.9375rem;
  color: var(--cp-colour-on-surface-muted);
  background-color: var(--cp-colour-surface-inset);
  transition: color 150ms ease-in-out, background-color 150ms ease-in-out;
}
.cart-merge__option.is-selected .cart-merge__option-icon {
  color: var(--cp-colour-white);
  background-color: var(--cp-colour-green);
}
.cart-merge__option-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.cart-merge__option-title {
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.3;
}
.cart-merge__option-text {
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--cp-colour-on-surface-muted);
}
.cart-merge__origin {
  --cart-merge-tone: var(--cart-merge-guest);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.75rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface);
}
.cart-merge__origin::before {
  content: "";
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--cart-merge-tone);
}
.cart-merge__origin.is-customer {
  --cart-merge-tone: var(--cart-merge-customer);
}
.cart-merge__origin.is-both {
  --cart-merge-tone: var(--cart-merge-both);
}
.cart-merge__title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cart-merge__title i {
  font-size: 0.9em;
  color: var(--cp-colour-orange);
}
.cart-merge__reassurance {
  display: flex;
  flex: 1 1 15rem;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--cp-colour-on-surface-muted);
}
.cart-merge__reassurance i {
  margin-top: 0.15em;
  color: var(--cp-colour-blue);
}

.modal__footer:has(> .cart-merge__reassurance) {
  flex-wrap: wrap;
}

.cart-merge-flow {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-areas: "guest customer" "guest-step customer-step" "cart aside";
  align-items: start;
  column-gap: 15px;
}
.cart-merge-flow.is-merge {
  grid-template-areas: "guest customer" "join join" "cart cart";
}
@media (max-width: 939px) {
  .cart-merge-flow {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "guest" "guest-step" "cart" "customer" "customer-step" "aside";
  }
  .cart-merge-flow .cart-merge-flow__source.is-customer {
    margin-top: 20px;
  }
  .cart-merge-flow.is-merge {
    grid-template-areas: "guest" "customer" "join" "cart";
    row-gap: 10px;
  }
  .cart-merge-flow.is-merge .cart-merge-flow__source.is-customer {
    margin-top: 0;
  }
}
.cart-merge-flow__source, .cart-merge-flow__target {
  --cart-merge-tone: var(--cart-merge-guest);
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
}
.cart-merge-flow__source.is-guest {
  grid-area: guest;
}
.cart-merge-flow__source.is-customer {
  grid-area: customer;
}
.cart-merge-flow__target {
  --cart-merge-tone: var(--cart-merge-both);
  border-top: 3px solid var(--cart-merge-tone);
}
.cart-merge-flow__target.is-cart {
  grid-area: cart;
}
.cart-merge-flow__target.is-aside {
  grid-area: aside;
  --cart-merge-tone: var(--cart-merge-wishlist);
}
.cart-merge-flow.is-guest-only .cart-merge-flow__target.is-aside {
  --cart-merge-tone: var(--cart-merge-discarded);
  border-style: dashed;
  border-top-style: solid;
}
.cart-merge-flow.is-guest-only .cart-merge-flow__target.is-aside .cart-merge-flow__line {
  opacity: 0.6;
}
.cart-merge-flow.is-guest-only .cart-merge-flow__target.is-aside .cart-merge-flow__name {
  text-decoration: line-through;
}
.cart-merge-flow__header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 15px;
}
.cart-merge-flow__header > i {
  color: var(--cart-merge-tone);
}
.cart-merge-flow__target .cart-merge-flow__header {
  border-bottom: 1px solid var(--cp-colour-border);
}
.cart-merge-flow__title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.875rem;
}
.cart-merge-flow__count {
  margin-left: auto;
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
}
.cart-merge-flow__thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0 15px 15px;
  list-style: none;
}
.cart-merge-flow__thumb {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-white);
}
.cart-merge-flow__thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: inherit;
}
.cart-merge-flow__thumb-qty {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 9px;
  font-size: 0.6875rem;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  color: var(--cp-colour-white);
  background-color: var(--cp-colour-surface-chrome);
}
.cart-merge-flow__step {
  --cart-merge-tone: var(--cart-merge-both);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 5px;
  color: var(--cart-merge-tone);
}
.cart-merge-flow__step.is-guest-step {
  grid-area: guest-step;
}
.cart-merge-flow__step.is-customer-step {
  grid-area: customer-step;
}
.cart-merge-flow__step.is-join {
  grid-area: join;
}
.cart-merge-flow__step.is-wishlist {
  --cart-merge-tone: var(--cart-merge-wishlist);
}
.cart-merge-flow__step.is-discarded {
  --cart-merge-tone: var(--cart-merge-discarded);
}
.cart-merge-flow__step.is-join {
  padding-top: 15px;
}
.cart-merge-flow__step.is-join::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc((100% - 15px) / 4);
  right: calc((100% - 15px) / 4);
  height: 15px;
  border: 2px solid var(--cart-merge-tone);
  border-top: 0;
  border-radius: 0 0 6px 6px;
}
@media (max-width: 939px) {
  .cart-merge-flow__step.is-join {
    padding-top: 0;
  }
  .cart-merge-flow__step.is-join::before {
    display: none;
  }
}
.cart-merge-flow__stem {
  width: 2px;
  height: 15px;
  background-color: var(--cart-merge-tone);
}
.cart-merge-flow__step.is-discarded .cart-merge-flow__stem {
  background: repeating-linear-gradient(to bottom, var(--cart-merge-tone) 0 3px, transparent 3px 6px);
}
.cart-merge-flow__label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 2px 15px;
  border: 1px solid color-mix(in oklch, var(--cart-merge-tone), transparent 60%);
  border-radius: 999px;
  font-size: 0.8125rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface);
  background-color: color-mix(in oklch, var(--cart-merge-tone), var(--cp-colour-surface) 90%);
}
.cart-merge-flow__label i {
  color: var(--cart-merge-tone);
}
.cart-merge-flow__chevron {
  margin-top: 2px;
  font-size: 0.75rem;
}
.cart-merge-flow__lines {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cart-merge-flow__line {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 15px;
  padding: 10px 15px;
}
.cart-merge-flow__line + .cart-merge-flow__line {
  border-top: 1px solid var(--cp-colour-border);
}
@media (max-width: 419px) {
  .cart-merge-flow__line {
    gap: 10px;
    padding-inline: 10px;
  }
}
.cart-merge-flow__media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-white);
}
.cart-merge-flow__image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: inherit;
}
.cart-merge-flow__details {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.cart-merge-flow__name {
  font-size: 0.875rem;
  line-height: 1.3;
  overflow-wrap: break-word;
}
.cart-merge-flow__options {
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
}
.cart-merge-flow__qty {
  font-size: 0.875rem;
  font-weight: bold;
  white-space: nowrap;
}
.cart-merge-flow__footer {
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
  border-top: 1px solid var(--cp-colour-border);
  background-color: var(--cp-colour-surface-raised);
  font-size: 0.9375rem;
}

.form-customer-email-change {
  max-width: 600px;
}
@media (min-width: 940px) {
  .form-customer-email-change--new_email, .form-customer-email-change--confirm_email, .form-customer-email-change--current_password {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

.form-customer-login {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 940px) {
  .form-customer-login--username, .form-customer-login--password {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
.form-customer-login__alert {
  margin-bottom: 15px;
}
.form-customer-login .fieldset {
  display: grid;
  row-gap: 15px;
  column-gap: 15px;
}
@media (min-width: 940px) {
  .form-customer-login .fieldset {
    grid-template-columns: 1fr 1fr;
  }
}
.form-customer-login .legend {
  margin: 0;
}
@media (min-width: 940px) {
  .form-customer-login .legend {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

.form-customer-password-change {
  max-width: 600px;
}
@media (min-width: 940px) {
  .form-customer-password-change--current_password, .form-customer-password-change--new_password, .form-customer-password-change--confirm_password {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

.form-customer-profile {
  max-width: 800px;
}
@media (min-width: 940px) {
  .form-customer-profile--email {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

.form-customer-register {
  max-width: 800px;
}
@media (min-width: 940px) {
  .form-customer-register--business_number, .form-customer-register--business_type, .form-customer-register--company, .form-customer-register--company_website, .form-customer-register--country, .form-customer-register--email, .form-customer-register--instagram_handle, .form-customer-register--password, .form-customer-register--password_confirmation, .form-customer-register--phone {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
.form-customer-register--checkout .actions .button {
  background-color: var(--cp-colour-surface);
  border-color: var(--cp-colour-orange);
  font-size: 1em;
}
.form-customer-register--checkout .actions .button__icon, .form-customer-register--checkout .actions .button__label {
  color: var(--cp-colour-orange);
}

.form-shell {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.form-shell__introduction {
  display: grid;
  grid-template-columns: 1fr;
  margin-top: 30px;
  margin-bottom: 15px;
}
.form-shell .fieldset {
  display: grid;
  row-gap: 15px;
  column-gap: 15px;
}
@media (min-width: 940px) {
  .form-shell .fieldset {
    grid-template-columns: 1fr 1fr;
  }
}
.form-shell .legend {
  margin: 0;
}
@media (min-width: 940px) {
  .form-shell .legend {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

.sign-up {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 939px) {
  .sign-up {
    gap: 15px;
  }
}
.sign-up__hero {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
}
.sign-up__hero h1,
.sign-up__hero h2,
.sign-up__hero h3 {
  margin: 0;
  font-size: 2.5rem;
}
.sign-up__hero p {
  margin: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.4;
  color: #333333;
}
@media (max-width: 939px) {
  .sign-up__hero p {
    font-size: 1.125em;
  }
}
.sign-up__content {
  width: 100%;
  text-align: left;
}
.sign-up__content .tabs-list {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

.gift-card-account {
  display: grid;
  grid-template-columns: 4.5rem 1fr auto;
  grid-template-areas: "face identity balance" "face actions  actions";
  align-items: center;
  gap: 10px 15px;
  padding: 15px;
}
@media (min-width: 940px) {
  .gift-card-account {
    grid-template-columns: 6rem minmax(0, 1fr) 8.125rem 16.25rem;
    grid-template-areas: "face identity balance actions";
    gap: 20px;
    padding: 15px 20px;
  }
}
.gift-card-account__face {
  grid-area: face;
  align-self: start;
}
@media (min-width: 940px) {
  .gift-card-account__face {
    align-self: center;
  }
}
.gift-card-account__identity {
  grid-area: identity;
  display: grid;
  gap: 5px;
  min-width: 0;
}
.gift-card-account__code {
  font-family: ui-monospace, "SFMono-Regular", Menlo, monospace;
  font-size: 0.9375rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  color: var(--cp-colour-on-surface);
  white-space: nowrap;
}
.gift-card-account__meta {
  --meta-gap: 1rem;
  display: block;
  overflow: hidden;
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
}
.gift-card-account__meta-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 5px;
  margin-left: calc(-1 * var(--meta-gap));
}
.gift-card-account__meta-list > span {
  white-space: nowrap;
}
.gift-card-account__meta-list > span:nth-child(-n+2) {
  margin-left: var(--meta-gap);
}
.gift-card-account__meta-list > span:nth-child(n+3)::before {
  content: "·";
  display: inline-block;
  width: var(--meta-gap);
  text-align: center;
}
.gift-card-account__status {
  --status-colour: var(--cp-colour-on-surface-muted);
  display: inline-flex;
  align-items: center;
  padding: 1px 10px;
  border-radius: 999px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.6875rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--status-colour);
  background-color: color-mix(in oklch, var(--status-colour), transparent 88%);
}
.gift-card-account__status.is-active {
  --status-colour: var(--cp-colour-green);
}
.gift-card-account__status.is-expired {
  --status-colour: var(--cp-colour-red);
}
.gift-card-account__balance {
  grid-area: balance;
  display: grid;
  justify-items: end;
  gap: 2px;
}
.gift-card-account__amount {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.1;
  color: var(--cp-colour-on-surface);
  font-variant-numeric: tabular-nums;
}
.is-used .gift-card-account__amount, .is-redeemed .gift-card-account__amount, .is-expired .gift-card-account__amount {
  color: var(--cp-colour-on-surface-muted);
}
.gift-card-account__initial {
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
}
.gift-card-account__meter {
  display: block;
  width: 100%;
  max-width: 7.5rem;
  height: 4px;
  margin-top: 5px;
  border-radius: 2px;
  background-color: var(--cp-colour-surface-inset);
  overflow: hidden;
}
.gift-card-account__meter span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background-color: var(--cp-colour-green);
}
.is-expired .gift-card-account__meter span, .is-inactive .gift-card-account__meter span {
  background-color: var(--cp-colour-grey4);
}
.gift-card-account__actions {
  grid-area: actions;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media (min-width: 940px) {
  .gift-card-account__actions {
    justify-content: flex-end;
  }
}

.gift-card-code-form {
  display: grid;
  gap: 10px;
}
.gift-card-code-form__row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  gap: 10px;
}
.gift-card-code-form__row > .button {
  align-self: start;
  min-height: 3.375rem;
}
.gift-card-code-form__input {
  min-width: 0;
}
.gift-card-code-form__input .input-text__input {
  font-family: ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.gift-card-code-form__input .input-text__prefix {
  color: var(--cp-colour-on-surface-muted);
}
.gift-card-code-form__captcha {
  margin-top: 5px;
}
.gift-card-code-form__hint {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.gift-card-code-form__result {
  margin-top: 10px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface-raised);
}

.customer-navigation-link {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.5;
  color: var(--cp-colour-on-surface);
  display: inline-block;
  text-transform: uppercase;
}
.customer-navigation-link:hover {
  color: var(--cp-colour-red);
}
.customer-navigation-link.is-active {
  position: relative;
  color: var(--cp-colour-red);
}
.customer-navigation-link.is-active::before {
  content: "";
  position: absolute;
  top: 15%;
  bottom: 15%;
  left: calc(15px * -1);
  width: 3px;
  background-color: currentColor;
}
.customer-navigation-link--sign-out {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 1rem;
  color: var(--cp-colour-on-surface-muted);
}
.customer-navigation-link--sign-out i {
  font-size: 0.9em;
}

.customer-navigation {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px;
  background-color: var(--cp-colour-surface-inset);
}
.customer-navigation hr {
  border-color: var(--cp-colour-border);
}

.customer-navigation-switcher {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 15px;
  width: 100%;
  padding: 10px 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
  color: var(--cp-colour-on-surface);
  text-align: left;
  cursor: pointer;
  transition: border-color var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
@media (prefers-reduced-motion: reduce) {
  .customer-navigation-switcher {
    transition: none;
  }
}
@media (min-width: 940px) {
  .customer-navigation-switcher {
    display: none;
  }
}
.customer-navigation-switcher:hover, .customer-navigation-switcher:focus-visible {
  border-color: var(--cp-colour-border-strong);
}
.customer-navigation-switcher__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  font-size: 0.9375rem;
  color: var(--cp-colour-orange);
  background-color: color-mix(in oklch, var(--cp-colour-orange), transparent 90%);
}
.customer-navigation-switcher__text {
  display: grid;
  min-width: 0;
}
.customer-navigation-switcher__heading {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface-muted);
}
.customer-navigation-switcher__current {
  overflow: hidden;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.0625rem;
  font-weight: bold;
  line-height: 1.3;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.customer-navigation-switcher__chevron {
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
}

.order-list {
  display: grid;
  gap: 15px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 940px) {
  .order-list {
    grid-template-columns: 1.3fr 1fr 1.4fr 0.8fr auto;
    gap: 0 15px;
    border: 1px solid var(--cp-colour-border);
    border-radius: 6px;
    overflow: hidden;
  }
}
.order-list__columns {
  display: none;
}
@media (min-width: 940px) {
  .order-list__columns {
    grid-column: 1/-1;
    grid-template-columns: subgrid;
    grid-template-areas: "id status items total actions";
    align-items: center;
    padding: 10px 20px;
    display: grid;
    background-color: var(--cp-colour-surface-raised);
    border-bottom: 1px solid var(--cp-colour-border);
    font-family: "Roboto Flex Variable", "sans-serif";
    font-stretch: ultra-condensed;
    font-size: 0.75rem;
    font-weight: bold;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cp-colour-on-surface-muted);
  }
  .order-list__columns .is-numeric {
    text-align: right;
  }
}
.order-list__order {
  display: grid;
  grid-template-areas: "id status" "items items" "total actions";
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px 15px;
  padding: 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
}
@media (min-width: 940px) {
  .order-list__order {
    grid-column: 1/-1;
    grid-template-columns: subgrid;
    grid-template-areas: "id status items total actions";
    align-items: center;
    padding: 10px 20px;
    border: 0;
    border-radius: 0;
  }
  .order-list__order + .order-list__order {
    border-top: 1px solid var(--cp-colour-border);
  }
}
.order-list__id {
  grid-area: id;
  display: grid;
  gap: 2px;
  min-width: 0;
}
.order-list__number {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface);
  text-decoration: none;
}
.order-list__number:hover, .order-list__number:focus-visible {
  color: var(--cp-colour-red);
  text-decoration: underline;
}
.order-list__date {
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
}
.order-list__status {
  grid-area: status;
  justify-self: end;
}
@media (min-width: 940px) {
  .order-list__status {
    justify-self: start;
  }
}
.order-list__items {
  grid-area: items;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.order-list__thumbs {
  display: flex;
}
.order-list__thumbs img,
.order-list__thumbs .order-list__thumbs-more {
  width: 2.5rem;
  height: 2.5rem;
  border: 2px solid var(--cp-colour-surface);
  border-radius: 6px;
  background-color: var(--cp-colour-white);
  box-shadow: 0 0 0 1px var(--cp-colour-border);
  object-fit: contain;
}
.order-list__thumbs img + *,
.order-list__thumbs .order-list__thumbs-more + * {
  margin-left: calc(10px * -1);
}
.order-list__thumbs-more {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface-muted);
  background-color: var(--cp-colour-surface-inset) !important;
}
.order-list__item-count {
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
  white-space: nowrap;
}
.order-list__total {
  grid-area: total;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface);
}
@media (min-width: 940px) {
  .order-list__total {
    text-align: right;
  }
}
.order-list__actions {
  grid-area: actions;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  white-space: nowrap;
}
.order-list--flush {
  gap: 0;
}
@media (min-width: 940px) {
  .order-list--flush {
    border: 0;
    border-radius: 0;
  }
}
.order-list--flush .order-list__order {
  border: 0;
  border-radius: 0;
}
.order-list--flush .order-list__order + .order-list__order {
  border-top: 1px solid var(--cp-colour-border);
}

.order-progress {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 940px) {
  .order-progress {
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
  }
}
.order-progress__step {
  position: relative;
  display: flex;
  gap: 10px;
  padding-bottom: 15px;
}
@media (min-width: 940px) {
  .order-progress__step {
    flex-direction: column;
    align-items: center;
    padding-bottom: 0;
    text-align: center;
  }
}
.order-progress__step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 1.5rem;
  bottom: 0;
  left: calc(1.5rem / 2 - 1px);
  width: 2px;
  background-color: var(--cp-colour-border);
}
@media (min-width: 940px) {
  .order-progress__step:not(:last-child)::after {
    top: calc(1.5rem / 2 - 1px);
    right: calc(-50% + 1.5rem / 2 + 5px);
    bottom: auto;
    left: calc(50% + 1.5rem / 2 + 5px);
    width: auto;
    height: 2px;
  }
}
.order-progress__step.is-complete::after, .order-progress__step.is-partial:not([aria-current])::after {
  background-color: var(--cp-colour-green);
}
.order-progress__marker {
  position: relative;
  z-index: 1;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid var(--cp-colour-border);
  border-radius: 50%;
  background-color: var(--cp-colour-surface);
  font-size: 0.6875rem;
  color: var(--cp-colour-white);
}
.order-progress__step.is-complete .order-progress__marker {
  border-color: var(--cp-colour-green);
  background-color: var(--cp-colour-green);
}
.order-progress__step.is-current .order-progress__marker {
  border-color: var(--cp-colour-orange);
  box-shadow: inset 0 0 0 4px var(--cp-colour-surface);
  background-color: var(--cp-colour-orange);
}
.order-progress__step.is-partial .order-progress__marker {
  border-color: var(--cp-colour-green);
  background: linear-gradient(90deg, var(--cp-colour-green) 50%, var(--cp-colour-surface) 50%);
}
.order-progress__step.is-stopped .order-progress__marker {
  border-color: var(--cp-colour-red);
  background-color: var(--cp-colour-red);
}
.order-progress__step.is-stopped.is-resolved .order-progress__marker {
  border-color: var(--cp-colour-green);
  background-color: var(--cp-colour-green);
}
.order-progress__text {
  display: grid;
  gap: 2px;
  padding-top: 2px;
}
.order-progress__label {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
}
.order-progress__step.is-upcoming .order-progress__label {
  color: var(--cp-colour-on-surface-muted);
}
.order-progress__date {
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--cp-colour-on-surface-muted);
}

.order-status {
  --order-status-colour: var(--cp-colour-grey3);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 8px;
  border-radius: 6px;
  background-color: color-mix(in oklch, var(--order-status-colour), transparent 88%);
  color: color-mix(in oklch, var(--order-status-colour), var(--cp-colour-on-surface) 45%);
  white-space: nowrap;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.order-status i {
  font-size: 0.6875rem;
}
.order-status--waiting {
  --order-status-colour: var(--cp-colour-orange);
}
.order-status--progress {
  --order-status-colour: var(--cp-colour-blue);
}
.order-status--done {
  --order-status-colour: var(--cp-colour-green);
}

.return-list {
  display: grid;
  gap: 15px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 940px) {
  .return-list {
    grid-template-columns: 1.2fr 1.2fr 1.3fr 1fr auto;
    gap: 0 15px;
    border: 1px solid var(--cp-colour-border);
    border-radius: 6px;
    overflow: hidden;
  }
}
.return-list__columns {
  display: none;
}
@media (min-width: 940px) {
  .return-list__columns {
    grid-column: 1/-1;
    grid-template-columns: subgrid;
    grid-template-areas: "id status items order actions";
    align-items: center;
    padding: 10px 20px;
    display: grid;
    background-color: var(--cp-colour-surface-raised);
    border-bottom: 1px solid var(--cp-colour-border);
    font-family: "Roboto Flex Variable", "sans-serif";
    font-stretch: ultra-condensed;
    font-size: 0.75rem;
    font-weight: bold;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cp-colour-on-surface-muted);
  }
}
.return-list__return {
  display: grid;
  grid-template-areas: "id status" "items items" "order actions";
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 10px 15px;
  padding: 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
}
@media (min-width: 940px) {
  .return-list__return {
    grid-column: 1/-1;
    grid-template-columns: subgrid;
    grid-template-areas: "id status items order actions";
    align-items: center;
    padding: 10px 20px;
    border: 0;
    border-radius: 0;
  }
  .return-list__return + .return-list__return {
    border-top: 1px solid var(--cp-colour-border);
  }
}
.return-list__id {
  grid-area: id;
  display: grid;
  gap: 2px;
  min-width: 0;
}
.return-list__number {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface);
  text-decoration: none;
}
.return-list__number:hover, .return-list__number:focus-visible {
  color: var(--cp-colour-red);
  text-decoration: underline;
}
.return-list__date {
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
}
.return-list__status {
  grid-area: status;
  display: grid;
  justify-items: end;
  gap: 5px;
}
@media (min-width: 940px) {
  .return-list__status {
    justify-items: start;
  }
}
.return-list__unread {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.75rem;
  font-weight: bold;
  color: var(--cp-colour-red);
}
.return-list__items {
  grid-area: items;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.return-list__thumbs {
  display: flex;
}
.return-list__thumbs img,
.return-list__thumbs .return-list__thumbs-more {
  width: 2.5rem;
  height: 2.5rem;
  border: 2px solid var(--cp-colour-surface);
  border-radius: 6px;
  background-color: var(--cp-colour-white);
  box-shadow: 0 0 0 1px var(--cp-colour-border);
  object-fit: contain;
}
.return-list__thumbs img + *,
.return-list__thumbs .return-list__thumbs-more + * {
  margin-left: calc(10px * -1);
}
.return-list__thumbs-more {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface-muted);
  background-color: var(--cp-colour-surface-raised);
}
.return-list__item-count {
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
  white-space: nowrap;
}
.return-list__order {
  grid-area: order;
  font-family: ui-monospace, "SFMono-Regular", Menlo, monospace;
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
}
.return-list__order-label {
  font-family: "Roboto Flex Variable", "sans-serif";
}
@media (min-width: 940px) {
  .return-list__order-label {
    display: none;
  }
}
.return-list__actions {
  grid-area: actions;
  justify-self: end;
}

.customer-account-settings {
  display: grid;
  gap: 30px;
}
.customer-account-settings__panels {
  display: grid;
  gap: 20px;
  max-width: 50rem;
}
.customer-account-settings .form-customer-profile {
  max-width: none;
  margin: 0;
}
.customer-account-settings .form-customer-profile .fieldset {
  margin: 0;
}

.customer-address-book {
  display: grid;
  gap: 30px;
}
.customer-address-book__add {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 10rem;
  padding: 20px;
  border: 1px dashed var(--cp-colour-border-strong);
  border-radius: 6px;
  color: var(--cp-colour-on-surface);
  text-decoration: none;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
  font-weight: bold;
  text-transform: uppercase;
  transition: border-color var(--cp-transition-duration-fast) var(--cp-transition-easing-default), background-color var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
@media (prefers-reduced-motion: reduce) {
  .customer-address-book__add {
    transition: none;
  }
}
.customer-address-book__add:hover, .customer-address-book__add:focus-visible {
  border-color: var(--cp-colour-orange);
  background-color: color-mix(in oklch, var(--cp-colour-orange), transparent 96%);
}
.customer-address-book__add-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  font-size: 1rem;
  color: var(--cp-colour-orange);
  background-color: color-mix(in oklch, var(--cp-colour-orange), transparent 90%);
}
.customer-address-book__confirm {
  display: grid;
  justify-items: center;
  gap: 20px;
}
.customer-address-book__confirm-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 1.25rem;
}
.customer-address-book__confirm-icon.is-danger {
  color: var(--cp-colour-red);
  background-color: color-mix(in oklch, var(--cp-colour-red), transparent 90%);
}
.customer-address-book__confirm-icon.is-accent {
  color: var(--cp-colour-orange);
  background-color: color-mix(in oklch, var(--cp-colour-orange), transparent 90%);
}
.customer-address-book__confirm-copy {
  display: grid;
  justify-items: center;
  gap: 5px;
  text-align: center;
}
.customer-address-book__confirm-question {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
}
.customer-address-book__confirm-note {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--cp-colour-grey3);
}
.customer-address-book__confirm-defaults {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: -5px;
}
.customer-address-book__confirm-address {
  width: 100%;
  display: grid;
  gap: 2px;
  padding: 10px 15px;
  background-color: var(--cp-colour-surface-inset);
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  font-size: 0.8125rem;
  line-height: 1.5;
  text-align: left;
}
.customer-address-book__confirm-address strong {
  color: var(--cp-colour-on-surface);
}
.customer-address-book__confirm-address span {
  color: var(--cp-colour-grey3);
  white-space: pre-line;
}

.customer-address-form {
  display: grid;
  gap: 30px;
}
.customer-address-form__panels {
  display: grid;
  gap: 20px;
  max-width: 50rem;
}
.customer-address-form .form-address .legend {
  display: none;
}
.customer-address-form .form-address .fieldset {
  margin: 0;
}
@media (min-width: 940px) {
  .customer-address-form .form-address--city {
    grid-column: span 5;
  }
  .customer-address-form .form-address--region {
    grid-column: span 4;
  }
}
.customer-address-form__defaults {
  margin-top: 20px;
}

.customer-address-form__type {
  margin-bottom: 20px;
}

.customer-balance-page {
  display: grid;
  gap: 20px;
  align-content: start;
}
.customer-balance-page__pair {
  display: grid;
  gap: 20px;
}
@media (min-width: 940px) {
  .customer-balance-page__pair {
    grid-template-columns: repeat(2, 1fr);
  }
}
.customer-balance-page__pair > .account-panel {
  grid-template-rows: auto 1fr auto;
}
.customer-balance-page__pair > .balance-summary {
  grid-template-rows: 1fr;
  grid-auto-rows: auto;
}
.customer-balance-page__group-label {
  margin: 0;
  padding: 10px 15px;
  border-top: 1px solid var(--cp-colour-border);
  border-bottom: 1px solid var(--cp-colour-border);
  background-color: var(--cp-colour-surface-raised);
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface-muted);
}
@media (min-width: 940px) {
  .customer-balance-page__group-label {
    padding-inline: 20px;
  }
}
.customer-balance-page__group-label:first-child {
  border-top: 0;
}
.customer-balance-page__rows > * + * {
  border-top: 1px solid var(--cp-colour-border);
}
.customer-balance-page .empty-state {
  padding: 30px 15px;
}

.customer-change-email {
  display: grid;
  gap: 30px;
}
.customer-change-email .form-customer-email-change {
  display: grid;
  gap: 20px;
  max-width: 50rem;
  margin: 0;
}
.customer-change-email .form-customer-email-change__actions {
  margin: 0;
  padding-top: 10px;
}
.customer-change-email__current {
  grid-template-columns: 1fr;
}

.customer-change-password {
  display: grid;
  gap: 30px;
}
.customer-change-password .form-customer-password-change {
  display: grid;
  gap: 20px;
  max-width: 50rem;
  margin: 0;
}
.customer-change-password .form-customer-password-change__actions {
  margin: 0;
  padding-top: 10px;
}
.customer-change-password__requirements {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.customer-change-password__requirements li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
  transition: color var(--cp-transition-duration-fast) var(--cp-transition-easing-default);
}
@media (prefers-reduced-motion: reduce) {
  .customer-change-password__requirements li {
    transition: none;
  }
}
.customer-change-password__requirements li i {
  width: 1em;
  text-align: center;
}
.customer-change-password__requirements li.is-met {
  color: var(--cp-colour-on-surface);
}
.customer-change-password__requirements li.is-met i {
  color: var(--cp-colour-green);
}

.customer-dashboard {
  display: grid;
  gap: 20px;
  align-content: start;
}
.customer-dashboard__pair {
  display: grid;
  gap: 20px;
}
@media (min-width: 940px) {
  .customer-dashboard__pair {
    grid-template-columns: repeat(2, 1fr);
  }
}
.customer-dashboard .account-panel {
  grid-template-rows: auto 1fr auto;
}
.customer-dashboard__details {
  grid-template-columns: 1fr;
}
.customer-dashboard .order-list__thumbs {
  flex-shrink: 0;
  min-width: calc(2.5rem * 4 - 10px * 3);
}
.customer-dashboard__balances {
  display: grid;
  gap: 15px;
}
@media (min-width: 640px) {
  .customer-dashboard__balances {
    grid-template-columns: repeat(3, 1fr);
  }
}
.customer-dashboard__wishlist {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.customer-dashboard__wishlist li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
  overflow: hidden;
}
.customer-dashboard__wishlist img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.customer-dashboard__wishlist-more {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-weight: bold;
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
  background-color: var(--cp-colour-surface-inset);
}

.customer-email-subscriptions {
  display: grid;
  gap: 20px;
  align-content: start;
}
.customer-email-subscriptions__option {
  display: grid;
  gap: 5px;
  padding: 15px 20px;
}
.customer-email-subscriptions__option:not(:last-child) {
  border-bottom: 1px solid var(--cp-colour-border);
}
.customer-email-subscriptions__description {
  margin: -4px 0 0;
  padding-left: calc(8px + 0.9375rem * 1.25 + 10px);
  line-height: 1.4;
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
}

.customer-login-page {
  display: grid;
  gap: 20px;
}
@media (max-width: 939px) {
  .customer-login-page {
    gap: 15px;
  }
}
@media (max-width: 939px) {
  .customer-login-page--banner {
    padding-bottom: 30px;
  }
}
.customer-login-page .page-title {
  text-align: center;
}
.customer-login-page .page-title h1 {
  margin-bottom: 0;
  line-height: 1.1;
  text-wrap: balance;
}
.customer-login-page__card-title {
  margin: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  font-size: 1.125rem;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
}
.customer-login-page__card-heading {
  margin: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
}
.customer-login-page__card-intro {
  margin: 10px 0 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--cp-colour-on-surface-muted);
  text-wrap: pretty;
}
.customer-login-page__intro {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  color: var(--cp-colour-on-surface-muted);
  text-wrap: balance;
}
.customer-login-page__register-cta {
  margin: 0;
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
}
.customer-login-page__register-cta a {
  color: var(--cp-colour-on-surface);
  text-decoration: underline;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.customer-login-page .auth-card__header + .auth-card__content {
  padding-top: 20px;
}
.customer-login-page .form-customer-login,
.customer-login-page .form-customer-forgot-password {
  max-width: none;
  margin: 0;
}
.customer-login-page .form-customer-login .fieldset,
.customer-login-page .form-customer-forgot-password .fieldset {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 0;
}
.customer-login-page .form-customer-login .actions,
.customer-login-page .form-customer-forgot-password .actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
  margin-bottom: 0;
}
@media (min-width: 940px) {
  .customer-login-page .form-customer-login .actions .button--link,
  .customer-login-page .form-customer-forgot-password .actions .button--link {
    order: -1;
  }
}
@media (max-width: 939px) {
  .customer-login-page .form-customer-login .actions,
  .customer-login-page .form-customer-forgot-password .actions {
    flex-direction: column;
    align-items: stretch;
  }
  .customer-login-page .form-customer-login .actions .button,
  .customer-login-page .form-customer-forgot-password .actions .button {
    width: 100%;
    justify-content: center;
  }
}
.customer-login-page .form-customer-forgot-password.is-success .actions {
  justify-content: flex-start;
}

.customer-order-detail__placed {
  display: block;
  font-size: 0.9375rem;
  color: var(--cp-colour-on-surface-muted);
}
.customer-order-detail__heading {
  display: grid;
  gap: 15px;
}
@media (min-width: 940px) {
  .customer-order-detail__heading {
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 20px;
  }
}
.customer-order-detail__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (min-width: 940px) {
  .customer-order-detail__actions {
    padding-top: 5px;
  }
}
.customer-order-detail__tracking {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 15px;
  border-bottom: 1px solid var(--cp-colour-border);
}
@media (min-width: 940px) {
  .customer-order-detail__tracking {
    padding: 15px 20px;
  }
}
.customer-order-detail__tracking dl {
  margin: 0;
}
.customer-order-detail__tracking dd {
  font-family: ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.04em;
}
.customer-order-detail .order-payment__details {
  flex: 1;
  min-width: 0;
}
.customer-order-detail .bank-account-details__tabs {
  gap: 5px;
}
.customer-order-detail__nowrap {
  white-space: nowrap;
}
.customer-order-detail__reference {
  font-family: ui-monospace, "SFMono-Regular", Menlo, monospace;
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
}
.order-progress + .customer-order-detail__notice {
  margin-top: 20px;
}
.customer-order-detail__lines {
  display: grid;
}
.customer-order-detail__lines > * + * {
  border-top: 1px solid var(--cp-colour-border);
}
.customer-order-detail__lines .order-line-item-status {
  padding: 15px;
  color: var(--cp-colour-on-surface);
  text-decoration: none;
}
@media (min-width: 940px) {
  .customer-order-detail__lines .order-line-item-status {
    padding: 15px 20px;
  }
}
.customer-order-detail__lines .order-line-item-status__name {
  font-weight: bold;
}
.customer-order-detail__lines .order-line-item-status__options {
  margin-top: 2px;
  font-size: 0.8125rem;
}
.customer-order-detail__lines .order-line-item-status__notes {
  font-style: normal;
}
.customer-order-detail__lines .order-line-item-status__notes .badge {
  display: inline-block;
}
@media (max-width: 939px) {
  .customer-order-detail__lines .order-line-item-status:not(:has(.customer-order-detail__figures)) {
    flex-wrap: wrap;
    row-gap: 10px;
  }
  .customer-order-detail__lines .order-line-item-status:not(:has(.customer-order-detail__figures)) .order-line-item-status__details {
    flex: 1 1 0;
  }
  .customer-order-detail__lines .order-line-item-status:not(:has(.customer-order-detail__figures)) .order-line-item-status__status {
    flex-basis: 100%;
    margin-left: calc(65px + 15px);
    text-align: left;
  }
  .customer-order-detail__lines .customer-order-detail__qty:not(.customer-order-detail__figures *) {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-start;
    gap: 5px 10px;
  }
}
.customer-order-detail__option {
  display: block;
}
.customer-order-detail__qty {
  display: grid;
  justify-items: end;
  gap: 2px;
  text-align: right;
  white-space: nowrap;
}
.customer-order-detail__qty-label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface-muted);
}
.is-shipped .customer-order-detail__qty-label, .is-done .customer-order-detail__qty-label {
  color: var(--cp-colour-green);
}
.is-pending .customer-order-detail__qty-label {
  color: var(--cp-colour-orange);
}
.customer-order-detail__qty-value {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.1;
  color: var(--cp-colour-on-surface);
}
.customer-order-detail__qty-value small {
  font-size: 0.8125rem;
  font-weight: normal;
  color: var(--cp-colour-on-surface-muted);
}
.customer-order-detail__figures {
  display: grid;
  justify-items: end;
  gap: 5px;
}
@media (min-width: 940px) {
  .customer-order-detail__figures {
    grid-template-columns: 3.5rem 6.875rem;
    align-items: start;
    gap: 20px;
  }
}
@media (max-width: 939px) {
  .customer-order-detail__figures .customer-order-detail__qty {
    order: 1;
    display: flex;
    align-items: baseline;
    gap: 5px;
  }
  .customer-order-detail__figures .customer-order-detail__qty-value {
    font-size: 0.875rem;
  }
}
.customer-order-detail__price {
  display: grid;
  justify-items: end;
  gap: 2px;
  white-space: nowrap;
}
.customer-order-detail__price-total.price, .customer-order-detail__price-each.price {
  line-height: 1.1;
}
.customer-order-detail__price-total.price .price__value, .customer-order-detail__price-each.price .price__value {
  font-size: 1em;
}
.customer-order-detail__price-total.price .price__integral, .customer-order-detail__price-each.price .price__integral {
  font-size: 1em;
}
.customer-order-detail__price-total.price .price__fractional, .customer-order-detail__price-each.price .price__fractional {
  font-size: 0.625em;
  margin-top: 1px;
}
.customer-order-detail__price-total.price .price__currency, .customer-order-detail__price-each.price .price__currency {
  font-size: 1em;
  align-self: center;
  margin: 0;
}
.customer-order-detail__price-total.price {
  font-size: 1.125rem;
  color: var(--cp-colour-on-surface);
}
.customer-order-detail__price-each.price {
  font-size: 0.8125rem;
  font-weight: normal;
  color: var(--cp-colour-on-surface-muted);
}
.customer-order-detail__remaining {
  background-color: var(--cp-colour-surface-raised);
}
.customer-order-detail__totals {
  display: grid;
  gap: 10px;
  padding: 15px;
  border-top: 1px solid var(--cp-colour-border);
  background-color: var(--cp-colour-surface-raised);
}
@media (min-width: 940px) {
  .customer-order-detail__totals {
    padding: 15px 20px;
  }
}
.customer-order-detail__totals .receipt-item__name,
.customer-order-detail__totals .receipt-item__value .price {
  font-size: 1rem;
}
.customer-order-detail__totals .receipt-item--total {
  margin-top: 5px;
  padding-top: 10px;
  border-top: 1px solid var(--cp-colour-border);
}
.customer-order-detail__totals .receipt-item--total .receipt-item__name,
.customer-order-detail__totals .receipt-item--total .receipt-item__value .price {
  font-size: 1.625rem;
}
.customer-order-detail__map {
  border-bottom: 1px solid var(--cp-colour-border);
  border-radius: 0;
}
.customer-order-detail__fulfilment {
  display: grid;
  gap: 20px;
  padding: 20px 15px;
}
@media (min-width: 940px) {
  .customer-order-detail__fulfilment {
    padding: 20px;
  }
}
.customer-order-detail__details {
  grid-template-columns: 1fr;
}
.customer-order-detail__payment-meta {
  margin-top: 20px;
}
.customer-order-detail__pickup {
  display: grid;
  font-size: 0.875rem;
  font-style: normal;
  line-height: 1.5;
}
.customer-order-detail__pickup a {
  margin-top: 5px;
  color: var(--cp-colour-on-surface-muted);
}
.customer-order-detail__pickup .customer-order-detail__map-link i {
  margin-right: 5px;
}
.customer-order-detail__hours {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.customer-order-detail {
  display: grid;
  gap: 20px;
  align-content: start;
}
.customer-order-detail .page-header {
  gap: 5px;
}
.customer-order-detail .page-header__subtitle {
  line-height: 1.3;
}
.customer-order-detail__panels {
  display: grid;
  gap: 20px;
}
.customer-order-detail__pair {
  display: grid;
  align-items: start;
  gap: 20px;
}
@media (min-width: 940px) {
  .customer-order-detail__pair {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.customer-order-detail__stack {
  display: grid;
  gap: 20px;
  min-width: 0;
}

.customer-order-history {
  display: grid;
  gap: 20px;
  align-content: start;
}
.customer-order-history .order-list__thumbs {
  flex-shrink: 0;
  min-width: calc(2.5rem * 4 - 10px * 3);
}
.customer-order-history__filters {
  display: grid;
  gap: 15px;
}
@media (min-width: 940px) {
  .customer-order-history__filters {
    grid-template-columns: 1fr 13.75rem;
  }
  .customer-order-history__filters:has(.filter-bar__actions, .button) {
    grid-template-columns: 1fr 13.75rem auto;
  }
}
.customer-order-history__filters .button {
  align-self: center;
}
.customer-order-history__count {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
}
.customer-order-history__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media (min-width: 940px) {
  .customer-order-history__footer {
    flex-direction: row;
    justify-content: space-between;
    gap: 15px;
  }
}

.customer-order-lookup .page-title {
  text-align: center;
}
.customer-order-lookup .order-lookup-intro {
  text-align: center;
  max-width: 600px;
  margin: 0 auto 20px;
  color: var(--cp-colour-on-surface-muted);
}
.customer-order-lookup .auth-card {
  margin-bottom: 60px;
}
.customer-order-lookup .order-lookup-tabs .tabs-list {
  display: flex;
  width: 100%;
}
.customer-order-lookup .order-lookup-tabs .tab {
  flex: 1;
}
.customer-order-lookup .order-lookup-tabs .tab-panel {
  margin-block: 20px 0;
}
.customer-order-lookup .order-lookup-tab__intro {
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
  line-height: 1.5;
  margin: 0 0 20px;
}
.customer-order-lookup .form-guest-lookup {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.customer-order-lookup .form-guest-lookup .fieldset {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 0;
}
.customer-order-lookup .form-guest-lookup .actions {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 0;
}
.customer-order-lookup .form-guest-lookup .actions .button {
  width: 100%;
  justify-content: center;
}
.customer-order-lookup .form-customer-login {
  max-width: none;
  margin: 0;
}
.customer-order-lookup .form-customer-login .fieldset {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 0;
}
.customer-order-lookup .form-customer-login .actions {
  flex-direction: column;
  gap: 10px;
  margin-block: 20px 0;
}
.customer-order-lookup .form-customer-login .actions .button {
  width: 100%;
  justify-content: center;
}

.customer-order-status {
  display: grid;
  gap: 20px;
  align-content: start;
}
@media (max-width: 939px) {
  .customer-order-status {
    padding-bottom: 30px;
  }
}
.customer-order-status .page-header {
  gap: 5px;
}
.customer-order-status .page-header__subtitle {
  font-size: 0.875rem;
  line-height: 1.3;
  color: var(--cp-colour-on-surface-muted);
}

.customer-order-status__placed {
  display: block;
  font-size: 0.9375rem;
  color: var(--cp-colour-on-surface-muted);
}
.customer-order-status__heading {
  display: grid;
  gap: 15px;
}
@media (min-width: 940px) {
  .customer-order-status__heading {
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 20px;
  }
}
.customer-order-status__actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (min-width: 940px) {
  .customer-order-status__actions {
    padding-top: 5px;
  }
}
.customer-order-status__tracking {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 15px;
  border-bottom: 1px solid var(--cp-colour-border);
}
@media (min-width: 940px) {
  .customer-order-status__tracking {
    padding: 15px 20px;
  }
}
.customer-order-status__tracking dl {
  margin: 0;
}
.customer-order-status__tracking dd {
  font-family: ui-monospace, "SFMono-Regular", Menlo, monospace;
  letter-spacing: 0.04em;
}
.customer-order-status .order-payment__details {
  flex: 1;
  min-width: 0;
}
.customer-order-status .bank-account-details__tabs {
  gap: 5px;
}
.customer-order-status__nowrap {
  white-space: nowrap;
}
.customer-order-status__reference {
  font-family: ui-monospace, "SFMono-Regular", Menlo, monospace;
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
}
.order-progress + .customer-order-status__notice {
  margin-top: 20px;
}
.customer-order-status__lines {
  display: grid;
}
.customer-order-status__lines > * + * {
  border-top: 1px solid var(--cp-colour-border);
}
.customer-order-status__lines .order-line-item-status {
  padding: 15px;
  color: var(--cp-colour-on-surface);
  text-decoration: none;
}
@media (min-width: 940px) {
  .customer-order-status__lines .order-line-item-status {
    padding: 15px 20px;
  }
}
.customer-order-status__lines .order-line-item-status__name {
  font-weight: bold;
}
.customer-order-status__lines .order-line-item-status__options {
  margin-top: 2px;
  font-size: 0.8125rem;
}
.customer-order-status__lines .order-line-item-status__notes {
  font-style: normal;
}
.customer-order-status__lines .order-line-item-status__notes .badge {
  display: inline-block;
}
@media (max-width: 939px) {
  .customer-order-status__lines .order-line-item-status:not(:has(.customer-order-status__figures)) {
    flex-wrap: wrap;
    row-gap: 10px;
  }
  .customer-order-status__lines .order-line-item-status:not(:has(.customer-order-status__figures)) .order-line-item-status__details {
    flex: 1 1 0;
  }
  .customer-order-status__lines .order-line-item-status:not(:has(.customer-order-status__figures)) .order-line-item-status__status {
    flex-basis: 100%;
    margin-left: calc(65px + 15px);
    text-align: left;
  }
  .customer-order-status__lines .customer-order-status__qty:not(.customer-order-status__figures *) {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-start;
    gap: 5px 10px;
  }
}
.customer-order-status__option {
  display: block;
}
.customer-order-status__qty {
  display: grid;
  justify-items: end;
  gap: 2px;
  text-align: right;
  white-space: nowrap;
}
.customer-order-status__qty-label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface-muted);
}
.is-shipped .customer-order-status__qty-label, .is-done .customer-order-status__qty-label {
  color: var(--cp-colour-green);
}
.is-pending .customer-order-status__qty-label {
  color: var(--cp-colour-orange);
}
.customer-order-status__qty-value {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.1;
  color: var(--cp-colour-on-surface);
}
.customer-order-status__qty-value small {
  font-size: 0.8125rem;
  font-weight: normal;
  color: var(--cp-colour-on-surface-muted);
}
.customer-order-status__figures {
  display: grid;
  justify-items: end;
  gap: 5px;
}
@media (min-width: 940px) {
  .customer-order-status__figures {
    grid-template-columns: 3.5rem 6.875rem;
    align-items: start;
    gap: 20px;
  }
}
@media (max-width: 939px) {
  .customer-order-status__figures .customer-order-status__qty {
    order: 1;
    display: flex;
    align-items: baseline;
    gap: 5px;
  }
  .customer-order-status__figures .customer-order-status__qty-value {
    font-size: 0.875rem;
  }
}
.customer-order-status__price {
  display: grid;
  justify-items: end;
  gap: 2px;
  white-space: nowrap;
}
.customer-order-status__price-total.price, .customer-order-status__price-each.price {
  line-height: 1.1;
}
.customer-order-status__price-total.price .price__value, .customer-order-status__price-each.price .price__value {
  font-size: 1em;
}
.customer-order-status__price-total.price .price__integral, .customer-order-status__price-each.price .price__integral {
  font-size: 1em;
}
.customer-order-status__price-total.price .price__fractional, .customer-order-status__price-each.price .price__fractional {
  font-size: 0.625em;
  margin-top: 1px;
}
.customer-order-status__price-total.price .price__currency, .customer-order-status__price-each.price .price__currency {
  font-size: 1em;
  align-self: center;
  margin: 0;
}
.customer-order-status__price-total.price {
  font-size: 1.125rem;
  color: var(--cp-colour-on-surface);
}
.customer-order-status__price-each.price {
  font-size: 0.8125rem;
  font-weight: normal;
  color: var(--cp-colour-on-surface-muted);
}
.customer-order-status__remaining {
  background-color: var(--cp-colour-surface-raised);
}
.customer-order-status__totals {
  display: grid;
  gap: 10px;
  padding: 15px;
  border-top: 1px solid var(--cp-colour-border);
  background-color: var(--cp-colour-surface-raised);
}
@media (min-width: 940px) {
  .customer-order-status__totals {
    padding: 15px 20px;
  }
}
.customer-order-status__totals .receipt-item__name,
.customer-order-status__totals .receipt-item__value .price {
  font-size: 1rem;
}
.customer-order-status__totals .receipt-item--total {
  margin-top: 5px;
  padding-top: 10px;
  border-top: 1px solid var(--cp-colour-border);
}
.customer-order-status__totals .receipt-item--total .receipt-item__name,
.customer-order-status__totals .receipt-item--total .receipt-item__value .price {
  font-size: 1.625rem;
}
.customer-order-status__map {
  border-bottom: 1px solid var(--cp-colour-border);
  border-radius: 0;
}
.customer-order-status__fulfilment {
  display: grid;
  gap: 20px;
  padding: 20px 15px;
}
@media (min-width: 940px) {
  .customer-order-status__fulfilment {
    padding: 20px;
  }
}
.customer-order-status__details {
  grid-template-columns: 1fr;
}
.customer-order-status__payment-meta {
  margin-top: 20px;
}
.customer-order-status__pickup {
  display: grid;
  font-size: 0.875rem;
  font-style: normal;
  line-height: 1.5;
}
.customer-order-status__pickup a {
  margin-top: 5px;
  color: var(--cp-colour-on-surface-muted);
}
.customer-order-status__pickup .customer-order-status__map-link i {
  margin-right: 5px;
}
.customer-order-status__hours {
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.customer-order-status__banner {
  display: grid;
  gap: 15px;
  padding: 30px 15px;
  background-color: var(--cp-colour-surface-overlay);
  color: var(--cp-colour-on-surface);
  text-align: center;
}
@media (max-width: 939px) {
  .customer-order-status__banner {
    gap: 10px;
    padding: 20px 10px;
  }
}
.customer-order-status__banner p {
  margin: 0;
  line-height: 1.4;
}
@media (max-width: 939px) {
  .customer-order-status__banner p {
    font-size: 0.8125rem;
  }
}
.customer-order-status__banner-title {
  margin: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.5625rem;
  font-weight: bold;
  line-height: 1.2;
  text-transform: uppercase;
}
@media (max-width: 939px) {
  .customer-order-status__banner-title {
    font-size: 1.25rem;
  }
}
.customer-order-status__panels {
  display: grid;
  gap: 20px;
}
.customer-order-status__columns {
  display: grid;
  gap: 20px;
  align-items: start;
}
@media (min-width: 940px) {
  .customer-order-status__columns {
    grid-template-columns: minmax(0, 2fr) minmax(20rem, 1fr);
  }
}
.customer-order-status__primary, .customer-order-status__secondary {
  display: grid;
  gap: 20px;
  min-width: 0;
}
@media (min-width: 600px) and (max-width: 939px) {
  .customer-order-status__secondary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .customer-order-status__secondary > :last-child:nth-child(odd) {
    grid-column: 1/-1;
  }
}
.customer-order-status__hero {
  display: grid;
  gap: 15px;
  align-items: center;
  padding: 20px 15px;
  border-radius: 6px;
  background-color: var(--cp-colour-surface-overlay);
}
@media (min-width: 940px) {
  .customer-order-status__hero {
    grid-template-columns: minmax(0, 32.5rem) auto;
    justify-content: center;
    gap: 30px;
    padding: 30px;
  }
}
.customer-order-status__hero-illustration {
  display: flex;
  justify-content: center;
}
@media (min-width: 940px) {
  .customer-order-status__hero-illustration {
    order: 1;
  }
}
.customer-order-status__hero-image {
  display: block;
  width: auto;
  height: 8.75rem;
}
@media (min-width: 940px) {
  .customer-order-status__hero-image {
    height: 13.75rem;
  }
}
.customer-order-status__hero-body {
  display: grid;
  gap: 10px;
}
@media (min-width: 940px) {
  .customer-order-status__hero-body {
    padding-block: 20px;
  }
}
@media (max-width: 939px) {
  .customer-order-status__hero-body {
    text-align: center;
  }
}
.customer-order-status__hero-eyebrow {
  margin: 0 0 calc(-1 * 5px);
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--cp-colour-primary);
}
.customer-order-status__hero-title {
  margin: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 2.125rem;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
  text-wrap: balance;
  color: var(--cp-colour-on-surface);
}
@media (min-width: 940px) {
  .customer-order-status__hero-title {
    font-size: 3rem;
  }
}
.customer-order-status__hero-text {
  margin: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
  line-height: 1.5;
  text-wrap: pretty;
  color: var(--cp-colour-on-surface-muted);
}
.customer-order-status__hero-text strong {
  color: var(--cp-colour-on-surface);
}
@media (min-width: 940px) {
  .customer-order-status__hero-text {
    font-size: 1.0625rem;
  }
}
.customer-order-status__hero-note {
  margin: 5px 0 0;
  padding: 10px 15px;
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
  font-size: 0.875rem;
  line-height: 1.4;
}
.customer-order-status__hero-note strong {
  display: block;
  margin-bottom: 2px;
}
.customer-order-status__hero-note b {
  font-weight: bold;
  color: var(--cp-colour-on-surface);
  white-space: nowrap;
}
@media (max-width: 939px) {
  .customer-order-status__hero-note {
    margin-inline: auto;
  }
}
.customer-order-status__banner p {
  max-width: 45rem;
  margin-inline: auto;
}
.customer-order-status__banner-note {
  display: grid;
  gap: 10px;
  max-width: 45rem;
  margin-inline: auto;
}
.customer-order-status__banner-note p {
  margin: 0;
  line-height: 1.4;
}
.customer-order-status__banner-note strong {
  font-weight: bold;
}
.customer-order-status__banner-note-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 30px;
  margin: 0;
}
.customer-order-status__banner-note-details div {
  display: grid;
}
.customer-order-status__banner-note-details dt {
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface-muted);
}
.customer-order-status__banner-note-details dd {
  margin: 0;
  font-weight: bold;
  white-space: nowrap;
}
.customer-order-status__banner-note-fine {
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
}
.customer-order-status__timeline {
  --marker-size: 1.5rem;
  display: grid;
  gap: 15px;
  padding: 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
}
@media (min-width: 940px) {
  .customer-order-status__timeline {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 45px;
    padding: 20px 30px;
  }
}
.customer-order-status__timeline-title {
  margin: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.1;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
}
@media (min-width: 940px) {
  .customer-order-status__timeline-title {
    white-space: nowrap;
  }
}
.customer-order-status__timeline-steps {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 600px) {
  .customer-order-status__timeline-steps {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
  }
}
.customer-order-status__timeline-step {
  position: relative;
  display: grid;
  grid-template-columns: var(--marker-size) 1fr;
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
}
.customer-order-status__timeline-step:not(:last-child)::before {
  content: "";
  position: absolute;
  top: var(--marker-size);
  bottom: 0;
  left: calc(var(--marker-size) / 2 - 1px);
  width: 2px;
  background-color: var(--cp-colour-border);
}
.customer-order-status__timeline-step:last-child {
  padding-bottom: 0;
}
@media (min-width: 600px) {
  .customer-order-status__timeline-step {
    grid-template-columns: none;
    grid-template-rows: var(--marker-size) auto;
    align-items: start;
    gap: 5px;
    padding-bottom: 0;
    padding-right: 10px;
  }
  .customer-order-status__timeline-step:not(:last-child)::before {
    top: calc(var(--marker-size) / 2 - 1px);
    bottom: auto;
    left: calc(var(--marker-size) + 5px);
    right: 5px;
    width: auto;
    height: 2px;
  }
}
@media (min-width: 940px) {
  .customer-order-status__timeline-step {
    grid-template-columns: var(--marker-size) auto minmax(15px, 1fr);
    grid-template-rows: var(--marker-size) auto;
    column-gap: 10px;
    row-gap: 0;
  }
  .customer-order-status__timeline-step:not(:last-child)::before {
    position: static;
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    width: auto;
    height: 2px;
  }
}
.customer-order-status__timeline-step.is-done:not(:last-child)::before {
  background-color: var(--cp-colour-success);
}
.customer-order-status__timeline-marker {
  position: relative;
  z-index: 1;
  grid-column: 1;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--marker-size);
  height: var(--marker-size);
  border: 2px solid var(--cp-colour-border);
  border-radius: 50%;
  background-color: var(--cp-colour-surface);
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.6875rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface-muted);
}
.is-done .customer-order-status__timeline-marker {
  border-color: var(--cp-colour-success);
  background-color: var(--cp-colour-success);
  color: var(--cp-colour-white);
}
.is-next .customer-order-status__timeline-marker {
  border-color: var(--cp-colour-primary);
  color: var(--cp-colour-primary);
}
.customer-order-status__timeline-body {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 5px;
  font-size: 0.75rem;
  line-height: 1.4;
  color: var(--cp-colour-on-surface-muted);
}
@media (min-width: 600px) {
  .customer-order-status__timeline-body {
    display: grid;
    gap: 0;
  }
}
@media (min-width: 940px) {
  .customer-order-status__timeline-body {
    display: contents;
  }
}
.customer-order-status__timeline-body strong {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface);
}
.is-next .customer-order-status__timeline-body strong {
  color: var(--cp-colour-primary);
}
@media (min-width: 940px) {
  .customer-order-status__timeline-body strong {
    grid-column: 2;
    grid-row: 1;
    line-height: var(--marker-size);
    white-space: nowrap;
  }
}
@media (min-width: 940px) {
  .customer-order-status__timeline-body > span {
    grid-column: 2/-1;
    grid-row: 2;
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--cp-colour-on-surface-muted);
  }
}
.customer-order-status__timeline-body b {
  font-weight: bold;
  color: var(--cp-colour-on-surface);
  white-space: nowrap;
}
.customer-order-status__signup-form {
  display: grid;
  gap: 15px;
}
.customer-order-status__signup-intro {
  margin: 0 0 5px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.customer-order-status__signup-intro strong {
  color: var(--cp-colour-on-surface);
  overflow-wrap: anywhere;
}
.customer-order-status__signup-done {
  display: grid;
  gap: 15px;
}
.customer-order-status__signup-done p {
  margin: 0;
  line-height: 1.5;
}
.customer-order-status__signup-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.customer-order-status__benefits {
  display: grid;
  gap: 15px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 600px) {
  .customer-order-status__benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}
@media (min-width: 940px) {
  .customer-order-status__benefits {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.customer-order-status__benefit {
  display: grid;
  grid-template-columns: 1.25rem 1fr;
  gap: 10px;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.customer-order-status__benefit i {
  padding-top: 3px;
  color: var(--cp-colour-on-surface);
  text-align: center;
}
.customer-order-status__benefit strong {
  display: block;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.9375rem;
  color: var(--cp-colour-on-surface);
}
.customer-order-status__print-brand, .customer-order-status__print-footer {
  display: none;
}

@page order-status {
  size: A4 portrait;
  margin: 12mm 12mm 15mm;
}
@media print {
  html:has(.customer-order-status) {
    font-size: 87.5%;
  }
  html:has(.customer-order-status),
  html:has(.customer-order-status) body {
    background: white;
  }
  html:has(.customer-order-status) body {
    page: order-status;
  }
  html:has(.customer-order-status) body *:not(:has(.customer-order-status),
  .customer-order-status,
  .customer-order-status *) {
    display: none;
  }
  html:has(.customer-order-status) body :has(.customer-order-status) {
    display: block;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
  }
  html:has(.customer-order-status) {
    --cp-colour-surface: var(--cp-colour-white);
    --cp-colour-surface-raised: var(--cp-colour-grey7);
    --cp-colour-surface-overlay: var(--cp-colour-sand);
    --cp-colour-on-surface: var(--cp-colour-grey1);
    --cp-colour-on-surface-muted: #6c6c6c;
    --cp-colour-border: var(--cp-colour-grey4);
    color: var(--cp-colour-on-surface);
  }
  .customer-order-status__actions, .customer-order-status__map,
  .customer-order-status .widget-area, .customer-order-status__tracking .button,
  .customer-order-status .account-panel-actions,
  .customer-order-status .bank-account-details__tabs,
  .customer-order-status .bank-account-details__copy {
    display: none;
  }
  .customer-order-status__print-footer {
    display: block;
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid var(--cp-colour-border);
    font-size: 0.6875rem;
    text-align: center;
    color: var(--cp-colour-on-surface-muted);
    break-inside: avoid;
  }
  .customer-order-status__print-brand {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--cp-colour-on-surface);
    font-size: 0.75rem;
    line-height: 1.5;
    text-align: right;
    color: var(--cp-colour-on-surface-muted);
  }
  .customer-order-status__print-brand img {
    height: 2.25rem;
    width: auto;
  }
  .customer-order-status__heading {
    margin-bottom: 20px;
  }
  .customer-order-status__panels, .customer-order-status__columns, .customer-order-status__primary {
    display: block;
  }
  .customer-order-status__panels > * + *, .customer-order-status__columns > * + *, .customer-order-status__primary > * + * {
    margin-top: 20px;
  }
  .customer-order-status__columns {
    margin-top: 20px;
  }
  .customer-order-status__secondary {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
    grid-template-columns: none;
    margin-top: 20px;
  }
  .customer-order-status__banner {
    gap: 10px;
    padding: 15px;
    border: 1px solid var(--cp-colour-border);
    background: none;
  }
  .customer-order-status__hero {
    grid-template-columns: minmax(0, 1fr) auto;
    justify-content: stretch;
    gap: 20px;
    padding: 15px 20px;
    border: 1px solid var(--cp-colour-border);
    background: none;
  }
  .customer-order-status__hero-illustration {
    order: 1;
    max-width: none;
    margin: 0;
  }
  .customer-order-status__hero-image {
    height: 8.125rem;
  }
  .customer-order-status__hero-body {
    padding-block: 0;
    text-align: left;
  }
  .customer-order-status__hero-title {
    font-size: 1.75rem;
  }
  .customer-order-status__hero-text {
    font-size: 0.875rem;
  }
  .customer-order-status__hero-note {
    padding: 0 0 0 10px;
    border-left: 3px solid var(--cp-colour-primary);
    border-radius: 0;
    background: none;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
  .customer-order-status__timeline-marker, .customer-order-status__timeline-step::before {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
  .customer-order-status .account-panel {
    display: block;
    overflow: visible;
    background: none;
  }
  .customer-order-status__guest.account-panel {
    display: none;
  }
  .customer-order-status .account-panel__header {
    break-after: avoid;
  }
  .customer-order-status__lines {
    display: block;
  }
  .customer-order-status .order-line-item-status__media {
    flex: 0 0 3rem;
    height: 3rem;
  }
  .customer-order-status__figures {
    grid-template-columns: 3.5rem 6.875rem;
    align-items: start;
    gap: 20px;
  }
  .customer-order-status__figures .customer-order-status__qty {
    order: 0;
    display: grid;
  }
  .customer-order-status__figures .customer-order-status__qty-value {
    font-size: 1.25rem;
  }
  .customer-order-status__lines .order-line-item-status:not(:has(.customer-order-status__figures)) {
    flex-wrap: nowrap;
  }
  .customer-order-status__lines .order-line-item-status:not(:has(.customer-order-status__figures)) .order-line-item-status__status {
    flex-basis: auto;
    margin-left: 0;
    text-align: right;
  }
  .customer-order-status__lines .customer-order-status__qty:not(.customer-order-status__figures *) {
    display: grid;
    justify-items: end;
  }
  .customer-order-status .order-line-item-status, .customer-order-status__totals, .customer-order-status__banner, .customer-order-status__hero, .customer-order-status__timeline, .customer-order-status__secondary > .account-panel,
  .customer-order-status .order-payment {
    break-inside: avoid;
  }
}
.customer-order-status-login .page-title {
  text-align: center;
}
.customer-order-status-login .order-status-intro {
  text-align: center;
  max-width: 600px;
  margin: 0 auto 20px;
  color: var(--cp-colour-on-surface-muted);
}
.customer-order-status-login .auth-card {
  margin-bottom: 60px;
}
.customer-order-status-login .order-status-register-cta {
  margin: 0;
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
}
.customer-order-status-login .order-status-register-cta a {
  color: var(--cp-colour-orange);
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.customer-order-status-login .form-customer-login {
  max-width: none;
  margin: 0;
}
.customer-order-status-login .form-customer-login .fieldset {
  margin-top: 0;
}
.customer-order-status-login .form-customer-login .actions {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}
@media (max-width: 939px) {
  .customer-order-status-login .form-customer-login .actions {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .customer-order-status-login .form-customer-login .actions .button {
    width: 100%;
    justify-content: center;
  }
}

.customer-returns {
  display: grid;
  gap: 20px;
  align-content: start;
}
.customer-returns__start {
  display: grid;
  gap: 15px;
}
@media (min-width: 640px) {
  .customer-returns__start {
    grid-template-columns: 1fr auto;
    align-items: start;
  }
}
.customer-returns__start select {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customer-returns__none {
  margin: 0;
  color: var(--cp-colour-on-surface-muted);
}
.customer-returns__count {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
}
.customer-returns__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media (min-width: 940px) {
  .customer-returns__footer {
    flex-direction: row;
    justify-content: space-between;
    gap: 15px;
  }
}

@media (min-width: 940px) {
  .customer-store-credit__how-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .customer-store-credit__how-list > .account-panel__row + .account-panel__row {
    border-top: 0;
    border-left: 1px solid var(--cp-colour-border);
  }
}
.customer-store-credit__how.account-panel__row {
  justify-content: flex-start;
  align-items: baseline;
}
.customer-store-credit__how.account-panel__row > i {
  width: 1.125rem;
  flex-shrink: 0;
  text-align: center;
  color: var(--cp-colour-green);
}
.customer-store-credit__how.account-panel__row > .account-panel__row-text {
  flex: 1;
}

.customer-stock-alerts {
  display: grid;
  gap: 20px;
  align-content: start;
  min-width: 0;
}
.customer-stock-alerts > * {
  min-width: 0;
}
.customer-stock-alerts__toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  padding: 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface-raised);
}
.customer-stock-alerts__toolbar .segmented {
  margin-left: auto;
}
@media (max-width: 939px) {
  .customer-stock-alerts__toolbar .segmented {
    order: 3;
    width: 100%;
    margin-left: 0;
  }
  .customer-stock-alerts__toolbar .segmented .segmented__option {
    flex: 1 1 auto;
  }
}
.customer-stock-alerts__summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 15px;
  margin: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
}
.customer-stock-alerts__summary-back {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--cp-colour-green);
  font-weight: bold;
}
.customer-stock-alerts__group {
  display: grid;
  gap: 10px;
}
.customer-stock-alerts__group-header {
  display: grid;
  gap: 5px;
}
.customer-stock-alerts__group-header h2 {
  margin: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.375rem;
  font-weight: bold;
  text-transform: uppercase;
}
.customer-stock-alerts__group-header h2 small {
  font-size: 1rem;
  font-weight: normal;
  color: var(--cp-colour-on-surface-muted);
}
.customer-stock-alerts__group-header p {
  margin: 0;
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
}
.customer-stock-alerts__list {
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
}
.customer-stock-alerts__list .stock-alert {
  padding: 15px;
}
.customer-stock-alerts__list .stock-alert:not(:last-child) {
  border-bottom: 1px solid var(--cp-colour-border);
}
.is-available .customer-stock-alerts__list {
  border-color: color-mix(in oklch, var(--cp-colour-green), transparent 50%);
  box-shadow: inset 4px 0 0 var(--cp-colour-green);
}
.customer-stock-alerts__no-match, .customer-stock-alerts__email {
  margin: 0;
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
}
.customer-stock-alerts__no-match a,
.customer-stock-alerts__no-match button, .customer-stock-alerts__email a,
.customer-stock-alerts__email button {
  background: none;
  color: var(--cp-colour-on-surface);
  text-decoration: underline;
  cursor: pointer;
}
.customer-stock-alerts__email {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.customer-stock-alerts__confirm {
  margin: 0;
  line-height: 1.5;
}

.stock-alert {
  display: grid;
  align-items: center;
  transition: opacity 0.2s;
}
@media (min-width: 940px) {
  .stock-alert {
    gap: 20px;
    grid-template-columns: 96px minmax(0, 1fr) auto auto;
    grid-template-areas: "media details price cta";
  }
}
@media (max-width: 939px) {
  .stock-alert {
    gap: 15px;
    grid-template-columns: 75px 1fr auto;
    grid-template-areas: "media details details" "price price   cta";
  }
}
.stock-alert.is-removing {
  opacity: 0.5;
  pointer-events: none;
}
.stock-alert__media {
  grid-area: media;
  align-self: start;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
  overflow: hidden;
}
.is-waiting .stock-alert__media, .is-discontinued .stock-alert__media {
  opacity: 0.6;
}
.stock-alert__image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.stock-alert__details {
  grid-area: details;
  display: grid;
  justify-items: start;
  gap: 5px;
  min-width: 0;
}
.stock-alert__name {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.125rem;
  line-height: 1.25;
  color: var(--cp-colour-on-surface);
}
.stock-alert__name:hover {
  text-decoration: underline;
}
.stock-alert__options {
  display: flex;
  flex-wrap: wrap;
  gap: 0 15px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  line-height: 1.3;
  color: var(--cp-colour-on-surface-muted);
}
.stock-alert__flags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 15px;
}
.stock-alert__expected {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 1px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface);
  background-color: color-mix(in oklch, var(--cp-colour-sand), transparent 70%);
}
.stock-alert__history {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--cp-colour-on-surface-muted);
}
.stock-alert__history i {
  font-size: 0.6875rem;
}
.is-available .stock-alert__history {
  color: var(--cp-colour-green);
}
.stock-alert__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.stock-alert__actions button {
  padding: 5px 0;
  background: none;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
  cursor: pointer;
}
.stock-alert__actions button:hover, .stock-alert__actions button:focus-visible {
  color: var(--cp-colour-on-surface);
  text-decoration: underline;
}
.stock-alert__price {
  grid-area: price;
  justify-self: end;
}
@media (max-width: 939px) {
  .stock-alert__price {
    justify-self: start;
    align-self: center;
  }
}
.stock-alert__price .price {
  font-weight: normal;
  font-size: 1.125rem;
}
.stock-alert__price .price__value {
  font-size: 1em;
}
.stock-alert__price .price__decimal, .stock-alert__price .price__fractional {
  font-size: 0.625em;
}
.stock-alert__cta {
  grid-area: cta;
  justify-self: end;
}
@media (min-width: 940px) {
  .stock-alert__cta {
    min-width: 13.75rem;
    text-align: right;
  }
}
.stock-alert__cta .button {
  white-space: nowrap;
}
.stock-alert__watching {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
  color: var(--cp-colour-on-surface-muted);
  white-space: nowrap;
}

.transaction-list {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  overflow: hidden;
}
@media (min-width: 940px) {
  .transaction-list {
    grid-template-columns: auto 1fr auto;
    gap: 0 20px;
  }
  .transaction-list.has-balance {
    grid-template-columns: auto 1fr auto auto;
  }
}
.transaction-list--flush {
  border: 0;
  border-radius: 0;
}
.transaction-list__columns {
  display: none;
}
@media (min-width: 940px) {
  .transaction-list__columns {
    grid-column: 1/-1;
    grid-template-columns: subgrid;
    align-items: center;
    padding: 10px 20px;
    display: grid;
    background-color: var(--cp-colour-surface-raised);
    border-bottom: 1px solid var(--cp-colour-border);
    font-family: "Roboto Flex Variable", "sans-serif";
    font-stretch: ultra-condensed;
    font-size: 0.75rem;
    font-weight: bold;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--cp-colour-on-surface-muted);
  }
  .transaction-list__columns .is-numeric {
    text-align: right;
  }
}
.transaction-list__entry {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "activity change" "date     balance";
  align-items: baseline;
  gap: 5px 15px;
  padding: 15px;
}
.transaction-list__entry + .transaction-list__entry {
  border-top: 1px solid var(--cp-colour-border);
}
@media (min-width: 940px) {
  .transaction-list__entry {
    grid-column: 1/-1;
    grid-template-columns: subgrid;
    align-items: center;
    padding: 10px 20px;
    grid-template-areas: none;
    align-items: baseline;
    padding-block: 15px;
  }
}
.transaction-list__date {
  grid-area: date;
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
  white-space: nowrap;
}
@media (min-width: 940px) {
  .transaction-list__date {
    grid-area: auto;
    font-size: 0.875rem;
  }
}
.transaction-list__activity {
  grid-area: activity;
  display: grid;
  gap: 2px;
  min-width: 0;
}
@media (min-width: 940px) {
  .transaction-list__activity {
    grid-area: auto;
  }
}
.transaction-list__title {
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface);
  overflow-wrap: anywhere;
}
.transaction-list a.transaction-list__title {
  text-decoration: underline;
  text-decoration-color: var(--cp-colour-border-strong);
  text-underline-offset: 2px;
}
.transaction-list a.transaction-list__title:hover {
  text-decoration-color: currentColor;
}
.transaction-list__description {
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--cp-colour-on-surface-muted);
}
.transaction-list__expiry {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  justify-self: start;
  margin-top: 2px;
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
}
.transaction-list__expiry i {
  font-size: 0.625rem;
}
.transaction-list__expiry.is-warning {
  color: var(--cp-colour-orange);
  font-weight: bold;
}
.transaction-list__expiry.is-muted {
  text-decoration: line-through;
}
.transaction-list__change {
  grid-area: change;
  justify-self: end;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.9375rem;
  font-weight: bold;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
@media (min-width: 940px) {
  .transaction-list__change {
    grid-area: auto;
  }
}
.is-credit .transaction-list__change {
  color: var(--cp-colour-green);
}
.is-debit .transaction-list__change {
  color: var(--cp-colour-on-surface-muted);
}
.transaction-list__balance {
  grid-area: balance;
  justify-self: end;
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
@media (min-width: 940px) {
  .transaction-list__balance {
    grid-area: auto;
    font-family: "Roboto Flex Variable", "sans-serif";
    font-size: 0.9375rem;
    color: var(--cp-colour-on-surface);
  }
}
@media (min-width: 940px) {
  .transaction-list__balance-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}

.document-page {
  width: 100%;
  max-width: 210mm;
  margin: 0 auto;
  background: #ffffff;
  color: #333333;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.8125rem;
  line-height: 1.5;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.06);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.document-page__layout {
  width: 100%;
  border-collapse: collapse;
  border: none;
  table-layout: fixed;
}
.document-page__layout tr {
  background: none;
}
.document-page__layout tr:nth-child(odd) {
  background: none;
}
.document-page__layout tr:hover {
  background: none;
}
.document-page__layout th,
.document-page__layout td {
  padding: 0;
  border: none;
  text-align: left;
  font-weight: normal;
  font-size: inherit;
  text-transform: none;
}
.document-page__header > tr > td {
  padding: 1.5rem 1.5rem 0;
}
.document-page__body > tr > td {
  padding: 1.5rem;
  vertical-align: top;
}
.document-page__content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.document-page__footer > tr > td {
  padding: 0 1.5rem 1.5rem;
}
.document-page--letter {
  max-width: 8.5in;
}

@page {
  size: A4 portrait;
  margin: 15mm;
  @bottom-center {
    content: "Page " counter(page) " of " counter(pages);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: var(--cp-colour-grey3);
  }
}
@page landscape {
  size: A4 landscape;
}
@page letter-portrait {
  size: letter portrait;
}
@page letter-landscape {
  size: letter landscape;
}
@media print {
  html,
  body {
    margin: 0;
    padding: 0;
    background: white;
  }
  .document-page {
    position: relative;
    max-width: none;
    width: 100%;
    box-shadow: none;
    margin: 0;
  }
  .document-page__header > tr > td {
    padding: 0 0 1rem;
  }
  .document-page__body > tr > td {
    padding: 1rem 0;
  }
  .document-page__footer > tr > td {
    padding: 1rem 0 0;
  }
  .document-page--a4.document-page--landscape {
    page: landscape;
  }
  .document-page--letter.document-page--portrait {
    page: letter-portrait;
  }
  .document-page--letter.document-page--landscape {
    page: letter-landscape;
  }
}
.document-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.document-header__business {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.document-header__logo img,
.document-header__logo svg {
  display: block;
  max-height: 2.25rem;
  width: auto;
}
.document-header__details {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.6875rem;
  line-height: 1.6;
  color: #4f4f4f;
}
.document-header__document {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
  text-align: right;
}
.document-header__title {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.2;
  color: #333333;
}
.document-header__meta {
  text-align: right;
}

.document-footer {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-top: 1px solid #bdbdbd;
  padding-top: 15px;
}
.document-footer__content {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.625rem;
  line-height: 1.6;
  color: #4f4f4f;
}
.document-footer__legal {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.5625rem;
  line-height: 1.5;
  color: #828282;
}
.document-footer__bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.25rem;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.5625rem;
  color: #828282;
}
.document-footer__reference {
  font-weight: 600;
}
.document-footer__generated {
  margin-left: auto;
}

.document-title-bar {
  display: flex;
  align-items: baseline;
  gap: 20px;
  padding: 10px 0;
  border-top: 3px solid #eb2b2d;
}
.document-title-bar__title {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.25rem;
  font-weight: bold;
  color: #333333;
}
.document-title-bar__reference {
  display: inline-flex;
  gap: 0.25rem;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.8125rem;
  color: #333333;
}
.document-title-bar__ref-label {
  color: #828282;
}
.document-title-bar__ref-value {
  font-weight: 600;
}
.document-title-bar__date {
  margin-left: auto;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.8125rem;
  color: #333333;
  white-space: nowrap;
}

.document-address-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.document-address-pair--single {
  grid-template-columns: 1fr;
}
.document-address-pair--single-with-meta {
  grid-template-columns: 1fr 1fr;
}
.document-address-pair__block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.document-address-pair__label {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.6875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #828282;
  margin: 0 0 0.125rem;
  letter-spacing: 0.05em;
}
.document-address-pair__address {
  display: flex;
  flex-direction: column;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.6;
  color: #333333;
}
.document-address-pair__name {
  font-weight: bold;
}
.document-address-pair__phone {
  margin-top: 0.125rem;
  color: #4f4f4f;
}
.document-address-pair__meta {
  align-self: start;
}

.document-table {
  width: 100%;
  border-collapse: collapse;
  border: none;
  border-radius: 0;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.75rem;
  line-height: 1.4;
}
.document-table tr {
  background: none;
}
.document-table tr:nth-child(odd) {
  background: none;
}
.document-table tr:hover {
  background: none;
}
.document-table__head th {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.6875rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  padding: 0.5rem 0.75rem;
  color: #4f4f4f;
  border-bottom: 2px solid #333333;
  white-space: nowrap;
  letter-spacing: 0.02em;
}
.document-table__body td {
  padding: 0.5rem 0.75rem;
  vertical-align: middle;
  color: #333333;
  border-bottom: 1px solid #e0e0e0;
}
.document-table__body tr:last-child td {
  border-bottom: none;
}
.document-table__foot td {
  padding: 0.5rem 0.75rem;
  color: #333333;
  border-top: 2px solid #333333;
}
.document-table__foot tr:last-child {
  font-weight: bold;
}
.document-table__cell--right, .document-table__head th.document-table__cell--right, .document-table__body td.document-table__cell--right {
  text-align: right;
  vertical-align: middle;
}
.document-table__cell--center, .document-table__head th.document-table__cell--center, .document-table__body td.document-table__cell--center {
  text-align: center;
  vertical-align: middle;
}
.document-table__cell--nowrap {
  white-space: nowrap;
}
.document-table__cell--muted {
  font-size: 0.625rem;
  color: #4f4f4f;
}
.document-table__qty-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.3125rem;
  background-color: #333333;
  color: #ffffff;
  font-weight: bold;
  font-size: 0.6875rem;
  line-height: 1;
  border-radius: 0.1875rem;
}
.document-table__checkbox {
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  border: 1.5px solid #333333;
  border-radius: 0.125rem;
  vertical-align: middle;
}
.document-table__cell--notes {
  min-width: 5rem;
  border-bottom: 1px dotted #bdbdbd;
}
.document-table__cell--image {
  width: 3.75rem;
  padding: 0.25rem;
}
.document-table__cell--image img {
  display: block;
  max-width: 3.75rem;
  max-height: 3.75rem;
  object-fit: contain;
}
.document-table__body tr.document-table__row--muted td {
  color: #828282;
}
.document-table__body tr.document-table__row--muted td strong {
  font-weight: normal;
}
.document-table--compact {
  font-size: 0.6875rem;
}
.document-table--compact .document-table__head th {
  font-size: 0.625rem;
  padding: 0.25rem 0.5rem;
}
.document-table--compact .document-table__body td {
  padding: 0.25rem 0.5rem;
}
.document-table--compact .document-table__foot td {
  padding: 0.25rem 0.5rem;
}
.document-table--striped .document-table__body tr:nth-child(even) {
  background-color: #f9f9f9;
}

@media print {
  .document-table__body tr {
    break-inside: avoid;
  }
  .document-table--striped .document-table__body tr:nth-child(even) {
    background-color: var(--cp-colour-grey7) !important;
  }
}
.document-totals {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.125rem;
}
.document-totals--has-side {
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}
.document-totals__side {
  flex: 1;
}
.document-totals__body {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.document-totals__rows {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 15rem;
}
.document-totals__row {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.75rem;
  line-height: 1.6;
  color: #333333;
  padding: 0.125rem 0;
}
.document-totals__row--bold {
  font-weight: bold;
}
.document-totals__row--muted {
  font-size: 0.625rem;
  color: #828282;
}
.document-totals__total {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  min-width: 15rem;
  padding: 0.375rem 0 0;
  margin-top: 0.25rem;
  border-top: 2px solid #333333;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #333333;
}
.document-totals__label {
  flex-grow: 1;
}
.document-totals__value {
  flex-shrink: 0;
  text-align: right;
}

.document-notes {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  break-inside: avoid;
}
.document-notes__title {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #4f4f4f;
  margin: 0;
  letter-spacing: 0.05em;
}
.document-notes__content {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.6875rem;
  line-height: 1.6;
  color: #4f4f4f;
}
.document-notes__content p {
  margin: 0 0 0.25rem;
}
.document-notes__content p:last-child {
  margin-bottom: 0;
}
.document-notes__content ul,
.document-notes__content ol {
  margin: 0;
  padding-left: 1rem;
}
.document-notes__content li {
  margin-bottom: 0.125rem;
}

.document-separator {
  border: none;
  border-top: 1px solid #e0e0e0;
  margin: 0;
}
@media print {
  .document-separator--page-break {
    break-after: page;
  }
}

.document-sign-off {
  display: flex;
  gap: 30px;
  padding: 0.5rem 0;
  break-inside: avoid;
}
.document-sign-off__field {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}
.document-sign-off__label {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 0.6875rem;
  font-weight: bold;
  white-space: nowrap;
  color: #4f4f4f;
}
.document-sign-off__line {
  display: inline-block;
  width: 7.5rem;
  border-bottom: 1px solid #333333;
}

.search-autocomplete {
  width: 100%;
  box-shadow: var(--cp-shadow-md);
  background-color: var(--cp-colour-surface);
}
@media (max-width: 767px) {
  .search-autocomplete {
    background-color: transparent;
    box-shadow: none;
  }
}
.search-autocomplete .container {
  display: flex;
  gap: 0;
}
@media (max-width: 767px) {
  .search-autocomplete .container {
    flex-wrap: wrap;
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 939px) {
  .search-autocomplete .container {
    flex-wrap: wrap;
  }
}
.search-autocomplete__sidebar, .search-autocomplete__content {
  padding: 15px;
  overflow: hidden;
}
.search-autocomplete__sidebar {
  background-color: var(--cp-colour-surface);
}
@media (min-width: 940px) {
  .search-autocomplete__sidebar {
    border-right: 1px solid var(--cp-colour-border);
  }
}
@media (max-width: 939px) {
  .search-autocomplete__sidebar {
    border-top: 1px solid var(--cp-colour-border);
  }
}
.search-autocomplete__sidebar {
  display: flex;
  gap: 30px;
}
@media (min-width: 940px) {
  .search-autocomplete__sidebar {
    flex-direction: column;
    flex: 0 0 280px;
    max-height: 70vh;
    overflow-y: auto;
  }
}
@media (min-width: 1280px) {
  .search-autocomplete__sidebar {
    flex: 0 0 320px;
  }
}
@media (max-width: 939px) {
  .search-autocomplete__sidebar {
    order: 2;
    width: 100%;
    flex-direction: row;
  }
}
.search-autocomplete__content {
  flex: 1;
  min-width: 0;
}
@media (min-width: 940px) {
  .search-autocomplete__content {
    max-height: 70vh;
    overflow-y: auto;
  }
}
.search-autocomplete__sidebar:empty {
  display: none;
}
@media (max-width: 939px) {
  .search-autocomplete--placeholder .search-autocomplete__sidebar {
    order: -1;
    flex-direction: column;
    gap: 20px;
    border-top: none;
    border-bottom: 1px solid var(--cp-colour-border);
  }
}
.search-autocomplete__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.search-autocomplete__chip {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  border: 1px solid var(--cp-colour-border);
  border-radius: 999px;
  background-color: var(--cp-colour-surface);
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface);
  cursor: pointer;
  transition: border-color 150ms ease-in-out, background-color 150ms ease-in-out;
}
.search-autocomplete__chip:hover {
  border-color: var(--cp-colour-border-strong);
  background-color: var(--cp-colour-surface-inset);
}
.search-autocomplete__chip:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 1px;
}
.search-autocomplete__chip-icon {
  font-size: 0.6875rem;
  color: var(--cp-colour-on-surface-muted);
}
.search-autocomplete__empty {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px 0;
}
.search-autocomplete__empty-title {
  margin: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.25rem;
  font-weight: bold;
}
.search-autocomplete__empty-hint {
  margin: 0;
  color: var(--cp-colour-on-surface-muted);
}
.search-autocomplete__empty-hint a {
  color: var(--cp-colour-orange);
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 767px) {
  .search-autocomplete .container {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .search-autocomplete__sidebar, .search-autocomplete__content {
    overflow: visible;
    padding: 15px;
  }
  .search-autocomplete__sidebar {
    flex-direction: column;
    gap: 20px;
  }
  .search-autocomplete .search-autocomplete-results {
    gap: 10px;
  }
  .search-autocomplete .search-autocomplete-results__title {
    font-size: 0.875rem;
    color: var(--cp-colour-on-surface-muted);
  }
  .search-autocomplete .search-autocomplete-categories,
  .search-autocomplete .search-autocomplete-blogs {
    gap: 0;
  }
  .search-autocomplete .search-autocomplete-category,
  .search-autocomplete .search-autocomplete-blog {
    position: relative;
    min-height: 2.75rem;
    padding: 0.625rem 1.5rem 0.625rem 0;
    border-bottom: 1px solid var(--cp-colour-border);
    color: var(--cp-colour-on-surface);
  }
  .search-autocomplete .search-autocomplete-category::after,
  .search-autocomplete .search-autocomplete-blog::after {
    --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: var(--fa-display, inline-block);
    font-family: var(--_fa-family);
    font-feature-settings: normal;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: var(--fa-style, 900);
    line-height: 1;
    text-align: center;
    text-rendering: auto;
    width: var(--fa-width, 1.25em);
    content: "\f054";
    position: absolute;
    right: 0.25rem;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 900;
    font-size: 0.6875rem;
    color: var(--cp-colour-on-surface-muted);
  }
  .search-autocomplete .search-autocomplete-category:last-child,
  .search-autocomplete .search-autocomplete-blog:last-child {
    border-bottom: none;
  }
  .search-autocomplete .search-autocomplete-category__nodes,
  .search-autocomplete .search-autocomplete-blog__title {
    font-size: 0.9375rem;
  }
  .search-autocomplete__chips,
  .search-autocomplete .search-autocomplete-brands {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    margin: 0 calc(-1 * 15px);
    padding: 0.125rem 15px;
    overflow-x: auto;
    scroll-padding-inline: 15px;
    scrollbar-width: none;
  }
  .search-autocomplete__chips::-webkit-scrollbar,
  .search-autocomplete .search-autocomplete-brands::-webkit-scrollbar {
    display: none;
  }
  .search-autocomplete__chip {
    flex-shrink: 0;
    padding: 0.5rem 0.875rem;
    font-size: 0.9375rem;
  }
  .search-autocomplete .search-autocomplete-brand {
    flex: 0 0 7rem;
    padding: 10px 15px;
    border-radius: 6px;
  }
  .search-autocomplete .search-autocomplete-results__action {
    display: none;
  }
  .search-autocomplete:has(.search-autocomplete__view-all) {
    padding-bottom: 4.75rem;
  }
  .search-autocomplete .search-autocomplete-results__more:has(.search-autocomplete__view-all) {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin: 0;
    padding: 10px 15px calc(env(safe-area-inset-bottom, 0px) + 10px);
    border-top: 1px solid var(--cp-colour-border);
    background-color: var(--cp-colour-surface);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .search-autocomplete .search-autocomplete-results__more:has(.search-autocomplete__view-all)::before {
    content: none;
  }
  .search-autocomplete .search-autocomplete-results__more:has(.search-autocomplete__view-all) .button {
    width: 100%;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .search-autocomplete .search-autocomplete-results__more:has(.search-autocomplete__view-all) {
    display: none;
  }
}

.search-autocomplete-blog {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.search-autocomplete-blog__media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}
.search-autocomplete-blog__image {
  border-radius: 100%;
}
.search-autocomplete-blog__title {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
}
.search-autocomplete-blog:hover .search-autocomplete-blog__title {
  text-decoration: underline;
}

.search-autocomplete-blogs {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.search-autocomplete-brand {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  aspect-ratio: 2/1;
  border: 1px solid var(--cp-colour-border);
  padding: 15px;
  background-color: var(--cp-colour-surface);
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.search-autocomplete-brand__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.search-autocomplete-brand__name {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.875em;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: var(--cp-colour-text);
}

.search-autocomplete-brands {
  display: grid;
  gap: 15px;
  align-items: center;
  justify-items: center;
}
@media (min-width: 940px) {
  .search-autocomplete-brands {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 939px) {
  .search-autocomplete-brands {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
}

.search-autocomplete-categories {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.search-autocomplete-categories .search-autocomplete-category__media.shimmer {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
}

.search-autocomplete-category {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.search-autocomplete-category__media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: 2px solid transparent;
  border-radius: 50%;
  background-image: linear-gradient(white, white), radial-gradient(circle at 0%, var(--cp-colour-border), var(--cp-colour-border-strong));
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.search-autocomplete-category__media.shimmer {
  border-radius: 50%;
}
.search-autocomplete-category__image {
  border-radius: 50%;
}
.search-autocomplete-category__nodes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-grow: 1;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
}
.search-autocomplete-category__nodes .search-autocomplete-category__node:before {
  content: none;
  width: initial;
  color: initial;
}
.search-autocomplete-category__nodes .search-autocomplete-category__node:not(:first-child):before {
  content: "/";
  margin-left: 5px;
  margin-right: 5px;
}
.search-autocomplete-category__nodes .search-autocomplete-category__node:last-child {
  font-weight: bold;
}
.search-autocomplete-category__nodes .search-autocomplete-category__node > .shimmer {
  width: 100%;
  height: 10px;
  min-width: 100px;
  display: inline-block;
}
.search-autocomplete-category:hover .search-autocomplete-category__nodes {
  text-decoration: underline;
}

.search-autocomplete-product {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px;
  border-radius: 6px;
  color: var(--cp-colour-on-surface);
  text-decoration: none;
  transition: background-color 150ms ease-in-out;
}
.search-autocomplete-product:hover, .search-autocomplete-product:focus-visible {
  background-color: var(--cp-colour-surface-inset);
}
.search-autocomplete-product:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: -2px;
}
.search-autocomplete-product__media {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 3.5rem;
  height: 3.5rem;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-white);
  overflow: hidden;
}
.search-autocomplete-product__image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.search-autocomplete-product__details {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}
.search-autocomplete-product__name {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.search-autocomplete-product__match {
  background: none;
  color: inherit;
  font-weight: bold;
}
.search-autocomplete-product__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 0.375rem;
  min-width: 0;
  font-size: 0.75rem;
  line-height: 1.3;
  color: var(--cp-colour-on-surface-muted);
}
.search-autocomplete-product__meta > * + *::before {
  content: "·";
  margin-right: 0.375rem;
  color: var(--cp-colour-on-surface-muted);
  font-weight: normal;
}
.search-autocomplete-product__brand {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-autocomplete-product__sku {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.search-autocomplete-product__status {
  display: inline-flex;
  align-items: center;
}
.search-autocomplete-product__status .stock-status {
  gap: 0.25rem;
}
.search-autocomplete-product__status .stock-status__icon,
.search-autocomplete-product__status .stock-status__label {
  font-size: 0.75rem;
}
.search-autocomplete-product__pricing {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-shrink: 0;
  gap: 0.125rem;
}
.search-autocomplete-product__price.price {
  font-size: 1rem;
  font-weight: bold;
}
.search-autocomplete-product__price.price .price__value,
.search-autocomplete-product__price.price .price__integral {
  font-size: 1em;
}
.search-autocomplete-product__price.price .price__fractional,
.search-autocomplete-product__price.price .price__decimal {
  font-size: 0.65em;
}
.search-autocomplete-product__price.price .price__prefix {
  margin-right: 0.1875rem;
  font-size: 0.8em;
  font-weight: normal;
  color: var(--cp-colour-on-surface-muted);
}
.search-autocomplete-product__pricing.is-sale .search-autocomplete-product__price.price {
  color: var(--cp-colour-red);
}
.search-autocomplete-product__was {
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
  text-decoration: line-through;
}
.search-autocomplete-product__was .price {
  font-size: 1em;
  font-stretch: normal;
  font-weight: normal;
  color: inherit;
}
.search-autocomplete-product__was .price .price__value,
.search-autocomplete-product__was .price .price__integral,
.search-autocomplete-product__was .price .price__decimal,
.search-autocomplete-product__was .price .price__fractional {
  font-size: 1em;
}
.search-autocomplete-product__was .price .price__decimal,
.search-autocomplete-product__was .price .price__fractional {
  align-self: baseline;
  margin-top: 0;
}

.search-autocomplete-products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr));
  gap: 0 15px;
  margin: 0 calc(-1 * 10px);
}

.search-autocomplete-results {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 15px;
}
.search-autocomplete-results__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 15px;
}
.search-autocomplete-results__action {
  flex-shrink: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
  font-weight: bold;
}
.search-autocomplete-results__action a {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--cp-colour-orange);
}
.search-autocomplete-results__action a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.search-autocomplete-results__title {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}
.search-autocomplete-results__content {
  isolation: isolate;
}
.search-autocomplete-results__more {
  position: sticky;
  bottom: -15px;
  z-index: 1;
  margin-top: 15px;
  padding: 20px 0 15px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  background-color: color-mix(in srgb, var(--cp-colour-surface) 85%, transparent);
  backdrop-filter: blur(var(--cp-backdrop-blur));
  -webkit-backdrop-filter: blur(var(--cp-backdrop-blur));
}
.search-autocomplete-results__more::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to top, color-mix(in srgb, var(--cp-colour-surface) 85%, transparent), transparent);
  pointer-events: none;
}

.search-form {
  position: relative;
}
@media (min-width: 768px) {
  .search-form {
    min-height: 40px;
  }
}
.search-form.is-open .search-form__backdrop {
  display: block;
  opacity: 1;
}
@starting-style {
  .search-form.is-open .search-form__backdrop {
    opacity: 0;
  }
}
@media (min-width: 768px) {
  .search-form.is-open, .search-form.is-closing {
    width: var(--search-bar-width, auto);
  }
  .search-form.is-open .search-form__wrapper, .search-form.is-closing .search-form__wrapper {
    position: fixed;
    top: var(--search-bar-top, 0);
    left: max(15px, 50% - 1500px / 2);
    right: max(15px, 50% - 1500px / 2);
    height: 52px;
    padding: 0 10px 0 15px;
    border-color: transparent;
    border-bottom-color: var(--cp-colour-border);
    border-radius: 6px 6px 0 0;
    z-index: 150;
  }
  .search-form.is-open .search-form__clear, .search-form.is-closing .search-form__clear {
    display: inline-block;
  }
  .search-form.is-open .search-form__close, .search-form.is-closing .search-form__close {
    display: flex;
  }
  .search-form.is-open .search-form__autocomplete, .search-form.is-closing .search-form__autocomplete {
    position: fixed;
    top: calc(var(--search-bar-top, 0px) + 52px);
    left: max(15px, 50% - 1500px / 2);
    right: max(15px, 50% - 1500px / 2);
    border-radius: 0 0 6px 6px;
    background-color: var(--cp-colour-surface);
    box-shadow: var(--cp-shadow-lg);
    overflow: hidden;
    z-index: 200;
  }
  .search-form.is-open .search-form__autocomplete .search-autocomplete, .search-form.is-closing .search-form__autocomplete .search-autocomplete {
    box-shadow: none;
  }
}
@media (max-width: 767px) {
  .search-form.is-open {
    position: fixed;
    inset: 0;
    z-index: 300;
    display: flex;
    flex-direction: column;
    background-color: var(--cp-colour-surface);
    opacity: 1;
    transform: translateY(0);
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  @starting-style {
    .search-form.is-open {
      opacity: 0;
      transform: translateY(12px);
    }
  }
  .search-form.is-open .search-form__wrapper {
    position: relative;
    flex-shrink: 0;
    height: auto;
    gap: 10px;
    padding: calc(env(safe-area-inset-top, 0px) + 0.625rem) 15px 0.625rem;
    border: none;
    border-bottom: 1px solid var(--cp-colour-border);
    border-radius: 0;
  }
  .search-form.is-open .search-form__field {
    height: 2.625rem;
    padding: 0 0.375rem 0 0.875rem;
    border-radius: 999px;
    background-color: var(--cp-colour-surface-inset);
  }
  .search-form.is-open .search-form__autocomplete {
    position: relative;
    flex: 1;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    background-color: var(--cp-colour-surface);
  }
}
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
  .search-form.is-open {
    transition: none;
    transform: none;
  }
}
.search-form__backdrop {
  position: fixed;
  inset: 0;
  background-color: var(--cp-backdrop-color);
  backdrop-filter: blur(var(--cp-backdrop-blur));
  -webkit-backdrop-filter: blur(var(--cp-backdrop-blur));
  z-index: 100;
  display: none;
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), display 300ms allow-discrete;
}
@media (prefers-reduced-motion: reduce) {
  .search-form__backdrop {
    transition: none;
  }
}
.search-form__wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 150;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  padding: 15px 15px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  height: 40px;
  background-color: var(--cp-colour-surface);
}
@media (max-width: 939px) {
  .search-form__wrapper {
    padding: 10px;
  }
}
@media (min-width: 940px) {
  .search-form__wrapper {
    padding: 15px;
  }
}
.search-form__field {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.search-form__icon {
  flex-shrink: 0;
  color: var(--cp-colour-on-surface-muted);
}
.search-form__clear {
  display: none;
  flex-shrink: 0;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
  cursor: pointer;
}
.search-form__clear:hover {
  color: var(--cp-colour-on-surface);
  background-color: var(--cp-colour-surface-inset);
}
.search-form__clear:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 1px;
}
.search-form__clear-icon {
  display: none;
}
.search-form__close {
  display: none;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
  color: var(--cp-colour-text);
  cursor: pointer;
}
.search-form__close:hover {
  color: var(--cp-colour-red);
}
.search-form__close:focus-visible {
  outline: 2px solid var(--cp-colour-orange);
  outline-offset: 1px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .search-form__clear {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: -0.25rem;
    padding: 0;
    border-radius: 50%;
    font-size: 1.25rem;
    color: var(--cp-colour-on-surface);
  }
  .search-form__clear:hover {
    background: none;
    color: var(--cp-colour-on-surface);
  }
  .search-form__clear:active {
    background-color: oklch(from var(--cp-colour-on-surface) l c h/0.08);
  }
  .search-form__clear-text {
    display: none;
  }
  .search-form__clear-icon {
    display: block;
  }
  .search-form.is-open .search-form__close {
    display: flex;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 50%;
    background-color: var(--cp-colour-surface-inset);
    font-size: 1.0625rem;
    color: var(--cp-colour-on-surface);
  }
  .search-form.is-open .search-form__close:active {
    background-color: var(--cp-colour-border);
  }
}
.search-form__input {
  width: 100%;
  font: inherit;
  font-size: 16px;
}
.search-form__input::placeholder {
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
}
@media (min-width: 420px) {
  .search-form__input {
    min-width: 300px;
  }
}
.search-form__input:focus {
  outline: none;
}
.search-form__input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.search-form__autocomplete {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 200;
  display: none;
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), transform 300ms cubic-bezier(0, 0, 0.2, 1), display 300ms allow-discrete;
}
@media (min-width: 768px) {
  .search-form__autocomplete {
    transform: none;
    transition: none;
  }
}
.search-form__autocomplete.is-open {
  display: block;
  opacity: 1;
  transform: translateY(0);
}
@starting-style {
  .search-form__autocomplete.is-open {
    opacity: 0;
    transform: translateY(-6px);
  }
}
@media (min-width: 768px) {
  @starting-style {
    .search-form__autocomplete.is-open {
      opacity: 1;
      transform: none;
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  .search-form__autocomplete {
    transition: none;
    transform: none;
  }
}

html:has(.search-form.is-open) {
  overflow: hidden;
}

.search-trigger {
  font-size: 1.125rem;
  width: 40px;
  height: 40px;
  padding: 10px;
  text-align: center;
  color: var(--cp-colour-white);
  background-color: transparent;
  border-radius: 6px;
  transition-property: background-color, color;
  transition-duration: 150ms;
  transition-timing-function: ease-in-out;
}
.search-trigger:hover {
  background-color: var(--cp-colour-red);
}
@media (min-width: 768px) {
  .search-trigger {
    display: none;
  }
}

.blog-category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 15px;
}
@media (max-width: 419px) {
  .blog-category-grid {
    grid-template-columns: repeat(auto-fit, 1fr);
  }
}
.blog-category-grid .blog-category-grid-item {
  padding: 15px;
  background-color: var(--cp-colour-surface);
}
@media (max-width: 767px) {
  .blog-category-grid .blog-category-grid-item {
    padding: 10px;
  }
}

.blog-category-grid-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  max-width: 450px;
  text-align: center;
}
@media (max-width: 419px) {
  .blog-category-grid-item {
    flex-direction: row;
  }
}
.blog-category-grid-item__media {
  position: relative;
}
@media (max-width: 419px) {
  .blog-category-grid-item__media {
    height: 100%;
    max-width: 40%;
    align-self: center;
    justify-self: center;
  }
}
.blog-category-grid-item__image {
  transition: transform 0.2s;
}
.blog-category-grid-item__details {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.blog-category-grid-item__title {
  font-size: 1.25rem;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  text-transform: uppercase;
}
.blog-category-grid-item__intro {
  font-size: 0.875rem;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  line-height: 1.5;
}
.blog-category-grid-item__action {
  align-self: center;
  padding: 5px 10px;
  background-color: var(--cp-colour-surface-chrome);
  color: var(--cp-colour-white);
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: bold;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  line-height: 1.5;
}
.blog-category-grid-item__action:hover {
  background-color: var(--cp-colour-on-surface);
  color: var(--cp-colour-surface);
}

.blog-category-panel {
  display: grid;
  border-radius: 6px;
  grid-auto-rows: min-content;
}
@media (max-width: 939px) {
  .blog-category-panel {
    padding: 15px;
    gap: 15px;
    grid-template-areas: "name" "description" "link" "posts";
  }
}
@media (min-width: 940px) {
  .blog-category-panel {
    padding: 20px;
    gap: 20px;
    grid-template-columns: 1fr;
    grid-template-areas: "name link" "description link" "posts posts";
  }
}
.blog-category-panel--highlighted {
  background-color: var(--cp-colour-surface-overlay);
}
@media (min-width: 940px) {
  .blog-category-panel--highlighted {
    gap: 20px;
    grid-template-columns: 2fr 3fr;
    grid-template-areas: "name posts" "description posts" "link posts" ". posts";
  }
}
.blog-category-panel--highlighted .blog-category-panel__link {
  justify-self: start;
}
@media (min-width: 940px) {
  .blog-category-panel--highlighted .blog-category-panel__posts {
    grid-template-columns: repeat(2, 1fr);
  }
}
.blog-category-panel__name {
  grid-area: name;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 3.25rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface);
  text-transform: uppercase;
}
.blog-category-panel__description {
  grid-area: description;
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 1rem;
  line-height: 1.5;
}
.blog-category-panel__link {
  grid-area: link;
  display: inline;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface);
  border: 2px solid var(--cp-colour-on-surface);
  border-radius: 6px;
  padding: 0.625rem;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 939px) {
  .blog-category-panel__link {
    justify-self: start;
  }
}
@media (min-width: 940px) {
  .blog-category-panel__link {
    justify-self: end;
    align-self: center;
  }
}
.blog-category-panel__posts {
  grid-area: posts;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  gap: 15px;
}
.blog-category-panel__posts .blog-post-grid-item {
  padding: 15px;
  background-color: var(--cp-colour-surface);
  border: 2px solid var(--cp-colour-surface-overlay);
  border-radius: 6px;
}
@media (max-width: 939px) {
  .blog-category-panel__media {
    border: 1px solid transparent;
    border-radius: 6px;
    border-radius: 50%;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, var(--cp-colour-red), var(--cp-colour-orange));
    background-origin: border-box;
    background-clip: content-box, border-box;
  }
  .blog-category-panel__image {
    padding: 2px;
    border-radius: 50%;
  }
}

.blog-post-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
  gap: 15px;
}
.blog-post-grid .blog-post-grid-item {
  padding: 15px;
  border: 2px solid var(--cp-colour-surface-overlay);
  border-radius: 6px;
}
.blog-post-grid .blog-post-grid-item:hover {
  border-color: color-mix(in oklch, var(--cp-colour-surface-overlay), white 15%);
}

.blog-post-grid-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  max-width: 400px;
}
.blog-post-grid-item__media {
  position: relative;
}
.blog-post-grid-item__details {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.blog-post-grid-item__image {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  transition: transform 0.2s;
}
.blog-post-grid-item__tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 15px;
  row-gap: 5px;
}
.blog-post-grid-item__tag {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: bold;
}
.blog-post-grid-item__title {
  font-size: 1.125rem;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
}
.blog-post-grid-item__date {
  font-size: 0.75rem;
  font-family: "Arial", "Helvetica", "sans-serif";
}
.blog-post-grid-item__intro {
  font-size: 0.875rem;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  line-height: 1.5;
}

.blog-post-header {
  display: grid;
  align-items: center;
  justify-items: center;
  min-height: 500px;
  min-height: calc(70vh - 34px - 76px - 100px);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--cp-colour-on-surface);
  margin-bottom: 15px;
  position: relative;
  isolation: isolate;
}
.blog-post-header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-color: var(--cp-backdrop-color);
}
.blog-post-header .container {
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas: "title" "details" "tags";
  align-items: center;
  justify-items: center;
  text-align: center;
  gap: 15px;
}
.blog-post-header__image {
  object-fit: cover;
  position: absolute;
  top: 0;
}
.blog-post-header__title, .blog-post-header__details, .blog-post-header__tags {
  color: var(--cp-colour-white);
  text-shadow: 1px 1px 2px var(--cp-colour-on-surface);
}
.blog-post-header__title {
  grid-area: title;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.1;
  max-width: 1000px;
  margin: 0;
}
@media (min-width: 940px) {
  .blog-post-header__title {
    font-size: 3rem;
  }
}
.blog-post-header__details {
  grid-area: details;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px 20px;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  font-size: 0.9375rem;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
}
.blog-post-header__image {
  transition: transform 0.2s;
}
.blog-post-header__author, .blog-post-header__date, .blog-post-header__reading-time {
  font-weight: 600;
  color: var(--cp-colour-white);
}
.blog-post-header__tags {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.blog-post-header__tag {
  text-transform: uppercase;
  border: 1px solid var(--cp-colour-white);
  color: var(--cp-colour-white);
  font-weight: bold;
  padding: 5px;
  border-radius: 5px;
  font-size: 0.75rem;
}

.blog-post-list-item {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  grid-template-rows: auto;
  column-gap: 10px;
  row-gap: 10px;
  grid-template-areas: "media details" "media tags" "media .";
  align-content: flex-start;
  border-radius: 6px;
  padding: 5px;
  border: 1px solid var(--cp-colour-border);
}
.blog-post-list-item:hover {
  border-color: var(--cp-colour-border-strong);
}
.blog-post-list-item__media {
  grid-area: media;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-post-list-item__details {
  grid-area: details;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.blog-post-list-item__image {
  transition: transform 0.2s;
  border-radius: 6px;
}
.blog-post-list-item__tags {
  grid-area: tags;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px 15px;
}
.blog-post-list-item__tag {
  white-space: nowrap;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: bold;
}
.blog-post-list-item__title {
  font-size: 1.125rem;
  line-height: 1.15;
  overflow-wrap: break-word;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
}
.blog-post-list-item__date {
  font-size: 0.75rem;
  font-family: "Arial", "Helvetica", "sans-serif";
}

.blog-post {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.blog-post .std h2:not(.heading) {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.2;
  color: var(--cp-colour-on-surface);
  text-wrap: balance;
}

.category-item {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 1rem;
}
.category-item__link {
  color: var(--cp-colour-on-surface);
  text-decoration: none;
  display: flex;
  column-gap: 5px;
  align-items: center;
}
.category-item__link:hover, .category-item--active .category-item__link {
  color: var(--cp-colour-red);
}
.category-item__count {
  color: var(--cp-colour-on-surface-muted);
}
.category-item__count:before {
  content: "(";
}
.category-item__count:after {
  content: ")";
}

.widget {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.widget__title {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.25rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 40px;
  color: var(--cp-colour-on-surface);
}
.widget__content {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.widget__more {
  margin-top: 5px;
  font-size: 0.875rem;
  font-style: italic;
}
.widget[aria-expanded] .widget__title {
  position: relative;
  cursor: pointer;
}
.widget[aria-expanded] .widget__title:after {
  --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
  content: "\f068";
  color: var(--cp-colour-on-surface);
  position: absolute;
  top: calc(50% - 9px);
  right: 16px;
}
.widget[aria-expanded=true] .widget__content {
  display: flex;
  opacity: 1;
}
@starting-style {
  .widget[aria-expanded=true] .widget__content {
    opacity: 0;
  }
}
.widget[aria-expanded=false] .widget__title:after {
  content: "\+";
}
.widget[aria-expanded=false] .widget__content {
  display: none;
  opacity: 0;
}
.widget[aria-expanded] .widget__content {
  transition: opacity 200ms ease-in-out, display 200ms allow-discrete;
}

.blog-post .widget {
  padding: 15px 20px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 5px;
}

.cms-content > h1:not(.heading), .cms-content > .h1,
.cms-content > h2:not(.heading), .cms-content > .h2,
.cms-content > h3:not(.heading), .cms-content > .h3,
.cms-content > h4:not(.heading), .cms-content > .h4,
.cms-content > h5:not(.heading), .cms-content > .h5,
.cms-content > h6:not(.heading), .cms-content > .h6 {
  font-weight: normal;
  margin-top: 30px;
}
.cms-content > h1:not(.heading):first-child, .cms-content > .h1:first-child,
.cms-content > h2:not(.heading):first-child, .cms-content > .h2:first-child,
.cms-content > h3:not(.heading):first-child, .cms-content > .h3:first-child,
.cms-content > h4:not(.heading):first-child, .cms-content > .h4:first-child,
.cms-content > h5:not(.heading):first-child, .cms-content > .h5:first-child,
.cms-content > h6:not(.heading):first-child, .cms-content > .h6:first-child {
  margin-top: 0;
}
.cms-content > p,
.cms-content > ul,
.cms-content > ol {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-weight: normal;
  font-size: 1em;
  line-height: 1.5;
  color: #333333;
  margin-top: 15px;
  margin-bottom: 15px;
}
.cms-content > p.lead {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.4;
  color: #333333;
  margin-bottom: 10px;
}
@media (max-width: 939px) {
  .cms-content > p.lead {
    font-size: 1.125em;
  }
}
.cms-content > a {
  text-decoration: underline dotted;
}
.cms-content > ul {
  list-style: none;
  margin-left: 16px;
}
.cms-content > ul > li {
  position: relative;
}
.cms-content > ul > li:before {
  --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
  content: "\f054";
  position: absolute;
  top: 0;
  left: -16px;
  width: 16px;
  line-height: inherit;
  color: #eb2b2d;
}
.cms-content > ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 16px;
}
.cms-content > li {
  margin-top: 5px;
  margin-bottom: 5px;
}
.cms-content > hr.or {
  text-align: center;
  height: 10px;
  border-top: 1px solid #333333;
  color: #333333;
}
.cms-content > hr.or:after {
  background-color: var(--cp-colour-surface);
  content: "OR";
  padding: 0 10px;
  position: relative;
  top: -10px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
}
.cms-content > section {
  margin-bottom: 20px;
}

.cwi {
  display: flex;
  gap: 15px;
  padding: 30px;
  background-color: var(--cp-colour-grey6);
}
.cwi__content {
  line-height: 1.5;
}
@media (min-width: 1200px) {
  .cwi {
    flex-direction: row;
  }
  .cwi .cwi__content {
    width: 60%;
  }
  .cwi .cwi__media {
    width: 40%;
  }
}
@media (max-width: 1199px) {
  .cwi {
    flex-direction: column;
  }
  .cwi .cwi__content,
  .cwi .cwi__media {
    width: 100%;
  }
}

.faqs {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 15px;
  margin-block: 15px;
}
.faqs__items {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.faq summary {
  padding: 10px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  font-size: 1rem;
  cursor: pointer;
  user-select: none;
  background-color: var(--cp-colour-sand);
  border-radius: 6px;
}
.faq__question {
  font-size: 1rem;
  font-weight: bold;
}
.faq__answer {
  padding: 10px;
  font-size: 0.875rem;
}

.featured-blogs {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  gap: 30px;
}
.featured-blogs--highlighted {
  background-color: var(--cp-colour-surface-overlay);
}
.featured-blogs__title {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 3.25rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface);
  text-align: center;
}
.featured-blogs__description {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1rem;
  color: var(--cp-colour-on-surface);
  text-align: center;
  margin-top: -15px;
}
.featured-blogs__link {
  display: inline-flex;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface);
  border: 2px solid var(--cp-colour-on-surface);
  border-radius: 6px;
  padding: 0.625rem;
}
.featured-blogs__posts {
  display: flex;
  flex-direction: row;
  gap: 15px;
  margin-inline: auto;
}
@media (max-width: 939px) {
  .featured-blogs__posts {
    flex-direction: column;
  }
}
.featured-blogs__posts .blog-post-grid-item {
  padding: 15px;
  background-color: var(--cp-colour-surface);
  border: 2px solid var(--cp-colour-surface-overlay);
  border-radius: 6px;
}
.featured-blogs__actions {
  align-self: center;
}
@media (max-width: 939px) {
  .featured-blogs__media {
    border: 1px solid transparent;
    border-radius: 6px;
    border-radius: 50%;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, var(--cp-colour-red), var(--cp-colour-orange));
    background-origin: border-box;
    background-clip: content-box, border-box;
  }
  .featured-blogs__image {
    padding: 2px;
    border-radius: 50%;
  }
}
.featured-blogs.carousel .featured-blogs__items {
  gap: 20px;
}
.featured-blogs.carousel .blog-post-grid-item {
  max-width: 300px;
  min-width: 200px;
}

.featured-brand {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  max-width: 100%;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid var(--cp-colour-grey5);
  border-radius: 6px;
  overflow: hidden;
  transition: border-color 150ms ease-in-out;
  text-decoration: none;
}
.featured-brand:hover {
  border-color: var(--cp-colour-grey3);
}
.featured-brand__image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.featured-brand__view-all {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 15px;
  font-family: "Roboto Flex Variable", "sans-serif";
  text-decoration: none;
  color: #ffffff;
}
.featured-brand__view-all-label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #ffffff;
  opacity: 0.9;
  line-height: 1.2;
}
.featured-brand__view-all-title {
  font-size: 1.125rem;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.1;
  margin-top: 0.125rem;
}
.featured-brand__view-all-arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.625rem;
  color: #ffffff;
  transition: transform 150ms ease-in-out, color 150ms ease-in-out;
}
.featured-brand--view-all {
  position: relative;
  background-color: #eb2b2d;
  border-color: transparent;
  transition: background-color 150ms ease-in-out;
}
.featured-brand--view-all:hover {
  border-color: transparent;
  background-color: rgb(216.7517241379, 20.4482758621, 22.4931034483);
}
.featured-brand--view-all:hover .featured-brand__view-all-arrow {
  transform: translateX(3px);
}
.featured-brand.carousel-item {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  justify-items: center;
}

@keyframes featured-brands-reveal {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.featured-brands {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  animation: featured-brands-reveal var(--cp-transition-duration-enter) var(--cp-transition-easing-enter) 0.1s both;
}
@supports (animation-timeline: view()) {
  .featured-brands {
    animation-timeline: view();
    animation-range: entry 0% entry 30%;
    animation-delay: 0s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .featured-brands {
    animation: none;
  }
}
.featured-brands__title {
  text-align: center;
  border-bottom: 2px solid var(--cp-colour-grey5);
  padding: 10px;
}
.featured-brands__items {
  display: flex;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-inline: auto;
}
@media (min-width: 640px) {
  .featured-brands__items {
    gap: 20px;
  }
}
@media (max-width: 639px) {
  .featured-brands__items {
    gap: 15px;
  }
}
.featured-brands .featured-brand {
  height: 100%;
  width: 100%;
}

@keyframes featured-categories-reveal {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.featured-categories {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-content: center;
  width: 100%;
  animation: featured-categories-reveal var(--cp-transition-duration-enter) var(--cp-transition-easing-enter) 0.1s both;
}
@supports (animation-timeline: view()) {
  .featured-categories {
    animation-timeline: view();
    animation-range: entry 0% entry 30%;
    animation-delay: 0s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .featured-categories {
    animation: none;
  }
}
.featured-categories__title {
  text-align: center;
  border-bottom: 2px solid var(--cp-colour-grey5);
  padding: 10px;
}
.featured-categories__items {
  display: flex;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
@media (min-width: 640px) {
  .featured-categories__items {
    gap: 20px;
  }
}
@media (max-width: 639px) {
  .featured-categories__items {
    gap: 15px;
  }
}
.featured-categories .featured-category {
  height: 100%;
}

.featured-category {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 6px;
  overflow: hidden;
  width: 220px;
  max-width: 100%;
  border: 1px solid var(--cp-colour-grey5);
}
@media (max-width: 639px) {
  .featured-category {
    width: 9.375rem;
  }
}
.featured-category__name {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1rem;
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.featured-category__image {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 6px 6px 0 0;
}
@media (max-width: 639px) {
  .featured-category__image {
    height: 7.5rem;
  }
}
.featured-category--logo .featured-category__image {
  object-fit: contain;
  padding: 20px;
  background-color: var(--cp-colour-white);
}
.featured-category:hover {
  border-color: var(--cp-colour-grey3);
}
.featured-category:hover .featured-category__name {
  color: var(--cp-colour-red);
}

.featured-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  border-radius: 6px;
  overflow: hidden;
  background-color: var(--cp-colour-grey1);
  min-width: 100px;
  max-width: 250px;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  justify-items: center;
  padding: 15px;
}
.featured-item:hover {
  background-color: var(--cp-colour-black);
}
.featured-item__name {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--cp-colour-white);
}
.featured-item__image {
  filter: brightness(200) saturate(100%);
}
@media (max-width: 1023px) {
  .featured-item__image {
    max-width: 50%;
  }
}
.featured-item--highlighted {
  background-color: var(--cp-colour-red);
}
.featured-item--highlighted:hover {
  background-color: color-mix(in oklch, var(--cp-colour-red), white 10%);
}

@keyframes featured-items-reveal {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.featured-items {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  animation: featured-items-reveal var(--cp-transition-duration-enter) var(--cp-transition-easing-enter) 0.1s both;
}
@supports (animation-timeline: view()) {
  .featured-items {
    animation-timeline: view();
    animation-range: entry 0% entry 30%;
    animation-delay: 0s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .featured-items {
    animation: none;
  }
}
.featured-items__title {
  text-align: center;
  border-bottom: 2px solid var(--cp-colour-grey5);
  padding: 10px;
}
.featured-items__items {
  display: flex;
  gap: 15px;
  margin-inline: auto;
}
.featured-items .featured-item {
  height: 100%;
  width: 100%;
}
.featured-items .carousel-item[basis=auto] {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  min-width: 100px;
  max-width: 250px;
}

.featured-products__items {
  gap: 30px;
}
.featured-products__items .product-grid-item {
  min-width: 250px;
  max-width: 300px;
}

.hero-banner {
  display: block;
  max-width: 100%;
}
.hero-banner__image {
  width: 100%;
}
@media (max-width: 939px) {
  .hero-banner__image {
    aspect-ratio: 2/1;
    object-fit: cover;
    object-position: calc(var(--hero-banner-focal-x, 0.5) * 100%) 50%;
  }
}

.hero-banners .hero-banner {
  flex-basis: 100%;
  animation: cp-slide-up-in var(--cp-transition-duration-enter) var(--cp-transition-easing-enter) both;
}
@media (prefers-reduced-motion: reduce) {
  .hero-banners .hero-banner {
    animation: none;
    animation-delay: 0s;
    opacity: 1;
  }
}
.hero-banners .hero-banner:nth-child(1) {
  animation-delay: 0ms;
}
.hero-banners .hero-banner:nth-child(2) {
  animation-delay: 120ms;
}
.hero-banners .hero-banner:nth-child(3) {
  animation-delay: 240ms;
}
.hero-banners .hero-banner:nth-child(4) {
  animation-delay: 360ms;
}
.hero-banners .hero-banner:nth-child(5) {
  animation-delay: 480ms;
}
.hero-banners .hero-banner:nth-child(6) {
  animation-delay: 600ms;
}
@media (max-width: 939px) {
  .hero-banners .carousel__dots {
    position: static;
    transform: none;
    justify-content: center;
    margin-top: 10px;
  }
}

.icon-text-block {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 30px 15px;
  gap: 30px;
}
.icon-text-block__icon {
  max-width: min(150px, 25%);
}
.icon-text-block__body h1:not(.heading), .icon-text-block__body .h1,
.icon-text-block__body h2:not(.heading), .icon-text-block__body .h2,
.icon-text-block__body h3:not(.heading), .icon-text-block__body .h3,
.icon-text-block__body h4:not(.heading), .icon-text-block__body .h4,
.icon-text-block__body h5:not(.heading), .icon-text-block__body .h5,
.icon-text-block__body h6:not(.heading), .icon-text-block__body .h6 {
  font-weight: normal;
  margin-top: 30px;
}
.icon-text-block__body h1:not(.heading):first-child, .icon-text-block__body .h1:first-child,
.icon-text-block__body h2:not(.heading):first-child, .icon-text-block__body .h2:first-child,
.icon-text-block__body h3:not(.heading):first-child, .icon-text-block__body .h3:first-child,
.icon-text-block__body h4:not(.heading):first-child, .icon-text-block__body .h4:first-child,
.icon-text-block__body h5:not(.heading):first-child, .icon-text-block__body .h5:first-child,
.icon-text-block__body h6:not(.heading):first-child, .icon-text-block__body .h6:first-child {
  margin-top: 0;
}
.icon-text-block__body p,
.icon-text-block__body ul,
.icon-text-block__body ol {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-weight: normal;
  font-size: 1em;
  line-height: 1.5;
  color: #333333;
  margin-top: 15px;
  margin-bottom: 15px;
}
.icon-text-block__body p.lead {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.4;
  color: #333333;
  margin-bottom: 10px;
}
@media (max-width: 939px) {
  .icon-text-block__body p.lead {
    font-size: 1.125em;
  }
}
.icon-text-block__body a {
  text-decoration: underline dotted;
}
.icon-text-block__body ul {
  list-style: none;
  margin-left: 16px;
}
.icon-text-block__body ul > li {
  position: relative;
}
.icon-text-block__body ul > li:before {
  --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
  content: "\f054";
  position: absolute;
  top: 0;
  left: -16px;
  width: 16px;
  line-height: inherit;
  color: #eb2b2d;
}
.icon-text-block__body ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 16px;
}
.icon-text-block__body li {
  margin-top: 5px;
  margin-bottom: 5px;
}
.icon-text-block__body hr.or {
  text-align: center;
  height: 10px;
  border-top: 1px solid #333333;
  color: #333333;
}
.icon-text-block__body hr.or:after {
  background-color: var(--cp-colour-surface);
  content: "OR";
  padding: 0 10px;
  position: relative;
  top: -10px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
}

.icon-text-blocks {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.icon-text-blocks__title {
  text-align: center;
  border-bottom: 2px solid var(--cp-colour-grey5);
  padding: 10px;
}
.icon-text-blocks__items {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.icon-text-blocks__items .icon-text-block {
  border-bottom: 1px dashed var(--cp-colour-grey5);
}

.instagram-card {
  display: flex;
  flex-direction: column;
  max-width: 600px;
}
.instagram-card:hover .instagram-card__thumbnail {
  filter: blur(2px);
}
.instagram-card:hover .instagram-card__action {
  opacity: 1;
}
.instagram-card__media {
  position: relative;
}
.instagram-card__thumbnail {
  aspect-ratio: 1/1;
  object-fit: cover;
  transition: filter 0.2s ease;
}
.instagram-card__action {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -24px;
  margin-left: -27px;
  color: var(--cp-colour-white);
  border-radius: 5px;
  font-size: 3rem;
  filter: drop-shadow(0px 0px 8px var(--cp-colour-black));
  opacity: 0;
  transition: opacity 0.2s ease;
}

.instagram-posts__items {
  gap: 15px;
  margin-inline: auto;
}
.instagram-posts__items .instagram-card {
  max-width: min(250px, 55vw);
}

.youtube-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: 600px;
}
.youtube-card:hover .youtube-card__thumbnail {
  filter: brightness(75%);
}
.youtube-card__media {
  position: relative;
  border-radius: 6px;
}
.youtube-card__thumbnail {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  transition: filter 0.2s ease;
  border-radius: 6px;
}
.youtube-card__action {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -24px;
  margin-left: -27px;
  color: #ff0000;
  font-size: 3rem;
  filter: drop-shadow(0px 0px 8px var(--cp-colour-black));
}
.youtube-card__name {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-weight: bold;
  font-size: 0.875rem;
  text-transform: uppercase;
  padding: 15px;
  overflow-wrap: break-word;
}

.youtube-videos__items {
  gap: 15px;
  margin-inline: auto;
}
.youtube-videos__items > .carousel-item {
  flex-basis: min(350px, 100%);
}
.youtube-videos__items .youtube-card {
  width: 100%;
}
.youtube-videos .carousel__dots {
  bottom: 0;
}

.home-hero {
  --focal-point-x: 0.40;
  --focal-point-y: 0.50;
  --focal-span-x: 0.70;
  --focal-span-y: 0.70;
  --image-aspect-ratio: 1;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 26.25rem;
  overflow: hidden;
  border-radius: 6px;
  background-color: var(--cp-colour-surface-inset);
  padding: 30px;
}
@media (max-width: 939px) {
  .home-hero {
    --focal-point-x: 0.5 !important;
    --focal-point-y: 0.5 !important;
    justify-content: center;
    text-align: center;
  }
  .home-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
  }
}
.home-hero__media {
  position: absolute;
  inset: 0;
  container-type: size;
}
.home-hero__media.is-focal-debug, .is-focal-debug .home-hero__media {
  --_focal-point-x: clamp(
    calc(var(--focal-span-x, 0) / 2),
    var(--focal-point-x, 0.5),
    calc(1 - var(--focal-span-x, 0) / 2)
  );
  --_focal-point-y: clamp(
    calc(var(--focal-span-y, 0) / 2),
    var(--focal-point-y, 0.5),
    calc(1 - var(--focal-span-y, 0) / 2)
  );
  --_focal-img-w: max(100cqw, 100cqh * var(--image-aspect-ratio, 1));
  --_focal-img-h: max(100cqw / var(--image-aspect-ratio, 1), 100cqh);
  --_focal-desired-x: calc(
    var(--_focal-point-x) * (100cqw - var(--_focal-img-w))
    + var(--focal-mode, 0) * (0.5 - var(--_focal-point-x)) * 100cqw
  );
  --_focal-desired-y: calc(
    var(--_focal-point-y) * (100cqh - var(--_focal-img-h))
    + var(--focal-mode, 0) * (0.5 - var(--_focal-point-y)) * 100cqh
  );
  --_focal-lo-x: calc((var(--focal-span-x, 0) / 2 - var(--_focal-point-x)) * var(--_focal-img-w));
  --_focal-lo-y: calc((var(--focal-span-y, 0) / 2 - var(--_focal-point-y)) * var(--_focal-img-h));
  --_focal-hi-x: calc(100cqw - (var(--_focal-point-x) + var(--focal-span-x, 0) / 2) * var(--_focal-img-w));
  --_focal-hi-y: calc(100cqh - (var(--_focal-point-y) + var(--focal-span-y, 0) / 2) * var(--_focal-img-h));
  --_focal-area-offset-x: calc(
    clamp(var(--_focal-lo-x), var(--_focal-desired-x), var(--_focal-hi-x))
    + min(calc((var(--_focal-hi-x) - var(--_focal-lo-x)) / 2), 0px)
  );
  --_focal-area-offset-y: calc(
    clamp(var(--_focal-lo-y), var(--_focal-desired-y), var(--_focal-hi-y))
    + min(calc((var(--_focal-hi-y) - var(--_focal-lo-y)) / 2), 0px)
  );
  --_focal-offset-x: clamp(
    calc(100cqw - var(--_focal-img-w)),
    var(--_focal-area-offset-x),
    0px
  );
  --_focal-offset-y: clamp(
    calc(100cqh - var(--_focal-img-h)),
    var(--_focal-area-offset-y),
    0px
  );
  --_focal-centre-x: calc(var(--_focal-offset-x) + var(--_focal-point-x) * var(--_focal-img-w));
  --_focal-centre-y: calc(var(--_focal-offset-y) + var(--_focal-point-y) * var(--_focal-img-h));
  --_focal-width: calc(var(--focal-span-x, 0) * var(--_focal-img-w));
  --_focal-height: calc(var(--focal-span-y, 0) * var(--_focal-img-h));
  --_focal-left: calc(var(--_focal-centre-x) - var(--_focal-width) / 2);
  --_focal-top: calc(var(--_focal-centre-y) - var(--_focal-height) / 2);
}
.home-hero__media.is-focal-debug::before, .is-focal-debug .home-hero__media::before {
  content: "";
  position: absolute;
  left: var(--_focal-left);
  top: var(--_focal-top);
  width: var(--_focal-width);
  height: var(--_focal-height);
  box-shadow: 0 0 0 0.125rem rgba(255, 255, 255, 0.85), 0 0 0 0.25rem rgba(235, 43, 45, 0.9);
  z-index: 150;
  pointer-events: none;
}
.home-hero__media.is-focal-debug::after, .is-focal-debug .home-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at var(--_focal-centre-x) var(--_focal-centre-y), rgba(235, 43, 45, 0.95) 0, rgba(235, 43, 45, 0.95) 0.25rem, rgba(255, 255, 255, 0.95) 0.3125rem, rgba(255, 255, 255, 0.95) 0.4375rem, transparent 0.5rem), linear-gradient(to right, transparent calc(var(--_focal-centre-x) - 0.0625rem), rgba(235, 43, 45, 0.7) calc(var(--_focal-centre-x) - 0.0625rem), rgba(235, 43, 45, 0.7) calc(var(--_focal-centre-x) + 0.0625rem), transparent calc(var(--_focal-centre-x) + 0.0625rem)), linear-gradient(to right, transparent calc(var(--_focal-centre-x) - 0.125rem), rgba(255, 255, 255, 0.6) calc(var(--_focal-centre-x) - 0.125rem), rgba(255, 255, 255, 0.6) calc(var(--_focal-centre-x) + 0.125rem), transparent calc(var(--_focal-centre-x) + 0.125rem)), linear-gradient(to bottom, transparent calc(var(--_focal-centre-y) - 0.0625rem), rgba(235, 43, 45, 0.7) calc(var(--_focal-centre-y) - 0.0625rem), rgba(235, 43, 45, 0.7) calc(var(--_focal-centre-y) + 0.0625rem), transparent calc(var(--_focal-centre-y) + 0.0625rem)), linear-gradient(to bottom, transparent calc(var(--_focal-centre-y) - 0.125rem), rgba(255, 255, 255, 0.6) calc(var(--_focal-centre-y) - 0.125rem), rgba(255, 255, 255, 0.6) calc(var(--_focal-centre-y) + 0.125rem), transparent calc(var(--_focal-centre-y) + 0.125rem));
  z-index: 150;
  pointer-events: none;
}
.home-hero__image {
  --_focal-point-x: clamp(
    calc(var(--focal-span-x, 0) / 2),
    var(--focal-point-x, 0.5),
    calc(1 - var(--focal-span-x, 0) / 2)
  );
  --_focal-point-y: clamp(
    calc(var(--focal-span-y, 0) / 2),
    var(--focal-point-y, 0.5),
    calc(1 - var(--focal-span-y, 0) / 2)
  );
  --_focal-img-w: max(100cqw, 100cqh * var(--image-aspect-ratio, 1));
  --_focal-img-h: max(100cqw / var(--image-aspect-ratio, 1), 100cqh);
  --_focal-desired-x: calc(
    var(--_focal-point-x) * (100cqw - var(--_focal-img-w))
    + var(--focal-mode, 0) * (0.5 - var(--_focal-point-x)) * 100cqw
  );
  --_focal-desired-y: calc(
    var(--_focal-point-y) * (100cqh - var(--_focal-img-h))
    + var(--focal-mode, 0) * (0.5 - var(--_focal-point-y)) * 100cqh
  );
  --_focal-lo-x: calc((var(--focal-span-x, 0) / 2 - var(--_focal-point-x)) * var(--_focal-img-w));
  --_focal-lo-y: calc((var(--focal-span-y, 0) / 2 - var(--_focal-point-y)) * var(--_focal-img-h));
  --_focal-hi-x: calc(100cqw - (var(--_focal-point-x) + var(--focal-span-x, 0) / 2) * var(--_focal-img-w));
  --_focal-hi-y: calc(100cqh - (var(--_focal-point-y) + var(--focal-span-y, 0) / 2) * var(--_focal-img-h));
  --_focal-area-offset-x: calc(
    clamp(var(--_focal-lo-x), var(--_focal-desired-x), var(--_focal-hi-x))
    + min(calc((var(--_focal-hi-x) - var(--_focal-lo-x)) / 2), 0px)
  );
  --_focal-area-offset-y: calc(
    clamp(var(--_focal-lo-y), var(--_focal-desired-y), var(--_focal-hi-y))
    + min(calc((var(--_focal-hi-y) - var(--_focal-lo-y)) / 2), 0px)
  );
  --_focal-offset-x: clamp(
    calc(100cqw - var(--_focal-img-w)),
    var(--_focal-area-offset-x),
    0px
  );
  --_focal-offset-y: clamp(
    calc(100cqh - var(--_focal-img-h)),
    var(--_focal-area-offset-y),
    0px
  );
  --_focal-centre-x: calc(var(--_focal-offset-x) + var(--_focal-point-x) * var(--_focal-img-w));
  --_focal-centre-y: calc(var(--_focal-offset-y) + var(--_focal-point-y) * var(--_focal-img-h));
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--_focal-offset-x) var(--_focal-offset-y);
}
.home-hero__inner {
  position: relative;
  z-index: 2;
  color: #ffffff;
  max-width: 45%;
  padding: 20px;
}
@media (max-width: 939px) {
  .home-hero__inner {
    max-width: 100%;
  }
}
.home-hero__logo {
  width: 7.5rem;
  height: auto;
  margin-bottom: 15px;
  filter: brightness(0) invert(1) drop-shadow(0 0.125rem 0.25rem rgba(0, 0, 0, 0.5));
}
@media (max-width: 939px) {
  .home-hero__logo {
    margin-inline: auto;
  }
}
.home-hero__actions {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
@media (max-width: 939px) {
  .home-hero__actions {
    justify-content: center;
  }
}
.home-hero__tagline {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  row-gap: 5px;
  column-gap: 15px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #ffffff;
  margin: 20px 0 0;
  text-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.7), 0 0 0.75rem rgba(0, 0, 0, 0.45);
}
.home-hero__tagline span {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.home-hero__tagline span:not(:last-child)::after {
  content: "·";
  margin-left: 15px;
  opacity: 0.8;
}
@media (max-width: 939px) {
  .home-hero__tagline {
    justify-content: center;
    gap: 5px;
    text-shadow: none;
  }
  .home-hero__tagline span {
    padding: 5px 10px;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.7);
  }
  .home-hero__tagline span:not(:last-child)::after {
    content: none;
  }
}

.cta-banner {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 18.75rem;
  border-radius: 6px;
  overflow: hidden;
  background-color: var(--cp-colour-surface-inset);
}
.cta-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.1) 100%);
  z-index: 1;
}
@media (max-width: 767px) {
  .cta-banner::before {
    background: rgba(0, 0, 0, 0.55) !important;
  }
}
.cta-banner .cta-banner__image {
  position: absolute;
  inset: 0;
}
.cta-banner__content {
  position: relative;
  z-index: 2;
  max-width: 50%;
  padding: 30px;
  color: #ffffff;
}
@media (max-width: 767px) {
  .cta-banner__content {
    max-width: 100%;
  }
}
.cta-banner__title, .cta-banner__text {
  text-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.6);
}
.cta-banner__title {
  color: #ffffff;
  margin: 0 0 15px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .cta-banner__title {
    font-size: 1.5rem;
  }
}
.cta-banner__text {
  margin: 0 0 20px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 1rem;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .cta-banner__text {
    font-size: 0.875rem;
  }
}
.cta-banner--center {
  justify-content: center;
  text-align: center;
}
.cta-banner--center::before {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0) 100%);
}
.cta-banner--center .cta-banner__title {
  margin: 0 0 20px;
}
.cta-banner--end {
  justify-content: flex-end;
  text-align: right;
}
.cta-banner--end::before {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0) 100%);
}
@media (max-width: 767px) {
  .cta-banner {
    text-align: center;
  }
}

.part-finder {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.part-finder .input-select {
  min-width: 280px;
  text-align: left;
}
.part-finder .input-select--native label {
  height: 44px;
}
.part-finder .input-select--native select {
  height: 100%;
  padding-right: 2em;
  font-size: 1rem;
}
.part-finder .button {
  min-width: 11.25rem;
  justify-content: center;
}
@media (max-width: 639px) {
  .part-finder {
    flex-direction: column;
    align-items: stretch;
  }
  .part-finder .input-select {
    min-width: 0;
  }
  .part-finder .button {
    width: 100%;
  }
}

.image-with-focal-point {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-color: var(--cp-colour-surface-inset);
  container-type: size;
}
.image-with-focal-point.is-focal-debug, .is-focal-debug .image-with-focal-point {
  --_focal-point-x: clamp(
    calc(var(--focal-span-x, 0) / 2),
    var(--focal-point-x, 0.5),
    calc(1 - var(--focal-span-x, 0) / 2)
  );
  --_focal-point-y: clamp(
    calc(var(--focal-span-y, 0) / 2),
    var(--focal-point-y, 0.5),
    calc(1 - var(--focal-span-y, 0) / 2)
  );
  --_focal-img-w: max(100cqw, 100cqh * var(--image-aspect-ratio, 1));
  --_focal-img-h: max(100cqw / var(--image-aspect-ratio, 1), 100cqh);
  --_focal-desired-x: calc(
    var(--_focal-point-x) * (100cqw - var(--_focal-img-w))
    + var(--focal-mode, 0) * (0.5 - var(--_focal-point-x)) * 100cqw
  );
  --_focal-desired-y: calc(
    var(--_focal-point-y) * (100cqh - var(--_focal-img-h))
    + var(--focal-mode, 0) * (0.5 - var(--_focal-point-y)) * 100cqh
  );
  --_focal-lo-x: calc((var(--focal-span-x, 0) / 2 - var(--_focal-point-x)) * var(--_focal-img-w));
  --_focal-lo-y: calc((var(--focal-span-y, 0) / 2 - var(--_focal-point-y)) * var(--_focal-img-h));
  --_focal-hi-x: calc(100cqw - (var(--_focal-point-x) + var(--focal-span-x, 0) / 2) * var(--_focal-img-w));
  --_focal-hi-y: calc(100cqh - (var(--_focal-point-y) + var(--focal-span-y, 0) / 2) * var(--_focal-img-h));
  --_focal-area-offset-x: calc(
    clamp(var(--_focal-lo-x), var(--_focal-desired-x), var(--_focal-hi-x))
    + min(calc((var(--_focal-hi-x) - var(--_focal-lo-x)) / 2), 0px)
  );
  --_focal-area-offset-y: calc(
    clamp(var(--_focal-lo-y), var(--_focal-desired-y), var(--_focal-hi-y))
    + min(calc((var(--_focal-hi-y) - var(--_focal-lo-y)) / 2), 0px)
  );
  --_focal-offset-x: clamp(
    calc(100cqw - var(--_focal-img-w)),
    var(--_focal-area-offset-x),
    0px
  );
  --_focal-offset-y: clamp(
    calc(100cqh - var(--_focal-img-h)),
    var(--_focal-area-offset-y),
    0px
  );
  --_focal-centre-x: calc(var(--_focal-offset-x) + var(--_focal-point-x) * var(--_focal-img-w));
  --_focal-centre-y: calc(var(--_focal-offset-y) + var(--_focal-point-y) * var(--_focal-img-h));
  --_focal-width: calc(var(--focal-span-x, 0) * var(--_focal-img-w));
  --_focal-height: calc(var(--focal-span-y, 0) * var(--_focal-img-h));
  --_focal-left: calc(var(--_focal-centre-x) - var(--_focal-width) / 2);
  --_focal-top: calc(var(--_focal-centre-y) - var(--_focal-height) / 2);
}
.image-with-focal-point.is-focal-debug::before, .is-focal-debug .image-with-focal-point::before {
  content: "";
  position: absolute;
  left: var(--_focal-left);
  top: var(--_focal-top);
  width: var(--_focal-width);
  height: var(--_focal-height);
  box-shadow: 0 0 0 0.125rem rgba(255, 255, 255, 0.85), 0 0 0 0.25rem rgba(235, 43, 45, 0.9);
  z-index: 150;
  pointer-events: none;
}
.image-with-focal-point.is-focal-debug::after, .is-focal-debug .image-with-focal-point::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at var(--_focal-centre-x) var(--_focal-centre-y), rgba(235, 43, 45, 0.95) 0, rgba(235, 43, 45, 0.95) 0.25rem, rgba(255, 255, 255, 0.95) 0.3125rem, rgba(255, 255, 255, 0.95) 0.4375rem, transparent 0.5rem), linear-gradient(to right, transparent calc(var(--_focal-centre-x) - 0.0625rem), rgba(235, 43, 45, 0.7) calc(var(--_focal-centre-x) - 0.0625rem), rgba(235, 43, 45, 0.7) calc(var(--_focal-centre-x) + 0.0625rem), transparent calc(var(--_focal-centre-x) + 0.0625rem)), linear-gradient(to right, transparent calc(var(--_focal-centre-x) - 0.125rem), rgba(255, 255, 255, 0.6) calc(var(--_focal-centre-x) - 0.125rem), rgba(255, 255, 255, 0.6) calc(var(--_focal-centre-x) + 0.125rem), transparent calc(var(--_focal-centre-x) + 0.125rem)), linear-gradient(to bottom, transparent calc(var(--_focal-centre-y) - 0.0625rem), rgba(235, 43, 45, 0.7) calc(var(--_focal-centre-y) - 0.0625rem), rgba(235, 43, 45, 0.7) calc(var(--_focal-centre-y) + 0.0625rem), transparent calc(var(--_focal-centre-y) + 0.0625rem)), linear-gradient(to bottom, transparent calc(var(--_focal-centre-y) - 0.125rem), rgba(255, 255, 255, 0.6) calc(var(--_focal-centre-y) - 0.125rem), rgba(255, 255, 255, 0.6) calc(var(--_focal-centre-y) + 0.125rem), transparent calc(var(--_focal-centre-y) + 0.125rem));
  z-index: 150;
  pointer-events: none;
}
.image-with-focal-point__image {
  --_focal-point-x: clamp(
    calc(var(--focal-span-x, 0) / 2),
    var(--focal-point-x, 0.5),
    calc(1 - var(--focal-span-x, 0) / 2)
  );
  --_focal-point-y: clamp(
    calc(var(--focal-span-y, 0) / 2),
    var(--focal-point-y, 0.5),
    calc(1 - var(--focal-span-y, 0) / 2)
  );
  --_focal-img-w: max(100cqw, 100cqh * var(--image-aspect-ratio, 1));
  --_focal-img-h: max(100cqw / var(--image-aspect-ratio, 1), 100cqh);
  --_focal-desired-x: calc(
    var(--_focal-point-x) * (100cqw - var(--_focal-img-w))
    + var(--focal-mode, 0) * (0.5 - var(--_focal-point-x)) * 100cqw
  );
  --_focal-desired-y: calc(
    var(--_focal-point-y) * (100cqh - var(--_focal-img-h))
    + var(--focal-mode, 0) * (0.5 - var(--_focal-point-y)) * 100cqh
  );
  --_focal-lo-x: calc((var(--focal-span-x, 0) / 2 - var(--_focal-point-x)) * var(--_focal-img-w));
  --_focal-lo-y: calc((var(--focal-span-y, 0) / 2 - var(--_focal-point-y)) * var(--_focal-img-h));
  --_focal-hi-x: calc(100cqw - (var(--_focal-point-x) + var(--focal-span-x, 0) / 2) * var(--_focal-img-w));
  --_focal-hi-y: calc(100cqh - (var(--_focal-point-y) + var(--focal-span-y, 0) / 2) * var(--_focal-img-h));
  --_focal-area-offset-x: calc(
    clamp(var(--_focal-lo-x), var(--_focal-desired-x), var(--_focal-hi-x))
    + min(calc((var(--_focal-hi-x) - var(--_focal-lo-x)) / 2), 0px)
  );
  --_focal-area-offset-y: calc(
    clamp(var(--_focal-lo-y), var(--_focal-desired-y), var(--_focal-hi-y))
    + min(calc((var(--_focal-hi-y) - var(--_focal-lo-y)) / 2), 0px)
  );
  --_focal-offset-x: clamp(
    calc(100cqw - var(--_focal-img-w)),
    var(--_focal-area-offset-x),
    0px
  );
  --_focal-offset-y: clamp(
    calc(100cqh - var(--_focal-img-h)),
    var(--_focal-area-offset-y),
    0px
  );
  --_focal-centre-x: calc(var(--_focal-offset-x) + var(--_focal-point-x) * var(--_focal-img-w));
  --_focal-centre-y: calc(var(--_focal-offset-y) + var(--_focal-point-y) * var(--_focal-img-h));
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--_focal-offset-x) var(--_focal-offset-y);
}

.promo-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
  gap: 20px;
}

.promo-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 16.25rem;
  border-radius: 6px;
  overflow: hidden;
  padding: 30px;
  background-color: rgb(152.4206896552, 14.3793103448, 15.8172413793);
  border: 1px solid var(--cp-colour-border);
  color: #ffffff;
  transition: transform 150ms ease-in-out, box-shadow 150ms ease-in-out;
}
.promo-tile:hover {
  transform: translateY(-4px);
  box-shadow: var(--cp-shadow-md);
}
.promo-tile__image {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.promo-tile__eyebrow {
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 10px;
}
.promo-tile__content {
  position: relative;
  z-index: 1;
  color: #ffffff;
}
.promo-tile__title {
  margin: 0 0 15px;
  color: #ffffff;
  font-size: 1.75rem;
  font-weight: bold;
}
.promo-tile__text {
  margin: 0 0 20px;
  color: rgba(255, 255, 255, 0.85);
}
.promo-tile--image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.15) 100%);
  z-index: 1;
}
.promo-tile--image .promo-tile__content {
  z-index: 2;
  color: #ffffff;
}
.promo-tile--image .promo-tile__title,
.promo-tile--image .promo-tile__text {
  color: #ffffff;
}

.logo-cloud__items {
  align-items: center;
  gap: 20px 60px;
  margin-inline: auto;
}
@media (max-width: 639px) {
  .logo-cloud__items {
    column-gap: 20px;
  }
}
.logo-cloud__logo {
  max-height: 2.5rem;
  max-width: 7.5rem;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: 0.7;
  transition: filter 150ms ease-in-out, opacity 150ms ease-in-out;
}
.logo-cloud__logo:hover {
  filter: grayscale(0%);
  opacity: 1;
}
.logo-cloud--bordered .logo-cloud__logo {
  padding: 5px 10px;
  background-color: #ffffff;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
}

.review-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, max(280px, (100% - 40px) / 3)), 1fr));
  gap: 20px;
}
.review-cards__card {
  background-color: var(--cp-colour-surface);
  border-radius: 6px;
  padding: 20px;
  box-shadow: var(--cp-shadow-sm);
}
.review-cards__stars {
  color: #a08629;
  margin-bottom: 15px;
}
.review-cards__text {
  font-style: italic;
  color: var(--cp-colour-on-surface);
  margin: 0 0 15px;
}
.review-cards__author {
  font-weight: bold;
  color: var(--cp-colour-on-surface);
}

.homepage {
  display: grid;
  gap: 15px;
}
.homepage__content {
  display: flex;
  flex-direction: column;
  gap: 2.8125rem;
}
.homepage__section-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.5rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 0 0 15px;
  position: relative;
}
.homepage__section-title::after {
  content: "";
  display: block;
  width: 3.75rem;
  height: 0.125rem;
  background-color: #eb2b2d;
  margin: 15px auto 0;
  border-radius: 6px;
}
.homepage__section-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}
.homepage__best-sellers .tabs-list {
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  border-bottom: 0;
}
.homepage__best-sellers .tab {
  min-height: 2.625rem;
  align-items: center;
  padding: 5px 20px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 62.4375rem;
  background-color: var(--cp-colour-surface);
  font-stretch: normal;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
  box-sizing: border-box;
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
}
.homepage__best-sellers .tab::after {
  content: none;
}
.homepage__best-sellers .tab:hover {
  border-color: var(--cp-colour-border-strong);
  background-color: var(--cp-colour-surface-raised);
}
.homepage__best-sellers .tab[aria-selected=true] {
  border-color: #eb2b2d;
  background-color: #eb2b2d;
  color: #ffffff;
  font-weight: bold;
}
.homepage__help-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
@media (min-width: 640px) {
  .homepage__help-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 980px) {
  .homepage__help-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
.homepage__help-grid .icon-text-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 15px;
  border-radius: 6px;
  background-color: var(--cp-colour-surface-inset);
  text-decoration: none;
  transition: background-color 150ms ease-in-out, transform 150ms ease-in-out;
}
.homepage__help-grid .icon-text-block:hover {
  background-color: var(--cp-colour-surface-raised);
  transform: translateY(-2px);
}
.homepage__help-grid .icon-text-block__icon {
  max-height: 3rem;
  max-width: 3rem;
}
.homepage__help-grid .icon-text-block a {
  display: block;
  width: 100%;
  color: var(--cp-colour-on-surface);
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.875rem;
  text-align: center;
}
.homepage__brands-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 0 auto;
}
@media (min-width: 640px) {
  .homepage__brands-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 980px) {
  .homepage__brands-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
.homepage__brands-grid .featured-brand {
  width: 100%;
  height: auto;
  aspect-ratio: 2/1;
  box-sizing: border-box;
}
@media (max-width: 639px) {
  .homepage__brands-grid .featured-brand--view-all {
    grid-column: span 2;
    aspect-ratio: auto;
  }
}
.homepage__machine-brands .featured-category__image, .homepage__accessories .featured-category__image, .homepage__brew-bar .featured-category__image {
  height: auto;
  aspect-ratio: 3/4;
}
.homepage__latest-videos .panel, .homepage__instagram .panel {
  border: 0;
  padding: 0;
}
.homepage__instagram .instagram-card__thumbnail {
  aspect-ratio: 3/4;
}
.homepage__finder {
  text-align: center;
  padding: 60px 20px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: #ffffff;
}
.homepage__finder .homepage__section-title {
  font-size: 2rem;
}
.homepage__finder-result {
  margin: 15px 0 0;
  color: var(--cp-colour-on-surface);
  font-size: 0.8125rem;
}
.homepage__articles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
  gap: 20px;
}
.homepage__articles .blog-post-grid-item {
  max-width: none;
}
.homepage__about {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--cp-colour-border);
}
.homepage__about-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 0;
  position: relative;
}
.homepage__about-title::after {
  content: "";
  display: block;
  width: 3.75rem;
  height: 0.125rem;
  background-color: #eb2b2d;
  margin: 15px auto 0;
  border-radius: 6px;
}
.homepage__about-intro {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 768px) {
  .homepage__about-intro {
    grid-template-columns: 1.4fr 1fr;
    gap: 0;
    align-items: center;
  }
}
.homepage__about-media {
  border-radius: 6px;
  overflow: hidden;
  min-height: 18.75rem;
}
@media (min-width: 768px) {
  .homepage__about-media {
    grid-column: 1/2;
    grid-row: 1;
    height: 30rem;
    max-height: 30rem;
  }
}
.homepage__about-image {
  width: 100%;
  height: 100%;
  display: block;
}
.homepage__about-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  background-color: var(--cp-colour-surface-overlay);
  border-radius: 6px;
  padding: 20px;
  box-shadow: var(--cp-shadow-lg);
}
@media (min-width: 768px) {
  .homepage__about-content {
    grid-column: 2/3;
    grid-row: 1;
    align-self: center;
    margin: 30px;
    margin-left: -60px;
    z-index: 2;
  }
}
.homepage__about-content p {
  margin: 0;
  color: var(--cp-colour-on-surface);
  line-height: 1.6;
}
.homepage__about-subtitle {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.5rem;
  text-transform: uppercase;
  margin: 0;
}
.homepage__about-story {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  align-items: start;
}
@media (min-width: 768px) {
  .homepage__about-story {
    grid-template-columns: 1fr 1fr;
  }
}
.homepage__about-story-text {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.homepage__about-story-text p {
  margin: 0;
  color: var(--cp-colour-on-surface);
  line-height: 1.6;
}
.homepage__about-story-text a {
  color: var(--cp-colour-on-surface);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.homepage__about-story-text a:hover {
  color: #eb2b2d;
}
.homepage__about-story-link {
  align-self: flex-start;
  margin-top: 10px;
  color: #eb2b2d;
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.homepage__about-story-link:hover {
  color: var(--cp-colour-on-surface);
}
.homepage__about-story-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.5rem;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.homepage__about-story-media {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.homepage__about-story-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}
.homepage__reviews {
  background-color: var(--cp-colour-surface-inset);
  border-radius: 6px;
  padding: 30px;
}
.homepage .best-sellers__items {
  gap: 20px;
}
@media (max-width: 639px) {
  .homepage .best-sellers__items {
    gap: 15px;
  }
}
.homepage .best-sellers__items > .carousel-item {
  flex: 0 0 17.5rem;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  padding: 15px;
  background-color: var(--cp-colour-surface);
  box-shadow: var(--cp-shadow-sm);
  box-sizing: border-box;
}
@media (max-width: 639px) {
  .homepage .best-sellers__items > .carousel-item {
    flex: 0 0 13.75rem;
  }
}

.homepage__about-image {
  object-fit: cover;
  object-position: center 20%;
  filter: grayscale(100%);
}

.cms-contact {
  display: grid;
  gap: 60px;
}
.cms-contact__hero {
  position: relative;
  display: grid;
  align-items: end;
  min-height: 320px;
  overflow: hidden;
  border-radius: 6px;
  background-color: #4f4f4f;
}
@media (min-width: 940px) {
  .cms-contact__hero {
    min-height: 420px;
  }
}
.cms-contact__hero-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cms-contact__hero-content {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 30px;
  color: #ffffff;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
}
@media (min-width: 940px) {
  .cms-contact__hero-content {
    padding: 60px 30px 30px;
  }
}
.cms-contact__hero-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 2.25rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  margin: 0 0 10px;
}
@media (min-width: 940px) {
  .cms-contact__hero-title {
    font-size: 3.5rem;
  }
}
.cms-contact__hero-subtitle {
  font-size: 1.125rem;
  line-height: 1.6;
  margin: 0;
  max-width: 560px;
}
.cms-contact__layout {
  display: grid;
  gap: 30px;
}
@media (min-width: 980px) {
  .cms-contact__layout {
    grid-template-columns: 2fr 1fr;
    align-items: start;
  }
}
.cms-contact__content {
  display: grid;
  gap: 60px;
  align-content: start;
}
.cms-contact__aside {
  display: grid;
  gap: 30px;
  align-content: start;
}
@media (min-width: 980px) {
  .cms-contact__aside {
    position: sticky;
    top: 30px;
    align-self: start;
  }
}
.cms-contact__section-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.1875rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  margin: 0;
}
@media (min-width: 940px) {
  .cms-contact__section-title {
    font-size: 1.5rem;
  }
}
.cms-contact__form-section {
  display: grid;
  gap: 30px;
}
.cms-contact__form {
  display: grid;
  gap: 20px;
}
.cms-contact__form-grid {
  display: grid;
  gap: 15px;
}
@media (min-width: 940px) {
  .cms-contact__form-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.cms-contact__form-group {
  display: grid;
  gap: 10px;
}
.cms-contact__actions {
  display: flex;
}
.cms-contact__visit {
  display: grid;
  gap: 20px;
}
.cms-contact__visit iframe {
  display: block;
  width: 100%;
  border: 0;
  border-radius: 6px;
  background-color: var(--cp-colour-surface-inset);
}
.cms-contact__visit .button {
  width: 100%;
  justify-content: center;
}
.cms-contact__details {
  display: grid;
  gap: 5px;
  margin: 0;
}
.cms-contact__details dt {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
}
.cms-contact__details dt:not(:first-child) {
  margin-top: 15px;
}
.cms-contact__details dt svg {
  color: var(--cp-colour-primary);
}
.cms-contact__details dd {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.cms-contact__details dd a {
  color: inherit;
  text-decoration: none;
}
.cms-contact__details dd a:hover {
  text-decoration: underline;
}
.cms-contact__visit-text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.7;
  color: var(--cp-colour-on-surface-muted);
}

.cms-faq {
  display: grid;
  gap: 60px;
}
.cms-faq__hero {
  display: grid;
  gap: 10px;
  justify-items: start;
  padding: 30px 30px;
  background-color: #4f4f4f;
  color: #ffffff;
  border-radius: 6px;
}
@media (min-width: 940px) {
  .cms-faq__hero {
    padding: 3rem 30px;
  }
}
.cms-faq__hero-icon {
  font-size: 2rem;
  color: var(--cp-colour-primary);
}
@media (min-width: 940px) {
  .cms-faq__hero-icon {
    font-size: 3rem;
  }
}
.cms-faq__hero-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 2rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 940px) {
  .cms-faq__hero-title {
    font-size: 3rem;
  }
}
.cms-faq__hero-subtitle {
  font-size: 1rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  max-width: 560px;
}
@media (min-width: 940px) {
  .cms-faq__hero-subtitle {
    font-size: 1.125rem;
  }
}
.cms-faq__section {
  display: grid;
  gap: 20px;
}
.cms-faq__section-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.5rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  text-align: center;
  color: var(--cp-colour-on-surface);
  margin: 0;
  position: relative;
}
.cms-faq__section-title::after {
  content: "";
  display: block;
  width: 3.75rem;
  height: 0.25rem;
  background-color: #eb2b2d;
  margin: 15px auto 0;
  border-radius: 6px;
}
@media (min-width: 940px) {
  .cms-faq__section-title {
    font-size: 1.75rem;
  }
}
.cms-faq__accordion .accordion-item__trigger {
  padding: 15px 20px;
  font-size: 1rem;
}
.cms-faq__accordion .accordion-item__content {
  font-size: 0.9375rem;
  line-height: 1.6;
}

.cms-shipping {
  display: grid;
  gap: 60px;
}
.cms-shipping__hero {
  display: grid;
  gap: 10px;
  justify-items: start;
  padding: 60px 30px;
  background-color: #4f4f4f;
  color: #ffffff;
  border-radius: 6px;
}
.cms-shipping__hero-icon {
  font-size: 2.5rem;
  color: var(--cp-colour-primary);
}
@media (min-width: 940px) {
  .cms-shipping__hero-icon {
    font-size: 3.5rem;
  }
}
.cms-shipping__hero-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 2.625rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 940px) {
  .cms-shipping__hero-title {
    font-size: 4rem;
  }
}
.cms-shipping__hero-subtitle {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.25rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-primary);
  margin: 0;
}
@media (min-width: 940px) {
  .cms-shipping__hero-subtitle {
    font-size: 1.5rem;
  }
}
.cms-shipping__hero-note {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
  margin: 10px 0 0;
}
.cms-shipping__layout {
  display: grid;
  gap: 30px;
}
@media (min-width: 980px) {
  .cms-shipping__layout {
    grid-template-columns: 2fr 1fr;
    align-items: start;
  }
}
.cms-shipping__content {
  display: grid;
  gap: 60px;
  align-content: start;
}
.cms-shipping__aside {
  display: grid;
  gap: 30px;
  align-content: start;
}
@media (min-width: 980px) {
  .cms-shipping__aside {
    position: sticky;
    top: 30px;
    align-self: start;
  }
}
.cms-shipping__costs {
  display: grid;
  gap: 20px;
}
.cms-shipping__costs-intro {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.7;
  color: var(--cp-colour-on-surface);
  max-width: 640px;
}
.cms-shipping__cost-rows {
  display: grid;
  border-top: 1px dotted var(--cp-colour-border);
}
.cms-shipping__cost-row {
  display: grid;
  gap: 5px 20px;
  padding: 15px 0;
  border-bottom: 1px dotted var(--cp-colour-border);
}
@media (min-width: 940px) {
  .cms-shipping__cost-row {
    grid-template-columns: 1fr auto auto;
    align-items: baseline;
  }
}
.cms-shipping__cost-category {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.9375rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
}
.cms-shipping__cost-value {
  font-size: 0.875rem;
  font-weight: bold;
  color: var(--cp-colour-primary);
  white-space: nowrap;
}
.cms-shipping__cost-label {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.75rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface-muted);
  margin-right: 5px;
}
.cms-shipping__cost-note {
  font-size: 0.875rem;
  font-weight: bold;
  color: var(--cp-colour-primary);
}
@media (min-width: 940px) {
  .cms-shipping__cost-note {
    grid-column: 2/-1;
  }
}
.cms-shipping__section-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.5rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  margin: 0;
  text-align: center;
}
@media (min-width: 940px) {
  .cms-shipping__section-title {
    font-size: 1.75rem;
  }
}
.cms-shipping__stats {
  display: grid;
}
.cms-shipping__stat {
  display: grid;
  gap: 5px;
  padding: 10px 0;
  border-bottom: 1px dotted var(--cp-colour-border);
  text-align: left;
}
.cms-shipping__stat:first-child {
  padding-top: 0;
}
.cms-shipping__stat:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.cms-shipping__stat-value {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.125rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-primary);
}
.cms-shipping__stat-label {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.75rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
}
.cms-shipping__stat-note {
  font-size: 0.6875rem;
  line-height: 1.4;
  color: var(--cp-colour-on-surface-muted);
}
.cms-shipping__timeframes-note {
  margin: 15px 0 0;
  font-size: 0.75rem;
  line-height: 1.7;
  color: var(--cp-colour-on-surface-muted);
  text-align: left;
}
.cms-shipping__faqs {
  display: grid;
  gap: 30px;
  width: 100%;
}
.cms-shipping__faqs .cms-shipping__section-title {
  text-align: left;
}
.cms-shipping__fine-print {
  display: grid;
  gap: 5px;
}
.cms-shipping__fine-print p {
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.6;
  color: var(--cp-colour-on-surface-muted);
}
.cms-shipping__footer-banner {
  display: grid;
  gap: 15px;
  justify-items: center;
  padding: 30px 15px;
  text-align: center;
  background-color: #4f4f4f;
  color: #ffffff;
  border-radius: 6px;
}
@media (min-width: 940px) {
  .cms-shipping__footer-banner {
    padding: 60px;
    grid-template-columns: 1fr auto;
    align-items: center;
    justify-items: start;
    text-align: left;
  }
}
.cms-shipping__footer-banner-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.25rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0;
}
@media (min-width: 940px) {
  .cms-shipping__footer-banner-title {
    font-size: 1.75rem;
  }
}
.cms-shipping__footer-banner-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

.cms-returns {
  display: grid;
  gap: 60px;
}
.cms-returns__hero {
  display: grid;
  gap: 10px;
  justify-items: start;
  padding: 30px 30px;
  background-color: #4f4f4f;
  color: #ffffff;
  border-radius: 6px;
}
@media (min-width: 940px) {
  .cms-returns__hero {
    padding: 3rem 30px;
  }
}
.cms-returns__hero-icon {
  font-size: 2rem;
  color: var(--cp-colour-primary);
}
@media (min-width: 940px) {
  .cms-returns__hero-icon {
    font-size: 3rem;
  }
}
.cms-returns__hero-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 2rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 940px) {
  .cms-returns__hero-title {
    font-size: 3rem;
  }
}
.cms-returns__hero-subtitle {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-primary);
  margin: 0;
}
@media (min-width: 940px) {
  .cms-returns__hero-subtitle {
    font-size: 1.25rem;
  }
}
.cms-returns__layout {
  display: grid;
  gap: 30px;
}
@media (min-width: 980px) {
  .cms-returns__layout {
    grid-template-columns: 2fr 1fr;
    align-items: start;
  }
}
.cms-returns__content {
  display: grid;
  gap: 30px;
  align-content: start;
}
.cms-returns__content .std p,
.cms-returns__content .std ul,
.cms-returns__content .std ol {
  line-height: 1.7;
  margin-top: 20px;
  margin-bottom: 20px;
}
.cms-returns__content .std p:first-child,
.cms-returns__content .std ul:first-child,
.cms-returns__content .std ol:first-child {
  margin-top: 0;
}
.cms-returns__content .std p:last-child,
.cms-returns__content .std ul:last-child,
.cms-returns__content .std ol:last-child {
  margin-bottom: 0;
}
.cms-returns__content .std li {
  line-height: 1.7;
  margin-top: 10px;
  margin-bottom: 10px;
}
.cms-returns__section {
  display: grid;
  gap: 15px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--cp-colour-border);
}
.cms-returns__section:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.cms-returns__section-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.1875rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  margin: 0;
}
@media (min-width: 940px) {
  .cms-returns__section-title {
    font-size: 1.5rem;
  }
}
.cms-returns__aside {
  display: grid;
  gap: 30px;
  align-content: start;
}
@media (min-width: 980px) {
  .cms-returns__aside {
    position: sticky;
    top: 30px;
    align-self: start;
  }
}
.cms-returns__lodge {
  display: grid;
  gap: 15px;
}
.cms-returns__lodge .button {
  width: 100%;
  justify-content: center;
  white-space: nowrap;
}
.cms-returns__lodge-text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.cms-returns__details {
  display: grid;
  gap: 5px;
  margin: 0;
}
.cms-returns__details dt {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
}
.cms-returns__details dt:not(:first-child) {
  margin-top: 15px;
}
.cms-returns__details dt svg {
  color: var(--cp-colour-primary);
}
.cms-returns__details dd {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.cms-returns__details dd a {
  color: inherit;
  text-decoration: none;
}
.cms-returns__details dd a:hover {
  text-decoration: underline;
}
.cms-returns__checklist {
  display: grid;
  gap: 15px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cms-returns__checklist li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface);
}
.cms-returns__checklist li svg {
  margin-top: 2px;
  color: var(--cp-colour-success);
}
.std .cms-returns__good-to-know {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.cms-returns__good-to-know-icon {
  flex-shrink: 0;
  color: var(--cp-colour-primary);
}

.cms-finance {
  display: grid;
  gap: 60px;
}
.cms-finance__hero {
  display: grid;
  gap: 10px;
  justify-items: start;
  padding: 60px 30px;
  background-color: #4f4f4f;
  color: #ffffff;
  border-radius: 6px;
}
.cms-finance__hero-icon {
  font-size: 2.5rem;
  color: var(--cp-colour-primary);
}
@media (min-width: 940px) {
  .cms-finance__hero-icon {
    font-size: 3.5rem;
  }
}
.cms-finance__hero-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 2.625rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 940px) {
  .cms-finance__hero-title {
    font-size: 4rem;
  }
}
.cms-finance__hero-subtitle {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.25rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-primary);
  margin: 0;
}
@media (min-width: 940px) {
  .cms-finance__hero-subtitle {
    font-size: 1.5rem;
  }
}
.cms-finance__hero-note {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
  margin: 10px 0 0;
}
.cms-finance__layout {
  display: grid;
  gap: 30px;
}
@media (min-width: 980px) {
  .cms-finance__layout {
    grid-template-columns: 2fr 1fr;
    align-items: start;
  }
}
.cms-finance__content {
  display: grid;
  gap: 60px;
  align-content: start;
}
.cms-finance__aside {
  display: grid;
  gap: 30px;
  align-content: start;
}
@media (min-width: 980px) {
  .cms-finance__aside {
    position: sticky;
    top: 30px;
    align-self: start;
  }
}
.cms-finance__section {
  display: grid;
  gap: 20px;
  justify-items: start;
}
.cms-finance__section-intro {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.7;
  color: var(--cp-colour-on-surface);
  text-align: left;
  max-width: 640px;
}
.cms-finance__section-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.5rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  margin: 0;
  text-align: left;
}
@media (min-width: 940px) {
  .cms-finance__section-title {
    font-size: 1.75rem;
  }
}
.cms-finance__options {
  display: grid;
}
.cms-finance__option {
  display: grid;
  gap: 15px;
  align-items: center;
  padding: 15px 0;
  text-align: center;
  border-bottom: 1px dotted var(--cp-colour-border);
}
@media (min-width: 940px) {
  .cms-finance__option {
    grid-template-columns: 120px 1fr;
    gap: 20px;
    text-align: left;
  }
}
.cms-finance__option:last-child {
  border-bottom: none;
}
.cms-finance__option-logo {
  display: block;
  width: 120px;
  height: 72px;
  margin: 0 auto;
  object-fit: contain;
}
.cms-finance__option-content {
  display: grid;
  gap: 5px;
}
.cms-finance__option-name {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.9375rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  margin: 0;
}
.cms-finance__option-description {
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
  margin: 0;
}
.cms-finance__option-note {
  font-size: 0.75rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
  font-style: italic;
  margin: 0;
}
.cms-finance__sidebar-cta {
  display: grid;
  gap: 15px;
}
.cms-finance__sidebar-text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.cms-finance__details {
  display: grid;
  gap: 5px;
  margin: 0;
}
.cms-finance__details dt {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
}
.cms-finance__details dt:not(:first-child) {
  margin-top: 15px;
}
.cms-finance__details dt svg {
  color: var(--cp-colour-primary);
}
.cms-finance__details dd {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.cms-finance__details dd a {
  color: inherit;
  text-decoration: none;
}
.cms-finance__details dd a:hover {
  text-decoration: underline;
}

.cms-wholesale {
  display: grid;
  gap: 60px;
}
.cms-wholesale__hero {
  display: grid;
  gap: 10px;
  justify-items: start;
  padding: 30px;
  background-color: #4f4f4f;
  color: #ffffff;
  border-radius: 6px;
}
@media (min-width: 940px) {
  .cms-wholesale__hero {
    padding: 3rem 30px;
  }
}
.cms-wholesale__hero-icon {
  font-size: 2rem;
  color: var(--cp-colour-primary);
}
@media (min-width: 940px) {
  .cms-wholesale__hero-icon {
    font-size: 3rem;
  }
}
.cms-wholesale__hero-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 2rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 940px) {
  .cms-wholesale__hero-title {
    font-size: 3rem;
  }
}
.cms-wholesale__hero-subtitle {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0;
  max-width: 40rem;
}
@media (min-width: 940px) {
  .cms-wholesale__hero-subtitle {
    font-size: 1.25rem;
  }
}
.cms-wholesale__hero-actions {
  display: grid;
  gap: 15px;
  justify-items: stretch;
  margin-top: 15px;
}
.cms-wholesale__hero-actions .button {
  width: 100%;
  font-size: 1.25em;
}
@media (min-width: 940px) {
  .cms-wholesale__hero-actions .button {
    width: auto;
    font-size: 1.5625em;
  }
}
@media (min-width: 940px) {
  .cms-wholesale__hero-actions {
    justify-items: start;
  }
}
.cms-wholesale__hero-login {
  font-size: 0.875rem;
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cms-wholesale__hero-login:hover {
  color: var(--cp-colour-primary);
}
.cms-wholesale__layout {
  display: grid;
  gap: 30px;
}
@media (min-width: 980px) {
  .cms-wholesale__layout {
    grid-template-columns: 2fr 1fr;
    align-items: start;
  }
}
.cms-wholesale__content {
  display: grid;
  gap: 30px;
  align-content: start;
}
.cms-wholesale__content .std p,
.cms-wholesale__content .std ul,
.cms-wholesale__content .std ol {
  line-height: 1.7;
  margin-top: 20px;
  margin-bottom: 20px;
}
.cms-wholesale__content .std p:first-child,
.cms-wholesale__content .std ul:first-child,
.cms-wholesale__content .std ol:first-child {
  margin-top: 0;
}
.cms-wholesale__content .std p:last-child,
.cms-wholesale__content .std ul:last-child,
.cms-wholesale__content .std ol:last-child {
  margin-bottom: 0;
}
.cms-wholesale__content .std a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cms-wholesale__section {
  display: grid;
  gap: 15px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--cp-colour-border);
}
.cms-wholesale__section:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.cms-wholesale__section-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.1875rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  margin: 0;
}
@media (min-width: 940px) {
  .cms-wholesale__section-title {
    font-size: 1.5rem;
  }
}
.cms-wholesale__cards {
  display: grid;
  gap: 15px;
}
@media (min-width: 940px) {
  .cms-wholesale__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
.cms-wholesale__card {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 20px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
}
.cms-wholesale__card-icon {
  font-size: 1.5rem;
  color: var(--cp-colour-primary);
  margin-bottom: 5px;
}
.cms-wholesale__card-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
}
.cms-wholesale__card-text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--cp-colour-on-surface-muted);
}
.cms-wholesale__checklist {
  display: grid;
  gap: 15px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cms-wholesale__checklist li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.6;
}
.cms-wholesale__checklist li svg {
  flex-shrink: 0;
  margin-top: 3px;
  color: var(--cp-colour-success);
}
.cms-wholesale__steps {
  display: grid;
  gap: 15px;
  margin: 0;
  padding: 0;
  counter-reset: wholesale-step;
  list-style: none;
}
.cms-wholesale__steps li {
  padding-left: 3rem;
  position: relative;
  min-height: 2rem;
  line-height: 1.6;
}
.cms-wholesale__steps li strong {
  display: block;
  margin-bottom: 5px;
}
.cms-wholesale__steps li::before {
  content: counter(wholesale-step);
  counter-increment: wholesale-step;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1rem;
  font-weight: bold;
  color: var(--cp-colour-primary);
  border: 2px solid var(--cp-colour-primary);
  border-radius: 50%;
}
.cms-wholesale__accordion .accordion-item__trigger {
  padding: 15px 20px;
  font-size: 1rem;
}
.cms-wholesale__accordion .accordion-item__content {
  font-size: 0.9375rem;
  line-height: 1.6;
}
.cms-wholesale__cta-actions {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.cms-wholesale__cta-actions .button {
  width: 100%;
  font-size: 1.25em;
}
@media (min-width: 940px) {
  .cms-wholesale__cta-actions .button {
    width: auto;
    font-size: 1.5625em;
  }
}
@media (min-width: 940px) {
  .cms-wholesale__cta-actions {
    flex-direction: row;
  }
}
.cms-wholesale__aside {
  display: grid;
  gap: 30px;
  align-content: start;
}
@media (min-width: 980px) {
  .cms-wholesale__aside {
    position: sticky;
    top: 30px;
    align-self: start;
  }
}
@media (max-width: 979px) {
  .cms-wholesale__aside .cms-wholesale__apply-panel {
    display: none;
  }
}
.cms-wholesale__apply {
  display: grid;
  gap: 15px;
}
.cms-wholesale__apply .button {
  width: 100%;
  justify-content: center;
}
.cms-wholesale__apply-text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.cms-wholesale__details {
  display: grid;
  gap: 5px;
  margin: 0;
}
.cms-wholesale__details dt {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
}
.cms-wholesale__details dt:not(:first-child) {
  margin-top: 15px;
}
.cms-wholesale__details dt svg {
  color: var(--cp-colour-primary);
}
.cms-wholesale__details dd {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.cms-wholesale__details dd a {
  color: inherit;
  text-decoration: none;
}
.cms-wholesale__details dd a:hover {
  text-decoration: underline;
}
.cms-wholesale__aside-checklist {
  display: grid;
  gap: 15px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cms-wholesale__aside-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface);
}
.cms-wholesale__aside-checklist li svg {
  flex-shrink: 0;
  margin-top: 2px;
  color: var(--cp-colour-success);
}
.std .cms-wholesale__good-to-know {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
}
.cms-wholesale__good-to-know-icon {
  flex-shrink: 0;
  color: var(--cp-colour-primary);
}

.cms-our-story {
  display: grid;
  gap: 60px;
}
.cms-our-story__header {
  display: grid;
  gap: 15px;
}
.cms-our-story__hero {
  display: grid;
  gap: 15px;
  justify-items: center;
  padding: 30px 30px;
  background-color: #4f4f4f;
  color: #ffffff;
  border-radius: 6px;
  text-align: center;
}
@media (min-width: 940px) {
  .cms-our-story__hero {
    padding: 3rem 30px;
  }
}
.cms-our-story__hero-icon {
  font-size: 2rem;
  color: var(--cp-colour-primary);
}
@media (min-width: 940px) {
  .cms-our-story__hero-icon {
    font-size: 3rem;
  }
}
.cms-our-story__hero-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 2rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 940px) {
  .cms-our-story__hero-title {
    font-size: 3rem;
  }
}
.cms-our-story__hero-accent {
  color: var(--cp-colour-primary);
}
.cms-our-story__hero-subtitle {
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 560px;
}
@media (min-width: 940px) {
  .cms-our-story__hero-subtitle {
    font-size: 1.125rem;
  }
}
.cms-our-story__stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 15px;
}
@media (min-width: 940px) {
  .cms-our-story__stats {
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
  }
}
.cms-our-story__stat {
  display: grid;
  gap: 5px;
  justify-items: center;
  padding: 20px 15px;
  text-align: center;
  background-color: var(--cp-colour-surface);
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
}
.cms-our-story__stat-value {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 2.5rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  line-height: 1;
  color: var(--cp-colour-primary);
}
@media (min-width: 940px) {
  .cms-our-story__stat-value {
    font-size: 3.5rem;
  }
}
.cms-our-story__stat-label {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.875rem;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--cp-colour-on-surface-muted);
}
.cms-our-story__chapters {
  display: grid;
  gap: 60px;
}
.cms-our-story__chapter {
  display: grid;
  gap: 20px;
  align-items: center;
}
@media (min-width: 940px) {
  .cms-our-story__chapter {
    grid-template-columns: 1fr 1fr;
    gap: 60px;
  }
}
@media (min-width: 940px) {
  .cms-our-story__chapter--flip .cms-our-story__chapter-media {
    order: 2;
  }
}
.cms-our-story__chapter-media {
  overflow: hidden;
  border-radius: 6px;
}
.cms-our-story__chapter-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.cms-our-story__chapter-content {
  display: grid;
  gap: 15px;
  justify-items: start;
}
.cms-our-story__chapter-year {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.875rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--cp-colour-primary);
  margin: 0;
}
.cms-our-story__chapter-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.75rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  margin: 0;
}
@media (min-width: 940px) {
  .cms-our-story__chapter-title {
    font-size: 2.25rem;
  }
}
.cms-our-story__chapter-text {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--cp-colour-on-surface-muted);
  margin: 0;
}
.cms-our-story__values {
  display: grid;
  gap: 15px;
}
@media (min-width: 940px) {
  .cms-our-story__values {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 980px) {
  .cms-our-story__values {
    grid-template-columns: repeat(4, 1fr);
  }
}
.cms-our-story__value {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 30px 15px;
  text-align: center;
  background-color: var(--cp-colour-surface);
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
}
.cms-our-story__value-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: var(--cp-colour-surface-inset);
  color: var(--cp-colour-primary);
  font-size: 1.25rem;
}
.cms-our-story__value-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
}
.cms-our-story__value-text {
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.cms-our-story__cta {
  position: relative;
  display: grid;
  gap: 15px;
  justify-items: center;
  padding: 60px 30px;
  border-radius: 6px;
  text-align: center;
  color: #ffffff;
  overflow: hidden;
}
.cms-our-story__cta-backdrop {
  position: absolute;
  inset: 0;
  background-image: url("/images/banners/instagram-studio-one.jpg");
  background-size: cover;
  background-position: center;
}
.cms-our-story__cta-backdrop::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.55);
}
.cms-our-story__cta-content {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 15px;
  justify-items: center;
}
.cms-our-story__cta-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.5rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0;
  max-width: 640px;
}
@media (min-width: 940px) {
  .cms-our-story__cta-title {
    font-size: 2.25rem;
  }
}
.cms-our-story__cta-signature {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}
.cms-our-story__cta-actions {
  margin-top: 10px;
}

.cms-privacy__page {
  display: grid;
  gap: 30px;
  max-width: 760px;
  margin: 0 auto;
}
.cms-privacy__updated {
  font-size: 0.875rem;
  color: #6c6c6c;
  margin: -15px 0 0;
}
.cms-privacy__section {
  display: grid;
  gap: 15px;
}
.cms-privacy__section-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.25rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  margin: 0;
}
.cms-privacy__text {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: var(--cp-colour-on-surface);
}
.cms-privacy__text p {
  margin: 0 0 15px;
}
.cms-privacy__link {
  color: var(--cp-colour-primary);
  text-decoration: underline;
}
.cms-privacy__link:hover {
  text-decoration: none;
}

.cms-terms__page {
  display: grid;
  gap: 30px;
  max-width: 760px;
  margin: 0 auto;
}
.cms-terms__updated {
  font-size: 0.875rem;
  color: #6c6c6c;
  margin: -15px 0 0;
}
.cms-terms__section {
  display: grid;
  gap: 15px;
}
.cms-terms__section-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.25rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  margin: 0;
}
.cms-terms__text {
  font-size: 0.9375rem;
  line-height: 1.7;
  color: var(--cp-colour-on-surface);
}
.cms-terms__text p {
  margin: 0;
}
.cms-terms__link {
  color: var(--cp-colour-primary);
  text-decoration: underline;
}
.cms-terms__link:hover {
  text-decoration: none;
}

.cms-giveback {
  display: grid;
  gap: 60px;
}
.cms-giveback__hero {
  display: grid;
  gap: 15px;
  justify-items: center;
  padding: 30px 30px;
  background-color: #4f4f4f;
  color: #ffffff;
  border-radius: 6px;
  text-align: center;
}
@media (min-width: 940px) {
  .cms-giveback__hero {
    padding: 3rem 30px;
  }
}
.cms-giveback__hero-icon {
  font-size: 2rem;
  color: #eb2b2d;
}
@media (min-width: 940px) {
  .cms-giveback__hero-icon {
    font-size: 3rem;
  }
}
.cms-giveback__hero-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 2rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 940px) {
  .cms-giveback__hero-title {
    font-size: 3rem;
  }
}
.cms-giveback__hero-subtitle {
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 560px;
}
@media (min-width: 940px) {
  .cms-giveback__hero-subtitle {
    font-size: 1.125rem;
  }
}
.cms-giveback__chapters {
  display: grid;
  gap: 60px;
}
.cms-giveback__chapter {
  display: grid;
  gap: 20px;
  align-items: center;
}
@media (min-width: 940px) {
  .cms-giveback__chapter {
    grid-template-columns: 1fr 1fr;
    gap: 60px;
  }
}
@media (min-width: 940px) {
  .cms-giveback__chapter--flip .cms-giveback__chapter-media {
    order: 2;
  }
}
.cms-giveback__chapter-media {
  overflow: hidden;
  border-radius: 6px;
}
.cms-giveback__chapter-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.cms-giveback__chapter-content {
  display: grid;
  gap: 15px;
  justify-items: start;
}
.cms-giveback__chapter-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.75rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  margin: 0;
}
@media (min-width: 940px) {
  .cms-giveback__chapter-title {
    font-size: 2.25rem;
  }
}
.cms-giveback__chapter-text {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--cp-colour-on-surface-muted);
  margin: 0;
}
.cms-giveback__chapter-signature {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface);
  margin: 0;
}
.cms-giveback__closing {
  position: relative;
  display: grid;
  gap: 15px;
  justify-items: center;
  padding: 60px 30px;
  border-radius: 6px;
  text-align: center;
  color: #ffffff;
  background-color: #4f4f4f;
  overflow: hidden;
}
.cms-giveback__closing-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.5rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0;
  max-width: 640px;
}
@media (min-width: 940px) {
  .cms-giveback__closing-title {
    font-size: 2.25rem;
  }
}
.cms-giveback__closing-text {
  font-size: 1rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  max-width: 640px;
}
.cms-giveback__closing-actions {
  margin-top: 10px;
}

.cms-parts-explanation {
  display: grid;
  gap: 60px;
}
.cms-parts-explanation__hero {
  display: grid;
  gap: 10px;
  justify-items: start;
  padding: 30px 30px;
  background-color: #4f4f4f;
  color: #ffffff;
  border-radius: 6px;
}
@media (min-width: 940px) {
  .cms-parts-explanation__hero {
    padding: 3rem 30px;
  }
}
.cms-parts-explanation__hero-icon {
  font-size: 2rem;
  color: var(--cp-colour-primary);
}
@media (min-width: 940px) {
  .cms-parts-explanation__hero-icon {
    font-size: 3rem;
  }
}
.cms-parts-explanation__hero-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.75rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 940px) {
  .cms-parts-explanation__hero-title {
    font-size: 2.5rem;
  }
}
.cms-parts-explanation__hero-subtitle {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-primary);
  margin: 0;
}
@media (min-width: 940px) {
  .cms-parts-explanation__hero-subtitle {
    font-size: 1.25rem;
  }
}
.cms-parts-explanation__layout {
  display: grid;
  gap: 30px;
}
@media (min-width: 980px) {
  .cms-parts-explanation__layout {
    grid-template-columns: 2fr 1fr;
    align-items: start;
  }
}
.cms-parts-explanation__content {
  display: grid;
  gap: 30px;
  align-content: start;
}
.cms-parts-explanation__section {
  display: grid;
  gap: 15px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--cp-colour-border);
}
.cms-parts-explanation__section:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.cms-parts-explanation__section-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.1875rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  margin: 0;
}
@media (min-width: 940px) {
  .cms-parts-explanation__section-title {
    font-size: 1.5rem;
  }
}
.cms-parts-explanation__item {
  display: grid;
  gap: 10px;
}
.cms-parts-explanation__term {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  color: #333333;
  margin: 0;
}
.cms-parts-explanation__points {
  font-family: "Arial", "Helvetica", "sans-serif";
  font-weight: normal;
  font-size: 1em;
  line-height: 1.5;
  color: #333333;
  margin: 0;
  padding-left: 15px;
  list-style: decimal outside;
}
.cms-parts-explanation__points li {
  margin-top: 10px;
  margin-bottom: 10px;
}
.cms-parts-explanation__points li:first-child {
  margin-top: 0;
}
.cms-parts-explanation__points li:last-child {
  margin-bottom: 0;
}
.cms-parts-explanation__disclaimer {
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
  margin: 0;
}
.cms-parts-explanation__aside {
  display: grid;
  gap: 30px;
  align-content: start;
}
@media (min-width: 980px) {
  .cms-parts-explanation__aside {
    position: sticky;
    top: 30px;
    align-self: start;
  }
}
.cms-parts-explanation__help {
  display: grid;
  gap: 15px;
}
.cms-parts-explanation__help .button {
  width: 100%;
  justify-content: center;
  white-space: nowrap;
}
.cms-parts-explanation__know {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
.cms-parts-explanation__know-icon {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--cp-colour-primary);
}
.cms-parts-explanation__know-text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.cms-parts-explanation__visit {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
.cms-parts-explanation__visit iframe {
  display: block;
  width: 100%;
  border: 0;
  border-radius: 6px;
  background-color: var(--cp-colour-surface-inset);
}
.cms-parts-explanation__visit .button {
  width: 100%;
  justify-content: center;
}
.cms-parts-explanation__visit-icon {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: var(--cp-colour-primary);
}
.cms-parts-explanation__visit-body {
  display: grid;
  gap: 15px;
  flex: 1;
}
.cms-parts-explanation__visit-text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.cms-parts-explanation__visit-address {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.7;
  color: var(--cp-colour-on-surface-muted);
}

.cms-reviews {
  display: grid;
  gap: 60px;
}
.cms-reviews__hero {
  display: grid;
  gap: 15px;
  justify-items: center;
  padding: 30px 30px;
  background-color: #4f4f4f;
  color: #ffffff;
  border-radius: 6px;
  text-align: center;
}
@media (min-width: 940px) {
  .cms-reviews__hero {
    padding: 3rem 30px;
  }
}
.cms-reviews__hero-icon {
  font-size: 2rem;
  color: var(--cp-colour-primary);
}
@media (min-width: 940px) {
  .cms-reviews__hero-icon {
    font-size: 3rem;
  }
}
.cms-reviews__hero-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 2rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 940px) {
  .cms-reviews__hero-title {
    font-size: 3rem;
  }
}
.cms-reviews__hero-subtitle {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-primary);
  margin: 0;
}
@media (min-width: 940px) {
  .cms-reviews__hero-subtitle {
    font-size: 1.25rem;
  }
}
.cms-reviews__intro {
  display: grid;
  gap: 15px;
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}
.cms-reviews__intro-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.5rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  margin: 0;
}
@media (min-width: 940px) {
  .cms-reviews__intro-title {
    font-size: 2rem;
  }
}
.cms-reviews__intro-text {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--cp-colour-on-surface-muted);
  margin: 0;
}
.cms-reviews__platforms {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
  gap: 15px;
}
.cms-reviews__platform {
  display: grid;
  gap: 10px;
  justify-items: center;
  padding: 30px 15px;
  text-align: center;
  background-color: var(--cp-colour-surface);
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
}
.cms-reviews__platform-icon {
  font-size: 1.5rem;
  color: #a08629;
}
.cms-reviews__platform-name {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
}
.cms-reviews__platform-count {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 2rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  color: var(--cp-colour-primary);
}
.cms-reviews__featured {
  display: grid;
  gap: 20px;
}
.cms-reviews__featured-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.5rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  margin: 0;
  text-align: center;
}
@media (min-width: 940px) {
  .cms-reviews__featured-title {
    font-size: 2rem;
  }
}
.cms-reviews__cta {
  display: grid;
  gap: 15px;
  justify-items: center;
  padding: 60px 30px;
  border-radius: 6px;
  text-align: center;
  color: #ffffff;
  background-color: #4f4f4f;
}
.cms-reviews__cta-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.5rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: #ffffff;
  margin: 0;
}
@media (min-width: 940px) {
  .cms-reviews__cta-title {
    font-size: 2rem;
  }
}
.cms-reviews__cta-text {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.cms-rewards {
  display: grid;
  gap: 60px;
}
.cms-rewards__hero {
  display: grid;
  gap: 10px;
  justify-items: start;
  padding: 60px 30px;
  background-color: #4f4f4f;
  color: #ffffff;
  border-radius: 6px;
}
.cms-rewards__hero-icon {
  font-size: 2.5rem;
  color: var(--cp-colour-primary);
}
@media (min-width: 940px) {
  .cms-rewards__hero-icon {
    font-size: 3.5rem;
  }
}
.cms-rewards__hero-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 2.625rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 940px) {
  .cms-rewards__hero-title {
    font-size: 4rem;
  }
}
.cms-rewards__hero-subtitle {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.25rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-primary);
  margin: 0;
}
@media (min-width: 940px) {
  .cms-rewards__hero-subtitle {
    font-size: 1.5rem;
  }
}
.cms-rewards__hero-note {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
  margin: 10px 0 0;
}
.cms-rewards__layout {
  display: grid;
  gap: 30px;
}
@media (min-width: 980px) {
  .cms-rewards__layout {
    grid-template-columns: 2fr 1fr;
    align-items: start;
  }
}
.cms-rewards__content {
  display: grid;
  gap: 60px;
  align-content: start;
}
.cms-rewards__aside {
  display: grid;
  gap: 30px;
  align-content: start;
}
@media (min-width: 980px) {
  .cms-rewards__aside {
    position: sticky;
    top: 30px;
    align-self: start;
  }
}
.cms-rewards__section {
  display: grid;
  gap: 20px;
  justify-items: start;
}
.cms-rewards__section-title {
  text-wrap: balance;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.5rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  margin: 0;
  text-align: left;
}
@media (min-width: 940px) {
  .cms-rewards__section-title {
    font-size: 1.75rem;
  }
}
.cms-rewards__section-text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.7;
  color: var(--cp-colour-on-surface-muted);
  text-align: left;
  max-width: 640px;
}
.cms-rewards__section-text a {
  color: inherit;
  text-decoration: underline;
}
.cms-rewards__section-text a:hover {
  text-decoration: none;
}
.cms-rewards__rates {
  display: grid;
  gap: 15px;
  width: 100%;
}
@media (min-width: 940px) {
  .cms-rewards__rates {
    grid-template-columns: 1fr 1fr;
  }
}
.cms-rewards__rate {
  display: grid;
  gap: 5px;
  align-content: center;
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 6px;
}
.cms-rewards__rate-value {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 1.75rem;
  font-weight: bold;
  font-stretch: ultra-condensed;
  text-transform: uppercase;
  color: var(--cp-colour-primary);
  margin: 0;
}
.cms-rewards__rate-label {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
  margin: 0;
}
.cms-rewards__ways {
  width: 100%;
}
.cms-rewards__details-list {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
  font-size: 0.875rem;
  line-height: 1.6;
  color: var(--cp-colour-on-surface-muted);
  text-align: left;
}
.cms-rewards__sidebar-cta {
  display: grid;
  gap: 15px;
}
.cms-rewards__sidebar-text {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.cms-rewards__details {
  display: grid;
  gap: 5px;
  margin: 0;
}
.cms-rewards__details dt {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-size: 0.875rem;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
}
.cms-rewards__details dt:not(:first-child) {
  margin-top: 15px;
}
.cms-rewards__details dt svg {
  color: var(--cp-colour-primary);
}
.cms-rewards__details dd {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--cp-colour-on-surface-muted);
}
.cms-rewards__details dd a {
  color: inherit;
  text-decoration: none;
}
.cms-rewards__details dd a:hover {
  text-decoration: underline;
}

.ways-to-earn {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ways-to-earn__item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 15px;
  padding: 15px;
}
@media (min-width: 940px) {
  .ways-to-earn__item {
    padding: 15px 20px;
  }
}
.ways-to-earn__item + .ways-to-earn__item {
  border-top: 1px solid var(--cp-colour-border);
}
.ways-to-earn__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  font-size: 0.875rem;
  color: var(--cp-colour-gold);
  background-color: color-mix(in oklch, var(--cp-colour-gold), transparent 88%);
}
.ways-to-earn__text {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.ways-to-earn__title {
  font-size: 0.9375rem;
  font-weight: bold;
  color: var(--cp-colour-on-surface);
}
.ways-to-earn__title a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: var(--cp-colour-border-strong);
  text-underline-offset: 2px;
}
.ways-to-earn__title a:hover {
  text-decoration-color: currentColor;
}
.ways-to-earn__description {
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--cp-colour-on-surface-muted);
}
.ways-to-earn__points {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.9375rem;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
  color: var(--cp-colour-on-surface);
}

.cms-contact .input-radio__input:checked ~ .input-radio__icon--unchecked {
  display: none;
}
.cms-contact .input-radio__input:checked ~ .input-radio__icon--checked {
  display: inline-block;
}
.cms-contact .input-radio__input:not(:checked) ~ .input-radio__icon--unchecked {
  display: inline-block;
}
.cms-contact .input-radio__input:not(:checked) ~ .input-radio__icon--checked {
  display: none;
}

.category__cms [data-content-type=row] > div {
  padding: 0;
  margin: 0;
}

.footer {
  margin-top: 30px;
}

.wishlist-button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--cp-colour-grey3);
  font-size: 1.25rem;
  transition: color 200ms ease, transform 200ms ease;
}
.wishlist-button:hover {
  color: var(--cp-colour-red);
}
.wishlist-button.is-active {
  color: var(--cp-colour-red);
}
.wishlist-button:active {
  transform: scale(1.15);
}
.wishlist-button__label {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.8125rem;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
  transition: color 200ms ease;
}
.wishlist-button:hover .wishlist-button__label {
  color: var(--cp-colour-red);
}
.wishlist-button.is-active .wishlist-button__label {
  color: var(--cp-colour-red);
}
.wishlist-button--small {
  font-size: 1rem;
}
.wishlist-button--small .wishlist-button__label {
  font-size: 0.75rem;
}
.wishlist-button--large {
  font-size: 1.75rem;
}
.wishlist-button--large .wishlist-button__label {
  font-size: 0.875rem;
}

.wishlist-item {
  display: grid;
  align-items: center;
}
@media (min-width: 940px) {
  .wishlist-item {
    gap: 20px;
    grid-template-columns: 96px minmax(0, 1fr) auto auto;
    grid-template-areas: "media details price buy";
  }
}
@media (max-width: 939px) {
  .wishlist-item {
    gap: 15px;
    grid-template-columns: 75px 1fr auto;
    grid-template-areas: "media details details" "price price   buy";
  }
}
.wishlist-item__media {
  grid-area: media;
  align-self: start;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface);
  overflow: hidden;
}
.is-unavailable .wishlist-item__media {
  opacity: 0.6;
}
.wishlist-item__image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.wishlist-item__details {
  grid-area: details;
  display: grid;
  justify-items: start;
  gap: 5px;
  min-width: 0;
}
.wishlist-item__name {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.125rem;
  line-height: 1.25;
  color: var(--cp-colour-on-surface);
}
.wishlist-item__name:hover {
  text-decoration: underline;
}
.wishlist-item__options {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  line-height: 1.3;
  color: var(--cp-colour-on-surface-muted);
}
.wishlist-item__flags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 15px;
}
.wishlist-item__dispatch {
  margin: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  font-style: italic;
  font-weight: bold;
  line-height: 1.3;
  color: var(--cp-colour-on-surface-muted);
}
.wishlist-item__note {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 5px 0 0;
  padding: 5px 10px;
  border-left: 3px solid var(--cp-colour-sand);
  font-size: 0.8125rem;
  font-style: italic;
  line-height: 1.4;
  color: var(--cp-colour-on-surface);
}
.wishlist-item__note i {
  font-size: 0.6875rem;
  color: var(--cp-colour-on-surface-muted);
}
.wishlist-item__note-form {
  display: grid;
  gap: 10px;
  width: 100%;
  max-width: 26.25rem;
  margin-top: 5px;
}
.wishlist-item__note-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.wishlist-item__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 5px;
}
.wishlist-item__actions > * {
  padding: 5px 10px;
  border-left: 1px solid var(--cp-colour-border);
  border-image: linear-gradient(to bottom, transparent 25%, var(--cp-colour-border) 25%, var(--cp-colour-border) 75%, transparent 75%);
  border-image-slice: 1;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.875rem;
  color: var(--cp-colour-on-surface-muted);
}
.wishlist-item__actions > *:first-child {
  padding-left: 0;
  border-left: 0;
}
.wishlist-item__actions button {
  background: none;
  cursor: pointer;
}
.wishlist-item__actions button:hover, .wishlist-item__actions button:focus-visible {
  color: var(--cp-colour-on-surface);
  text-decoration: underline;
}
.wishlist-item__added {
  font-size: 0.75rem;
  color: var(--cp-colour-on-surface-muted);
}
.wishlist-item__price {
  grid-area: price;
  justify-self: end;
}
@media (max-width: 939px) {
  .wishlist-item__price {
    display: none;
  }
}
.wishlist-item__price .price {
  font-weight: normal;
  font-size: 1.125rem;
}
.wishlist-item__price .price__value {
  font-size: 1em;
}
.wishlist-item__price .price__decimal, .wishlist-item__price .price__fractional {
  font-size: 0.625em;
}
.wishlist-item__buy {
  display: contents;
}
.wishlist-item__buy > * {
  grid-area: buy;
  justify-self: end;
}
.wishlist-item__buy .button {
  white-space: nowrap;
}

.wishlist-items {
  display: grid;
}
@media (min-width: 940px) {
  .wishlist-items {
    grid-template-columns: 96px minmax(0, 1fr) auto auto;
    column-gap: 20px;
  }
}
.wishlist-items__header {
  display: none;
}
@media (min-width: 940px) {
  .wishlist-items__header {
    display: grid;
    grid-column: 1/-1;
    grid-template-columns: subgrid;
    padding: 15px 0;
    border-bottom: 1px solid var(--cp-colour-border);
    font-family: "Roboto Flex Variable", "sans-serif";
    font-stretch: ultra-condensed;
    font-size: 1.125rem;
  }
}
.wishlist-items__header .is-end {
  justify-self: end;
}
.wishlist-items__contents {
  display: grid;
}
@media (min-width: 940px) {
  .wishlist-items__contents {
    grid-column: 1/-1;
    grid-template-columns: subgrid;
  }
}
.wishlist-items__contents > .wishlist-item {
  padding: 15px 0;
  border-bottom: 1px solid var(--cp-colour-border);
}
@media (min-width: 940px) {
  .wishlist-items__contents > .wishlist-item {
    grid-column: 1/-1;
    grid-template-columns: subgrid;
  }
}

.wishlist-summary {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "figures total" "actions actions";
  align-items: center;
  gap: 15px;
  padding: 15px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface-raised);
}
@media (min-width: 940px) {
  .wishlist-summary {
    grid-template-columns: 1fr auto auto;
    grid-template-areas: "figures total actions";
    gap: 30px;
    padding: 15px 20px;
  }
}
.wishlist-summary__figures {
  grid-area: figures;
  display: grid;
  gap: 2px;
}
.wishlist-summary__count {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 1.25rem;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface);
}
.wishlist-summary__available {
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface-muted);
}
.wishlist-summary__total {
  grid-area: total;
  display: grid;
  justify-items: end;
  gap: 2px;
}
.wishlist-summary__total .price {
  font-size: 1.375rem;
}
.wishlist-summary__total .price__value {
  font-size: 1em;
}
.wishlist-summary__total .price__decimal, .wishlist-summary__total .price__fractional {
  font-size: 0.625em;
}
.wishlist-summary__total-label {
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface-muted);
}
.wishlist-summary__actions {
  grid-area: actions;
}

.wishlist-share {
  display: grid;
  gap: 20px;
}
.wishlist-share__label {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding: 0;
  font-family: "Roboto Flex Variable", "sans-serif";
  font-stretch: ultra-condensed;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface-muted);
}
.wishlist-share__link-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}
.wishlist-share__url {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--cp-colour-border);
  border-radius: 6px;
  background-color: var(--cp-colour-surface-inset);
  font-size: 0.8125rem;
  color: var(--cp-colour-on-surface);
}
.wishlist-share__email {
  display: grid;
  gap: 15px;
  margin: 0;
  padding: 20px 0 0;
  border: 0;
  border-top: 1px solid var(--cp-colour-border);
}
.wishlist-share__email > legend {
  float: left;
}
.wishlist-share__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.customer-wishlist {
  display: grid;
  gap: 20px;
  align-content: start;
  min-width: 0;
}
.customer-wishlist > * {
  min-width: 0;
}
.customer-wishlist .wishlist-items__header {
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cp-colour-on-surface-muted);
}

@media (width >= 940px) {
  .sidebar .filter-drawer {
    position: static;
    visibility: visible;
    pointer-events: auto;
  }
  .sidebar .filter-drawer .drawer__backdrop {
    display: none;
  }
  .sidebar .filter-drawer .drawer__panel {
    position: static;
    transform: none;
    box-shadow: none;
    width: 100%;
    max-width: none;
    overflow: visible;
  }
  .sidebar .filter-drawer .drawer__header {
    display: none;
  }
  .sidebar .filter-drawer .drawer__body {
    padding: 0;
    overflow: visible;
  }
}
.product-view__buybox .product-list-item-form + .product-list-item-form {
  border-top: 1px solid var(--cp-colour-border);
}

.product-grid-item__add-to-cart.is-adding .button__icon,
.product-grid-item__add-to-cart.is-adding .button__label {
  visibility: hidden;
}

.cms-our-story__cta-backdrop {
  background-image: url("../images/instagram-studio-one.jpg");
}

.customer-dashboard__balances:empty {
  display: none;
}

@media print {
  html:has(.page-print),
  html:has(.page-print) body {
    background: white;
  }
  html:has(.page-print) .main {
    display: block;
  }
  html:has(.page-print) .container {
    max-width: none;
    padding: 0;
  }
}
.customer-order-status .order-payment__amount .price {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
.customer-order-status .order-payment__amount .price .price__value {
  font-size: 1em;
}
.customer-order-status .order-payment__amount .price .price__integral,
.customer-order-status .order-payment__amount .price .price__currency,
.customer-order-status .order-payment__amount .price .price__decimal,
.customer-order-status .order-payment__amount .price .price__fractional {
  font-size: inherit;
  margin: 0;
}

.search-autocomplete-product__pricing .price-box {
  display: block;
  border-radius: 0;
  background: none;
}
.search-autocomplete-product__pricing > .price,
.search-autocomplete-product__pricing .price-box .price {
  width: auto;
  flex-direction: row;
  align-items: baseline;
  row-gap: 0;
  padding: 0;
  background: none;
  color: var(--cp-colour-on-surface);
  font-size: 1rem;
}
.search-autocomplete-product__pricing > .price .price__value,
.search-autocomplete-product__pricing .price-box .price .price__value {
  align-self: auto;
  font-size: 1em;
}
.search-autocomplete-product__pricing.is-sale > .price {
  color: var(--cp-colour-red);
}

.heading--subcategory {
  display: flex;
  flex-direction: row;
  margin: 0;
}
.heading--subcategory::before, .heading--subcategory::after {
  content: "";
  flex: 1 1;
  border-bottom: 1px solid;
  margin: auto;
}
.heading--subcategory::before {
  margin-inline-end: 15px;
}
.heading--subcategory::after {
  margin-inline-start: 15px;
}

.subcategories,
.carousel {
  min-width: 0;
}

.tabs-list h2 {
  font-size: 16px;
}

.review-snippit {
  margin-inline: auto;
  text-align: center;
}

.stockist__brand-logo {
  min-height: 15px;
}

.stockist__brand-logo.is-hidden,
.stockist__brand-name.is-hidden {
  display: none;
}

.product-view {
  grid-template-areas: "title title" "features features" "media details" "content sidebar" "upsell upsell" "categories categories";
}

.checkout-success nav.navigation {
  height: 50px;
}
.checkout-success nav.navigation .menu-item {
  display: none;
}

.print-actions {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

@media print {
  .print-actions {
    display: none !important;
  }
}