/** Shopify CDN: Minification failed

Line 497:1 Expected "}" to go with "{"

**/
/* stylelint-disable */
:root {
  /*
  |--------------------------------------------------------------------------
  | Colours
  |--------------------------------------------------------------------------
  |
  */
  --Color_Brand-r: 73;
  --Color_Brand-g: 73;
  --Color_Brand-b: 72;
  --Color_Brand-rgb:
    var(--Color_Brand-r),
 var(--Color_Brand-g),
    var(--Color_Brand-b);
  --Color_Brand: rgb(var(--Color_Brand-rgb));

  --Color_Brand-0: rgba(var(--Color_Brand-rgb), 0);
  --Color_Brand-10: rgba(var(--Color_Brand-rgb), 0.1);
  --Color_Brand-15: rgba(var(--Color_Brand-rgb), 0.15);
  --Color_Brand-20: rgba(var(--Color_Brand-rgb), 0.2);
  --Color_Brand-30: rgba(var(--Color_Brand-rgb), 0.3);
  --Color_Brand-40: rgba(var(--Color_Brand-rgb), 0.4);
  --Color_Brand-50: rgba(var(--Color_Brand-rgb), 0.5);
  --Color_Brand-60: rgba(var(--Color_Brand-rgb), 0.6);
  --Color_Brand-70: rgba(var(--Color_Brand-rgb), 0.7);
  --Color_Brand-80: rgba(var(--Color_Brand-rgb), 0.8);
  --Color_Brand-90: rgba(var(--Color_Brand-rgb), 0.9);

  --Color_Grey-r: 49;
  --Color_Grey-g: 49;
  --Color_Grey-b: 48;
  --Color_Grey-rgb:
    var(--Color_Grey-r),
 var(--Color_Grey-g),
    var(--Color_Grey-b);
  --Color_Grey-light: #f6f6f6;
  --Color_Grey-medium: #a4a4a3;
  --Color_Grey: rgb(var(--Color_Grey-rgb));

  --Color_Grey-25: rgba(var(--Color_Grey-rgb), 0.25);
  --Color_Grey-50: rgba(var(--Color_Grey-rgb), 0.5);
  --Color_Grey-70: rgba(var(--Color_Grey-rgb), 0.7);
  --Color_Grey-80: rgba(var(--Color_Grey-rgb), 0.8);
  --Color_Grey-85: rgba(var(--Color_Grey-rgb), 0.85);

  --Color_White-r: 255;
  --Color_White-g: 255;
  --Color_White-b: 255;
  --Color_White-rgb:
    var(--Color_White-r),
 var(--Color_White-g),
    var(--Color_White-b);
  --Color_White: rgb(var(--Color_White-rgb));

  --Color_White-0: rgba(var(--Color_White-rgb), 0);
  --Color_White-10: rgba(var(--Color_White-rgb), 0.1);
  --Color_White-20: rgba(var(--Color_White-rgb), 0.2);
  --Color_White-30: rgba(var(--Color_White-rgb), 0.3);
  --Color_White-40: rgba(var(--Color_White-rgb), 0.4);
  --Color_White-50: rgba(var(--Color_White-rgb), 0.5);
  --Color_White-60: rgba(var(--Color_White-rgb), 0.6);
  --Color_White-70: rgba(var(--Color_White-rgb), 0.7);
  --Color_White-80: rgba(var(--Color_White-rgb), 0.8);
  --Color_White-90: rgba(var(--Color_White-rgb), 0.9);

  --Color_Red: #de251b;
  --Color_Green: #aaad00;
  --Color_Loyalty_Green: #aaad00;
  --Color_Anchor: #494948;
  --Color_Body: var(--Color_Brand);
  --Color_Border: #ececec;
  --Color_Black: #000;
  --Color_Bakground_Grey: #eaeaea;
  --Color_Border_Opacity: rgba(236, 236, 236, 0.2);
  --Color_Background: var(--Color_Grey-light);
  --Color_ImageBackground: #f9f9f9;
  --Color_Error: var(--Color_Red);
  /* --Color_Success: var(--Color_Green); */

  --Color_LoyaltyAccent: #c5954d;

  /*
  |--------------------------------------------------------------------------
  | Families
  |--------------------------------------------------------------------------
  |
  */

  --Font_Family:
    -apple-system,
 BlinkMacSystemFont,
 'Segoe UI',
 Roboto,
    Helvetica,
 Arial,
 sans-serif,
 'Apple Color Emoji',
 'Segoe UI Emoji',
    'Segoe UI Symbol',
 sans-serif;

  --Font_Frutiger: 'Frutiger LT Std 45Light', var(--Font_Family);

  --Font_Frutiger-light: var(--Font_Frutiger);
  --Font_Frutiger-extraBlackCondensed:
    'Frutiger LT Pro 87 Extra Black Condensed',
    var(--Font_Family);
  --Font_Frutiger-roman: 'Frutiger LT Std 55Roman', var(--Font_Family);
  --Font_Frutiger-bold: 'Frutiger LT Std 65Bold', var(--Font_Family);
  --Font_Frutiger-neue: 'Frutiger Neue LT', var(--Font_Family);
  --Font_Outfit-regular: 'Outfit Regular', var(--Font_Family);
  --Font_Outfit-light: 'Outfit Light', var(--Font_Family);
  --Font_Frutiger_Pro_55_Roman: 'Frutiger LT Pro 55 Roman', var(--Font_Family);

  /*
  |--------------------------------------------------------------------------
  | Grid
  |--------------------------------------------------------------------------
  |
  */
  --Grid_Container: 1380px;
  --Grid_Gutter: 15px;
  --Grid_RowGap: 20px;
  --Grid_ColumnGap: 2px;

  /*
  |--------------------------------------------------------------------------
  | Header updated
  |--------------------------------------------------------------------------
  |
  */
  --hd-Banner_Height: 72px;
  --hd-Breadcrumb_Height: 76px;
  --hd-Navigation_Height: 40px;
  --hd-Header_Height:
    calc(
      var(--hd-Banner_Height) + var(--hd-Navigation_Height)
    );

  --hd-Navigation_Height-fixed: 112px;

  --hd-Annoucement_Bar-fixed: 48px;
  --hd-Header_Height-fixed:
    calc(
      var(--hd-Navigation_Height-fixed) + var(--hd-Annoucement_Bar-fixed)
    );

  --hd-Mobile_Top_Height: 50px;

  /*
  |--------------------------------------------------------------------------
  | Transitions
  |--------------------------------------------------------------------------
  |
  */
  --TransitionDelay: 0.25s;
  --TransitionDuration: 0.3s;
  --TransitionTimingFunction: ease;

  --ScaleInteraction: 1.05;

  /*
  |--------------------------------------------------------------------------
  | Styles
  |--------------------------------------------------------------------------
  |
  */
  font: 14px / 22px var(--Font_Frutiger);

  font-weight: 400;

  cursor: auto;
}

@media only screen and (max-width: 900px) {
  :root {
    --hd-Navigation_Height-fixed: 122px;
  }
}

@media only screen and (min-width: 768px) {
  :root {
    --Grid_Gutter: 30px;
    --Grid_RowGap: 15px;
    --Grid_ColumnGap: 15px;
  }
}

@media only screen and (min-width: 901px) {
  :root {
    --hd-Banner_Height: 72px;
  }
}

/*
|--------------------------------------------------------------------------
| Define
|--------------------------------------------------------------------------
| Global resets to make life easier
|
*/
[hidden] {
  display: none !important;
}

[disabled] {
  cursor: not-allowed;
}

:focus:not(:focus-visible) {
  outline: none;
}

a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  /* Enable panning and pinch zoom gestures, but disable additional
  non-standard gestures such as double-tap to zoom. Disabling double-tap to
  zoom removes the need for browsers to delay the generation of click events
  when the user taps the screen. This is an alias for 'pan-x pan-y pinch-zoom'
  (which, for compatibility, is itself still valid). */
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

details summary::-webkit-details-marker {
  display: none;
}

input,
select,
textarea {
  /* Older iOS puts a border radius on inputs by default. */
  border-radius: 0;
}

button {
  padding: 0;

  font-family: inherit;
  font-size: inherit;

  background-color: transparent;
  border: 0;
  border-radius: 0;
  color: currentColor;
  overflow-x: hidden;
}

body:not(.util-IsTabbing) :is(button, input, select, textarea):focus {
  outline: none;
}
main {
  outline: none;
}

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

/*
|--------------------------------------------------------------------------
| HTML / Body Resets
|--------------------------------------------------------------------------
|
*/
html {
  /* Sets a specific default `font-size` for user with `rem` type scales. */
  font-size: 16px;
  /* Changes the default tap highlight to be completely transparent in iOS. */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  scroll-behavior: smooth;
}

body {
  margin: 0;

  text-rendering: optimizeLegibility;

  /* By default, `<body>` has no `background-color` so we set one as a best practice. */
  background-color: var(--Color_White);
  color: var(--Color_Body);

  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;

  overscroll-behavior: none;
}
@media only screen and (max-width: 767px) {
  html,
  body {
    min-width: 315px;
  }
}

button {
  cursor: pointer;
}

summary {
  position: relative;

  list-style: none;

  cursor: pointer;
}

/*
|--------------------------------------------------------------------------
| Typography - Headings
|--------------------------------------------------------------------------
|
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;

  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
}

/*
|--------------------------------------------------------------------------
| Typography - Keyline
|--------------------------------------------------------------------------
|
*/
hr {
  border: 0;
  border-top: 1px solid var(--Color_Border);
}

/*
|--------------------------------------------------------------------------
| Typography - Lists
|--------------------------------------------------------------------------
|
*/
ul {
  margin: 0;
  padding: 0;

  list-style: none;
}

li::before,
li::marker {
  display: none;
}

/*
|--------------------------------------------------------------------------
| Typography - Paragraph
|--------------------------------------------------------------------------
|
*/
p {
  margin-top: 0;
  margin-bottom: 0;
}

strong,
b {
  font-family: var(--Font_Frutiger-roman);
  font-weight: 400;
}

/*
|--------------------------------------------------------------------------
| Typography - Anchors
|--------------------------------------------------------------------------
| It is more comment that we *don't* want any kind of default styling on
| <a> elements. We'll unset any browser styling on <a>, then give some
| defaults for unclassed <a> elements.
|
*/
a {
  font-weight: inherit;
  text-decoration: none;

  color: currentColor;
}

a:not([class]) {
  font-weight: 300;

  color: var(--Color_Anchor);
}

/*
|--------------------------------------------------------------------------
| Form
|--------------------------------------------------------------------------
|
*/
input,
select,
textarea {
  font-family: inherit;
}

input[type='search' i]::-webkit-search-cancel-button {
  display: none;
}

/*
|--------------------------------------------------------------------------
| Images
|--------------------------------------------------------------------------
|
*/
img {
  max-width: 100%;
}

figure {
  margin: 0;
}

svg {
  display: block;
  width: inherit;
  height: inherit;
}

/*
|--------------------------------------------------------------------------
| Tables
|--------------------------------------------------------------------------
|
*/
table {
  width: 100%;

  table-layout: fixed;
}

/*
|--------------------------------------------------------------------------
| Challenge Page
|--------------------------------------------------------------------------
|
*/
.shopify-challenge__container {
  margin: 40px auto;
}
@media only screen and (min-width: 901px) {
  .shopify-challenge__container {
    margin: 100px auto;
  }
}
.shopify-challenge__button {
  margin-top: var(--Grid_Gutter) !important;
}
/* stylelint-enable */

/*
|--------------------------------------------------------------------------
| Accelerated checkout buttons
|--------------------------------------------------------------------------
|
*/
shopify-accelerated-checkout-cart {
  --shopify-accelerated-checkout-button-block-size: 40px;
  --shopify-accelerated-checkout-button-border-radius: 100px;
  --shopify-accelerated-checkout-row-gap: 10px;

/*
|--------------------------------------------------------------------------
| Attentive app
|--------------------------------------------------------------------------
|
*/
#attentive_overlay {
  z-index: 9 !important;
}