<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*------------------------------------*\
  #CUSTOM SETUP

  Mixins ................. custom mixins without inheriting of accelerator
  Variables .............. variables to override accelerator ones with !default
  Fonts .................. client fonts definition

\*------------------------------------*/
/**
 * Position definition
 *
 * Example of utilization
 * @include absolute(top 1rem left 2rem);
 */
/*md
@no-stat

# Scheme

## Greyscale

```html_example
    &lt;div class="styleguide__section-colors"&gt;
        &lt;div class="bg--white"&gt;
            &lt;span&gt;$white&lt;/span&gt;
            #ffffff
        &lt;/div&gt;
        &lt;div class="bg--grey-1"&gt;
            &lt;span&gt;$grey-1&lt;/span&gt;
            #f8f8f8
        &lt;/div&gt;
        &lt;div class="bg--grey-2"&gt;
            &lt;span&gt;$grey-2&lt;/span&gt;
            #e9e8e1
        &lt;/div&gt;
        &lt;div class="bg--grey-3"&gt;
            &lt;span&gt;$grey-3&lt;/span&gt;
            #eeeeee
        &lt;/div&gt;
        &lt;div class="bg--grey-4"&gt;
            &lt;span&gt;$grey-4&lt;/span&gt;
            #c4c4c4
        &lt;/div&gt;
        &lt;div class="bg--grey-5"&gt;
            &lt;span&gt;$grey-5&lt;/span&gt;
            #999999
        &lt;/div&gt;
        &lt;div class="bg--black text-color--white"&gt;
            &lt;span&gt;$black&lt;/span&gt;
            #000000
        &lt;/div&gt;
    &lt;/div&gt;
```

## Colors

```html_example
    &lt;div class="styleguide__section-colors"&gt;
        &lt;div class="bg--beige"&gt;
            &lt;span&gt;$beige&lt;/span&gt;
            #f5f5dc
        &lt;/div&gt;
        &lt;div class="bg--green text-color--white"&gt;
            &lt;span&gt;$green&lt;/span&gt;
            #00503f
        &lt;/div&gt;
        &lt;div class="bg--blue text-color--white"&gt;
            &lt;span&gt;$blue&lt;/span&gt;
            #4D96E7
        &lt;/div&gt;
        &lt;div class="bg--red text-color--white"&gt;
            &lt;span&gt;$red&lt;/span&gt;
            #e60000
        &lt;/div&gt;
        &lt;div class="bg--start-white text-color--black"&gt;
            &lt;span&gt;$start-white&lt;/span&gt;
            #efefe8
        &lt;/div&gt;
    &lt;/div&gt;
```

*/
/*------------------------------------*\
  #TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*\
  #BREAKPOINTS
\*------------------------------------*/
/*------------------------------------*\
  #ELEMENT-DEFAULTS
\*------------------------------------*/
/*------------------------------------*\
  #TOOLTIP ELEMENTS
\*------------------------------------*/
/*------------------------------------*\
  #HORIZONTAL-SPACING
\*------------------------------------*/
/*------------------------------------*\
  #TRANSITIONS
\*------------------------------------*/
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "Newtime R";
  src: url("../fonts/newtime/medium/NewtimeR-Medium.woff2") format("woff2"), url("../fonts/newtime/medium/NewtimeR-Medium.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "Newtime R Book";
  src: url("../fonts/newtime/book/NewtimeR-Book.woff2") format("woff2"), url("../fonts/newtime/book/NewtimeR-Book.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-weight: 900;
  font-style: normal;
  font-family: "Newtime R Heavy";
  src: url("../fonts/newtime/heavy/NewtimeR-Heavy.woff2") format("woff2"), url("../fonts/newtime/heavy/NewtimeR-Heavy.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "Catalogue";
  src: url("../fonts/cataloguell/regular/CatalogueLLWeb-Regular.woff2") format("woff2"), url("../fonts/cataloguell/regular/CatalogueLLWeb-Regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "Catalogue Italic";
  src: url("../fonts/cataloguell/italic/CatalogueLLWeb-Italic.woff2") format("woff2"), url("../fonts/cataloguell/italic/CatalogueLLWeb-Italic.woff") format("woff");
  font-display: swap;
}
/*------------------------------------*\
  #ACCELERATOR BASICS

  Variables .............. default variables setting up with !default
  Misins ................. basic mixins

\*------------------------------------*/
/**
 * Returns the value of the `$key` value of a provided `$map`.
 */
/**
 * Uses `getProperty()` to return a value from the `$colors` map.
 */
/**
 * Uses `getProperty()` to return a value from the `$breakpoints` map.
 */
/*------------------------------------*\
  #TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*\
  #COLORS
\*------------------------------------*/
/*------------------------------------*\
  #ELEMENT-DEFAULTS
\*------------------------------------*/
/*------------------------------------*\
  #HEADER-DEFAULTS
\*------------------------------------*/
/*------------------------------------*\
  #HORIZONTAL-SPACING
\*------------------------------------*/
/*------------------------------------*\
  #BREAKPOINTS
\*------------------------------------*/
/*------------------------------------*\
  #TRANSITIONS
\*------------------------------------*/
/**
 * Responsive Mixin
 * This mixin is designed for a _cleaner_ first approach
 * This means that css isn't overridden but rather replaced for
 * different viewport widths; making it easier to inspect/debug css
 *
 * Usage:
 * @include media-query(exclude-medium)    { ... }
 * @include media-query(medium-up-to-site) 	   { ... }
 * ... etc
 */
/**
 * [Adds styles to allow an element's height scale proportionatelly]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 */
/**
 * [Calculates the percentage aspect ratio (what % height is compared to the width)]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 * @return {[Number(%)]}
 */
/**
 * *****REMEMBER TO USE MARGIN OR PADDING AND NOT TOP/BOTTOM******
 * [Calculates the center of an element in relation to a provided width and height.
 * Useful to place an absolute element at the center of another when
 * the positioned element cannot be the target's child ]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 * @return {[Number(%)]}
 */
/**
 * [In the  awful case you can't use Flexbox to vertically align something]
 * @param  {[type]} $transform:       false         [Use transforms to align instead of the absolute trick]
 * @param  {[type]} $pos:             absolute      [position type]
 * @param  {[type]} $posAdj:          0             [position adjustment. If $transform is true, this value only affects the 'top' property.]
 * @param  {[type]} $alignHorizontal: false         [Includes horizontal alignment]
 */
/**
 * Generate Enumerated Class
 * Iterates from 0 to the specified length and generates classes that set the specified property
 * @param  {[String]} $classname:       required      [Required: Specify the class name]
 * @param  {[String]} $property:        $classname    [Optional: Specify the enumerated property (if it's different from the name of the class)]
 * @param  {[Number]} $length:          10            [Optional: Specify the end of the loop]
 * @param  {[String]} $units:           null          [Optional: specify units to append to the enumerated property]
 */
/**
* [Strip the pesky units from values]
* @param  {[Number]} $value
*/
/**
* [Fluid Type]
*/
/*------------------------------------*\
  #THIRD-PARTY-LIBS
\*------------------------------------*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slider---hide-while-loading .product-image {
  display: none;
}

.slider---hide-while-loading.slick-initialized .product-image {
  display: block;
}

.slider---hide-while-loading.slick-initialized .placeholder-image {
  display: none;
}

.slider--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.slider--flex.slick-initialized {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.slider--flex .slick-track {
  height: 100%;
  min-width: 100%;
}

.slider--flex-align-items.slick-initialized .slick-slide {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  height: auto;
}
.slider--flex-align-items .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.slick-arrow {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 1.75rem;
  cursor: pointer;
}

.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

.slick-vertical .slick-arrow {
  position: relative;
  width: 100%;
  height: 1.5rem;
}
.slick-vertical .slick-next {
  margin-top: -0.625rem;
}

.slider--arrows-outer.slick-has-arrows.slider--arrows-size-large {
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}
.slider--arrows-outer.slick-has-arrows.slider--arrows-size-regular, .slider--arrows-outer.slick-has-arrows.slider--arrows-size-small {
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}

.slider--arrows-center .slick-arrow {
  position: absolute;
  top: calc(50% + 0px);
  top: calc(50% + var(--arrows-adjustment-y, 0px));
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}

.slider--arrows-tile-center .slick-arrow {
  top: 25%;
}

.slider--arrows-size-large .slick-arrow {
  width: 4.5rem;
  height: 4.5rem;
  font-size: 3rem;
}

/*
.slider--arrows-size-regular {
    .slick-arrow {
    }
}
*/
.slider--arrows-size-small .slick-arrow {
  font-size: 1.125rem;
}

.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style-type: none;
  padding-left: 0;
}
.slick-dots .slick-active button:after {
  background-color: currentColor;
}
.slick-dots li {
  font-size: 0;
}
.slick-dots button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 50%;
  font-size: 0;
}
.slick-dots button:after {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: inherit;
  border: solid 0.0625rem;
  content: "";
}

.slider--dots-outer .slick-dots {
  margin-top: 1rem;
}

.slider--dots-inner .slick-dots {
  position: absolute;
  left: 0;
  right: 0;
}

.slider--dots-left .slick-dots {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.slider--dots-right .slick-dots {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

[class*=slider--pre-layout]:not(.slick-initialized) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}

.slider--pre-layout-1:not(.slick-initialized) &gt; *:not(.slick-item) {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}

.slider--pre-layout-2:not(.slick-initialized) &gt; *:not(.slick-item) {
  -webkit-box-flex: 2;
      -ms-flex: 2 0 50%;
          flex: 2 0 50%;
}

.slider--pre-layout-3:not(.slick-initialized) &gt; *:not(.slick-item) {
  -webkit-box-flex: 3;
      -ms-flex: 3 0 33.3333333333%;
          flex: 3 0 33.3333333333%;
}

.slider--pre-layout-4:not(.slick-initialized) &gt; *:not(.slick-item) {
  -webkit-box-flex: 4;
      -ms-flex: 4 0 25%;
          flex: 4 0 25%;
}

.slider--pre-layout-5:not(.slick-initialized) &gt; *:not(.slick-item) {
  -webkit-box-flex: 5;
      -ms-flex: 5 0 20%;
          flex: 5 0 20%;
}

.slider--pre-layout-6:not(.slick-initialized) &gt; *:not(.slick-item) {
  -webkit-box-flex: 6;
      -ms-flex: 6 0 16.6666666667%;
          flex: 6 0 16.6666666667%;
}

.slider--pre-layout-7:not(.slick-initialized) &gt; *:not(.slick-item) {
  -webkit-box-flex: 7;
      -ms-flex: 7 0 14.2857142857%;
          flex: 7 0 14.2857142857%;
}

.slider--pre-layout-8:not(.slick-initialized) &gt; *:not(.slick-item) {
  -webkit-box-flex: 8;
      -ms-flex: 8 0 12.5%;
          flex: 8 0 12.5%;
}

@media (min-width: 64rem) {
  .slider--pre-layout-lg-1:not(.slick-initialized) &gt; *:not(.slick-item) {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
  .slider--pre-layout-lg-2:not(.slick-initialized) &gt; *:not(.slick-item) {
    -webkit-box-flex: 2;
        -ms-flex: 2 0 50%;
            flex: 2 0 50%;
  }
  .slider--pre-layout-lg-3:not(.slick-initialized) &gt; *:not(.slick-item) {
    -webkit-box-flex: 3;
        -ms-flex: 3 0 33.3333333333%;
            flex: 3 0 33.3333333333%;
  }
  .slider--pre-layout-lg-4:not(.slick-initialized) &gt; *:not(.slick-item) {
    -webkit-box-flex: 4;
        -ms-flex: 4 0 25%;
            flex: 4 0 25%;
  }
  .slider--pre-layout-lg-5:not(.slick-initialized) &gt; *:not(.slick-item) {
    -webkit-box-flex: 5;
        -ms-flex: 5 0 20%;
            flex: 5 0 20%;
  }
  .slider--pre-layout-lg-6:not(.slick-initialized) &gt; *:not(.slick-item) {
    -webkit-box-flex: 6;
        -ms-flex: 6 0 16.6666666667%;
            flex: 6 0 16.6666666667%;
  }
  .slider--pre-layout-lg-7:not(.slick-initialized) &gt; *:not(.slick-item) {
    -webkit-box-flex: 7;
        -ms-flex: 7 0 14.2857142857%;
            flex: 7 0 14.2857142857%;
  }
  .slider--pre-layout-lg-8:not(.slick-initialized) &gt; *:not(.slick-item) {
    -webkit-box-flex: 8;
        -ms-flex: 8 0 12.5%;
            flex: 8 0 12.5%;
  }
  .slider--row:not(.slick-initialized),
  .slider--row .slick-list {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
}
@media (max-width: 63.9375rem) {
  .slider--row:not(.slick-initialized),
  .slider--row .slick-list {
    margin-left: -0.35rem;
    margin-right: -0.35rem;
  }
}
@media (min-width: 48rem) {
  .slider--dots-inner .slick-dots {
    bottom: 2.975rem;
  }
  .slider--pre-layout-md-1:not(.slick-initialized) &gt; *:not(.slick-item) {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
  .slider--pre-layout-md-2:not(.slick-initialized) &gt; *:not(.slick-item) {
    -webkit-box-flex: 2;
        -ms-flex: 2 0 50%;
            flex: 2 0 50%;
  }
  .slider--pre-layout-md-3:not(.slick-initialized) &gt; *:not(.slick-item) {
    -webkit-box-flex: 3;
        -ms-flex: 3 0 33.3333333333%;
            flex: 3 0 33.3333333333%;
  }
  .slider--pre-layout-md-4:not(.slick-initialized) &gt; *:not(.slick-item) {
    -webkit-box-flex: 4;
        -ms-flex: 4 0 25%;
            flex: 4 0 25%;
  }
  .slider--pre-layout-md-5:not(.slick-initialized) &gt; *:not(.slick-item) {
    -webkit-box-flex: 5;
        -ms-flex: 5 0 20%;
            flex: 5 0 20%;
  }
  .slider--pre-layout-md-6:not(.slick-initialized) &gt; *:not(.slick-item) {
    -webkit-box-flex: 6;
        -ms-flex: 6 0 16.6666666667%;
            flex: 6 0 16.6666666667%;
  }
  .slider--pre-layout-md-7:not(.slick-initialized) &gt; *:not(.slick-item) {
    -webkit-box-flex: 7;
        -ms-flex: 7 0 14.2857142857%;
            flex: 7 0 14.2857142857%;
  }
  .slider--pre-layout-md-8:not(.slick-initialized) &gt; *:not(.slick-item) {
    -webkit-box-flex: 8;
        -ms-flex: 8 0 12.5%;
            flex: 8 0 12.5%;
  }
}
@media (max-width: 47.9375rem) {
  .slider--dots-inner .slick-dots {
    bottom: 0.75rem;
  }
}
.slick-arrow .icon {
  width: 0.875rem;
  height: 1.5rem;
}
.slider--arrows-size-small .slick-arrow .icon {
  width: 0.625rem;
  height: 1rem;
}
.slider--arrows-size-large .slick-arrow .icon {
  width: 1.3125rem;
  height: 2.25rem;
}
@media (max-width: 47.9375rem) {
  .slider--arrows-size-large .slick-arrow .icon {
    width: 0.875rem;
    height: 1.5rem;
  }
}
@media (max-width: 47.9375rem) {
  .slick-arrow {
    width: auto;
    padding: 0 0.75rem;
  }
  .slider--arrows-size-large .slick-arrow {
    width: auto;
    height: 3.125rem;
  }
}

.slider--hide-overflow:not(.slick-initialized) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

@media (max-width: 47.9375rem) {
  .module-carousel__item .hero__content-wrap {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
/**
 * FixIt base styles. These can be overridden if necessary.
 */
.fixit-container {
  position: relative;
}

.fixit-element.fixit--active {
  position: fixed;
  top: 0;
}
.fixit-element.fixit--active:not(.fixit--respond-to-parent) {
  width: 100%;
}
.fixit-element.fixit--bottom, .fixit-element.fixit--docked {
  top: auto;
  bottom: 0;
}
.fixit-element.fixit--frozen, .fixit-element.fixit--docked {
  position: absolute;
}

.fixit-element--from-bottom.fixit--active {
  position: fixed;
  left: 0;
  bottom: 0;
}
.fixit-element--from-bottom.fixit--active:not(.fixit--respond-to-parent) {
  width: 100%;
}

.fixit-element--overlay {
  z-index: 1010;
}

.fixit-element--has-dynamic-offset:not(.fixit--is-tall) {
  -webkit-transition: top 320ms ease-out;
  transition: top 320ms ease-out;
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button &gt; .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button &gt; .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10b";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f110";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f11c";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f120";
}

.vjs-icon-picture-in-picture-enter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before {
  content: "\f121";
}

.vjs-icon-picture-in-picture-exit {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before {
  content: "\f122";
}

.video-js {
  display: block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}

.video-js.vjs-16-9 {
  padding-top: 56.25%;
}

.video-js.vjs-4-3 {
  padding-top: 75%;
}

.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
  -webkit-transition: all 0s;
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog &gt; * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content &gt; * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}

.vjs-button &gt; .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em;
  -ms-touch-action: none;
      touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.3333333333em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  background-color: rgba(114.9141509434, 132.7028301887, 159.3858490566, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  -webkit-transition: left 0s;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  -webkit-transition: width 0.1s;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-using-native-controls .vjs-poster {
  display: none;
}

.video-js .vjs-live-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}
.vjs-playback-rate &gt; .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
          animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: rgb(255, 255, 255);
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: rgb(255, 255, 255);
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  20% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  100% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  20% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
  100% {
    border-top-color: rgb(114.9141509434, 132.7028301887, 159.3858490566);
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f11d";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: auto;
  width: initial;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
  display: none;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: block;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
  display: none;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting &gt; select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings fieldset span &gt; select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(88%, #fff), to(rgb(114.9141509434, 132.7028301887, 159.3858490566)));
  background-image: linear-gradient(0deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, #fff), to(rgb(114.9141509434, 132.7028301887, 159.3858490566)));
  background-image: linear-gradient(-180deg, #fff 88%, rgb(114.9141509434, 132.7028301887, 159.3858490566) 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js &gt; *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.video-asset .vjs-menu-button-inline.vjs-slider-active,
.video-asset .vjs-menu-button-inline:focus,
.video-asset .vjs-menu-button-inline:hover,
.video-asset.vjs-no-flex .vjs-menu-button-inline {
  width: 10em;
}

.video-asset .vjs-controls-disabled .vjs-big-play-button {
  display: none !important;
}

.video-asset .vjs-control {
  width: 3em;
}

.video-asset .vjs-menu-button-inline:before {
  width: 1.5em;
}

.vjs-menu-button-inline .vjs-menu {
  left: 3em;
}

.vjs-paused.vjs-has-started.video-asset .vjs-big-play-button,
.video-asset.vjs-ended .vjs-big-play-button,
.video-asset.vjs-paused .vjs-big-play-button {
  display: block;
}

.video-asset .vjs-load-progress div,
.vjs-seeking .vjs-big-play-button,
.vjs-waiting .vjs-big-play-button {
  display: none !important;
}

.video-asset .vjs-mouse-display:after,
.video-asset .vjs-play-progress:after {
  padding: 0 0.4em 0.3em;
}

.video-asset.vjs-ended .vjs-loading-spinner {
  display: none;
}

.video-asset.vjs-ended .vjs-big-play-button {
  display: block !important;
}

.video-asset *,
.video-asset:after,
.video-asset:before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}

.video-asset.vjs-fullscreen,
.video-asset.vjs-fullscreen .vjs-tech {
  width: 100% !important;
  height: 100% !important;
}

.video-asset {
  font-size: 0.875rem;
  overflow: hidden;
}

.video-asset .vjs-control {
  color: inherit;
}

.video-asset .vjs-menu-button-inline:hover,
.video-asset.vjs-no-flex .vjs-menu-button-inline {
  width: 8.35em;
}

.video-asset .vjs-volume-menu-button.vjs-volume-menu-button-horizontal:hover .vjs-menu .vjs-menu-content {
  height: 3em;
  width: 6.35em;
}

.video-asset .vjs-control:focus:before,
.video-asset .vjs-control:hover:before {
  text-shadow: 0 0 1em #FFF, 0 0 1em #FFF, 0 0 1em #FFF;
}

.video-asset .vjs-spacer,
.video-asset .vjs-time-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.video-asset .vjs-time-control {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
}

.video-asset .vjs-time-control.vjs-time-divider {
  width: 0.875rem;
}

.video-asset .vjs-time-control.vjs-time-divider div {
  width: 100%;
  text-align: center;
}

.video-asset .vjs-time-control.vjs-current-time {
  margin-left: 1em;
}

.video-asset .vjs-time-control .vjs-current-time-display,
.video-asset .vjs-time-control .vjs-duration-display {
  width: 100%;
}

.video-asset .vjs-time-control .vjs-current-time-display {
  text-align: right;
}

.video-asset .vjs-time-control .vjs-duration-display {
  text-align: left;
}

.video-asset .vjs-play-progress:before,
.video-asset .vjs-progress-control .vjs-play-progress:before,
.video-asset .vjs-remaining-time,
.video-asset .vjs-volume-level:after,
.video-asset .vjs-volume-level:before,
.video-asset.vjs-live .vjs-time-control.vjs-current-time,
.video-asset.vjs-live .vjs-time-control.vjs-duration,
.video-asset.vjs-live .vjs-time-control.vjs-time-divider,
.video-asset.vjs-no-flex .vjs-time-control.vjs-remaining-time {
  display: none;
}

.video-asset.vjs-no-flex .vjs-time-control {
  display: table-cell;
  width: 4em;
}

.video-asset .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 0.5em;
  top: -0.5em;
}

.video-asset .vjs-progress-control .vjs-load-progress,
.video-asset .vjs-progress-control .vjs-play-progress,
.video-asset .vjs-progress-control .vjs-progress-holder {
  height: 100%;
}

.video-asset .vjs-progress-control .vjs-progress-holder {
  margin: 0;
}

.video-asset .vjs-progress-control:hover {
  height: 1.5em;
  top: -1.5em;
}

.video-asset .vjs-control-bar {
  -webkit-transition: -webkit-transform 213ms ease 0s;
  transition: -webkit-transform 213ms ease 0s;
  transition: transform 213ms ease 0s;
  transition: transform 213ms ease 0s, -webkit-transform 213ms ease 0s;
}

.video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar,
.video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar,
.video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar,
.video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar,
.video-asset.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar {
  visibility: visible;
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateY(3em);
          transform: translateY(3em);
  -webkit-transition: -webkit-transform 640ms ease 0s;
  transition: -webkit-transform 640ms ease 0s;
  transition: transform 640ms ease 0s;
  transition: transform 640ms ease 0s, -webkit-transform 640ms ease 0s;
}

.video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-progress-control,
.video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-progress-control,
.video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-progress-control,
.video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control,
.video-asset.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control {
  height: 0.25em;
  top: -0.25em;
  pointer-events: none;
  -webkit-transition: height 640ms, top 640ms;
  transition: height 640ms, top 640ms;
}

.video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-active.vjs-fullscreen .vjs-progress-control,
.video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,
.video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-active.vjs-fullscreen .vjs-progress-control,
.video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,
.video-asset.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control {
  opacity: 0;
  -webkit-transition: opacity 640ms ease 640ms;
  transition: opacity 640ms ease 640ms;
}

.video-asset.vjs-live .vjs-live-control {
  margin-left: 1em;
}

.video-asset .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-left: -1em;
  margin-top: -1em;
  width: 2em;
  height: 2em;
  line-height: 2em;
  border: none;
  border-radius: 50%;
  font-size: 3.5em;
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFF;
  -webkit-transition: border-color 426ms, outline 426ms, background-color 426ms;
  transition: border-color 426ms, outline 426ms, background-color 426ms;
}

.video-asset .vjs-menu-button-popup .vjs-menu {
  left: -3em;
}

.video-asset .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: transparent;
  width: 12em;
  left: -1.5em;
  padding-bottom: 0.5em;
}

.video-asset .vjs-menu-button-popup .vjs-menu .vjs-menu-item,
.video-asset .vjs-menu-button-popup .vjs-menu .vjs-menu-title {
  background-color: #000;
  margin: 0.3em 0;
  padding: 0.5em;
  border-radius: 0.3em;
}

.video-asset .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected {
  background-color: #4D96E7;
}

.video-asset .vjs-big-play-button {
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 2.5em;
  border-radius: 50%;
  height: 2em !important;
  line-height: 2em !important;
  margin-top: -1em !important;
}

.video-asset:hover .vjs-big-play-button,
.video-asset .vjs-big-play-button:focus,
.video-asset .vjs-big-play-button:active {
  background-color: rgba(0, 0, 0, 0.75);
}

.video-asset .vjs-loading-spinner {
  border-color: #FFF;
}

.video-asset .vjs-control-bar2 {
  background-color: #000;
}

.video-asset .vjs-control-bar {
  background-color: rgba(0, 0, 0, 0.5) !important;
  color: #FFF;
  font-size: 0.875rem;
}

.video-asset .vjs-play-progress,
.video-asset .vjs-volume-level {
  background-color: #e60000;
}

.vjs-hidden {
  display: none !important;
}

.vjs-tech {
  width: 100%;
  height: 100%;
  -o-object-fit: inherit;
     object-fit: inherit;
}

.vjs-poster,
.vjs-text-track-display {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}

.vjs-poster {
  bottom: 0;
  background-size: cover;
  background-position: center;
}
.vjs-has-started .vjs-poster {
  opacity: 0;
  visibility: hidden;
}

.vjs-text-track-display {
  bottom: 3em;
}

.vjs-loading-spinner {
  opacity: 0;
  visibility: hidden;
}

.vjs-big-play-button {
  z-index: 1;
}

.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.video-js.vjs-user-inactive:not(.vjs-paused) .vjs-play-toggle {
  opacity: 0;
  pointer-events: none;
}
.video-js .vjs-play-toggle {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 2em;
  width: 2em;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  line-height: 2em;
  font-size: 2rem;
  -webkit-transition: opacity 213ms ease-out;
  transition: opacity 213ms ease-out;
}
.video-js .vjs-play-toggle .vjs-icon-placeholder:before {
  font-size: 1em;
  line-height: inherit;
}

/*------------------------------------*\
  #BASE
\*------------------------------------*/
.border-style--dashed {
  border-style: dashed;
}

.flex-justify-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.bg--white {
  background-color: #FFF;
}
.bg--black {
  background-color: #000;
}
.bg--grey-1 {
  background-color: #f8f8f8;
}
.bg--grey-2 {
  background-color: #e9e8e1;
}
.bg--grey-3 {
  background-color: #eeeeee;
}
.bg--grey-4 {
  background-color: #c4c4c4;
}
.bg--grey-5 {
  background-color: #999999;
}
.bg--grey-6 {
  background-color: #efefef;
}
.bg--grey-7 {
  background-color: #575757;
}
.bg--red {
  background-color: #e60000;
}
.bg--blue {
  background-color: #4D96E7;
}
.bg--navy {
  background-color: rgb(15.3861386139, 62.1856435644, 114.1138613861);
}
.bg--green {
  background-color: #566A27;
}
.bg--beige {
  background-color: #EEECE4;
}
.bg--facebook-blue {
  background-color: #1877f2;
}
.bg--google-blue {
  background-color: #4285f1;
}
.bg--google-red {
  background-color: #ea4236;
}
.bg--instagram-pink {
  background-color: #C62A81;
}
.bg--instagram-orange {
  background-color: #F06430;
}
.bg--paypal-blue {
  background-color: #009cde;
}
.bg--paypal-silver {
  background-color: #eeeeee;
}
.bg--primary {
  background-color: #000000;
}
.bg--secondary {
  background-color: #ffbb1c;
}
.bg--tertiary {
  background-color: #ff1c60;
}
.bg--accent-primary {
  background-color: #0DFFCB;
}
.bg--accent-secondary {
  background-color: #DAFF79;
}
.bg--accent-tertiary {
  background-color: #28BAFF;
}
.bg--error {
  background-color: #930000;
}
.bg--success {
  background-color: #566A27;
}
.bg--beige {
  background-color: #EEECE4;
}
.bg--red {
  background-color: #930000;
}
.bg--start-white {
  background-color: #efefe8;
}
.bg--grey-mid {
  background-color: #757575;
}
.bg--sand {
  background-color: #FAF9F7;
}
.bg--fwb-blue {
  background-color: #0A1A69;
}
.bg--grey-line {
  background-color: #d1d1d1;
}

.border {
  border-style: solid;
}
.border--white {
  border-color: #FFF;
}
.border--black {
  border-color: #000;
}
.border--grey-1 {
  border-color: #f8f8f8;
}
.border--grey-2 {
  border-color: #e9e8e1;
}
.border--grey-3 {
  border-color: #eeeeee;
}
.border--grey-4 {
  border-color: #c4c4c4;
}
.border--grey-5 {
  border-color: #999999;
}
.border--grey-6 {
  border-color: #efefef;
}
.border--grey-7 {
  border-color: #575757;
}
.border--red {
  border-color: #e60000;
}
.border--blue {
  border-color: #4D96E7;
}
.border--navy {
  border-color: rgb(15.3861386139, 62.1856435644, 114.1138613861);
}
.border--green {
  border-color: #566A27;
}
.border--beige {
  border-color: #EEECE4;
}
.border--facebook-blue {
  border-color: #1877f2;
}
.border--google-blue {
  border-color: #4285f1;
}
.border--google-red {
  border-color: #ea4236;
}
.border--instagram-pink {
  border-color: #C62A81;
}
.border--instagram-orange {
  border-color: #F06430;
}
.border--paypal-blue {
  border-color: #009cde;
}
.border--paypal-silver {
  border-color: #eeeeee;
}
.border--primary {
  border-color: #000000;
}
.border--secondary {
  border-color: #ffbb1c;
}
.border--tertiary {
  border-color: #ff1c60;
}
.border--accent-primary {
  border-color: #0DFFCB;
}
.border--accent-secondary {
  border-color: #DAFF79;
}
.border--accent-tertiary {
  border-color: #28BAFF;
}
.border--error {
  border-color: #930000;
}
.border--success {
  border-color: #566A27;
}
.border--beige {
  border-color: #EEECE4;
}
.border--red {
  border-color: #930000;
}
.border--start-white {
  border-color: #efefe8;
}
.border--grey-mid {
  border-color: #757575;
}
.border--sand {
  border-color: #FAF9F7;
}
.border--fwb-blue {
  border-color: #0A1A69;
}
.border--grey-line {
  border-color: #d1d1d1;
}

.border--grey {
  border: 0.0625rem solid #d1d1d1;
}

.border-t--grey {
  border-top: 0.0625rem solid #d1d1d1;
}

.border-b--grey {
  border-bottom: 0.0625rem solid #d1d1d1;
}

.border-r--grey {
  border-right: 0.0625rem solid #d1d1d1;
}

.border-l--grey {
  border-left: 0.0625rem solid #d1d1d1;
}

.relative {
  position: relative;
}

.border-width-0px {
  border-width: 0px;
}

.border-width-1px {
  border-width: 1px;
}

.border-width-2px {
  border-width: 2px;
}

.border-width-3px {
  border-width: 3px;
}

.border-width-4px {
  border-width: 4px;
}

.border-width-5px {
  border-width: 5px;
}

.border-width-6px {
  border-width: 6px;
}

.border-width-7px {
  border-width: 7px;
}

.border-width-8px {
  border-width: 8px;
}

.border-width-9px {
  border-width: 9px;
}

.border-width-10px {
  border-width: 10px;
}

.border-width-11px {
  border-width: 11px;
}

.border-width-12px {
  border-width: 12px;
}

.border-width-13px {
  border-width: 13px;
}

.border-width-14px {
  border-width: 14px;
}

.border-width-15px {
  border-width: 15px;
}

.border-width-16px {
  border-width: 16px;
}

ol.list__marker--heavy li::marker {
  font-family: "Newtime R Heavy", Helvetica, Arial, sans-serif;
}

@media (min-width: 48rem) {
  .t-bg--white {
    background-color: #FFF;
  }
  .t-bg--black {
    background-color: #000;
  }
  .t-bg--grey-1 {
    background-color: #f8f8f8;
  }
  .t-bg--grey-2 {
    background-color: #e9e8e1;
  }
  .t-bg--grey-3 {
    background-color: #eeeeee;
  }
  .t-bg--grey-4 {
    background-color: #c4c4c4;
  }
  .t-bg--grey-5 {
    background-color: #999999;
  }
  .t-bg--grey-6 {
    background-color: #efefef;
  }
  .t-bg--grey-7 {
    background-color: #575757;
  }
  .t-bg--red {
    background-color: #e60000;
  }
  .t-bg--blue {
    background-color: #4D96E7;
  }
  .t-bg--navy {
    background-color: rgb(15.3861386139, 62.1856435644, 114.1138613861);
  }
  .t-bg--green {
    background-color: #566A27;
  }
  .t-bg--beige {
    background-color: #EEECE4;
  }
  .t-bg--facebook-blue {
    background-color: #1877f2;
  }
  .t-bg--google-blue {
    background-color: #4285f1;
  }
  .t-bg--google-red {
    background-color: #ea4236;
  }
  .t-bg--instagram-pink {
    background-color: #C62A81;
  }
  .t-bg--instagram-orange {
    background-color: #F06430;
  }
  .t-bg--paypal-blue {
    background-color: #009cde;
  }
  .t-bg--paypal-silver {
    background-color: #eeeeee;
  }
  .t-bg--primary {
    background-color: #000000;
  }
  .t-bg--secondary {
    background-color: #ffbb1c;
  }
  .t-bg--tertiary {
    background-color: #ff1c60;
  }
  .t-bg--accent-primary {
    background-color: #0DFFCB;
  }
  .t-bg--accent-secondary {
    background-color: #DAFF79;
  }
  .t-bg--accent-tertiary {
    background-color: #28BAFF;
  }
  .t-bg--error {
    background-color: #930000;
  }
  .t-bg--success {
    background-color: #566A27;
  }
  .t-bg--beige {
    background-color: #EEECE4;
  }
  .t-bg--red {
    background-color: #930000;
  }
  .t-bg--start-white {
    background-color: #efefe8;
  }
  .t-bg--grey-mid {
    background-color: #757575;
  }
  .t-bg--sand {
    background-color: #FAF9F7;
  }
  .t-bg--fwb-blue {
    background-color: #0A1A69;
  }
  .t-bg--grey-line {
    background-color: #d1d1d1;
  }
  .t-border {
    border-style: solid;
  }
  .t-border--white {
    border-color: #FFF;
  }
  .t-border--black {
    border-color: #000;
  }
  .t-border--grey-1 {
    border-color: #f8f8f8;
  }
  .t-border--grey-2 {
    border-color: #e9e8e1;
  }
  .t-border--grey-3 {
    border-color: #eeeeee;
  }
  .t-border--grey-4 {
    border-color: #c4c4c4;
  }
  .t-border--grey-5 {
    border-color: #999999;
  }
  .t-border--grey-6 {
    border-color: #efefef;
  }
  .t-border--grey-7 {
    border-color: #575757;
  }
  .t-border--red {
    border-color: #e60000;
  }
  .t-border--blue {
    border-color: #4D96E7;
  }
  .t-border--navy {
    border-color: rgb(15.3861386139, 62.1856435644, 114.1138613861);
  }
  .t-border--green {
    border-color: #566A27;
  }
  .t-border--beige {
    border-color: #EEECE4;
  }
  .t-border--facebook-blue {
    border-color: #1877f2;
  }
  .t-border--google-blue {
    border-color: #4285f1;
  }
  .t-border--google-red {
    border-color: #ea4236;
  }
  .t-border--instagram-pink {
    border-color: #C62A81;
  }
  .t-border--instagram-orange {
    border-color: #F06430;
  }
  .t-border--paypal-blue {
    border-color: #009cde;
  }
  .t-border--paypal-silver {
    border-color: #eeeeee;
  }
  .t-border--primary {
    border-color: #000000;
  }
  .t-border--secondary {
    border-color: #ffbb1c;
  }
  .t-border--tertiary {
    border-color: #ff1c60;
  }
  .t-border--accent-primary {
    border-color: #0DFFCB;
  }
  .t-border--accent-secondary {
    border-color: #DAFF79;
  }
  .t-border--accent-tertiary {
    border-color: #28BAFF;
  }
  .t-border--error {
    border-color: #930000;
  }
  .t-border--success {
    border-color: #566A27;
  }
  .t-border--beige {
    border-color: #EEECE4;
  }
  .t-border--red {
    border-color: #930000;
  }
  .t-border--start-white {
    border-color: #efefe8;
  }
  .t-border--grey-mid {
    border-color: #757575;
  }
  .t-border--sand {
    border-color: #FAF9F7;
  }
  .t-border--fwb-blue {
    border-color: #0A1A69;
  }
  .t-border--grey-line {
    border-color: #d1d1d1;
  }
}
@media (min-width: 64rem) {
  .d-bg--white {
    background-color: #FFF;
  }
  .d-bg--black {
    background-color: #000;
  }
  .d-bg--grey-1 {
    background-color: #f8f8f8;
  }
  .d-bg--grey-2 {
    background-color: #e9e8e1;
  }
  .d-bg--grey-3 {
    background-color: #eeeeee;
  }
  .d-bg--grey-4 {
    background-color: #c4c4c4;
  }
  .d-bg--grey-5 {
    background-color: #999999;
  }
  .d-bg--grey-6 {
    background-color: #efefef;
  }
  .d-bg--grey-7 {
    background-color: #575757;
  }
  .d-bg--red {
    background-color: #e60000;
  }
  .d-bg--blue {
    background-color: #4D96E7;
  }
  .d-bg--navy {
    background-color: rgb(15.3861386139, 62.1856435644, 114.1138613861);
  }
  .d-bg--green {
    background-color: #566A27;
  }
  .d-bg--beige {
    background-color: #EEECE4;
  }
  .d-bg--facebook-blue {
    background-color: #1877f2;
  }
  .d-bg--google-blue {
    background-color: #4285f1;
  }
  .d-bg--google-red {
    background-color: #ea4236;
  }
  .d-bg--instagram-pink {
    background-color: #C62A81;
  }
  .d-bg--instagram-orange {
    background-color: #F06430;
  }
  .d-bg--paypal-blue {
    background-color: #009cde;
  }
  .d-bg--paypal-silver {
    background-color: #eeeeee;
  }
  .d-bg--primary {
    background-color: #000000;
  }
  .d-bg--secondary {
    background-color: #ffbb1c;
  }
  .d-bg--tertiary {
    background-color: #ff1c60;
  }
  .d-bg--accent-primary {
    background-color: #0DFFCB;
  }
  .d-bg--accent-secondary {
    background-color: #DAFF79;
  }
  .d-bg--accent-tertiary {
    background-color: #28BAFF;
  }
  .d-bg--error {
    background-color: #930000;
  }
  .d-bg--success {
    background-color: #566A27;
  }
  .d-bg--beige {
    background-color: #EEECE4;
  }
  .d-bg--red {
    background-color: #930000;
  }
  .d-bg--start-white {
    background-color: #efefe8;
  }
  .d-bg--grey-mid {
    background-color: #757575;
  }
  .d-bg--sand {
    background-color: #FAF9F7;
  }
  .d-bg--fwb-blue {
    background-color: #0A1A69;
  }
  .d-bg--grey-line {
    background-color: #d1d1d1;
  }
  .d-border {
    border-style: solid;
  }
  .d-border--white {
    border-color: #FFF;
  }
  .d-border--black {
    border-color: #000;
  }
  .d-border--grey-1 {
    border-color: #f8f8f8;
  }
  .d-border--grey-2 {
    border-color: #e9e8e1;
  }
  .d-border--grey-3 {
    border-color: #eeeeee;
  }
  .d-border--grey-4 {
    border-color: #c4c4c4;
  }
  .d-border--grey-5 {
    border-color: #999999;
  }
  .d-border--grey-6 {
    border-color: #efefef;
  }
  .d-border--grey-7 {
    border-color: #575757;
  }
  .d-border--red {
    border-color: #e60000;
  }
  .d-border--blue {
    border-color: #4D96E7;
  }
  .d-border--navy {
    border-color: rgb(15.3861386139, 62.1856435644, 114.1138613861);
  }
  .d-border--green {
    border-color: #566A27;
  }
  .d-border--beige {
    border-color: #EEECE4;
  }
  .d-border--facebook-blue {
    border-color: #1877f2;
  }
  .d-border--google-blue {
    border-color: #4285f1;
  }
  .d-border--google-red {
    border-color: #ea4236;
  }
  .d-border--instagram-pink {
    border-color: #C62A81;
  }
  .d-border--instagram-orange {
    border-color: #F06430;
  }
  .d-border--paypal-blue {
    border-color: #009cde;
  }
  .d-border--paypal-silver {
    border-color: #eeeeee;
  }
  .d-border--primary {
    border-color: #000000;
  }
  .d-border--secondary {
    border-color: #ffbb1c;
  }
  .d-border--tertiary {
    border-color: #ff1c60;
  }
  .d-border--accent-primary {
    border-color: #0DFFCB;
  }
  .d-border--accent-secondary {
    border-color: #DAFF79;
  }
  .d-border--accent-tertiary {
    border-color: #28BAFF;
  }
  .d-border--error {
    border-color: #930000;
  }
  .d-border--success {
    border-color: #566A27;
  }
  .d-border--beige {
    border-color: #EEECE4;
  }
  .d-border--red {
    border-color: #930000;
  }
  .d-border--start-white {
    border-color: #efefe8;
  }
  .d-border--grey-mid {
    border-color: #757575;
  }
  .d-border--sand {
    border-color: #FAF9F7;
  }
  .d-border--fwb-blue {
    border-color: #0A1A69;
  }
  .d-border--grey-line {
    border-color: #d1d1d1;
  }
  .d-border--grey {
    border: 0.0625rem solid #d1d1d1;
  }
  .d-border-t--grey {
    border-top: 0.0625rem solid #d1d1d1;
  }
  .d-border-b--grey {
    border-bottom: 0.0625rem solid #d1d1d1;
  }
  .d-border-r--grey {
    border-right: 0.0625rem solid #d1d1d1;
  }
  .d-border-l--grey {
    border-left: 0.0625rem solid #d1d1d1;
  }
}
.overflow--hidden {
  overflow: hidden;
}

@-webkit-keyframes loading-dot1 {
  0%, 33% {
    opacity: 0;
  }
  34%, 100% {
    opacity: 1;
  }
}

@keyframes loading-dot1 {
  0%, 33% {
    opacity: 0;
  }
  34%, 100% {
    opacity: 1;
  }
}
@-webkit-keyframes loading-dot2 {
  0%, 66% {
    opacity: 0;
  }
  67%, 100% {
    opacity: 1;
  }
}
@keyframes loading-dot2 {
  0%, 66% {
    opacity: 0;
  }
  67%, 100% {
    opacity: 1;
  }
}
@-webkit-keyframes loading-bar {
  0% {
    opacity: 0.5;
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
@keyframes loading-bar {
  0% {
    opacity: 0.5;
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
/*----------------------------------------------*\
#LOADING DOTS + CHECKMARK ANIMATED BUTTON
\*----------------------------------------------*/
.button--showloading[data-button-state=loading], .button--showloading[data-button-state=complete] {
  pointer-events: none;
}
.button--showloading[data-button-state=loading] .button_text, .button--showloading[data-button-state=complete] .button_text {
  display: none;
}

.button_loading-dots {
  position: relative;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background-color: #FFF;
  -webkit-transform: translateX(-0.625rem);
          transform: translateX(-0.625rem);
  display: none;
}
.button--primary-outline .button_loading-dots {
  background-color: #000;
}
[data-button-state=loading] .button_loading-dots {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media (hover: hover) {
  .button--showloading:hover:not([disabled]):not(.disabled) .button_loading-dots {
    background-color: #000;
  }
  .button--primary-outline:hover:not([disabled]):not(.disabled) .button_loading-dots {
    background-color: #FFF;
  }
}
.button_loading-dots:before, .button_loading-dots:after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  position: absolute;
  background-color: #FFF;
}
.button--primary-outline .button_loading-dots:before, .button--primary-outline .button_loading-dots:after {
  background-color: #000;
}
@media (hover: hover) {
  .button--showloading:hover:not([disabled]):not(.disabled) .button_loading-dots:before, .button--showloading:hover:not([disabled]):not(.disabled) .button_loading-dots:after {
    background-color: #000;
  }
  .button--primary-outline:hover:not([disabled]):not(.disabled) .button_loading-dots:before, .button--primary-outline:hover:not([disabled]):not(.disabled) .button_loading-dots:after {
    background-color: #FFF;
  }
}
.button_loading-dots:before {
  right: -0.625rem;
  -webkit-animation: loading-dot1 1s infinite linear;
          animation: loading-dot1 1s infinite linear;
}
.button_loading-dots:after {
  right: -1.25rem;
  -webkit-animation: loading-dot2 1s infinite linear;
          animation: loading-dot2 1s infinite linear;
}

.button_checkmark {
  line-height: 1em;
  display: none;
}
[data-button-state=complete] .button_checkmark {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.button_checkmark .icon {
  width: 1.25rem;
  height: 1.25rem;
}
@media (hover: hover) {
  .button--showloading:hover:not([disabled]):not(.disabled) .button_checkmark .icon {
    fill: #000;
  }
}

/*md

# Helper classes

## Margin and padding

```html_example
    &lt;div class="styleguide__section-helpers"&gt;
        &lt;div&gt;
            &lt;span&gt;margin-l--15&lt;/span&gt;
            &lt;span&gt;Margin left 15 px&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;t-margin-l--15&lt;/span&gt;
            &lt;span&gt;Tablet and desktop&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;d-margin-l--15&lt;/span&gt;
            &lt;span&gt;Desktop only&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;margin-t--20&lt;/span&gt;
            &lt;span&gt;Margin top 20 px&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;t-margin-t--20&lt;/span&gt;
            &lt;span&gt;Tablet and desktop&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;d-margin-t--20&lt;/span&gt;
            &lt;span&gt;Desktop only&lt;/span&gt;
        &lt;/div&gt;
         &lt;div&gt;
            &lt;span&gt;margin-b--30&lt;/span&gt;
            &lt;span&gt;Margin top 30 px&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;t-margin-b--30&lt;/span&gt;
            &lt;span&gt;Tablet and desktop&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;d-margin-b--30&lt;/span&gt;
            &lt;span&gt;Desktop only&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;margin-r--10&lt;/span&gt;
            &lt;span&gt;Margin right 10 px&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;t-margin-r--10&lt;/span&gt;
            &lt;span&gt;Tablet and desktop&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;d-margin-r--10&lt;/span&gt;
            &lt;span&gt;Desktop only&lt;/span&gt;
        &lt;/div&gt;
    &lt;/div&gt;
```

## Background

```html_example
    &lt;div class="styleguide__section-helpers"&gt;
        &lt;div&gt;
            &lt;span&gt;bg--grey-1&lt;/span&gt;
            &lt;span class="styleguide__section-color--mini bg--grey-1"&gt;Grey-1&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;t-bg--grey-1&lt;/span&gt;
            &lt;span class="styleguide__section-color--mini t-bg--grey-1"&gt;Grey-1&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;d-bg--grey-1&lt;/span&gt;
            &lt;span class="styleguide__section-color--mini d-bg--grey-1"&gt;Grey-1&lt;/span&gt;
        &lt;/div&gt;

        &lt;div&gt;
             &lt;span&gt;bg--grey-2&lt;/span&gt;
            &lt;span class="styleguide__section-color--mini bg--grey-2"&gt;Grey-2&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;t-bg--grey-2&lt;/span&gt;
            &lt;span class="styleguide__section-color--mini t-bg--grey-2"&gt;Grey-2&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;d-bg--grey-2&lt;/span&gt;
            &lt;span class="styleguide__section-color--mini d-bg--grey-2"&gt;Grey-2&lt;/span&gt;
        &lt;/div&gt;

        &lt;div&gt;
             &lt;span&gt;bg--grey-3&lt;/span&gt;
            &lt;span class="styleguide__section-color--mini bg--grey-3"&gt;Grey-3&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;t-bg--grey-3&lt;/span&gt;
            &lt;span class="styleguide__section-color--mini t-bg--grey-3"&gt;Grey-3&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;d-bg--grey-3&lt;/span&gt;
            &lt;span class="styleguide__section-color--mini d-bg--grey-3"&gt;Grey-3&lt;/span&gt;
        &lt;/div&gt;

        &lt;div&gt;
             &lt;span&gt;bg--grey-4&lt;/span&gt;
            &lt;span class="styleguide__section-color--mini bg--grey-4"&gt;Grey-4&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;t-bg--grey-4&lt;/span&gt;
            &lt;span class="styleguide__section-color--mini t-bg--grey-4"&gt;Grey-41&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;d-bg--grey-4&lt;/span&gt;
            &lt;span class="styleguide__section-color--mini d-bg--grey-4"&gt;Grey-4&lt;/span&gt;
        &lt;/div&gt;
    &lt;/div&gt;
```

## Width

Possible values: 0 - 100 with interval of 5.

```html_example
    &lt;div class="styleguide__section-helpers styleguide__section-helpers--width"&gt;
         &lt;div&gt;
            &lt;span&gt;set--w-80&lt;/span&gt;
            &lt;span class="styleguide__section-width set--w-80"&gt;80%&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;set--w-60&lt;/span&gt;
            &lt;span class="styleguide__section-width set--w-60"&gt;60%&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;set--w-40&lt;/span&gt;
            &lt;span class="styleguide__section-width set--w-40"&gt;40%&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;set--w-70&lt;/span&gt;
            &lt;span class="styleguide__section-width set--w-70"&gt;70%&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;set--w-50&lt;/span&gt;
            &lt;span class="styleguide__section-width set--w-50"&gt;50%&lt;/span&gt;
        &lt;/div&gt;
         &lt;div&gt;
            &lt;span&gt;set--w-30&lt;/span&gt;
            &lt;span class="styleguide__section-width set--w-30"&gt;30%&lt;/span&gt;
        &lt;/div&gt;
    &lt;/div&gt;
```


## Font-sizes

Possible values: 12, 14, 16, 18, 20, 22, 25, 30, 40, 50

```html_example
    &lt;div class="styleguide__section-helpers"&gt;
        &lt;div&gt;
            &lt;span&gt;font-size--12&lt;/span&gt;
            &lt;span&gt;Size 12px&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;t-font-size--12&lt;/span&gt;
            &lt;span&gt;Tablet and desktop&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;d-font-size--12&lt;/span&gt;
            &lt;span&gt;Desktop only&lt;/span&gt;
        &lt;/div&gt;

        &lt;div&gt;
            &lt;span&gt;font-size--14&lt;/span&gt;
            &lt;span&gt;Size 14px&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;t-font-size--14&lt;/span&gt;
            &lt;span&gt;Tablet and desktop&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;d-font-size--14&lt;/span&gt;
            &lt;span&gt;Desktop only&lt;/span&gt;
        &lt;/div&gt;

        &lt;div&gt;
            &lt;span&gt;font-size--16&lt;/span&gt;
            &lt;span&gt;Size 16px&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;t-font-size--16&lt;/span&gt;
            &lt;span&gt;Tablet and desktop&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;d-font-size--16&lt;/span&gt;
            &lt;span&gt;Desktop only&lt;/span&gt;
        &lt;/div&gt;

        &lt;div&gt;
            &lt;span&gt;font-size--18&lt;/span&gt;
            &lt;span&gt;Size 18px&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;t-font-size--18&lt;/span&gt;
            &lt;span&gt;Tablet and desktop&lt;/span&gt;
        &lt;/div&gt;
        &lt;div&gt;
            &lt;span&gt;d-font-size--18&lt;/span&gt;
            &lt;span&gt;Desktop only&lt;/span&gt;
        &lt;/div&gt;
    &lt;/div&gt;
```
 */
.page:not(.set--overlay):after,
.header-container:not(.set--overlay) .header:after {
  opacity: 0;
  visibility: hidden;
}

.header:after {
  position: absolute;
}

.page:after {
  position: fixed;
}

.loader-container {
  position: relative;
}

/*------------------------------------*\
  #OVERLAYS
\*------------------------------------*/
.set--overlay {
  position: relative;
  cursor: pointer;
}

.set--overlay-all:after {
  z-index: 1080;
}

.loader,
.set--overlay:after {
  position: absolute;
}

.loader,
.set--overlay:not(.header-container):after,
.page:after,
.header:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.set--overlay:not(.header-container):after,
.page:after,
.header:after {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 213ms ease-in-out, visibility 213ms ease-in-out;
  transition: opacity 213ms ease-in-out, visibility 213ms ease-in-out;
}

.set--overlay:not(.header-container):after,
.page:after,
.header:after {
  content: "";
}

/*------------------------------------*\
  #LOADER
\*------------------------------------*/
.loader {
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-duration: 213ms;
          transition-duration: 213ms;
  opacity: 0;
  visibility: hidden;
}
.loader.set--alt {
  background-color: rgba(0, 0, 0, 0.5);
}
.loader.set--alt .loader-indicator__path {
  stroke: #FFF;
}
.loader:not(.set--alt) {
  background-color: rgba(255, 255, 255, 0.5);
}
.loader:not(.set--alt) .loader-indicator__path {
  stroke: #000000;
}
.loader.set--fixed {
  position: fixed;
}
.loader.set--visible {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: 320ms;
          transition-duration: 320ms;
  opacity: 1;
  visibility: inherit;
}

.loader-indicator {
  z-index: 1;
  width: 100%;
  height: 100%;
  max-width: 5rem;
  max-height: 5rem;
  pointer-events: none;
  -webkit-animation: rotator 1.4s linear infinite;
          animation: rotator 1.4s linear infinite;
}

.loader-indicator__path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite;
          animation: dash 1.4s ease-in-out infinite;
}

.loader-message {
  max-width: 20.625rem;
  padding: 0 1rem;
  text-align: center;
  font-weight: 700;
  color: #ffbb1c;
  background-color: rgba(255, 255, 255, 0.75);
}

@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}

@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}
@-webkit-keyframes showBlock {
  to {
    visibility: visible;
    opacity: 1;
  }
}
@keyframes showBlock {
  to {
    visibility: visible;
    opacity: 1;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.set--overlay:not(.header-container):after,
.page:after,
.header:after {
  background-color: transparent;
}

.loader.set--visible {
  opacity: 0;
  visibility: hidden;
  -webkit-animation: showBlock 0s 2s forwards;
          animation: showBlock 0s 2s forwards;
}
.refinement-bar .loader.set--visible {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
@media (max-width: 47.9375rem) {
  .refinement-bar .loader.set--visible {
    position: fixed;
  }
}
.loader.set--visible:before {
  animation: rotate 0.8s infinite linear;
  border-color: #000 transparent #000 #000;
  border-style: solid;
  border-width: 0.25rem;
  border-radius: 50%;
  display: block;
  height: 2.8125rem;
  width: 2.8125rem;
  -webkit-animation: rotate 0.8s infinite linear;
  content: "";
}

.loader-indicator {
  display: none;
}

.show-confirmation-message {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 4;
  height: auto;
}
@media (min-width: 48rem) {
  .show-confirmation-message .set--fwb {
    width: 25.875rem;
  }
}
.show-confirmation-message.fadeout {
  opacity: 0;
  z-index: -1;
  visibility: hidden;
  -webkit-transition: z-index 1s, visibility 500ms, opacity 500ms ease-out;
  transition: z-index 1s, visibility 500ms, opacity 500ms ease-out;
}
.show-confirmation-message .confirmation-message-container {
  position: relative;
}
.show-confirmation-message .confirmation-message-container.set--fwb .confirmation-message-alert {
  color: #FFF;
  background: #0A1A69;
  padding: 1rem;
}
.show-confirmation-message .confirmation-message-container .confirmation-message-alert {
  position: relative;
  text-align: left;
  background: #EEECE4;
  margin: 5px 0;
  padding: 0.5rem 1rem 0.625rem;
}
.show-confirmation-message .confirmation-message-container .confirmation-message-alert.fadeout {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 500ms, opacity 500ms ease-out;
  transition: visibility 500ms, opacity 500ms ease-out;
}
@media (max-width: 47.9375rem) {
  .show-confirmation-message .confirmation-message-container {
    width: 100%;
  }
  .show-confirmation-message .confirmation-message-container .confirmation-message-alert {
    margin-bottom: 0;
  }
}
.show-confirmation-message .confirmation-message__logo {
  width: 5.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.show-confirmation-message .confirmation-message__close {
  top: 0.5rem;
  height: 2rem;
  z-index: 1;
}
.show-confirmation-message .confirmation-message__close.window-modal__close {
  right: 0;
}
.show-confirmation-message .confirmation-message__close.window-modal__close:after {
  height: 0.75rem;
  width: 0.75rem;
}
@media (min-width: 48rem) {
  .show-confirmation-message .confirmation-message__close {
    top: 0.1875rem;
  }
}
.show-confirmation-message .confirmation-message__text {
  line-height: 1.125rem;
}
@media (max-width: 47.9375rem) {
  .show-confirmation-message .confirmation-message__text {
    width: 90%;
  }
}
.show-confirmation-message .set--fwb .confirmation-message__text {
  line-height: 1.375rem;
}
@media (max-width: 47.9375rem) {
  .show-confirmation-message .set--fwb .confirmation-message__text {
    width: 100%;
  }
}
@media (max-width: 47.9375rem) {
  .show-confirmation-message {
    height: auto;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 48rem) {
  .show-confirmation-message {
    max-width: 25.875rem;
    bottom: 4rem;
    right: 1.875rem;
    left: unset;
  }
}

.notification__alert {
  z-index: 4;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 0.5rem 1rem;
  background-color: #ffece5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.notification__alert.notification__alert--confirmation {
  background-color: #EEECE4;
}
.notification__alert.notification__alert--checkout, .notification__alert.notification__alert--giftcard, .notification__alert.notification__alert--pdp, .notification__alert.notification__alert--address {
  position: relative;
  bottom: unset;
  right: unset;
}
.notification__alert.notification__alert--giftcard, .notification__alert.notification__alert--pdp, .notification__alert.notification__alert--address {
  max-width: 100%;
}
.notification__alert .notification__alert-close {
  line-height: 1em;
  cursor: pointer;
}
@media (max-width: 47.9375rem) {
  [data-action=Search-Show] .notification__alert {
    z-index: 10001;
  }
  .notification__alert.notification__alert--giftcard {
    z-index: 2;
  }
}
@media (min-width: 64rem) {
  .notification__alert {
    max-width: 25rem;
    width: 100%;
    bottom: 4rem;
    right: 2rem;
    left: unset;
  }
}

/*------------------------------------*\
  #COMPONENTS
\*------------------------------------*/
/**
 * TABLE OF CONTENTS
 *
 * COMPONENTS
 * headerCommons...................Contains header global styles (moved to global-atf.scss).
 * headerBanner....................Styles for the header top banner (moved to global-atf.scss).
 * headerFlyout...................Styles for category navigation.
 * headerSearch...................Styles for the header search.
 * headerMinicart.................Minicart styles.
 *
 */
/*------------------------------------*\
  #COMPONENTS
\*------------------------------------*/
@-webkit-keyframes header--sticky-nav-down {
  0% {
    margin-top: -45px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes header--sticky-nav-down {
  0% {
    margin-top: -45px;
  }
  100% {
    margin-top: 0;
  }
}
@media (min-width: 64rem) {
  .header.fixed--scrolled {
    -webkit-animation-name: header--sticky-nav-down;
            animation-name: header--sticky-nav-down;
    -webkit-animation-duration: 200ms;
            animation-duration: 200ms;
  }
  .header.fixed--scrolled .header__top-left,
  .header.fixed--scrolled .header__top-right &gt; *:not(.header__minicart) {
    display: none;
  }
  .header.fixed--scrolled .header__middle {
    height: 2.875rem;
    max-width: none;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    padding: 0;
    margin-right: 12.5rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .header.fixed--scrolled .header__middle .header-flyout {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .header.fixed--scrolled .header__middle .header-flyout__list.level-1 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: 2.75rem;
    overflow: hidden;
  }
  .header.fixed--scrolled .header__top-right {
    -ms-flex-item-align: auto;
        align-self: auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-left: auto;
    max-width: 3.75rem;
    padding: 0;
  }
  .header.fixed--scrolled .header__main {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0 auto;
    padding: 0.125rem 2rem 0;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    height: 3.375rem;
  }
  .header.fixed--scrolled .header__logo-container {
    margin-right: 1rem;
    max-width: 6.5625rem;
    padding: 0;
  }
  .header.fixed--scrolled .header__logo {
    display: block;
    height: 1.125rem;
    margin-top: 0;
    margin-bottom: 0;
  }
  .header.fixed--scrolled .header__logo-image {
    width: 100%;
  }
  .header.fixed--scrolled .header-flyout__item &gt; a, .header.fixed--scrolled .header__search .site-search button {
    font-size: 16px;
  }
  .header.fixed--scrolled .header__utility-anchor .icon--magnifying-glass {
    height: 1rem;
    margin-bottom: -2px;
    width: 1rem;
  }
}
.header-flyout__container.level-1 {
  color: "currentColor";
  color: var(--header-nav-color, "currentColor");
}
.header-flyout__container.level-2 {
  color: "currentColor";
  color: var(--header-nav-panel-color, "currentColor");
}
.header-flyout__container .header-flyout__scrollable [data-menu-wrap] [data-menu-item] a {
  white-space: normal;
  display: inline-block;
}
@media (min-width: 64rem) {
  .header-flyout__container .header-flyout__scrollable [data-menu-wrap] [data-menu-item] a {
    font-size: 1rem;
    line-height: 1.3;
    white-space: normal;
    margin-top: 0.5rem;
  }
}
.header-flyout__container .header-flyout__scrollable::-webkit-scrollbar {
  display: none;
}

.header-flyout__close {
  color: "currentColor";
  color: var(--header-nav-panel-color, "currentColor");
}

.header-flyout__secondary-link:not(.header__utility-item) {
  padding: 0 1.25rem;
  font-size: 16px;
  line-height: 1.75;
}

.header-flyout__content-tile:hover .component-actions__cta, .header-flyout__content-tile:focus .component-actions__cta {
  text-decoration: underline;
}

@media (min-width: 64rem) and (max-width: 90rem) {
  .header-flyout__anchor {
    white-space: nowrap;
  }
}
@media (min-width: 64rem) {
  .header-flyout {
    border-right: none;
    max-width: 100%;
  }
  .header-flyout__container .header-flyout__scrollable [data-menu-wrap] {
    width: 10.9375rem;
  }
  .header-flyout__container .header-flyout__tile-img-container {
    height: 13.75rem;
  }
  .header-flyout__list.level-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .header-flyout__item.level-3 {
    font-size: 1rem;
  }
  .header-flyout__anchor.level-1 {
    position: relative;
    -webkit-transition-property: opacity, -webkit-box-shadow;
    transition-property: opacity, -webkit-box-shadow;
    transition-property: opacity, box-shadow;
    transition-property: opacity, box-shadow, -webkit-box-shadow;
    -webkit-transition-duration: 213ms;
            transition-duration: 213ms;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
  }
  .header-flyout__anchor.level-1:hover:after, .header-flyout__anchor.level-1.toggle--active:after, .header-flyout__anchor.level-1.mega-item--active:after {
    position: absolute;
    right: 0;
    bottom: 0.75rem;
    left: 0;
    content: "";
    background: #000;
    height: 2px;
    margin: auto;
    width: calc(100% - 1rem);
  }
  .header-flyout__anchor:not(.level-1):hover {
    text-decoration: underline;
  }
  .header-flyout__anchor--parent.level-3,
  .header-flyout__anchor--list-title.level-3 {
    text-decoration: underline;
  }
  .header-flyout__container.level-2 {
    z-index: 1;
    left: 0;
    right: 0;
    width: 100vw;
    padding: 1.875rem 0 1.875rem 4.375rem;
    background-color: #FFF;
    background-color: var(--header-nav-panel-bg, #FFF);
    border-bottom: 2px solid #000;
  }
  .header-flyout__column-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-flyout__column-container .header-flyout__tile-img {
    height: 16rem;
    max-width: none;
  }
  .header-flyout__column--mainNavigationColumn {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 12.5rem;
            flex: 0 1 12.5rem;
    min-width: 8rem;
  }
  .header-flyout__column--mainNavigationMediaColumn {
    max-width: 100%;
    overflow: auto;
  }
  .header-flyout__column--align-right {
    margin-left: auto;
  }
  .header-flyout__column:not(:last-child),
  .header-flyout__column-media:not(:last-child) {
    margin-right: 1.25rem;
  }
  .header-flyout__column-media-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-flyout__stacked-container:not(:first-child) {
    margin-top: 1.25rem;
  }
  .header-flyout__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header-flyout__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    margin-left: auto;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 0 0.9375rem 0 0;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
  }
  .header-flyout__inner--stack .header-flyout__content {
    margin-left: 0;
  }
  .header-flyout__content-tile {
    min-width: 10.3125rem;
    padding-left: 1.25rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-flex-shrink: 0;
  }
  .header-flyout__content-tile:not(:first-child) {
    margin-left: 0.9375rem;
  }
  .header-flyout__inner--border .header-flyout__content-tile {
    border-left: 1px solid #000;
  }
  .header-flyout__inner--border .header-flyout__content-tile:not(:first-child) {
    margin-left: 1.25rem;
  }
  .header-flyout__inner--divider .header-flyout__content-tile:first-child {
    border-left: 1px solid #000;
  }
}
@media (max-width: 63.9375rem) {
  .header-flyout__overlay {
    opacity: 0;
    -webkit-transition: opacity 320ms ease-in-out;
    transition: opacity 320ms ease-in-out;
  }
  .header-flyout {
    --flyout-height: 100vh;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    width: calc(100vw - 2.75rem);
    height: calc(100vh - 3.5rem);
    height: calc(var(--flyout-height) - 3.5rem);
    top: 3.5rem;
    left: 0;
    background-color: #FFF;
    background-color: var(--header-nav-panel-bg, #FFF);
    overflow: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
  }
  @media (max-width: 63.9375rem){
    .header-flyout{
    height: calc(100vh - 3.5rem);
    height: calc(var(--flyout-height) - 3.5rem);
    }
  }
  .header-flyout:not(.flyout-toggle--active) {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
  }
  .header-flyout.animate-out {
    -webkit-transition: -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1);
    transition: -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1);
    transition: transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1);
    transition: transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1);
    opacity: 1;
    visibility: inherit;
  }
  .header-flyout.flyout-toggle--active {
    opacity: 1;
    visibility: inherit;
    overflow: visible;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 320ms cubic-bezier(0.4, 0.9, 0.3, 1);
    transition: -webkit-transform 320ms cubic-bezier(0.4, 0.9, 0.3, 1);
    transition: transform 320ms cubic-bezier(0.4, 0.9, 0.3, 1);
    transition: transform 320ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 320ms cubic-bezier(0.4, 0.9, 0.3, 1);
  }
  .header-flyout.flyout-toggle--active + .header-flyout__overlay {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #FFF;
    opacity: 0.7;
  }
  .header-flyout.flyout-toggle--active .header-flyout__anchor.level-1,
  .header-flyout.flyout-toggle--active .header-flyout__secondary-link {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .header-flyout.flyout-toggle--active .header-flyout__anchor.level-1 .icon--caret, .header-flyout.flyout-toggle--active .header-flyout__anchor.level-1 .icon--mobile-nav {
    width: 1.5rem;
    height: 1.5rem;
  }
  .header-flyout__head {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }
  .header-flyout__list.level-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .header-flyout__list.level-2 {
    padding: 0.75rem 1.5rem;
  }
  .header-flyout__list.level-2 .header-flyout__item-block {
    padding-left: 1.5rem;
  }
  .header-flyout__list.level-2 .header-flyout__item-block ul {
    gap: 0.25rem;
  }
  .header-flyout__list.level-2 .header-flyout__item-block a {
    margin: 0;
    line-height: 2em;
  }
  .header-flyout__list.level-2 .header-flyout__item--space-above {
    margin-top: 1rem;
  }
  .header.fixit--active .header-flyout__head,
  .header--no-top-content .header-flyout__head {
    padding-top: 0;
  }
  .header-flyout__close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 0.875rem 1rem;
  }
  .header--no-top-content .header-flyout__close {
    padding-bottom: 0.8125rem;
    padding-top: 0.8125rem;
  }
  .header-flyout__container.level-1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-height: 100%;
  }
  .header-flyout__container:not(.level-1) {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    background-color: var(--header-nav-panel-bg, #FFF);
    -webkit-transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1) 1s, -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1);
    transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1) 1s, -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1);
    transition: transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1), opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1) 1s;
    transition: transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1), opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1) 1s, -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1);
  }
  .header-flyout__container:not(.level-1).mega-item--active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 320ms cubic-bezier(0.4, 0.9, 0.3, 1);
    transition: -webkit-transform 320ms cubic-bezier(0.4, 0.9, 0.3, 1);
    transition: transform 320ms cubic-bezier(0.4, 0.9, 0.3, 1);
    transition: transform 320ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 320ms cubic-bezier(0.4, 0.9, 0.3, 1);
    opacity: 1;
    visibility: inherit;
  }
  .header-flyout__container:not(.level-1):not(.mega-item--active) {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  .header-flyout__item.level-1 {
    padding: 0.5rem 0.75rem 0.5rem 1.5rem;
    border-bottom: 0.0625rem solid #f8f8f8;
  }
  .header-flyout__item.level-1.header-flyout__item-sustainability {
    border: none;
    padding: 0 0 0 1.5rem;
    margin: 3rem 0 1rem;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .header-flyout__item.level-1.header-flyout__item-sustainability a.level-1 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    color: #575757;
    font-size: 0.875rem;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .header-flyout__scrollable {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .header.fixit--active .header-flyout__scrollable,
  .header--no-top-content .header-flyout__scrollable {
    padding-top: 0;
  }
  .header-flyout__anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header-flyout__back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.5rem 0.75rem 0.5rem 1.5rem;
    border-bottom: 0.0625rem solid #f8f8f8;
    color: #575757;
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #FFF;
    z-index: 2;
  }
  .header-flyout__back .icon {
    width: 1rem;
    height: 1rem;
  }
  .header-flyout__anchor.level-1:not(.header__utility-anchor--search),
  .header-flyout__secondary-link {
    -webkit-transform: translateX(-5rem);
            transform: translateX(-5rem);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
  .header-flyout__tile-img {
    width: 100%;
  }
  .header-flyout__secondary {
    padding-left: 1.5rem;
    margin-bottom: 2.5rem;
  }
  .header-flyout__item--main {
    margin-top: 1rem;
  }
  .header-flyout__column-start {
    margin-bottom: 1.25rem;
  }
  .header-flyout__content .content-tile__aspect-ratio--inherit .header-flyout__tile-img,
  .header-flyout__content .content-tile__aspect-ratio--natural .header-flyout__tile-img {
    height: auto;
  }
  .header-flyout__content .content-tile__aspect-ratio--wide {
    position: relative;
  }
  .header-flyout__content .content-tile__aspect-ratio--wide:before {
    display: block;
    content: "";
    padding-bottom: 71.4285714286%;
    width: 100%;
  }
  .header-flyout__content {
    display: grid;
    gap: 1.5rem 1rem;
    margin-bottom: 1.5rem;
    padding: 0 1.5rem;
  }
  .header-flyout__content .content-tile__content-wrap {
    padding-bottom: 0;
  }
  .header-flyout__content .content-tile__cta {
    max-width: 100%;
  }
  .header-flyout__content--horizontal {
    grid-template-columns: 1fr 1fr;
  }
  .header-flyout__content--horizontal .header-flyout__content-tile {
    white-space: normal;
  }
  .header-flyout__content--grid {
    grid-template-columns: 1fr 1fr;
  }
  .header-flyout__content--grid .header-flyout__content-tile:nth-child(3n-2) {
    grid-column: span 2;
  }
}
@media (min-width: 90.0625rem) {
  .header-flyout__tile .content-tile__cta {
    font-size: 1rem;
    line-height: 1.3em;
  }
}
.site-search__form {
  z-index: 5;
  position: absolute;
  width: 100vw;
  right: 0;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: 213ms;
          transition-duration: 213ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.site-search__form:not(.toggle--active) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.site-search__field {
  width: 100%;
  padding: 0.75rem 2rem 0.75rem 1rem;
  border: none;
}
.toggle--active .site-search__field {
  visibility: visible;
}

.site-search__button {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  height: 100%;
}

.header__search-trigger {
  position: relative;
  width: 2rem;
  height: 2rem;
}
.header__search-trigger.toggle--active .site-search__trigger-search {
  opacity: 0;
  visibility: hidden;
}
.header__search-trigger:not(.toggle--active) .site-search__trigger-close {
  opacity: 0;
  visibility: hidden;
}

.site-search__trigger-icon {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}

.site-search__trigger-close {
  padding: 0.25rem;
  border-radius: 0;
  background-color: #e9e8e1;
}

.site-search__suggestions-container {
  z-index: 3;
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
}

.site-search__suggestions-list {
  width: 100%;
  max-height: 65vh;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-radius: 0 0 0.125rem 0.125rem;
  border-top: none;
  background-color: #FFF;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.site-search__suggestions-section:not(:last-child) {
  margin-bottom: 1.25rem;
}

.site-search__suggestions-title {
  margin-bottom: 0.5rem;
}

.site-search__suggestions-item:not(:last-child) {
  margin-bottom: 0.75rem;
}

.site-search__suggestions-image-wrap {
  overflow: hidden;
  position: relative;
}
.site-search__suggestions-image-wrap:before {
  display: block;
  content: "";
  padding-bottom: 100%;
  width: 100%;
}

.site-search__suggestions-image {
  max-height: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
}

.site-search__suggestions-banner {
  margin-bottom: 0.5rem;
}

.site-search__suggestions-link:focus {
  color: #999999;
  outline: none;
  text-decoration: none;
}

@media (min-width: 48rem) {
  .site-search__form {
    top: calc(100% + 1rem);
    right: 0;
    left: 0;
    max-width: 42rem;
    margin: auto;
  }
  .site-search__suggestions-container {
    min-width: 21.875rem;
  }
  .set--has-results .site-search__field {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media (max-width: 47.9375rem) {
  .site-search__form {
    top: 100%;
  }
  .site-search__field {
    border-radius: 0;
  }
}
.header__search-trigger.toggle--active .site-search__trigger-search {
  opacity: 1;
  visibility: inherit;
}
.header__search-trigger:not(.toggle--active) .site-search__trigger-close {
  opacity: 1;
  visibility: inherit;
}

.site-search__suggestions-list {
  padding-top: 0;
}

.site-search__trigger-close {
  display: none;
}

.site-search__form-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-search__form-wrapper .invalid-feedback.set--visible {
  font-size: 0.75rem;
  position: absolute;
  top: 100%;
}

.site-search__form {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  background-color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.75rem;
  top: calc(100% - 1px);
  padding: 0.625rem 0 0;
}

.site-search__form .site-search__field {
  border-bottom: 1px solid #000;
  padding-top: 1.3125rem;
  padding-bottom: 0.625rem;
  padding-left: 0;
  width: calc(100% - 4.25rem);
}
.site-search__form .site-search__field:focus {
  background-color: #FFF !important;
  border-bottom: 1px solid #000;
  border-color: #000 !important;
}

.focus-within .site-search__form,
.set--has-results .site-search__form {
  height: 100vh;
}

.site-search__button {
  position: unset;
  margin-left: 1.25rem;
  width: 3.5rem;
}

.site-search__suggestions-container.set--invisible {
  display: none;
}

.site-search__suggestions-list-category {
  margin: -0.375rem 0 0 -0.5rem;
  max-width: 15rem;
}
.site-search__suggestions-list-category .site-search__suggestions-item {
  margin: 0;
}

.site-search__suggestions-category {
  padding: 0.375rem 0 0.125rem 0.5rem;
  width: 100%;
  font-size: 1rem;
}
.site-search__suggestions-category:focus, .site-search__suggestions-category:hover {
  outline-style: none;
  background-color: #EEECE4;
}

.site-search__suggestions-product-tiles .site-search__suggestions-matches {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.site-search__suggestions-product-tiles .site-search__suggestions-matches::-webkit-scrollbar {
  display: none;
}
@media (min-width: 64rem) {
  .site-search__suggestions-product-tiles .site-search__suggestions-matches.align--right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.site-search__suggestions-product-tiles .site-search__suggestions-item {
  width: 20%;
  padding-left: 1rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.site-search__suggestions-product-tiles .range {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.site-search__suggestions-product-tiles .product-tile__name {
  margin: 0;
}
@media (min-width: 48rem) {
  .site-search__suggestions-product-tiles .product-tile__body .product__badges .product__badges-item {
    margin-left: 0;
  }
}

.site-search__form-wrapper .form-control-label {
  left: 0;
}

@media (max-width: 63.9375rem) {
  .site-search__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 100%;
    padding-top: 3.125rem;
    overflow: hidden;
    position: fixed;
    top: 0;
  }
  .site-search__trigger-icon {
    position: unset;
    margin: 0;
  }
  .header__search-trigger {
    height: auto;
    width: auto;
  }
  .site-search__form-wrapper {
    margin: 0 1.25rem;
    width: calc(100% - 2.5rem);
  }
  .site-search__suggestions-list {
    padding-bottom: 1.5rem;
  }
  .site-search__form .site-search__field {
    width: 100%;
  }
  .site-search__suggestions-container {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 1.5rem;
    padding-left: 1.25rem;
  }
  .site-search__mobile-button {
    position: absolute;
    top: -2.5rem;
    right: 0;
  }
  .site-search__suggestions-product-tiles .site-search__suggestions-matches {
    padding-right: 1.25rem;
  }
  .site-search__suggestions-product-tiles .site-search__suggestions-item {
    width: 40%;
    padding-left: 0.5rem;
  }
  .site-search__suggestions-product-tiles .site-search__suggestions-item:first-child {
    margin-left: 0.75rem;
  }
  .site-search__suggestions-product-tiles .product-tile__name-price-container {
    font-size: 1rem;
  }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
  .site-search__suggestions-product-tiles [data-tile-count="1.0"],
  .site-search__suggestions-product-tiles [data-tile-count="2.0"] {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media (max-width: 47.9375rem) {
  .site-search__suggestions-container {
    padding-left: 0;
  }
  .site-search__suggestions-item--category:nth-child(5),
  .site-search__suggestions-item--category:nth-child(6),
  .site-search__suggestions-item--category:nth-child(7),
  .site-search__suggestions-item--category:nth-child(8) {
    display: none;
  }
}
@media (min-width: 64rem) {
  .header__search {
    height: 3.125rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .site-search {
    height: 4.6875rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .site-search__form {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 0.125rem solid #000;
    border-top: 0.125rem #000;
    display: block;
    height: auto;
    max-width: 100%;
    padding: 1.25rem 0 1.25rem;
    -webkit-transition: none;
    transition: none;
    text-align: center;
    top: calc(100% + 2px);
    width: 100%;
  }
  .focus-within .site-search__form,
  .set--has-results .site-search__form {
    height: auto;
  }
  .site-search__form-wrapper {
    max-width: 78.3125rem;
    padding: 0;
    margin: 1.25rem auto 1.75rem;
    width: 90vw;
  }
  .site-search__suggestions-container {
    width: 90vw;
    max-width: 78.3125rem;
    margin: 0 auto;
    text-align: left;
    position: relative;
    top: 0;
  }
  .site-search__field {
    padding: 1.3125rem 0.625rem 0.5rem;
    width: 100%;
  }
  .site-search__button {
    position: absolute;
  }
  .site-search__submit-button,
  .site-search__cancel-button {
    width: 8.75rem;
  }
  .site-search__submit-button {
    margin: 0 1rem;
  }
  .header__search-trigger {
    height: auto;
    width: auto;
  }
  .site-search__trigger-icon {
    position: unset;
  }
}
.minicart__checkout-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.5rem;
  opacity: 0;
  -webkit-animation: 0.3s fade-in 1s linear forwards;
          animation: 0.3s fade-in 1s linear forwards;
}
.minicart__checkout-header .minicart__checkout-action {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.minicart__checkout-header .button--minicart-applepay {
  width: 0;
  opacity: 0;
  margin-left: -0.5rem;
}
.minicart__checkout-header .button--minicart-applepay.StripeElement {
  margin: 0;
  opacity: 1;
  width: 100%;
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
}

.product-line-item.product-line-item--minicart {
  margin-bottom: 0;
}

.atc-confirmation__checkout-buttons--animate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  opacity: 0;
  -webkit-animation: 0.3s fade-in 1s linear forwards;
          animation: 0.3s fade-in 1s linear forwards;
}
.atc-confirmation__checkout-buttons--animate .button--atc-applepay,
.atc-confirmation__checkout-buttons--animate .button--google-pay {
  height: 0;
  opacity: 0;
}
.atc-confirmation__checkout-buttons--animate .button--atc-applepay.StripeElement,
.atc-confirmation__checkout-buttons--animate .button--google-pay.StripeElement {
  opacity: 1;
  height: 3.5rem;
  -webkit-transition: height 0.2s ease-in;
  transition: height 0.2s ease-in;
}

.minicart__checkout-action.button--apple-pay:not(:first-child), .minicart__checkout-action.button--apple-pay:hover:not(:first-child), .minicart__checkout-action.button--apple-pay:active:not(:first-child) {
  margin-top: 1rem;
}
.minicart__checkout-action .icon--shopping-bag {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.25rem;
  margin-top: -0.25rem;
}
.minicart__checkout-action .icon--arrow-right {
  width: 1.5rem;
  height: 1.5rem;
  padding-bottom: 0.125rem;
}

.minicart__checkout-action-text {
  line-height: 1.3125rem;
  margin-left: 0.375rem;
  margin-top: 0.125rem;
}

.header__minicart-overlay.utility-overlay {
  border: 0;
  padding: 0;
}
.header__minicart-overlay.utility-overlay .line-item-quantity-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 0;
}
.header__minicart-overlay.utility-overlay .line-item-quantity-wrapper .line-item-quantity {
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header__minicart-overlay.utility-overlay .line-item-quantity-wrapper .price .strike-through {
  margin-left: 0;
}
.header__minicart-overlay.utility-overlay .line-item-quantity-wrapper .price .price--reduced {
  margin-right: 0.5rem;
}
.header__minicart-overlay.utility-overlay .final-sale__label {
  font-size: 0.75rem;
}
.header__minicart-overlay.utility-overlay .final-sale {
  line-height: 1.125rem;
}
.header__minicart-overlay.utility-overlay .refDebug__label {
  font-size: 0.75rem;
}
.header__minicart-overlay.utility-overlay .refDebug {
  line-height: 1.125rem;
}
.header__minicart-overlay.utility-overlay .line-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header__minicart-overlay.utility-overlay .product-line-item__qty-label {
  font-size: 1rem;
  height: 2rem;
  position: absolute;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.header__minicart-overlay.utility-overlay .product-line-item__qty-label span {
  text-decoration: underline;
}

.header__minicart-overlay-inner {
  border-left: 1px solid #D1D1D1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  padding: 0 1rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header__minicart-overlay-inner .utility-overlay__header {
  border-bottom: 0;
  padding: 1.5rem 0;
}
.header__minicart-overlay-inner .utility-overlay__footer {
  padding-bottom: 0;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}
.header__minicart-overlay-inner .utility-overlay__footer-section {
  border: 0;
  background-color: #FAF9F7;
  margin-left: -1rem;
  margin-right: -1rem;
  padding: 0 1rem 1rem;
}
.header__minicart-overlay-inner .product-list {
  padding: 0 0 0 0.3125rem;
}
.header__minicart-overlay-inner .tab-content {
  margin-right: -1.875rem;
}

.final-sale:not(.line-item-header) {
  color: #930000;
}

.cart__empty-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 47.9375rem) {
  .cart__empty-tabs .product-list {
    padding-right: 0;
  }
}

.cart__empty-headings {
  margin: 0 auto 1.25rem;
  width: 100%;
}

.cart__empty-tabs__item.tab-nav__item {
  padding: 0 0 0 0.9375rem;
  text-align: left;
  width: 50%;
}
.cart__empty-tabs__item.tab-nav__item:first-child {
  text-align: right;
  padding: 0 0.9375rem 0 0;
}
.cart__empty-tabs__item.tab-nav__item:first-child:last-child {
  text-align: center;
}
.cart__empty-tabs__item.tab-nav__item.toggle--active {
  text-decoration: none;
}

.cart__empty-tabs__text {
  border-bottom: 2px solid transparent;
}
.toggle--active &gt; .cart__empty-tabs__text {
  border-bottom-color: #000;
}

.header-minicart-footer {
  margin: 0 -1.25rem;
  padding: 0 1.25rem;
}

.header__minicart-callout:not(:empty) {
  padding: 1rem 1rem 0.5rem;
  background-color: #EEECE4;
  margin-left: -1rem;
  margin-right: -1rem;
}
.header__minicart-callout .html-block-list__item,
.header__minicart-callout .html-block-list__item:not(:last-child) {
  margin-bottom: 0.375rem;
}
.header__minicart-callout .icon {
  min-width: 1.5625rem;
}
.header__minicart-callout .icon--cloud {
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: -0.375rem;
}
.header__minicart-callout section.html-block-list.gutter--normal {
  padding-left: 0;
}

.atc-confirmation__item .product-line-item__image-wrap {
  width: 3.75rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.atc-confirmation__usp-slots {
  opacity: 0;
}
.atc-confirmation__usp-slots.fade-in {
  opacity: 100%;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.atc-confirmation__usp-slots p {
  text-align: center;
}
.atc-confirmation__usp-slots .icon,
.atc-confirmation__usp-slots [data-basket-id] {
  display: none;
}
.atc-confirmation__usp-slots section {
  padding: 0;
}

.atc-confirmation__oos-error-message:not(.toggle--active) {
  display: none;
}

[data-attr=xgen-cart-flyout-recs] .module-container__title {
  font-family: "Newtime R", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  padding-top: 2rem;
}
[data-attr=xgen-cart-flyout-recs] .product-promotions__item,
[data-attr=xgen-cart-flyout-recs] .product-tile__colors-counter {
  display: none;
}

.minicart__checkout-action.disabled {
  cursor: default;
}

@media (max-width: 47.9375rem) {
  .header__minicart-overlay-inner .tooltip__final-sale .tooltip__content.set--tooltip-active.set--center {
    left: -5.5rem;
  }
  .cart__empty-tabs__item.tab-nav__item {
    padding: 0;
    margin-left: 0.75rem;
    margin-right: 0;
  }
  .cart__empty-tabs__item.tab-nav__item:first-child {
    padding: 0;
    margin-left: 0;
    margin-right: 0.75rem;
  }
  [data-attr=xgen-cart-flyout-recs] .product-tile__mobile-quickadd-button {
    display: none;
  }
}
@media (min-width: 48rem) {
  .header__minicart-overlay {
    width: 27.5rem;
  }
  .header__minicart-overlay.utility-overlay .line-item-quantity-wrapper {
    padding-right: 1rem;
  }
}
.refDebug {
  font-size: 0.75rem;
  margin: 0.25rem;
}

.video-asset {
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 426ms ease-out;
  transition: opacity 426ms ease-out;
}
.video-asset.video-asset--fit {
  width: 100%;
  height: 100%;
}
.video-asset.video-asset--natural {
  max-width: 100%;
  height: auto;
}
.video-asset.video-asset--ratio-wide {
  width: 100%;
}

.video-asset--natural video.vjs-tech {
  position: initial;
}

.video-asset--ratio-wide {
  position: relative;
}
.video-asset--ratio-wide:before {
  display: block;
  content: "";
  padding-bottom: 56.25%;
  width: 100%;
}

.video-asset--overlay-poster {
  background-color: transparent;
}
.video-asset--overlay-poster .vjs-tech {
  opacity: 0;
  -webkit-transition: opacity 426ms ease-out;
  transition: opacity 426ms ease-out;
}

.video-asset__overlay {
  -webkit-transition: opacity 213ms ease-in-out, visibility 213ms ease-in-out;
  transition: opacity 213ms ease-in-out, visibility 213ms ease-in-out;
}
.set--video-playing.set--video-overlay-hide-playing .video-asset__overlay, .set--video-playing.set--video-overlay-show-hover:not(:hover) .video-asset__overlay, .set--video-played.set--video-overlay-hide-permanent .video-asset__overlay {
  opacity: 0;
  visibility: hidden;
}
.set--video-manual .video-asset__overlay, .set--video-has-controls .video-asset__overlay {
  pointer-events: none;
}
.set--video-manual .video-asset__overlay &gt; *, .set--video-has-controls .video-asset__overlay &gt; * {
  pointer-events: initial;
}

.set--video-no-controls.set--video-autoplay .video-asset {
  pointer-events: none;
}

.set--video-ready .video-asset {
  opacity: 1;
}

.set--video-played .vjs-tech {
  opacity: 1;
}

/**
 * TABLE OF CONTENTS
 *
 * COMPONENTS
 * footerCommons...................Contains footer global styles.
 * footerLinks.....................Footer links.
 *
 */
/*------------------------------------*\
  #COMPONENTS
\*------------------------------------*/
.footer {
  margin: 0;
  overflow: hidden;
}

.footer__body {
  padding: 0 2rem;
}

.footer__main-content {
  gap: 3rem;
}

.footer__nav {
  grid-template-columns: repeat(3, 1fr);
}
[lang=fr] .footer__nav .link {
  font-size: 0.875rem;
}

.footer__primary {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.footer__icons a:hover {
  color: #757575;
}

.footer-links__list.footer-additional-copy {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 0.5rem;
}

@media (max-width: 47.9375rem) {
  .footer__nav {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 1.5rem;
    white-space: nowrap;
  }
}
@media (max-width: 25.8125rem) {
  .footer__nav {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 63.9375rem) {
  .footer__info-wrap {
    margin-top: 2rem;
  }
  .footer__main-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 64rem) {
  .footer__main-content {
    gap: 4rem;
  }
  .footer__primary {
    max-width: 27rem;
  }
}
.footer__banners {
  --banner-item-width: 13.5rem;
  grid-template-columns: repeat(4, 13.5rem);
  grid-template-columns: repeat(4, var(--banner-item-width));
  gap: 4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[lang=fr] .footer__banners {
  --banner-item-width: 14.75rem;
}
@media (min-width: 64rem) and (max-width: 80rem) {
  .footer__banners {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
  .footer__banners {
    grid-template-columns: repeat(2, 13.5rem);
    grid-template-columns: repeat(2, var(--banner-item-width));
    gap: 2rem 4rem;
  }
}
@media (max-width: 47.9375rem) {
  .footer__banners {
    gap: 1rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.footer__banners::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.footer__banners-item {
  text-align: center;
}

svg.footer__banner-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.footer__banner-heading {
  font-size: 1rem;
  font-weight: 400;
}
[lang=fr] .footer__banner-heading {
  font-size: 0.875rem;
}

.form-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  vertical-align: center;
}

.form-switch i {
  border-radius: 1.125rem;
  display: inline-block;
  height: 1.375rem;
  margin-right: 0.5rem;
  position: relative;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  vertical-align: text-bottom;
  width: 2.5rem;
}

.form-switch i::before {
  position: absolute;
  left: 0;
  background-color: #c4c4c4;
  border-radius: 0.6875rem;
  content: "";
  height: 1.375rem;
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
          transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
  width: 2.5rem;
}

.form-switch i::after {
  position: absolute;
  left: 0;
  background-color: #fff;
  border-radius: 0.6875rem;
  content: "";
  height: 1.0625rem;
  -webkit-transform: translate3d(0.125rem, 0.125rem, 0);
          transform: translate3d(0.125rem, 0.125rem, 0);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 1.0625rem;
}

.form-switch:active i::after {
  width: 1.75rem;
  -webkit-transform: translate3d(0.3125rem, 0.25rem, 0);
          transform: translate3d(0.3125rem, 0.25rem, 0);
}

.form-switch:active input:checked + i::after {
  -webkit-transform: translate3d(1rem, 0.125rem, 0);
          transform: translate3d(1rem, 0.125rem, 0);
}

.form-switch input {
  display: none;
}

.form-switch input:checked + i {
  background-color: #000;
}

.form-switch input:checked + i::before {
  -webkit-transform: translate3d(1.125rem, 0.125rem, 0) scale3d(0, 0, 0);
          transform: translate3d(1.125rem, 0.125rem, 0) scale3d(0, 0, 0);
}

.form-switch input:checked + i::after {
  -webkit-transform: translate3d(1.3125rem, 0.125rem, 0);
          transform: translate3d(1.3125rem, 0.125rem, 0);
}

.form-switch span {
  padding-top: 0.125rem;
}

.tab-nav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.875rem;
}

.tab-nav--login {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tab-nav__item {
  padding-bottom: 0.1875rem 1.25rem;
  margin: 0.25rem 1.25rem;
  text-align: center;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tab-nav__item:first-child {
  padding-left: 0;
}

.product-footer .tab-nav__item.toggle--active, .tab-nav__item-check.toggle--active + .product-footer .tab-nav__item {
  border-bottom: 2px solid #000;
}

.tab-nav__item--login {
  font-size: 1rem;
  text-decoration: underline;
  line-height: 1.5rem;
  font-weight: 500;
  padding: 0.5rem 0 0 0;
}

.tab-nav__item-check {
  position: absolute;
  opacity: 0;
}

.tab-content {
  position: relative;
  overflow: hidden;
}

.tab-content__panel:not(.toggle--active) {
  display: none;
}

.tab-content__panel--animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1);
          animation-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1);
}
.tab-content__panel--animated:not(.toggle--active) {
  display: none;
  -webkit-animation-name: fade-out;
          animation-name: fade-out;
}
.tab-content__panel--animated.toggle--active {
  -webkit-animation-name: fade-in;
          animation-name: fade-in;
}

.accordion {
  border-bottom: 1px solid #000;
}

.accordion__item {
  border-top: 1px solid #000;
}

.accordion__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
}

.toggle--active.accordion__item .accordion__icon {
  margin: -0.625rem 0.125rem 0 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.accordion__content {
  padding-bottom: 1.875rem;
}

.accordion__content:not(.toggle--active) {
  display: none;
}

@media (min-width: 64rem) {
  .tab-nav {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .tab-nav__item:first-child {
    margin-left: 0.625rem;
  }
}
@-webkit-keyframes fade-in {
  0%, 30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0%, 30% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-out {
  0%, 30% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0%, 30% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*md
@no-stat

## Accordion


```html_example
 &lt;div class="t-set--w-40 font-size--14"&gt;
        &lt;div class="accordion"&gt;
           &lt;div class="accordion__item"&gt;
              &lt;button type="button" class="accordion__title" data-toggle='{"target": ".js-pdp-details", "parent": ".accordion__item", "persist": true}'&gt;
              &lt;span&gt;Product details &amp;amp; fit&lt;/span&gt;
              &lt;span class="icon accordion__icon font-size--14" aria-hidden="true"&gt;&lt;/span&gt;
              &lt;/button&gt;
              &lt;div class="accordion__content js-pdp-details"&gt;
                 &lt;p&gt;Model is wearing a M&lt;/p&gt;
                 &lt;p&gt;Height: 5'10"&lt;/p&gt;
                 &lt;p&gt;Waist: 24"&lt;/p&gt;
                 &lt;p&gt;Hips: 34"&lt;/p&gt;
                 &lt;p&gt;Bust: 32"&lt;/p&gt;
              &lt;/div&gt;
           &lt;/div&gt;
           &lt;div class="accordion__item"&gt;
              &lt;button type="button" class="accordion__title" data-toggle='{"target": ".js-pdp-sustain", "parent": ".accordion__item", "persist": true}'&gt;
              &lt;span&gt;Sustainability impact&lt;/span&gt;
              &lt;span class="icon accordion__icon font-size--14" aria-hidden="true"&gt;&lt;/span&gt;
              &lt;/button&gt;
              &lt;div class="accordion__content js-pdp-sustain"&gt;
                 &lt;ul class="list--reset margin-b--15"&gt;
                    &lt;li&gt;
                       &lt;span class="icon font-size--14" title="xe019"&gt;&lt;/span&gt;
                       60 lbs. of carbono dioxide savings
                    &lt;/li&gt;
                    &lt;li&gt;
                       &lt;span class="icon font-size--16 padding-r--5" title="xe020"&gt;&lt;/span&gt;
                       150 gal. of water savings
                    &lt;/li&gt;
                    &lt;li&gt;
                       &lt;span class="icon font-size--16 padding-r--5" title="xe021"&gt;&lt;/span&gt;
                       1.2 lbs. of waste savings
                    &lt;/li&gt;
                 &lt;/ul&gt;
                 Sustainability made in Turkey
              &lt;/div&gt;
           &lt;/div&gt;
           &lt;div class="accordion__item"&gt;
              &lt;button type="button" class="accordion__title" data-toggle='{"target": ".js-pdp-care", "parent": ".accordion__item", "persist": true}'&gt;
              &lt;span&gt;Fabric &amp;amp; care&lt;/span&gt;
              &lt;span class="icon accordion__icon font-size--14" aria-hidden="true"&gt;&lt;/span&gt;
              &lt;/button&gt;
              &lt;div class="accordion__content js-pdp-care"&gt;
                 &lt;div class="margin-b--15"&gt;
                    This is a lightweight georgette fabric with a dry handfeel - 100% Viscose.
                 &lt;/div&gt;
                 &lt;div class="margin-b--15"&gt;
                    Viscose – aka rayon – is a man-made cellulosic fiber made from wood pulp. We’re committed to ensuring all our forest-based products come from sustainably managed forests. That’s why we work with the non-profit group Canopy to help drive positive change for all our forest products.
                 &lt;/div&gt;
                 &lt;div class="margin-b--15"&gt;
                    This is a lightweight linen fabric - 100% linen
                 &lt;/div&gt;
              &lt;/div&gt;
           &lt;/div&gt;
           &lt;div class="accordion__item"&gt;
              &lt;button type="button" class="accordion__title" data-toggle='{"target": ".js-pdp-share", "parent": ".accordion__item", "persist": true}'&gt;
              &lt;span&gt;Share&lt;/span&gt;
              &lt;span class="icon accordion__icon font-size--14" aria-hidden="true"&gt;&lt;/span&gt;
              &lt;/button&gt;
              &lt;div class="accordion__content js-pdp-share"&gt;
                 &lt;!-- dwMarker="linclude" dwTemplateTitle="/default/product/components/socialIcons.isml (org_reformation)" dwTemplateURL="http://localhost:60606/target=/org_reformation/cartridge/templates/default/product/components/socialIcons.isml" --&gt;
                 &lt;div class="product-common__social"&gt;
                    &lt;ul class="product-common__social-list flex flex-align-center list--reset"&gt;
                       &lt;li class="product-common__social-item margin-r--15"&gt;
                          &lt;a href="https://www.facebook.com/sharer/sharer.php?=undefined&amp;amp;u=https%3A%2F%2Fdevelopment-na01-thereformation.demandware.net%2Fs%2Freformation-us%2F25589408M.html" class="link link--flex font-size--20 product-common__social-anchor--facebook" aria-label="Facebook, opens in a new window" data-social-share="facebook" target="_blank"&gt;
                          &lt;span class="icon" title="&amp;amp;#xe036;"&gt;
                          
                          &lt;/span&gt;
                          &lt;/a&gt;
                       &lt;/li&gt;
                       &lt;li class="product-common__social-item margin-r--15"&gt;
                          &lt;a href="https://www.pinterest.com/pin/create/button?=undefined&amp;amp;description=Tie%20Front%20Animal%20Print%20Dress&amp;amp;url=https%3A%2F%2Fdevelopment-na01-thereformation.demandware.net%2Fs%2Freformation-us%2F25589408M.html" class="link link--flex font-size--20 product-common__social-anchor--pinterest" aria-label="Pinterest, opens in a new window" data-social-share="pinterest" target="_blank"&gt;
                          &lt;span class="icon" title="&amp;amp;#xe037"&gt;
                          
                          &lt;/span&gt;
                          &lt;/a&gt;
                       &lt;/li&gt;
                       &lt;li class="product-common__social-item margin-r--15"&gt;
                          &lt;a href="https://twitter.com/intent/tweet?=undefined&amp;amp;text=Tie%20Front%20Animal%20Print%20Dress&amp;amp;url=https%3A%2F%2Fdevelopment-na01-thereformation.demandware.net%2Fs%2Freformation-us%2F25589408M.html" class="link link--flex font-size--20 product-common__social-anchor--twitter" aria-label="Twitter, opens in a new window" data-social-share="twitter" target="_blank"&gt;
                          &lt;span class="icon" title="&amp;amp;#xe038"&gt;
                          
                          &lt;/span&gt;
                          &lt;/a&gt;
                       &lt;/li&gt;
                    &lt;/ul&gt;
                 &lt;/div&gt;
              &lt;/div&gt;
           &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
```

## Tabbed content

```html_example
&lt;div class="tabbed-interface toggle--active" data-motion='{"properties": "opacity"}' data-tabbed-interface="container"&gt;
    &lt;nav class="tab-nav component-custom-width"&gt;
        &lt;button type="button" class="tab-nav__item toggle--active font-size--18"
            data-tabbed-interface="tab-nav-1"
            data-toggle='{"target": "[data-tabbed-interface=tab-content-1]", "parent": "[data-tabbed-interface=container]", "auto": true, "activeClass": "toggle--active", "persist": true, "unsetSelf": false, "siblingSelector": "[data-tabbed-interface*=tab-nav]", "customEvents": {"afterSet": {"name": "motion:trigger"}}}' role="tab"&gt;
        Product Search
        &lt;/button&gt;
        &lt;button type="button" class="tab-nav__item font-size--18"
            data-tabbed-interface="tab-nav-2"
            data-toggle='{"target": "[data-tabbed-interface=tab-content-2]", "parent": "[data-tabbed-interface=container]", "activeClass": "toggle--active", "persist": true, "unsetSelf": false, "siblingSelector": "[data-tabbed-interface*=tab-nav]", "customEvents": {"afterSet": {"name": "motion:trigger"}}}' role="tab"&gt;
        Content Search
        &lt;/button&gt;
    &lt;/nav&gt;
    &lt;div class="tab-content"&gt;
        &lt;div class="tab-content__panel--animated toggle--active" role="tabpanel" data-tabbed-interface="tab-content-1" data-tab-description="tab-content-1"&gt;
            Content of product search tab
        &lt;/div&gt;
        &lt;div class="tab-content__panel--animated" role="tabpanel" data-tabbed-interface="tab-content-2" data-tab-description="tab-content-2"&gt;
           Content of another tab goes here
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/div&gt;
```

 */
.inline-prompt-container {
  position: relative;
}

.inline-prompt {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  color: #000000;
  white-space: normal;
  -webkit-transition: opacity 107ms ease-out, visibility 107ms ease-out;
  transition: opacity 107ms ease-out, visibility 107ms ease-out;
}
.inline-prompt:not(.toggle--active) {
  opacity: 0;
  visibility: hidden;
}

.inline-prompt__body {
  max-width: 20rem;
}

.inline-prompt__footer {
  margin-top: 1rem;
}

.inline-prompt-container.cart-coupon .inline-prompt {
  position: relative;
}

.inline-prompt:not(.toggle--active) {
  display: none;
}

/**
 * Module: Toggle Box
 * Provides styles for toggable box, with title, +/- symbols, and content.
 */
.toggle-box {
  border: solid 0.0625rem #e9e8e1;
}
.toggle-box.error {
  border-color: #930000;
  background-color: rgba(147, 0, 0, 0.05);
}

.toggle-box--single + .toggle-box--single {
  border-top: none;
}

.toggle-box--no-padding .toggle-box__label,
.toggle-box--no-padding .toggle-box__content {
  padding-left: 0;
  padding-right: 0;
}
.toggle-box--no-padding .toggle-box__label:after {
  right: 0;
}

.toggle-box__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  min-height: 2.75rem;
  padding-right: 1em;
  padding-left: 1em;
  cursor: pointer;
  -webkit-transition: background-color 213ms ease-in-out;
  transition: background-color 213ms ease-in-out;
}
.toggle-box__label:after {
  content: "+";
  position: absolute;
  top: 0;
  right: 0.75em;
  bottom: 0;
  margin: auto;
  width: auto;
  height: 1.25rem;
  font-size: 1.25rem;
  line-height: 1;
}
.toggle-box__label.toggle--active {
  font-weight: 600;
}
.toggle-box__label.toggle--active:after {
  content: "–";
}

.toggle-box__content {
  overflow: hidden;
  max-height: 0;
  padding-right: 1em;
  padding-left: 1em;
  visibility: hidden;
  -webkit-transition: visibility 213ms ease-in-out, max-height 213ms ease-in-out, padding 213ms ease-in-out;
  transition: visibility 213ms ease-in-out, max-height 213ms ease-in-out, padding 213ms ease-in-out;
}
.toggle-box__content &gt; * {
  opacity: 0;
  -webkit-transition: opacity 213ms ease-out;
  transition: opacity 213ms ease-out;
}
.toggle-box__content.toggle--active {
  overflow: initial;
  max-height: none;
  padding-top: 0.25em;
  padding-bottom: 1em;
  visibility: visible;
}
.toggle-box__content.toggle--active &gt; * {
  opacity: 1;
  -webkit-transition-delay: 54ms;
          transition-delay: 54ms;
}

@media (max-width: 47.9375rem) {
  .toggle-box__label {
    padding-right: 2rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-top: 1rem;
  }
  .toggle-box__content {
    padding: 0 1rem;
  }
}
/*------------------------------------*\
  #TOGGLE-BOX
\*------------------------------------*/
.toggle-box {
  border-color: #000;
}
.component-type--collapsibleBox .toggle-box {
  border-width: 0.0625rem;
}
.component-type--collapsibleBox + .component-type--collapsibleBox .toggle-box {
  border-width: 0 0.0625rem 0.0625rem 0.0625rem;
}

.toggle-box__label {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.0625rem 1.125rem 0 0.75rem;
  min-height: 2.875rem;
  background: #FFF;
}
.toggle-box__label:after {
  display: none;
}
.toggle-box__label .icon {
  line-height: 1em;
  position: relative;
  top: -0.0625rem;
}
.toggle-box__label.toggle--active {
  font-weight: normal;
}
.toggle-box__label.toggle--active .icon {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.toggle-box__content.toggle--active {
  border-top: 0.0625rem solid #000;
  padding-top: 1.25rem;
  padding-bottom: 2.25rem;
}

.utility-overlay {
  position: fixed;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 11;
  height: 100%;
  background-color: #FFF;
  border-left: 2px solid #000;
  padding: 0 1.25rem 0 1.25rem;
  cursor: default;
}
.utility-overlay.toggle--active {
  -webkit-transition: visibility 0s, -webkit-transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1);
  transition: visibility 0s, -webkit-transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1);
  transition: transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 0s;
  transition: transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 0s, -webkit-transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1);
}
.utility-overlay:not(.toggle--active) {
  visibility: hidden;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: visibility 0s ease-in 213ms, -webkit-transform 213ms ease-in;
  transition: visibility 0s ease-in 213ms, -webkit-transform 213ms ease-in;
  transition: transform 213ms ease-in, visibility 0s ease-in 213ms;
  transition: transform 213ms ease-in, visibility 0s ease-in 213ms, -webkit-transform 213ms ease-in;
}

.utility-overlay__header,
.utility-overlay__footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.utility-overlay__header {
  position: relative;
  padding: 1.75rem 0 0.8125rem;
  border-bottom: solid 1px #000;
}

.utility-overlay__error .form-invalid-feedback, .cart-error-messaging .form-invalid-feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0.625rem 0 0.4375rem;
  padding: 0.9375rem;
  background: #ffece5;
  color: #930000;
  font-size: 0.75rem;
}
.utility-overlay__error .form-invalid-feedback .icon, .cart-error-messaging .form-invalid-feedback .icon {
  margin-right: 0.625rem;
  line-height: 1.2em;
}
.utility-overlay__error .form-invalid-feedback.form-invalid-feedback--slim, .cart-error-messaging .form-invalid-feedback.form-invalid-feedback--slim {
  padding: 0.25rem;
  font-size: 0.75rem;
}
.utility-overlay__error .form-invalid-feedback.form-invalid-feedback--slim.form-invalid-feedback--out-of-stock, .cart-error-messaging .form-invalid-feedback.form-invalid-feedback--slim.form-invalid-feedback--out-of-stock {
  padding: 1rem;
  width: 100%;
}
.utility-overlay__error .form-invalid-feedback.form-invalid-feedback--slim .icon, .cart-error-messaging .form-invalid-feedback.form-invalid-feedback--slim .icon {
  margin: 0 0.375rem 0 0.1875rem;
  height: 1rem;
  width: 0.625rem;
}
.utility-overlay__error .form-invalid-feedback svg.icon--exclamation, .cart-error-messaging .form-invalid-feedback svg.icon--exclamation {
  width: 0.875rem;
  height: 0.875rem;
  min-width: 0.875rem;
}
.utility-overlay__error .notification__alert-close, .cart-error-messaging .notification__alert-close {
  display: none;
}

.utility-overlay__line-items {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  overflow: auto;
  overflow-x: hidden;
  margin-right: -0.9375rem;
  padding-right: 0.9375rem;
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.25rem;
  margin-bottom: 1rem;
}
.utility-overlay__line-items::-webkit-scrollbar {
  height: 0.125rem;
  width: 0.125rem;
}
.utility-overlay__line-items::-webkit-scrollbar-track {
  background: #FFF;
}
.utility-overlay__line-items::-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 0.25rem;
}
.utility-overlay__line-items::-webkit-scrollbar-thumb:window-inactive {
  background: #000;
}

.cart-summary__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style: none;
  font-size: 1.375rem;
  padding: 0.625rem 0;
}
.cart-summary__nav .cart-summary__nav-item a:hover {
  border-bottom: 0.125rem solid #000;
}

.utility-overlay__footer {
  margin-top: 0;
  padding-bottom: 0.9375rem;
}

.utility-overlay__footer-section {
  padding-left: 0;
  padding-right: 0;
  border-top: solid 0.0625rem #000;
}

.utility-overlay__footer-promo {
  padding: 0.8125rem 0;
}

.utility-overlay__footer-total {
  margin: 0.9375rem 0 0.625rem;
}

.utility-overlay__footer-message {
  margin-top: 1em;
}

.utility-overlay__header-close {
  margin-left: 0.625rem;
}

.swatch--color,
.swatch--print {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
  background-color: #FFF;
  border: 0.0625rem solid transparent;
  border-radius: 50%;
}
.swatch--color:after,
.swatch--print:after {
  position: absolute;
  top: -0.125rem;
  bottom: -0.125rem;
  left: -0.125rem;
  right: -0.125rem;
  margin: auto;
  border: none;
  border-radius: 50%;
  content: "";
}
.swatch--color.swatch--white:before,
.swatch--print.swatch--white:before {
  content: "";
  border-radius: 50%;
  border: 0.0625rem solid #EEECE4;
  z-index: 1;
}
.swatch--color__link:hover .swatch--color:not(.disabled):after, .swatch--color:not(.disabled):hover:after, .swatch--color.selected:after,
.swatch--color__link:hover .swatch--print:not(.disabled):after,
.swatch--print:not(.disabled):hover:after,
.swatch--print.selected:after {
  border: 0.0625rem solid #000;
}
.swatch--color__link:hover .swatch--color:not(.disabled).swatch--white:before, .swatch--color:not(.disabled):hover.swatch--white:before, .swatch--color.selected.swatch--white:before,
.swatch--color__link:hover .swatch--print:not(.disabled).swatch--white:before,
.swatch--print:not(.disabled):hover.swatch--white:before,
.swatch--print.selected.swatch--white:before {
  border-color: transparent;
}
.swatch--color.disabled:not(.selected):hover:after,
.swatch--print.disabled:not(.selected):hover:after {
  border-color: transparent;
}
.swatch--color.disabled:not(.selected),
.swatch--print.disabled:not(.selected) {
  opacity: 0.2;
  border-color: rgba(0, 0, 0, 0.75);
  cursor: auto;
}

.swatch--print {
  display: block;
}

.swatch__icon--color {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.swatch--color-small {
  width: 1.25rem;
  height: 1.25rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.25em;
          flex: 0 0 1.25em;
}
.swatch--color-small:after {
  -webkit-box-shadow: inset 0 0 0 0.125rem #FFF;
          box-shadow: inset 0 0 0 0.125rem #FFF;
}
.swatch--color-small.selected:before {
  width: 1rem;
  height: 1rem;
}

.swatch--color-large {
  width: 2.625rem;
  height: 2.625rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.625rem;
          flex: 0 0 2.625rem;
}
.swatch--color-large:after {
  -webkit-box-shadow: inset 0 0 0 0.1875rem #FFF;
          box-shadow: inset 0 0 0 0.1875rem #FFF;
}
.swatch--color-large.selected:before {
  width: 1rem;
  height: 1rem;
}

.swatch--color-med {
  width: 1.875rem;
  height: 1.875rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.875rem;
          flex: 0 0 1.875rem;
}
.swatch--color-med:after {
  -webkit-box-shadow: inset 0 0 0 0.1875rem #f8f8f8;
          box-shadow: inset 0 0 0 0.1875rem #f8f8f8;
}
@media (max-width: 63.9375rem) {
  .swatch--color-med:after {
    -webkit-box-shadow: inset 0 0 0 0.1875rem #FFF;
            box-shadow: inset 0 0 0 0.1875rem #FFF;
  }
}
.swatch--color-med.selected:before {
  width: 1rem;
  height: 1rem;
}

.swatch--color-misc {
  background: linear-gradient(45deg, yellow 50%, pink 50%);
}

.swatch--color-white {
  background-color: #FFF;
}
.swatch--color-black {
  background-color: #000;
}
.swatch--color-grey-1 {
  background-color: #f8f8f8;
}
.swatch--color-grey-2 {
  background-color: #e9e8e1;
}
.swatch--color-grey-3 {
  background-color: #eeeeee;
}
.swatch--color-grey-4 {
  background-color: #c4c4c4;
}
.swatch--color-grey-5 {
  background-color: #999999;
}
.swatch--color-grey-6 {
  background-color: #efefef;
}
.swatch--color-grey-7 {
  background-color: #575757;
}
.swatch--color-red {
  background-color: #e60000;
}
.swatch--color-blue {
  background-color: #4D96E7;
}
.swatch--color-navy {
  background-color: rgb(15.3861386139, 62.1856435644, 114.1138613861);
}
.swatch--color-green {
  background-color: #566A27;
}
.swatch--color-beige {
  background-color: #EEECE4;
}
.swatch--color-facebook-blue {
  background-color: #1877f2;
}
.swatch--color-google-blue {
  background-color: #4285f1;
}
.swatch--color-google-red {
  background-color: #ea4236;
}
.swatch--color-instagram-pink {
  background-color: #C62A81;
}
.swatch--color-instagram-orange {
  background-color: #F06430;
}
.swatch--color-paypal-blue {
  background-color: #009cde;
}
.swatch--color-paypal-silver {
  background-color: #eeeeee;
}
.swatch--color-primary {
  background-color: #000000;
}
.swatch--color-secondary {
  background-color: #ffbb1c;
}
.swatch--color-tertiary {
  background-color: #ff1c60;
}
.swatch--color-accent-primary {
  background-color: #0DFFCB;
}
.swatch--color-accent-secondary {
  background-color: #DAFF79;
}
.swatch--color-accent-tertiary {
  background-color: #28BAFF;
}
.swatch--color-error {
  background-color: #930000;
}
.swatch--color-success {
  background-color: #566A27;
}
.swatch--color-beige {
  background-color: #EEECE4;
}
.swatch--color-red {
  background-color: #930000;
}
.swatch--color-start-white {
  background-color: #efefe8;
}
.swatch--color-grey-mid {
  background-color: #757575;
}
.swatch--color-sand {
  background-color: #FAF9F7;
}
.swatch--color-fwb-blue {
  background-color: #0A1A69;
}
.swatch--color-grey-line {
  background-color: #d1d1d1;
}

.product-attribute__list {
  margin-bottom: 0.5rem;
}
.set--loading .product-attribute__list {
  pointer-events: none;
}
.pdp__details--not-available .product-attribute__list {
  margin-bottom: 1.5rem;
}
.product-attribute__list .product-attribute:not(.product-attribute--first) {
  margin-top: 0.75rem;
}
.product-attribute__list .product-attribute.product-attribute--sizepicker {
  margin-top: 0.75rem;
}
.product-attribute__list .product-attribute--type-anchor .product-attribute__contents {
  margin: -0.125rem;
}
.product-attribute__list .product-attribute__anchor {
  margin: 0.125rem;
}
.product-attribute__list .product-attribute__swatch {
  text-indent: -9999999px;
  margin-left: 0.15625rem;
  margin-right: 0.34375rem;
  margin-bottom: 1rem;
}
.product-attribute__list .product-attribute__swatch.selected {
  pointer-events: none;
}
.product-attribute__list .product-attribute__swatch.swatch--on-sale {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.product-attribute__list .product-attribute__swatch.swatch--on-sale:before {
  content: "";
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  position: absolute;
  top: calc(100% + 0.25rem);
  background-color: #930000;
}
.product-attribute__list .show-oos-indicators .swatch--unavailable:not(.selected):after {
  border: 0.0625rem dashed #575757;
}
.product-attribute__list .show-oos-indicators .swatch--unavailable:not(.selected):hover:after {
  border: 0.0625rem solid #000;
}

.product-attribute__scarcity-message {
  margin-left: auto;
  font-family: "Newtime R Heavy", Helvetica, Arial, sans-serif;
}

.product-attribute--color .product-attribute__label {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.product-availability__label {
  margin-right: 0.25em;
}

.promotion-badge-container {
  position: absolute;
  right: 0;
}

.product-promotions__item {
  word-break: break-word;
}
.product-promotions__item.promo-badge {
  font-size: 0.75rem;
  font-family: "Newtime R Heavy", Helvetica, Arial, sans-serif;
}

.product-add__button.button--apple-pay:not(:first-child), .product-add__button.button--apple-pay:hover:not(:first-child), .product-add__button.button--apple-pay:active:not(:first-child) {
  margin-top: 1rem;
}
.product-add__button[disabled], .product-add__button.disabled {
  cursor: auto;
}

.product-add__estimated-date:not(:empty), .product-add__estimated-date.estimated-ship--viewed {
  display: inline-block;
  text-align: center;
  margin: 0.5rem 0;
  min-height: 1rem;
}

@media (max-width: 47.9375rem) {
  .body--fixed-scroll #attentive_overlay {
    display: none;
  }
}
/*------------------------------------*\
  #ADD-TO-CART BUTTON
\*------------------------------------*/
.product-add__button[data-button-state=loading], .product-add__button[data-button-state=complete] {
  pointer-events: none;
}
.product-add__button[data-button-state=loading] .product-add__button_text, .product-add__button[data-button-state=complete] .product-add__button_text {
  display: none;
}

.product-add__button_loading-dots {
  position: relative;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background-color: #FFF;
  -webkit-transform: translateX(-0.625rem);
          transform: translateX(-0.625rem);
  display: none;
}
.button--primary-outline .product-add__button_loading-dots {
  background-color: #000;
}
[data-button-state=loading] .product-add__button_loading-dots {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media (hover: hover) {
  .product-add__button:hover:not([disabled]):not(.disabled) .product-add__button_loading-dots {
    background-color: #000;
  }
  .button--primary-outline:hover:not([disabled]):not(.disabled) .product-add__button_loading-dots {
    background-color: #FFF;
  }
}
.product-add__button_loading-dots:before, .product-add__button_loading-dots:after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  position: absolute;
  background-color: #FFF;
}
.button--primary-outline .product-add__button_loading-dots:before, .button--primary-outline .product-add__button_loading-dots:after {
  background-color: #000;
}
@media (hover: hover) {
  .product-add__button:hover:not([disabled]):not(.disabled) .product-add__button_loading-dots:before, .product-add__button:hover:not([disabled]):not(.disabled) .product-add__button_loading-dots:after {
    background-color: #000;
  }
  .button--primary-outline:hover:not([disabled]):not(.disabled) .product-add__button_loading-dots:before, .button--primary-outline:hover:not([disabled]):not(.disabled) .product-add__button_loading-dots:after {
    background-color: #FFF;
  }
}
.product-add__button_loading-dots:before {
  right: -0.625rem;
  -webkit-animation: loading-dot1 1s infinite linear;
          animation: loading-dot1 1s infinite linear;
}
.product-add__button_loading-dots:after {
  right: -1.25rem;
  -webkit-animation: loading-dot2 1s infinite linear;
          animation: loading-dot2 1s infinite linear;
}

.product-add__button_checkmark {
  line-height: 1em;
  display: none;
}
[data-button-state=complete] .product-add__button_checkmark {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
[data-button-state=complete] .product-add__button_checkmark .product-add__button_text--added {
  display: none;
}
.product-add__button_checkmark .icon {
  width: 1.25rem;
  height: 1.25rem;
}
@media (hover: hover) {
  .product-add__button:hover:not([disabled]):not(.disabled) .product-add__button_checkmark .icon {
    fill: #000;
  }
}

.product-line-item {
  position: relative;
}
.account-card__body .product-line-item:last-child:not(.product-line-item--wishlist) {
  margin-bottom: 2rem;
}
.product-line-item.set--in-wishlist .product-line-item__wishlist-add {
  display: none;
}
.product-line-item.set--in-wishlist .product-line-item__wishlist-remove {
  display: inline-block;
}
.product-line-item.product-line-item--egc {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.product-line-item.product-line-item--egc .product-line-item__header,
.product-line-item.product-line-item--egc .price,
.product-line-item.product-line-item--egc .final-sale {
  margin: 0;
}

.product-line-item--checkout-sidebar .price {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.product-line-item__remove {
  margin: auto 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}

.product-line-item__remove .inline-prompt {
  position: fixed;
  z-index: 3;
}

.product-line-item--tooltip {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0.3125rem 0;
  padding: 1.5625rem 0;
}

.product-line-item__ship-date {
  background-color: #efefe8;
  color: #000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-line-item__ship-date--minicart {
  padding: 0 0.5rem;
  width: 100%;
}
.product-line-item__ship-date .product-line-item__ship-date-label {
  padding: 0.5rem 0;
}
.product-line-item__ship-date .icon {
  width: 1.25rem;
}

.product-line-item__message--scarcity-message {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 1.375rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25rem 0.625rem 0.125rem;
  background: #EEECE4;
  margin-top: 0.25rem;
  white-space: nowrap;
}

.product-line-item__message--unavailable {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 1.375rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25rem 0.625rem 0.125rem;
  background: #ffece5;
  margin-bottom: 0.3125rem;
  font-size: 0.75rem;
  white-space: nowrap;
}
@media (min-width: 64rem) {
  .cart__line-item .product-line-item__message--unavailable {
    width: auto;
    height: auto;
    -ms-flex-item-align: start;
        align-self: flex-start;
    font-size: 0.75rem;
  }
}

.product-line-item__details:not(.product-line-item__details--minicart) .product-line-item__info {
  display: none;
}

.product-line-item__info {
  padding: 0;
}
.order-confirmation__product-list .product-line-item__info {
  display: block;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}

.product-line-item__image-wrapper {
  max-width: 13.375rem;
  -ms-flex-preferred-size: 13.375rem;
      flex-basis: 13.375rem;
}

.product-line-item__preorder {
  white-space: nowrap;
}
.product-line-item__preorder .product-line-item__ship-date {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1rem;
  height: 2rem;
}

.product-line-item--checkout-sidebar .line-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}

[data-giftcertificate-summary=gcSenderName],
[data-giftcertificate-summary=gcRecipientName] {
  word-wrap: break-word;
}

[data-giftcertificate-summary=gcSenderEmail],
[data-giftcertificate-summary=gcRecipientEmail] {
  word-break: break-all;
}

.product-line-item--checkout-sidebar .price,
.product-line-item--cart .price,
.product-line-item--minicart .price {
  font-size: 0.875rem;
}

.accordion__item--cart {
  border-color: #d1d1d1;
}
@media (min-width: 64rem) {
  .accordion__item--cart:not(.accordion__item--minicart) {
    max-width: calc(13.375rem + 30%);
  }
}
.accordion__item--cart .accordion__icon {
  width: 1.5rem;
  height: 1.5rem;
}

@media (min-width: 64rem) {
  .product-line-item--order .product-line-item__qty-pricing,
  .product-line-item--wishlist .product-line-item__qty-pricing,
  .product-line-item--checkout-sidebar .product-line-item__qty-pricing {
    margin-top: 1.25rem;
  }
  .product-line-item--cart .price--total {
    padding-top: 0.3125rem;
  }
  .product-line-item--checkout-sidebar .product-line-item__image-wrap {
    padding-bottom: 0;
  }
  .order-confirmation__product-list .product-line-item__header {
    margin-bottom: 1rem;
  }
}
@media (max-width: 63.9375rem) {
  .product-line-item__qty-pricing {
    margin-top: 1rem;
  }
}
@media (min-width: 48rem) {
  .product-line-item__remove {
    margin: auto 0.5rem;
  }
  .product-line-item--cart {
    padding: 0;
  }
  .product-line-item__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .product-line-item__action:not(:last-child) {
    margin-right: 1rem;
  }
}
@media (max-width: 47.9375rem) {
  .product-line-item--group:not(.product-line-item--checkout-sidebar) {
    padding-top: 0.75rem;
  }
  .product-line-item__unit-price .price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .product-line-item__unit-price .price__sales {
    margin-right: 0;
  }
  .product-line-item__name {
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    visibility: visible;
  }
  .product-line-item--exchange-return .product-line-item__name {
    display: block;
  }
}
.tooltip {
  display: inline-block;
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.25rem;
  vertical-align: middle;
}

.tooltip--field-label {
  margin-bottom: 0.25rem;
}

.tooltip__trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  cursor: pointer;
}

.tooltip__trigger-icon {
  width: 100%;
  height: 100%;
}

.tooltip__content {
  z-index: 2;
  position: absolute;
  min-width: 14.5rem;
  padding: 1em;
  border-radius: 0.25rem;
  background-color: #FFF;
  -webkit-transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1);
  transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1);
  transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1);
  transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1);
  opacity: 0;
  visibility: hidden;
}
.tooltip__content:before, .tooltip__content:after {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
}
.tooltip__content.set--top {
  bottom: calc(100% + 1.125rem);
  -webkit-transform: translateY(0.5rem) scale(0.8);
          transform: translateY(0.5rem) scale(0.8);
}
.tooltip__content.set--top.set--right {
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}
.tooltip__content.set--top.set--left {
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}
.tooltip__content.set--top:before {
  top: calc(100% + 0.0625rem);
}
.tooltip__content.set--right {
  right: -0.25rem;
}
.tooltip__content.set--right:before {
  right: 0.75rem;
  border-left: 0.8125rem solid transparent;
}
.tooltip__content.set--left {
  left: -0.25rem;
}
.tooltip__content.set--left:before {
  left: 0.75rem;
  border-right: 0.8125rem solid transparent;
}
.tooltip__content.set--center {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.tooltip__content.set--bottom {
  top: calc(100% + 0.75rem);
  -webkit-transform: translateY(-0.5rem);
          transform: translateY(-0.5rem);
}
.tooltip__content.set--bottom.set--right {
  -webkit-transform-origin: top right;
          transform-origin: top right;
}
.tooltip__content.set--bottom.set--left {
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
.tooltip__content.set--bottom:before {
  bottom: calc(100% + 0.0625rem);
}
.tooltip__content.set--tooltip-active {
  opacity: 1;
  visibility: inherit;
}
.tooltip__content.set--tooltip-active:not(.set--center) {
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
}
.tooltip__content.set--tooltip-active.set--center {
  -webkit-transform: translate(-50%, 0) scale(1);
          transform: translate(-50%, 0) scale(1);
}

.tooltip {
  margin-left: 0;
  vertical-align: unset;
}

.tooltip__content {
  background-color: #f8f8f8;
  font-size: 0.75rem;
  -webkit-transition: none;
  transition: none;
  min-width: 10rem;
  padding: 0.9375rem;
}
.tooltip__content:after, .tooltip__content:before {
  border: solid transparent;
  border-width: 0.5rem;
  content: "";
  height: 0;
  width: 0;
}
.tooltip__content.set--bottom {
  top: calc(100% + 10px);
}
.set--tooltip-active .tooltip__content {
  display: block;
}

.tooltip__content-wide .tooltip__content {
  min-width: 34rem;
}

.tooltip__arrow-up .tooltip__content:after, .tooltip__arrow-up .tooltip__content:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  border-bottom-color: #f8f8f8;
  margin-left: -0.625rem;
}
.tooltip__arrow-up .tooltip__content.set--right:after {
  left: auto;
  right: 0.5625rem;
}
.tooltip__arrow-up .tooltip__content.set--right:before {
  display: none;
}

.tooltip__arrow-down .tooltip__content:after, .tooltip__arrow-down .tooltip__content:before {
  position: absolute;
  top: 100%;
  left: 50%;
  border-top-color: #f8f8f8;
  margin-left: -0.625rem;
}

.tooltip__arrow-left .tooltip__content:after, .tooltip__arrow-left .tooltip__content:before {
  position: absolute;
  top: 50%;
  right: 100%;
  border-right-color: #f8f8f8;
}

.tooltip__arrow-right .tooltip__content:after, .tooltip__arrow-right .tooltip__content:before {
  position: absolute;
  top: 50%;
  left: 100%;
  border-left-color: #f8f8f8;
}

.tooltip__arrow-up .tooltip__content:after, .tooltip__arrow-down .tooltip__content:after {
  background: none;
}

.tooltip--custom {
  right: -5rem !important;
  margin-right: 0.9375rem !important;
  text-align: left;
}

.tooltip--field-label .tooltip__trigger {
  display: inline;
}

.tooltip__refund-terms {
  margin-left: 0;
  left: -0.25rem;
  top: -0.25rem;
}
.tooltip__refund-terms .tooltip__trigger-icon {
  font-size: 1rem;
}
.tooltip__refund-terms .tooltip__content {
  width: 15rem;
}

.tooltip__final-sale {
  height: 1rem;
  margin: 0;
}

.tooltip__shipping-fee {
  margin-left: 0.25rem;
  margin-top: 0.4375rem;
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}

.tooltip__order-sumary {
  margin-left: 0.25rem;
  margin-top: 0.4375rem;
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}

@media (max-width: 47.9375rem) {
  .tooltip--custom {
    margin-right: 2rem !important;
  }
  .tooltip__content {
    min-width: 46vw;
  }
}
@media (max-width: 63.9375rem) {
  .tooltip__content {
    padding: 0.9375rem;
    background-color: #f8f8f8;
  }
  .tooltip__final-sale .tooltip__content.set--tooltip-active.set--center {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
    left: -4.0625rem;
  }
  .set--bottom.set--center {
    -webkit-transform: translate(-50%, -0.5rem) scale(1);
            transform: translate(-50%, -0.5rem) scale(1);
  }
  .tooltip__final-sale .tooltip__content:after, .tooltip__final-sale .tooltip__content:before {
    position: absolute;
    bottom: 100%;
    left: 4.6875rem;
    border-bottom-color: #f8f8f8;
    margin-left: -0.625rem;
  }
}
/*md
@no-stat

# Tooltip

## Tooltip Arrow Down

```html_example

&lt;div class="col-4 flex-flow-row align-items-center margin-t--50 margin-b--50"&gt;
&lt;span class="font-size--12"&gt;Tooltip Arrow Up&lt;/span&gt;
&lt;span class="tooltip tooltip--field-label font-size--12 tooltip__arrow-up"&gt;
&lt;button type="button" class="tooltip__trigger link--primary" data-toggle='{"target": ".tooltip__content", "activeClass": "set--tooltip-active", "skipSelector": false}}'&gt;
&lt;span aria-hidden="true" focusable="false" class="tooltip__trigger-icon icon font-size--15"
data-toggle='{"target": ".tooltip__content", "parent": ".tooltip",  "activeClass": "set--tooltip-active", "auto": false, "persist": true, "event": "click"}'
&gt;
&amp;#xe024;
&lt;/span&gt;
&lt;/button&gt;
&lt;div class="tooltip__content set--bottom set--center"&gt;
       Tooltip content comes here
&lt;/div&gt;
&lt;/span&gt;
&lt;/div&gt;



```

## Tooltip Arrow Up

```html_example

&lt;div class="col-4 flex-flow-row align-items-center margin-t--50 margin-b--50"&gt;
&lt;span class="font-size--12"&gt;Tooltip Arrow Down&lt;/span&gt;

&lt;span class="tooltip tooltip--field-label font-size--12 tooltip__arrow-down"&gt;

    &lt;button type="button" class="tooltip__trigger link--primary" data-toggle='{"target": ".tooltip__content", "activeClass": "set--tooltip-active", "skipSelector": false}}'&gt;
        &lt;span aria-hidden="true" focusable="false" class="tooltip__trigger-icon icon font-size--15"
        data-toggle='{"target": ".tooltip__content", "parent": ".tooltip",  "activeClass": "set--tooltip-active", "auto": false, "persist": true, "event": "click"}'
        &gt;
                &amp;#xe024;
        &lt;/span&gt;
    &lt;/button&gt;
    &lt;div class="tooltip__content set--top set--center"&gt;
                Tooltip content comes here
    &lt;/div&gt;
&lt;/span&gt;

&lt;/div&gt;
```
 */
.notification {
  position: relative;
  margin-bottom: 1.25rem;
  padding: 0.9375rem;
}
.notification--error {
  background: #ffece5;
}
.notification--standard {
  background: #EEECE4;
}
.notification--has-icon {
  padding-left: 2.5rem;
}
.notification--centered {
  margin-left: auto;
  margin-right: auto;
  max-width: 35rem;
}
.notification--cart-oos {
  background: #FAF9F7;
  padding: 0.75rem 0.5rem;
  margin-bottom: 3rem;
}
@media (max-width: 47.9375rem) {
  .notification--cart-oos {
    margin-bottom: 1.5rem;
  }
}
.notification--cart-oos:has(+ .notification) {
  margin-bottom: 0.625rem;
}

.notification__title {
  font-size: 1rem;
  margin: 0 0 0.5rem;
}

.notification__message {
  font-size: 0.75rem;
  margin-bottom: 0.9375rem;
}

.notification__message_inline {
  font-size: 0.75rem;
}

.notification__link {
  font-size: 0.8125rem;
}
.notification__link:hover {
  border-color: transparent;
}

.notification__icon-inline {
  width: 2.5rem;
  height: 2.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.notification__icon-inline .icon--exclamation {
  width: 1.375rem;
  height: 1.375rem;
}

.notification__content {
  margin-top: auto;
  margin-bottom: auto;
}
@media (max-width: 47.9375rem) {
  .notification__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.notification__icon {
  position: absolute;
  top: 0.625rem;
  left: 0.9375rem;
  font-size: 1.25rem;
}

.notification__icon-dismiss.icon {
  position: absolute;
  top: 0.875rem;
  right: 0.9375rem;
  cursor: pointer;
  height: 0.6875rem;
  width: 0.6875rem;
}

.notification__inline {
  background: #ffece5;
  font-size: 0.75rem;
  line-height: 1.125rem;
  padding: 0.3125rem;
}
.notification__inline--size-small {
  font-size: 0.5625rem;
  line-height: 0.75rem;
  padding: 0.3125rem 0.1875rem;
}

.notification__plierror {
  font-size: 0.75rem;
  color: #930000;
}

.notification--sfs-exclusion .notification__title {
  font-size: 0.75rem;
  font-family: "Newtime R Heavy", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5rem;
}
.notification--sfs-exclusion .notification__link {
  font-size: 0.75rem;
  margin-top: 0.5rem;
}
.notification--sfs-exclusion .notification__icon {
  top: 0.75rem;
  left: 0.75rem;
  width: 1.5rem;
  height: 1.5rem;
}
.notification--sfs-exclusion .icon--exclamation {
  width: 1.5rem;
  height: 1.5rem;
}

.consent-notification {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-property: opacity, visibility, -webkit-transform;
  transition-property: opacity, visibility, -webkit-transform;
  transition-property: opacity, visibility, transform;
  transition-property: opacity, visibility, transform, -webkit-transform;
  -webkit-transition-duration: 213ms;
          transition-duration: 213ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.consent-notification:not(.toggle--active) {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
}

.tracking-consent {
  margin: 0 0 0.875rem;
  font-size: 0.75rem;
}

@media (min-width: 48rem) {
  .consent-notification {
    margin: 1.875rem;
    padding: 1.5rem 1.875rem 1.875rem;
    width: 23.4375rem;
  }
}
@media (max-width: 47.9375rem) {
  .consent-notification {
    padding: 1rem 1rem 2rem;
  }
  .body--fixed-scroll .consent-notification {
    z-index: 1;
  }
}
.secondary-navigation {
  position: relative;
}

.secondary-navigation__item:not(:last-child) {
  margin-bottom: 0;
}

.secondary-navigation__header {
  margin-bottom: 2rem;
}
.secondary-navigation__header .secondary-navigation__welcome {
  color: #575757;
  margin-bottom: 0.5rem;
}
.secondary-navigation__header .secondary-navigation__name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem;
  line-height: 3rem;
}
.secondary-navigation__header .secondary-navigation__spacer {
  margin-top: 0.5rem;
  width: 1rem;
  border-bottom: solid 0.125rem #000;
}

.secondary-navigation__mobile .secondary-navigation__header {
  display: none;
}

.secondary-navigation__desktop.account-pages {
  display: none;
}

@media (min-width: 48rem) {
  .secondary-navigation__desktop.account-pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .secondary-navigation__item:not(:last-child) {
    margin-bottom: 0;
  }
  .secondary-navigation__mobile {
    display: none;
  }
}
@media (max-width: 47.9375rem) {
  .secondary-navigation__mobile.account-landing {
    display: none;
  }
  .secondary-navigation__desktop .secondary-navigation__list {
    display: none;
  }
  .secondary-navigation {
    margin-bottom: 1.5625rem;
    border-bottom: solid 0.0625rem #000;
  }
  .secondary-navigation__trigger {
    margin-bottom: 1.25rem;
    position: relative;
    width: 100%;
    text-align: left;
  }
  .secondary-navigation__trigger-icon {
    right: 1rem;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
  }
  .toggle--active .secondary-navigation__trigger-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .secondary-navigation__list-old {
    display: none;
  }
  .secondary-navigation__list-old.toggle--active {
    display: block;
  }
  .secondary-navigation__item, .secondary-navigation__item--extra {
    padding: 0.1875rem;
  }
}
.table--data-grid {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
@media (max-width: 47.9375rem) {
  .table--data-grid {
    width: auto;
  }
}
.table--data-grid thead th, .table--data-grid thead td {
  border: solid #000;
  border-width: 0 0 0.0625rem;
  padding: 0.5rem;
  text-align: left;
  font-weight: normal;
}
.table--data-grid tbody td, .table--data-grid tbody th {
  border: solid #000;
  border-width: 0 0.0625rem 0.0625rem 0;
  padding: 0.5rem;
  white-space: nowrap;
  font-weight: normal;
}
.table--data-grid tr {
  border-spacing: 0;
}
.table--data-grid:not(.table--size-guide-cg) th:first-child, .table--data-grid:not(.table--size-guide-cg) td:first-child {
  padding-left: 0;
}
.table--data-grid:not(.table--size-guide-cg) th:last-child, .table--data-grid:not(.table--size-guide-cg) td:last-child {
  border-right: 0;
}

.cloudinary-video-container {
  margin: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.video-js .vjs-text-track-display div div {
  color: orange !important;
  background-color: transparent !important;
}

/*------------------------------------*\
  #MODULES
\*------------------------------------*/
.module-carousel__item.slick-slide {
  height: auto;
}

.carouselGrid-row {
  width: 100%;
  max-width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.module-carouselGrid {
  max-width: 50%;
}
.module-carouselGrid .product-tile__body {
  text-align: center;
  margin-top: 0.75rem;
}
.module-carouselGrid .product-tile__body .price {
  display: none;
}
.module-carouselGrid .slick-slide {
  position: relative;
}
.module-carouselGrid .slick-slide[data-position]:not(.slick-cloned)::after {
  content: attr(data-position) "/" attr(data-position-last);
  position: absolute;
  top: 0.25rem;
  right: 0.5rem;
  z-index: 1;
  font-size: 0.875rem;
}
.module-carouselGrid .product-tile:hover .product-tile__wishlist {
  display: none;
}
.module-carouselGrid .slick-arrow {
  top: 0;
  bottom: 3.5rem;
  margin: auto;
  width: 2rem;
}
.module-carouselGrid .slick-arrow .icon {
  height: 1rem;
}
.module-carouselGrid .slick-arrow.slick-prev {
  display: none !important;
}
@media (min-width: 48rem) {
  .module-carouselGrid .slick-arrow .icon {
    height: 1.25rem;
  }
}

.carouselGrid-container {
  background-color: #f8f8f8;
  padding: 0;
}
@media (min-width: 48rem) {
  .carouselGrid-container {
    padding: 2.25rem;
  }
}
@media (min-width: 64rem) {
  .carouselGrid-container {
    padding: 4.5rem;
  }
}
@media (min-width: 90.0625rem) {
  .carouselGrid-container {
    padding: 4.5rem 6rem;
  }
}
.carouselGrid-container .anchor-product.text-color-white .product-tile__body {
  color: #FFF;
}
.carouselGrid-container .product-tile__body {
  text-align: center;
  width: 100%;
  max-height: 1.75rem;
}
.carouselGrid-container .product-tile__body .price {
  display: none;
}
.carouselGrid-container .product-tile__swatches {
  display: none;
}
.carouselGrid-container .product-tile:hover .product-tile__wishlist {
  display: none;
}
.carouselGrid-container.text-color-white .product-tile__body {
  color: #FFF;
}
.carouselGrid-container .anchor-product .product-tile__body {
  position: absolute;
  bottom: 0;
}
.carouselGrid-container .button--secondary {
  background-color: #FFF;
  color: #000;
  border: 1px solid #000;
}
.carouselGrid-container .button--secondary:hover, .carouselGrid-container .button--secondary:hover:not([disabled]):not(.disabled) {
  background-color: #000;
  color: #FFF;
  opacity: 1;
}
@media (max-width: 47.9375rem) {
  .carouselGrid-container .product-tile__name-price-container {
    display: block;
  }
  .carouselGrid-container .product-tile__name-price-container .product-tile__name {
    font-size: 0.875rem;
  }
  .carouselGrid-container .component-actions__cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0.25rem;
  }
}

.grid-carousel-header {
  margin: 2rem auto;
  width: 100%;
  text-align: center;
}

@media (min-width: 48rem) {
  .module-container.sticky-enabled {
    overflow: unset;
  }
  .module-grid__item.sticky-enabled {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    height: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
}
.product-grid__item {
  margin-bottom: 2rem;
}

.product-list__carousel.slider--row:not(.slick-initialized),
.product-list__carousel.slider--row .slick-list {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.product-list__carousel.slider--row:not(.slick-initialized)::-webkit-scrollbar,
.product-list__carousel.slider--row .slick-list::-webkit-scrollbar {
  display: none;
}
@media (min-width: 48rem) {
  .product-list__carousel.slider--row:not(.slick-initialized),
  .product-list__carousel.slider--row .slick-list {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
.product-list__carousel.slider--row .slick-arrow {
  width: 2.25rem;
}
.product-list__carousel.slider--row .slick-slide:not(.hero):not(.slick-active) {
  visibility: hidden;
}

.product-list__carousel-grid .product-tile__body-section, .product-list__carousel-grid .price {
  font-size: 1rem;
}
.product-list__carousel-grid .slick-dots {
  margin-top: 0.5rem;
}
.product-list__carousel-grid .slick-dots button {
  width: 1rem;
  height: 1rem;
}
.product-list__carousel-grid .product-tile__mobile-quickadd-button {
  display: none;
}

@media (max-width: 47.9375rem) {
  .product-list__carousel-grid .product-tile__anchor {
    margin: 0.125rem;
  }
  .product-list__carousel-grid .product-tile__body {
    height: 6.375rem;
    margin-left: 1rem;
  }
  .notfound__recommendations,
  .notfound__content-tiles {
    margin-right: -0.9375rem;
  }
  .notfound__recommendations .scrollable::-webkit-scrollbar,
  .notfound__content-tiles .scrollable::-webkit-scrollbar {
    display: none;
  }
  .notfound__recommendations .col--padding-lg,
  .notfound__content-tiles .col--padding-lg {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .notfound__recommendations .slider--pre-layout-1:not(.slick-initialized) &gt; *:not(.slick-item),
  .notfound__content-tiles .slider--pre-layout-1:not(.slick-initialized) &gt; *:not(.slick-item) {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
  .pdp__recommendations,
  .cart__empty-recommendations {
    padding-right: 0;
  }
  .pdp__recommendations .slider--pre-layout-1:not(.slick-initialized) &gt; *:not(.slick-item),
  .cart__empty-recommendations .slider--pre-layout-1:not(.slick-initialized) &gt; *:not(.slick-item) {
    -ms-flex-preferred-size: 66%;
        flex-basis: 66%;
  }
  .row--padding-lg:after {
    content: "";
    width: 0.6875rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .pdp__recommendations [class*=slider--pre-layout]:not(.slick-initialized):after,
  .cart__empty-recommendations [class*=slider--pre-layout]:not(.slick-initialized):after,
  .notfound__recommendations [class*=slider--pre-layout]:not(.slick-initialized):after {
    content: "";
    width: 0.6875rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media (min-width: 48rem) {
  .pdp__recommendations {
    max-width: 125rem;
    margin-right: 2rem;
    margin-left: 2rem;
  }
  .product-list__carousel-grid.product-list__carousel .product-tile__colors-container {
    height: 1.3125rem;
  }
}
.category__tile-carousel {
  margin: 1rem 0 3rem;
}
@media (min-width: 48rem) {
  .category__tile-carousel {
    width: 100%;
    max-width: calc(100% - 3.5rem);
  }
}
@media (max-width: 47.9375rem) {
  .category__tile-carousel {
    overflow-x: scroll;
    scroll-behavior: smooth;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    width: 100vw;
  }
  .category__tile-carousel::-webkit-scrollbar {
    display: none;
  }
}
.category__tile-carousel .category__tile {
  margin: 0 0.0625rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.category__tile-carousel .category__tile:first-child {
  margin-left: 0;
}
.category__tile-carousel .category__tile:last-child {
  margin-right: 0;
}
.category__tile-carousel .category__tile-img {
  height: 16.625rem;
  width: auto;
}
@media (max-width: 47.9375rem) {
  .category__tile-carousel .category__tile-img {
    height: 15.625rem;
  }
}
.category__tile-carousel .slick-arrow {
  width: 0.515625rem;
  right: -1.5rem;
}

.promo-banner {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.promo-banner--size-large {
  font-size: 1.25rem;
}

.promo-banner--size-small {
  font-size: 0.875rem;
}

.promo-banner__body {
  display: inline;
}

.promo-banner__actions {
  display: inline-block;
  margin-left: 0.25rem;
}

.promo-banner__cta:not(:last-child) {
  margin-right: 1rem;
}

.promo-banner {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 47.9375rem) {
  .promo-banner {
    font-size: 0.75rem;
    height: 2rem;
  }
}

html.cancel-scroll--force {
  overflow: hidden;
  height: 100%;
}

.cancel-scroll body {
  overflow: hidden;
}
.cancel-scroll--force body {
  overflow: hidden;
  height: 100%;
}

.window-modal {
  z-index: 10000;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-overflow-scrolling: touch;
  -webkit-transition-property: opacity, visibility, background-color;
  transition-property: opacity, visibility, background-color;
  -ms-flex-align: stretch;
}
.window-modal.modal-active {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: 213ms;
          transition-duration: 213ms;
}
.window-modal:not(.modal-active) {
  pointer-events: none;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-duration: 213ms;
          transition-duration: 213ms;
  opacity: 0;
  visibility: hidden;
}
.window-modal.modal-in-background {
  z-index: 9999;
  background-color: transparent;
  pointer-events: none;
}

.window-modal__content {
  position: relative;
  width: 100%;
  min-height: 6.25rem;
  background-color: #FFF;
  -webkit-transition-property: top, bottom, right, left, height, opacity, visibility, -webkit-transform;
  transition-property: top, bottom, right, left, height, opacity, visibility, -webkit-transform;
  transition-property: top, bottom, right, left, height, transform, opacity, visibility;
  transition-property: top, bottom, right, left, height, transform, opacity, visibility, -webkit-transform;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-duration: 213ms;
          transition-duration: 213ms;
  -ms-flex-item-align: baseline;
  -webkit-box-shadow: 0 0.25rem 2rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0.25rem 2rem rgba(0, 0, 0, 0.25);
}
.modal-active .window-modal__content {
  -webkit-transition-duration: 213ms;
          transition-duration: 213ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.window-modal__content &gt; .modal-container--static {
  display: block;
}

.window-modal__close {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  height: 2.5rem;
  width: 2.25rem;
}
.window-modal__close:hover {
  opacity: 0.5;
}
.window-modal__close:after {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M10.251 12 0 1.784 1.78 0l10.218 10.251L22.215 0 24 1.784 13.75 12l10.25 10.218L22.215 24 12 13.748 1.78 24 0 22.217 10.251 12Z' /%3E%3C/svg%3E");
  width: 0.875rem;
  height: 0.875rem;
  display: inline-block;
}

/*------------------------------------*\
  #UTILITY-MODAL-CLASSES
\*------------------------------------*/
.modal-container--static {
  display: none;
}

.modal--full .window-modal__content {
  max-width: none;
}

.modal--flex .window-modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.modal--hideable.modal-in-background {
  opacity: 0;
  visibility: hidden;
}

/*------------------------------------*\
  #GENERIC-MODAL
  Use these if you don't know what else to use.
\*------------------------------------*/
.modal__title {
  line-height: 1.06;
}

.modal__description {
  margin-top: 0.75em;
  line-height: 1.5;
}

.modal__content {
  margin-top: 2rem;
}

.modal__actions {
  margin-top: auto;
}

.modal__action {
  margin-top: 2.5rem;
}

.modal__scrollable {
  max-height: 17.5rem;
  padding-bottom: 1.25rem;
}

/*------------------------------------*\
  #SPECIAL-CASES
\*------------------------------------*/
.modal--quickview .window-modal__content {
  max-width: 60rem;
}

.modal--store-locator .window-modal__content {
  max-width: 38rem;
  padding: 2rem;
}

.modal--product-zoom .window-modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.modal--product-zoom .window-modal__close {
  background-color: #FFF;
}

.modal--toast {
  pointer-events: none;
  background-color: transparent;
  color: #FFF;
}
.modal--toast .window-modal__content {
  pointer-events: all;
  background-color: transparent;
  max-width: none;
  width: auto;
  height: auto;
  padding: 0.75rem 3rem 0.75rem 2rem;
  min-height: auto;
  margin-top: 1rem;
}
.modal--toast .window-modal__close {
  bottom: 0;
  margin: auto;
}
.modal--toast .window-modal__close:after {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M10.251 12 0 1.784 1.78 0l10.218 10.251L22.215 0 24 1.784 13.75 12l10.25 10.218L22.215 24 12 13.748 1.78 24 0 22.217 10.251 12Z' /%3E%3C/svg%3E");
}

.modal--toast-error .window-modal__content {
  background-color: #930000;
}

.modal--toast-success .window-modal__content {
  background-color: #566A27;
}

.modal--toast__message {
  border-radius: 0.25rem;
}

@media (min-width: 48rem) {
  .cancel-scroll--sm-up body {
    overflow: hidden;
  }
  .window-modal__content {
    width: calc(100% - 3.125rem);
    margin: auto;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    border-radius: 0.25rem;
    opacity: 0;
    visibility: hidden;
  }
  .modal-active .window-modal__content {
    -webkit-transition-delay: 107ms;
            transition-delay: 107ms;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    visibility: inherit;
  }
  .modal-in-background .window-modal__content {
    -webkit-transform: scale(0.9) translateY(2rem);
            transform: scale(0.9) translateY(2rem);
  }
  /*------------------------------------*\
    #GENERIC-MODAL
    Use these if you don't know what else to use.
  \*------------------------------------*/
  .modal--generic .window-modal__content {
    max-width: 29rem;
    min-height: 21.25rem;
    padding: 1rem 1.5rem;
  }
  /*------------------------------------*\
    #SPECIAL-CASES
  \*------------------------------------*/
  .modal--page {
    padding: 2rem;
  }
  .modal--page .window-modal__content {
    max-width: 90rem;
    min-height: 21.25rem;
  }
  .modal--prompt .window-modal__content {
    max-width: 26rem;
    min-height: 16rem;
    padding: 2rem;
  }
  .modal--auth {
    padding: 2rem;
  }
}
@media (max-width: 47.9375rem) {
  html.cancel-scroll {
    overflow: hidden;
    height: 100%;
  }
  .window-modal__content {
    top: 100%;
    margin-top: auto;
  }
  .modal-active .window-modal__content {
    top: 0;
  }
  .modal-in-background .window-modal__content {
    -webkit-transform: translateY(55%);
            transform: translateY(55%);
  }
  /*------------------------------------*\
    #GENERIC-MODAL
    Use these if you don't know what else to use.
  \*------------------------------------*/
  .modal--generic .window-modal__content {
    min-height: 20rem;
    padding-top: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 3.75rem;
  }
  /*------------------------------------*\
    #SPECIAL-CASES
  \*------------------------------------*/
  .modal--prompt .window-modal__content {
    min-height: 16rem;
    padding-top: 2rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    padding-bottom: 3.75rem;
  }
  .modal--toast .window-modal__content {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: 1rem;
  }
  /*------------------------------------*\
    #UTILITY-MODAL-CLASSES
  \*------------------------------------*/
  .modal--small-full {
    background-color: #FFF;
  }
  .modal--small-full .window-modal__content {
    min-height: 100%;
    padding-bottom: 3.75rem;
  }
}
.quickview__main {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.quickview__attribute-list,
.quickview__availability {
  margin-top: 1.5rem;
}

.quickview__availability {
  margin-bottom: 1.5rem;
}

.quickview__promotions {
  margin-bottom: 0.75rem;
}

.quickview__bundle-items {
  padding: 1.875rem;
}

.quickview__section--actions {
  margin-bottom: 1.25rem;
}

.quickview__product-anchor {
  padding: 0.5rem 0;
}

@media (min-width: 48rem) {
  .quickview__footer {
    position: relative;
    margin-top: auto;
  }
}
@media (max-width: 47.9375rem) {
  .quickview__footer {
    margin-top: 2rem;
  }
}
.quickadd__main--mobile {
  padding: 0 2rem 2rem;
  background-color: #FFF;
}

.quickadd__attribute-list {
  margin: 0.5rem -0.125rem;
}

.quickadd__mobile-button-container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.quickadd__mobile-button-container:not(:last-of-type) {
  padding-right: 0.25rem;
}

.quickadd__heading {
  padding: 1rem 2rem 0.5rem;
}
.quickadd__heading .price--formated {
  display: none;
}
.quickadd__heading .price--reduced {
  display: inline-block;
}

.quickview__name {
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  visibility: visible;
}

.quickadd--mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.quickadd--mobile .product-tile__media-container {
  height: 100%;
}
.quickadd--mobile .form-actions {
  margin-top: 0.5rem;
}
.quickadd--mobile .size-type--one-size .quickadd__mobile-button-container .product-attribute__anchor--mobile-quickadd {
  width: 16.6666666667%;
}

.quickadd__image-container {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-height: 0;
}

.quickadd__anchor {
  height: 100%;
}

.product-gallery__scroll {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.product-gallery__scroll::-webkit-scrollbar {
  display: none;
}
.product-gallery__scroll .product-gallery__img {
  height: 100%;
  width: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.product-gallery__scroll .product-gallery__img:not(:last-child) {
  margin-right: 0.25rem;
}

[data-has-waitlist-only] .quickadd__footer,
.quickadd__footer .product-add__estimated-date {
  display: none;
}
.quickadd__footer .button--primary {
  height: 3.5rem;
}

.icon--quickadd-arrow-prev, .icon--quickadd-arrow-next {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: calc(50% + 0px);
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
}
.icon--quickadd-arrow-prev.slick-disabled, .icon--quickadd-arrow-next.slick-disabled {
  opacity: 0;
}
.icon--quickadd-arrow-prev .icon, .icon--quickadd-arrow-next .icon {
  overflow: visible;
  width: 0.5rem;
  height: 1rem;
}
.icon--quickadd-arrow-prev {
  left: -2rem;
}
.icon--quickadd-arrow-next {
  right: -2rem;
}

.product-attribute__list--quickadd .product-attribute {
  position: relative;
}
.product-attribute__list--quickadd .product-attribute:not(:last-child) {
  margin-bottom: 1.25rem;
}
.product-attribute__list--quickadd .product-attribute--type-anchor .product-attribute__contents,
.product-attribute__list--quickadd .product-attribute--type-swatch .product-attribute__contents {
  margin: -0.25rem;
}
.product-attribute__list--quickadd .product-size-attribute__anchor {
  border: 1px solid transparent;
  padding: 0.25rem 0.3125rem 0.0625rem;
  margin: 0 0.3125rem 0.3125rem;
  font-size: 0.75rem;
  line-height: 1em;
  height: 2rem;
  white-space: nowrap;
}
@media (min-width: 77.5625rem) {
  .product-grid--view-grid .product-attribute__list--quickadd .product-size-attribute__anchor {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
.product-grid--view-feed .product-attribute__list--quickadd .product-size-attribute__anchor {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media (min-width: 77.5625rem) {
  .product-grid--view-feed .product-attribute__list--quickadd .product-size-attribute__anchor {
    font-size: 1rem;
  }
}
.product-attribute__list--quickadd .product-size-attribute__anchor.unselectable:not(.waitlist) {
  cursor: default;
  color: #575757;
  text-decoration: line-through;
}
.product-attribute__list--quickadd .product-size-attribute__anchor.unselectable:not(.waitlist):hover {
  border: 0.0625rem dashed #575757;
}
.product-attribute__list--quickadd .product-size-attribute__anchor.waitlist {
  color: #575757;
}
.product-attribute__list--quickadd .product-size-attribute__anchor:hover:not(.unselectable), .product-attribute__list--quickadd .product-size-attribute__anchor.waitlist:hover {
  border-color: #575757;
}
.product-attribute__list--quickadd .product-attribute__swatch,
.product-attribute__list--quickadd .product-attribute__anchor {
  margin: 0.25rem;
}
.product-attribute__list--quickadd .product-attribute__size-chart {
  display: none;
}
.product-attribute__list--quickadd .product-attribute__head {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.75rem;
  margin-bottom: 0.625rem;
}
@media (min-width: 77.5625rem) {
  .product-grid--view-feed .product-attribute__list--quickadd .product-attribute__head {
    font-size: 1rem;
  }
}
.product-attribute__list--quickadd .product-attribute__contents {
  width: 100%;
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(auto-fit, minmax(45px, 1fr));
}
.product-grid--view-grid .product-attribute__list--quickadd .product-attribute__contents {
  grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));
}
.product-grid--view-feed .product-attribute__list--quickadd [class*=size-group--alpha] .product-attribute__contents,
.product-grid--view-feed .product-attribute__list--quickadd [class*=size-type--alpha] .product-attribute__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 77.5625rem) {
  .product-attribute__list--quickadd [class*=size-group--alpha] .product-attribute__contents,
  .product-attribute__list--quickadd [class*=size-type--alpha] .product-attribute__contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .product-grid--view-grid .product-attribute__list--quickadd [class*=size-group--alpha] .product-attribute__contents .product-size-attribute__anchor,
  .product-grid--view-grid .product-attribute__list--quickadd [class*=size-type--alpha] .product-attribute__contents .product-size-attribute__anchor {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 90.0625rem) {
  .product-grid--view-grid .product-attribute__list--quickadd [class*=size-group--alpha] .product-attribute__contents .product-size-attribute__anchor,
  .product-grid--view-grid .product-attribute__list--quickadd [class*=size-type--alpha] .product-attribute__contents .product-size-attribute__anchor {
    margin: 0 0.3125rem 0.3125rem;
  }
}
.product-attribute__list--quickadd [class*=size-group--numeric].size-type--uk .product-attribute__contents {
  grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
}
.product-grid--view-feed .product-attribute__list--quickadd [class*=size-group--numeric].size-type--uk.size-type--petite .product-attribute__contents {
  grid-template-columns: repeat(auto-fit, minmax(75px, 1fr));
}
.product-attribute__list--quickadd .size-group--shoes.size-type--uk .product-attribute__contents {
  grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
}

.quickadd__image-container .tile-image-primary {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

[data-has-waitlist-only] .waitlist-heading,
[data-has-waitlist-only] .waitlist-checkbox,
[data-has-waitlist-only] .waitlist-callout {
  display: none;
}

.waitlist-heading .icon {
  height: 0.6875rem;
  width: 0.6875rem;
}

.quickadd__waistlist--mobile .form-group {
  margin-bottom: 0.5rem;
}
.quickadd__waistlist--mobile [data-floating-label] .form-control {
  height: 3.5rem;
  padding-left: 1rem;
}
.quickadd__waistlist--mobile [data-floating-label] .form-control-label {
  left: 1rem;
}
.quickadd__waistlist--mobile [data-floating-label]:not(.set--floating-label) .form-control-label {
  top: 1.375rem;
}
.quickadd__waistlist--mobile .waitlist-checkbox {
  margin-bottom: 1rem;
}
.quickadd__waistlist--mobile .form-check-label--custom {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.quickadd__waistlist--mobile .form-check-label--custom + label {
  margin-left: 0.5rem;
}
.quickadd__waistlist--mobile .button--primary {
  height: 3.5rem;
}

html.cancel-scroll--force {
  overflow: hidden;
  height: 100%;
}

.cancel-scroll body {
  overflow: hidden;
}
.cancel-scroll--force body {
  overflow: hidden;
  height: 100%;
}

.window-modal {
  z-index: 10000;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-overflow-scrolling: touch;
  -webkit-transition-property: opacity, visibility, background-color;
  transition-property: opacity, visibility, background-color;
  -ms-flex-align: stretch;
}
.window-modal.modal-active {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: 213ms;
          transition-duration: 213ms;
}
.window-modal:not(.modal-active) {
  pointer-events: none;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-duration: 213ms;
          transition-duration: 213ms;
  opacity: 0;
  visibility: hidden;
}
.window-modal.modal-in-background {
  z-index: 9999;
  background-color: transparent;
  pointer-events: none;
}

.window-modal__content {
  position: relative;
  width: 100%;
  min-height: 6.25rem;
  background-color: #FFF;
  -webkit-transition-property: top, bottom, right, left, height, opacity, visibility, -webkit-transform;
  transition-property: top, bottom, right, left, height, opacity, visibility, -webkit-transform;
  transition-property: top, bottom, right, left, height, transform, opacity, visibility;
  transition-property: top, bottom, right, left, height, transform, opacity, visibility, -webkit-transform;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-duration: 213ms;
          transition-duration: 213ms;
  -ms-flex-item-align: baseline;
  -webkit-box-shadow: 0 0.25rem 2rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0.25rem 2rem rgba(0, 0, 0, 0.25);
}
.modal-active .window-modal__content {
  -webkit-transition-duration: 213ms;
          transition-duration: 213ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.window-modal__content &gt; .modal-container--static {
  display: block;
}

.window-modal__close {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  height: 2.5rem;
  width: 2.25rem;
}
.window-modal__close:hover {
  opacity: 0.5;
}
.window-modal__close:after {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M10.251 12 0 1.784 1.78 0l10.218 10.251L22.215 0 24 1.784 13.75 12l10.25 10.218L22.215 24 12 13.748 1.78 24 0 22.217 10.251 12Z' /%3E%3C/svg%3E");
  width: 0.875rem;
  height: 0.875rem;
  display: inline-block;
}

/*------------------------------------*\
  #UTILITY-MODAL-CLASSES
\*------------------------------------*/
.modal-container--static {
  display: none;
}

.modal--full .window-modal__content {
  max-width: none;
}

.modal--flex .window-modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.modal--hideable.modal-in-background {
  opacity: 0;
  visibility: hidden;
}

/*------------------------------------*\
  #GENERIC-MODAL
  Use these if you don't know what else to use.
\*------------------------------------*/
.modal__title {
  line-height: 1.06;
}

.modal__description {
  margin-top: 0.75em;
  line-height: 1.5;
}

.modal__content {
  margin-top: 2rem;
}

.modal__actions {
  margin-top: auto;
}

.modal__action {
  margin-top: 2.5rem;
}

.modal__scrollable {
  max-height: 17.5rem;
  padding-bottom: 1.25rem;
}

/*------------------------------------*\
  #SPECIAL-CASES
\*------------------------------------*/
.modal--quickview .window-modal__content {
  max-width: 60rem;
}

.modal--store-locator .window-modal__content {
  max-width: 38rem;
  padding: 2rem;
}

.modal--product-zoom .window-modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.modal--product-zoom .window-modal__close {
  background-color: #FFF;
}

.modal--toast {
  pointer-events: none;
  background-color: transparent;
  color: #FFF;
}
.modal--toast .window-modal__content {
  pointer-events: all;
  background-color: transparent;
  max-width: none;
  width: auto;
  height: auto;
  padding: 0.75rem 3rem 0.75rem 2rem;
  min-height: auto;
  margin-top: 1rem;
}
.modal--toast .window-modal__close {
  bottom: 0;
  margin: auto;
}
.modal--toast .window-modal__close:after {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M10.251 12 0 1.784 1.78 0l10.218 10.251L22.215 0 24 1.784 13.75 12l10.25 10.218L22.215 24 12 13.748 1.78 24 0 22.217 10.251 12Z' /%3E%3C/svg%3E");
}

.modal--toast-error .window-modal__content {
  background-color: #930000;
}

.modal--toast-success .window-modal__content {
  background-color: #566A27;
}

.modal--toast__message {
  border-radius: 0.25rem;
}

@media (min-width: 48rem) {
  .cancel-scroll--sm-up body {
    overflow: hidden;
  }
  .window-modal__content {
    width: calc(100% - 3.125rem);
    margin: auto;
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    border-radius: 0.25rem;
    opacity: 0;
    visibility: hidden;
  }
  .modal-active .window-modal__content {
    -webkit-transition-delay: 107ms;
            transition-delay: 107ms;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    visibility: inherit;
  }
  .modal-in-background .window-modal__content {
    -webkit-transform: scale(0.9) translateY(2rem);
            transform: scale(0.9) translateY(2rem);
  }
  /*------------------------------------*\
    #GENERIC-MODAL
    Use these if you don't know what else to use.
  \*------------------------------------*/
  .modal--generic .window-modal__content {
    max-width: 29rem;
    min-height: 21.25rem;
    padding: 1rem 1.5rem;
  }
  /*------------------------------------*\
    #SPECIAL-CASES
  \*------------------------------------*/
  .modal--page {
    padding: 2rem;
  }
  .modal--page .window-modal__content {
    max-width: 90rem;
    min-height: 21.25rem;
  }
  .modal--prompt .window-modal__content {
    max-width: 26rem;
    min-height: 16rem;
    padding: 2rem;
  }
  .modal--auth {
    padding: 2rem;
  }
}
@media (max-width: 47.9375rem) {
  html.cancel-scroll {
    overflow: hidden;
    height: 100%;
  }
  .window-modal__content {
    top: 100%;
    margin-top: auto;
  }
  .modal-active .window-modal__content {
    top: 0;
  }
  .modal-in-background .window-modal__content {
    -webkit-transform: translateY(55%);
            transform: translateY(55%);
  }
  /*------------------------------------*\
    #GENERIC-MODAL
    Use these if you don't know what else to use.
  \*------------------------------------*/
  .modal--generic .window-modal__content {
    min-height: 20rem;
    padding-top: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 3.75rem;
  }
  /*------------------------------------*\
    #SPECIAL-CASES
  \*------------------------------------*/
  .modal--prompt .window-modal__content {
    min-height: 16rem;
    padding-top: 2rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    padding-bottom: 3.75rem;
  }
  .modal--toast .window-modal__content {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: 1rem;
  }
  /*------------------------------------*\
    #UTILITY-MODAL-CLASSES
  \*------------------------------------*/
  .modal--small-full {
    background-color: #FFF;
  }
  .modal--small-full .window-modal__content {
    min-height: 100%;
    padding-bottom: 3.75rem;
  }
}
.window-modal {
  background-color: rgba(255, 255, 255, 0.9);
}

.window-modal__content {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  border: 1px solid #000000;
}

.window-modal__close {
  top: 0.625rem;
  right: 0.625rem;
}
.window-modal__close:hover {
  opacity: 1;
}
.window-modal__close:after {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M10.251 12 0 1.784 1.78 0l10.218 10.251L22.215 0 24 1.784 13.75 12l10.25 10.218L22.215 24 12 13.748 1.78 24 0 22.217 10.251 12Z' /%3E%3C/svg%3E");
}

.modal--generic .window-modal__content,
.modal--auth .window-modal__content {
  background: #FFF;
  padding: 3.125rem 6.25rem 2.75rem;
  width: auto;
  max-width: 34.6875rem;
  height: auto;
  border: 1px solid #000;
}

.modal--generic.irc .window-modal__content {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 4rem 2rem 2rem;
}
@media (max-width: 47.9375rem) {
  .modal--generic.irc .window-modal__content {
    padding-left: 1rem;
    padding-right: 1rem;
    height: 100vh;
    border: none;
  }
}
@media (min-width: 48rem) {
  .modal--generic.irc .window-modal__content .button {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
.modal--generic.irc .window-modal__content .irc-nudge__images {
  overflow-x: scroll;
  scroll-behavior: smooth;
}
@media (max-width: 47.9375rem) {
  .modal--generic.irc .window-modal__content .irc-nudge__images {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 -1rem;
  }
}
.modal--generic.irc .window-modal__content .irc-nudge__images::-webkit-scrollbar {
  display: none;
}
.modal--generic.irc .window-modal__content .product-line-item__image {
  height: 16.625rem;
  width: auto;
  max-width: 100%;
  margin: 0 0.125rem 0 0;
}
.modal--generic.irc .window-modal__content .product-line-item__image:last-child {
  margin: 0;
}
@media (max-width: 47.9375rem) {
  .modal--generic.irc .window-modal__content .product-line-item__image {
    height: 15.625rem;
  }
}

.modal--promo.modal--generic.window-modal:not(.modal--sizequide) .window-modal__content {
  min-height: unset;
  padding: 1.5rem 1.25rem;
  border: 1px solid #000;
  max-width: 25rem;
}
.modal--promo.modal--generic.window-modal:not(.modal--sizequide) .window-modal__close {
  top: 1.21875rem;
}

.modal--payment.modal--generic .window-modal__content {
  width: 100%;
  min-height: unset;
  border: 0;
  border-top: 1px solid #000;
  max-width: 100%;
  padding: 1.5rem 2rem;
}
.modal--payment.modal--generic .window-modal__content [data-floating-label].set--floating-label .form-control-label {
  top: 0.625rem;
}
.modal--payment.modal--generic .window-modal__content [data-floating-label] .form-control {
  height: 3.5rem;
  font-size: 1rem;
  padding: 1.375rem 0.625rem 0.125rem;
}
.modal--payment.modal--generic .window-modal__content [data-floating-label] .form-control-label {
  font-size: 1rem;
  top: 1.25rem;
}
.modal--payment.modal--generic .window-modal__content .payment-elements-input {
  height: 3.5rem;
  padding: 1.125rem 0.625rem 0.125rem;
}
.modal--payment.modal--generic .window-modal__content .modal__content {
  margin-top: 1rem;
}
.modal--payment.modal--generic .window-modal__content .form-custom-checkbox .make-default-payment {
  margin-top: 0.125rem;
  margin-left: 0.25rem;
}
.modal--payment.modal--generic .window-modal__content .form-custom-checkbox .make-default-payment .form-group.custom-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal--payment.modal--generic .window-modal__content .form-custom-checkbox .make-default-payment .form-group.custom-checkbox .form-check-label--small {
  height: 0.75rem;
  width: 0.75rem;
  min-height: 0.75rem;
  margin-top: 0.3125rem;
}
.modal--payment.modal--generic .window-modal__content .form-custom-checkbox .make-default-payment .form-group.custom-checkbox .form-check-label--small:before, .modal--payment.modal--generic .window-modal__content .form-custom-checkbox .make-default-payment .form-group.custom-checkbox .form-check-label--small:after {
  height: 0.75rem;
  width: 0.75rem;
  padding: 0.125rem 0 0;
}
.modal--payment.modal--generic .window-modal__content .form-custom-checkbox .custom-checkbox {
  margin-bottom: 0;
}
.modal--payment.modal--generic .window-modal__content .form-custom-checkbox .custom-control-label {
  margin-left: 0.5rem;
}
.modal--payment.modal--generic .window-modal__content .window-modal__close {
  top: 1.75rem;
  right: 1.75rem;
  width: 1rem;
  height: 1rem;
}
.modal--payment.modal--generic .window-modal__content .button {
  padding: 0;
}
.modal--payment.modal--generic .window-modal__content .modal__action {
  margin-top: 2rem;
  height: 3.5rem;
}
.modal--payment.modal--generic .window-modal__content .modal__action-wrapper {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
@media (min-width: 48rem) {
  .modal--payment.modal--generic .window-modal__content {
    border: 1px solid #000;
    max-width: 27.375rem;
  }
}
@media (max-width: 47.9375rem) {
  .modal--payment.modal--generic .window-modal__content .modal__actions.row {
    margin-top: 1.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .modal--payment.modal--generic .window-modal__content .modal__actions.row .modal__action.button {
    margin-top: 0.5rem;
    font-size: 1rem;
  }
}

.modal--auth .login-header {
  font-size: 1.125rem;
  display: block;
  margin-bottom: 1.375rem;
  letter-spacing: 0.04em;
}
.modal--auth .login-button {
  margin-bottom: 1.875rem;
}
.modal--auth .login-header__asset a {
  text-decoration: underline;
}
.modal--auth .login-header__asset a:hover {
  text-decoration: none;
}

.modal--generic .modal__reset-password {
  text-align: center;
}

.waitlist--error {
  color: #930000;
}
.waitlist--error ::before {
  border: 1px solid #930000 !important;
}

@media (min-width: 48rem) {
  .modal--vip-modal .window-modal__content {
    width: 52.5rem;
    border: 1px solid #000;
  }
  .modal--vip-modal .window-modal__content .account__fwb-hero-logo {
    max-width: 18.75rem;
  }
}
@media (max-width: 47.9375rem) {
  .modal--vip-modal .window-modal__content {
    min-height: 100vh;
  }
  .modal--vip-modal .window-modal__content .account__fwb-hero-logo {
    max-width: 9.375rem;
  }
  .modal--vip-modal .window-modal__content .window-modal__close:after {
    content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M10.251 12 0 1.784 1.78 0l10.218 10.251L22.215 0 24 1.784 13.75 12l10.25 10.218L22.215 24 12 13.748 1.78 24 0 22.217 10.251 12Z' /%3E%3C/svg%3E");
  }
}

.modal--product-zoom .window-modal__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.modal--product-zoom .window-modal__close {
  position: fixed;
  top: 0.9375rem;
  right: 0.9375rem;
  background-color: white;
  width: 2rem;
  height: 2rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal--remove-product .window-modal__content {
  padding-top: 6rem;
  width: 55%;
  text-align: center;
  margin: 0 auto;
}

#modal-waitlistModal .window-modal__content {
  max-width: 37.5rem;
  border: 1px solid #efefef;
}
@media (min-width: 64rem) {
  #modal-waitlistModal .window-modal__content {
    padding: 3.125rem 5.3125rem 2.75rem;
  }
  #modal-waitlistModal .window-modal__content .waitlist-sms-subheader {
    margin: auto -3.75rem;
  }
}
@media (max-width: 47.9375rem) {
  #modal-waitlistModal .window-modal__content {
    height: 100vh;
  }
}
#modal-waitlistModal .waitlist-form {
  margin: 1.375rem auto 1rem auto;
  max-width: 23.9375rem;
}
#modal-waitlistModal .waitlist-form .form-group {
  margin-bottom: 0.5rem;
}
#modal-waitlistModal .waitlist-callout {
  margin: 0 2.1875rem;
}
#modal-waitlistModal .form-custom-checkbox .custom-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#modal-waitlistModal .form-custom-checkbox .custom-checkbox .custom-control-label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#modal-waitlistModal .form-waitlist-sms .form-check-label {
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

@media (min-width: 64rem) {
  #modal-returnExchangeModal.modal--payment .window-modal__content {
    max-width: 29rem;
    padding-top: 3.25rem;
    border: 1px solid #000;
  }
}
@media (max-width: 47.9375rem) {
  #modal-returnExchangeModal.modal--payment .window-modal__content {
    min-height: 100vh;
    padding-top: 3.75rem;
  }
}
@media (min-width: 64rem) {
  #modal-returnExchangeModal .window-modal__content {
    max-width: 37.5rem;
    padding: 4.25rem 2rem 1.5rem;
    border: 1px solid #f8f8f8;
  }
}
@media (max-width: 47.9375rem) {
  #modal-returnExchangeModal .window-modal__content {
    min-height: 100vh;
    padding: 4.75rem 1.25rem 1.5rem;
  }
}

.modal--mobile-quickadd {
  background-color: rgba(255, 255, 255, 0.7);
}
.modal--mobile-quickadd .window-modal__content {
  height: 80vh;
  width: 100%;
}
.modal--mobile-quickadd .window-modal__close {
  height: 2.5rem;
  width: 2.5rem;
  top: 0.375rem;
  right: 0.375rem;
  padding: 0.625rem;
}
.modal--mobile-quickadd .window-modal__close:after {
  background-color: #FFF;
  height: 1.25rem;
  width: 1.25rem;
  padding: 0 0.25rem;
}

.modal--hemster .window-modal__content {
  padding: 3.25rem 2rem;
  margin: auto;
}
@media (max-width: 47.9375rem) {
  .modal--hemster .window-modal__content {
    min-height: 100%;
    border: none;
    padding: 3.75rem 2rem 1.5rem;
  }
}
.modal--hemster .window-modal__content .hemster-modal .hemster-logo {
  margin: 0 auto 2.5rem;
  max-width: 7.8125rem;
}
.modal--hemster .window-modal__content .hemster-modal .product-line-item__details {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 47.9375rem) {
  .modal--hemster .window-modal__content .hemster-modal .product-line-item__details {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 1.25rem;
  }
}
.modal--hemster .window-modal__content .hemster-modal .product-line-item__details .product-line-item__image {
  max-width: 6.25rem;
}
@media (max-width: 47.9375rem) {
  .modal--hemster .window-modal__content .hemster-modal .product-line-item__details .product-line-item__image {
    max-width: 7.5rem;
  }
}
.modal--hemster .window-modal__content .hemster-modal .product-line-item__details .product-line-item__attributes {
  margin-left: 1rem;
}
.modal--hemster .window-modal__content .hemster-modal .modal-cta {
  margin: 1.5rem auto 2rem;
}
.modal--hemster .window-modal__content .hemster-modal .modal-disclaimer {
  text-align: center;
}

@media (min-width: 48rem) {
  .modal--address-delete .window-modal__content {
    max-width: 27rem;
  }
}
.modal--store-locator .window-modal__content {
  padding: 1.5625rem;
}
.modal--store-locator .window-modal__close {
  right: 1.125rem;
  top: 1.125rem;
}
.modal--store-locator .window-modal__close::after {
  height: 1.1875rem;
  width: 1.1875rem;
}
.modal--store-locator .store-locator__find,
.modal--store-locator .store-locator__save,
.modal--store-locator [data-floating-label] .form-control {
  height: 3.5rem;
}
.modal--store-locator [data-floating-label]:not(.set--floating-label) .form-control-label {
  top: 1.25rem;
}
.modal--store-locator .store-locator__action {
  text-align: right;
}
.modal--store-locator .store-locator__save {
  margin-left: auto;
  margin-top: 2rem;
  width: auto;
}
.modal--store-locator .store-locator__save[disabled] {
  display: none;
}
.modal--store-locator .store-locator__no-results {
  max-width: 23.875rem;
  margin: 0 auto 2.5rem;
}
.modal--store-locator .store-locator__form {
  margin-bottom: 2rem;
}
.modal--store-locator .store-locator__address-error {
  display: none;
  font-size: 0.75rem;
  padding-left: 1rem;
}
.modal--store-locator .store-locator__address.set--error {
  color: #930000;
}
.modal--store-locator .store-locator__address.set--error .store-locator__address-error {
  display: block;
  margin-top: 0.25rem;
}
.modal--store-locator .store-locator__address.set--error .store-locator__address-field {
  background: #ffece5;
  border-color: #930000;
}
.modal--store-locator .store-locator__detect-location {
  margin-top: 1rem;
}

.modal--smarty .window-modal__content {
  max-width: 22.375rem;
  padding: 1.5rem 1.5rem 2rem;
  min-height: 0;
}
.modal--smarty .window-modal__close {
  right: 1rem;
  top: 1rem;
}
@media (max-width: 63.9375rem) {
  .modal--smarty .window-modal__content {
    margin: auto;
  }
}

@media (min-width: 48rem) {
  .modal--fabric-detail {
    overflow: hidden;
  }
  .modal--fabric-detail .window-modal__content {
    width: 100%;
    max-width: 33.75rem;
    padding: 4.5rem 2rem 2rem;
    min-height: 0;
    position: fixed;
    right: -100%;
    top: 0;
    bottom: 0;
    border: none;
    -webkit-transition: right 0.5s ease;
    transition: right 0.5s ease;
  }
  .modal--fabric-detail.modal-active .window-modal__content {
    right: 0;
    -webkit-transition: right 0.5s ease;
    transition: right 0.5s ease;
  }
  .modal--slide-in-desktop {
    overflow: hidden;
    background-color: transparent;
    opacity: 100%;
    visibility: visible;
  }
  .modal--slide-in-desktop .window-modal__content {
    width: 100%;
    max-width: 28rem;
    border: solid #000;
    border-width: 0 0 0 0.125rem;
    padding: 1.5rem 2rem 2rem;
    min-height: 0;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 100%;
    visibility: visible;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1);
    transition: -webkit-transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1);
    transition: transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1);
    transition: transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1);
  }
  .modal--slide-in-desktop .window-modal__close {
    width: 2rem;
    height: 2rem;
    right: 2rem;
    top: 1.5rem;
  }
  .modal--slide-in-desktop .window-modal__close:after {
    content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000000' d='M14.6007 15.9984L6.3999 7.82555L7.82459 6.39844L15.9987 14.5992L24.1722 6.39844L25.5993 7.82555L17.3985 15.9984L25.5993 24.1725L24.1722 25.5984L15.9987 17.3971L7.82459 25.5978L6.3999 24.1719L14.6007 15.9984Z' /%3E%3C/svg%3E");
    width: 2rem;
    height: 2rem;
  }
  .modal--slide-in-desktop.modal-active .window-modal__content {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1);
    transition: -webkit-transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1);
    transition: transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1);
    transition: transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1);
  }
}
@media (max-width: 47.9375rem) {
  .modal--store-locator .window-modal__content {
    border: 0;
    padding: 2rem 1rem;
  }
  .modal--store-locator .store-locator__action {
    text-align: center;
  }
  .modal--store-locator .store-locator__save {
    float: none;
    width: 100%;
  }
  .modal--store-locator .store-locator__no-results {
    margin: 0;
  }
  .modal--generic.window-modal:not(.modal--sizequide):not(.modal--hemster):not(.modal--payment):not(.modal--smarty):not(.irc):not(.modal--slide-up-mobile) .modal__title {
    text-align: center;
  }
  .modal--generic.window-modal:not(.modal--sizequide):not(.modal--hemster):not(.modal--payment):not(.modal--smarty):not(.irc):not(.modal--slide-up-mobile) .window-modal__content {
    padding: 3.125rem 2.75rem 2.125rem;
  }
  .modal--auth .window-modal__content,
  .modal-requestPasswordReset .window-modal__content {
    height: 100%;
  }
  .window-modal.modal--sizequide {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    background: #FFF;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .window-modal.modal--sizequide .window-modal__content {
    margin-top: 0;
  }
  .modal--remove-product .window-modal__content {
    width: 90%;
  }
  .modal--display-top__mobile {
    display: block;
  }
  .modal--promo.modal--generic.window-modal:not(.modal--sizequide) .window-modal__content {
    position: absolute;
    top: unset;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    max-width: unset;
    border: 0;
    border-top: 1px solid #000;
  }
  .modal--smarty .window-modal__content {
    padding: 1.5rem 1.25rem;
  }
  .modal--fabric-detail .window-modal__content {
    height: 100vh;
    padding: 4rem 1rem 1.5rem;
    border: none;
  }
  @supports (height: 100dvh) {
    .modal--fabric-detail .window-modal__content {
      height: 100dvh;
    }
  }
  .modal--slide-up-mobile {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .modal--slide-up-mobile .window-modal__content {
    border-width: 0.0625rem 0 0;
    padding: 1.5rem 1rem;
    width: 100vw;
    max-width: 100vw;
  }
  .modal--slide-up-mobile .window-modal__close {
    width: 2rem;
    height: 2rem;
    right: 2rem;
    top: 1.5rem;
  }
  .modal--slide-up-mobile .window-modal__close:after {
    content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000000' d='M14.6007 15.9984L6.3999 7.82555L7.82459 6.39844L15.9987 14.5992L24.1722 6.39844L25.5993 7.82555L17.3985 15.9984L25.5993 24.1725L24.1722 25.5984L15.9987 17.3971L7.82459 25.5978L6.3999 24.1719L14.6007 15.9984Z' /%3E%3C/svg%3E");
    width: 2rem;
    height: 2rem;
  }
}
.modal--afterpay .window-modal__content {
  max-width: 53.125rem;
}
@media (min-width: 64rem) {
  .modal--afterpay .window-modal__content {
    padding: 3.125rem 1.875rem;
  }
}
.modal--afterpay .afterpay__icon-wrapper {
  text-align: center;
}
.modal--afterpay .afterpay__icon-wrapper img {
  max-width: 10.625rem;
  margin: auto;
}
.modal--afterpay .afterpay__modal-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.modal--afterpay .afterpay__disclaimer {
  color: #999999;
}
@media (max-width: 63.9375rem) {
  .modal--afterpay .afterpay__modal-copy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

#modal-gated-login .tab-nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#modal-gated-login .window-modal__content {
  max-width: 50.25rem;
}
#modal-gated-login .gated-login-content {
  min-height: 31.375rem;
}
#modal-gated-login .form-container {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2rem 1rem;
}
#modal-gated-login .flex-child-50 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 48rem) {
  #modal-gated-login .window-modal__content.blocked {
    max-width: 36.5rem;
  }
}

@media (min-width: 48rem) {
  #modal-ref-welcome .window-modal__content {
    max-width: 26.25rem;
    padding: 1.5rem;
  }
}
#modal-ref-welcome .welcome-header {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  max-width: unset;
}
#modal-ref-welcome .welcome-texts {
  margin-bottom: 0;
  font-size: 16px;
  text-transform: none;
  text-align: left;
  letter-spacing: 0.5px;
  line-height: 1.5;
}
#modal-ref-welcome .welcome-texts .texts-list {
  margin: 0;
  padding: 0;
  list-style: none !important;
  text-align: start;
}
#modal-ref-welcome .welcome-texts .texts-list li {
  background-position: left 6px;
  background-repeat: no-repeat;
  padding-left: 1.875rem;
  padding-right: 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNC43MjAxNUwwLjg4MDkzMiAzLjgzOTczTDQuMzMwNjUgNy4yNzY4NUwxMS4xMDcgMC41TDEyIDEuMzkzMDFMNC4zMzA2NSA5LjA2Mjg3TDAgNC43MjAxNVoiIGZpbGw9ImJsYWNrIj48L3BhdGg+Cjwvc3ZnPg==);
  background-position-x: 3px;
  margin-bottom: 0;
}
#modal-ref-welcome .welcome-subhead {
  font-size: 1rem;
  font-weight: 500;
  font-family: undefined;
  font-family: var(--gle_font_family);
  margin: 1rem 0;
  margin-top: 0.75rem;
  text-align: start;
  line-height: 1.5;
}
#modal-ref-welcome .welcome-change-country {
  text-transform: none;
  color: #000;
  font-size: 16px;
  background: none;
  border: none;
  text-decoration: underline;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  cursor: pointer;
  font-weight: normal;
  text-align: center;
  margin: 0 auto;
  display: block;
}
#modal-ref-welcome .welcome-button__primary {
  padding: 1rem;
  font-size: 1rem;
  margin-bottom: 1rem;
}

/*md

# Modals

```html_example

    &lt;a class="body-type--centi link link--underline" title="Generic Modal" href="/on/demandware.store/Sites-reformation-us-Site/default/Account-PasswordResetDialogForm"&gt;
         Generic Modal
    &lt;/a&gt;

```
 */
.modal--sizequide .window-modal__content {
  max-width: 45.5rem;
  padding: 2rem 0 0 0;
  margin-top: 6.25rem;
}
.modal--sizequide::-webkit-scrollbar {
  display: none;
}

.size-guide.row {
  margin-left: 0;
  margin-right: 0;
}

.size-guide__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #000;
}

.conversion-table-contents .size-guide__group-wrap, .conversion-table-contents .size-guide__contents .size-guide__content {
  border: 0;
}
.conversion-table-contents .size-guide__group-wrap {
  padding: 1.5rem 2rem;
}

.size-guide__group-wrap {
  font-size: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 1.5rem 1rem;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
}

.size-guide__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

svg.size-guide__icon,
.size-guide__icon {
  display: none;
  padding: 0 0.25rem;
  font-size: 0.625rem;
  width: 1.125rem;
  height: 0.75rem;
}

.size-guide__img {
  border-radius: 20px;
  margin-bottom: 1.5rem;
}

.size-guide__filter-trigger {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  margin-right: 0.5rem;
  color: #575757;
}
.size-guide__filter-trigger.active {
  border-bottom: 1px solid #000;
  color: #000;
}

.size-guide__wrap .table--data-grid {
  width: 100%;
}
.size-guide__wrap .table--data-grid thead th, .size-guide__wrap .table--data-grid thead td {
  text-align: center;
  border: 0;
}
.size-guide__wrap .table--data-grid thead th:first-child, .size-guide__wrap .table--data-grid thead td:first-child {
  padding-left: 0.5rem;
}
.size-guide__wrap .table--data-grid tbody td, .size-guide__wrap .table--data-grid tbody th {
  border: 0;
  height: 40px;
  text-align: center;
}
.size-guide__wrap .table--data-grid tbody td:first-child, .size-guide__wrap .table--data-grid tbody th:first-child {
  padding-left: 0.5rem;
}
.size-guide__wrap .table--data-grid tbody tr:nth-child(odd) {
  background-color: #f8f8f8;
}

.size-guide__contents {
  display: inline-block;
  padding-bottom: 1.5rem;
  padding-left: 0;
  padding-right: 0;
}
.size-guide__contents .size-guide__content {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1.5rem;
  border: 1px solid #000;
  border-top: 0;
}

.size-guide__content {
  display: none;
  padding-right: 1.5rem;
  padding-left: 2rem;
}

.size-guide__content.active {
  display: block;
}

.size-guide__content.padding--0 {
  padding: 0;
}

.size-guide__wrap .tab-nav {
  margin-bottom: 0;
}

.size-guide__wrap .tab-nav__item {
  padding: 1rem;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
}
.size-guide__wrap .tab-nav__item.toggle--active {
  background-color: #000;
  color: #FFF;
}

.size-guide .tab-nav {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.size-guide__table-padding {
  margin-top: 1.5rem;
  padding: 0 0 1.5rem;
}

@media (max-width: 47.9375rem) {
  .modal--sizequide .window-modal__content {
    padding-top: 5.125rem;
  }
  .fit-tip-content {
    width: 100%;
  }
  .size-guide .image-container {
    padding: 0 3rem;
  }
  .size-guide__table-padding {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .size-guide__table-padding .table {
    display: inline-table;
  }
  .window-modal.modal--sizequide .window-modal__content {
    width: 100%;
    border: none;
  }
  .size-guide__content {
    padding: 1.5rem;
    overflow: hidden;
  }
  .size-guide__panel {
    width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .size-guide__panel .table--data-grid {
    min-width: 100%;
  }
  .table--size-conversion tr td {
    width: 3.125rem;
  }
  .table--size-conversion tr th {
    width: 2.5rem;
  }
  .size-guide__table-padding {
    padding: 0;
  }
  .size-guide__wrap .tab-nav {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .size-guide__contents {
    padding-right: 0;
    padding-bottom: 0;
  }
  .size-guide__contents .size-guide__content {
    border: 0;
  }
  .size-guide__group-wrap {
    border: 0;
    padding: 1.5rem 2rem;
  }
  .table--size-guide-cg {
    width: auto;
    min-width: 100%;
  }
}
@media (min-width: 48rem) {
  .size-guide__nav {
    width: 50%;
  }
  .fit-tip-content {
    width: 50%;
  }
}
/*md
@no-stat

# Sizeguide

```html_example

   &lt;div class="size-guide row" data-size-guide-toggle&gt;
                        &lt;div class="size-guide__contents col-12 col-md-6"&gt;
                            &lt;div class="size-guide__group-wrap col-12"&gt;
                                &lt;div class="size-guide__group" data-filter-component="filter-group"&gt;
                                    &lt;button class="size-guide__filter-trigger font-size--12 d-font-size--14 active" data-filter-trigger  data-filter-by="a,b"&gt;Regular
                                        &lt;span class="size-guide__icon icon" title="xe013"&gt;&amp;#xe013;&lt;/span&gt;
                                    &lt;/button&gt;
                                    &lt;button class="size-guide__filter-trigger font-size--12 d-font-size--14" data-filter-trigger   data-filter-by="a1,b1"&gt;Petite
                                        &lt;span class="size-guide__icon icon" title="xe013"&gt;&amp;#xe013;&lt;/span&gt;
                                    &lt;/button&gt;
                                &lt;/div&gt;
                                &lt;div class="size-guide__group" data-filter-component="filter-group"&gt;
                                    &lt;button class="size-guide__filter-trigger font-size--12 d-font-size--14 active" data-filter-trigger   data-filter-by="b,a"&gt;In
                                        &lt;span class="size-guide__icon icon" title="xe013"&gt;&amp;#xe013;&lt;/span&gt;
                                    &lt;/button&gt;
                                    &lt;button class="size-guide__filter-trigger font-size--12 d-font-size--14" data-filter-trigger   data-filter-by="b1,a1"&gt;Cm
                                        &lt;span class="size-guide__icon icon" title="xe013"&gt;&amp;#xe013;&lt;/span&gt;
                                    &lt;/button&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;

                            &lt;div class="size-guide__content col-12  font-size--12 d-font-size--14 active" data-filter-content="a,b"&gt;
                                &lt;div class="size-guide__panel size-guide__regular size-guide__regular--in"&gt;&lt;table class="table table--data-grid"&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;US size&lt;/th&gt;&lt;th&gt;Bust&lt;/th&gt;&lt;th&gt;Waist&lt;/th&gt;&lt;th&gt;Hip&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;0&lt;/td&gt;&lt;td&gt;32&lt;/td&gt;&lt;td&gt;25&lt;/td&gt;&lt;td&gt;37&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;33&lt;/td&gt;&lt;td&gt;26&lt;/td&gt;&lt;td&gt;38&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;34&lt;/td&gt;&lt;td&gt;27&lt;/td&gt;&lt;td&gt;39&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;35&lt;/td&gt;&lt;td&gt;28&lt;/td&gt;&lt;td&gt;40&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;36.5&lt;/td&gt;&lt;td&gt;29.5&lt;/td&gt;&lt;td&gt;41.5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;38.5&lt;/td&gt;&lt;td&gt;31.5&lt;/td&gt;&lt;td&gt;43.5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;12&lt;/td&gt;&lt;td&gt;40.5&lt;/td&gt;&lt;td&gt;33.5&lt;/td&gt;&lt;td&gt;45.5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;14&lt;/td&gt;&lt;td&gt;44&lt;/td&gt;&lt;td&gt;37.5&lt;/td&gt;&lt;td&gt;47.5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;16&lt;/td&gt;&lt;td&gt;46&lt;/td&gt;&lt;td&gt;39.5&lt;/td&gt;&lt;td&gt;49.5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;18&lt;/td&gt;&lt;td&gt;48&lt;/td&gt;&lt;td&gt;41.5&lt;/td&gt;&lt;td&gt;51.5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;20&lt;/td&gt;&lt;td&gt;50&lt;/td&gt;&lt;td&gt;43.5&lt;/td&gt;&lt;td&gt;53.5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;22&lt;/td&gt;&lt;td&gt;52&lt;/td&gt;&lt;td&gt;45.5&lt;/td&gt;&lt;td&gt;55.5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;24&lt;/td&gt;&lt;td&gt;54&lt;/td&gt;&lt;td&gt;47.5&lt;/td&gt;&lt;td&gt;57.5&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;
                            &lt;/div&gt;

                            &lt;div class=" size-guide__content col-12 font-size--12 d-font-size--14  " data-filter-content="a1,b1"&gt;
                                &lt;div class="size-guide__panel size-guide__regular size-guide__regular--cm "&gt;&lt;table class="table table--data-grid"&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;US size&lt;/th&gt;&lt;th&gt;Bust&lt;/th&gt;&lt;th&gt;Waist&lt;/th&gt;&lt;th&gt;Hip&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;0&lt;/td&gt;&lt;td&gt;81&lt;/td&gt;&lt;td&gt;64&lt;/td&gt;&lt;td&gt;94&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;84&lt;/td&gt;&lt;td&gt;66&lt;/td&gt;&lt;td&gt;97&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;86&lt;/td&gt;&lt;td&gt;69&lt;/td&gt;&lt;td&gt;99&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;89&lt;/td&gt;&lt;td&gt;71&lt;/td&gt;&lt;td&gt;102&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;93&lt;/td&gt;&lt;td&gt;75&lt;/td&gt;&lt;td&gt;105&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;98&lt;/td&gt;&lt;td&gt;80&lt;/td&gt;&lt;td&gt;110&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;12&lt;/td&gt;&lt;td&gt;103&lt;/td&gt;&lt;td&gt;85&lt;/td&gt;&lt;td&gt;116&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;14&lt;/td&gt;&lt;td&gt;112&lt;/td&gt;&lt;td&gt;95&lt;/td&gt;&lt;td&gt;121&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;16&lt;/td&gt;&lt;td&gt;117&lt;/td&gt;&lt;td&gt;100&lt;/td&gt;&lt;td&gt;126&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;18&lt;/td&gt;&lt;td&gt;122&lt;/td&gt;&lt;td&gt;105&lt;/td&gt;&lt;td&gt;131&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;20&lt;/td&gt;&lt;td&gt;127&lt;/td&gt;&lt;td&gt;110&lt;/td&gt;&lt;td&gt;136&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;22&lt;/td&gt;&lt;td&gt;132&lt;/td&gt;&lt;td&gt;116&lt;/td&gt;&lt;td&gt;141&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;24&lt;/td&gt;&lt;td&gt;137&lt;/td&gt;&lt;td&gt;120.5&lt;/td&gt;&lt;td&gt;146&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;
                            &lt;/div&gt;

                            &lt;div class=" size-guide__content col-12  font-size--12 d-font-size--14" data-filter-content="b,a"&gt;
                                &lt;div class="size-guide__panel size-guide__petite size-guide__petite--in"&gt;&lt;table class="table table--data-grid"&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;US size&lt;/th&gt;&lt;th&gt;Bust&lt;/th&gt;&lt;th&gt;Waist&lt;/th&gt;&lt;th&gt;Hip&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;0P&lt;/td&gt;&lt;td&gt;31&lt;/td&gt;&lt;td&gt;25&lt;/td&gt;&lt;td&gt;35.5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2P&lt;/td&gt;&lt;td&gt;32&lt;/td&gt;&lt;td&gt;26&lt;/td&gt;&lt;td&gt;36.5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4P&lt;/td&gt;&lt;td&gt;33&lt;/td&gt;&lt;td&gt;27&lt;/td&gt;&lt;td&gt;37.5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;6P&lt;/td&gt;&lt;td&gt;34&lt;/td&gt;&lt;td&gt;28&lt;/td&gt;&lt;td&gt;38.5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;8P&lt;/td&gt;&lt;td&gt;35.5&lt;/td&gt;&lt;td&gt;29.5&lt;/td&gt;&lt;td&gt;40&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;10P&lt;/td&gt;&lt;td&gt;37.5&lt;/td&gt;&lt;td&gt;31.5&lt;/td&gt;&lt;td&gt;42&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;12P&lt;/td&gt;&lt;td&gt;39.5&lt;/td&gt;&lt;td&gt;33.5&lt;/td&gt;&lt;td&gt;44&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;
                            &lt;/div&gt;

                            &lt;div class=" size-guide__content col-12 font-size--12 d-font-size--14 " data-filter-content="b1,a1"&gt;
                                &lt;div class="size-guide__panel size-guide__petite size-guide__petite--cm"&gt;&lt;table class="table table--data-grid"&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;US size&lt;/th&gt;&lt;th&gt;Bust&lt;/th&gt;&lt;th&gt;Waist&lt;/th&gt;&lt;th&gt;Hip&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;0P&lt;/td&gt;&lt;td&gt;79&lt;/td&gt;&lt;td&gt;64&lt;/td&gt;&lt;td&gt;90&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2P&lt;/td&gt;&lt;td&gt;81&lt;/td&gt;&lt;td&gt;66&lt;/td&gt;&lt;td&gt;93&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4P&lt;/td&gt;&lt;td&gt;84&lt;/td&gt;&lt;td&gt;69&lt;/td&gt;&lt;td&gt;95&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;6P&lt;/td&gt;&lt;td&gt;86&lt;/td&gt;&lt;td&gt;71&lt;/td&gt;&lt;td&gt;98&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;8P&lt;/td&gt;&lt;td&gt;90&lt;/td&gt;&lt;td&gt;75&lt;/td&gt;&lt;td&gt;102&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;10P&lt;/td&gt;&lt;td&gt;95&lt;/td&gt;&lt;td&gt;80&lt;/td&gt;&lt;td&gt;107&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;12P&lt;/td&gt;&lt;td&gt;100&lt;/td&gt;&lt;td&gt;85&lt;/td&gt;&lt;td&gt;112&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;
                            &lt;/div&gt;

                            &lt;p class="font-size--12 text-color--grey-4 col-12  padding-l--20"&gt;The size guide serves as a general guideline for helping you find your size in Ref. Exact measurements vary with each style.&lt;/p&gt;
                        &lt;/div&gt;
                        &lt;div class="size-guide__content col-12 col-md-6 padding--0 active"&gt;
                            &lt;img alt="Numeric Size Guide" src="https://thereformation-weblinc.netdna-ssl.com/assets/workarea/storefront/size_guide_dress-f2bd04fbbe8cd85a73c4d9f49547978f4d672836faf86ae7e748e954e14302ff.png"&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;

```

*/
.einsten-recommender {
  position: relative;
}

.einsten-recommender__carousel {
  min-height: 6.25rem;
}

.subscription-banner__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  width: 7rem;
}

.subscription-banner__icon {
  margin-right: 0.375rem;
}

.subscription-cta-form {
  width: 100%;
}
.subscription-cta-form .invalid-feedback.set--visible {
  text-align: left;
}
.subscription-cta-form .form-control.is-invalid {
  background-color: #FFF;
}
.subscription-cta-form .input--secondary {
  position: absolute;
  right: 0;
  color: black;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.subscription-cta-form .input--secondary .arrow-submit {
  height: 1.625rem;
  width: 1.625rem;
}

.subscription-banner {
  width: 100%;
}
.subscription-banner .row {
  position: relative;
}
.subscription-banner__form {
  width: 100%;
}
.subscription-banner .invalid-feedback {
  position: absolute;
  top: 100%;
  white-space: nowrap;
}
.subscription-banner .subscription-banner__control[data-floating-label] {
  margin-bottom: 0;
}
.subscription-banner .subscription-banner__control[data-floating-label] .form-control-label {
  display: none;
  left: 1rem;
  top: 0.5rem;
}
.subscription-banner .subscription-banner__control[data-floating-label]:not(.set--floating-label) .form-control::-webkit-input-placeholder {
  color: #757575;
}
.subscription-banner .subscription-banner__control[data-floating-label]:not(.set--floating-label) .form-control::-moz-placeholder {
  color: #757575;
}
.subscription-banner .subscription-banner__control[data-floating-label]:not(.set--floating-label) .form-control::-ms-input-placeholder {
  color: #757575;
}
.subscription-banner .subscription-banner__control[data-floating-label]:not(.set--floating-label) .form-control::placeholder {
  color: #757575;
}
[lang=fr] .subscription-banner .subscription-banner__control[data-floating-label]:not(.set--floating-label) .form-control::-webkit-input-placeholder {
  font-size: 0.875rem;
}
[lang=fr] .subscription-banner .subscription-banner__control[data-floating-label]:not(.set--floating-label) .form-control::-moz-placeholder {
  font-size: 0.875rem;
}
[lang=fr] .subscription-banner .subscription-banner__control[data-floating-label]:not(.set--floating-label) .form-control::-ms-input-placeholder {
  font-size: 0.875rem;
}
[lang=fr] .subscription-banner .subscription-banner__control[data-floating-label]:not(.set--floating-label) .form-control::placeholder {
  font-size: 0.875rem;
}
.subscription-banner .subscription-banner__control[data-floating-label]:not(.set--floating-label) .form-control:-ms-input-placeholder {
  color: #757575;
}
.subscription-banner .subscription-banner__control[data-floating-label].set--floating-label .form-control::-webkit-input-placeholder {
  color: transparent;
}
.subscription-banner .subscription-banner__control[data-floating-label].set--floating-label .form-control::-moz-placeholder {
  color: transparent;
}
.subscription-banner .subscription-banner__control[data-floating-label].set--floating-label .form-control::-ms-input-placeholder {
  color: transparent;
}
.subscription-banner .subscription-banner__control[data-floating-label].set--floating-label .form-control::placeholder {
  color: transparent;
}
.subscription-banner .subscription-banner__control[data-floating-label].set--floating-label .form-control:-ms-input-placeholder {
  color: transparent;
}
.subscription-banner .subscription-banner__control[data-floating-label].set--floating-label .subscription-banner__field {
  padding: 0.75rem 1rem 0;
}
.subscription-banner .subscription-banner__control .subscription-banner__field {
  width: 100%;
  background-color: transparent;
  padding: 0.25rem 1rem 0;
  border-right-width: 0;
}
.subscription-banner .subscription-banner__control .subscription-banner__field::-webkit-input-placeholder {
  color: #000000;
}
.subscription-banner .subscription-banner__control .subscription-banner__field::-moz-placeholder {
  color: #000000;
}
.subscription-banner .subscription-banner__control .subscription-banner__field::-ms-input-placeholder {
  color: #000000;
}
.subscription-banner .subscription-banner__control .subscription-banner__field::placeholder {
  color: #000000;
}
.subscription-banner .subscription-banner__control .form-control-label::after {
  display: none;
}
.subscription-banner .subscription-banner__control.set--floating-label .form-control-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.subscription-banner--clp {
  padding: 0 1.25rem;
}
.subscription-banner--clp .subscription-banner__control {
  margin-bottom: 1rem;
  margin-top: 0;
}
.subscription-banner--clp .subscription-banner__control .subscription-banner__field {
  border: none;
  border-bottom: 1px solid #000;
  padding-left: 0;
  width: 100%;
  background-color: transparent;
}
.subscription-banner--clp .subscription-banner__control .form-control-label {
  left: 0;
}
.subscription-banner--clp .subscription-banner__control.set--floating-label .form-control-label {
  top: -0.25rem;
}
.subscription-banner--clp .subscription-banner__action {
  height: 3.5rem;
}

@media (max-width: 47.9375rem) {
  .subscription-banner__field {
    font-size: 1rem !important;
  }
  .subscription-banner--clp {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (min-width: 48rem) {
  .subscription-banner--clp {
    padding: 0 4rem;
    background-color: #f8f8f8;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .subscription-banner--clp {
    padding: 0 4rem;
    background-color: #f8f8f8;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .subscription-cta-form {
    width: 25rem;
  }
}
@media (min-width: 64rem) {
  .subscription-banner {
    max-width: 27rem;
  }
}
.preferences-wrap {
  max-width: 25rem;
  margin: 0 auto 7.5rem;
}
@media (max-width: 47.9375rem) {
  .preferences-wrap {
    width: calc(100vw - 1.875rem);
  }
}
.preferences-wrap .form-intro__title {
  margin: 0.4375rem 0 3.0625rem;
  font-family: "Newtime R Heavy", Helvetica, Arial, sans-serif;
}
.preferences-wrap .form-intro__sub-title {
  margin-bottom: 1rem;
}
.preferences-wrap .form-section {
  margin-bottom: 1.5rem;
}
.preferences-wrap .form-custom-checkbox {
  border-bottom: 2px solid #000;
  margin-bottom: 1.25rem;
  padding-bottom: 1.875rem;
}
.preferences-wrap .form-custom-checkbox .custom-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.preferences-wrap .callout-small {
  margin: 1.375rem 0 0;
  text-align: center;
  width: 100%;
}

[data-page-motion].set--page-motion-ready {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 213ms;
          transition-duration: 213ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
[data-page-motion]:not(.set--page-motion-ready) {
  opacity: 0;
}
[data-page-motion] [data-motion].set--motion-trigger {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1);
          transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1);
}
[data-page-motion] .set--motion-opacity.set--motion-trigger {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
[data-page-motion] .set--motion-opacity:not(.set--motion-trigger) {
  opacity: 0;
}
[data-page-motion] [class*=set--motion-from-].set--motion-trigger,
[data-page-motion] [class*=set--motion-scale-].set--motion-trigger {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
[data-page-motion] .set--motion-scale-x-expand.set--motion-trigger {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 107ms;
          transition-delay: 107ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
[data-page-motion] .set--motion-scale-x-expand:not(.set--motion-trigger) {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
[data-page-motion] .set--motion-scale-expand-bounce.set--motion-trigger {
  -webkit-transition-duration: 426ms;
          transition-duration: 426ms;
  -webkit-transition-delay: 213ms;
          transition-delay: 213ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1.25);
          transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1.25);
}
[data-page-motion] .set--motion-scale-expand-bounce:not(.set--motion-trigger) {
  -webkit-transform: scale(0);
          transform: scale(0);
}
[data-page-motion] .set--motion-from-top:not(.set--motion-trigger) {
  -webkit-transform: translateY(-1rem);
          transform: translateY(-1rem);
}
[data-page-motion] .set--motion-from-bottom:not(.set--motion-trigger) {
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
}
[data-page-motion] .set--motion-from-left:not(.set--motion-trigger) {
  -webkit-transform: translateX(-1rem);
          transform: translateX(-1rem);
}
[data-page-motion] .set--motion-from-right:not(.set--motion-trigger) {
  -webkit-transform: translateX(1rem);
          transform: translateX(1rem);
}

@media (min-width: 64rem) {
  .content-grid {
    margin-top: -0.625rem;
    margin-bottom: -0.625rem;
  }
  .content-grid__item {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }
  [class*=masonry-grid__column]:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 48rem) and (max-width: 63.9375rem) {
  .content-grid {
    margin-top: -0.35rem;
    margin-bottom: -0.35rem;
  }
  .content-grid__item {
    margin-top: 0.35rem;
    margin-bottom: 0.35rem;
  }
  [class*=masonry-grid__column]:not(:last-child) {
    margin-bottom: 0.7rem;
  }
}
@media (min-width: 48rem) {
  .masonry-grid--4up {
    position: relative;
  }
  .masonry-grid--4up:before {
    display: block;
    content: "";
    padding-bottom: 64.8120300752%;
    width: 100%;
  }
  .masonry-grid--3up {
    position: relative;
  }
  .masonry-grid--3up:before {
    display: block;
    content: "";
    padding-bottom: 47.5187969925%;
    width: 100%;
  }
  .masonry-grid__column-grow-1 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
  }
  .masonry-grid__column-grow-2 {
    -webkit-box-flex: 2;
        -ms-flex: 2 1 50%;
            flex: 2 1 50%;
  }
  .masonry-grid__column-grow-3 {
    -webkit-box-flex: 3;
        -ms-flex: 3 1 75%;
            flex: 3 1 75%;
  }
  .masonry-grid__column-grow-4 {
    -webkit-box-flex: 4;
        -ms-flex: 4 1 100%;
            flex: 4 1 100%;
  }
}
@media (max-width: 47.9375rem) {
  .content-grid__item,
  .masonry-grid__item {
    margin-bottom: 1.25rem;
  }
}
.content-overlay {
  position: relative;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 426ms;
          transition-duration: 426ms;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1);
          transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1);
}
.content-overlay:focus-within {
  opacity: 1;
}
.content-overlay .content-cta-overlay,
.content-overlay .component-actions {
  z-index: 2;
}
.content-overlay .content-cta-overlay:focus {
  outline-offset: -0.25rem;
}

.content-overlay--size-large .content-overlay__title {
  font-size: 1.75rem;
}
@media screen and (min-width: 47.9375rem) {
  .content-overlay--size-large .content-overlay__title {
    font-size: calc(1.75rem + 1.75 * (100vw - 47.9375rem) / 42.0625);
  }
}
@media screen and (min-width: 90rem) {
  .content-overlay--size-large .content-overlay__title {
    font-size: 3.5rem;
  }
}
.content-overlay--size-large .content-overlay__description {
  font-size: 1.25rem;
}

.content-overlay--size-regular .content-overlay__title {
  font-size: 2rem;
}
@media screen and (min-width: 47.9375rem) {
  .content-overlay--size-regular .content-overlay__title {
    font-size: calc(2rem + 0.5 * (100vw - 47.9375rem) / 42.0625);
  }
}
@media screen and (min-width: 90rem) {
  .content-overlay--size-regular .content-overlay__title {
    font-size: 2.5rem;
  }
}

.content-overlay--size-small .content-overlay__title {
  font-size: 1.25rem;
}
@media screen and (min-width: 47.9375rem) {
  .content-overlay--size-small .content-overlay__title {
    font-size: calc(1.25rem + 0.5 * (100vw - 47.9375rem) / 42.0625);
  }
}
@media screen and (min-width: 90rem) {
  .content-overlay--size-small .content-overlay__title {
    font-size: 1.75rem;
  }
}
.content-overlay--size-small .content-overlay__description {
  font-size: 0.875rem;
}

.content-overlay--size-tiny .content-overlay__title {
  font-size: 16px;
}
.content-overlay--size-tiny .content-overlay__description {
  font-size: 0.875rem;
}

.content-overlay--ratio-square {
  position: relative;
}
.content-overlay--ratio-square:before {
  display: block;
  content: "";
  padding-bottom: 104.1666666667%;
  width: 100%;
}

.content-overlay--ratio-wide {
  position: relative;
}
.content-overlay--ratio-wide:before {
  display: block;
  content: "";
  padding-bottom: 71.4285714286%;
  width: 100%;
}

.content-overlay--ratio-tall {
  position: relative;
}
.content-overlay--ratio-tall:before {
  display: block;
  content: "";
  padding-bottom: 140%;
  width: 100%;
}

.content-overlay--ratio-inherit {
  height: 100%;
}

.content-overlay__actions {
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}

.content-overlay__cta {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.content-overlay__cta:not(:last-child) {
  margin-bottom: 0.75rem;
}

@media (min-width: 48rem) {
  .content-overlay__content-wrap {
    padding: 1.75rem;
  }
  .content-overlay__description {
    margin-top: 0.5em;
  }
  .content-overlay__actions:not(:first-child) {
    margin-top: 1rem;
  }
}
@media (max-width: 47.9375rem) {
  .content-overlay__content-wrap {
    padding: 1rem;
  }
  .content-overlay__description {
    margin-top: 0.35rem;
  }
  .content-overlay__actions:not(:first-child) {
    margin-top: 0.825rem;
  }
}
.descriptive-card {
  position: relative;
}

.descriptive-card--style-mini .descriptive-card__media {
  position: relative;
}
.descriptive-card--style-mini .descriptive-card__media:before {
  display: block;
  content: "";
  padding-bottom: 100%;
  width: 100%;
}
.descriptive-card--style-mini .descriptive-card__content-wrap {
  padding: 1rem;
}

.descriptive-card--size-large .descriptive-card__title {
  font-size: 2rem;
}
@media screen and (min-width: 47.9375rem) {
  .descriptive-card--size-large .descriptive-card__title {
    font-size: calc(2rem + 1.5 * (100vw - 47.9375rem) / 42.0625);
  }
}
@media screen and (min-width: 90rem) {
  .descriptive-card--size-large .descriptive-card__title {
    font-size: 3.5rem;
  }
}

.descriptive-card--size-regular .descriptive-card__title {
  font-size: 1.5rem;
}
@media screen and (min-width: 47.9375rem) {
  .descriptive-card--size-regular .descriptive-card__title {
    font-size: calc(1.5rem + 0.5 * (100vw - 47.9375rem) / 42.0625);
  }
}
@media screen and (min-width: 90rem) {
  .descriptive-card--size-regular .descriptive-card__title {
    font-size: 2rem;
  }
}

.descriptive-card--ratio-natural-inherit,
.descriptive-card--ratio-inherit {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.descriptive-card--ratio-natural-inherit .descriptive-card__content-wrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.descriptive-card__aspect-ratio--has-media {
  position: relative;
}

.descriptive-card__aspect-ratio--natural {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.descriptive-card__aspect-ratio--natural-inherit .descriptive-card__media,
.descriptive-card__aspect-ratio--natural-inherit .descriptive-card__media &gt; *, .descriptive-card__aspect-ratio--natural-inherit.descriptive-card__aspect-ratio--has-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.descriptive-card__aspect-ratio--natural-inherit.descriptive-card__aspect-ratio--has-media {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.descriptive-card__aspect-ratio--inherit {
  min-height: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}
.descriptive-card__aspect-ratio--inherit:before {
  display: block;
  content: "";
  padding-bottom: 75%;
  width: 100%;
}

.descriptive-card__aspect-ratio--square {
  position: relative;
}
.descriptive-card__aspect-ratio--square:before {
  display: block;
  content: "";
  padding-bottom: 104.1666666667%;
  width: 100%;
}

.descriptive-card__aspect-ratio--wide {
  position: relative;
}
.descriptive-card__aspect-ratio--wide:before {
  display: block;
  content: "";
  padding-bottom: 71.4285714286%;
  width: 100%;
}

.descriptive-card__aspect-ratio--tall {
  position: relative;
}
.descriptive-card__aspect-ratio--tall:before {
  display: block;
  content: "";
  padding-bottom: 140%;
  width: 100%;
}

.descriptive-card__actions {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.descriptive-card__cta {
  display: inline-block;
  margin-right: 0.75rem;
  margin-left: 0.75rem;
}
.descriptive-card__cta:not(:last-child) {
  margin-bottom: 1.5rem;
}

@media (min-width: 48rem) {
  .descriptive-card:not(:last-child) {
    margin-bottom: 5.25rem;
  }
  .descriptive-card--style-default .descriptive-card__content-wrap {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .descriptive-card--style-mini {
    padding-left: 0.5rem;
  }
  .descriptive-card__description {
    margin-top: 1em;
  }
  .descriptive-card__actions:not(:first-child) {
    margin-top: 1.5rem;
  }
}
@media (max-width: 47.9375rem) {
  .descriptive-card:not(:last-child) {
    margin-bottom: 1.875rem;
  }
  .descriptive-card--style-default .descriptive-card__content-wrap {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .descriptive-card__description {
    margin-top: 0.875em;
  }
  .descriptive-card__actions:not(:first-child) {
    margin-top: 1.75rem;
  }
}
.media-collection-item--size-large .media-collection-item__title {
  font-size: 3rem;
}
@media screen and (min-width: 47.9375rem) {
  .media-collection-item--size-large .media-collection-item__title {
    font-size: calc(3rem + 2.125 * (100vw - 47.9375rem) / 42.0625);
  }
}
@media screen and (min-width: 90rem) {
  .media-collection-item--size-large .media-collection-item__title {
    font-size: 5.125rem;
  }
}

.media-collection-item--size-regular .media-collection-item__title {
  font-size: 2.5rem;
}
@media screen and (min-width: 47.9375rem) {
  .media-collection-item--size-regular .media-collection-item__title {
    font-size: calc(2.5rem + 0.5 * (100vw - 47.9375rem) / 42.0625);
  }
}
@media screen and (min-width: 90rem) {
  .media-collection-item--size-regular .media-collection-item__title {
    font-size: 3rem;
  }
}

.media-collection-item--size-small .media-collection-item__title {
  font-size: 2rem;
}
@media screen and (min-width: 47.9375rem) {
  .media-collection-item--size-small .media-collection-item__title {
    font-size: calc(2rem + 0.5 * (100vw - 47.9375rem) / 42.0625);
  }
}
@media screen and (min-width: 90rem) {
  .media-collection-item--size-small .media-collection-item__title {
    font-size: 2.5rem;
  }
}

.media-collection-item__description {
  margin-top: 0.875em;
}

.media-collection-item__actions {
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}

.media-collection-item__cta {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.media-collection-item__cta:not(:last-child) {
  margin-bottom: 0.75rem;
}

@media (min-width: 48rem) {
  .media-collection__col:nth-child(n+3) {
    margin-top: 2rem;
  }
  .media-collection-item__content-wrap {
    padding: 3.5rem 1.5rem;
  }
  .media-collection-item__actions {
    margin-top: 2.125rem;
  }
  .media-collection-item__product-list:not(:first-child) {
    margin-top: 3.125rem;
  }
}
@media (max-width: 47.9375rem) {
  .media-collection__col:not(:last-child) {
    margin-bottom: 2rem;
  }
  .media-collection-item__content-wrap {
    padding: 1.5rem 1rem;
  }
  .media-collection-item__actions {
    margin-top: 1rem;
  }
  .media-collection-item__product-list:not(:first-child) {
    margin-top: 2.25rem;
  }
}
.category-tab-container .slick-list {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.category-tab__list {
  margin: 1.25rem auto;
}

.category-tab__list-item:not(:last-child) {
  border-right: 0.0625rem solid currentColor;
}

.category-tab__list-anchor {
  letter-spacing: 0.0625em;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.set--tab-selected .category-tab__list-anchor {
  color: #000000;
  text-decoration: underline;
  -webkit-text-stroke-width: 0.1rem;
}

.category-tab__content-container:not(.slick-initialized) .category-tab__content:not(:first-child) {
  display: none;
}

@media (max-width: 47.9375rem) {
  .module-container--has-outer-gutter .category-tab__content-container {
    margin-right: -1rem;
  }
}
.category-navigation__item--subcategory:not(:last-child) {
  margin-bottom: 0.75rem;
}

@media (min-width: 48rem) {
  .category-navigation {
    margin-top: 1rem;
  }
}
@media (max-width: 47.9375rem) {
  .category-navigation__title {
    margin-bottom: 1rem;
    text-align: center;
  }
  .category-navigation__panel {
    z-index: 11;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: fixed;
    left: 0.5rem;
    top: 0.5rem;
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    border-radius: 0.25rem;
    background-color: #FFF;
    -webkit-box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.25);
            box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.25);
  }
  .category-navigation__panel.toggle--active {
    -webkit-transition: visibility 0s, -webkit-transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1);
    transition: visibility 0s, -webkit-transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1);
    transition: transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 0s;
    transition: transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 0s, -webkit-transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1);
  }
  .category-navigation__panel:not(.toggle--active) {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transition: visibility 0s ease-in 213ms, -webkit-transform 213ms ease-in;
    transition: visibility 0s ease-in 213ms, -webkit-transform 213ms ease-in;
    transition: transform 213ms ease-in, visibility 0s ease-in 213ms;
    transition: transform 213ms ease-in, visibility 0s ease-in 213ms, -webkit-transform 213ms ease-in;
  }
  .category-navigation__header {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-bottom: solid 0.0625rem #eeeeee;
  }
  .category-navigation__close {
    padding: 0.75rem;
  }
  .category-navigation__list {
    overflow-y: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.html-block--size-large {
  font-size: 1.25rem;
}

.html-block--size-regular .html-block__title {
  font-size: 1.25rem;
}

.html-block--size-small {
  font-size: 0.875rem;
}

.html-block--size-tiny {
  font-size: 0.75rem;
}

.html-block__media + .html-block__copy.set--text-after {
  margin-top: 2rem;
}
.html-block__media + .html-block__copy.set--text-before {
  margin-bottom: 2rem;
}

.html-block__title:not(:last-child) {
  margin-bottom: 0.5em;
}

.html-block__actions {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.html-block__actions:not(:only-child) {
  margin-top: 1.25em;
}

.html-block__cta {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.html-block__cta:not(:last-child) {
  margin-bottom: 1rem;
}

@media (min-width: 48rem) {
  .html-block:not(:last-child),
  .html-block-list__item:not(:last-child) {
    margin-bottom: 2rem;
  }
  .html-block__copy:not(:only-child).set--text-after-large {
    margin-top: 2rem;
  }
  .html-block__copy:not(:only-child).set--text-before-large {
    margin-bottom: 2rem;
  }
}
@media (max-width: 47.9375rem) {
  .html-block:not(:last-child),
  .html-block-list__item:not(:last-child) {
    margin-bottom: 3rem;
  }
  .html-block__copy:not(:only-child).set--text-after-small {
    margin-top: 2rem;
  }
  .html-block__copy:not(:only-child).set--text-before-small {
    margin-bottom: 2rem;
  }
}
.icon-tile {
  position: relative;
  padding: 1.25rem;
}

.icon-tile__media {
  display: inline-block;
  max-width: 10rem;
  height: 3rem;
}

.icon-tile__actions {
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}

.icon-tile__cta {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.icon-tile__cta:not(:last-child) {
  margin-bottom: 0.75rem;
}

@media (min-width: 48rem) {
  .icon-tile__description {
    margin-top: 0.5em;
  }
  .icon-tile__actions:not(:first-child) {
    margin-top: 1rem;
  }
}
@media (max-width: 47.9375rem) {
  .icon-tile__description {
    margin-top: 0.35rem;
  }
  .icon-tile__actions:not(:first-child) {
    margin-top: 0.825rem;
  }
}
/*------------------------------------*\
  #CONTENT/COPY STYLES
\*------------------------------------*/
.shoppable-module--size-large .shoppable-module__title {
  font-size: 1.75rem;
}
@media screen and (min-width: 47.9375rem) {
  .shoppable-module--size-large .shoppable-module__title {
    font-size: calc(1.75rem + 1.75 * (100vw - 47.9375rem) / 42.0625);
  }
}
@media screen and (min-width: 90rem) {
  .shoppable-module--size-large .shoppable-module__title {
    font-size: 3.5rem;
  }
}
.shoppable-module--size-large .shoppable-module__description {
  font-size: 1.25rem;
}

.shoppable-module--size-regular .shoppable-module__title {
  font-size: 2rem;
}
@media screen and (min-width: 47.9375rem) {
  .shoppable-module--size-regular .shoppable-module__title {
    font-size: calc(2rem + 0.5 * (100vw - 47.9375rem) / 42.0625);
  }
}
@media screen and (min-width: 90rem) {
  .shoppable-module--size-regular .shoppable-module__title {
    font-size: 2.5rem;
  }
}

.shoppable-module--size-small .shoppable-module__title {
  font-size: 1.25rem;
}
@media screen and (min-width: 47.9375rem) {
  .shoppable-module--size-small .shoppable-module__title {
    font-size: calc(1.25rem + 0.5 * (100vw - 47.9375rem) / 42.0625);
  }
}
@media screen and (min-width: 90rem) {
  .shoppable-module--size-small .shoppable-module__title {
    font-size: 1.75rem;
  }
}
.shoppable-module--size-small .shoppable-module__description {
  font-size: 0.875rem;
}

.shoppable-module--size-tiny .shoppable-module__title {
  font-size: 16px;
}
.shoppable-module--size-tiny .shoppable-module__description {
  font-size: 0.875rem;
}

.shoppable-module__actions {
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}

.shoppable-module__cta {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.shoppable-module__cta:not(:last-child) {
  margin-bottom: 0.75rem;
}

/*------------------------------------*\
  #PIN/SPATIAL-TAGS STYLES
\*------------------------------------*/
.shoppable-module__media {
  position: relative;
}

.shoppable-module__overlay {
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1);
          transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1);
  -webkit-transition-duration: 640ms;
          transition-duration: 640ms;
}
.shoppable-module__pin {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.shoppable-module__pin-trigger {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.65);
  border-radius: 50%;
  border: solid 0.0625rem #FFF;
  -webkit-box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.5), 0 0.125rem 0.5rem rgba(0, 0, 0, 0.125);
          box-shadow: 0 0 0 0.0625rem rgba(0, 0, 0, 0.5), 0 0.125rem 0.5rem rgba(0, 0, 0, 0.125);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition-property: background-color, color, -webkit-transform;
  transition-property: background-color, color, -webkit-transform;
  transition-property: background-color, color, transform;
  transition-property: background-color, color, transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1);
          transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1);
  -webkit-transition-duration: 426ms;
          transition-duration: 426ms;
}
.shoppable-module__pin-trigger:hover {
  background-color: #FFF;
}
.shoppable-module__pin-trigger.set--pin-active {
  color: #FFF;
  background-color: #000;
  border-width: 0.125rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.shoppable-module__pin-icon {
  stroke: currentColor;
}

.shoppable-module__pin-content {
  z-index: 2;
  position: absolute;
  max-width: 85%;
  border-radius: 0.25rem;
  background-color: #FFF;
  -webkit-box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.125);
          box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.125);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1.25);
  transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1.25);
  transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1.25);
  transition: opacity 213ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 213ms cubic-bezier(0.4, 0.9, 0.3, 1), transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1.25), -webkit-transform 213ms cubic-bezier(0.4, 0.9, 0.3, 1.25);
}
.shoppable-module__pin-content.set--pin-active {
  opacity: 1;
  visibility: inherit;
}
.shoppable-module__pin-content.set--tooltip-top {
  -webkit-transform: translateX(-50%) translateY(calc(-100% - 1rem)) scale(0.8);
          transform: translateX(-50%) translateY(calc(-100% - 1rem)) scale(0.8);
}
.shoppable-module__pin-content.set--tooltip-top.set--pin-active {
  -webkit-transform: translateX(-50%) translateY(calc(-100% - 1.5rem)) scale(1);
          transform: translateX(-50%) translateY(calc(-100% - 1.5rem)) scale(1);
}
.shoppable-module__pin-content.set--tooltip-bottom {
  -webkit-transform: translateX(-50%) translateY(1rem) scale(0.8);
          transform: translateX(-50%) translateY(1rem) scale(0.8);
}
.shoppable-module__pin-content.set--tooltip-bottom.set--pin-active {
  -webkit-transform: translateX(-50%) translateY(1.5rem) scale(1);
          transform: translateX(-50%) translateY(1.5rem) scale(1);
}

.shoppable-module__pin-content--link {
  max-width: 15rem;
  text-align: center;
  white-space: nowrap;
}

.shoppable-module__pin-content--product {
  padding: 0.5rem;
}

.shoppable-module__pin-content-anchor {
  padding: 0.75em 1.25em;
}

@media (min-width: 48rem) {
  .shoppable-module__pin {
    width: 1.75rem;
    height: 1.75rem;
  }
  .shoppable-module__pin-content--product {
    width: 18rem;
  }
  .shoppable-module__content.set--text-after, .shoppable-module__content.set--text-after-large {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .shoppable-module__content.set--text-after.set--has-background, .shoppable-module__content.set--text-after-large.set--has-background {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .shoppable-module__content.set--text-before, .shoppable-module__content.set--text-before-large {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .shoppable-module__content.set--text-before.set--has-background, .shoppable-module__content.set--text-before-large.set--has-background {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .shoppable-module__description {
    margin-top: 0.5em;
  }
  .shoppable-module__actions:not(:first-child) {
    margin-top: 1rem;
  }
}
@media (max-width: 47.9375rem) {
  .shoppable-module__pin {
    width: 1.5rem;
    height: 1.5rem;
  }
  .shoppable-module__pin-content--product {
    width: 14rem;
  }
  .shoppable-module__content.set--text-after, .shoppable-module__content.set--text-after-small {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .shoppable-module__content.set--text-after.set--has-background, .shoppable-module__content.set--text-after-small.set--has-background {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .shoppable-module__content.set--text-before, .shoppable-module__content.set--text-before-small {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .shoppable-module__content.set--text-before.set--has-background, .shoppable-module__content.set--text-before-small.set--has-background {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .shoppable-module__description {
    margin-top: 0.35rem;
  }
  .shoppable-module__actions:not(:first-child) {
    margin-top: 0.825rem;
  }
}
.shoppable-module .price {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.shoppable-module__pin-trigger {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #FFF;
}

.shoppable-module__pin-content {
  text-align: left;
  white-space: normal;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  max-width: 100%;
}
.shoppable-module__pin-content.set--tooltip-wide {
  min-width: 10.9375rem;
}

.shoppable-module__pin-content-anchor {
  padding: 0.5rem 0.75rem;
}

/*# sourceMappingURL=global-btf.css.map*/</pre></body></html>