/*!**********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_tr_core/cartridge/client/default/scss/pages/search/searchMain.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * TABLE OF CONTENTS
 *
 * SETTINGS
 * Global..................Globally-available variables and config.
 *
 * TOOLS
 * Mixins..................Useful mixins.
 *
 * COMPONENTS
 *
 *
 * MODULES
 *
 */
/*------------------------------------*\
  #SETTINGS
\*------------------------------------*/
/**
 * 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
\*------------------------------------*/
/*------------------------------------*
  #TR PRIMARY COLORS
\*------------------------------------*/
/*------------------------------------*
  #TR SECONDARY COLORS
\*------------------------------------*/
/*------------------------------------*\
  #TOOLS
\*------------------------------------*/
/**
 * 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]
*/
/**
 * Custom font definition
 *
 * Example of utilization
 * @include font-face('Graphik', 'Graphik-Medium', 'graphik/medium', 500);
 */
/**
 * Position definition
 *
 * Example of utilization
 * @include absolute(top 1rem left 2rem);
 */
/**
 * Dropdown
 *
 * Example of utilization
 * @include dropdown;
 */
/*md

# Functions

This section describes core functions used for development in the project.

## Function strip-unit

Removes the unit (e.g. px, em, rem) from a value, returning the number only.

Returns the same number, sans unit.

## Function value-to-rem

**Private function**.
Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value.
By default, the base pixel value used to calculate the rem value is taken from the `$font-size-base` variable.

Returns a number in rems, calculated based on the given value and the base pixel value.
rem values are passed through as is.

## Function rem-calc

Converts one or more pixel values into matching rem values.
By default, the base pixel value used to calculate the rem value is taken from the `$font-size-base` variable.
If you need to convert a comma-separated list, wrap the list in parentheses.

Return a list of converted values.

*/
/*------------------------------------*\
  #COMPONENTS
\*------------------------------------*/
.search-results {
  margin-bottom: 5.5rem;
}

.search-results__title {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.search-results__container {
  min-height: 30rem;
}

.search-results__footer {
  position: relative;
  margin-top: 3.25rem;
}

.search-results__section {
  position: relative;
}
.search-results__section:not(.toggle--active) {
  display: none;
}

.search-results--null-page {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.search-results--null__form {
  position: relative;
  margin-top: 1.75rem;
}

.search-results--null__description {
  margin-top: 0.625rem;
}

.search-results--null__help {
  margin-top: 2rem;
}

/**
 * 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
\*------------------------------------*/
/*------------------------------------*
  #TR PRIMARY COLORS
\*------------------------------------*/
/*------------------------------------*
  #TR SECONDARY COLORS
\*------------------------------------*/
/**
 * 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]
*/
/**
 * Custom font definition
 *
 * Example of utilization
 * @include font-face('Graphik', 'Graphik-Medium', 'graphik/medium', 500);
 */
/**
 * Position definition
 *
 * Example of utilization
 * @include absolute(top 1rem left 2rem);
 */
/**
 * Dropdown
 *
 * Example of utilization
 * @include dropdown;
 */
/*md

# Functions

This section describes core functions used for development in the project.

## Function strip-unit

Removes the unit (e.g. px, em, rem) from a value, returning the number only.

Returns the same number, sans unit.

## Function value-to-rem

**Private function**.
Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value.
By default, the base pixel value used to calculate the rem value is taken from the `$font-size-base` variable.

Returns a number in rems, calculated based on the given value and the base pixel value.
rem values are passed through as is.

## Function rem-calc

Converts one or more pixel values into matching rem values.
By default, the base pixel value used to calculate the rem value is taken from the `$font-size-base` variable.
If you need to convert a comma-separated list, wrap the list in parentheses.

Return a list of converted values.

*/
.search-results--null-page {
  margin: 0 0 5rem;
  color: #000000;
}
@media (min-width: 48rem) {
  .search-results--null-page .max-width--small {
    max-width: 52.8125rem;
  }
}

.search-results__title {
  margin: 0;
}

.search-result-banner .html-block-list__item {
  flex-basis: 100%;
  max-width: 100%;
}
.search-result-banner .html-block-list__item img {
  width: 100vw;
}

.search-results--heading {
  padding-block: 2.5rem 1.5rem;
  font-size: 1.75rem;
  line-height: 110%;
  padding-inline: 1rem;
}
@media (min-width: 48rem) {
  .search-results--heading {
    padding-block: 3rem 2rem;
    font-size: 2rem;
    line-height: 110%;
    padding-inline: 4rem;
  }
}

.search-results__toolbar {
  margin-bottom: 1.5rem;
}

.search-results--null__title {
  padding: 2rem;
  font-size: 1.75rem;
  line-height: 1;
}
@media (min-width: 48rem) {
  .search-results--null__title {
    padding: 3.75rem;
    font-size: 3rem;
    line-height: 1.16;
  }
}

.search-results--null__form {
  margin: 0;
}
.search-results--null__form input {
  text-align: center;
  border: 0.0625rem solid #6E6E6E;
  max-width: 49.8125rem;
  height: 3rem;
  margin-top: 1.0625rem;
  margin-bottom: 1rem;
}
.search-results--null__form input::placeholder {
  color: #6E6E6E;
}
@media (min-width: 48rem) {
  .search-results--null__form input {
    text-align: unset;
  }
}
.search-results--null__form .search-results--null__form-input-wrapper {
  display: inline-flex;
  width: 100%;
  align-items: center;
  margin-top: 0.9375rem;
}
.search-results--null__form .search-results--null__form-submit {
  color: #FFF;
  background: #000000;
  height: 3rem;
  max-width: 3rem;
}
.search-results--null__form .search-results--null__form-submit:disabled {
  opacity: 0.7;
  pointer-events: none;
}
.search-results--null__form .search-results--null__form-submit .icon {
  height: 1.5rem;
  width: 1.5rem;
}

.search-results--null__content-heading {
  margin-bottom: 1.25rem;
}

.search-results--null__content-body {
  margin: 5rem 0;
}
@media (max-width: 47.9375rem) {
  .search-results--null__content-body {
    margin: 1.5rem 0;
  }
}

.search-results--null__content-box {
  flex-direction: column;
  width: 50%;
  margin: auto;
  gap: 16px;
}
@media (min-width: 48rem) {
  .search-results--null__content-box {
    flex-direction: row;
    width: 100%;
    gap: 12px;
  }
}
@media (max-width: 47.9375rem) {
  .search-results--null__content-box {
    width: 100%;
  }
}

.search-results-gradient {
  display: flex;
  align-items: center;
}
@media (max-width: 47.9375rem) {
  .search-results-gradient {
    justify-content: space-between;
  }
}

.search-results--null__content-link {
  color: #FFF;
  padding: 1rem 1.5rem;
  background-color: #000000;
}

.plp__block-text {
  margin: 1.75rem auto;
}

.search-results__top-block {
  margin: 2rem 2rem 1.5rem;
}
@media (min-width: 48rem) {
  .search-results__top-block {
    margin: 2rem 4.5rem 4.5rem;
  }
}
.search-results__top-block--text {
  width: 80%;
  margin: 1.5rem auto 0;
}
@media (min-width: 48rem) {
  .search-results__top-block--text {
    width: 60%;
    margin: 2rem auto;
  }
}

.search-results__footer-block {
  margin: 2.5rem 0 1.5rem;
}
@media (min-width: 48rem) {
  .search-results__footer-block {
    margin: 4.5rem 0 2rem;
  }
}
.search-results__footer-block--text {
  margin-top: 1.5rem;
}

.search-results__subcategories {
  overflow: auto;
  justify-content: flex-start;
  margin: 2rem 1rem 2rem;
  gap: 1.5rem;
}
@media (min-width: 48rem) {
  .search-results__subcategories {
    overflow: auto;
    justify-content: center;
    margin: 2rem 0 4.5rem;
  }
}
.search-results__subcategories-box {
  gap: 1.375rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 48rem) {
  .search-results__subcategories-box {
    margin-bottom: 2rem;
  }
}

.search-results__subcategory-img {
  width: 5.313rem;
  height: 5.313rem;
}
@media (min-width: 48rem) {
  .search-results__subcategory-img {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
  }
}
.search-results__subcategory-link {
  margin-top: 0.5rem;
  display: block;
}
@media (min-width: 48rem) {
  .search-results__subcategory-link {
    margin-top: 1rem;
  }
}
.search-results__subcategory-box--link {
  padding: 1.5rem;
  border: 0.0625rem solid #000000;
  flex: 0 0 30%;
}
@media (min-width: 48rem) {
  .search-results__subcategory-box--link {
    flex: 0 0 15%;
  }
}
.search-results__subcategory-imglink {
  width: 25%;
  justify-items: center;
  flex: 0 0 auto;
}
@media (min-width: 48rem) {
  .search-results__subcategory-imglink {
    width: 8%;
  }
}

@media (min-width: 48rem) {
  .search-results__nav {
    max-width: 38rem;
    margin-left: auto;
    margin-right: auto;
  }
  .search-results__toolbar {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}
@media (max-width: 47.9375rem) {
  .search-results__toolbar {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .search-results__toolbar-count {
    margin-bottom: 1.25rem;
  }
}
.search-results__nav {
  border: 0;
  margin-bottom: 1.5rem;
}
@media (min-width: 48rem) {
  .search-results__nav {
    margin-bottom: 3rem;
  }
}

.search-results__nav-item {
  padding: 0.75rem 2.5rem;
  border-bottom: 0.125rem solid #DDDDDD;
  border-radius: 0;
  color: #000000;
  font-family: "trade-gothic-next-condensed", Helvetica, Arial, sans-serif;
}
@media (min-width: 48rem) {
  .search-results__nav-item {
    padding: 0.75rem 5rem;
  }
}
.search-results__nav-item.toggle--active {
  background-color: #FFF;
  border-bottom: 0.125rem solid #000000;
  color: #000000;
}
.search-results__nav-item:hover:not(.toggle--active) {
  color: #000000;
}

.search-results__toolbar {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
@media (min-width: 48rem) {
  .search-results__toolbar {
    margin: 0 0.375rem 1.5rem;
  }
}
.search-results__toolbar-page {
  padding: 3.125rem 0 1.5rem;
  width: 100%;
  text-align: right;
  display: block;
  color: #6E6E6E;
}
@media (min-width: 48rem) {
  .search-results__toolbar-page {
    padding: 0;
    width: auto;
  }
}
.search-results__toolbar-button {
  padding: 1.25rem;
}

.list-view-switch {
  margin-top: 1.25rem;
}

.list-view-switch__icon--selected {
  display: none;
}
.set--active .list-view-switch__icon--selected {
  display: block;
}

.set--active .list-view-switch__icon--unselected {
  display: none;
}

.refinement__color,
.refinement__size {
  display: flex;
  flex-wrap: wrap;
}

.refinement__list .refinement__list {
  padding-left: 0.5rem;
}
.refinement__list:not(:first-child) {
  margin-top: 1.125rem;
}

.refinement__list-item:not(:last-child) {
  margin-bottom: 1.15em;
}

.refinement__boolean-item:not(:last-child) {
  margin-bottom: 0.75em;
}

.refinement__chip-item,
.refinement__swatch-color-item {
  margin-right: 0.625rem;
  margin-bottom: 0.625rem;
}

.applied-refinements__item:not(:last-child) {
  margin-right: 0.625rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 48rem) {
  .refinement-bar {
    position: relative;
    flex-grow: 1;
  }
  .refinement-bar__title {
    margin-bottom: 1.25rem;
  }
  .refinement-bar__body {
    padding-top: 1.75rem;
  }
  .refinement {
    padding-bottom: 1.25rem;
  }
  .refinement:not(:last-child) {
    margin-bottom: 1.25rem;
    border-bottom: solid 0.0625rem #E6E9ED;
  }
  .refinement__content {
    margin-top: 1rem;
  }
  .applied-refinements__list {
    margin-bottom: 1.25rem;
  }
}
@media (max-width: 47.9375rem) {
  .refinement-bar {
    z-index: 11;
    display: flex;
    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;
    box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.25);
  }
  .refinement-bar.refinement-bar--active {
    transition: transform 426ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 0s;
  }
  .refinement-bar:not(.refinement-bar--active) {
    visibility: hidden;
    transform: translateX(-100%);
    transition: transform 213ms ease-in, visibility 0s ease-in 213ms;
  }
  .refinement-bar__head,
  .refinement-bar__footer {
    padding-top: 1rem;
    padding-bottom: 1rem;
    flex-shrink: 0;
  }
  .refinement-bar__head {
    border-bottom: solid 0.0625rem #CCCCCC;
  }
  .refinement-bar__footer {
    border-top: solid 0.0625rem #CCCCCC;
  }
  .refinement-bar__body {
    overflow-y: auto;
    flex-grow: 1;
  }
  .refinement:not(:last-child) {
    border-bottom: solid 0.0625rem #CCCCCC;
  }
  .refinement__header {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .refinement__header.refinement--active .refinement__header-icon {
    transform: scale(-1);
  }
  .refinement__content {
    padding-bottom: 1rem;
  }
  .refinement__content.refinement--active {
    display: none;
  }
  .refinement__icon-collapsed,
  .refinement__icon-expanded {
    position: absolute;
    right: 0;
  }
  .applied-refinements__list {
    margin-bottom: 2.25rem;
  }
}
.refinement-bar__head-label {
  font-family: "trade-gothic-next-condensed", Helvetica, Arial, sans-serif;
  line-height: 1.125rem;
}

@media (max-width: 47.9375rem) {
  .refinement-bar__head {
    border: none;
    padding-bottom: 2rem;
  }
}

@media (min-width: 48rem) {
  .sidebar {
    will-change: min-height;
  }
  .sidebar__inner {
    transform: translate(0, 0); /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
  }
  .refinement__list-item,
  .refinement__boolean-item,
  .refinement__swatch-color-item {
    font-size: 1rem;
  }
  .refinement__chip-item {
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .chip {
    width: 3.645625rem;
    height: 2.291875rem;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
  }
  .refinement__content {
    padding-bottom: 0;
  }
  .refinement:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
.refinement__icon-collapsed,
.refinement__icon-expanded {
  position: absolute;
  right: 0;
}

.refinement__list-item,
.refinement__boolean-item,
.refinement__swatch-color-item,
.refinement__chip-item {
  color: #000000;
  font-weight: 400;
}

.refinement__chip-anchor {
  font-weight: 400;
}

@media (max-width: 47.9375rem) {
  .refinement {
    margin-top: 0.625rem;
  }
}
.refinement:not(:last-child) {
  border-color: #DDDDDD;
}
@media (max-width: 47.9375rem) {
  .refinement:not(:last-child) {
    border-color: #F2F2F2;
  }
}
@media (min-width: 48rem) {
  .refinement {
    padding-bottom: 1.5rem;
  }
}
.refinement__header .refinement__type {
  font-family: "trade-gothic-next-condensed", Helvetica, Arial, sans-serif;
  line-height: 1.125rem;
}
.refinement__color {
  flex-direction: column;
}
.refinement__size {
  max-width: 13.125rem;
}
.refinement__list-item .form-check-input:checked + .form-check-label,
.refinement__list-item .form-check-label.set--checked,
.refinement__list-item .form-check-label.toggle--active, .refinement__boolean-item .form-check-input:checked + .form-check-label,
.refinement__boolean-item .form-check-label.set--checked,
.refinement__boolean-item .form-check-label.toggle--active {
  color: inherit;
}
.refinement__list-item .form-check-input:checked + .form-check-label:before,
.refinement__list-item .form-check-label.set--checked:before,
.refinement__list-item .form-check-label.toggle--active:before, .refinement__boolean-item .form-check-input:checked + .form-check-label:before,
.refinement__boolean-item .form-check-label.set--checked:before,
.refinement__boolean-item .form-check-label.toggle--active:before {
  background-color: #FFF;
  border-color: #000000;
}
.refinement__list-item .form-check-input:checked + .form-check-label:after,
.refinement__list-item .form-check-label.set--checked:after,
.refinement__list-item .form-check-label.toggle--active:after, .refinement__boolean-item .form-check-input:checked + .form-check-label:after,
.refinement__boolean-item .form-check-label.set--checked:after,
.refinement__boolean-item .form-check-label.toggle--active:after {
  opacity: 1;
  transform: scale(1);
  content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 24 18'%3E%3Cpath fill='%23000000' d='M23.543 2.371L21.171 0 8.286 12.886 2.371 6.971 0 9.343l7.629 7.628v-.028l.657.657z' /%3E%3C/svg%3E");
}
.refinement__chip-item .chip.selected {
  border-color: #000000;
  background-color: #000000;
  color: #FFF;
}
.refinement.refinement--active .refinement__icon-collapsed {
  display: inline-block;
}
.refinement.refinement--active .refinement__icon-expanded {
  display: none;
}
.refinement .refinement__icon-collapsed {
  display: none;
}
.refinement .refinement__icon-expanded {
  display: inline-block;
  transform: rotate(90deg);
}
.refinement .load-more,
.refinement .show-less {
  font-size: 0.875rem;
  color: #6E6E6E;
  line-height: 1.25rem;
}
.refinement__swatch-color-item {
  gap: 1rem;
  margin-bottom: 1rem;
}
.refinement__swatch-color-item:last-child {
  margin-bottom: 0;
}
.refinement__swatch-color-item .swatch--color {
  width: 0.75rem;
  height: 0.75rem;
  display: block;
  border: none;
  flex: none;
}
.refinement__swatch-color-item .swatch--color-white {
  border: 0.0625rem solid #888888;
}

.refinement__content.refinement--active {
  display: none;
}

.search-results__sort-dropdown {
  font-family: "trade-gothic-next-condensed", Helvetica, Arial, sans-serif;
  line-height: 1.125rem;
}
@media (max-width: 47.9375rem) {
  .search-results__sort-dropdown .list--reset {
    margin-top: 1rem;
  }
}
@media (max-width: 47.9375rem) {
  .search-results__sort-dropdown .list--reset li {
    margin-top: 1rem;
  }
}
.search-results__sort-dropdown .list--reset a {
  line-height: 1.125rem;
  font-family: "trade-gothic-next", Helvetica, Arial, sans-serif;
  color: #000000;
  font-size: 0.875rem;
}
.search-results__sort-dropdown .list--reset a.selected {
  font-weight: 400;
}
@media (max-width: 47.9375rem) {
  .search-results__sort-dropdown .list--reset a {
    display: flex;
    align-items: center;
  }
  .search-results__sort-dropdown .list--reset a .icon {
    margin-inline-end: 0.75rem;
  }
}

@media (max-width: 47.9375rem) {
  .refinement-bar {
    display: block;
    overflow-y: scroll;
    padding-bottom: 5.313rem;
  }
}
@media (min-width: 48rem) {
  .refinement-bar__body {
    padding-top: 0;
    margin-top: 0;
    border-top: 0.063rem solid #DDDDDD;
  }
}
@media (min-width: 48rem) {
  .refinement-bar__title {
    margin: 1.5rem 0;
  }
}
@media (max-width: 47.9375rem) {
  .refinement-bar__footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: white;
    padding-right: 2rem;
  }
}
.refinement-bar__footer .button-show-results {
  height: 3rem;
  font-family: "trade-gothic-next-condensed", Helvetica, Arial, sans-serif;
  line-height: 1.125rem;
}
@media (max-width: 47.9375rem) {
  .refinement-bar__footer .button-show-results {
    padding: 0;
  }
}
.refinement-bar__reset {
  padding: 0;
}
@media (max-width: 47.9375rem) {
  .refinement-bar__reset {
    padding: 1rem 0 0.5rem;
  }
}
.refinement-bar__reset button {
  line-height: 1.125rem;
  color: #6E6E6E;
}
@media (min-width: 48rem) {
  .refinement-bar__reset button {
    line-height: 1.25rem;
  }
}
@media (max-width: 47.9375rem) {
  .refinement-bar .country-selector.globale-selector,
  .refinement-bar .language-label {
    display: none;
  }
  .refinement-bar .dropdown.language-selector {
    padding: 0;
  }
  .refinement-bar .language-selector .language_title {
    margin-bottom: 1rem;
    margin-left: 0;
  }
  .refinement-bar .language-selector .language-items {
    padding: 0;
    margin-bottom: 1rem;
  }
  .refinement-bar .language-selector .dropdown-menu.dropdown--language-language {
    display: block;
    position: relative;
    border: none;
    margin-bottom: 24px;
  }
  .refinement-bar .language-selector .dropdown-menu.dropdown--language-language .header-flyout__back {
    display: none;
  }
}

@media (max-width: 47.9375rem) {
  .applied-refinements__list {
    border-top: 0.063rem solid #F2F2F2;
    padding-top: 1rem;
    padding-bottom: 10rem;
  }
}
.applied-refinements__item .pill {
  border: none;
  color: #6E6E6E;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.125rem;
}
@media (max-width: 47.9375rem) {
  .applied-refinements__item .pill {
    font-size: 0.875rem;
  }
}
.applied-refinements__item .pill:hover {
  background-color: #FFF;
}
.applied-refinements__item .link {
  font-size: 1rem;
  padding: 0.3em 0.85em;
  padding-left: 0.5em;
}
@media (max-width: 47.9375rem) {
  .applied-refinements__item .link {
    font-size: 0.875rem;
  }
}
.applied-refinements__item .swatch--color {
  margin-left: 0.3125rem;
}

@supports (display: grid) {
  .product-grid {
    display: grid;
  }
  .product-grid__item {
    flex-basis: auto;
    max-width: none;
  }
  .search-results__footer {
    grid-column: 1/-1;
  }
}
@media (min-width: 64.0625rem) {
  .product-grid--view-grid {
    grid-template-columns: repeat(4, 25%);
  }
  .product-grid--view-feed {
    grid-template-columns: repeat(2, 50%);
  }
  .product-grid__item--interrupter {
    grid-row: span var(--interrupter-row-size, 2);
  }
}
@media (min-width: 48rem) and (max-width: 64rem) {
  .product-grid--view-grid {
    grid-template-columns: repeat(3, 33.3333333333%);
  }
  .product-grid--view-feed {
    grid-template-columns: repeat(2, 50%);
  }
}
@media (min-width: 48rem) {
  @supports (display: grid) {
    .product-grid__item--interrupter {
      grid-column: span var(--interrupter-col-size, 1);
    }
  }
}
@media (max-width: 47.9375rem) {
  .product-grid--view-grid {
    grid-template-columns: repeat(2, 50%);
  }
  .product-grid--view-feed {
    grid-template-columns: repeat(1, 100%);
  }
}
.search-results__content-item:not(:last-child) {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: solid 0.0625rem #CCCCCC;
}

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