/**
 * 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
 */
/**
 * 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),
 */
/**
 * Returns a curve from the $transition-curves list
 */
/**
 * Returns a speed from the $transition-times 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))
 */
/* -------------------------------------------------------------------------- *\
 *  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
 * -------------------------------------------------------------------------- */
/*
 * 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
 */
/*
$color__black: hsl(0, 0%, 0%);          // #000
$color__white: hsl(0, 0%, 100%);        // #fff

$color__nero: hsl(0, 0%, 14%);         //#242424
$color__matterhorn: hsl(0, 0%, 33%);         //#555555
$color__dark-gray: hsl(0, 0%, 66%);         //#A8A8A8
$color__gray: hsl(0, 0%, 78%);         //#C8C8C8
$color__white-smoke: hsl(0, 0%, 96%);         //#F4F4F4

$color__black20: hsla(0, 0%, 0%, 0.2);    //rgba(255, 255, 255, 20)
$color__gray50: hsla(0, 0%, 78%, 0.5);   //rgba(200, 200, 200, 50)

// Promo colors
$color__green: hsl(132, 100%, 49%);     // #00F830
$color__cookie: $color__green;
$color__red: hsl(0, 100%, 50%);       // #f00
$color__red-campaign: $color__red;
$color__international-orange: hsl(19, 100%, 50%);      // #ff5200
$color__sales: $color__international-orange;
$color__yellow: hsl(60, 100%, 50%);      // #FFFF00
$color__razzle-dazzle-rose: hsl(310, 100%, 64%);     // #FF45E0
$color__who-we-are: $color__razzle-dazzle-rose;

/// --------------------------------------------------------------------------
///    Old palette
/// --------------------------------------------------------------------------
$color__alabaster: hsl(0, 0%, 98%);         // #fafafa;
$color__alto: hsla(0, 0%, 0%, 0.33);   // #00000054 = #d3d3d3;
$color__blue: hsl(231, 100%, 50%);     // #0026FF
$color__silver: hsl(0, 0%, 51%);         // #838383
$color__early-dawn: hsl(44, 100%, 95%);      // #fff9e8
$color__orange: hsl(30, 100%, 53%);      // #ff8810
$color__malachite: hsl(122, 69%, 51%);      // #2dd933
$color__violet: hsl(275, 77%, 15%);      // #2c0945
$color__royal-blue: hsl(229, 73.1%, 57.6%);  // #4462e2
$color__sunset-orange: hsl(0, 100%, 64.7%);     // #ff4b4b
$color__transparent: hsla(360, 100%, 100%, 0); //rgba(255, 255, 255, 0)

//Social networks
$color__facebook: $color__royal-blue;
$color__google: $color__sunset-orange;
*/
/* 1025 is used instead of 1024 because touch devices design is not specified */
/**
 * 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),
 */
/**
 * @tokens Font Families
 * @presenter FontFamily
 */
/** System monospace */
/**
 * @tokens Font Weights
 * @presenter FontWeight
 */
/**
 * @tokens Font Sizes
 * @presenter FontSize
 */
/**
 * @tokens Line Height
 * @presenter Spacing
 */
/* @token Border
 * @presenter Spacing
 */
/* @token Border
 * @presenter Spacing
 */
/* Scrollbars customization */
/* Custom width */
/* Custom width */
/*
  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.
*/
/**
 * Payment cards used in account, visa, mastercard,
 */
/**
 * 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
 */
/* -------------------------------------------------------------------------- *\
==============
| 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
\* -------------------------------------------------------------------------- */
/* $theme-colors: map-merge(
    (
      "primary":    $primary,
      "secondary":  $secondary,
      "success":    $success,
      "info":       $info,
      "warning":    $warning,
      "danger":     $danger,
      "light":      $light,
      "dark":       $dark
    ),
    $theme-colors
); */
/*
$carousel-control-prev-icon-bg: str-replace(
  url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' 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='black' 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"
);
*/
/*
 * 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
 */
/**
 * 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
 */
/* Mixin to use if touch devices design is specified */
/* Ignore, hover Device with limited pointing accuracy (touch) */
/**
 * Hide scrollbars during width/height transition with keyframes
 * Source: https://css-tricks.com/hide-scrollbars-during-an-animation/
 */
@-webkit-keyframes hide-scroll {
  from,
  to {
    overflow-y: hidden; } }
@keyframes hide-scroll {
  from,
  to {
    overflow-y: hidden; } }

/*
 * 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)));
*/
/*
 * Returns a set of selectors to apply some interaction styles to,
 * when we need to style the element or its related nodes
*/
/*
 * Returns a set of selectors to apply some interaction active styles to,
 * when we need to style the element or its related nodes
*/
/*
 * Adds content for an interaction state
*/
/**
 * 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
 */
html {
  /* Internet Explorer */
  scrollbar-face-color: #a8a8a8;
  scrollbar-track-color: transparent;
  /* W3C Working Draft */
  scrollbar-color: #a8a8a8 transparent;
  /* stylelint-disable-line property-no-unknown */
  box-sizing: border-box; }
  html::-webkit-scrollbar-thumb {
    background-color: #a8a8a8;
    border-radius: 0; }
  html::-webkit-scrollbar-track {
    background-color: transparent; }
  html::-webkit-scrollbar {
    width: 9px;
    height: 9px;
    background-color: #ebebeb; }
  html :focus {
    outline: 1px solid #909090;
    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 {
  /* stylelint-disable */
  --uses-typography: 'body-base';
  color: black;
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-size: 0.875rem;
  /* stylelint-enable */
  margin: 0;
  overflow-x: hidden;
  background-color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

button {
  padding: unset;
  cursor: pointer; }

.main {
  position: relative; }

img {
  max-width: 100%; }

/*
 * 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);
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%); }

.visibility-hidden {
  visibility: hidden; }

:root {
  --color-sales: #ff5100; }

/*   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; }

.header__logo,
.header > .logo, .header-no-menu .logo {
  padding-left: 16px; }
  @media (min-width: 1025px) {
    .header__logo,
    .header > .logo, .header-no-menu .logo {
      position: relative;
      z-index: 9999;
      padding-left: 32px; } }

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

@media (min-width: 1025px) {
  .header--background-transparent.header-group, .header--background-transparent-white.header-group {
    position: fixed; }
    .header--background-transparent.header-group .header:not(.header--search-open):not(.header--header-popup-open), .header--background-transparent-white.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.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):hover, .header--background-transparent.header-group .header:not(.header--search-open):not(.header--header-popup-open):focus, .header--background-transparent-white.header-group .header:not(.header--search-open):not(.header--header-popup-open):focus {
        background-color: white; } }

.header {
  position: relative;
  z-index: 30;
  display: grid;
  grid-template: "logo   nav" 40px/auto auto;
  width: 100vw;
  height: 40px;
  background-color: white; }
  @media (min-width: 1025px) {
    .header {
      grid-template: 'logo logo' 'menu nav' auto;
      grid-template-columns: minmax(0, 1fr) -webkit-min-content;
      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;
    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.00447 * 100vw + 3.41899px) 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.00894 * 100vw + 22.83799px); } }
  @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: white; }
        .header--background-transparent-white.header-group:not(:hover) .header:not(.header--search-open):not(.header--header-popup-open) .the-menu-item__link--highlight {
          color: black;
          color: var(--category-color-desktop, black); } }

@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: white;
      /* 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: black;
        color: var(--category-color-desktop, black); }
  .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 calc(max(500px, 35vw)) 39vw; } }
  .header-no-menu__back-link {
    grid-area: back;
    align-self: center;
    justify-self: 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.00894 * 100vw + -1.16201px); } }
    @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 {
    /* stylelint-disable */
    --uses-typography: 'checkout-page-title';
    font-family: "FKGrotesk", "Arial", sans-serif;
    font-size: 0.875rem;
    font-weight: 900;
    text-transform: uppercase;
    /* stylelint-enable */
    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.01117 * 100vw + 28.54749px); } }
    @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; } }

.header-banner {
  /* stylelint-disable */
  --uses-typography: 'header-banner';
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-size: calc(0.00187 * 100vw + 11.4px);
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  /* stylelint-enable */
  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; }

@-webkit-keyframes slider-top-banner {
  from {
    transform: translateX(0%); }
  to {
    transform: translateX(-100%); } }

@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;
    -webkit-animation: slider-top-banner var(--animation-time-hbanner) infinite linear;
            animation: slider-top-banner var(--animation-time-hbanner) infinite linear;
    will-change: transform; }
    @media (min-width: 1025px) {
      .header-banner .html-slot-container span {
        -webkit-animation: slider-top-banner var(--animation-time-desktop-hbanner) infinite linear;
                animation: slider-top-banner var(--animation-time-desktop-hbanner) infinite linear; } }
  .header-banner:hover div > span {
    -webkit-animation-play-state: paused;
            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="black"/><path d="M15.91 0l1.944 1.944-15.91 15.91L0 15.91z" fill="black"/></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 {
    /* stylelint-disable */
    --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;
    /* stylelint-enable */
    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.00447 * 100vw + 9.41899px); } }
    @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="black" 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: unset;
      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="black"/><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="black"/><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="black" 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="black" 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="black" 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="black" stroke-width="2" fill="black" 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: unset; }

@-webkit-keyframes showNewNumber {
  0% {
    background: white;
    transform: scale(1.1); }
  50% {
    background: black;
    transform: scale(1.1); }
  100% {
    transform: none; } }

@keyframes showNewNumber {
  0% {
    background: white;
    transform: scale(1.1); }
  50% {
    background: black;
    transform: scale(1.1); }
  100% {
    transform: none; } }

.minicart {
  /* stylelint-disable */
  --uses-typography: 'header-cart';
  font-size: 0.6875rem;
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  /* stylelint-enable */
  position: relative;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  width: 1.3125rem;
  height: 1.3125rem;
  padding: 0;
  overflow: visible;
  color: white;
  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: black;
    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 {
    -webkit-animation: showNewNumber 200ms;
            animation: showNewNumber 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 */
/* -------------------------------------------------------------------------- *\
 *  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
 * -------------------------------------------------------------------------- */
.btn, 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 {
  /* stylelint-disable */
  --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;
  /* stylelint-enable */
  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; }
  .btn:active, 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 {
    background-color: rgba(199, 199, 199, 0.5);
    /* mouse, touch pad */ }
    @media (hover: hover) and (pointer: fine) {
      .btn:active, 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 {
        background-color: transparent; } }
  .disabled.btn, 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, .btn:disabled, 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 {
    color: #909090;
    cursor: default;
    pointer-events: none; }

/*
 * MODIFIERS
 * -------------------------------------------------------------------------- */
.btn--cookies,
.btn--modal {
  /* stylelint-disable */
  --uses-typography: 'forms-btn--green';
  font-size: 1.4375rem;
  text-transform: uppercase;
  color: #00fa32;
  line-height: 1.25;
  /* stylelint-enable */
  background-color: unset;
  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 {
  /* stylelint-disable */
  --uses-typography: 'forms-btn--white';
  font-size: 1.4375rem;
  text-transform: uppercase;
  color: white;
  line-height: 1.25;
  /* stylelint-enable */
  background-color: unset;
  border: 0; }

.btn--cookies-setting,
.btn--modal-secondary, .btn--text-italic, 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) {
  /* stylelint-disable */
  --uses-typography: 'forms-btn--text-italic';
  font-family: "EBGaramond", georgia, serif;
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.25;
  /* stylelint-enable */
  background-color: transparent;
  border: 0; }
  @media (min-width: 810px) {
    .btn--cookies-setting,
    .btn--modal-secondary, .btn--text-italic, 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-weight: 600; } }

.btn--back,
.btn--back-menu, .btn--back-black, .btn--back-checkout-modal {
  display: inline-flex;
  align-items: center;
  color: #909090; }
  .btn--back::before,
  .btn--back-menu::before, .btn--back-black::before, .btn--back-checkout-modal::before {
    display: inline-block;
    width: 0.85714em;
    height: 0.85714em;
    margin-right: 4px;
    font-size: 0.85714em;
    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="%23909090" fill-rule="evenodd" transform="matrix(-1, 0, 0, -1, 12, 12)" /></svg>');
    background-repeat: no-repeat;
    background-position: center;
    content: ''; }
  .btn--back:hover,
  .btn--back-menu:hover, .btn--back-black:hover, .btn--back-checkout-modal:hover {
    color: black; }
    .btn--back:hover::before,
    .btn--back-menu:hover::before, .btn--back-black:hover::before, .btn--back-checkout-modal: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="black" fill-rule="evenodd" transform="matrix(-1, 0, 0, -1, 12, 12)" /></svg>'); }

.btn--primary,
.btn-primary {
  color: black; }

.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="%23909090" 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="black" 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="%23909090" fill-rule="evenodd"/></svg>'); }

.btn--secondary {
  color: #909090; }

.btn--cookies-setting,
.btn--modal-secondary {
  color: white; }

.btn--link {
  /* stylelint-disable */
  --uses-typography: 'forms-btn--link';
  color: black;
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  text-decoration: underline;
  /* stylelint-enable */ }
  @media (min-width: 1025px) {
    .btn--link {
      font-size: 0.875rem; } }

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

.btn--rrss {
  /* stylelint-disable */
  --uses-typography: 'forms-btn--rrss';
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  /* stylelint-enable */ }
  @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: white;
  background-color: #242424;
  border-radius: 1.15625rem;
  /* Enable pointer events to prevent clicking other elements in page below floating btn
  * Disabled state shouldn't fire click events
  */
  /* stylelint-disable */
  --uses-typography: 'forms-btn--cta';
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  /* stylelint-enable */
  position: fixed;
  bottom: calc(24px + 4px);
  width: calc(100vw - calc(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: rgba(36, 36, 36, 0.78); }
    @media (min-width: 768px) {
      .btn--cta:active {
        color: black;
        background-color: transparent; } }
  .btn--cta.disabled, .btn--cta:disabled {
    color: white;
    background-color: #a8a8a8; }
    @media (min-width: 768px) {
      .btn--cta.disabled, .btn--cta:disabled {
        color: #909090;
        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: white;
  background-color: #242424;
  border-radius: 1.15625rem;
  /* Enable pointer events to prevent clicking other elements in page below floating btn
  * Disabled state shouldn't fire click events
  */
  /* stylelint-disable */
  --uses-typography: 'forms-btn--cta-to-txt';
  color: white;
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 900;
  text-transform: uppercase;
  /* stylelint-enable */ }
  @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: rgba(36, 36, 36, 0.78); }
    @media (min-width: 1025px) {
      .btn--cta-to-txt:active {
        color: black;
        background-color: transparent; } }
  .btn--cta-to-txt.disabled, .btn--cta-to-txt:disabled {
    color: white;
    background-color: #a8a8a8; }
    @media (min-width: 1025px) {
      .btn--cta-to-txt.disabled, .btn--cta-to-txt:disabled {
        color: #909090;
        background-color: transparent; } }
  .btn--cta-to-txt:disabled {
    pointer-events: all; }
  @media (min-width: 1025px) {
    .btn--cta-to-txt {
      color: black;
      font-size: calc(0.00209 * 100vw + 20.79581px); } }
  @media (min-width: 1530px) {
    .btn--cta-to-txt {
      font-size: calc(0.01538 * 100vw + 0.46154px); } }
  @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 - calc(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 - calc(12px + 50px + 16px) - 16px); } }
    @media (min-width: 768px) {
      .btn--cta-to-txt-floating {
        right: calc(12px + 50px + 24px);
        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: #909090; }

.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: white;
  background-color: #242424;
  border-radius: 1.15625rem;
  /* Enable pointer events to prevent clicking other elements in page below floating btn
  * Disabled state shouldn't fire click events
  */
  /* stylelint-disable */
  --uses-typography: 'forms-btn--cta';
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  /* stylelint-enable */
  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: rgba(36, 36, 36, 0.78); }
  .btn--round-black.disabled, .btn--round-black:disabled {
    color: white;
    background-color: #a8a8a8; }
  .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: white;
  background-color: #242424;
  border-radius: 1.15625rem;
  /* Enable pointer events to prevent clicking other elements in page below floating btn
  * Disabled state shouldn't fire click events
  */
  /* stylelint-disable */
  --uses-typography: 'forms-btn--cta-to-txt';
  color: white;
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-size: 0.8125rem;
  font-weight: 900;
  text-transform: uppercase;
  /* stylelint-enable */
  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: rgba(36, 36, 36, 0.78); }
    @media (min-width: 1025px) {
      .btn--round-black-mobile:active {
        color: black;
        background-color: transparent; } }
  .btn--round-black-mobile.disabled, .btn--round-black-mobile:disabled {
    color: white;
    background-color: #a8a8a8; }
    @media (min-width: 1025px) {
      .btn--round-black-mobile.disabled, .btn--round-black-mobile:disabled {
        color: #909090;
        background-color: transparent; } }
  .btn--round-black-mobile:disabled {
    pointer-events: all; }
  @media (min-width: 1025px) {
    .btn--round-black-mobile {
      color: black;
      font-size: calc(0.00209 * 100vw + 20.79581px); } }
  @media (min-width: 1530px) {
    .btn--round-black-mobile {
      font-size: calc(0.01538 * 100vw + 0.46154px); } }
  @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 {
  /* stylelint-disable */
  --uses-typography: 'forms-btn--back';
  font-size: 0.875rem;
  /* stylelint-enable */
  line-height: 1rem; }
  @media (min-width: 1025px) {
    .btn--back,
    .btn--back-menu {
      font-size: calc(0.01788 * 100vw + -4.32402px); } }
  @media (min-width: 1920px) {
    .btn--back,
    .btn--back-menu {
      font-size: 1.875rem; } }

.btn--back-black {
  /* stylelint-disable */
  --uses-typography: 'forms-btn--back';
  font-size: 0.875rem;
  /* stylelint-enable */
  color: black;
  line-height: 1rem; }
  @media (min-width: 1025px) {
    .btn--back-black {
      font-size: calc(0.01788 * 100vw + -4.32402px); } }
  @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="black" fill-rule="evenodd" transform="matrix(-1, 0, 0, -1, 12, 12)" /></svg>'); }

.btn--back-checkout-modal {
  /* stylelint-disable */
  --uses-typography: 'forms-btn--back-checkout';
  font-weight: 900;
  font-size: 0.9375rem;
  text-transform: uppercase;
  /* stylelint-enable */
  position: fixed;
  top: 12px;
  left: 16px; }
  @media (min-width: 575px) {
    .btn--back-checkout-modal {
      font-size: calc(0.00419 * 100vw + 13.59162px); } }
  @media (min-width: 1530px) {
    .btn--back-checkout-modal {
      font-size: calc(0.01282 * 100vw + 0.38462px); } }
  @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 {
  /* stylelint-disable */
  --uses-typography: 'forms-label';
  color: #909090;
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-style: italic;
  font-weight: 500;
  text-overflow: ellipsis;
  text-transform: lowercase;
  /* stylelint-enable */
  /* stylelint-disable */
  --uses-typography: 'forms-label--checkbox';
  color: black;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  line-height: 1.25;
  /* stylelint-enable */
  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 black;
    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 {
    /* stylelint-disable */
    --uses-typography: 'forms-label--check-dropdown';
    color: black;
    font-family: "EBGaramond", georgia, serif;
    font-size: 1rem;
    font-weight: 700;
    /* stylelint-enable */ }
    @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: #909090;
    border-color: #909090; }
  .btn-checkbox--selected::before,
  .btn-radio--selected::before {
    background: black;
    border-color: black; }

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

.link {
  /* stylelint-disable */
  --uses-typography: 'links-base';
  color: black;
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  text-decoration: underline;
  /* stylelint-enable */
  padding: 0 1px;
  cursor: pointer; }
  @media (min-width: 1025px) {
    .link {
      font-size: 0.875rem; } }
  .link:active {
    background-color: rgba(199, 199, 199, 0.5); }
  .link.disabled, .link:disabled {
    color: #909090;
    cursor: default; }

.link--highlight {
  /* stylelint-disable */
  --uses-typography: 'links-highlight';
  font-family: "EBGaramond", georgia, serif;
  font-size: 0.875rem;
  font-style: italic;
  /* stylelint-enable */ }
  @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;
  /* stylelint-disable */
  --uses-typography: 'links-home';
  color: black;
  font-weight: 700;
  font-size: 0.875rem;
  /* stylelint-enable */
  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: #fafafa; }

.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 {
    /* stylelint-disable */
    --uses-typography: 'product-card-promo-text';
    font-family: "FKGrotesk", "Arial", sans-serif;
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 1.25;
    color: #a8a8a8;
    /* stylelint-enable */
    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: black;
    font-weight: 700;
    text-decoration: line-through; }
  .base-price__price {
    color: black;
    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 {
  /* stylelint-disable */
  --uses-typography: 'the-home-base';
  font-size: 0.875rem;
  font-family: "FKGrotesk", "Arial", sans-serif;
  font-style: normal;
  font-weight: 700;
  /* stylelint-enable */
  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.01341 * 100vw + -2.25698px) 7.29vw; } }
  @media (min-width: 1920px) {
    .base-title-subtitle {
      margin-bottom: -1.75rem;
      margin-left: 8.75rem; } }
  .base-title-subtitle__title {
    /* stylelint-disable */
    --uses-typography: 'the-home-title';
    font-family: "FKGrotesk", "Arial", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: calc(0.01786 * 100vw + 22.28571px);
    letter-spacing: calc(0.00051 * 100vw + 0.63571px);
    line-height: 1;
    text-decoration: none;
    /* stylelint-enable */
    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.02162 * 100vw + 18.48649px);
        letter-spacing: calc(0.00015 * 100vw + 0.90595px); } }
    @media (min-width: 1920px) {
      .base-title-subtitle__title {
        font-size: 3.75rem;
        letter-spacing: 0.075rem; } }
  .base-title-subtitle__subtitle {
    /* stylelint-disable */
    --uses-typography: 'the-home-subtitle';
    font-family: "EBGaramond", georgia, serif;
    font-weight: 700;
    font-style: italic;
    font-size: calc(0.0067 * 100vw + 15.85714px);
    line-height: 1;
    letter-spacing: 0;
    text-decoration: none;
    /* stylelint-enable */
    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.00991 * 100vw + 12.97297px); } }
    @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.4574 * 100vw + 196.99628px);
      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.00743 * 100vw + 9.72491px); } }
  @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: #00fa32; }
  @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.00297 * 100vw + 10.28996px); } }
  @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 white;
  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: unset;
  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-family: "FKGrotesk";
  font-style: normal;
  font-weight: 500 !important;
  font-size: 0.625rem !important; }
  @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 {
  position: fixed;
  bottom: calc(80px + 1.375rem);
  display: block !important;
  width: auto;
  margin-right: 0;
  padding-bottom: 16px !important;
  padding-top: 0 !important; }
  @media (min-width: 575px) {
    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;
      padding-bottom: 0 !important;
      padding-top: 8px !important; } }

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: unset;
  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.00223 * 100vw + 16.71747px);
      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;
  grid-gap: 12px;
  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: unset;
      text-align: left;
      grid-gap: 48px;
      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: unset; }
  @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 {
      grid-gap: 12px;
      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 {
      min-width: unset;
      height: unset !important;
      height: -webkit-fit-content !important;
      height: -moz-fit-content !important;
      height: fit-content !important;
      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: #a8a8a8;
  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.00074 * 100vw + 10.57249px); } }
  @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: unset; }
  @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: #545454;
  border: 0; }
  div#onetrust-consent-sdk #onetrust-pc-sdk .ot-switch-nob::before {
    bottom: -3px;
    left: -1px;
    width: 14px;
    height: 14px;
    background-color: #909090; }

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: rgba(0, 250, 50, 0.55);
  border: 0; }
  div#onetrust-consent-sdk #onetrust-pc-sdk .ot-tgl input:checked + .ot-switch .ot-switch-nob::before {
    background-color: #00fa32;
    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 {
  /* Internet Explorer */
  scrollbar-face-color: #545454;
  scrollbar-track-color: transparent;
  /* W3C Working Draft */
  scrollbar-color: #545454 transparent;
  /* stylelint-disable-line property-no-unknown */
  position: relative;
  top: unset;
  bottom: unset;
  width: 100%;
  height: calc(100% -  64px -  16px - 1.375rem - 16px - 1.75rem) !important;
  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: #545454;
    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: #ebebeb; }
  @media (min-width: 575px) {
    div#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-content {
      height: 55vh !important;
      max-height: 55vh !important;
      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 {
      -webkit-animation: none;
              animation: none; } }

.the-menu__wrapper {
  /* Internet Explorer */
  scrollbar-face-color: rgba(168, 168, 168, 0.5);
  scrollbar-track-color: #f1f3f4;
  /* W3C Working Draft */
  scrollbar-color: rgba(168, 168, 168, 0.5) #f1f3f4;
  /* 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: rgba(168, 168, 168, 0.5);
    border-radius: 0; }
  .the-menu__wrapper::-webkit-scrollbar-track {
    background-color: #f1f3f4; }
  .the-menu__wrapper::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #ebebeb; }

.the-menu__list {
  /* Internet Explorer */
  scrollbar-face-color: rgba(168, 168, 168, 0.5);
  scrollbar-track-color: #f1f3f4;
  /* W3C Working Draft */
  scrollbar-color: rgba(168, 168, 168, 0.5) #f1f3f4;
  /* 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: rgba(168, 168, 168, 0.5);
    border-radius: 0; }
  .the-menu__list::-webkit-scrollbar-track {
    background-color: #f1f3f4; }
  .the-menu__list::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #ebebeb; }

.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: unset;
        border-radius: 0; } }
    .the-menu__inner::before {
      position: absolute;
      top: 0;
      display: block;
      width: 100%;
      height: calc(100% - 50px);
      background-color: white;
      background-color: var(--category-bg-color, white);
      content: ''; }
      @media (min-width: 1025px) {
        .the-menu__inner::before {
          content: none; } }
    @supports ((-webkit-clip-path: inset(0% 0% 0% 0% round 0)) or (clip-path: inset(0% 0% 0% 0% round 0))) {
      .the-menu__inner--is-clip-path {
        border-radius: 0;
        -webkit-clip-path: inset(0% 0% 0% 0% round 25px);
                clip-path: inset(0% 0% 0% 0% round 25px); }
        @media (min-width: 1025px) {
          .the-menu__inner--is-clip-path {
            -webkit-clip-path: none;
                    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: #242424;
    background-color: var(--menu-bg-color, #242424);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    @media (min-width: 1025px) {
      .the-menu__bar {
        display: none; } }
  .the-menu__title {
    /* stylelint-disable */
    --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;
    /* stylelint-enable */
    display: flex;
    align-items: center;
    padding-left: 16px;
    color: white;
    color: var(--menu-color, white); }
    @media (min-width: 810px) {
      .the-menu__title {
        font-size: calc(0.00465 * 100vw + 9.23256px); } }
    @media (min-width: 1025px) {
      .the-menu__title {
        font-size: calc(0.00594 * 100vw + 6.91089px);
        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: white;
    background-color: var(--category-bg-color, white); }
    @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: unset;
        background-color: transparent;
        opacity: 1;
        transition: none;
        pointer-events: unset; } }
    .the-menu__layer--open .the-menu__wrapper {
      -webkit-animation: hide-scroll 300ms backwards;
              animation: hide-scroll 300ms backwards;
      overflow-y: auto; }
      @media (min-width: 1025px) {
        .the-menu__layer--open .the-menu__wrapper {
          -webkit-animation: none;
                  animation: none; } }
  @media (min-width: 1025px) {
    .the-menu__wrapper {
      position: relative;
      overflow-y: unset; } }
  @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;
      grid-gap: 1vw;
      gap: 1vw;
      justify-content: flex-start;
      width: auto;
      max-width: 100%;
      margin: 0;
      padding: 0;
      overflow-x: auto;
      overflow-y: 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, white 0%, white 50%, rgba(255, 255, 255, 0) 100%); }
        .the-menu__list--overflowing::after {
          right: 0;
          width: calc(1vw * 2);
          background: linear-gradient(to left, white 0%, white 30%, rgba(255, 255, 255, 0) 100%); } }
  @media (min-width: 1280px) {
    .the-menu__list {
      grid-gap: 1.2vw;
      gap: 1.2vw; }
      .the-menu__list--overflowing {
        grid-gap: 1vw;
        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 {
      grid-gap: 1.4vw;
      gap: 1.4vw; }
      .the-menu__list--overflowing {
        grid-gap: 1vw;
        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 {
      grid-gap: 24px;
      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: #242424;
    background-color: var(--menu-bg-color, #242424);
    border: 0;
    border-radius: 25px;
    transform: rotate(90deg);
    -webkit-tap-highlight-color: rgba(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: white;
      background-color: var(--menu-icon-color, white);
      -webkit-mask-image: url('data:image/svg+xml;utf-8,<svg width="24" height="15" xmlns="http://www.w3.org/2000/svg"><g fill="white" 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="white" 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: rgba(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-item--with-separator:not(:first-of-type):not(.the-menu-item--complex-child) .the-menu-submenu__wrapper {
    padding-left: calc(calc(0.01788 * 100vw + 13.67598px) - 1vw); } }

@media (min-width: 1280px) {
  .the-menu-item--with-separator:not(:first-of-type):not(.the-menu-item--complex-child), .the-menu-item--with-separator:not(:first-of-type):not(.the-menu-item--complex-child) .the-menu-submenu__wrapper {
    padding-left: calc(calc(0.01788 * 100vw + 13.67598px) - 1.2vw); } }

@media (min-width: 1440px) {
  .the-menu-item--with-separator:not(:first-of-type):not(.the-menu-item--complex-child), .the-menu-item--with-separator:not(:first-of-type):not(.the-menu-item--complex-child) .the-menu-submenu__wrapper {
    padding-left: calc(calc(0.01788 * 100vw + 13.67598px) - 1.4vw); } }

@media (min-width: 1920px) {
  .the-menu-item--with-separator:not(:first-of-type):not(.the-menu-item--complex-child), .the-menu-item--with-separator:not(:first-of-type):not(.the-menu-item--complex-child) .the-menu-submenu__wrapper {
    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: black;
  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.03911 * 100vw + 94.9162px); }
      .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: -webkit-fit-content;
    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: black;
      opacity: 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: unset; } }
  .the-menu-item__link {
    /* stylelint-disable */
    --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;
    /* stylelint-enable */
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 8px;
    padding-left: 8px;
    color: white;
    color: var(--category-color, white);
    white-space: nowrap;
    text-align: center;
    background-color: #242424;
    background-color: var(--category-bg-color, #242424);
    border-radius: 22px;
    cursor: pointer;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity 0.05s ease-in-out;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
    @media (min-width: 810px) {
      .the-menu-item__link {
        font-size: calc(0.00465 * 100vw + 9.23256px); } }
    @media (min-width: 1025px) {
      .the-menu-item__link {
        font-size: calc(0.00594 * 100vw + 6.91089px);
        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: black;
        color: var(--category-color-desktop, black);
        text-align: left;
        background-color: unset;
        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 {
      /* stylelint-disable */
      --uses-typography: 'menu-secondary';
      font-weight: 500;
      text-transform: none;
      /* stylelint-enable */
      padding: 0;
      color: black;
      color: var(--subcategory-color, var(--category-color, black));
      background-color: unset; }
      @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: black;
          color: var(--subcategory-color-desktop, var(--category-color-desktop, black)); } }
      .the-menu-item__link--secondary:hover {
        /* stylelint-disable */
        --uses-typography: 'menu-secondary-a-hover';
        text-decoration: underline;
        /* stylelint-enable */ }
    .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 {
        /* stylelint-disable */
        --uses-typography: 'menu-block';
        font-size: calc(0.00709 * 100vw + 22.7305px);
        /* stylelint-enable */ } }
    .the-menu-item__link--with-separator {
      text-align: left; }
    .the-menu-item__link--remove-uppercase {
      text-transform: unset; }

.the-menu-search-item {
  width: auto; }
  @media (min-width: 1025px) {
    .the-menu-search-item {
      display: none; } }
  .the-menu-search-item__link {
    /* stylelint-disable */
    --uses-typography: 'menu-search-btn';
    color: #909090;
    font-weight: 500;
    text-transform: none;
    /* stylelint-enable */
    flex-direction: row;
    grid-gap: 6px;
    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;
    background-color: white;
    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__input, .the-search-ai .the-search-field {
  background-color: #ebebeb;
  border-radius: 3.125rem; }
  .the-search-ai__input::before, .the-search-ai .the-search-field::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="black"/><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="black"/><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="black"/></svg>');
    background-repeat: no-repeat;
    content: ''; }

.the-search-ai {
  position: relative;
  width: 100%;
  padding: 0.3125rem 8px 0.4375rem;
  background-color: white; }
  @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 {
      /* stylelint-disable */
      --uses-typography: 'the-search-ai-input';
      font-family: "FKGrotesk", "Arial", sans-serif;
      color: black;
      font-size: 0.75rem;
      font-weight: 700;
      line-height: 1.25;
      transform: none;
      /* stylelint-enable */
      /* stylelint-disable */
      --uses-typography: 'the-search-ai-input-placeholder';
      color: #909090;
      font-weight: 500;
      /* stylelint-enable */ }
      @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 {
    /* stylelint-disable */
    --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: black;
    text-transform: uppercase;
    /* stylelint-enable */
    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 {
      /* stylelint-disable */
      --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: black;
      text-transform: uppercase;
      /* stylelint-enable */
      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 {
      /* stylelint-disable */
      --uses-typography: 'the-search-ai-input';
      font-family: "FKGrotesk", "Arial", sans-serif;
      color: black;
      font-size: 0.75rem;
      font-weight: 700;
      line-height: 1.25;
      transform: none;
      /* stylelint-enable */
      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.33333%;
          margin-right: -33.33333%;
          /* 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: 768px) {
        .the-search-ai .the-search-field input {
          padding-bottom: 0; } }
      .the-search-ai .the-search-field input::-moz-placeholder {
        /* stylelint-disable */
        --uses-typography: 'the-search-ai-input-placeholder';
        color: #909090;
        font-weight: 500;
        /* stylelint-enable */ }
      .the-search-ai .the-search-field input::placeholder {
        /* stylelint-disable */
        --uses-typography: 'the-search-ai-input-placeholder';
        color: #909090;
        font-weight: 500;
        /* stylelint-enable */ }
        @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: unset; }

.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="white"/><path d="M11.353 12l.647-.674L.647 0 0 .674z" fill="white"/></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; }

.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.01786 * 100vw + 10.28571px); } }
    @media (min-width: 768px) {
      .base-product-grid__list {
        margin-bottom: 16px; } }
    @media (min-width: 1025px) {
      .base-product-grid__list {
        margin-bottom: calc(0.00894 * 100vw + 6.83799px); } }
    @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: -webkit-fit-content;
          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.04018 * 100vw + 57.14286px); } }
  @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.02011 * 100vw + 49.38547px); } }
  @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: black;
    font-weight: 900;
    font-size: 1.3125rem;
    text-align: left;
    text-transform: uppercase; }
  .base-product-grid .infinite-loading-container {
    flex: 0 0 100%;
    text-align: left !important;
    /* [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 {
    /* stylelint-disable */
    --uses-typography: 'the-product-list-description';
    color: #909090;
    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;
    /* stylelint-enable */
    margin-bottom: 8px;
    margin-right: 16px;
    margin-left: 16px; }
    @media (min-width: 375px) {
      .the-product-list__description {
        margin-bottom: calc(0.01786 * 100vw + 2.28571px); } }
    @media (min-width: 768px) {
      .the-product-list__description {
        margin-bottom: 8px; } }
    @media (min-width: 1025px) {
      .the-product-list__description {
        margin-bottom: calc(0.00894 * 100vw + -1.16201px); } }
    @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 {
      /* stylelint-disable */
      --uses-typography: 'the-product-list-description';
      color: #909090;
      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;
      /* stylelint-enable */
      margin: 0;
      text-transform: uppercase; }
    .the-product-list__description h2 {
      /* stylelint-disable */
      --uses-typography: 'the-product-list-description';
      color: #909090;
      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;
      /* stylelint-enable */
      display: inline;
      margin: 0; }
    .the-product-list__description a {
      /* stylelint-disable */
      --uses-typography: 'the-product-list-link-description';
      color: #909090;
      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;
      /* stylelint-enable */ }
  .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 {
      /* stylelint-disable */
      --uses-typography: 'the-product-list-empty-text';
      color: black;
      font-family: "FKGrotesk", "Arial", sans-serif;
      font-weight: 900;
      font-size: 0.875rem;
      line-height: 1.25rem;
      text-transform: uppercase;
      /* stylelint-enable */
      margin: 0; }
      @media (min-width: 575px) {
        .the-product-list__empty-text {
          color: #a8a8a8; } }
      @media (min-width: 1025px) {
        .the-product-list__empty-text {
          font-size: 1.875rem;
          line-height: 1.25; } }
    .the-product-list__empty-button {
      /* stylelint-disable */
      --uses-typography: 'the-product-list-empty-button';
      /* stylelint-enable */
      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 {
  /* stylelint-disable */
  --uses-typography: 'the-product-list-filters-button';
  font-family: "FKGrotesk", "Arial", sans-serif;
  color: black;
  font-weight: 900;
  font-size: 0.625rem;
  text-transform: capitalize;
  /* stylelint-enable */
  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 {
    /* stylelint-disable */
    --uses-typography: 'the-product-list-filters-button';
    font-family: "FKGrotesk", "Arial", sans-serif;
    color: black;
    font-weight: 900;
    font-size: 0.625rem;
    text-transform: capitalize;
    /* stylelint-enable */
    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: black;
          background-color: currentColor;
          content: ''; }
        .the-product-list-column-mode__mode:first-of-type::before {
          color: transparent; } }
    .the-product-list-column-mode__mode--selected {
      color: black !important;
      /* [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 {
    /* stylelint-disable */
    --uses-typography: 'the-product-list-filters-button';
    font-family: "FKGrotesk", "Arial", sans-serif;
    color: black;
    font-weight: 900;
    font-size: 0.625rem;
    text-transform: capitalize;
    /* stylelint-enable */
    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 {
    /* stylelint-disable */
    --uses-typography: 'the-product-list-breadcrumbs';
    font-family: "FKGrotesk", "Arial", sans-serif;
    color: #a8a8a8;
    font-weight: 900;
    font-size: 0.75rem;
    text-transform: uppercase;
    /* stylelint-enable */
    display: inline; }
    @media (min-width: 1025px) {
      .the-product-list-breadcrumbs__list-item {
        font-size: calc(0.00447 * 100vw + 9.41899px); } }
    @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 {
    /* stylelint-disable */
    --uses-typography: 'the-product-list-breadcrumbs';
    font-family: "FKGrotesk", "Arial", sans-serif;
    color: #a8a8a8;
    font-weight: 900;
    font-size: 0.75rem;
    text-transform: uppercase;
    /* stylelint-enable */ }
    @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.00447 * 100vw + 9.41899px); } }
    @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 {
    /* stylelint-disable */
    --uses-typography: 'the-product-list-breadcrumbs';
    font-family: "FKGrotesk", "Arial", sans-serif;
    color: #a8a8a8;
    font-weight: 900;
    font-size: 0.75rem;
    text-transform: uppercase;
    /* stylelint-enable */
    text-decoration: none; }
    @media (min-width: 1025px) {
      .the-product-list-breadcrumbs__link {
        font-size: calc(0.00447 * 100vw + 9.41899px); } }
    @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 !important.
- 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: black; }

[data-color='matterhorn'] {
  color: #545454; }

[data-color='green'] {
  color: #00fa32; }

[data-color='red'] {
  color: red; }

[data-color='international-orange'] {
  color: #ff5100; }

[data-color='yellow'] {
  color: yellow; }

[data-color='razzle-dazzle-rose'] {
  color: #ff45e0; }

/*
* data-background-color selectors
*/
[data-background-color='black'] {
  background-color: black; }

[data-background-color='matterhorn'] {
  background-color: #545454; }

[data-background-color='green'] {
  background-color: #00fa32; }

[data-background-color='red'] {
  background-color: red; }

[data-background-color='international-orange'] {
  background-color: #ff5100; }

[data-background-color='yellow'] {
  background-color: yellow; }

[data-background-color='razzle-dazzle-rose'] {
  background-color: #ff45e0; }

[data-background-color='emerald'] {
  background-color: #49d742; }

/*
* 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, whitesmoke 0, whitesmoke 92px, transparent 92px, transparent);
    background-image: linear-gradient(180deg, whitesmoke 0, whitesmoke var(--header-total-height), transparent var(--header-total-height), transparent); } }

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

.u-scrollbar-byl {
  /* Internet Explorer */
  scrollbar-face-color: #a8a8a8;
  scrollbar-track-color: transparent;
  /* W3C Working Draft */
  scrollbar-color: #a8a8a8 transparent;
  /* stylelint-disable-line property-no-unknown */ }
  .u-scrollbar-byl::-webkit-scrollbar-thumb {
    background-color: #a8a8a8;
    border-radius: 0; }
  .u-scrollbar-byl::-webkit-scrollbar-track {
    background-color: transparent; }
  .u-scrollbar-byl::-webkit-scrollbar {
    width: 9px;
    height: 9px;
    background-color: #ebebeb; }

.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: #ebebeb; }
  .u-scrollbar-none::-webkit-scrollbar {
    display: none; }

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

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