@charset "UTF-8";
/*
 * Colors
 * (Named using "Name that color") - http://chir.ag/projects/name-that-color
 * -------------------------------------------------------------------------- */
/**
 * @tokens Colors Base
 * @presenter Color
 */
/**
 * @tokens Colors Promo
 * @presenter Color
 */
/**
 * @tokens Colors System
 * @presenter Color
 */
/**
 * @tokens Colors Others
 * @presenter Color
 */
/* Scrollbars customization */
/* Custom width */
/* Custom width */
/**
 * Hide scrollbars during width/height transition with keyframes
 * Source: https://css-tricks.com/hide-scrollbars-during-an-animation/
 */
@keyframes hide-scroll {
  from, to {
    overflow-y: hidden;
  }
}
/**
 * Map with all possible units to be used by other utilities (i.e. fluid value)
 */
/**
 * Adds unit to a number
 * @param {Number} $value - Value to add unit to
 * @param {String} $unit - String representation of the unit
 * @return {Number} - `$value` expressed in `$unit`
 */
/**
 * Returns a number without units
 */
/**
 * Returns a rem value from a number of pixels.
 * Its uses 16px as root font-size
 */
/**
 * Returns a px value from a number of rems.
 * Its uses 16px as root font-size
 */
/**
 * Returns a rem value from a map
 */
/**
 * Returns a fluid value between two points in the viewport variable dimension.
 * This linear function can be applied to any property (width, font-size, ...).
 * @param {Number} $v1 - Value at init point - Linear function's Y1
 * @param {Number} $v2 - Value at end point - Linear function's Y2
 * @param {Number} $init - Init point in pixels - Linear function's X1
 * @param {Number} $end - End point in pixels - Linear function's X2
 * @param {Number} $var-dim - Variable dimension: 100vw as default, or 100vh, 100%
 * examples:
 * width: byl-linear-fluid-value(70vw, 58vw, 810px, 1024px);
 * padding-bottom: byl-linear-fluid-value(24px, 48px, 1025px, 1920px, 100%);
 * font-size: byl-linear-fluid-value(1rem, 2rem, 320px, 768px),
 * letter-spacing: byl-linear-fluid-value(0, 1px, 768px, 1024px),
 */
/* 1025 is used instead of 1024 because touch devices design is not specified */
/**
 * @tokens Font Families
 * @presenter FontFamily
 */
/** System monospace */
/**
 * @tokens Font Weights
 * @presenter FontWeight
 */
/**
 * @tokens Font Sizes
 * @presenter FontSize
 */
/* Mixin to use if touch devices design is specified */
/* Ignore, hover Device with limited pointing accuracy (touch) */
html {
  /* Internet Explorer */
  scrollbar-face-color: hsl(0, 0%, 66%);
  scrollbar-track-color: transparent;
  /* W3C Working Draft */
  scrollbar-color: hsl(0, 0%, 66%) transparent; /* stylelint-disable-line property-no-unknown */
  box-sizing: border-box;
}
html::-webkit-scrollbar-thumb {
  background-color: hsl(0, 0%, 66%);
  border-radius: 0;
}
html::-webkit-scrollbar-track {
  background-color: transparent;
}
html::-webkit-scrollbar {
  width: 9px;
  height: 9px;
  background-color: hsl(0, 0%, 92%);
}
html :focus {
  outline: 1px solid hsl(0, 0%, 56.5%);
  outline-offset: -1px;
}
html:not(.keynav-mode) :focus,
html:not(.keynav-mode) :focus + label,
html:not(.keynav-mode) :focus + [class*=label] {
  outline: none;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  --uses-typography: "body-base";
  color: hsl(0, 0%, 0%);
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-size: 0.875rem;
  margin: 0;
  overflow-x: hidden;
  background-color: hsl(0, 0%, 100%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button {
  padding: 0;
  padding: initial;
  cursor: pointer;
}

.main {
  position: relative;
}

img {
  max-width: 100%;
}

/* -------------------------------------------------------------------------- *\
 *  INSETS
 * --------------------------------------------------------------------------
 *  An inset offers indents content on all four sides like the matte of the
 *  framed photo on a wall
 *
 *  $inset-X : a b;
 *  $inset-stack-X : a;
 *  $inset-inline-X : b;
 *
 *  -----------------------
 *  |          a          |
 *  |   ---------------   |
 *  | b |             | b |
 *  |   ---------------   |
 *  |          a          |
 *  -----------------------
 *
\* -------------------------------------------------------------------------- */
/**
 * @tokens Inset Block
 * @presenter Spacing
 */
/**
 * @tokens Inset Inline
 * @presenter Spacing
 */
/**
 * @tokens Insets
 * @presenter Spacing
 */
/* -------------------------------------------------------------------------- *\
 *  Main header
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Footer
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Main content
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Landing pages
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Account pages
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Form Login content
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Product Page
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Cart/Minicart
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Article pages
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Home Page
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Customizer
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  CTA static buttons
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  IOS navigator bottom spacing
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *\
 *  Rest of variables
 * -------------------------------------------------------------------------- */
/*
 * https://allyjs.io/tutorials/hiding-elements.html#2017-edition-of-visuallyhidden
 */
/**
 * Extends click zone by adding a pseudo overflowing on the element
 *
 * @param $margins: size overflowing the click zone
 * @param $pseudo: the pseudo where attach the hotzone
 * @param $debug: just to see the zone added
 */
/*
 * https://allyjs.io/tutorials/hiding-elements.html#2017-edition-of-visuallyhidden
 */
.visually-hidden:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
}

.visibility-hidden {
  visibility: hidden;
}

:root {
  --color-sales: hsl(19, 100%, 50%);
}

/*   Font definition    */
/*   FKGrotesk Family   */
@font-face {
  font-weight: 400;
  font-family: "FKGrotesk";
  font-style: normal;
  src: local('FKGrotesk'),  url("../fonts/FKGrotesk-Regular.woff2") format("woff2"), url("../fonts/FKGrotesk-Regular.woff") format("woff"), url("../fonts/FKGrotesk-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-weight: 400;
  font-family: "FKGrotesk";
  font-style: italic;
  src: local('FKGrotesk'),  url("../fonts/FKGrotesk-Italic.woff2") format("woff2"), url("../fonts/FKGrotesk-Italic.woff") format("woff"), url("../fonts/FKGrotesk-Italic.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-weight: 500;
  font-family: "FKGrotesk";
  font-style: normal;
  src: local('FKGrotesk'),  url("../fonts/FKGrotesk-Medium.woff2") format("woff2"), url("../fonts/FKGrotesk-Medium.woff") format("woff"), url("../fonts/FKGrotesk-Medium.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-weight: 500;
  font-family: "FKGrotesk";
  font-style: italic;
  src: local('FKGrotesk'),  url("../fonts/FKGrotesk-MediumItalic.woff2") format("woff2"), url("../fonts/FKGrotesk-MediumItalic.woff") format("woff"), url("../fonts/FKGrotesk-MediumItalic.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-weight: 700;
  font-family: "FKGrotesk";
  font-style: normal;
  src: local('FKGrotesk'),  url("../fonts/FKGrotesk-Bold.woff2") format("woff2"), url("../fonts/FKGrotesk-Bold.woff") format("woff"), url("../fonts/FKGrotesk-Bold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-weight: 700;
  font-family: "FKGrotesk";
  font-style: italic;
  src: local('FKGrotesk'),  url("../fonts/FKGrotesk-BoldItalic.woff2") format("woff2"), url("../fonts/FKGrotesk-BoldItalic.woff") format("woff"), url("../fonts/FKGrotesk-BoldItalic.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-weight: 900;
  font-family: "FKGrotesk";
  font-style: normal;
  src: local('FKGrotesk'),  url("../fonts/FKGrotesk-Black.woff2") format("woff2"), url("../fonts/FKGrotesk-Black.woff") format("woff"), url("../fonts/FKGrotesk-Black.ttf") format("truetype");
  font-display: swap;
}
/*   FKGrotesk Monospace Family   */
@font-face {
  font-weight: 500;
  font-family: "FKGrotesk-Monospaced";
  font-style: normal;
  src: local('FKGrotesk-Monospaced'),  url("../fonts/FKGroteskMono-Medium.woff2") format("woff2"), url("../fonts/FKGroteskMono-Medium.woff") format("woff"), url("../fonts/FKGroteskMono-Medium.ttf") format("truetype");
  font-display: swap;
}
/*   EBGaramond Family   */
@font-face {
  font-weight: 700;
  font-family: "EBGaramond";
  font-style: italic;
  src: local('EBGaramond'),  url("../fonts/EBGaramond-BoldItalic.woff2") format("woff2"), url("../fonts/EBGaramond-BoldItalic.woff") format("woff"), url("../fonts/EBGaramond-BoldItalic.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-weight: 600;
  font-family: "EBGaramond";
  font-style: italic;
  src: local('EBGaramond'),  url("../fonts/EBGaramond-SemiBoldItalic.woff2") format("woff2"), url("../fonts/EBGaramond-SemiBoldItalic.woff") format("woff"), url("../fonts/EBGaramond-SemiBoldItalic.ttf") format("truetype");
  font-display: swap;
}
/*
 * Colors
 * (Named using "Name that color") - http://chir.ag/projects/name-that-color
 * -------------------------------------------------------------------------- */
/**
 * @tokens Colors Base
 * @presenter Color
 */
/**
 * @tokens Colors Promo
 * @presenter Color
 */
/**
 * @tokens Colors System
 * @presenter Color
 */
/**
 * @tokens Colors Others
 * @presenter Color
 */
/* 1025 is used instead of 1024 because touch devices design is not specified */
/*
$carousel-control-prev-icon-bg: str-replace(
  url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='hsl(0, 0%, 0%)' viewBox='0 0 7 7'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"),
  "#",
  "%23"
);
$carousel-control-next-icon-bg: str-replace(
  url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='hsl(0, 0%, 0%)' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"),
  "#",
  "%23"
);
*/
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: hsl(0, 0%, 0%);
  --secondary: hsl(0, 0%, 38%);
  --success: hsl(99, 44%, 46%);
  --info: hsl(245, 100%, 50%);
  --warning: hsl(43, 100%, 50%);
  --danger: hsl(0, 100%, 50%);
  --light: hsl(0, 0%, 78.43%);
  --dark: hsl(0, 0%, 34.5%);
  --breakpoint-xs: 0;
  --breakpoint-sm: 375px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1025px;
  --breakpoint-xl: 1280px;
  --breakpoint-xxl: 1440px;
  --breakpoint-xxxl: 1920px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.container {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 375px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 1025px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 100%;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xxxl,
.col-xxxl-auto, .col-xxxl-12, .col-xxxl-11, .col-xxxl-10, .col-xxxl-9, .col-xxxl-8, .col-xxxl-7, .col-xxxl-6, .col-xxxl-5, .col-xxxl-4, .col-xxxl-3, .col-xxxl-2, .col-xxxl-1, .col-xxl,
.col-xxl-auto, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 375px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1025px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1280px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1440px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 13;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1920px) {
  .col-xxxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xxxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xxxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xxxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xxxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xxxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xxxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xxxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xxxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xxxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxxl-first {
    order: -1;
  }
  .order-xxxl-last {
    order: 13;
  }
  .order-xxxl-0 {
    order: 0;
  }
  .order-xxxl-1 {
    order: 1;
  }
  .order-xxxl-2 {
    order: 2;
  }
  .order-xxxl-3 {
    order: 3;
  }
  .order-xxxl-4 {
    order: 4;
  }
  .order-xxxl-5 {
    order: 5;
  }
  .order-xxxl-6 {
    order: 6;
  }
  .order-xxxl-7 {
    order: 7;
  }
  .order-xxxl-8 {
    order: 8;
  }
  .order-xxxl-9 {
    order: 9;
  }
  .order-xxxl-10 {
    order: 10;
  }
  .order-xxxl-11 {
    order: 11;
  }
  .order-xxxl-12 {
    order: 12;
  }
  .offset-xxxl-0 {
    margin-left: 0;
  }
  .offset-xxxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxxl-3 {
    margin-left: 25%;
  }
  .offset-xxxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxxl-6 {
    margin-left: 50%;
  }
  .offset-xxxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxxl-9 {
    margin-left: 75%;
  }
  .offset-xxxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxxl-11 {
    margin-left: 91.6666666667%;
  }
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 375px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1025px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1280px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1440px) {
  .dropdown-menu-xxl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1920px) {
  .dropdown-menu-xxxl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxxl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: rgb(21.6283783784, 24.25, 26.8716216216);
  text-decoration: none;
  background-color: #f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar > .container,
.navbar > .container-fluid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 374.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 375px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
  }
  .navbar-expand-sm .navbar-collapse {
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
  }
  .navbar-expand-md .navbar-collapse {
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1024.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1025px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
  }
  .navbar-expand-lg .navbar-collapse {
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1279.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1280px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
  }
  .navbar-expand-xl .navbar-collapse {
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1439.98px) {
  .navbar-expand-xxl > .container,
  .navbar-expand-xxl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1440px) {
  .navbar-expand-xxl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xxl > .container,
  .navbar-expand-xxl > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
  }
  .navbar-expand-xxl .navbar-collapse {
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1919.98px) {
  .navbar-expand-xxxl > .container,
  .navbar-expand-xxxl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1920px) {
  .navbar-expand-xxxl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xxxl > .container,
  .navbar-expand-xxxl > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-xxxl .navbar-collapse {
    display: flex !important;
  }
  .navbar-expand-xxxl .navbar-collapse {
    flex-basis: auto;
  }
  .navbar-expand-xxxl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
}
.navbar-expand .navbar-collapse {
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: flex;
  flex-direction: column;
}
.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 375px) {
  .card-deck {
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: flex;
  flex-direction: column;
}
.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 375px) {
  .card-group {
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 375px) {
  .card-columns {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}
.accordion > .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}
.accordion > .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card .card-header {
  margin-bottom: -1px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: rgb(0, 86.1, 178.5);
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: hsl(0, 0%, 0%);
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: hsl(0, 0%, 0%);
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: hsl(0, 0%, 38%);
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: hsl(0, 0%, 28%);
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(96.9, 96.9, 96.9, 0.5);
}

.badge-success {
  color: #fff;
  background-color: hsl(99, 44%, 46%);
}
a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: hsl(99, 44%, 36%);
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(101.8164, 168.912, 65.688, 0.5);
}

.badge-info {
  color: #fff;
  background-color: hsl(245, 100%, 50%);
}
a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: hsl(245, 100%, 40%);
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(21.25, 0, 255, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: hsl(43, 100%, 50%);
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: hsl(43, 100%, 40%);
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 182.75, 0, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: hsl(0, 100%, 50%);
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: hsl(0, 100%, 40%);
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.5);
}

.badge-light {
  color: #212529;
  background-color: hsl(0, 0%, 78.43%);
}
a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: hsl(0, 0%, 68.43%);
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(199.9965, 199.9965, 199.9965, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: hsl(0, 0%, 34.5%);
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: hsl(0, 0%, 24.5%);
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(87.975, 87.975, 87.975, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}
@media (min-width: 375px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: black;
  background-color: #cccccc;
  border-color: rgb(183.6, 183.6, 183.6);
}
.alert-primary hr {
  border-top-color: rgb(170.85, 170.85, 170.85);
}
.alert-primary .alert-link {
  color: black;
}

.alert-secondary {
  color: rgb(50.388, 50.388, 50.388);
  background-color: rgb(223.38, 223.38, 223.38);
  border-color: rgb(210.732, 210.732, 210.732);
}
.alert-secondary hr {
  border-top-color: rgb(197.982, 197.982, 197.982);
}
.alert-secondary .alert-link {
  color: rgb(24.888, 24.888, 24.888);
}

.alert-success {
  color: rgb(52.944528, 87.83424, 34.15776);
  background-color: rgb(224.36328, 237.7824, 217.1376);
  border-color: rgb(212.108592, 230.89536, 201.99264);
}
.alert-success hr {
  border-top-color: rgb(197.9249253333, 222.9242488889, 184.4637511111);
}
.alert-success .alert-link {
  color: rgb(30.810528, 51.11424, 19.87776);
}

.alert-info {
  color: rgb(11.05, 0, 132.6);
  background-color: rgb(208.25, 204, 255);
  border-color: rgb(189.55, 183.6, 255);
}
.alert-info hr {
  border-top-color: rgb(166.175, 158.1, 255);
}
.alert-info .alert-link {
  color: rgb(6.8, 0, 81.6);
}

.alert-warning {
  color: rgb(132.6, 95.03, 0);
  background-color: rgb(255, 240.55, 204);
  border-color: rgb(255, 234.77, 183.6);
}
.alert-warning hr {
  border-top-color: rgb(255, 227.545, 158.1);
}
.alert-warning .alert-link {
  color: rgb(81.6, 58.48, 0);
}

.alert-danger {
  color: rgb(132.6, 0, 0);
  background-color: #ffcccc;
  border-color: rgb(255, 183.6, 183.6);
}
.alert-danger hr {
  border-top-color: rgb(255, 158.1, 158.1);
}
.alert-danger .alert-link {
  color: rgb(81.6, 0, 0);
}

.alert-light {
  color: rgb(103.99818, 103.99818, 103.99818);
  background-color: rgb(243.9993, 243.9993, 243.9993);
  border-color: rgb(239.59902, 239.59902, 239.59902);
}
.alert-light hr {
  border-top-color: rgb(226.84902, 226.84902, 226.84902);
}
.alert-light .alert-link {
  color: rgb(78.49818, 78.49818, 78.49818);
}

.alert-dark {
  color: rgb(45.747, 45.747, 45.747);
  background-color: rgb(221.595, 221.595, 221.595);
  border-color: rgb(208.233, 208.233, 208.233);
}
.alert-dark hr {
  border-top-color: rgb(195.483, 195.483, 195.483);
}
.alert-dark .alert-link {
  color: rgb(20.247, 20.247, 20.247);
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal .list-group-item {
  margin-right: -1px;
  margin-bottom: 0;
}
.list-group-horizontal .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal .list-group-item:last-child {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

@media (min-width: 375px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-sm .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-md .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 1025px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-lg .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 1280px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-xl .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 1440px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-xxl .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 1920px) {
  .list-group-horizontal-xxxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxxl .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-xxxl .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxxl .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}
.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.list-group-flush .list-group-item:last-child {
  margin-bottom: -1px;
}
.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.list-group-item-primary {
  color: black;
  background-color: rgb(183.6, 183.6, 183.6);
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: black;
  background-color: rgb(170.85, 170.85, 170.85);
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: black;
  border-color: black;
}

.list-group-item-secondary {
  color: rgb(50.388, 50.388, 50.388);
  background-color: rgb(210.732, 210.732, 210.732);
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: rgb(50.388, 50.388, 50.388);
  background-color: rgb(197.982, 197.982, 197.982);
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(50.388, 50.388, 50.388);
  border-color: rgb(50.388, 50.388, 50.388);
}

.list-group-item-success {
  color: rgb(52.944528, 87.83424, 34.15776);
  background-color: rgb(212.108592, 230.89536, 201.99264);
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: rgb(52.944528, 87.83424, 34.15776);
  background-color: rgb(197.9249253333, 222.9242488889, 184.4637511111);
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: rgb(52.944528, 87.83424, 34.15776);
  border-color: rgb(52.944528, 87.83424, 34.15776);
}

.list-group-item-info {
  color: rgb(11.05, 0, 132.6);
  background-color: rgb(189.55, 183.6, 255);
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: rgb(11.05, 0, 132.6);
  background-color: rgb(166.175, 158.1, 255);
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: rgb(11.05, 0, 132.6);
  border-color: rgb(11.05, 0, 132.6);
}

.list-group-item-warning {
  color: rgb(132.6, 95.03, 0);
  background-color: rgb(255, 234.77, 183.6);
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: rgb(132.6, 95.03, 0);
  background-color: rgb(255, 227.545, 158.1);
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: rgb(132.6, 95.03, 0);
  border-color: rgb(132.6, 95.03, 0);
}

.list-group-item-danger {
  color: rgb(132.6, 0, 0);
  background-color: rgb(255, 183.6, 183.6);
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: rgb(132.6, 0, 0);
  background-color: rgb(255, 158.1, 158.1);
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: rgb(132.6, 0, 0);
  border-color: rgb(132.6, 0, 0);
}

.list-group-item-light {
  color: rgb(103.99818, 103.99818, 103.99818);
  background-color: rgb(239.59902, 239.59902, 239.59902);
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: rgb(103.99818, 103.99818, 103.99818);
  background-color: rgb(226.84902, 226.84902, 226.84902);
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: rgb(103.99818, 103.99818, 103.99818);
  border-color: rgb(103.99818, 103.99818, 103.99818);
}

.list-group-item-dark {
  color: rgb(45.747, 45.747, 45.747);
  background-color: rgb(208.233, 208.233, 208.233);
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: rgb(45.747, 45.747, 45.747);
  background-color: rgb(195.483, 195.483, 195.483);
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: rgb(45.747, 45.747, 45.747);
  border-color: rgb(45.747, 45.747, 45.747);
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

a.close.disabled {
  pointer-events: none;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 375px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 1025px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1280px) {
  .modal-xl {
    max-width: 1140px;
  }
}
[dir="ltr"] .tooltip{
  text-align: left;
}
[dir="rtl"] .tooltip{
  text-align: right;
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

[dir="ltr"] .popover{
  text-align: left;
}

[dir="rtl"] .popover{
  text-align: right;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc((0.5rem + 1px) * -1);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
  left: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc((0.5rem + 1px) * -1);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid rgb(247.35, 247.35, 247.35);
}

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
  right: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.align-baseline {
  vertical-align: baseline !important;
}

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

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

/**
 * 1. Remove problematic important.
 */
.bg-primary {
  background-color: hsl(0, 0%, 0%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: hsl(0, 0%, -10%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
.bg-secondary {
  background-color: hsl(0, 0%, 38%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: hsl(0, 0%, 28%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
.bg-success {
  background-color: hsl(99, 44%, 46%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: hsl(99, 44%, 36%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
.bg-info {
  background-color: hsl(245, 100%, 50%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: hsl(245, 100%, 40%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
.bg-warning {
  background-color: hsl(43, 100%, 50%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: hsl(43, 100%, 40%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
.bg-danger {
  background-color: hsl(0, 100%, 50%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: hsl(0, 100%, 40%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
.bg-light {
  background-color: hsl(0, 0%, 78.43%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: hsl(0, 0%, 68.43%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
.bg-dark {
  background-color: hsl(0, 0%, 34.5%); /* [1] */
}

/**
 * 1. Remove problematic important.
 */
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: hsl(0, 0%, 24.5%); /* [1] */
}

.bg-white {
  background-color: #fff !important;
}

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

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: hsl(0, 0%, 0%) !important;
}

.border-secondary {
  border-color: hsl(0, 0%, 38%) !important;
}

.border-success {
  border-color: hsl(99, 44%, 46%) !important;
}

.border-info {
  border-color: hsl(245, 100%, 50%) !important;
}

.border-warning {
  border-color: hsl(43, 100%, 50%) !important;
}

.border-danger {
  border-color: hsl(0, 100%, 50%) !important;
}

.border-light {
  border-color: hsl(0, 0%, 78.43%) !important;
}

.border-dark {
  border-color: hsl(0, 0%, 34.5%) !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 375px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1025px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1280px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1440px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1920px) {
  .d-xxxl-none {
    display: none !important;
  }
  .d-xxxl-inline {
    display: inline !important;
  }
  .d-xxxl-inline-block {
    display: inline-block !important;
  }
  .d-xxxl-block {
    display: block !important;
  }
  .d-xxxl-table {
    display: table !important;
  }
  .d-xxxl-table-row {
    display: table-row !important;
  }
  .d-xxxl-table-cell {
    display: table-cell !important;
  }
  .d-xxxl-flex {
    display: flex !important;
  }
  .d-xxxl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 375px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1025px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1280px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1440px) {
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1920px) {
  .flex-xxxl-row {
    flex-direction: row !important;
  }
  .flex-xxxl-column {
    flex-direction: column !important;
  }
  .flex-xxxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xxxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xxxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxxl-center {
    justify-content: center !important;
  }
  .justify-content-xxxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxxl-around {
    justify-content: space-around !important;
  }
  .align-items-xxxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxxl-center {
    align-items: center !important;
  }
  .align-items-xxxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxxl-center {
    align-content: center !important;
  }
  .align-content-xxxl-between {
    align-content: space-between !important;
  }
  .align-content-xxxl-around {
    align-content: space-around !important;
  }
  .align-content-xxxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxxl-auto {
    align-self: auto !important;
  }
  .align-self-xxxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxxl-center {
    align-self: center !important;
  }
  .align-self-xxxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxxl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 375px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 1025px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1280px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
@media (min-width: 1440px) {
  .float-xxl-left {
    float: left !important;
  }
  .float-xxl-right {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
}
@media (min-width: 1920px) {
  .float-xxxl-left {
    float: left !important;
  }
  .float-xxxl-right {
    float: right !important;
  }
  .float-xxxl-none {
    float: none !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 375px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1025px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1440px) {
  .m-xxl-0 {
    margin: 0 !important;
  }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important;
  }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important;
  }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: 1rem !important;
  }
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: 1rem !important;
  }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: 3rem !important;
  }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: 3rem !important;
  }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: 3rem !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important;
  }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important;
  }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: 1rem !important;
  }
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: 1rem !important;
  }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: 3rem !important;
  }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: 3rem !important;
  }
  .m-xxl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xxl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xxl-n3 {
    margin: -1rem !important;
  }
  .mt-xxl-n3,
  .my-xxl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xxl-n3,
  .mx-xxl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xxl-n3,
  .my-xxl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xxl-n3,
  .mx-xxl-n3 {
    margin-left: -1rem !important;
  }
  .m-xxl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xxl-n5 {
    margin: -3rem !important;
  }
  .mt-xxl-n5,
  .my-xxl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xxl-n5,
  .mx-xxl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xxl-n5,
  .my-xxl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xxl-n5,
  .mx-xxl-n5 {
    margin-left: -3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1920px) {
  .m-xxxl-0 {
    margin: 0 !important;
  }
  .mt-xxxl-0,
  .my-xxxl-0 {
    margin-top: 0 !important;
  }
  .mr-xxxl-0,
  .mx-xxxl-0 {
    margin-right: 0 !important;
  }
  .mb-xxxl-0,
  .my-xxxl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xxxl-0,
  .mx-xxxl-0 {
    margin-left: 0 !important;
  }
  .m-xxxl-1 {
    margin: 0.25rem !important;
  }
  .mt-xxxl-1,
  .my-xxxl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xxxl-1,
  .mx-xxxl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xxxl-1,
  .my-xxxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xxxl-1,
  .mx-xxxl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xxxl-2 {
    margin: 0.5rem !important;
  }
  .mt-xxxl-2,
  .my-xxxl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xxxl-2,
  .mx-xxxl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xxxl-2,
  .my-xxxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xxxl-2,
  .mx-xxxl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xxxl-3 {
    margin: 1rem !important;
  }
  .mt-xxxl-3,
  .my-xxxl-3 {
    margin-top: 1rem !important;
  }
  .mr-xxxl-3,
  .mx-xxxl-3 {
    margin-right: 1rem !important;
  }
  .mb-xxxl-3,
  .my-xxxl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xxxl-3,
  .mx-xxxl-3 {
    margin-left: 1rem !important;
  }
  .m-xxxl-4 {
    margin: 1.5rem !important;
  }
  .mt-xxxl-4,
  .my-xxxl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xxxl-4,
  .mx-xxxl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xxxl-4,
  .my-xxxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xxxl-4,
  .mx-xxxl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xxxl-5 {
    margin: 3rem !important;
  }
  .mt-xxxl-5,
  .my-xxxl-5 {
    margin-top: 3rem !important;
  }
  .mr-xxxl-5,
  .mx-xxxl-5 {
    margin-right: 3rem !important;
  }
  .mb-xxxl-5,
  .my-xxxl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xxxl-5,
  .mx-xxxl-5 {
    margin-left: 3rem !important;
  }
  .p-xxxl-0 {
    padding: 0 !important;
  }
  .pt-xxxl-0,
  .py-xxxl-0 {
    padding-top: 0 !important;
  }
  .pr-xxxl-0,
  .px-xxxl-0 {
    padding-right: 0 !important;
  }
  .pb-xxxl-0,
  .py-xxxl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xxxl-0,
  .px-xxxl-0 {
    padding-left: 0 !important;
  }
  .p-xxxl-1 {
    padding: 0.25rem !important;
  }
  .pt-xxxl-1,
  .py-xxxl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xxxl-1,
  .px-xxxl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xxxl-1,
  .py-xxxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xxxl-1,
  .px-xxxl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xxxl-2 {
    padding: 0.5rem !important;
  }
  .pt-xxxl-2,
  .py-xxxl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xxxl-2,
  .px-xxxl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xxxl-2,
  .py-xxxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xxxl-2,
  .px-xxxl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xxxl-3 {
    padding: 1rem !important;
  }
  .pt-xxxl-3,
  .py-xxxl-3 {
    padding-top: 1rem !important;
  }
  .pr-xxxl-3,
  .px-xxxl-3 {
    padding-right: 1rem !important;
  }
  .pb-xxxl-3,
  .py-xxxl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xxxl-3,
  .px-xxxl-3 {
    padding-left: 1rem !important;
  }
  .p-xxxl-4 {
    padding: 1.5rem !important;
  }
  .pt-xxxl-4,
  .py-xxxl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xxxl-4,
  .px-xxxl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xxxl-4,
  .py-xxxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xxxl-4,
  .px-xxxl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xxxl-5 {
    padding: 3rem !important;
  }
  .pt-xxxl-5,
  .py-xxxl-5 {
    padding-top: 3rem !important;
  }
  .pr-xxxl-5,
  .px-xxxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxxl-5,
  .py-xxxl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xxxl-5,
  .px-xxxl-5 {
    padding-left: 3rem !important;
  }
  .m-xxxl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xxxl-n1,
  .my-xxxl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xxxl-n1,
  .mx-xxxl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xxxl-n1,
  .my-xxxl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xxxl-n1,
  .mx-xxxl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xxxl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xxxl-n2,
  .my-xxxl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xxxl-n2,
  .mx-xxxl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xxxl-n2,
  .my-xxxl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xxxl-n2,
  .mx-xxxl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xxxl-n3 {
    margin: -1rem !important;
  }
  .mt-xxxl-n3,
  .my-xxxl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xxxl-n3,
  .mx-xxxl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xxxl-n3,
  .my-xxxl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xxxl-n3,
  .mx-xxxl-n3 {
    margin-left: -1rem !important;
  }
  .m-xxxl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xxxl-n4,
  .my-xxxl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xxxl-n4,
  .mx-xxxl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xxxl-n4,
  .my-xxxl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xxxl-n4,
  .mx-xxxl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xxxl-n5 {
    margin: -3rem !important;
  }
  .mt-xxxl-n5,
  .my-xxxl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xxxl-n5,
  .mx-xxxl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xxxl-n5,
  .my-xxxl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xxxl-n5,
  .mx-xxxl-n5 {
    margin-left: -3rem !important;
  }
  .m-xxxl-auto {
    margin: auto !important;
  }
  .mt-xxxl-auto,
  .my-xxxl-auto {
    margin-top: auto !important;
  }
  .mr-xxxl-auto,
  .mx-xxxl-auto {
    margin-right: auto !important;
  }
  .mb-xxxl-auto,
  .my-xxxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxxl-auto,
  .mx-xxxl-auto {
    margin-left: auto !important;
  }
}
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 375px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1025px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1280px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1440px) {
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1920px) {
  .text-xxxl-left {
    text-align: left !important;
  }
  .text-xxxl-right {
    text-align: right !important;
  }
  .text-xxxl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: hsl(0, 0%, 0%) !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: hsl(0, 0%, 0%) !important;
}

.text-secondary {
  color: hsl(0, 0%, 38%) !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: hsl(0, 0%, 23%) !important;
}

.text-success {
  color: hsl(99, 44%, 46%) !important;
}

a.text-success:hover, a.text-success:focus {
  color: hsl(99, 44%, 31%) !important;
}

.text-info {
  color: hsl(245, 100%, 50%) !important;
}

a.text-info:hover, a.text-info:focus {
  color: hsl(245, 100%, 35%) !important;
}

.text-warning {
  color: hsl(43, 100%, 50%) !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: hsl(43, 100%, 35%) !important;
}

.text-danger {
  color: hsl(0, 100%, 50%) !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: hsl(0, 100%, 35%) !important;
}

.text-light {
  color: hsl(0, 0%, 78.43%) !important;
}

a.text-light:hover, a.text-light:focus {
  color: hsl(0, 0%, 63.43%) !important;
}

.text-dark {
  color: hsl(0, 0%, 34.5%) !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: hsl(0, 0%, 19.5%) !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
/**
 * Returns a speed from the $transition-times list
 */
/**
 * Returns a curve from the $transition-curves list
 */
/**
 * Returns a transition string
 * used internally by byl-transition and byl-complex-transition mixins
 * @param {string} property - property to be transitioned (i.e. width)
 * @param {number} speed - passed directly or through the speed function (i.e. 150ms or speed(t2))
 * @param {string} curve - passed directly or through the curve function (i.e. linear or curve(ease2))
 * @param {number} delay - passed directly or through the speed function (i.e. 10ms or speed(t1))
 */
/*
 * Returns a transition with one or multiple properties and common speed, curve and delay.
 * @param {String,List} string with the property, or each value of the list is a property
 * @param {number} speed - passed directly or through the speed function (i.e. 150ms or speed(t2))
 * @param {string} curve - passed directly or through the curve function (i.e. linear or curve(ease2))
 * @param {number} delay - passed directly or through the speed function (i.e. 10ms or speed(t1))
 * Examples of use:
 * @include byl-transition((border-color));
 * @include byl-transition((border-color, height), speed(t2));
 * @include byl-transition((border-color, height), null, curve(ease3));
*/
/*
 * Returns a transition with multiple properties and independent speed, curve and delay.
 * @param {List} each value of the list is in turn a list for each transition properties and values
 * Expected order in each transition will be property, speed, curve and delay
 * Examples of use:
 * @include byl-complex-transition((height, speed(t3)), (opacity, null, curve(ease3)));
*/
/* -------------------------------------------------------------------------- *\
==============
| The Search |
==============
MOBILE:  Header < Search            PDPModals must hide the main header
                                    to show only a back button (as APP)
                                    Reference: SF-7800
------------------------------------------------------------------------
TABLET:                             no relevance
------------------------------------------------------------------------
DESKTOP: Header > Search            Subcategories must be viewed over
                                    the search form and its results
                                    Reference: SF-11932
\* -------------------------------------------------------------------------- */
.header-no-menu .logo, .header__logo,
.header > .logo {
  padding-left: 16px;
}
@media (min-width: 1025px) {
  .header-no-menu .logo, .header__logo,
  .header > .logo {
    position: relative;
    z-index: 9999;
    padding-left: 32px;
  }
}

.header-no-menu .logo__image, .header__logo img,
.header > .logo img {
  --header-logo-height: 15px;
  max-width: none;
  height: var(--header-logo-height);
}
@media (min-width: 575px) {
  .header-no-menu .logo__image, .header__logo img,
  .header > .logo img {
    --header-logo-height: calc(0.0111111111 * 100vw + 8.6111111111px);
  }
}
@media (min-width: 1025px) {
  .header-no-menu .logo__image, .header__logo img,
  .header > .logo img {
    --header-logo-height: calc(0.0089385475 * 100vw + 14.8379888268px);
  }
}
@media (min-width: 1920px) {
  .header-no-menu .logo__image, .header__logo img,
  .header > .logo img {
    --header-logo-height: 32px;
  }
}

@media (min-width: 1025px) {
  .header--background-transparent-white.header-group, .header--background-transparent.header-group {
    position: fixed;
  }
  .header--background-transparent-white.header-group .header:not(.header--search-open):not(.header--header-popup-open), .header--background-transparent.header-group .header:not(.header--search-open):not(.header--header-popup-open) {
    transition: background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
    background-color: transparent;
  }
  .header--background-transparent-white.header-group .header:not(.header--search-open):not(.header--header-popup-open):hover, .header--background-transparent.header-group .header:not(.header--search-open):not(.header--header-popup-open):hover, .header--background-transparent-white.header-group .header:not(.header--search-open):not(.header--header-popup-open):focus, .header--background-transparent.header-group .header:not(.header--search-open):not(.header--header-popup-open):focus {
    background-color: hsl(0, 0%, 100%);
  }
}

.header {
  position: relative;
  z-index: 30;
  display: grid;
  grid-template: "logo   nav" 40px/auto auto;
  width: 100vw;
  height: 40px;
  background-color: hsl(0, 0%, 100%);
}
@media (min-width: 1025px) {
  .header {
    grid-template: "logo logo" "menu nav" auto;
    grid-template-columns: minmax(0, 1fr) min-content;
    height: auto;
  }
}
.header__logo,
.header > .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: logo;
  align-self: flex-end;
  justify-self: flex-start;
  place-self: flex-end flex-start;
  padding-bottom: 6px;
  line-height: 0;
}
@media (min-width: 768px) {
  .header__logo,
  .header > .logo {
    padding-bottom: 0.1875rem;
  }
}
@media (min-width: 1025px) {
  .header__logo,
  .header > .logo {
    padding-top: 1.125rem;
    padding-bottom: 0;
  }
}
.header__logo h1,
.header > .logo h1 {
  margin: 0;
  font-size: 1em;
  line-height: 0;
}
.header__logo a,
.header > .logo a {
  padding: 0;
}
@media (min-width: 1025px) {
  .header__menu,
  .header > .the-menu {
    grid-area: menu;
    align-self: flex-end;
    padding: calc(0.0044692737 * 100vw + 3.4189944134px) 0 0.4375rem 32px;
  }
}
@media (min-width: 1280px) {
  .header__menu,
  .header > .the-menu {
    padding-bottom: 0.5625rem;
  }
}
@media (min-width: 1530px) {
  .header__menu,
  .header > .the-menu {
    padding-bottom: 8px;
  }
}
.header__nav,
.header > .navbar-header {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: nav;
  align-self: flex-end;
  padding: 0 16px 0.4375rem 1.25rem;
}
@media (min-width: 1025px){
  .header__logo,
.header > .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .header__menu,
  .header > .the-menu {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .header__nav,
.header > .navbar-header {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
@media (min-width: 768px) {
  .header__nav,
  .header > .navbar-header {
    padding-bottom: 0.3125rem;
  }
}
@media (min-width: 1025px) {
  .header__nav,
  .header > .navbar-header {
    padding: 0 16px 6px 48px;
  }
}
@media (min-width: 1280px) {
  .header__nav,
  .header > .navbar-header {
    padding-bottom: 0.5rem;
  }
}
@media (min-width: 1440px) {
  .header__nav,
  .header > .navbar-header {
    padding-right: 24px;
  }
}
@media (min-width: 1025px) {
  .header--reduce-logo {
    --logo-height: calc(0.0089385475 * 100vw + 22.8379888268px);
  }
}
@media (min-width: 1920px) {
  .header--reduce-logo {
    --logo-height: 40px;
  }
}
.header--reduce-logo .logo img {
  transition: height 400ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
  will-change: height;
}
@media (min-width: 1025px) {
  .header--reduce-logo .logo img {
    --header-logo-height: var(--logo-height);
  }
}
@media (min-width: 1025px) {
  .header--background-transparent-white.header-group {
    --icons-color-filter: invert(100%) sepia(2%) saturate(7%) hue-rotate(29deg) brightness(105%) contrast(102%);
  }
  .header--background-transparent-white.header-group:not(:hover) .header:not(.header--search-open):not(.header--header-popup-open) .logo__image,
  .header--background-transparent-white.header-group:not(:hover) .header:not(.header--search-open):not(.header--header-popup-open) .navbar-header__link {
    filter: none;
    filter: var(--icons-color-filter, none);
  }
  .header--background-transparent-white.header-group:not(:hover) .header:not(.header--search-open):not(.header--header-popup-open) .the-menu-item__link {
    color: hsl(0, 0%, 100%);
  }
  .header--background-transparent-white.header-group:not(:hover) .header:not(.header--search-open):not(.header--header-popup-open) .the-menu-item__link--highlight {
    color: hsl(0, 0%, 0%);
    color: var(--category-color-desktop, hsl(0, 0%, 0%));
  }
}

@media (min-width: 1025px) {
  .scroll-animations--active .header--reduce-logo .logo__image,
  .base-modal-open .header--reduce-logo .logo__image {
    height: calc(var(--header-logo-height) * 0.8);
  }
  .scroll-animations--active .header--background-transparent, .scroll-animations--active .header--background-transparent-white,
  .base-modal-open .header--background-transparent,
  .base-modal-open .header--background-transparent-white {
    --icons-color-filter: none;
  }
  .scroll-animations--active .header--background-transparent .header:not(.header--search-open):not(.header--header-popup-open), .scroll-animations--active .header--background-transparent-white .header:not(.header--search-open):not(.header--header-popup-open),
  .base-modal-open .header--background-transparent .header:not(.header--search-open):not(.header--header-popup-open),
  .base-modal-open .header--background-transparent-white .header:not(.header--search-open):not(.header--header-popup-open) {
    background-color: hsl(0, 0%, 100%);
    /* stylelint-disable-next-line max-nesting-depth, selector-max-compound-selectors */
  }
  .scroll-animations--active .header--background-transparent .header:not(.header--search-open):not(.header--header-popup-open) .the-menu .the-menu-item__link, .scroll-animations--active .header--background-transparent-white .header:not(.header--search-open):not(.header--header-popup-open) .the-menu .the-menu-item__link,
  .base-modal-open .header--background-transparent .header:not(.header--search-open):not(.header--header-popup-open) .the-menu .the-menu-item__link,
  .base-modal-open .header--background-transparent-white .header:not(.header--search-open):not(.header--header-popup-open) .the-menu .the-menu-item__link {
    color: hsl(0, 0%, 0%);
    color: var(--category-color-desktop, hsl(0, 0%, 0%));
  }
  .scroll-animations--active .header-group,
  .base-modal-open .header-group {
    position: sticky;
  }
}

.header-group {
  position: sticky;
  top: 0;
  z-index: 30;
  width: 100%;
}
.header-group[\:has\(.the-search-ai--open\)] {
  z-index: 31;
}
.header-group:has(.the-search-ai--open) {
  z-index: 31;
}

.header-no-menu {
  overflow: hidden;
}
.header-no-menu__nav-row {
  display: flex;
  padding-top: 1.5rem;
}
@media (min-width: 575px) {
  .header-no-menu__nav-row {
    display: grid;
    grid-template-areas: "back title .";
    grid-template-columns: 1fr 500px 1fr;
  }
}
@media (min-width: 768px) {
  .header-no-menu__nav-row {
    grid-gap: 0.125rem;
    grid-template-areas: "back" "title";
    grid-template-columns: auto;
    margin-top: 1rem;
    padding-top: 0;
  }
}
@media (min-width: 810px) {
  .header-no-menu__nav-row {
    grid-gap: 0;
    grid-template-areas: "back title .";
    grid-template-columns: 1fr 500px 1fr;
  }
}
@media (min-width: 1025px) {
  .header-no-menu__nav-row {
    grid-template-columns: auto 500px 44vw;
  }
}
@media (min-width: 1280px) {
  .header-no-menu__nav-row {
    grid-template-columns: auto max(500px, 35vw) 39vw;
  }
}
.header-no-menu__back-link {
  grid-area: back;
  align-self: center;
  justify-self: flex-end;
  place-self: center flex-end;
  margin-right: 0.5rem;
  margin-left: 1rem;
  padding: 0;
  line-height: 1.2em;
}
@media (min-width: 768px) {
  .header-no-menu__back-link {
    justify-self: flex-start;
    margin-right: 0;
  }
}
@media (min-width: 810px) {
  .header-no-menu__back-link {
    justify-self: flex-end;
    margin-right: 0.5rem;
  }
}
@media (min-width: 1025px) {
  .header-no-menu__back-link {
    margin-right: calc(0.0089385475 * 100vw + -1.1620111732px);
  }
}
@media (min-width: 1920px) {
  .header-no-menu__back-link {
    margin-right: 1rem;
  }
}
.header-no-menu .logo {
  display: flex;
  padding-top: 16px;
}
.header-no-menu .page-title {
  --uses-typography: "checkout-page-title";
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-size: 0.875rem;
  font-weight: 900;
  text-transform: uppercase;
  grid-area: title;
  align-self: center;
  margin: 0;
}
@media (min-width: 575px){
  .header-no-menu__back-link {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header-no-menu .page-title {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
@media (min-width: 768px){
  .header-no-menu__back-link {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header-no-menu .page-title {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media (min-width: 810px){
  .header-no-menu__back-link {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header-no-menu .page-title {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}
@media (min-width: 1025px) {
  .header-no-menu .page-title {
    font-size: calc(0.0111731844 * 100vw + 28.5474860335px);
  }
}
@media (min-width: 1920px) {
  .header-no-menu .page-title {
    font-size: 3.125rem;
  }
}
@media (min-width: 768px) {
  .header-no-menu .page-title {
    margin-left: 1rem;
  }
}
@media (min-width: 810px) {
  .header-no-menu .page-title {
    margin-left: 0;
  }
}

/**
 * Returns a new string with some or all matches of a pattern replaced by a replacement
 * @param {String} $string - Initial string
 * @param {String} $search - Value to replace
 * @param {String} $replace - Replacement
 * @return {String} New string
 */
/*
  NOTE: Setup the svg.
    1- export the svg from the sketch in abstract
    2- go to optimizer, https://jakearchibald.github.io/svgomg/
    3- Copy source, check if need to have some changes in the path or fill.
*/
/* stylelint-disable scss/operator-no-unspaced */
/**
 * Payment cards used in account, visa, mastercard,
 */
/* stylelint-enable scss/operator-no-unspaced */
/**
 * Returns an url encoded SVG with the given color
 * @param {String} $icon - SVG code
 * @param {String} $fill-color - Fill color
 * @param {String} $stroke-color - Stroke color
 * @return {String} URL encoded svg
 */
.header-banner {
  --uses-typography: "header-banner";
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-size: calc(0.001875 * 100vw + 11.4px);
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: var(--text-color-hbanner);
  background-color: var(--background-color-hbanner);
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.3);
}
@media (min-width: 1920px) {
  .header-banner {
    font-size: 0.9375rem;
  }
}
.header-banner > .content {
  flex-grow: 1;
  width: 90%;
  padding-right: 16px;
}
.header-banner .html-slot-container {
  display: flex;
  align-items: center;
  width: 100%;
  height: 1.6875rem;
  overflow: hidden;
  line-height: 1.6875rem;
  white-space: nowrap;
}
@keyframes slider-top-banner {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
.header-banner .html-slot-container > div {
  max-width: 100%;
  padding: 0;
}
.header-banner .html-slot-container span {
  display: inline-block;
  box-sizing: border-box;
  min-width: 100%;
  padding: 0 24px;
  overflow: hidden;
  text-align: center;
  vertical-align: bottom;
  animation: slider-top-banner var(--animation-time-hbanner) infinite linear;
  will-change: transform;
}
@media (min-width: 1025px) {
  .header-banner .html-slot-container span {
    animation: slider-top-banner var(--animation-time-desktop-hbanner) infinite linear;
  }
}
.header-banner:hover div > span {
  animation-play-state: paused;
}
.header-banner .btn-close {
  padding-right: 12px;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><g fill-rule="evenodd"><path d="M0 1.944L1.944 0l15.91 15.91-1.944 1.944z" fill="hsl(0, 0%, 0%)"/><path d="M15.91 0l1.944 1.944-15.91 15.91L0 15.91z" fill="hsl(0, 0%, 0%)"/></g></svg>');
}
@media (min-width: 1530px) {
  .header-banner .btn-close {
    padding-right: 24px;
  }
}

.navbar-header {
  position: static;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 100%;
  overflow: hidden;
}
.navbar-header__link {
  --uses-typography: "header-navbar";
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  box-sizing: content-box;
  margin: 0;
  overflow: hidden;
  color: transparent;
  white-space: nowrap;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 1025px) {
  .navbar-header__link {
    font-size: calc(0.0044692737 * 100vw + 9.4189944134px);
  }
}
@media (min-width: 1920px) {
  .navbar-header__link {
    font-size: 1.125rem;
    letter-spacing: 0.0375rem;
  }
}
@media (max-width: 574px) {
  .navbar-header__link {
    overflow: visible;
    position: relative;
  }
  .navbar-header__link::after {
    --hotzone-margins: 12px;
    position: absolute;
    top: calc(-1 * var(--hotzone-margins));
    left: calc(-1 * var(--hotzone-margins));
    width: calc(100% + 2 * var(--hotzone-margins));
    height: calc(100% + 2 * var(--hotzone-margins));
    content: "";
    background: transparent;
  }
}
@media (min-width: 1025px) {
  .navbar-header__link {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity 0.1s ease-in-out;
  }
}
.navbar-header__link ~ .navbar-header__link {
  margin-left: 16px;
}
@media (min-width: 1025px) {
  .navbar-header__link:active {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
}
.navbar-header .search {
  width: 0.8125rem;
  height: 0.875rem;
  margin-bottom: 0.125rem;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 14"><g transform="translate(1 1)" stroke="hsl(0, 0%, 0%)" stroke-width="1.651" fill="none" fill-rule="evenodd"><ellipse cx="4.207" cy="4.214" rx="4.207" ry="4.214"/><path stroke-linecap="square" d="M11 11 7.442 7.445"/></g></svg>');
}
@media (min-width: 768px) {
  .navbar-header .search {
    margin-bottom: 0.0625rem;
  }
}
@media (min-width: 1025px) {
  .navbar-header .search {
    margin-bottom: 0.125rem;
  }
}
@media (min-width: 1440px) {
  .navbar-header .search {
    margin-bottom: 0.1875rem;
  }
}
.navbar-header .search--text {
  width: auto;
  height: auto;
  margin-bottom: 0;
  color: inherit;
  text-indent: 0;
  background-image: none;
}
.navbar-header .search--ai {
  display: none;
  width: 1.4375rem;
  height: 1.125rem;
  background-image: url('data:image/svg+xml;utf-8,<svg width="22" height="19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.033 6.874a3.385 3.385 0 0 0-3.382 3.388 3.385 3.385 0 0 0 3.382 3.389 3.385 3.385 0 0 0 3.381-3.389 3.385 3.385 0 0 0-3.382-3.388zM9 10.262a5.036 5.036 0 0 1 5.033-5.04 5.036 5.036 0 0 1 5.032 5.04 5.036 5.036 0 0 1-5.033 5.04A5.036 5.036 0 0 1 9 10.262z" fill="hsl(0, 0%, 0%)"/><path fill-rule="evenodd" clip-rule="evenodd" d="m17.267 12.324 4.726 4.722-1.167 1.168-4.726-4.722 1.167-1.168z" fill="hsl(0, 0%, 0%)"/><path d="M11.996 5.527c-.253.029-.508.055-.76.087-.812.102-1.621.207-2.403.463-.887.29-1.468.871-1.758 1.744a9.228 9.228 0 0 0-.368 1.662c-.068.496-.126.993-.189 1.49 0 .005-.008.01-.023.027-.03-.257-.056-.502-.087-.746-.11-.853-.217-1.707-.508-2.525-.31-.874-.933-1.414-1.818-1.685a10.55 10.55 0 0 0-1.79-.361c-.416-.052-.832-.099-1.248-.148-.015-.001-.028-.007-.044-.037.057-.01.113-.026.17-.031.826-.086 1.653-.175 2.46-.376a5.755 5.755 0 0 0 1.039-.37c.587-.275.959-.753 1.193-1.341a6.919 6.919 0 0 0 .396-1.57c.086-.586.152-1.174.227-1.762.001-.01.01-.02.027-.048.03.248.054.476.083.704.105.826.212 1.65.467 2.45.308.965.965 1.559 1.94 1.838.624.18 1.26.285 1.903.363.331.04.663.077.994.117.035.004.068.017.101.026l-.005.028h.001z" fill="hsl(0, 0%, 0%)" style="transform-box:fill-box;transform-origin:50% 50%"><animateTransform type="scale" additive="sum" attributeName="transform" values="0 0;0 0;1 1" dur="3.5s" fill="freeze" keyTimes="0; 0.71429; 1"/></path><path d="M2.662 8c.063.411.12.824.192 1.234.14.8.518 1.19 1.296 1.333.348.064.7.11 1.051.164.04.006.078.017.114.045-.264.035-.53.06-.792.11-.268.05-.538.11-.797.196-.468.155-.722.524-.82.996-.094.44-.148.89-.219 1.334-.005.036-.008.073-.036.11-.019-.16-.03-.323-.057-.482-.058-.344-.107-.69-.189-1.03-.148-.613-.573-.926-1.153-1.038-.413-.08-.829-.14-1.252-.223.107-.015.214-.026.32-.046.386-.07.775-.127 1.155-.221.52-.13.83-.497.942-1.02.095-.445.147-.899.218-1.349.006-.037.01-.074.014-.11L2.662 8V8z" fill="hsl(0, 0%, 0%)" style="transform-box:fill-box;transform-origin:50% 50%"><animateTransform type="scale" additive="sum" attributeName="transform" values="0 0;0 0;1 1" dur="3s" fill="freeze" keyTimes="0; 0.66667; 1"/></path></svg>');
}
@media (min-width: 1025px) {
  .navbar-header .search--ai {
    display: block;
  }
}
.navbar-header .account {
  width: 0.9375rem;
  height: 1rem;
  margin-bottom: 2px;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 18"><g stroke="hsl(0, 0%, 0%)" stroke-width="2" fill="none" fill-rule="evenodd"><ellipse cx="8.5" cy="5.318" rx="4.262" ry="4.318"/><path d="M1 11.636h15V17H1z"/></g></svg>');
}
@media (min-width: 768px) {
  .navbar-header .account {
    margin-bottom: 0.0625rem;
  }
}
@media (min-width: 1025px) {
  .navbar-header .account {
    margin-bottom: 2px;
  }
}
@media (min-width: 1440px) {
  .navbar-header .account {
    margin-bottom: 0.1875rem;
  }
}
.navbar-header .account--authenticated {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 18"><g stroke="hsl(0, 0%, 0%)" stroke-width="2" fill="hsl(0, 0%, 0%)" fill-rule="evenodd"><ellipse cx="8.5" cy="5.318" rx="4.262" ry="4.318"/><path d="M1 11.636h15V17H1z"/></g></svg>');
}
.navbar-header .help {
  color: inherit;
}

@keyframes show-new-number {
  0% {
    background: hsl(0, 0%, 100%);
    transform: scale(1.1);
  }
  50% {
    background: hsl(0, 0%, 0%);
    transform: scale(1.1);
  }
  100% {
    transform: none;
  }
}
.minicart {
  --uses-typography: "header-cart";
  font-size: 0.6875rem;
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  place-content: center center;
  width: 1.3125rem;
  height: 1.3125rem;
  padding: 0;
  overflow: visible;
  color: hsl(0, 0%, 100%);
  text-align: center;
  border-radius: 50%;
}
@media (min-width: 1440px) {
  .minicart {
    font-size: 0.75rem;
  }
}
@media (min-width: 575px) {
  .minicart {
    width: 1.125rem;
    height: 1.125rem;
  }
}
@media (min-width: 1280px) {
  .minicart {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media (min-width: 1440px) {
  .minicart {
    width: 1.375rem;
    height: 1.375rem;
  }
}
.minicart::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: hsl(0, 0%, 0%);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}
.minicart .number {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  transform: translate(-50%, -50%);
  transition: opacity 100ms;
  pointer-events: none;
}
.minicart .new {
  z-index: 3;
  opacity: 0;
}
.minicart.change-1::before {
  transform: scale(1.1);
  transition: transform 50ms;
}
.minicart.change-1 .old {
  opacity: 1;
}
.minicart.change-2::before {
  animation: show-new-number 200ms;
}
.minicart.change-2 .old {
  opacity: 0;
}
.minicart.change-2 .new {
  opacity: 1;
}

/* Sticky footer styles */
html,
body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 100%;
}

.main {
  flex: 1 0 auto;
}

.page {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.page > .main {
  min-height: 100vh;
}

.main--checkout .the-search {
  display: none;
}

/* End sticky footer styles */
/**
 * @tokens Line Height
 * @presenter Spacing
 */
/* @token Border
 * @presenter Spacing
 */
/**
 * Calculate button icon size based on capital height
 *
 * $margin: 4px by default ($inset-inline-xxs)
 *
 * $icon-side: left or right (right by default) to apply margin properly
 *
 * $capital-height: (em) height of capital characters, in FK Grotesk is 0.72em
 **/
/**
 *  FLOATING ELEMENTS
 * --------------------------------------------------------------------------
 *  Works from 0 to 575px breakpoints.
 *
 *  Element with is equal to 100vw subtracting
 *    1. Page inset left: 16px
 *    2. Menu with: 45px
 *    3. Space between menu and element: 24px
 *    4. Menu right position: 8px
 *  Even if menu isn't present
 *
 *  bottom: menu offset bottom (24px) + 4px
 *
 *  When the element coexists with the floating menu on mobile:
 *  right: 24px + menu width (45px) + 8px
 *  left: page inset (16px)
 *
 *  When there is no menu, element is centered
 */
/* -------------------------------------------------------------------------- *\
 *  BUTTONS
 *  ---------------------------------------------
 *
 *  Base style
 *  -----------------
 *  .btn will be the base
 *
 *  It will be quite similar as primary1 button because it most used on zeplin
 *
 *  primary1    ->  used in 364 pages of zeplin
 *  primary2    ->  used in 66 pages of zeplin
 *  secondary1  ->  used in 20 pages of zeplin
 *  secondary2  ->  used in 20 pages of zeplin
 *
 *  But DON'T USE IT ISOLATED, choose always some modifiers:
 *
 *  Zeplin              SF
 *  -----------------   -----------------
 *  primary1            <button class="btn btn--primary">
 *  primary2            <button class="btn btn--primary btn--regular">
 *  secondary1          <button class="btn btn--secondary">
 *  secondary2          <button class="btn btn--secondary btn--regular">
 *  cta                 <button class="btn btn--cta">
 *  -----------------   -----------------
 *
 *  States              SF
 *  -----------------   -----------------
 *  disabled            <button class="... btn--disabled">
 *  -----------------   -----------------
 *
 *  Minor variants      SF
 *  -----------------   -----------------
 *  without min-width   <button class="... btn--fluid">
 *  -----------------   -----------------
 *
\* -------------------------------------------------------------------------- */
/*
 * BASE STYLE
 * -------------------------------------------------------------------------- */
div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler,
div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler), div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler,
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler, .btn {
  --uses-typography: "forms-btn";
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.25;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  max-width: 100%;
  margin: 0;
  padding: 0 0.0625rem;
  letter-spacing: 0.018em;
  text-align: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler:active,
div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler:active:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler), div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler:active,
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler:active, .btn:active {
  background-color: hsla(0, 0%, 78%, 0.5);
  /* mouse, touch pad */
}
@media (hover: hover) and (pointer: fine) {
  div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler:active,
  div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler:active:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler), div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler:active,
  div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler:active, .btn:active {
    background-color: transparent;
  }
}
div#onetrust-consent-sdk #onetrust-pc-sdk .disabled#accept-recommended-btn-handler,
div#onetrust-consent-sdk #onetrust-pc-sdk .disabled#accept-recommended-btn-handler:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler), div#onetrust-consent-sdk #onetrust-banner-sdk .disabled#onetrust-accept-btn-handler,
div#onetrust-consent-sdk #onetrust-banner-sdk .disabled#onetrust-reject-all-handler, .disabled.btn, div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler:disabled,
div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler:disabled:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler), div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler:disabled,
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler:disabled, .btn:disabled {
  color: hsl(0, 0%, 56.5%);
  cursor: default;
  pointer-events: none;
}

/*
 * MODIFIERS
 * -------------------------------------------------------------------------- */
.btn--cookies,
.btn--modal {
  --uses-typography: "forms-btn--green";
  font-size: 1.4375rem;
  text-transform: uppercase;
  color: hsl(132, 100%, 49%);
  line-height: 1.25;
  background-color: transparent;
  background-color: initial;
  border: 0;
}

div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler,
div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler), div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler,
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler {
  --uses-typography: "forms-btn--white";
  font-size: 1.4375rem;
  text-transform: uppercase;
  color: hsl(0, 0%, 100%);
  line-height: 1.25;
  background-color: transparent;
  background-color: initial;
  border: 0;
}

div#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn), .btn--text-italic, .btn--cookies-setting,
.btn--modal-secondary {
  --uses-typography: "forms-btn--text-italic";
  font-family: "EBGaramond", georgia, serif;
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.25;
  background-color: transparent;
  border: 0;
}
@media (min-width: 810px) {
  div#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn), .btn--text-italic, .btn--cookies-setting,
  .btn--modal-secondary {
    font-weight: 600;
  }
}

.btn--back-checkout-modal, .btn--back-black, .btn--back,
.btn--back-menu {
  display: inline-flex;
  align-items: center;
  color: hsl(0, 0%, 56.5%);
}
.btn--back-checkout-modal::before, .btn--back-black::before, .btn--back::before,
.btn--back-menu::before {
  display: inline-block;
  width: 0.8571428571em;
  height: 0.8571428571em;
  margin-right: 4px;
  font-size: 0.8571428571em;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path style="transform:rotate(180 12)" d="M3 0l9 6-9 6z" fill="hsl(0, 0%, 56.5%)" fill-rule="evenodd" transform="matrix(-1, 0, 0, -1, 12, 12)" /></svg>');
  background-repeat: no-repeat;
  background-position: center;
  content: "";
}
.btn--back-checkout-modal:hover, .btn--back-black:hover, .btn--back:hover,
.btn--back-menu:hover {
  color: hsl(0, 0%, 0%);
}
.btn--back-checkout-modal:hover::before, .btn--back-black:hover::before, .btn--back:hover::before,
.btn--back-menu:hover::before {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path style="transform:rotate(180 12)" d="M3 0l9 6-9 6z" fill="hsl(0, 0%, 0%)" fill-rule="evenodd" transform="matrix(-1, 0, 0, -1, 12, 12)" /></svg>');
}

.btn--primary,
.btn-primary {
  color: hsl(0, 0%, 0%);
}

.btn--primary__icon {
  width: 0.72em;
  height: 0.72em;
  margin-left: 4px;
}
:disabled .btn--primary__icon {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M3 0l9 6-9 6z" fill="hsl(0, 0%, 56.5%)" fill-rule="evenodd"/></svg>');
}

@media not all and (pointer: coarse) {
  .interaction--enabled-hover-v1:hover .btn--primary__icon {
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M3 0l9 6-9 6z" fill="hsl(0, 0%, 0%)" fill-rule="evenodd"/></svg>');
  }
}
.interaction--enabled-hover-v1 .btn--primary__icon {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M3 0l9 6-9 6z" fill="hsl(0, 0%, 56.5%)" fill-rule="evenodd"/></svg>');
}

.btn--secondary {
  color: hsl(0, 0%, 56.5%);
}

.btn--cookies-setting,
.btn--modal-secondary {
  color: hsl(0, 0%, 100%);
}

.btn--link {
  --uses-typography: "forms-btn--link";
  color: hsl(0, 0%, 0%);
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  text-decoration: underline;
}
@media (min-width: 1025px) {
  .btn--link {
    font-size: 0.875rem;
  }
}

.btn--fluid {
  min-width: auto;
}

.btn--rrss {
  --uses-typography: "forms-btn--rrss";
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
}
@media (min-width: 1025px) {
  .btn--rrss {
    font-size: 1.4375rem;
  }
}

.btn--cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: calc(100% - 32px - 32px);
  min-height: 2.1875rem;
  padding: 0;
  color: hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 14%);
  border-radius: 1.15625rem;
  /* Enable pointer events to prevent clicking other elements in page below floating btn
  * Disabled state shouldn't fire click events
  */
  --uses-typography: "forms-btn--cta";
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  position: fixed;
  bottom: calc(24px + 4px);
  width: calc(100vw - (0.6875rem + 50px + 8px) - 16px);
  width: calc(100vw - calc(0.6875rem + 50px + 8px) - 16px);
  max-width: calc(100vw - (0.6875rem + 50px + 8px) - 16px);
  max-width: calc(100vw - calc(0.6875rem + 50px + 8px) - 16px);
  border-radius: 1.15625rem;
  right: calc(0.6875rem + 50px + 8px);
  left: 16px;
}
@media (min-width: 575px) {
  .btn--cta {
    max-width: calc(100% - 6.875rem);
  }
}
@media (min-width: 768px) {
  .btn--cta {
    width: auto;
    max-width: 100%;
    text-align: center;
    background-color: transparent;
    border-radius: 0;
  }
}
.btn--cta:active {
  background-color: hsla(0, 0%, 14%, 0.78);
}
@media (min-width: 768px) {
  .btn--cta:active {
    color: hsl(0, 0%, 0%);
    background-color: transparent;
  }
}
.btn--cta.disabled, .btn--cta:disabled {
  color: hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 66%);
}
@media (min-width: 768px) {
  .btn--cta.disabled, .btn--cta:disabled {
    color: hsl(0, 0%, 56.5%);
    background-color: transparent;
  }
}
.btn--cta:disabled {
  pointer-events: all;
}
@media (min-width: 575px) {
  .btn--cta {
    position: static;
    position: initial;
    right: auto;
    right: initial;
    bottom: auto;
    bottom: initial;
    left: auto;
    left: initial;
    width: auto;
    max-width: none;
    margin-right: 0;
    margin-right: initial;
    margin-left: 0;
    margin-left: initial;
    border-radius: 0;
  }
}

.btn--cta-to-txt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: calc(100% - 32px - 32px);
  min-height: 2.1875rem;
  padding: 0;
  color: hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 14%);
  border-radius: 1.15625rem;
  /* Enable pointer events to prevent clicking other elements in page below floating btn
  * Disabled state shouldn't fire click events
  */
  --uses-typography: "forms-btn--cta-to-txt";
  color: hsl(0, 0%, 100%);
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 900;
  text-transform: uppercase;
}
@media (min-width: 575px) {
  .btn--cta-to-txt {
    max-width: calc(100% - 6.875rem);
  }
}
@media (min-width: 1025px) {
  .btn--cta-to-txt {
    width: auto;
    max-width: 100%;
    text-align: center;
    background-color: transparent;
    border-radius: 0;
  }
}
.btn--cta-to-txt:active {
  background-color: hsla(0, 0%, 14%, 0.78);
}
@media (min-width: 1025px) {
  .btn--cta-to-txt:active {
    color: hsl(0, 0%, 0%);
    background-color: transparent;
  }
}
.btn--cta-to-txt.disabled, .btn--cta-to-txt:disabled {
  color: hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 66%);
}
@media (min-width: 1025px) {
  .btn--cta-to-txt.disabled, .btn--cta-to-txt:disabled {
    color: hsl(0, 0%, 56.5%);
    background-color: transparent;
  }
}
.btn--cta-to-txt:disabled {
  pointer-events: all;
}
@media (min-width: 1025px) {
  .btn--cta-to-txt {
    color: hsl(0, 0%, 0%);
    font-size: calc(0.0020942408 * 100vw + 20.7958115183px);
  }
}
@media (min-width: 1530px) {
  .btn--cta-to-txt {
    font-size: calc(0.0153846154 * 100vw + 0.4615384615px);
  }
}
@media (min-width: 1920px) {
  .btn--cta-to-txt {
    font-size: 1.875rem;
  }
}
@media (min-width: 1025px) {
  .btn--cta-to-txt {
    display: flex;
    align-items: center;
    float: right;
  }
}
.btn--cta-to-txt-floating {
  position: fixed;
  bottom: calc(24px + 4px);
  width: calc(100vw - (0.6875rem + 50px + 8px) - 16px);
  width: calc(100vw - calc(0.6875rem + 50px + 8px) - 16px);
  max-width: calc(100vw - (0.6875rem + 50px + 8px) - 16px);
  max-width: calc(100vw - calc(0.6875rem + 50px + 8px) - 16px);
  border-radius: 1.15625rem;
  right: calc(0.6875rem + 50px + 8px);
  left: 16px;
  z-index: 11;
}
@media (min-width: 575px) {
  .btn--cta-to-txt-floating {
    right: calc(12px + 50px + 16px);
    bottom: calc(32px + 4px);
    max-width: calc(100vw - (12px + 50px + 16px) - 16px);
    max-width: calc(100vw - calc(12px + 50px + 16px) - 16px);
  }
}
@media (min-width: 768px) {
  .btn--cta-to-txt-floating {
    right: calc(12px + 50px + 24px);
    max-width: calc(100vw - (12px + 50px + 24px) - 16px);
    max-width: calc(100vw - calc(12px + 50px + 24px) - 16px);
  }
}
@media (min-width: 1025px) {
  .btn--cta-to-txt-floating {
    position: static;
    position: initial;
    width: auto;
    max-width: 100%;
  }
}
.btn--cta-to-txt .icon-arrow-filled {
  display: none;
}
@media (min-width: 1025px) {
  .btn--cta-to-txt .icon-arrow-filled {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .btn--cta-to-txt.btn[type=submit] {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
}
.btn--cta-to-txt--disabled {
  color: hsl(0, 0%, 56.5%);
}

.btn--round-black {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: calc(100% - 32px - 32px);
  min-height: 2.1875rem;
  padding: 0;
  color: hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 14%);
  border-radius: 1.15625rem;
  /* Enable pointer events to prevent clicking other elements in page below floating btn
  * Disabled state shouldn't fire click events
  */
  --uses-typography: "forms-btn--cta";
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  padding-right: 12px;
  padding-left: 12px;
}
@media (min-width: 575px) {
  .btn--round-black {
    max-width: calc(100% - 6.875rem);
  }
}
.btn--round-black:active {
  background-color: hsla(0, 0%, 14%, 0.78);
}
.btn--round-black.disabled, .btn--round-black:disabled {
  color: hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 66%);
}
.btn--round-black:disabled {
  pointer-events: all;
}

.btn--round-black-mobile {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: calc(100% - 32px - 32px);
  min-height: 2.1875rem;
  padding: 0;
  color: hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 14%);
  border-radius: 1.15625rem;
  /* Enable pointer events to prevent clicking other elements in page below floating btn
  * Disabled state shouldn't fire click events
  */
  --uses-typography: "forms-btn--cta-to-txt";
  color: hsl(0, 0%, 100%);
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 900;
  text-transform: uppercase;
  align-items: center;
  margin: 0 auto;
}
@media (min-width: 575px) {
  .btn--round-black-mobile {
    max-width: calc(100% - 6.875rem);
  }
}
@media (min-width: 1025px) {
  .btn--round-black-mobile {
    width: auto;
    max-width: 100%;
    text-align: center;
    background-color: transparent;
    border-radius: 0;
  }
}
.btn--round-black-mobile:active {
  background-color: hsla(0, 0%, 14%, 0.78);
}
@media (min-width: 1025px) {
  .btn--round-black-mobile:active {
    color: hsl(0, 0%, 0%);
    background-color: transparent;
  }
}
.btn--round-black-mobile.disabled, .btn--round-black-mobile:disabled {
  color: hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 66%);
}
@media (min-width: 1025px) {
  .btn--round-black-mobile.disabled, .btn--round-black-mobile:disabled {
    color: hsl(0, 0%, 56.5%);
    background-color: transparent;
  }
}
.btn--round-black-mobile:disabled {
  pointer-events: all;
}
@media (min-width: 1025px) {
  .btn--round-black-mobile {
    color: hsl(0, 0%, 0%);
    font-size: calc(0.0020942408 * 100vw + 20.7958115183px);
  }
}
@media (min-width: 1530px) {
  .btn--round-black-mobile {
    font-size: calc(0.0153846154 * 100vw + 0.4615384615px);
  }
}
@media (min-width: 1920px) {
  .btn--round-black-mobile {
    font-size: 1.875rem;
  }
}
@media (min-width: 1025px) {
  .btn--round-black-mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .btn--round-black-mobile.btn[type=submit] {
    display: none;
  }
}

.btn--back,
.btn--back-menu {
  --uses-typography: "forms-btn--back";
  font-size: 0.875rem;
  line-height: 1rem;
}
@media (min-width: 1025px) {
  .btn--back,
  .btn--back-menu {
    font-size: calc(0.017877095 * 100vw + -4.3240223464px);
  }
}
@media (min-width: 1920px) {
  .btn--back,
  .btn--back-menu {
    font-size: 1.875rem;
  }
}

.btn--back-black {
  --uses-typography: "forms-btn--back";
  font-size: 0.875rem;
  color: hsl(0, 0%, 0%);
  line-height: 1rem;
}
@media (min-width: 1025px) {
  .btn--back-black {
    font-size: calc(0.017877095 * 100vw + -4.3240223464px);
  }
}
@media (min-width: 1920px) {
  .btn--back-black {
    font-size: 1.875rem;
  }
}
.btn--back-black::before {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path style="transform:rotate(180 12)" d="M3 0l9 6-9 6z" fill="hsl(0, 0%, 0%)" fill-rule="evenodd" transform="matrix(-1, 0, 0, -1, 12, 12)" /></svg>');
}

.btn--back-checkout-modal {
  --uses-typography: "forms-btn--back-checkout";
  font-weight: 900;
  font-size: 0.9375rem;
  text-transform: uppercase;
  position: fixed;
  top: 12px;
  left: 16px;
}
@media (min-width: 575px) {
  .btn--back-checkout-modal {
    font-size: calc(0.0041884817 * 100vw + 13.5916230366px);
  }
}
@media (min-width: 1530px) {
  .btn--back-checkout-modal {
    font-size: calc(0.0128205128 * 100vw + 0.3846153846px);
  }
}
@media (min-width: 1920px) {
  .btn--back-checkout-modal {
    font-size: 1.5625rem;
  }
}
@media (min-width: 768px) {
  .btn--back-checkout-modal {
    left: 24px;
  }
}

.btn--plus::before {
  display: inline-block;
  margin-right: 2px;
  content: "+";
}

.btn--xxxs {
  font-size: 0.75rem;
}

.btn--xxs {
  font-size: 0.875rem;
}

.btn--xs {
  font-size: 1rem;
}

.btn--s {
  font-size: 1.125rem;
}

.btn--m {
  font-size: 1.3125rem;
}

.btn--l {
  font-size: 1.4375rem;
}

.btn--xl {
  font-size: 1.5625rem;
}

.btn--xxl {
  font-size: 1.875rem;
}

.btn--xxxl {
  font-size: 2.25rem;
}

/* -------------------------------------------------------------------------- *\
 *  RADIO-ALIKE BUTTON
 *  -------------------------
 *  Sometimes there are some buttons that look lika a radio button but with
 *  another functionality: open/close a related layer
 *
 *  WARNING: This is not a .btn modifier, use it without that class.
 *
 *  Sample:
 *  https://app.zeplin.io/project/5d9b0160135fcf1ee7063354/screen/5e2b22e39d2d355501a6fb06
\* -------------------------------------------------------------------------- */
.btn-checkbox,
.btn-radio {
  --uses-typography: "forms-label";
  color: hsl(0, 0%, 56.5%);
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-style: italic;
  font-weight: 500;
  text-overflow: ellipsis;
  text-transform: lowercase;
  --uses-typography: "forms-label--checkbox";
  color: hsl(0, 0%, 0%);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  line-height: 1.25;
  position: relative;
  display: inline-flex;
  cursor: pointer;
}
.btn-checkbox::before,
.btn-radio::before {
  position: absolute;
  top: 0.0625rem;
  left: 0;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  margin: 0;
  padding: 0;
  border: 0.0625rem solid hsl(0, 0%, 0%);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  content: "";
}
@media (min-width: 1025px) {
  .btn-checkbox::before,
  .btn-radio::before {
    top: 2px;
  }
}
.btn-checkbox--round::before,
.btn-radio--round::before {
  border-radius: 50%;
}
.btn-checkbox--dropdown,
.btn-radio--dropdown {
  --uses-typography: "forms-label--check-dropdown";
  color: hsl(0, 0%, 0%);
  font-family: "EBGaramond", georgia, serif;
  font-size: 1rem;
  font-weight: 700;
}
@media (min-width: 810px) {
  .btn-checkbox--dropdown,
  .btn-radio--dropdown {
    font-weight: 600;
  }
}
.btn-checkbox--dropdown::before,
.btn-radio--dropdown::before {
  margin-top: 0.4em;
}
.btn-checkbox--opened::before,
.btn-radio--opened::before {
  background: hsl(0, 0%, 56.5%);
  border-color: hsl(0, 0%, 56.5%);
}
.btn-checkbox--selected::before,
.btn-radio--selected::before {
  background: hsl(0, 0%, 0%);
  border-color: hsl(0, 0%, 0%);
}

@media (min-width: 1025px) {
  .btn-checkbox::before {
    top: 0.5rem;
  }
}

.link {
  --uses-typography: "links-base";
  color: hsl(0, 0%, 0%);
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  text-decoration: underline;
  padding: 0 1px;
  cursor: pointer;
}
@media (min-width: 1025px) {
  .link {
    font-size: 0.875rem;
  }
}
.link:active {
  background-color: hsla(0, 0%, 78%, 0.5);
}
.link.disabled, .link:disabled {
  color: hsl(0, 0%, 56.5%);
  cursor: default;
}

.link--highlight {
  --uses-typography: "links-highlight";
  font-family: "EBGaramond", georgia, serif;
  font-size: 0.875rem;
  font-style: italic;
}
@media (min-width: 810px) {
  .link--highlight {
    font-weight: 600;
  }
}
@media (min-width: 1025px) {
  .link--highlight {
    font-size: 1.125rem;
  }
}

.link--arrow::before {
  display: inline-block;
  margin-right: 2px;
  content: ">";
}

.link--no-decoration {
  text-decoration: none;
}

.link-home {
  --bg-color-text: unset;
  --uses-typography: "links-home";
  color: hsl(0, 0%, 0%);
  font-weight: 700;
  font-size: 0.875rem;
  padding-right: 6px;
  padding-bottom: 2px;
  white-space: pre-wrap;
  background-color: var(--bg-color-text);
  box-shadow: -6px 0 0 var(--bg-color-text);
}
@media (min-width: 1025px) {
  .link-home {
    font-size: 1rem;
  }
}

/*
*
  <div class="loader-container">
    <div class="loader-container-icon spinner spinner--small">
    </div>
  </div>
*
*/
.loader-container {
  position: relative;
  color: transparent;
  background: transparent;
  pointer-events: none;
}

.base-image {
  overflow: hidden;
  background-color: hsl(0, 0%, 98%);
}

.base-image__img {
  transition: filter 200ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms, opacity 200ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
  opacity: 1;
  filter: blur(0);
}

.base-image__img--loading {
  opacity: 0;
}

.base-image__img--placeholder {
  opacity: 1;
  filter: blur(3px);
}

.base-price {
  position: relative;
  display: inline-flex;
}
.base-price__title {
  padding-right: 4px;
}
.base-price__promo-text {
  --uses-typography: "product-card-promo-text";
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.25;
  color: hsl(0, 0%, 66%);
  position: absolute;
  top: 0;
  right: 0;
  white-space: nowrap;
  text-transform: none;
  transform: translateY(-100%);
}
@media (min-width: 768px) {
  .base-price__promo-text {
    font-size: 0.75rem;
  }
}
.base-price__original-price {
  color: hsl(0, 0%, 0%);
  font-weight: 700;
  text-decoration: line-through;
}
.base-price__price {
  color: hsl(0, 0%, 0%);
  text-decoration: none;
}
.base-price__original-price, .base-price__price {
  margin-right: 0.4375rem;
  white-space: nowrap;
  word-spacing: -0.167em;
}
@media (min-width: 575px) {
  .base-price__original-price, .base-price__price {
    margin-right: 0.5625rem;
  }
}
@media (min-width: 768px) {
  .base-price__original-price, .base-price__price {
    margin-right: 0.4375rem;
  }
}
@media (min-width: 1440px) {
  .base-price__original-price, .base-price__price {
    margin-right: 0.46875rem;
  }
}
@media (min-width: 1530px) {
  .base-price__original-price, .base-price__price {
    margin-right: 0.5rem;
  }
}
.base-price__discount {
  color: var(--sales-color);
  white-space: nowrap;
  text-decoration: none;
}

.price-currency {
  word-spacing: -0.1875rem;
}

.base-title-subtitle {
  --uses-typography: "the-home-base";
  font-size: 0.875rem;
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-style: normal;
  font-weight: 700;
  position: relative;
  z-index: 2;
  display: block;
  margin-bottom: 8px;
  line-height: 1.25;
  text-align: left;
}
@media (min-width: 1025px) {
  .base-title-subtitle {
    margin: 16px 0 calc(-0.0134078212 * 100vw + -2.2569832402px) 7.29vw;
  }
}
@media (min-width: 1920px) {
  .base-title-subtitle {
    margin-bottom: -1.75rem;
    margin-left: 8.75rem;
  }
}
.base-title-subtitle__title {
  --uses-typography: "the-home-title";
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: calc(0.0178571429 * 100vw + 22.2857142857px);
  letter-spacing: calc(0.0005133929 * 100vw + 0.6357142857px);
  line-height: 1;
  text-decoration: none;
  margin: 0;
}
@media (min-width: 810px) {
  .base-title-subtitle__title {
    font-size: 2.125rem;
    letter-spacing: 0;
  }
}
@media (min-width: 1025px) {
  .base-title-subtitle__title {
    font-size: calc(0.0216216216 * 100vw + 18.4864864865px);
    letter-spacing: calc(0.0001531532 * 100vw + 0.9059459459px);
  }
}
@media (min-width: 1920px) {
  .base-title-subtitle__title {
    font-size: 3.75rem;
    letter-spacing: 0.075rem;
  }
}
.base-title-subtitle__subtitle {
  --uses-typography: "the-home-subtitle";
  font-family: "EBGaramond", georgia, serif;
  font-weight: 700;
  font-style: italic;
  font-size: calc(0.0066964286 * 100vw + 15.8571428571px);
  line-height: 1;
  letter-spacing: 0;
  text-decoration: none;
  margin: 0;
}
@media (min-width: 810px) {
  .base-title-subtitle__subtitle {
    font-size: 1.125rem;
    font-weight: 600;
  }
}
@media (min-width: 1025px) {
  .base-title-subtitle__subtitle {
    font-size: calc(0.0099099099 * 100vw + 12.972972973px);
  }
}
@media (min-width: 1920px) {
  .base-title-subtitle__subtitle {
    font-size: 2rem;
  }
}
.base-title-subtitle span {
  --bg-color-text: unset;
  white-space: wrap;
  background-color: var(--bg-color-text);
}

.base-vimeo-video {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.base-vimeo-video video {
  width: auto;
  height: 100%;
}
.base-vimeo-video--landscape video {
  width: 100%;
  height: auto;
}
.base-vimeo-video .the-home__image-base-video-container {
  height: 100%;
}

/* High specificity needed to override OneTrust styles */
/* stylelint-disable */
div#onetrust-consent-sdk div#onetrust-banner-sdk,
div#onetrust-consent-sdk div#onetrust-pc-sdk {
  position: fixed;
  top: 50%;
  left: 0;
  width: 80%;
  border-radius: 0;
  box-shadow: none;
  transform: translateY(-50%);
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk div#onetrust-banner-sdk,
  div#onetrust-consent-sdk div#onetrust-pc-sdk {
    width: calc(0.4573977695 * 100vw + 196.9962825279px);
    max-width: 67.1875rem;
  }
}
div#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container {
  margin: 0;
  padding: 24px 16px 2.625rem;
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container {
    padding: 4.2vw;
  }
}
@media (min-width: 1920px) {
  div#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container {
    padding: 80px 80px;
  }
}
div#onetrust-consent-sdk #onetrust-group-container {
  margin-top: 0;
  padding-right: 16px;
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk #onetrust-group-container {
    margin-top: 16px;
    padding-right: 0;
  }
}
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 0;
}
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text,
div#onetrust-consent-sdk #onetrust-banner-sdk .ot-b-addl-desc,
div#onetrust-consent-sdk #onetrust-banner-sdk .ot-gv-list-handler,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc {
  float: none;
  clear: none;
  width: auto;
  margin: 0;
  padding: 0;
}
div#onetrust-consent-sdk #onetrust-policy-title,
div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,
div#onetrust-consent-sdk #onetrust-pc-sdk #ot-category-title {
  display: block;
  float: none;
  padding: 0;
  font-weight: 900;
  font-size: 0.875rem;
  font-family: "FKGrotesk";
  text-transform: uppercase;
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk #onetrust-policy-title,
  div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,
  div#onetrust-consent-sdk #onetrust-pc-sdk #ot-category-title {
    font-size: calc(0.0074349442 * 100vw + 9.7249070632px);
  }
}
@media (min-width: 1920px) {
  div#onetrust-consent-sdk #onetrust-policy-title,
  div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title,
  div#onetrust-consent-sdk #onetrust-pc-sdk #ot-category-title {
    font-size: 1.5rem;
  }
}
div#onetrust-consent-sdk #onetrust-policy-title {
  color: hsl(132, 100%, 49%);
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk #onetrust-policy-title::after {
    content: ". ";
  }
}
div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-title {
  margin-top: 0;
}
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text,
div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout .ot-cat-header,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc {
  font-weight: 500;
  font-size: 0.875rem;
  font-family: "FKGrotesk", "Arial", sans-serif;
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text,
  div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc,
  div#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout .ot-cat-header,
  div#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc {
    display: inline;
    font-size: calc(0.0029739777 * 100vw + 10.2899628253px);
  }
}
@media (min-width: 1920px) {
  div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text,
  div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc,
  div#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout .ot-cat-header,
  div#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout .ot-acc-grpdesc {
    font-size: 1rem;
  }
}
div#onetrust-consent-sdk #onetrust-banner-sdk a[href],
div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc a {
  font-weight: inherit;
}
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler,
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler {
  text-align: center;
  border: 0.0625rem solid hsl(0, 0%, 100%);
  border-radius: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 0.75rem;
  padding: 8px 16px;
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler,
  div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler {
    border: none;
    padding: 0;
    border-radius: 0;
    font-size: 1.4375rem;
    white-space: nowrap;
  }
}
div#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
  font-size: 0.625rem;
  font-weight: 500;
  text-decoration: underline;
  letter-spacing: inherit;
  text-align: left;
  padding: 0;
  margin-bottom: 32px;
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
    margin-right: 2.5vw;
    font-size: 1rem;
    text-align: center;
    flex: 1;
    margin-bottom: 0;
  }
}
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container #onetrust-policy span.ot-b-addl-desc {
  font-weight: 500 !important;
  font-size: 0.625rem !important;
}
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container #onetrust-policy span.ot-b-addl-desc {
  font-family: "FKGrotesk";
  font-style: normal;
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-group-container #onetrust-policy span.ot-b-addl-desc {
    font-weight: 500 !important;
    font-size: 1rem !important;
  }
}
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler {
  margin-right: 0;
}
div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler {
  display: block !important;
  padding-bottom: 16px !important;
  padding-top: 0 !important;
}
div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler {
  position: fixed;
  bottom: calc(80px + 1.375rem);
  width: auto;
  margin-right: 0;
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler {
    padding-bottom: 0 !important;
    padding-top: 8px !important;
  }
  div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler {
    position: relative;
    bottom: 0;
    margin-top: 16px;
    margin-right: 2.5vw;
    margin-left: auto;
  }
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn) {
  letter-spacing: inherit;
  text-align: left;
  text-decoration: none;
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn) {
    margin-right: 2.5vw;
    font-size: calc(0.0022304833 * 100vw + 16.717472119px);
    text-align: center;
    flex: 1;
  }
}
@media (min-width: 1920px) {
  div#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn) {
    font-size: 1.3125rem;
  }
}
div#onetrust-consent-sdk .onetrust-pc-dark-filter {
  background: none;
}
div#onetrust-consent-sdk #onetrust-banner-sdk .banner-actions-container {
  width: 100%;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk #onetrust-banner-sdk .banner-actions-container {
    float: none;
    width: auto;
    width: initial;
    text-align: left;
    gap: 48px;
    align-self: flex-end;
  }
}
div#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-row,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-sdk-row,
div#onetrust-consent-sdk #ot-sdk-cookie-policy .ot-sdk-row,
div#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-column,
div#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-columns,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-sdk-column,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-sdk-columns,
div#onetrust-consent-sdk #ot-sdk-cookie-policy .ot-sdk-column,
div#onetrust-consent-sdk #ot-sdk-cookie-policy .ot-sdk-columns {
  display: block;
  float: none;
}
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent {
  margin: 16px 0 0;
  padding: 0;
  text-align: inherit;
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group-parent {
    margin-top: 16px;
    padding-right: 2.5vw;
  }
}
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-button-group {
    gap: 12px;
  }
}
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler,
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler,
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler,
div#onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-btn-container button {
  max-width: none;
  text-align: left;
}
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler:focus, div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-accept-btn-handler:hover,
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler:focus,
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-reject-all-handler:hover,
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler:focus,
div#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-pc-btn-handler:hover,
div#onetrust-consent-sdk #onetrust-pc-sdk :not(.ot-leg-btn-container) > button:focus,
div#onetrust-consent-sdk #onetrust-pc-sdk :not(.ot-leg-btn-container) > button:hover {
  opacity: 1;
}
div#onetrust-consent-sdk #onetrust-pc-sdk {
  padding: 32px 16px 80px;
  border-radius: 0;
  box-shadow: none;
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk #onetrust-pc-sdk {
    height: initial !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  div#onetrust-consent-sdk #onetrust-pc-sdk {
    min-width: 0;
    min-width: initial;
    max-height: 80%;
    padding: 4.2vw;
  }
}
@media (min-width: 1920px) {
  div#onetrust-consent-sdk #onetrust-pc-sdk {
    padding: 80px 80px;
  }
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-grp .ot-always-active {
  position: relative;
  top: 0;
  right: 0;
  color: hsl(0, 0%, 66%);
  font-size: 0.6875rem;
  text-transform: uppercase;
  transform: translateY(50%);
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-grp .ot-always-active {
    font-size: calc(0.0007434944 * 100vw + 10.5724907063px);
  }
}
@media (min-width: 1920px) {
  div#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-grp .ot-always-active {
    font-size: 0.75rem;
  }
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: transparent;
  background-color: initial;
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt {
    margin-right: calc(95px + 16px);
  }
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-acc-grpcntr.ot-acc-txt .ot-acc-grpdesc.ot-category-desc {
  font-size: 0.75rem;
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout .ot-acc-hdr {
  width: 100%;
  padding: 0;
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item {
  float: none;
  margin-top: 8px;
}
div#onetrust-consent-sdk #onetrust-pc-sdk button[aria-expanded=false] ~ .ot-acc-hdr h4.ot-cat-header::after {
  content: " (+)";
}
div#onetrust-consent-sdk #onetrust-pc-sdk button[aria-expanded=true] ~ .ot-acc-hdr h4.ot-cat-header::after {
  content: " (-)";
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-item button, div#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-item button:hover, div#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-item button:focus {
  outline: 0 !important;
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item, div#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout.ot-cat-item:first-of-type {
  border: 0;
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch {
  width: 23px;
  height: 8px;
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch-nob {
  background-color: hsl(0, 0%, 33%);
  border: 0;
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch-nob::before {
  bottom: -3px;
  left: -1px;
  width: 14px;
  height: 14px;
  background-color: hsl(0, 0%, 56.5%);
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-accordion-layout h4 ~ .ot-tgl {
  position: relative;
  top: 0;
  right: 0;
  transform: none;
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:checked + .ot-switch .ot-switch-nob {
  background-color: hsla(132, 100%, 49%, 0.55);
  border: 0;
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:checked + .ot-switch .ot-switch-nob::before {
  background-color: hsl(132, 100%, 49%);
  border: 0;
  transform: translateX(13px);
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-cat-grp {
  position: relative;
  box-sizing: border-box;
  width: auto;
  margin-top: 48px;
  padding-right: 2.5vw;
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer-logo,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-header,
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-plus-minus {
  display: none;
}
div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content {
  height: calc(100% - 64px - 16px - 1.375rem - 16px - 1.75rem) !important;
}
div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content {
  /* Internet Explorer */
  scrollbar-face-color: hsl(0, 0%, 33%);
  scrollbar-track-color: transparent;
  /* W3C Working Draft */
  scrollbar-color: hsl(0, 0%, 33%) transparent; /* stylelint-disable-line property-no-unknown */
  position: relative;
  top: auto;
  top: initial;
  bottom: auto;
  bottom: initial;
  width: 100%;
  margin: 0;
  padding-right: 0;
  overflow-y: hidden;
  overflow-y: scroll;
}
div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content::-webkit-scrollbar-thumb {
  background-color: hsl(0, 0%, 33%);
  border-radius: 5px;
}
div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content::-webkit-scrollbar-track {
  background-color: transparent;
}
div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: hsl(0, 0%, 92%);
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content {
    height: 55vh !important;
    max-height: 55vh !important;
  }
  div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content {
    margin-bottom: auto;
  }
}
@media (min-width: 850px) {
  div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content {
    height: 53vh !important;
    max-height: 53vh !important;
  }
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer {
  position: fixed;
  bottom: 80px;
  border-top: 0;
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer {
    position: static;
    margin-top: 64px;
  }
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .ot-btn-container {
  text-align: left;
}
div#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .save-preference-btn-handler.onetrust-close-btn-handler {
  margin: 0;
  padding: 0;
}
@media (min-width: 575px) {
  div#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer .save-preference-btn-handler.onetrust-close-btn-handler {
    display: block;
    margin-left: auto;
    padding: 12px 32px;
  }
}
div#onetrust-consent-sdk .category-vendors-list-handler,
div#onetrust-consent-sdk .ot-pgph-link {
  display: none;
}

.the-menu__layer {
  transition: opacity 100ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  padding: 0 24px 0 16px;
  overflow-y: hidden;
  opacity: 0;
  pointer-events: none;
}

.the-menu__layer--open {
  z-index: 2;
  opacity: 1;
  pointer-events: auto;
}
@media (min-width: 1025px) {
  .the-menu__layer--open {
    animation: none;
  }
}

.the-menu__wrapper {
  /* Internet Explorer */
  scrollbar-face-color: hsla(0, 0%, 66%, 0.5);
  scrollbar-track-color: hsl(200, 11%, 95%);
  /* W3C Working Draft */
  scrollbar-color: hsla(0, 0%, 66%, 0.5) hsl(200, 11%, 95%); /* stylelint-disable-line property-no-unknown */
  height: calc(100% - var(--menu-inset-top));
  margin-top: var(--menu-inset-top);
  overflow-y: hidden;
}
.the-menu__wrapper::-webkit-scrollbar-thumb {
  background-color: hsla(0, 0%, 66%, 0.5);
  border-radius: 0;
}
.the-menu__wrapper::-webkit-scrollbar-track {
  background-color: hsl(200, 11%, 95%);
}
.the-menu__wrapper::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: hsl(0, 0%, 92%);
}

.the-menu__list {
  /* Internet Explorer */
  scrollbar-face-color: hsla(0, 0%, 66%, 0.5);
  scrollbar-track-color: hsl(200, 11%, 95%);
  /* W3C Working Draft */
  scrollbar-color: hsla(0, 0%, 66%, 0.5) hsl(200, 11%, 95%); /* stylelint-disable-line property-no-unknown */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
}
.the-menu__list::-webkit-scrollbar-thumb {
  background-color: hsla(0, 0%, 66%, 0.5);
  border-radius: 0;
}
.the-menu__list::-webkit-scrollbar-track {
  background-color: hsl(200, 11%, 95%);
}
.the-menu__list::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: hsl(0, 0%, 92%);
}

.the-menu {
  --menu-inset-top: 0;
  transition: max-width 300ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms, height 300ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
  overflow: -moz-scrollbars-none;
  list-style: none;
  scrollbar-width: none;
  -ms-overflow-style: none;
  position: fixed;
  right: 8px;
  bottom: 24px;
  z-index: 30;
  width: 100%;
  max-width: calc(100% - (8px + 8px));
  height: var(--menu-height);
  min-height: 50px;
  max-height: calc(70% + 50px);
}
.the-menu::-webkit-scrollbar {
  display: none;
}
@media (min-width: 575px) {
  .the-menu {
    right: 16px;
    bottom: 32px;
    max-width: calc(100% - (80px + 16px));
  }
}
@media (min-width: 768px) {
  .the-menu {
    right: 24px;
    max-width: calc(100% - (80px + 24px));
  }
}
@media (min-width: 1025px) {
  .the-menu {
    position: static;
    z-index: 9998;
    max-width: 100%;
    height: auto;
    min-height: 0;
    max-height: 100%;
  }
}
@media (max-width: 1024px) {
  .the-menu[\:has\(.the-menu__layer--open\)] {
    --menu-inset-top: 2.6875rem;
    height: calc(var(--menu-height) + var(--menu-inset-top));
  }
  .the-menu:has(.the-menu__layer--open) {
    --menu-inset-top: 2.6875rem;
    height: calc(var(--menu-height) + var(--menu-inset-top));
  }
  .the-menu[\:has\(.the-menu__layer--open\)][\:has\(.the-menu-submenu--open\)] {
    --menu-inset-top: 3.5625rem;
  }
  .the-menu:has(.the-menu__layer--open):has(.the-menu-submenu--open) {
    --menu-inset-top: 3.5625rem;
  }
}
.the-menu__backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.the-menu__inner {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 25px;
}
@media (min-width: 1025px) {
  .the-menu__inner {
    position: static;
    overflow: visible;
    overflow: initial;
    border-radius: 0;
  }
}
.the-menu__inner::before {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: calc(100% - 50px);
  background-color: hsl(0, 0%, 100%);
  background-color: var(--category-bg-color, hsl(0, 0%, 100%));
  content: "";
}
@media (min-width: 1025px) {
  .the-menu__inner::before {
    content: none;
  }
}
@supports (clip-path: inset(0% 0% 0% 0% round 0)) {
  .the-menu__inner--is-clip-path {
    border-radius: 0;
    clip-path: inset(0% 0% 0% 0% round 25px);
  }
  @media (min-width: 1025px) {
    .the-menu__inner--is-clip-path {
      clip-path: none;
    }
  }
}
@media (max-width: 1024px) {
  .the-menu.the-menu--closed {
    max-width: calc(50px + 0px);
    max-width: calc(50px + var(--menu-label-width, 0px));
  }
}
.the-menu.the-menu--closed .the-menu__btn-close {
  transition: opacity 100ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
  opacity: 0;
  pointer-events: none;
}
.the-menu__bar {
  z-index: 3;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  order: 2;
  min-width: 50px;
  height: 50px;
  background-color: hsl(0, 0%, 14%);
  background-color: var(--menu-bg-color, hsl(0, 0%, 14%));
  -webkit-tap-highlight-color: hsla(0, 0%, 0%, 0);
}
@media (min-width: 1025px) {
  .the-menu__bar {
    display: none;
  }
}
.the-menu__title {
  --uses-typography: "menu-base";
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  text-decoration: none;
  display: flex;
  align-items: center;
  padding-left: 16px;
  color: hsl(0, 0%, 100%);
  color: var(--menu-color, hsl(0, 0%, 100%));
}
@media (min-width: 810px) {
  .the-menu__title {
    font-size: calc(0.0046511628 * 100vw + 9.2325581395px);
  }
}
@media (min-width: 1025px) {
  .the-menu__title {
    font-size: calc(0.0059405941 * 100vw + 6.9108910891px);
    font-weight: 900;
  }
}
@media (min-width: 1530px) {
  .the-menu__title {
    font-size: 1rem;
  }
}
.the-menu__layer {
  bottom: 50px;
  width: calc(100vw - (8px + 8px));
  padding-left: 8px;
  background-color: hsl(0, 0%, 100%);
  background-color: var(--category-bg-color, hsl(0, 0%, 100%));
}
@media (min-width: 575px) {
  .the-menu__layer {
    width: calc(100vw - (80px + 16px));
  }
}
@media (min-width: 768px) {
  .the-menu__layer {
    width: calc(100vw - (80px + 24px));
  }
}
@media (min-width: 1025px) {
  .the-menu__layer {
    position: static;
    width: 100%;
    padding: 0;
    overflow-y: visible;
    overflow-y: initial;
    background-color: transparent;
    opacity: 1;
    transition: none;
    pointer-events: inherit;
  }
}
.the-menu__layer--open .the-menu__wrapper {
  animation: hide-scroll 300ms backwards;
  overflow-y: auto;
}
@media (min-width: 1025px) {
  .the-menu__layer--open .the-menu__wrapper {
    animation: none;
  }
}
@media (min-width: 1025px) {
  .the-menu__wrapper {
    position: relative;
    overflow-y: visible;
    overflow-y: initial;
  }
}
@media (min-width: 1025px) {
  .the-menu__list {
    overflow: -moz-scrollbars-none;
    list-style: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    display: inline-flex;
    flex-direction: row;
    gap: 1vw;
    justify-content: flex-start;
    width: auto;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overflow: auto hidden;
  }
  .the-menu__list::-webkit-scrollbar {
    display: none;
  }
  .the-menu__list--overflowing {
    padding-right: calc(1vw * 2);
  }
  .the-menu__list--overflowing::before, .the-menu__list--overflowing::after {
    position: absolute;
    display: block;
    width: calc(1vw * 2);
    height: 100%;
    content: "";
    pointer-events: none;
  }
  .the-menu__list--overflowing::before {
    left: 0;
    width: 1vw;
    background: linear-gradient(to right, hsl(0, 0%, 100%) 0%, hsl(0, 0%, 100%) 50%, hsla(0, 0%, 100%, 0) 100%);
  }
  .the-menu__list--overflowing::after {
    right: 0;
    width: calc(1vw * 2);
    background: linear-gradient(to left, hsl(0, 0%, 100%) 0%, hsl(0, 0%, 100%) 30%, hsla(0, 0%, 100%, 0) 100%);
  }
}
@media (min-width: 1280px) {
  .the-menu__list {
    gap: 1.2vw;
  }
  .the-menu__list--overflowing {
    gap: 1vw;
    padding-right: calc(1.2vw * 2);
  }
  .the-menu__list--overflowing::before {
    width: 1.2vw;
  }
  .the-menu__list--overflowing::after {
    width: calc(1.2vw * 2);
  }
}
@media (min-width: 1440px) {
  .the-menu__list {
    gap: 1.4vw;
  }
  .the-menu__list--overflowing {
    gap: 1vw;
    padding-right: calc(1.4vw * 2);
  }
  .the-menu__list--overflowing::before {
    width: 1.4vw;
  }
  .the-menu__list--overflowing::after {
    width: calc(1.4vw * 2);
  }
}
@media (min-width: 1920px) {
  .the-menu__list {
    gap: 24px;
  }
}
.the-menu__floating-button {
  transition: transform 100ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
  position: absolute;
  right: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  width: 50px;
  background-color: hsl(0, 0%, 14%);
  background-color: var(--menu-bg-color, hsl(0, 0%, 14%));
  border: 0;
  border-radius: 25px;
  transform: rotate(90deg);
  -webkit-tap-highlight-color: hsla(0, 0%, 0%, 0);
}
.the-menu__floating-button--closed {
  transform: rotate(0deg);
}
.the-menu__icon {
  width: 50px;
  height: 50px;
}
.the-menu__icon--burger {
  background-color: hsl(0, 0%, 100%);
  background-color: var(--menu-icon-color, hsl(0, 0%, 100%));
  -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg width="24" height="15" xmlns="http://www.w3.org/2000/svg"><g fill="hsl(0, 0%, 100%)" fill-rule="evenodd"><path d="M0 6.5h24V8H0zM0 13h24v1.5H0zM0 0h24v1.5H0z"/></g></svg>');
          mask-image: url('data:image/svg+xml;utf-8,<svg width="24" height="15" xmlns="http://www.w3.org/2000/svg"><g fill="hsl(0, 0%, 100%)" fill-rule="evenodd"><path d="M0 6.5h24V8H0zM0 13h24v1.5H0zM0 0h24v1.5H0z"/></g></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.the-menu .the-menu__btn-close {
  transition: opacity 100ms cubic-bezier(0.25, 0.1, 0.25, 1) 100ms;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: 0.875rem;
  height: 0.875rem;
  padding: 16px 24px;
  line-height: 0;
  opacity: 1;
  -webkit-tap-highlight-color: hsla(0, 0%, 0%, 0);
}
@media (min-width: 1025px) {
  .the-menu .the-menu__btn-close {
    display: none;
  }
}

@media (min-width: 1025px) {
  .the-menu-item--with-separator:not(:first-of-type):not(.the-menu-item--complex-child) .the-menu-submenu__wrapper, .the-menu-item--with-separator:not(:first-of-type):not(.the-menu-item--complex-child) {
    padding-left: calc((0.017877095 * 100vw + 13.6759776536px) - 1vw);
    padding-left: calc(calc(0.017877095 * 100vw + 13.6759776536px) - 1vw);
  }
}
@media (min-width: 1280px) {
  .the-menu-item--with-separator:not(:first-of-type):not(.the-menu-item--complex-child) .the-menu-submenu__wrapper, .the-menu-item--with-separator:not(:first-of-type):not(.the-menu-item--complex-child) {
    padding-left: calc((0.017877095 * 100vw + 13.6759776536px) - 1.2vw);
    padding-left: calc(calc(0.017877095 * 100vw + 13.6759776536px) - 1.2vw);
  }
}
@media (min-width: 1440px) {
  .the-menu-item--with-separator:not(:first-of-type):not(.the-menu-item--complex-child) .the-menu-submenu__wrapper, .the-menu-item--with-separator:not(:first-of-type):not(.the-menu-item--complex-child) {
    padding-left: calc((0.017877095 * 100vw + 13.6759776536px) - 1.4vw);
    padding-left: calc(calc(0.017877095 * 100vw + 13.6759776536px) - 1.4vw);
  }
}
@media (min-width: 1920px) {
  .the-menu-item--with-separator:not(:first-of-type):not(.the-menu-item--complex-child) .the-menu-submenu__wrapper, .the-menu-item--with-separator:not(:first-of-type):not(.the-menu-item--complex-child) {
    padding-left: calc(3rem - 24px);
  }
}

.the-menu-item {
  display: flex;
  align-items: stretch;
  order: 2;
  height: 100%;
  margin: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  color: hsl(0, 0%, 0%);
  list-style-type: none;
}
@media (min-width: 1025px) {
  .the-menu-item {
    display: flex;
    align-items: flex-end;
    margin: 0;
    padding: 0;
  }
}
.the-menu-item:first-child {
  padding-top: 0;
}
.the-menu-item:last-child {
  padding-bottom: 16px;
  line-height: 1;
}
@media (min-width: 1025px) {
  .the-menu-item:last-child {
    padding-bottom: 0;
    line-height: normal;
  }
}
.the-menu-item--secondary {
  margin: 0;
  padding: 0;
  padding-bottom: 1rem;
}
@media (min-width: 1025px) {
  .the-menu-item--secondary {
    padding-bottom: 8px;
  }
}
@media (min-width: 1025px) {
  .the-menu-item--secondary:last-child {
    padding-bottom: 8px;
  }
}
@media (min-width: 1025px) {
  .the-menu-item--secondary .the-menu-item--secondary .the-menu-item__link {
    text-transform: none;
  }
}
@media (min-width: 1025px) {
  .the-menu-item--complex-child .the-menu-item--secondary:last-child {
    padding-bottom: 0;
  }
}
.the-menu-item--special-category {
  margin-left: 1rem;
  padding-left: 2rem;
  border-left: 1px solid var(--category-color);
}
@media (min-width: 768px) {
  .the-menu-item--special-category {
    margin-left: 0;
  }
}
@media (min-width: 1025px) {
  .the-menu-item--special-category {
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    border-left: 0;
  }
}
.the-menu-item--fixed {
  order: 1;
}
@media (min-width: 1025px) {
  .the-menu-item--complex-child {
    flex-direction: column;
    align-items: flex-start;
    width: calc(0.0391061453 * 100vw + 94.9162011173px);
  }
  .the-menu-item--complex-child .the-menu-item__link {
    white-space: normal;
  }
  .the-menu-item--complex-child > .the-menu-item__link {
    text-decoration: none;
  }
  .the-menu-item--complex-child > .the-menu-item__link:hover {
    text-decoration: underline;
  }
}
@media (min-width: 1920px) {
  .the-menu-item--complex-child {
    width: 10.625rem;
  }
}
.the-menu-item--highlight {
  padding-top: 0;
  padding-bottom: 0;
}
.the-menu-item--highlight:last-child {
  padding-bottom: 8px;
}
@media (min-width: 1025px) {
  .the-menu-item--highlight:last-child {
    padding-bottom: 0;
  }
}
@media (min-width: 1025px) {
  .the-menu-item--parent-block {
    padding: 0;
  }
}
.the-menu-item--with-separator-after {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 8px;
  padding-bottom: 0;
}
.the-menu-item--with-separator-after::after {
  display: block;
  width: 2.125rem;
  height: 1px;
  margin-top: 16px;
  margin-left: 8px;
  background-color: hsl(0, 0%, 0%);
  opacity: 0.19;
  content: "";
}
@media (min-width: 1025px) {
  .the-menu-item--with-separator-after::after {
    display: none;
  }
}
.the-menu-item--with-separator:not(:first-of-type):not(.the-menu-item--complex-child) {
  padding-top: calc(2.125rem - 8px);
}
@media (min-width: 1025px) {
  .the-menu-item--with-separator:not(:first-of-type):not(.the-menu-item--complex-child) {
    padding-top: 0;
    padding-top: initial;
  }
}
.the-menu-item__link {
  --uses-typography: "menu-base";
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 8px;
  padding-left: 8px;
  color: hsl(0, 0%, 100%);
  color: var(--category-color, hsl(0, 0%, 100%));
  white-space: nowrap;
  text-align: center;
  background-color: hsl(0, 0%, 14%);
  background-color: var(--category-bg-color, hsl(0, 0%, 14%));
  border-radius: 22px;
  cursor: pointer;
  opacity: 1;
  filter: alpha(opacity=100);
  transition: opacity 0.05s ease-in-out;
  -webkit-tap-highlight-color: hsla(0, 0%, 0%, 0);
}
@media (min-width: 810px) {
  .the-menu-item__link {
    font-size: calc(0.0046511628 * 100vw + 9.2325581395px);
  }
}
@media (min-width: 1025px) {
  .the-menu-item__link {
    font-size: calc(0.0059405941 * 100vw + 6.9108910891px);
    font-weight: 900;
  }
}
@media (min-width: 1530px) {
  .the-menu-item__link {
    font-size: 1rem;
  }
}
@media (min-width: 1025px) {
  .the-menu-item__link {
    padding: 0;
    color: hsl(0, 0%, 0%);
    color: var(--category-color-desktop, hsl(0, 0%, 0%));
    text-align: left;
    background-color: transparent;
    background-color: initial;
    border-radius: 0;
  }
  .the-menu-item__link:not(.the-menu-item__link--secondary) {
    text-decoration: none;
  }
  .the-menu-item__link:hover {
    text-decoration: none;
  }
}
.the-menu-item__link--selected {
  text-decoration: underline;
}
.the-menu-item__link:not(.the-menu-item__link--secondary)::after {
  width: 100%;
  margin-top: -1px;
  border-bottom: 1px solid transparent;
  content: "";
}
@media (min-width: 1025px) {
  .the-menu-item__link:not(.the-menu-item__link--secondary)::after {
    content: none;
  }
}
.the-menu-item__link:not(.the-menu-item__link--secondary).the-menu-item__link--selected {
  text-decoration: none;
  /* stylelint-disable-next-line max-nesting-depth */
}
.the-menu-item__link:not(.the-menu-item__link--secondary).the-menu-item__link--selected::after {
  border-color: inherit;
}
.the-menu-item__link--secondary {
  --uses-typography: "menu-secondary";
  font-weight: 500;
  text-transform: none;
  padding: 0;
  color: hsl(0, 0%, 0%);
  color: var(--subcategory-color, var(--category-color, hsl(0, 0%, 0%)));
  background-color: transparent;
  background-color: initial;
}
@media (min-width: 1025px) {
  .the-menu-item__link--secondary {
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
  }
}
@media (max-width: 1024px) {
  .the-menu-item__link--secondary {
    white-space: normal;
  }
}
@media (min-width: 1025px) {
  .the-menu-item__link--secondary {
    color: hsl(0, 0%, 0%);
    color: var(--subcategory-color-desktop, var(--category-color-desktop, hsl(0, 0%, 0%)));
  }
}
.the-menu-item__link--secondary:hover {
  --uses-typography: "menu-secondary-a-hover";
  text-decoration: underline;
}
.the-menu-item__link--highlight {
  padding: 8px;
}
@media (min-width: 1025px) {
  .the-menu-item__link--highlight {
    padding: 0;
  }
}
@media (min-width: 1025px) {
  .the-menu-item__link--block {
    --uses-typography: "menu-block";
    font-size: calc(0.0070921986 * 100vw + 22.7304964539px);
  }
}
.the-menu-item__link--with-separator {
  text-align: left;
}
.the-menu-item__link--remove-uppercase {
  text-transform: inherit;
}

.the-menu-search-item {
  width: auto;
}
@media (min-width: 1025px) {
  .the-menu-search-item {
    display: none;
  }
}
.the-menu-search-item__link {
  --uses-typography: "menu-search-btn";
  color: hsl(0, 0%, 56.5%);
  font-weight: 500;
  text-transform: none;
  flex-direction: row;
  gap: 6px;
  align-items: center;
}
.the-menu-search-item .icon-search {
  flex-shrink: 0;
}

.the-search {
  transition: opacity 100ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
  position: absolute;
  top: var(--header-total-height);
  z-index: 31;
  display: none;
  width: 100%;
  height: 0;
  opacity: 0;
}
@media (min-width: 1025px) {
  .the-search {
    z-index: 29;
  }
}
.the-search__form {
  position: absolute;
  right: 0;
  left: 0;
  z-index: -1;
}
.the-search__results {
  transition: opacity 100ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  display: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overflow: hidden auto;
  background-color: hsl(0, 0%, 100%);
  opacity: 0;
  overscroll-behavior: contain;
}
@media (min-width: 1025px) {
  .the-search__results {
    padding-left: 150px;
  }
}
.the-search--show {
  display: block;
}
.the-search--show .the-search__results {
  top: 40px;
  top: var(--header-total-height-with-search);
  display: block;
}
.the-search.interaction-active {
  opacity: 1;
}
.the-search.interaction-active .the-search__results {
  opacity: 1;
}

.the-search-ai .the-search-field, .the-search-ai__input {
  background-color: hsl(0, 0%, 92%);
  border-radius: 3.125rem;
}
.the-search-ai .the-search-field::before, .the-search-ai__input::before {
  display: inline-block;
  width: 1.4375rem;
  height: 1.125rem;
  margin: 0 8px 4px 0;
  background-image: url('data:image/svg+xml;utf-8,<svg width="22" height="19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.033 6.874a3.385 3.385 0 0 0-3.382 3.388 3.385 3.385 0 0 0 3.382 3.389 3.385 3.385 0 0 0 3.381-3.389 3.385 3.385 0 0 0-3.382-3.388ZM9 10.262a5.036 5.036 0 0 1 5.033-5.04 5.036 5.036 0 0 1 5.032 5.04 5.036 5.036 0 0 1-5.033 5.04A5.036 5.036 0 0 1 9 10.262Z" fill="hsl(0, 0%, 0%)"/><path fill-rule="evenodd" clip-rule="evenodd" d="m17.267 12.324 4.726 4.722-1.167 1.168-4.726-4.722 1.167-1.168Z" fill="hsl(0, 0%, 0%)"/><path d="M11.996 5.527c-.253.029-.508.055-.76.087-.812.102-1.621.207-2.403.463-.887.29-1.468.871-1.758 1.744a9.228 9.228 0 0 0-.368 1.662c-.068.496-.126.993-.189 1.49 0 .005-.008.01-.023.027-.03-.257-.056-.502-.087-.746-.11-.853-.217-1.707-.508-2.525-.31-.874-.933-1.414-1.818-1.685a10.55 10.55 0 0 0-1.79-.361c-.416-.052-.832-.099-1.248-.148-.015-.001-.028-.007-.044-.037.057-.01.113-.026.17-.031.826-.086 1.653-.175 2.46-.376a5.755 5.755 0 0 0 1.039-.37c.587-.275.959-.753 1.193-1.341a6.919 6.919 0 0 0 .396-1.57c.086-.586.152-1.174.227-1.762.001-.01.01-.02.027-.048.03.248.054.476.083.704.105.826.212 1.65.467 2.45.308.965.965 1.559 1.94 1.838.624.18 1.26.285 1.903.363.331.04.663.077.994.117.035.004.068.017.101.026l-.005.028h.001ZM2.662 8c.063.411.12.824.192 1.234.14.8.518 1.19 1.296 1.333.348.064.7.11 1.051.164.04.006.078.017.114.045-.264.035-.53.06-.792.11-.268.05-.538.11-.797.196-.468.155-.722.524-.82.996-.094.44-.148.89-.219 1.334-.005.036-.008.073-.036.11-.019-.16-.03-.323-.057-.482-.058-.344-.107-.69-.189-1.03-.148-.613-.573-.926-1.153-1.038-.413-.08-.829-.14-1.252-.223.107-.015.214-.026.32-.046.386-.07.775-.127 1.155-.221.52-.13.83-.497.942-1.02.095-.445.147-.899.218-1.349.006-.037.01-.074.014-.11L2.662 8V8Z" fill="hsl(0, 0%, 0%)"/></svg>');
  background-repeat: no-repeat;
  content: "";
}

.the-search-ai {
  position: relative;
  width: 100%;
  padding: 0.3125rem 8px 0.4375rem;
  background-color: hsl(0, 0%, 100%);
}
@media (min-width: 1025px) {
  .the-search-ai {
    z-index: 20;
    padding: 0;
  }
}
.the-search-ai__input {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 2.25rem;
  padding: 0 8px;
}
@media (min-width: 1025px) {
  .the-search-ai__input {
    display: none;
  }
}
.the-search-ai__input .custom.char.typed {
  --uses-typography: "the-search-ai-input";
  font-family: "FKGrotesk", "Arial", sans-serif;
  color: hsl(0, 0%, 0%);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.25;
  transform: none;
  --uses-typography: "the-search-ai-input-placeholder";
  color: hsl(0, 0%, 56.5%);
  font-weight: 500;
}
@media (min-width: 1025px) {
  .the-search-ai__input .custom.char.typed {
    font-size: 0.875rem;
  }
}
@media (min-width: 1025px) {
  .the-search-ai__input .custom.char.typed {
    font-weight: 700;
  }
}
.the-search-ai__body {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.the-search-ai__title {
  --uses-typography: "the-search-ai-title";
  font-weight: 900;
  font-size: 0.9375rem;
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-style: normal;
  line-height: 1.25;
  color: hsl(0, 0%, 0%);
  text-transform: uppercase;
  display: block;
  margin: 24px 16px 8px;
}
.the-search-ai__image-search {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
}

.the-search-ai .the-search {
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
  padding: 0;
  background-color: transparent;
}
.the-search-ai .the-search-form {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: transparent;
}
@media (min-width: 1025px) {
  .the-search-ai .the-search-form {
    margin: 16px 5.8125rem 0 1.375rem;
    background-color: transparent;
  }
}
.the-search-ai .the-search-form__message {
  font-weight: 700;
  font-size: 0.75rem;
}
.the-search-ai .the-search__results {
  position: relative;
  top: 0;
}
.the-search-ai .the-search__results-title {
  --uses-typography: "the-search-ai-results";
  font-weight: 900;
  font-size: 1rem;
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-style: normal;
  line-height: 1.25;
  color: hsl(0, 0%, 0%);
  text-transform: uppercase;
  height: 1rem;
  margin: 16px 16px 8px;
  background-image: url('data:image/svg+xml;utf-8,<svg width="196" height="13" viewBox="0 0 196 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.8"><path d="M1 10.0285L3.49886 3.56836H4.41264L6.9115 10.0285V10.166H6.08165L5.37301 8.27833H2.53848L1.82985 10.166H1V10.0285ZM5.11194 7.5819L4.00237 4.62216H3.90913L2.79956 7.5819H5.11194ZM10.3092 7.87513C10.3092 7.38032 10.4087 6.95269 10.6076 6.59228C10.8127 6.22574 11.08 5.94779 11.4094 5.75841C11.7451 5.56902 12.1025 5.47433 12.4817 5.47433C12.8423 5.47433 13.1499 5.5385 13.4048 5.66677C13.6659 5.79507 13.871 5.96612 14.0202 6.1799H14.1134V3.56836H14.8594V10.166H14.1321V9.52455H14.0388C13.8896 9.75059 13.6845 9.93384 13.4235 10.0743C13.1686 10.2087 12.8547 10.276 12.4817 10.276C12.1025 10.276 11.7451 10.1813 11.4094 9.99188C11.08 9.80249 10.8127 9.52759 10.6076 9.16719C10.4087 8.80064 10.3092 8.36997 10.3092 7.87513ZM11.0738 7.87513C11.0738 8.41882 11.2136 8.84645 11.4934 9.158C11.7731 9.46346 12.146 9.61619 12.6122 9.61619C13.0784 9.61619 13.4514 9.46346 13.7311 9.158C14.0108 8.84645 14.1507 8.41882 14.1507 7.87513C14.1507 7.33146 14.0108 6.90689 13.7311 6.60143C13.4514 6.28988 13.0784 6.1341 12.6122 6.1341C12.146 6.1341 11.7731 6.28988 11.4934 6.60143C11.2136 6.90689 11.0738 7.33146 11.0738 7.87513ZM16.9996 5.5843V10.166H16.2537V5.5843H16.9996ZM17.1395 3.75163V4.71377H16.1138V3.75163H17.1395ZM18.2627 6.81219C18.2627 6.55562 18.3435 6.32653 18.5052 6.12495C18.6668 5.91724 18.8906 5.75841 19.1765 5.64844C19.4687 5.53237 19.8012 5.47433 20.1742 5.47433C20.7399 5.47433 21.1936 5.59958 21.5355 5.85005C21.8836 6.09439 22.0856 6.43346 22.1416 6.86718V7.00463H21.3956C21.377 6.70527 21.262 6.48231 21.0507 6.33568C20.8393 6.18908 20.5471 6.11577 20.1742 6.11577C19.8074 6.11577 19.5215 6.18299 19.3164 6.31739C19.1112 6.44565 19.0087 6.61061 19.0087 6.81219C19.0087 7.01991 19.0739 7.1665 19.2045 7.25205C19.335 7.33756 19.5308 7.4017 19.7919 7.44445L20.7336 7.60023C21.1998 7.67964 21.5573 7.82322 21.8059 8.0309C22.0545 8.23252 22.1789 8.51965 22.1789 8.89229C22.1789 9.31991 21.9893 9.65895 21.6101 9.90942C21.2371 10.1538 20.7585 10.276 20.1742 10.276C19.5215 10.276 19.0087 10.1416 18.6357 9.87276C18.2627 9.60396 18.0452 9.22827 17.983 8.74566V8.60821H18.729C18.7849 9.2924 19.2666 9.63452 20.1742 9.63452C20.5782 9.63452 20.889 9.57035 21.1066 9.44208C21.3241 9.30768 21.4329 9.12443 21.4329 8.89229C21.4329 8.67847 21.349 8.53185 21.1812 8.45243C21.0196 8.36692 20.7709 8.29665 20.4353 8.24167L19.4935 8.08589C18.673 7.94539 18.2627 7.52082 18.2627 6.81219ZM22.9204 7.87513C22.9204 7.40475 23.0168 6.98935 23.2095 6.62894C23.4022 6.2624 23.6757 5.97832 24.03 5.77674C24.3843 5.57512 24.8008 5.47433 25.2794 5.47433C25.8886 5.47433 26.361 5.61791 26.6967 5.90501C27.0324 6.18603 27.2468 6.5373 27.3401 6.95879V7.09627H26.5755C26.5133 6.80914 26.3859 6.58005 26.1932 6.409C26.0005 6.23794 25.6928 6.15243 25.2701 6.15243C24.7791 6.15243 24.3905 6.30516 24.1046 6.61061C23.8249 6.90994 23.685 7.33146 23.685 7.87513C23.685 8.41882 23.8249 8.8434 24.1046 9.14886C24.3905 9.44818 24.7791 9.59786 25.2701 9.59786C25.699 9.59786 26.016 9.50927 26.2212 9.33211C26.4325 9.14886 26.5693 8.90753 26.6314 8.60821H27.396V8.74566C27.2965 9.18551 27.0759 9.55206 26.734 9.84528C26.3983 10.1324 25.9104 10.276 25.2701 10.276C24.7977 10.276 24.3843 10.1751 24.03 9.97355C23.6757 9.77197 23.4022 9.49094 23.2095 9.13053C23.0168 8.76399 22.9204 8.34554 22.9204 7.87513ZM28.0014 7.87513C28.0014 7.40475 28.0946 6.98935 28.2811 6.62894C28.4738 6.2624 28.7442 5.97832 29.0923 5.77674C29.4404 5.57512 29.8444 5.47433 30.3044 5.47433C30.7644 5.47433 31.1684 5.57512 31.5165 5.77674C31.8646 5.97832 32.1319 6.2624 32.3184 6.62894C32.5111 6.98935 32.6075 7.40475 32.6075 7.87513C32.6075 8.34554 32.5111 8.76399 32.3184 9.13053C32.1319 9.49094 31.8646 9.77197 31.5165 9.97355C31.1684 10.1751 30.7644 10.276 30.3044 10.276C29.8444 10.276 29.4404 10.1751 29.0923 9.97355C28.7442 9.77197 28.4738 9.49094 28.2811 9.13053C28.0946 8.76399 28.0014 8.34554 28.0014 7.87513ZM28.7659 7.87513C28.7659 8.41882 28.9027 8.84645 29.1762 9.158C29.4559 9.46346 29.832 9.61619 30.3044 9.61619C30.7768 9.61619 31.1498 9.46346 31.4233 9.158C31.703 8.84645 31.8429 8.41882 31.8429 7.87513C31.8429 7.33146 31.703 6.90689 31.4233 6.60143C31.1498 6.28988 30.7768 6.1341 30.3044 6.1341C29.832 6.1341 29.4559 6.28988 29.1762 6.60143C28.9027 6.90689 28.7659 7.33146 28.7659 7.87513ZM33.7503 5.5843L35.1489 9.24965H35.2423L36.6409 5.5843H37.4053V5.72175L35.5966 10.166H34.7946L32.9858 5.72175V5.5843H33.7503ZM37.7807 7.87513C37.7807 7.40475 37.8707 6.98935 38.0511 6.62894C38.2376 6.2624 38.5018 5.97832 38.8438 5.77674C39.1919 5.57512 39.599 5.47433 40.0651 5.47433C40.5312 5.47433 40.9291 5.57207 41.2588 5.76756C41.5882 5.95694 41.8367 6.21964 42.0045 6.55563C42.1726 6.89161 42.2564 7.27035 42.2564 7.69187V8.07674H38.5826C38.5949 8.53489 38.7351 8.90753 39.0024 9.19466C39.2693 9.47569 39.6301 9.61619 40.0839 9.61619C40.4753 9.61619 40.7862 9.52759 41.016 9.35044C41.2462 9.17328 41.3955 8.94114 41.4637 8.65401H42.2097V8.79146C42.104 9.21909 41.8678 9.57343 41.5012 9.85443C41.1405 10.1354 40.6744 10.276 40.1023 10.276C39.6239 10.276 39.2103 10.1751 38.8622 9.97355C38.5141 9.77197 38.2468 9.49094 38.0603 9.13053C37.8741 8.76399 37.7807 8.34554 37.7807 7.87513ZM41.4729 7.45363C41.4607 7.06266 41.3331 6.74193 41.0907 6.49146C40.8483 6.24102 40.5067 6.11577 40.0651 6.11577C39.6113 6.11577 39.254 6.24102 38.9928 6.49146C38.7381 6.73583 38.6014 7.05653 38.5826 7.45363H41.4729ZM44.0519 5.5843V6.27155H44.145C44.3131 5.80116 44.7233 5.56597 45.3759 5.56597H45.7956V6.24407H45.3851C44.8692 6.24407 44.5211 6.36929 44.3411 6.61976C44.1607 6.87023 44.0707 7.23064 44.0707 7.70105V10.166H43.3247V5.5843H44.0519ZM47.0718 5.5843L48.5171 9.34129H48.6102L50.0555 5.5843H50.8202V5.72175L48.5917 11.2564C48.4861 11.5069 48.3463 11.6932 48.172 11.8154C48.0043 11.9376 47.768 11.9987 47.4635 11.9987H46.6057V11.3389H47.7059L47.799 11.2748L48.172 10.3767L46.3073 5.72175V5.5843H47.0718ZM54.1251 7.87513C54.1251 7.40475 54.2155 6.98935 54.3958 6.62894C54.582 6.2624 54.8462 5.97832 55.1882 5.77674C55.5363 5.57512 55.9434 5.47433 56.4095 5.47433C56.876 5.47433 57.2738 5.57207 57.6032 5.76756C57.9326 5.95694 58.1811 6.21964 58.3492 6.55563C58.517 6.89161 58.6008 7.27035 58.6008 7.69187V8.07674H54.9271C54.9397 8.53489 55.0795 8.90753 55.3468 9.19466C55.6141 9.47569 55.9745 9.61619 56.4283 9.61619C56.82 9.61619 57.1306 9.52759 57.3608 9.35044C57.5906 9.17328 57.7399 8.94114 57.8085 8.65401H58.5541V8.79146C58.4484 9.21909 58.2125 9.57343 57.8456 9.85443C57.4852 10.1354 57.0188 10.276 56.447 10.276C55.9683 10.276 55.5551 10.1751 55.207 9.97355C54.8589 9.77197 54.5915 9.49094 54.405 9.13053C54.2185 8.76399 54.1251 8.34554 54.1251 7.87513ZM57.8177 7.45363C57.8051 7.06266 57.6779 6.74193 57.4355 6.49146C57.193 6.24102 56.8511 6.11577 56.4095 6.11577C55.9561 6.11577 55.5984 6.24102 55.3376 6.49146C55.0825 6.73583 54.9458 7.05653 54.9271 7.45363H57.8177ZM60.1737 5.5843L61.4604 7.35284H61.5535L62.9525 5.5843H63.7728V5.72175L62.0387 7.87513L63.6518 10.0285V10.166H62.8311L61.5072 8.35164H61.4137L59.978 10.166H59.1573V10.0285L60.9289 7.82932L59.3533 5.72175V5.5843H60.1737ZM65.4772 5.5843V6.22574H65.5707C65.7197 5.9997 65.9219 5.81949 66.1765 5.68509C66.4377 5.5446 66.7548 5.47433 67.1278 5.47433C67.507 5.47433 67.8612 5.56902 68.1906 5.75841C68.5264 5.94779 68.7937 6.22574 68.9925 6.59228C69.1978 6.95269 69.3004 7.38032 69.3004 7.87513C69.3004 8.36997 69.1978 8.80064 68.9925 9.16719C68.7937 9.52759 68.5264 9.80249 68.1906 9.99188C67.8612 10.1813 67.507 10.276 67.1278 10.276C66.7671 10.276 66.4565 10.2118 66.1953 10.0835C65.9403 9.95522 65.7384 9.78416 65.5891 9.57035H65.496V11.9987H64.75V5.5843H65.4772ZM65.4588 7.87513C65.4588 8.41882 65.5986 8.84645 65.8782 9.158C66.1581 9.46346 66.5308 9.61619 66.9972 9.61619C67.4633 9.61619 67.8363 9.46346 68.1159 9.158C68.3958 8.84645 68.5356 8.41882 68.5356 7.87513C68.5356 7.33146 68.3958 6.90689 68.1159 6.60143C67.8363 6.28988 67.4633 6.1341 66.9972 6.1341C66.5308 6.1341 66.1581 6.28988 65.8782 6.60143C65.5986 6.90689 65.4588 7.33146 65.4588 7.87513ZM70.042 7.87513C70.042 7.40475 70.132 6.98935 70.3123 6.62894C70.4988 6.2624 70.7631 5.97832 71.1047 5.77674C71.4528 5.57512 71.8599 5.47433 72.3264 5.47433C72.7924 5.47433 73.1903 5.57207 73.5197 5.76756C73.8491 5.95694 74.098 6.21964 74.2657 6.55563C74.4335 6.89161 74.5173 7.27035 74.5173 7.69187V8.07674H70.8439C70.8562 8.53489 70.996 8.90753 71.2633 9.19466C71.5306 9.47569 71.891 9.61619 72.3448 9.61619C72.7365 9.61619 73.0475 9.52759 73.2773 9.35044C73.5074 9.17328 73.6564 8.94114 73.725 8.65401H74.471V8.79146C74.3653 9.21909 74.129 9.57343 73.7621 9.85443C73.4017 10.1354 72.9353 10.276 72.3635 10.276C71.8848 10.276 71.4716 10.1751 71.1235 9.97355C70.7754 9.77197 70.508 9.49094 70.3215 9.13053C70.135 8.76399 70.042 8.34554 70.042 7.87513ZM73.7342 7.45363C73.7219 7.06266 73.5944 6.74193 73.352 6.49146C73.1095 6.24102 72.7676 6.11577 72.3264 6.11577C71.8726 6.11577 71.5152 6.24102 71.2541 6.49146C70.999 6.73583 70.8623 7.05653 70.8439 7.45363H73.7342ZM76.3128 5.5843V6.27155H76.4062C76.574 5.80116 76.9842 5.56597 77.6371 5.56597H78.0565V6.24407H77.6463C77.1304 6.24407 76.7823 6.36929 76.602 6.61976C76.4219 6.87023 76.3316 7.23064 76.3316 7.70105V10.166H75.5856V5.5843H76.3128ZM79.6917 5.5843V10.166H78.9457V5.5843H79.6917ZM79.8315 3.75163V4.71377H78.8059V3.75163H79.8315ZM80.7681 7.87513C80.7681 7.40475 80.8584 6.98935 81.0385 6.62894C81.225 6.2624 81.4892 5.97832 81.8312 5.77674C82.1793 5.57512 82.5864 5.47433 83.0525 5.47433C83.5189 5.47433 83.9168 5.57207 84.2462 5.76756C84.5755 5.95694 84.8241 6.21964 84.9922 6.55563C85.1599 6.89161 85.2438 7.27035 85.2438 7.69187V8.07674H81.57C81.5826 8.53489 81.7224 8.90753 81.9897 9.19466C82.257 9.47569 82.6174 9.61619 83.0713 9.61619C83.463 9.61619 83.7736 9.52759 84.0038 9.35044C84.2336 9.17328 84.3829 8.94114 84.4511 8.65401H85.1971V8.79146C85.0914 9.21909 84.8555 9.57343 84.4886 9.85443C84.1279 10.1354 83.6618 10.276 83.09 10.276C82.6113 10.276 82.1981 10.1751 81.8499 9.97355C81.5018 9.77197 81.2345 9.49094 81.048 9.13053C80.8615 8.76399 80.7681 8.34554 80.7681 7.87513ZM84.4606 7.45363C84.448 7.06266 84.3209 6.74193 84.0784 6.49146C83.836 6.24102 83.494 6.11577 83.0525 6.11577C82.599 6.11577 82.2414 6.24102 81.9805 6.49146C81.7255 6.73583 81.5888 7.05653 81.57 7.45363H84.4606ZM87.0393 5.5843V6.31739H87.1327C87.4621 5.75536 87.9906 5.47433 88.7178 5.47433C89.2211 5.47433 89.6285 5.61791 89.9391 5.90501C90.2562 6.18603 90.4147 6.5831 90.4147 7.09627V10.166H89.6687V7.20621C89.6687 6.83967 89.5661 6.56782 89.3612 6.39067C89.1621 6.20741 88.8978 6.11577 88.5685 6.11577C88.1208 6.11577 87.7573 6.26545 87.4778 6.56477C87.1978 6.86413 87.058 7.24897 87.058 7.71935V10.166H86.312V5.5843H87.0393ZM91.4854 7.87513C91.4854 7.40475 91.5818 6.98935 91.7745 6.62894C91.9671 6.2624 92.2409 5.97832 92.5952 5.77674C92.9494 5.57512 93.3657 5.47433 93.8444 5.47433C94.4537 5.47433 94.9259 5.61791 95.2618 5.90501C95.5973 6.18603 95.8117 6.5373 95.9052 6.95879V7.09627H95.1404C95.0783 6.80914 94.9508 6.58005 94.7582 6.409C94.5656 6.23794 94.258 6.15243 93.8352 6.15243C93.3442 6.15243 92.9556 6.30516 92.6698 6.61061C92.3899 6.90994 92.2501 7.33146 92.2501 7.87513C92.2501 8.41882 92.3899 8.8434 92.6698 9.14886C92.9556 9.44818 93.3442 9.59786 93.8352 9.59786C94.2641 9.59786 94.5812 9.50927 94.7861 9.33211C94.9975 9.14886 95.1343 8.90753 95.1967 8.60821H95.9611V8.74566C95.8615 9.18551 95.6409 9.55206 95.2989 9.84528C94.9634 10.1324 94.4755 10.276 93.8352 10.276C93.3627 10.276 92.9494 10.1751 92.5952 9.97355C92.2409 9.77197 91.9671 9.49094 91.7745 9.13053C91.5818 8.76399 91.4854 8.34554 91.4854 7.87513ZM96.5663 7.87513C96.5663 7.40475 96.6566 6.98935 96.8366 6.62894C97.0232 6.2624 97.2874 5.97832 97.6294 5.77674C97.9775 5.57512 98.3846 5.47433 98.8507 5.47433C99.3171 5.47433 99.715 5.57207 100.044 5.76756C100.374 5.95694 100.622 6.21964 100.79 6.55563C100.958 6.89161 101.042 7.27035 101.042 7.69187V8.07674H97.3682C97.3808 8.53489 97.5206 8.90753 97.7879 9.19466C98.0552 9.47569 98.4156 9.61619 98.8694 9.61619C99.2612 9.61619 99.5718 9.52759 99.8019 9.35044C100.032 9.17328 100.181 8.94114 100.249 8.65401H100.995V8.79146C100.89 9.21909 100.654 9.57343 100.287 9.85443C99.9261 10.1354 99.46 10.276 98.8882 10.276C98.4095 10.276 97.9962 10.1751 97.6481 9.97355C97.3 9.77197 97.0327 9.49094 96.8462 9.13053C96.6597 8.76399 96.5663 8.34554 96.5663 7.87513ZM100.259 7.45363C100.246 7.06266 100.119 6.74193 99.8766 6.49146C99.6342 6.24102 99.2922 6.11577 98.8507 6.11577C98.3972 6.11577 98.0395 6.24102 97.7787 6.49146C97.5237 6.73583 97.387 7.05653 97.3682 7.45363H100.259ZM105.652 3.56836V6.1799H105.745C105.894 5.96612 106.096 5.79507 106.351 5.66677C106.612 5.5385 106.923 5.47433 107.283 5.47433C107.663 5.47433 108.017 5.56902 108.346 5.75841C108.682 5.94779 108.949 6.22574 109.148 6.59228C109.353 6.95269 109.456 7.38032 109.456 7.87513C109.456 8.36997 109.353 8.80064 109.148 9.16719C108.949 9.52759 108.679 9.80249 108.337 9.99188C108.001 10.1813 107.634 10.276 107.237 10.276C106.901 10.276 106.606 10.2118 106.351 10.0835C106.102 9.94912 105.9 9.77807 105.745 9.57035H105.652L105.465 10.166H104.906V3.56836H105.652ZM105.614 7.87513C105.614 8.41882 105.754 8.84645 106.034 9.158C106.314 9.46346 106.687 9.61619 107.153 9.61619C107.619 9.61619 107.992 9.46346 108.272 9.158C108.552 8.84645 108.691 8.41882 108.691 7.87513C108.691 7.33146 108.552 6.90689 108.272 6.60143C107.992 6.28988 107.619 6.1341 107.153 6.1341C106.687 6.1341 106.314 6.28988 106.034 6.60143C105.754 6.90689 105.614 7.33146 105.614 7.87513ZM110.593 5.5843L112.037 9.34129H112.131L113.576 5.5843H114.341V5.72175L112.112 11.2564C112.006 11.5069 111.867 11.6932 111.693 11.8154C111.525 11.9376 111.289 11.9987 110.984 11.9987H110.126V11.3389H111.226L111.32 11.2748L111.693 10.3767L109.828 5.72175V5.5843H110.593Z" fill="%23909090"/><mask id="mask0_4869_20393" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="116" y="2" width="48" height="10"><path d="M163.049 2H116.475V11.6403H163.049V2Z" fill="white"/></mask><g mask="url(%23mask0_4869_20393)"><path d="M126.639 10.5299V9.21595H125.99V4.93502H126.639V3.62109H124.021V4.93502H124.671V9.21595H124.021V10.5307H126.637L126.639 10.5299Z" fill="%23909090"/><path d="M121.1 9.14595L121.564 10.5307H122.955L120.543 3.62109H118.889L116.476 10.5307H117.868L118.332 9.14595H121.1ZM120.681 7.92176H118.749L119.715 5.08649L120.682 7.92425V7.92258L120.681 7.92176Z" fill="%23909090"/><path d="M163.05 6.63626V5.41211H161.904C161.545 5.41456 161.202 5.55946 160.949 5.81383C160.697 6.06825 160.555 6.41235 160.555 6.77046V10.5311H161.869V6.63626H163.05Z" fill="%23909090"/><path d="M158.034 10.533H159.289V3.12695H157.974V5.89475C157.568 5.50533 157.025 5.2913 156.461 5.29787C155.126 5.29787 154.021 6.45207 154.021 7.97592C154.021 9.49978 155.127 10.6433 156.461 10.6433C156.756 10.6474 157.047 10.5914 157.318 10.4778C157.589 10.365 157.834 10.1971 158.038 9.9855V10.5338H158.034V10.533ZM157.974 7.98335C157.974 8.78026 157.387 9.42733 156.66 9.42733C155.933 9.42733 155.345 8.80084 155.345 7.98335C155.345 7.16583 155.934 6.50969 156.66 6.50969C157.386 6.50969 157.974 7.1675 157.974 7.98335Z" fill="%23909090"/><path d="M151.708 10.531H153.022V7.53523C153.022 6.18179 152.225 5.2754 151.02 5.2754C150.766 5.27455 150.515 5.32972 150.286 5.43839C150.057 5.54706 149.855 5.70595 149.696 5.90271V5.40465H148.441V10.5319H149.756V7.53523C149.756 6.9573 150.164 6.5152 150.752 6.5152C151.618 6.5152 151.708 7.23226 151.708 7.53523V10.5319V10.531Z" fill="%23909090"/><path d="M141.524 4.84526H144.571V3.62109H141.561C141.202 3.62274 140.858 3.76681 140.605 4.02037C140.352 4.27476 140.209 4.61888 140.208 4.977V10.5299H141.523V7.71186H144.306V6.48767H141.523V4.84526H141.524Z" fill="%23909090"/><path d="M147.084 3.62109H145.77V4.84608H147.084V3.62109ZM147.084 5.40343H145.77V10.5307H147.084V5.40343Z" fill="%23909090"/><path d="M137.916 10.8436L136.529 9.40369C137.062 8.7772 137.384 7.96796 137.384 7.08379C137.384 5.79622 136.687 4.60002 135.563 3.96199C135.287 3.80475 134.935 3.9019 134.777 4.17851C134.62 4.45512 134.717 4.80664 134.993 4.9639C135.757 5.39776 136.23 6.20949 136.23 7.08379C136.23 8.42816 135.132 9.52225 133.782 9.52225C132.921 9.52225 132.113 9.06372 131.674 8.32525C131.511 8.05193 131.157 7.9622 130.884 8.12437C130.61 8.28736 130.521 8.64056 130.683 8.9147C131.329 10.0006 132.517 10.6756 133.782 10.6756C134.466 10.6756 135.105 10.4846 135.65 10.1537L137.085 11.6429L137.916 10.8436Z" fill="%23909090"/><path d="M133.809 4.65912V4.45412C133.159 4.45412 132.534 4.1948 132.074 3.7346C131.614 3.2744 131.356 2.65037 131.356 2H131.151C131.151 2.32272 131.087 2.64132 130.964 2.93933C130.84 3.23735 130.66 3.5082 130.432 3.73542C130.204 3.96346 129.933 4.14376 129.635 4.26724C129.337 4.39073 129.018 4.45412 128.696 4.45412V4.65912C129.346 4.65912 129.97 4.91844 130.429 5.37864C130.889 5.83884 131.147 6.46203 131.148 7.11241H131.353C131.354 6.46203 131.613 5.83884 132.073 5.37946C132.533 4.92008 133.157 4.66076 133.807 4.65994H133.809V4.65912Z" fill="%23909090"/></g></g></svg>');
  background-repeat: no-repeat;
  background-position: 0;
}
@media (min-width: 1025px) {
  .the-search-ai .the-search__results-title {
    height: 3.375rem;
    margin-left: 1.6875rem;
    background-position-y: 24px;
    margin-top: 32px;
  }
}
.the-search-ai .the-search-field {
  flex-direction: row;
  margin: 0;
  padding: 8px 48px 8px 0;
}
.the-search-ai .the-search-field::before {
  margin-right: 0;
  margin-left: 8px;
}
.the-search-ai .the-search-field input {
  --uses-typography: "the-search-ai-input";
  font-family: "FKGrotesk", "Arial", sans-serif;
  color: hsl(0, 0%, 0%);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.25;
  transform: none;
  width: 80%;
  margin-left: 0.3125rem;
  padding-bottom: 0;
  padding-left: 0.3125rem;
  border: 0;
  /* stylelint-disable-next-line max-nesting-depth */
}
@media (max-width: 767px) {
  .the-search-ai .the-search-field input {
    width: 133.3333333333%;
    margin-right: -33.3333333333%;
    /* remove extra white space */
    margin-bottom: -8px;
    /* enlarge by 16/12 = 133.33% */
    font-size: 1rem;
    line-height: 20px;
    /* scale down by 12/16 = 75% */
    transform: scale(0.75);
    transform-origin: left top;
  }
}
@media (min-width: 1025px) {
  .the-search-ai .the-search-field input {
    font-size: 0.875rem;
  }
}
@media (min-width: 768px) {
  .the-search-ai .the-search-field input {
    padding-bottom: 0;
  }
}
.the-search-ai .the-search-field input::-moz-placeholder {
  --uses-typography: "the-search-ai-input-placeholder";
  color: hsl(0, 0%, 56.5%);
  font-weight: 500;
}
.the-search-ai .the-search-field input::placeholder {
  --uses-typography: "the-search-ai-input-placeholder";
  color: hsl(0, 0%, 56.5%);
  font-weight: 500;
}
@media (min-width: 1025px) {
  .the-search-ai .the-search-field input::-moz-placeholder {
    font-weight: 700;
  }
  .the-search-ai .the-search-field input::placeholder {
    font-weight: 700;
  }
}

.the-search-ai-modal.base-modal {
  transition: none 0s ease 0s;
  transition: initial;
}
.the-search-ai-modal__dialog, .the-search-ai-modal__dialog .base-modal__dialog {
  height: 100dvh;
}
@media (min-width: 1025px) {
  .the-search-ai-modal--open .the-search-ai-modal__dialog {
    padding-top: var(--header-total-height);
  }
}
.the-search-ai-modal--open .the-search-ai-modal__content {
  height: 100%;
}
@media (min-width: 1025px) {
  .the-search-ai-modal--open .the-search-ai-modal__content {
    max-height: calc(100vh - var(--header-total-height));
    box-shadow: none;
  }
}
.the-search-ai-modal--open .the-search-ai-modal__backdrop {
  background-color: transparent;
}
@media (min-width: 1025px) {
  .the-search-ai-modal--open .the-search-ai-modal__close {
    top: 1.6875rem;
    right: 3.6875rem;
  }
}
.the-search-ai-modal__header {
  max-height: 0;
}
@media (max-width: 1024px) {
  .the-search-ai-modal[\:has\(.the-search-ai-form\%20.base-modal--open\)] {
    --header-height: 40px;
  }
  .the-search-ai-modal:has(.the-search-ai-form .base-modal--open) {
    --header-height: 40px;
  }
  .the-search-ai-modal[\:has\(.the-search-ai-form\%20.base-modal--open\)] .the-search-ai-modal__header {
    display: none;
  }
  .the-search-ai-modal:has(.the-search-ai-form .base-modal--open) .the-search-ai-modal__header {
    display: none;
  }
}

/**
 * BaseImageSearch.vue component as section with a svg icon as background.
 * and a input file hidden.
 */
.base-image-search {
  overflow: visible;
  width: 1.0625rem;
  height: 0.875rem;
  margin: 6px 12px;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 14" preserveAspectRatio="xMinYMid" fill="none"><path stroke="%23626262" d="M.5 2.383h16v10.33H.5z"/><circle cx="8.5" cy="7.547" r="2.808" stroke="%23626262"/><path stroke="%23626262" d="M3.092.5h3.244v1.807H3.092z"/></svg>');
  background-repeat: no-repeat;
}
.base-image-search::after {
  --hotzone-margins: 12px;
  position: absolute;
  top: calc(-1 * var(--hotzone-margins));
  left: calc(-1 * var(--hotzone-margins));
  width: calc(100% + 2 * var(--hotzone-margins));
  height: calc(100% + 2 * var(--hotzone-margins));
  content: "";
  background: transparent;
}
@media (min-width: 1025px) {
  .the-search-ai > .base-image-search {
    display: none;
  }
}
.the-search-form .base-image-search {
  position: absolute;
  top: 6px;
  right: 8px;
}

/**
 * BaseImageSearchPreview.vue component as section with two p as titles and image
 */
.base-image-search-preview {
  --image-search-spaces-left: 50%;
  margin-top: 34px;
  margin-bottom: 2px;
  margin-left: 16px;
  background-color: .base-image-search-preview color_white;
}
@media (min-width: 1025px) {
  .base-image-search-preview {
    --image-search-spaces-left: 25%;
  }
}
.base-image-search-preview img {
  width: var(--image-search-spaces-left);
  margin-bottom: 12px;
}
@media (min-width: 1025px) {
  .base-image-search-preview img {
    padding-left: 150px;
  }
}
.base-image-search-preview p {
  font-weight: 900;
  font-size: 0.875rem;
  font-style: normal;
}
.base-image-search-preview button {
  position: absolute;
  left: calc(var(--image-search-spaces-left) - 10px);
  margin-top: 8px;
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><g fill-rule="evenodd"><path d="M0 11.326L.647 12 12 .674 11.353 0z" fill="hsl(0, 0%, 100%)"/><path d="M11.353 12l.647-.674L.647 0 0 .674z" fill="hsl(0, 0%, 100%)"/></g></svg>');
}

.animation-image-frontface::before,
.searched-animation .base-product-grid__item:first-child::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: none;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  content: "";
  pointer-events: none;
}

.page--cart .byl-tooltip--the-search-ai {
  display: none;
}

/**
 * The product tiles grows with the columns of the product grid. These columns
 * are defined using bootstrap:
 *
 * >=0     2 columns
 * >=768   4 columns
 *
 * Because of this, the design considers two product tile sizes (S, L) to define
 * the look&feel of the tiles depending on the space that those columns leave to
 * grow to a tile
 *
 * >=0     tileS  - non-fluid
 * >=375   tileS  ---- fluid ---> 767 tileL
 * >=768   tileS  - non-fluid
 * >=1025  tileS  ---- fluid ---> 1920 tileL
 * >=1920  tileL  - non-fluid
 *
 * This mixin eases the task of defining the fluid values of a property for
 * these workflow
 *
 * @param {string} $property - Property name
 * @param {any} $small-tile-value - Property vale for a tile of size S
 * @param {any} $big-tile-value - Property vale for a tile of size L
 */
.base-product-grid {
  /**
   * 1. Bootstrap grid styling
   */
  /**
   * 1. Bootstrap grid styling
   */
  /**
   * 1. Override text-align: center that vue-infinite-plugin sets in an
   *    inline <style> tag
   */
}
.base-product-grid__list {
  /**
   * Margin between list and spinner (or SEO text, if exists)
   * https://share.goabstract.com/e5427e54-dd7c-4d8c-b40e-b597cbbb4f20?collectionLayerId=0294917f-4ef3-40f4-a4ca-22ddabaa2bf7&mode=design
   */
  margin-bottom: 16px;
  display: flex; /* [1] */
  flex-basis: 100%;
  flex-wrap: wrap; /* [1] */
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 375px) {
  .base-product-grid__list {
    margin-bottom: calc(0.0178571429 * 100vw + 10.2857142857px);
  }
}
@media (min-width: 768px) {
  .base-product-grid__list {
    margin-bottom: 16px;
  }
}
@media (min-width: 1025px) {
  .base-product-grid__list {
    margin-bottom: calc(0.0089385475 * 100vw + 6.8379888268px);
  }
}
@media (min-width: 1920px) {
  .base-product-grid__list {
    margin-bottom: 24px;
  }
}
.base-product-grid__item {
  position: relative; /* [1] */
  flex: 0 0 50%; /* [1] */
  width: 100%; /* [1] */
  padding: 1px;
}
@media (min-width: 768px) {
  .base-product-grid__item {
    flex: 0 0 25%; /* [1] */
  }
}
.base-product-grid__item--double-width {
  flex: 0 0 100%; /* [1] */
}
@media (min-width: 768px) {
  .base-product-grid__item--double-width {
    flex: 0 0 25%; /* [1] */
  }
}
.base-product-grid__item--image-double {
  flex: 0 0 100%;
}
@media (min-width: 768px) {
  .base-product-grid__item--image-double {
    flex: 0 0 50%;
  }
}
.base-product-grid__item--image-double.base-product-grid__item--minimal {
  flex-basis: 50%;
}
@media (min-width: 768px) {
  .base-product-grid__item--image-double.base-product-grid__item--minimal {
    flex-basis: 25%;
  }
}
.base-product-grid__item--image-full {
  flex: 0 0 100%;
}
.base-product-grid__item--image-full.base-product-grid__item--minimal {
  flex-basis: 50%;
}
@media (min-width: 768px) {
  .base-product-grid__item--image-full.base-product-grid__item--minimal {
    flex-basis: 25%;
  }
}
.base-product-grid__item--mobile-slider {
  flex: 0 0 100%;
}
@media (max-width: 767px) {
  .base-product-grid__item--mobile-slider {
    padding: 32px 0;
  }
}
@media (min-width: 768px) {
  .base-product-grid__item--mobile-slider {
    margin-bottom: 70px;
    flex-basis: 25%;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media (min-width: 768px) and (min-width: 375px) {
  .base-product-grid__item--mobile-slider {
    margin-bottom: calc(0.0401785714 * 100vw + 57.1428571429px);
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .base-product-grid__item--mobile-slider {
    margin-bottom: 70px;
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  .base-product-grid__item--mobile-slider {
    margin-bottom: calc(0.0201117318 * 100vw + 49.3854748603px);
  }
}
@media (min-width: 768px) and (min-width: 1920px) {
  .base-product-grid__item--mobile-slider {
    margin-bottom: 88px;
  }
}
.base-product-grid__item--minimal {
  flex-basis: 25%;
  margin-bottom: 0;
  padding: 0 1px 1px 0;
}
@media (min-width: 768px) {
  .base-product-grid__item--minimal {
    flex-basis: 12.5%;
  }
}
.base-product-grid__item:empty {
  display: none;
}
.base-product-grid__hidden-trigger {
  display: flex;
}
.base-product-grid__linebreak {
  display: block;
  width: 100%;
}
.base-product-grid .interaction--loader-grid {
  margin-top: 16px;
  color: hsl(0, 0%, 0%);
  font-weight: 900;
  font-size: 1.3125rem;
  text-align: left;
  text-transform: uppercase;
}
.base-product-grid .infinite-loading-container {
  text-align: left !important;
}
.base-product-grid .infinite-loading-container {
  flex: 0 0 100%; /* [1] */
}

.the-product-list {
  position: relative;
}
@media (min-width: 1025px) {
  .the-product-list__product-grid {
    padding-left: 8.125%;
  }
}
.the-product-list__top-message {
  position: relative;
  display: block;
  margin: 8px 0 4px;
  padding: 24px 16px 32px;
}
@media (min-width: 1025px) {
  .the-product-list__top-message {
    margin-bottom: 24px;
    padding-left: 32px;
  }
}
.the-product-list__top-message-title {
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 1025px) {
  .the-product-list__top-message-title {
    margin-bottom: 12px;
  }
}
.the-product-list__top-message-subtitle {
  margin-top: 0;
  margin-bottom: 0;
}
.the-product-list__description {
  --uses-typography: "the-product-list-description";
  color: hsl(0, 0%, 56.5%);
  font-family: "FKGrotesk-Monospaced", sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.25;
  margin-bottom: 8px;
  margin-right: 16px;
  margin-left: 16px;
}
@media (min-width: 375px) {
  .the-product-list__description {
    margin-bottom: calc(0.0178571429 * 100vw + 2.2857142857px);
  }
}
@media (min-width: 768px) {
  .the-product-list__description {
    margin-bottom: 8px;
  }
}
@media (min-width: 1025px) {
  .the-product-list__description {
    margin-bottom: calc(0.0089385475 * 100vw + -1.1620111732px);
  }
}
@media (min-width: 1920px) {
  .the-product-list__description {
    margin-bottom: 16px;
  }
}
@media (min-width: 1025px) {
  .the-product-list__description {
    margin-right: 0;
    margin-left: 0;
  }
}
.the-product-list__description h1 {
  --uses-typography: "the-product-list-description";
  color: hsl(0, 0%, 56.5%);
  font-family: "FKGrotesk-Monospaced", sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.25;
  margin: 0;
  text-transform: uppercase;
}
.the-product-list__description h2 {
  --uses-typography: "the-product-list-description";
  color: hsl(0, 0%, 56.5%);
  font-family: "FKGrotesk-Monospaced", sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.25;
  display: inline;
  margin: 0;
}
.the-product-list__description a {
  --uses-typography: "the-product-list-link-description";
  color: hsl(0, 0%, 56.5%);
  font-family: "FKGrotesk-Monospaced", sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 900;
  font-size: 0.75rem;
  line-height: 1.25;
  text-decoration: underline;
}
.the-product-list__empty {
  margin-top: 64px;
  margin-left: 16px;
  margin-right: 16px;
}
@media (min-width: 810px) {
  .the-product-list__empty {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media (min-width: 1025px) {
  .the-product-list__empty {
    margin-top: 11.8125rem;
    margin-bottom: 11.8125rem;
    margin-left: 22%;
    margin-right: 22%;
  }
}
.the-product-list__empty-text {
  --uses-typography: "the-product-list-empty-text";
  color: hsl(0, 0%, 0%);
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-weight: 900;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 575px) {
  .the-product-list__empty-text {
    color: hsl(0, 0%, 66%);
  }
}
@media (min-width: 1025px) {
  .the-product-list__empty-text {
    font-size: 1.875rem;
    line-height: 1.25;
  }
}
.the-product-list__empty-button {
  --uses-typography: "the-product-list-empty-button";
  z-index: 11;
}
@media (min-width: 575px) {
  .the-product-list__empty-button {
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-align: left;
    text-decoration: underline;
    text-transform: uppercase;
  }
}
@media (min-width: 1025px) {
  .the-product-list__empty-button {
    font-size: 1.875rem;
    line-height: 1.25;
  }
}
.the-product-list__empty-button:hover {
  text-decoration: none;
}
.the-product-list__filters.header-popup {
  display: none;
}
.the-product-list__filters.header-popup--show {
  display: flex;
}

.the-product-list-column-mode {
  --uses-typography: "the-product-list-filters-button";
  font-family: "FKGrotesk", "Arial", sans-serif;
  color: hsl(0, 0%, 0%);
  font-weight: 900;
  font-size: 0.625rem;
  text-transform: capitalize;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .the-product-list-column-mode {
    font-weight: 700;
    font-size: 0.875rem;
  }
}
.the-product-list-column-mode__mode {
  --uses-typography: "the-product-list-filters-button";
  font-family: "FKGrotesk", "Arial", sans-serif;
  color: hsl(0, 0%, 0%);
  font-weight: 900;
  font-size: 0.625rem;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
  /**
   * 1. Override colors from other minor classes (interactions...)
   */
}
@media (min-width: 768px) {
  .the-product-list-column-mode__mode {
    font-weight: 700;
    font-size: 0.875rem;
  }
}
@media (min-width: 768px) {
  .the-product-list-column-mode__mode {
    padding-right: 0.375rem;
    padding-left: 0;
    /* separator */
  }
  .the-product-list-column-mode__mode::before {
    display: block;
    width: 2px;
    height: 1.1em;
    margin-right: 0.375rem;
    overflow: hidden;
    color: hsl(0, 0%, 0%);
    background-color: currentcolor;
    content: "";
  }
  .the-product-list-column-mode__mode:first-of-type::before {
    color: transparent;
  }
}
.the-product-list-column-mode__mode--selected {
  color: hsl(0, 0%, 0%) !important;
}
.the-product-list-column-mode__mode--selected { /* [1] */
}

.the-product-list-header {
  position: sticky;
  top: 40px;
  top: var(--header-total-height);
  z-index: 28;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 8px 16px;
  line-height: 1;
}
@media (min-width: 810px) {
  .the-product-list-header {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1025px) {
  .the-product-list-header {
    padding-top: 16px;
    padding-left: 32px;
  }
}
.the-product-list-header__breadcrumbs {
  flex-grow: 1;
}
.the-product-list-header__filters-button {
  --uses-typography: "the-product-list-filters-button";
  font-family: "FKGrotesk", "Arial", sans-serif;
  color: hsl(0, 0%, 0%);
  font-weight: 900;
  font-size: 0.625rem;
  text-transform: capitalize;
  margin-left: 16px;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .the-product-list-header__filters-button {
    font-weight: 700;
    font-size: 0.875rem;
  }
}

.the-product-list-breadcrumbs {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.the-product-list-breadcrumbs__list-item {
  --uses-typography: "the-product-list-breadcrumbs";
  font-family: "FKGrotesk", "Arial", sans-serif;
  color: hsl(0, 0%, 66%);
  font-weight: 900;
  font-size: 0.75rem;
  text-transform: uppercase;
  display: inline;
}
@media (min-width: 1025px) {
  .the-product-list-breadcrumbs__list-item {
    font-size: calc(0.0044692737 * 100vw + 9.4189944134px);
  }
}
@media (min-width: 1280px) {
  .the-product-list-breadcrumbs__list-item {
    letter-spacing: 0.0375rem;
  }
}
.the-product-list-breadcrumbs__list-item + .the-product-list-breadcrumbs__list-item::before, .the-product-list-breadcrumbs__list-item h1 {
  --uses-typography: "the-product-list-breadcrumbs";
  font-family: "FKGrotesk", "Arial", sans-serif;
  color: hsl(0, 0%, 66%);
  font-weight: 900;
  font-size: 0.75rem;
  text-transform: uppercase;
}
@media (min-width: 1025px) {
  .the-product-list-breadcrumbs__list-item + .the-product-list-breadcrumbs__list-item::before, .the-product-list-breadcrumbs__list-item h1 {
    font-size: calc(0.0044692737 * 100vw + 9.4189944134px);
  }
}
@media (min-width: 1280px) {
  .the-product-list-breadcrumbs__list-item + .the-product-list-breadcrumbs__list-item::before, .the-product-list-breadcrumbs__list-item h1 {
    letter-spacing: 0.0375rem;
  }
}
@media (min-width: 1920px) {
  .the-product-list-breadcrumbs__list-item + .the-product-list-breadcrumbs__list-item::before, .the-product-list-breadcrumbs__list-item h1 {
    line-height: 0;
  }
}
.the-product-list-breadcrumbs__list-item + .the-product-list-breadcrumbs__list-item::before {
  margin: 0 0.125rem;
  content: ">";
}
.the-product-list-breadcrumbs__list-item h1 {
  display: inline;
  margin: 0;
}
.the-product-list-breadcrumbs__link {
  --uses-typography: "the-product-list-breadcrumbs";
  font-family: "FKGrotesk", "Arial", sans-serif;
  color: hsl(0, 0%, 66%);
  font-weight: 900;
  font-size: 0.75rem;
  text-transform: uppercase;
  text-decoration: none;
}
@media (min-width: 1025px) {
  .the-product-list-breadcrumbs__link {
    font-size: calc(0.0044692737 * 100vw + 9.4189944134px);
  }
}
@media (min-width: 1280px) {
  .the-product-list-breadcrumbs__link {
    letter-spacing: 0.0375rem;
  }
}
.the-product-list-breadcrumbs__link--disabled {
  pointer-events: none;
}

/*
Add a new directory to 7-1 pattern:

ITCSS's "trumps" or "utilities"

This layer beats other layers. This is where utility and helper styles are
defined. It is specificity heavy, can override previous styles and is the
tip of the triangle.

- Only affect one piece of the DOM at a time.
- Usually carry !useant.
- Class names usually begin with "u-" namespace
*/
/* Remove button appearance */
.u-btn-clean {
  background-color: inherit;
  border: 0;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.u-btn-clean--transparent {
  background-color: transparent;
}

.u-input-radio-clean__input {
  display: none;
}
.u-input-radio-clean__label.u-input-radio-clean__label {
  padding: 0;
}

/*
* data-color selectors
*/
[data-color=black] {
  color: hsl(0, 0%, 0%);
}

[data-color=matterhorn] {
  color: hsl(0, 0%, 33%);
}

[data-color=green] {
  color: hsl(132, 100%, 49%);
}

[data-color=red] {
  color: hsl(0, 100%, 50%);
}

[data-color=international-orange] {
  color: hsl(19, 100%, 50%);
}

[data-color=yellow] {
  color: hsl(60, 100%, 50%);
}

[data-color=razzle-dazzle-rose] {
  color: hsl(310, 100%, 63.5%);
}

/*
* data-background-color selectors
*/
[data-background-color=black] {
  background-color: hsl(0, 0%, 0%);
}

[data-background-color=matterhorn] {
  background-color: hsl(0, 0%, 33%);
}

[data-background-color=green] {
  background-color: hsl(132, 100%, 49%);
}

[data-background-color=red] {
  background-color: hsl(0, 100%, 50%);
}

[data-background-color=international-orange] {
  background-color: hsl(19, 100%, 50%);
}

[data-background-color=yellow] {
  background-color: hsl(60, 100%, 50%);
}

[data-background-color=razzle-dazzle-rose] {
  background-color: hsl(310, 100%, 63.5%);
}

[data-background-color=emerald] {
  background-color: hsl(117, 65%, 55%);
}

/*
* data-font-style
*/
[data-font-style=normal] {
  font-style: normal;
}

[data-font-style=italic] {
  font-style: italic;
}

/*
* data-font-weight
*/
[data-font-weight=light] {
  font-weight: 100;
}

[data-font-weight=regular] {
  font-weight: 400;
}

[data-font-weight=medium] {
  font-weight: 500;
}

[data-font-weight=bold] {
  font-weight: 700;
}

[data-font-weight=semibold] {
  font-weight: 600;
}

[data-font-weight=black] {
  font-weight: 900;
}

/*
* data-font-family
*/
[data-font-family=sans-serif] {
  font-family: "FKGrotesk", "Arial", sans-serif;
}

[data-font-family=serif] {
  font-family: "EBGaramond", georgia, serif;
}

/**
 * As header is floating on desktop, this class can be applied to a pop up or
 * a layout.
 * Doing this the layer can be visible, not hidden behind the header
 */
@media (min-width: 1025px) {
  .u-next-to-header {
    margin-top: 92px;
    margin-top: var(--header-total-height);
  }
}

/**
 * This modifier adds to a layer the ability of being visible and adding a fake
 * background to the header
 */
@media (min-width: 1025px) {
  .u-next-to-header--colorize-header {
    margin-top: 0;
    padding-top: 92px;
    padding-top: var(--header-total-height);
    background-image: linear-gradient(180deg, hsl(0, 0%, 96%) 0, hsl(0, 0%, 96%) 92px, transparent 92px, transparent);
    background-image: linear-gradient(180deg, hsl(0, 0%, 96%) 0, hsl(0, 0%, 96%) var(--header-total-height), transparent var(--header-total-height), transparent);
  }
}

.u-nowrap {
  white-space: nowrap;
}

.u-scrollbar-byl {
  /* Internet Explorer */
  scrollbar-face-color: hsl(0, 0%, 66%);
  scrollbar-track-color: transparent;
  /* W3C Working Draft */
  scrollbar-color: hsl(0, 0%, 66%) transparent; /* stylelint-disable-line property-no-unknown */
}
.u-scrollbar-byl::-webkit-scrollbar-thumb {
  background-color: hsl(0, 0%, 66%);
  border-radius: 0;
}
.u-scrollbar-byl::-webkit-scrollbar-track {
  background-color: transparent;
}
.u-scrollbar-byl::-webkit-scrollbar {
  width: 9px;
  height: 9px;
  background-color: hsl(0, 0%, 92%);
}

.u-scrollbar-none {
  /* Internet Explorer */
  scrollbar-face-color: transparent;
  scrollbar-track-color: transparent;
  /* W3C Working Draft */
  scrollbar-color: transparent transparent; /* stylelint-disable-line property-no-unknown */
  overflow: -moz-scrollbars-none;
  list-style: none;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.u-scrollbar-none::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 0;
}
.u-scrollbar-none::-webkit-scrollbar-track {
  background-color: transparent;
}
.u-scrollbar-none::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: hsl(0, 0%, 92%);
}
.u-scrollbar-none::-webkit-scrollbar {
  display: none;
}

.u-scroll-disabled {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow: hidden hidden;
}

/*# sourceMappingURL=critical.css.map*/