.ais-Breadcrumb-list,
.ais-CurrentRefinements-list,
.ais-FrequentlyBoughtTogether-list,
.ais-HierarchicalMenu-list,
.ais-Hits-list,
.ais-InfiniteHits-list,
.ais-InfiniteResults-list,
.ais-LookingSimilar-list,
.ais-Menu-list,
.ais-NumericMenu-list,
.ais-Pagination-list,
.ais-RatingMenu-list,
.ais-RefinementList-list,
.ais-RelatedProducts-list,
.ais-Results-list,
.ais-ToggleRefinement-list,
.ais-TrendingItems-list {
margin: 0;
padding: 0;
list-style: none
}
.ais-ClearRefinements-button,
.ais-CurrentRefinements-delete,
.ais-CurrentRefinements-reset,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset,
.ais-HierarchicalMenu-showMore,
.ais-InfiniteHits-loadMore,
.ais-InfiniteHits-loadPrevious,
.ais-InfiniteResults-loadMore,
.ais-Menu-showMore,
.ais-RangeInput-submit,
.ais-RefinementList-showMore,
.ais-SearchBox-reset,
.ais-SearchBox-submit,
.ais-VoiceSearch-button {
padding: 0;
overflow: visible;
font: inherit;
line-height: normal;
color: inherit;
background: none;
border: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.ais-ClearRefinements-button::-moz-focus-inner,
.ais-CurrentRefinements-delete::-moz-focus-inner,
.ais-CurrentRefinements-reset::-moz-focus-inner,
.ais-GeoSearch-redo::-moz-focus-inner,
.ais-GeoSearch-reset::-moz-focus-inner,
.ais-HierarchicalMenu-showMore::-moz-focus-inner,
.ais-InfiniteHits-loadMore::-moz-focus-inner,
.ais-InfiniteHits-loadPrevious::-moz-focus-inner,
.ais-InfiniteResults-loadMore::-moz-focus-inner,
.ais-Menu-showMore::-moz-focus-inner,
.ais-RangeInput-submit::-moz-focus-inner,
.ais-RefinementList-showMore::-moz-focus-inner,
.ais-SearchBox-reset::-moz-focus-inner,
.ais-SearchBox-submit::-moz-focus-inner,
.ais-VoiceSearch-button::-moz-focus-inner {
padding: 0;
border: 0
}
.ais-ClearRefinements-button[disabled],
.ais-CurrentRefinements-delete[disabled],
.ais-CurrentRefinements-reset[disabled],
.ais-GeoSearch-redo[disabled],
.ais-GeoSearch-reset[disabled],
.ais-HierarchicalMenu-showMore[disabled],
.ais-InfiniteHits-loadMore[disabled],
.ais-InfiniteHits-loadPrevious[disabled],
.ais-InfiniteResults-loadMore[disabled],
.ais-Menu-showMore[disabled],
.ais-RangeInput-submit[disabled],
.ais-RefinementList-showMore[disabled],
.ais-SearchBox-reset[disabled],
.ais-SearchBox-submit[disabled],
.ais-VoiceSearch-button[disabled] {
cursor: default
}
.ais-HierarchicalMenu-showMore,
.ais-InfiniteHits-loadMore,
.ais-InfiniteHits-loadPrevious,
.ais-Menu-showMore,
.ais-RefinementList-showMore {
overflow-anchor: none
}
.ais-Breadcrumb-item,
.ais-Breadcrumb-list,
.ais-Pagination-list,
.ais-PoweredBy,
.ais-RangeInput-form,
.ais-RatingMenu-link {
display: flex;
align-items: center
}
.ais-GeoSearch,
.ais-GeoSearch-map {
height: 100%
}
.ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
margin-left: 1em
}
.ais-PoweredBy-logo {
display: block;
height: 1.2em;
width: auto
}
.ais-PoweredBy-text {
margin-right: .3rem
}
.ais-RatingMenu-starIcon {
display: block;
width: 20px;
height: 20px
}
.ais-SearchBox-input::-ms-clear,
.ais-SearchBox-input::-ms-reveal {
display: none;
width: 0;
height: 0
}
.ais-SearchBox-input::-webkit-search-cancel-button,
.ais-SearchBox-input::-webkit-search-decoration,
.ais-SearchBox-input::-webkit-search-results-button,
.ais-SearchBox-input::-webkit-search-results-decoration {
display: none
}
.ais-RangeSlider .rheostat {
overflow: visible;
margin-top: 40px;
margin-bottom: 40px
}
.ais-RangeSlider .rheostat-background {
height: 6px;
top: 0;
width: 100%
}
.ais-RangeSlider .rheostat-handle {
margin-left: -12px;
top: -7px
}
.ais-RangeSlider .rheostat-background {
position: relative;
background-color: #fff;
border: 1px solid #aaa
}
.ais-RangeSlider .rheostat-progress {
position: absolute;
top: 1px;
background-color: #333
}
.rheostat-handle {
position: relative;
z-index: 1;
width: 20px;
height: 20px;
background-color: #fff;
border: 1px solid #333;
border-radius: 50%;
cursor: grab
}
.rheostat-marker {
margin-left: -1px;
position: absolute;
width: 1px;
height: 5px;
background-color: #aaa
}
.rheostat-marker--large {
height: 9px
}
.rheostat-value {
padding-top: 15px
}
.rheostat-tooltip,
.rheostat-value {
margin-left: 50%;
position: absolute;
text-align: center;
transform: translateX(-50%)
}
.rheostat-tooltip {
top: -22px
}
[class^=ais-] {
box-sizing: border-box
}
.ais-VoiceSearch-button:disabled,
[class^=ais-][class$="--disabled"],
[class^=ais-][class$="--disabled"] * {
cursor: not-allowed
}
.ais-ClearRefinements-button,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset,
.ais-HierarchicalMenu-showMore,
.ais-InfiniteHits-loadMore,
.ais-InfiniteHits-loadPrevious,
.ais-Menu-showMore,
.ais-Pagination-link,
.ais-RangeInput-submit,
.ais-RefinementList-showMore,
.ais-RelevantSort-button,
.ais-VoiceSearch-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
background-image: linear-gradient(-180deg, #fff, #fcfcfd);
border: 1px solid #d6d6e7;
border-radius: 3px;
box-shadow: 0 1px 0 0 rgba(35, 38, 59, .05);
color: #23263b;
cursor: pointer;
display: inline-flex;
font-size: .875rem;
font-weight: 400;
height: 2rem;
justify-content: center;
line-height: 1.25rem;
padding: 0 1rem;
place-items: center;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.ais-GeoSearch-redo,
.ais-GeoSearch-reset,
.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore {
height: 1.5rem
}
.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore {
margin-top: 1rem
}
.ais-ClearRefinements-button:hover,
.ais-GeoSearch-redo:hover,
.ais-GeoSearch-reset:hover,
.ais-HierarchicalMenu-showMore:hover,
.ais-InfiniteHits-loadMore:hover,
.ais-InfiniteHits-loadPrevious:hover,
.ais-Menu-showMore:hover,
.ais-Pagination-item:not(.ais-Pagination-item--selected):not(.ais-Pagination-item--disabled) .ais-Pagination-link:hover,
.ais-RangeInput-submit:hover,
.ais-RefinementList-showMore:hover,
.ais-VoiceSearch-button:hover {
background-image: linear-gradient(-180deg, #fff, #f5f5fa);
border-color: #d6d6e7
}
.ais-ClearRefinements-button:focus,
.ais-GeoSearch-redo:focus,
.ais-GeoSearch-reset:focus,
.ais-HierarchicalMenu-showMore:focus,
.ais-InfiniteHits-loadMore:focus,
.ais-InfiniteHits-loadPrevious:focus,
.ais-Menu-showMore:focus,
.ais-RangeInput-submit:focus,
.ais-RefinementList-showMore:focus,
.ais-VoiceSearch-button:focus {
background-image: linear-gradient(-180deg, #fff, #f5f5fa);
border-color: #3c4fe0;
box-shadow: 0 0 0 1px #3c4fe0, 0 2px 0 1px rgba(35, 38, 59, .05);
outline: medium none currentcolor
}
.ais-ClearRefinements-button:active,
.ais-GeoSearch-redo:active,
.ais-GeoSearch-reset:active,
.ais-HierarchicalMenu-showMore:active,
.ais-InfiniteHits-loadMore:active,
.ais-InfiniteHits-loadPrevious:active,
.ais-Menu-showMore:active,
.ais-Pagination-item--selected .ais-Pagination-link,
.ais-Pagination-link:active,
.ais-RefinementList-showMore:active,
.ais-VoiceSearch-button:active {
border-color: #d6d6e7;
box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, .4), inset 0 1px 1px 0 rgba(119, 122, 175, .4), 0 1px 0 0 rgba(35, 38, 59, .05)
}
.ais-ClearRefinements-button:disabled[disabled],
.ais-GeoSearch-redo--disabled,
.ais-GeoSearch-reset--disabled,
.ais-InfiniteHits-loadMore:disabled[disabled],
.ais-InfiniteHits-loadPrevious:disabled[disabled],
.ais-Pagination-item--disabled .ais-Pagination-link,
.ais-VoiceSearch-button:disabled {
background-image: linear-gradient(-180deg, #fff, #f5f5fa);
border-color: #efeff5;
box-shadow: none;
color: #b6b7d5
}
.ais-HierarchicalMenu-showMore--disabled[disabled],
.ais-Menu-showMore--disabled[disabled],
.ais-RefinementList-showMore--disabled[disabled] {
display: none
}
.ais-HierarchicalMenu-item,
.ais-Menu-item,
.ais-NumericMenu-label,
.ais-RatingMenu-item,
.ais-RefinementList-item,
.ais-ToggleRefinement-label {
display: block;
font-size: .875rem;
line-height: 1.75rem
}
.ais-HierarchicalMenu-link,
.ais-Menu-link,
.ais-RatingMenu-link,
.ais-RefinementList-label {
align-items: center;
cursor: pointer;
display: flex;
flex-wrap: nowrap
}
.ais-Breadcrumb-link,
.ais-HierarchicalMenu-link,
.ais-Menu-link,
.ais-RatingMenu-link {
color: inherit;
text-decoration: none
}
.ais-Breadcrumb-link:hover {
text-decoration: underline
}
.ais-HierarchicalMenu-label,
.ais-Menu-label,
.ais-RefinementList-labelText {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.ais-HierarchicalMenu-item--selected>.ais-HierarchicalMenu-link>.ais-HierarchicalMenu-label,
.ais-Menu-item--selected .ais-Menu-label,
.ais-RatingMenu-item--selected,
.ais-RefinementList-item--selected {
font-weight: 600
}
.ais-HierarchicalMenu-count,
.ais-Menu-count,
.ais-RatingMenu-count,
.ais-RefinementList-count,
.ais-ToggleRefinement-count {
background: #f5f5fa none repeat scroll 0 0;
border: 1px solid #b6b7d5;
border-radius: 99999px;
color: #23263b;
display: inline-flex;
flex-shrink: 0;
font-size: .75rem;
font-weight: 400;
line-height: 1rem;
margin-left: .5rem;
overflow: hidden;
padding: 0 .25rem
}
.ais-HierarchicalMenu-noResults,
.ais-Menu-noResults,
.ais-RefinementList-noResults {
color: #5a5e9a;
font-size: .875rem;
line-height: 1.25rem;
margin-top: 1rem
}
.ais-HitsPerPage-select,
.ais-MenuSelect-select,
.ais-SortBy-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
background-image: url('data:image/svg+xml;utf8,'), linear-gradient(-180deg, #fff, #fcfcfd);
background-position: right 1rem center, 0 0;
background-repeat: no-repeat;
background-size: 10px, auto;
border: 1px solid #d6d6e7;
border-radius: 3px;
box-shadow: 0 1px 0 0 rgba(35, 38, 59, .05);
color: #23263b;
cursor: pointer;
font: inherit;
height: 2.5rem;
outline: medium none currentcolor;
padding: 0 2.5rem 0 1rem;
position: relative;
width: 100%
}
.ais-HitsPerPage-select:-moz-focusring,
.ais-HitsPerPage-select::-moz-focus-inner,
.ais-SortBy-select:-moz-focusring,
.ais-SortBy-select::-moz-focus-inner {
color: transparent;
outline: medium none currentcolor
}
.ais-HitsPerPage-select>option:not(:checked),
.ais-SortBy-select>option:not(:checked) {
color: #23263b
}
.ais-HitsPerPage-select>option:disabled,
.ais-SortBy-select>option:disabled {
color: #b6b7d5
}
.ais-HitsPerPage-select:hover,
.ais-SortBy-select:hover {
background-image: url('data:image/svg+xml;utf8,'), linear-gradient(-180deg, #fcfcfd, #f5f5fa);
border-color: #d6d6e7
}
.ais-HitsPerPage-select:focus,
.ais-SortBy-select:focus {
background-image: url('data:image/svg+xml;utf8,'), linear-gradient(-180deg, #fff, #f5f5fa);
border-color: #3c4fe0;
box-shadow: 0 0 0 1px #3c4fe0, 0 2px 0 0 rgba(35, 38, 59, .05)
}
.ais-HitsPerPage-select:disabled,
.ais-SortBy-select:disabled {
background-image: url('data:image/svg+xml;utf8,'), linear-gradient(-180deg, #fff, #f5f5fa);
border-color: #efeff5;
box-shadow: none;
color: #b6b7d5;
cursor: not-allowed
}
.ais-Panel {
margin-bottom: 2rem
}
.ais-Panel-header {
margin-bottom: 1rem;
text-transform: uppercase
}
.ais-Panel-footer,
.ais-Panel-header {
color: #5a5e9a;
font-size: .75rem;
font-weight: 600;
line-height: 1rem
}
.ais-Panel-footer {
margin-top: 1rem
}
.ais-Panel--collapsible {
position: relative
}
.ais-Panel--collapsible .ais-Panel-collapseButton {
background: none;
border: none;
padding: 0;
position: absolute;
right: 0;
top: 0
}
.ais-Panel--collapsed .ais-Panel-body,
.ais-Panel--collapsed .ais-Panel-footer {
display: none
}
.ais-SearchBox-form {
background-color: #fff;
display: flex;
font-size: .875rem;
height: 2.5rem;
line-height: 1.25rem;
position: relative;
width: 100%
}
.ais-SearchBox-form:before {
background: transparent url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235a5e9a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2216.65%22%20y2%3D%2216.65%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") repeat scroll 0 0;
content: "";
height: 1rem;
left: 1rem;
margin-top: -.5rem;
position: absolute;
top: 50%;
width: 1rem
}
.ais-SearchBox-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border: 1px solid #d6d6e7;
border-radius: 3px;
box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, .3);
caret-color: #5a5e9a;
color: #23263b;
flex: 1 1 0%;
font: inherit;
max-width: 100%;
padding-left: 2.5rem
}
.ais-SearchBox-input::-moz-placeholder {
color: #5a5e9a
}
.ais-SearchBox-input::placeholder {
color: #5a5e9a
}
.ais-SearchBox-input:focus {
border-color: #3c4fe0;
box-shadow: 0 1px 0 0 rgba(35, 38, 59, .05);
outline: medium none currentcolor
}
.ais-SearchBox-input:disabled {
background: transparent linear-gradient(-180deg, #fff, #f5f5fa) repeat scroll 0 0;
border-color: #efeff5;
box-shadow: none;
cursor: not-allowed
}
.ais-SearchBox-input:disabled::-moz-placeholder {
color: #b6b7d5;
pointer-events: none
}
.ais-SearchBox-input:disabled::placeholder {
color: #b6b7d5;
pointer-events: none
}
.ais-SearchBox-input::-webkit-search-cancel-button,
.ais-SearchBox-input::-webkit-search-decoration,
.ais-SearchBox-input::-webkit-search-results-button,
.ais-SearchBox-input::-webkit-search-results-decoration {
-webkit-appearance: none;
appearance: none
}
.ais-SearchBox-loadingIndicator,
.ais-SearchBox-reset {
align-items: center;
border-radius: 50%;
display: flex;
fill: #484c7a;
height: 20px;
justify-content: center;
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
width: 20px
}
.ais-SearchBox-reset:focus {
background: #b6b7d5;
fill: #fff;
outline: 0
}
.ais-RefinementList-searchBox .ais-SearchBox-loadingIndicator,
.ais-RefinementList-searchBox .ais-SearchBox-reset {
right: .5rem
}
.ais-SearchBox-loadingIndicator[hidden],
.ais-SearchBox-reset[hidden],
.ais-SearchBox-submit {
display: none
}
.ais-Menu-searchBox,
.ais-RefinementList-searchBox {
margin-bottom: .5rem
}
.ais-Menu-searchBox .ais-SearchBox-form,
.ais-RefinementList-searchBox .ais-SearchBox-form {
height: 2rem
}
.ais-Menu-searchBox .ais-SearchBox-form:before,
.ais-RefinementList-searchBox .ais-SearchBox-form:before {
left: .5rem
}
.ais-Menu-searchBox .ais-SearchBox-input,
.ais-RefinementList-searchBox .ais-SearchBox-input {
padding-left: 2rem
}
.ais-VoiceSearch-button {
color: #5a5e9a;
height: 48px;
width: 48px
}
.ais-VoiceSearch-button svg {
color: currentcolor
}
.ais-Highlight-highlighted,
.ais-Snippet-highlighted {
background-color: rgba(84, 104, 255, .1);
color: #5468ff;
font-style: normal
}
.ais-ReverseHighlight-highlighted,
.ais-ReverseSnippet-highlighted {
font-weight: 700;
font-style: normal;
background: none
}
.ais-FrequentlyBoughtTogether-item,
.ais-Hits-item,
.ais-InfiniteHits-item,
.ais-LookingSimilar-item,
.ais-RelatedProducts-item,
.ais-TrendingItems-item {
align-items: center;
background: #fff;
box-shadow: 0 0 0 1px rgba(35, 38, 59, .05), 0 1px 3px 0 rgba(35, 38, 59, .15);
display: flex;
font-size: .875rem;
font-weight: 400;
line-height: 1.25rem;
padding: 1.5rem
}
.ais-FrequentlyBoughtTogether-item:first-of-type,
.ais-Hits-item:first-of-type,
.ais-InfiniteHits-item:first-of-type,
.ais-LookingSimilar-item:first-of-type,
.ais-RelatedProducts-item:first-of-type,
.ais-TrendingItems-item:first-of-type {
border-radius: 3px 3px 0 0
}
.ais-FrequentlyBoughtTogether-item:last-of-type,
.ais-Hits-item:last-of-type,
.ais-InfiniteHits-item:last-of-type,
.ais-LookingSimilar-item:last-of-type,
.ais-RelatedProducts-item:last-of-type,
.ais-TrendingItems-item:last-of-type {
border-radius: 0 0 3px 3px
}
.ais-FrequentlyBoughtTogether-item:only-of-type,
.ais-Hits-item:only-of-type,
.ais-InfiniteHits-item:only-of-type,
.ais-LookingSimilar-item:only-of-type,
.ais-RelatedProducts-item:only-of-type,
.ais-TrendingItems-item:only-of-type {
border-radius: 3px
}
.ais-InfiniteHits-loadMore,
.ais-InfiniteHits-loadPrevious {
display: flex;
margin: 1rem auto
}
.ais-Hits-banner,
.ais-InfiniteHits-banner {
display: flex;
justify-content: center
}
.ais-Hits-banner-image,
.ais-InfiniteHits-banner-image {
max-width: 100%
}
.ais-GeoSearch {
position: relative
}
.ais-GeoSearch-control {
left: 3.75rem;
position: absolute;
top: 1rem
}
.ais-GeoSearch-label {
align-items: center;
background-color: #f5f5fa;
border: 1px solid #b6b7d5;
border-radius: 3px;
cursor: pointer;
display: inline-flex;
font-size: .875rem;
line-height: 1.5;
min-height: 1.5rem;
padding: .25rem .5rem
}
.ais-GeoSearch-label,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset {
white-space: nowrap
}
.ais-GeoSearch-reset {
bottom: 1.25rem;
left: 50%;
position: absolute;
transform: translateX(-50%)
}
.ais-GeoSearch-input,
.ais-RefinementList-checkbox {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
background-position: 50%;
background-size: 180%;
border: 1px solid;
border-radius: 3px;
box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, .4);
color: #d6d6e7;
cursor: inherit;
height: 1rem;
margin: 0 .5rem 0 0;
min-width: 1rem
}
.ais-GeoSearch-input:checked,
.ais-RefinementList-item--selected .ais-RefinementList-checkbox {
background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235468ff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2220%206%209%2017%204%2012%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
background-size: 14px;
border-color: currentcolor;
box-shadow: inset 0 1px 0 0 rgba(35, 38, 59, .05);
color: #3c4fe0
}
.ais-GeoSearch-input:focus,
.ais-RefinementList-checkbox:focus {
outline: medium none currentcolor
}
.ais-GeoSearch-input:checked:focus,
.ais-RefinementList-item--selected .ais-RefinementList-checkbox:focus {
box-shadow: inset 0 1px 0 0 rgba(35, 38, 59, .05), 0 0 0 1px currentcolor
}
.ais-NumericMenu-label {
align-items: center;
cursor: pointer;
display: flex
}
.ais-NumericMenu-radio {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
border: 1px solid #d6d6e7;
border-radius: 50%;
box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, .3);
height: 16px;
margin: 0 .5rem 0 0;
outline: 0;
position: relative;
width: 16px
}
.ais-NumericMenu-radio:checked,
.ais-NumericMenu-radio:focus {
border-color: #3c4fe0;
box-shadow: 0 1px 0 0 rgba(35, 38, 59, .05)
}
.ais-NumericMenu-radio:focus {
box-shadow: 0 0 0 1px #3c4fe0, 0 1px 0 0 rgba(35, 38, 59, .05)
}
.ais-NumericMenu-radio:checked:after {
background: #3c4fe0;
border-radius: 50%;
bottom: 4px;
content: "";
left: 4px;
position: absolute;
right: 4px;
top: 4px
}
.ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
margin-left: 1.5rem
}
.ais-HierarchicalMenu-link:before {
background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23b6b7d5%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2218%2015%2012%209%206%2015%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
content: "";
display: inline-block;
height: 1rem;
margin-right: .5rem;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 1rem
}
.ais-HierarchicalMenu-item--selected>.ais-HierarchicalMenu-link:before {
background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235468ff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E")
}
.ais-RatingMenu-starIcon {
margin-right: .25rem;
fill: #5a5e9a;
position: relative;
width: 16px
}
.ais-RatingMenu-item--disabled .ais-RatingMenu-starIcon {
fill: #b6b7d5
}
.ais-RatingMenu-item--disabled .ais-RatingMenu-count,
.ais-RatingMenu-item--disabled .ais-RatingMenu-label {
color: #b6b7d5
}
.ais-ClearRefinements-button {
width: 100%
}
.ais-CurrentRefinements-list {
display: inline-grid;
gap: 1rem;
grid-auto-flow: column
}
.ais-CurrentRefinements-item {
align-items: center;
background-color: #f5f5fa;
border: 1px solid #b6b7d5;
border-radius: 3px;
display: flex;
display: inline-flex;
font-size: .875rem;
line-height: 1.5;
min-height: 1.5rem;
padding: .05rem .5rem
}
.ais-CurrentRefinements-category {
display: flex;
margin-left: .5rem
}
.ais-CurrentRefinements-delete {
color: #9698c3;
height: 100%;
margin-left: .25rem;
outline-width: 0
}
.ais-ToggleRefinement-label {
align-items: center;
cursor: pointer;
display: flex;
flex-direction: row-reverse;
justify-content: space-between
}
.ais-ToggleRefinement-checkbox {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: rgba(65, 66, 71, .08);
background: #f5f5fa;
border-radius: 9999px;
box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, .4);
height: 18px;
pointer-events: none;
position: relative;
width: 32px
}
.ais-ToggleRefinement-checkbox:checked {
background: #3c4fe0;
box-shadow: inset 0 1px 4px 0 rgba(35, 38, 59, .1)
}
.ais-ToggleRefinement-checkbox:focus {
outline: 0
}
.ais-ToggleRefinement-checkbox:after {
background: linear-gradient(-180deg, #fff, #f5f5fa);
border-radius: 9999px;
box-shadow: 1px 1px 1px 0 rgba(35, 38, 59, .05);
content: "";
height: 16px;
left: 1px;
position: absolute;
top: 1px;
transition: all .1s ease-in-out;
width: 16px
}
.ais-ToggleRefinement-checkbox:checked:after {
transform: translateX(14px)
}
.ais-RangeInput-input {
align-items: center;
background-color: #fff;
border: 1px solid #d6d6e7;
border-radius: 3px;
box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, .3);
caret-color: #5a5e9a;
color: #23263b;
cursor: text;
display: flex;
flex: 1;
font-size: .875rem;
height: 2rem;
line-height: 1.25rem;
min-width: 0;
overflow: hidden;
padding: 0 1rem;
position: relative
}
.ais-RangeInput-input:focus {
border-color: #3c4fe0;
box-shadow: 0 1px 0 0 rgba(35, 38, 59, .05);
outline: 0
}
.ais-RangeInput-separator {
margin: 0 .5rem
}
.ais-RangeInput-submit {
margin-left: .5rem
}
.ais-RangeSlider .rheostat {
margin: 40px 6px
}
.ais-RangeSlider .rheostat-horizontal {
cursor: pointer;
width: calc(100% - 15px)
}
.ais-RangeSlider .rheostat-background {
background-color: transparent;
border: none;
border-radius: 3px;
box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .1), 0 .5px 0 0 hsla(0, 0%, 100%, .05);
height: 4px
}
.ais-RangeSlider .rheostat-progress {
background-color: #3c4fe0;
border-radius: 3px;
height: 4px;
max-width: 100%;
top: 0
}
.ais-RangeSlider .rheostat-tooltip {
font-weight: 700;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.ais-RangeSlider .rheostat-handle {
background-color: #fff;
background-image: linear-gradient(-180deg, #fff, #fcfcfd);
border: 1px solid #d6d6e7;
border-radius: 2px;
box-shadow: 0 1px 0 0 rgba(35, 38, 59, .05);
height: 24px;
margin-left: -6px;
top: -11px;
width: 12px
}
.ais-RangeSlider .rheostat-handle:after,
.ais-RangeSlider .rheostat-handle:before {
background-color: #d6d6e7;
content: "";
height: 12px;
position: absolute;
top: 6px;
width: 1px
}
.ais-RangeSlider .rheostat-handle:before {
left: 4px
}
.ais-RangeSlider .rheostat-handle:after {
right: 4px
}
.ais-RangeSlider .rheostat-marker {
background-color: #d6d6e7
}
.ais-Pagination-item:first-child>.ais-Pagination-link {
border-radius: 3px 0 0 3px
}
.ais-Pagination-item+.ais-Pagination-item>.ais-Pagination-link {
border-radius: 0;
margin-left: -1px
}
.ais-Pagination-item:last-child>.ais-Pagination-link {
border-radius: 0 3px 3px 0
}
.ais-Pagination-item {
display: inline-block
}
.ais-Pagination-item--selected .ais-Pagination-link {
font-weight: 700
}
.ais-Breadcrumb-link,
.ais-Breadcrumb-separator {
color: #5a5e9a
}
.ais-Breadcrumb-separator {
display: flex;
margin: 0 .5rem
}
.ais-Breadcrumb-item--selected {
font-weight: 600
}
.ais-Breadcrumb-item--selected .ais-Breadcrumb-separator {
font-weight: 400
}
@media (max-width:767px) {
.ais-RangeInput-input,
.ais-SearchBox-input {
font-size: 1rem
}
}
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.noUi-target {
position: relative
}
.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1
}
.noUi-connects {
overflow: hidden;
z-index: 0
}
.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
right: 0;
height: 100%;
width: 100%;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-webkit-transform-style: preserve-3d;
transform-origin: 0 0;
transform-style: flat
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
left: 0;
right: auto
}
.noUi-vertical .noUi-origin {
top: -100%;
width: 0
}
.noUi-horizontal .noUi-origin {
height: 0
}
.noUi-handle {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute
}
.noUi-touch-area {
height: 100%;
width: 100%
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: transform .3s;
transition: transform .3s
}
.noUi-state-drag * {
cursor: inherit !important
}
.noUi-horizontal {
height: 18px
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
right: -17px;
top: -6px
}
.noUi-vertical {
width: 18px
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
right: -6px;
bottom: -17px
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
left: -17px;
right: auto
}
.noUi-target {
background: #fafafa;
border-radius: 4px;
border: 1px solid #d3d3d3;
box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}
.noUi-connects {
border-radius: 3px
}
.noUi-connect {
background: #3fb8af
}
.noUi-draggable {
cursor: ew-resize
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize
}
.noUi-handle {
border: 1px solid #d9d9d9;
border-radius: 3px;
background: #fff;
cursor: default;
box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}
.noUi-active {
box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}
.noUi-handle:after,
.noUi-handle:before {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #e8e7e6;
left: 14px;
top: 6px
}
.noUi-handle:after {
left: 17px
}
.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
width: 14px;
height: 1px;
left: 6px;
top: 14px
}
.noUi-vertical .noUi-handle:after {
top: 17px
}
[disabled] .noUi-connect {
background: #b8b8b8
}
[disabled].noUi-handle,
[disabled] .noUi-handle,
[disabled].noUi-target {
cursor: not-allowed
}
.noUi-pips,
.noUi-pips * {
-moz-box-sizing: border-box;
box-sizing: border-box
}
.noUi-pips {
position: absolute;
color: #999
}
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center
}
.noUi-value-sub {
color: #ccc;
font-size: 10px
}
.noUi-marker {
position: absolute;
background: #ccc
}
.noUi-marker-large,
.noUi-marker-sub {
background: #aaa
}
.noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%
}
.noUi-value-horizontal {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%)
}
.noUi-rtl .noUi-value-horizontal {
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%)
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px
}
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%
}
.noUi-value-vertical {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding-left: 25px
}
.noUi-rtl .noUi-value-vertical {
-webkit-transform: translateY(50%);
transform: translateY(50%)
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #d9d9d9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%);
transform: translate(-50%);
left: 50%;
bottom: 120%
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
right: 120%
}
.noUi-horizontal .noUi-origin>.noUi-tooltip {
-webkit-transform: translate(50%);
transform: translate(50%);
left: auto;
bottom: 10px
}
.noUi-vertical .noUi-origin>.noUi-tooltip {
-webkit-transform: translateY(-18px);
transform: translateY(-18px);
top: auto;
right: 28px
}
/*! =======================================================
VERSION 10.6.2
========================================================= */
/*! =========================================================
* bootstrap-slider.js
*
* Maintainers:
* Kyle Kemp
* - Twitter: @seiyria
* - Github: seiyria
* Rohit Kalkur
* - Twitter: @Rovolutionary
* - Github: rovolution
*
* =========================================================
*
* bootstrap-slider is released under the MIT License
* Copyright (c) 2019 Kyle Kemp, Rohit Kalkur, and contributors
*
* Permission is hereby granted, free of charge, to any person
* obtaining a copy of this software and associated documentation
* files (the "Software"), to deal in the Software without
* restriction, including without limitation the rights to use,
* copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the
* Software is furnished to do so, subject to the following
* conditions:
*
* The above copyright notice and this permission notice shall be
* included in all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
* EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
* OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
* HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
* WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
* OTHER DEALINGS IN THE SOFTWARE.
*
* ========================================================= */
.slider {
display: inline-block;
vertical-align: middle;
position: relative
}
.slider.slider-horizontal {
width: 210px;
height: 20px
}
.slider.slider-horizontal .slider-track {
height: 10px;
margin-top: -5px;
top: 50%
}
.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-high,
.slider.slider-horizontal .slider-track-low {
height: 100%;
top: 0;
bottom: 0
}
.slider.slider-horizontal .slider-handle,
.slider.slider-horizontal .slider-tick {
margin-left: -10px
}
.slider.slider-horizontal .slider-handle.triangle,
.slider.slider-horizontal .slider-tick.triangle {
position: relative;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-width: 0 10px 10px;
width: 0;
height: 0;
border-bottom-color: #2e6da4;
margin-top: 0
}
.slider.slider-horizontal .slider-tick-container {
white-space: nowrap;
position: absolute;
top: 0;
left: 0;
width: 100%
}
.slider.slider-horizontal .slider-tick-label-container {
white-space: nowrap;
margin-top: 20px
}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
padding-top: 4px;
display: inline-block;
text-align: center
}
.slider.slider-horizontal .tooltip {
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.slider.slider-horizontal.slider-rtl .slider-track {
left: auto;
right: 0
}
.slider.slider-horizontal.slider-rtl .slider-handle,
.slider.slider-horizontal.slider-rtl .slider-tick {
margin-left: 0;
margin-right: -10px
}
.slider.slider-horizontal.slider-rtl .slider-tick-container {
left: auto;
right: 0
}
.slider.slider-horizontal.slider-rtl .tooltip {
-ms-transform: translateX(50%);
transform: translateX(50%)
}
.slider.slider-vertical {
height: 210px;
width: 20px
}
.slider.slider-vertical .slider-track {
width: 10px;
height: 100%;
left: 25%;
top: 0
}
.slider.slider-vertical .slider-selection {
width: 100%;
left: 0;
top: 0;
bottom: 0
}
.slider.slider-vertical .slider-track-high,
.slider.slider-vertical .slider-track-low {
width: 100%;
left: 0;
right: 0
}
.slider.slider-vertical .slider-handle,
.slider.slider-vertical .slider-tick {
margin-top: -10px
}
.slider.slider-vertical .slider-handle.triangle,
.slider.slider-vertical .slider-tick.triangle {
border-width: 10px 0 10px 10px;
width: 1px;
height: 1px;
border-left-color: #2e6da4;
border-right-color: #2e6da4;
margin-left: 0;
margin-right: 0
}
.slider.slider-vertical .slider-tick-label-container {
white-space: nowrap
}
.slider.slider-vertical .slider-tick-label-container .slider-tick-label {
padding-left: 4px
}
.slider.slider-vertical .tooltip {
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.slider.slider-vertical.slider-rtl .slider-track {
left: auto;
right: 25%
}
.slider.slider-vertical.slider-rtl .slider-selection {
left: auto;
right: 0
}
.slider.slider-vertical.slider-rtl .slider-handle.triangle,
.slider.slider-vertical.slider-rtl .slider-tick.triangle {
border-width: 10px 10px 10px 0
}
.slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label {
padding-left: 0;
padding-right: 4px
}
.slider.slider-disabled .slider-handle {
background-image: -webkit-linear-gradient(top, #dfdfdf, #bebebe);
background-image: -o-linear-gradient(top, #dfdfdf 0, #bebebe 100%);
background-image: linear-gradient(180deg, #dfdfdf 0, #bebebe);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffdfdfdf", endColorstr="#ffbebebe", GradientType=0);
background-repeat: repeat-x
}
.slider.slider-disabled .slider-track {
background-image: -webkit-linear-gradient(top, #e5e5e5, #e9e9e9);
background-image: -o-linear-gradient(top, #e5e5e5 0, #e9e9e9 100%);
background-image: linear-gradient(180deg, #e5e5e5 0, #e9e9e9);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe5e5e5", endColorstr="#ffe9e9e9", GradientType=0);
background-repeat: repeat-x;
cursor: not-allowed
}
.slider input {
display: none
}
.slider .tooltip {
pointer-events: none
}
.slider .tooltip.top {
margin-top: -36px
}
.slider .tooltip-inner {
white-space: nowrap;
max-width: none
}
.slider .hide {
display: none
}
.slider-track {
cursor: pointer;
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -o-linear-gradient(top, #f5f5f5 0, #f9f9f9 100%);
background-image: linear-gradient(180deg, #f5f5f5 0, #f9f9f9);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff5f5f5", endColorstr="#fff9f9f9", GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}
.slider-selection,
.slider-track {
position: absolute;
background-repeat: repeat-x;
border-radius: 4px
}
.slider-selection {
background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
background-image: -o-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%);
background-image: linear-gradient(180deg, #f9f9f9 0, #f5f5f5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff9f9f9", endColorstr="#fff5f5f5", GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.slider-selection.tick-slider-selection {
background-image: -webkit-linear-gradient(top, #8ac1ef, #82b3de);
background-image: -o-linear-gradient(top, #8ac1ef 0, #82b3de 100%);
background-image: linear-gradient(180deg, #8ac1ef 0, #82b3de);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8ac1ef", endColorstr="#ff82b3de", GradientType=0);
background-repeat: repeat-x
}
.slider-track-high,
.slider-track-low {
position: absolute;
background: transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px
}
.slider-handle {
position: absolute;
top: 0;
width: 20px;
height: 20px;
background-color: #337ab7;
background-image: -webkit-linear-gradient(top, #337ab7, #2e6da4);
background-image: -o-linear-gradient(top, #337ab7 0, #2e6da4 100%);
background-image: linear-gradient(180deg, #337ab7 0, #2e6da4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff337ab7", endColorstr="#ff2e6da4", GradientType=0);
background-repeat: repeat-x;
filter: none;
-webkit-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .2), 0 1px 2px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .2), 0 1px 2px rgba(0, 0, 0, .05);
border: 0 solid transparent
}
.slider-handle:hover {
cursor: pointer
}
.slider-handle.round {
border-radius: 50%
}
.slider-handle.custom,
.slider-handle.triangle {
background: transparent none
}
.slider-handle.custom:before {
line-height: 20px;
font-size: 20px;
content: "\2605";
color: #726204
}
.slider-tick {
position: absolute;
cursor: pointer;
width: 20px;
height: 20px;
background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
background-image: -o-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%);
background-image: linear-gradient(180deg, #f9f9f9 0, #f5f5f5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff9f9f9", endColorstr="#fff5f5f5", GradientType=0);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
filter: none;
opacity: .8;
border: 0 solid transparent
}
.slider-tick.round {
border-radius: 50%
}
.slider-tick.custom,
.slider-tick.triangle {
background: transparent none
}
.slider-tick.custom:before {
line-height: 20px;
font-size: 20px;
content: "\2605";
color: #726204
}
.slider-tick.in-selection {
background-image: -webkit-linear-gradient(top, #8ac1ef, #82b3de);
background-image: -o-linear-gradient(top, #8ac1ef 0, #82b3de 100%);
background-image: linear-gradient(180deg, #8ac1ef 0, #82b3de);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8ac1ef", endColorstr="#ff82b3de", GradientType=0);
background-repeat: repeat-x;
opacity: 1
}
.qs-datepicker-container {
font-size: 1rem;
font-family: sans-serif;
color: #000;
width: 15.625em;
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: 9001;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid grey;
border-radius: .263921875em;
overflow: hidden;
background: #fff;
-webkit-box-shadow: 0 1.25em 1.25em -.9375em rgba(0, 0, 0, .3);
box-shadow: 0 1.25em 1.25em -.9375em rgba(0, 0, 0, .3)
}
.qs-datepicker-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.qs-centered {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.qs-hidden {
display: none
}
.qs-overlay {
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, .75);
color: #fff;
width: 100%;
height: 100%;
padding: .5em;
z-index: 1;
opacity: 1;
-webkit-transition: opacity .3s;
transition: opacity .3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.qs-overlay.qs-hidden {
opacity: 0;
z-index: -1
}
.qs-overlay .qs-overlay-year {
background: transparent;
border: none;
border-bottom: 1px solid #fff;
border-radius: 0;
color: #fff;
font-size: .875em;
padding: .25em 0;
width: 80%;
text-align: center;
margin: 0 auto;
display: block
}
.qs-overlay .qs-overlay-year::-webkit-inner-spin-button {
-webkit-appearance: none
}
.qs-overlay .qs-close {
padding: .5em;
cursor: pointer;
position: absolute;
top: 0;
right: 0
}
.qs-overlay .qs-submit {
border: 1px solid #fff;
border-radius: .263921875em;
padding: .5em;
margin: 0 auto auto;
cursor: pointer;
background: hsla(0, 0%, 50.2%, .4)
}
.qs-overlay .qs-submit.qs-disabled {
color: grey;
border-color: grey;
cursor: not-allowed
}
.qs-overlay .qs-overlay-month-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.qs-overlay .qs-overlay-month {
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: 33.33333%;
cursor: pointer;
opacity: .5;
-webkit-transition: opacity .15s;
transition: opacity .15s
}
.qs-overlay .qs-overlay-month.active,
.qs-overlay .qs-overlay-month:hover {
opacity: 1
}
.qs-controls {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
background: #d3d3d3;
-webkit-filter: blur(0);
filter: blur(0);
-webkit-transition: -webkit-filter .3s;
transition: -webkit-filter .3s;
transition: filter .3s;
transition: filter .3s, -webkit-filter .3s
}
.qs-controls.qs-blur {
-webkit-filter: blur(5px);
filter: blur(5px)
}
.qs-arrow {
height: 1.5625em;
width: 1.5625em;
position: relative;
cursor: pointer;
border-radius: .263921875em;
-webkit-transition: background .15s;
transition: background .15s
}
.qs-arrow:hover {
background: rgba(0, 0, 0, .1)
}
.qs-arrow:hover.qs-left:after {
border-right-color: #000
}
.qs-arrow:hover.qs-right:after {
border-left-color: #000
}
.qs-arrow:after {
content: "";
border: .390625em solid transparent;
position: absolute;
top: 50%;
-webkit-transition: border .2s;
transition: border .2s
}
.qs-arrow.qs-left:after {
border-right-color: grey;
right: 50%;
-webkit-transform: translate(25%, -50%);
-ms-transform: translate(25%, -50%);
transform: translate(25%, -50%)
}
.qs-arrow.qs-right:after {
border-left-color: grey;
left: 50%;
-webkit-transform: translate(-25%, -50%);
-ms-transform: translate(-25%, -50%);
transform: translate(-25%, -50%)
}
.qs-month-year {
font-weight: 700;
-webkit-transition: border .2s;
transition: border .2s;
border-bottom: 1px solid transparent;
cursor: pointer
}
.qs-month-year:hover {
border-bottom: 1px solid grey
}
.qs-month-year:active:focus,
.qs-month-year:focus {
outline: none
}
.qs-month {
padding-right: .5ex
}
.qs-year {
padding-left: .5ex
}
.qs-squares {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: .3125em;
-webkit-filter: blur(0);
filter: blur(0);
-webkit-transition: -webkit-filter .3s;
transition: -webkit-filter .3s;
transition: filter .3s;
transition: filter .3s, -webkit-filter .3s
}
.qs-squares.qs-blur {
-webkit-filter: blur(5px);
filter: blur(5px)
}
.qs-square {
width: 14.28571%;
height: 1.5625em;
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;
cursor: pointer;
-webkit-transition: background .1s;
transition: background .1s;
border-radius: .263921875em
}
.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
background: orange
}
.qs-current {
font-weight: 700;
text-decoration: underline
}
.qs-active,
.qs-range-end,
.qs-range-start {
background: #add8e6
}
.qs-range-start:not(.qs-range-6) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.qs-range-middle {
background: #d4ebf2
}
.qs-range-middle:not(.qs-range-0):not(.qs-range-6) {
border-radius: 0
}
.qs-range-middle.qs-range-0 {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.qs-range-end:not(.qs-range-0),
.qs-range-middle.qs-range-6 {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.qs-disabled,
.qs-outside-current-month {
opacity: .2
}
.qs-disabled {
cursor: not-allowed
}
.qs-day,
.qs-empty {
cursor: default
}
.qs-day {
color: grey
}
.qs-event {
position: relative
}
.qs-event:after {
content: "";
position: absolute;
width: .46875em;
height: .46875em;
border-radius: 50%;
background: #07f;
bottom: 0;
right: 0
}
@keyframes shine {
to {
background-position-x: -200%
}
}
/*! @algolia/autocomplete-theme-classic 1.17.2 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
:root {
--aa-search-input-height: 44px;
--aa-input-icon-size: 20px;
--aa-base-unit: 16;
--aa-spacing-factor: 1;
--aa-spacing: calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px);
--aa-spacing-half: calc(var(--aa-spacing)/2);
--aa-panel-max-height: 650px;
--aa-base-z-index: 9999;
--aa-font-size: calc(var(--aa-base-unit)*1px);
--aa-font-family: inherit;
--aa-font-weight-medium: 500;
--aa-font-weight-semibold: 600;
--aa-font-weight-bold: 700;
--aa-icon-size: 20px;
--aa-icon-stroke-width: 1.6;
--aa-icon-color-rgb: 119, 119, 163;
--aa-icon-color-alpha: 1;
--aa-action-icon-size: 20px;
--aa-text-color-rgb: 38, 38, 39;
--aa-text-color-alpha: 1;
--aa-primary-color-rgb: 62, 52, 211;
--aa-primary-color-alpha: 0.2;
--aa-muted-color-rgb: 128, 126, 163;
--aa-muted-color-alpha: 0.6;
--aa-panel-border-color-rgb: 128, 126, 163;
--aa-panel-border-color-alpha: 0.3;
--aa-input-border-color-rgb: 128, 126, 163;
--aa-input-border-color-alpha: 0.8;
--aa-background-color-rgb: 255, 255, 255;
--aa-background-color-alpha: 1;
--aa-input-background-color-rgb: 255, 255, 255;
--aa-input-background-color-alpha: 1;
--aa-selected-color-rgb: 179, 173, 214;
--aa-selected-color-alpha: 0.205;
--aa-description-highlight-background-color-rgb: 245, 223, 77;
--aa-description-highlight-background-color-alpha: 0.5;
--aa-detached-media-query: (max-width:680px);
--aa-detached-modal-media-query: (min-width:680px);
--aa-detached-modal-max-width: 680px;
--aa-detached-modal-max-height: 500px;
--aa-overlay-color-rgb: 115, 114, 129;
--aa-overlay-color-alpha: 0.4;
--aa-panel-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15);
--aa-scrollbar-width: 13px;
--aa-scrollbar-track-background-color-rgb: 234, 234, 234;
--aa-scrollbar-track-background-color-alpha: 1;
--aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);
--aa-scrollbar-thumb-background-color-alpha: 1
}
@media (hover:none) and (pointer:coarse) {
:root {
--aa-spacing-factor: 1.2;
--aa-action-icon-size: 22px
}
}
body.dark,
body[data-theme=dark] {
--aa-text-color-rgb: 183, 192, 199;
--aa-primary-color-rgb: 146, 138, 255;
--aa-muted-color-rgb: 146, 138, 255;
--aa-input-background-color-rgb: 0, 3, 9;
--aa-background-color-rgb: 21, 24, 42;
--aa-selected-color-rgb: 146, 138, 255;
--aa-selected-color-alpha: 0.25;
--aa-description-highlight-background-color-rgb: 0 255 255;
--aa-description-highlight-background-color-alpha: 0.25;
--aa-icon-color-rgb: 119, 119, 163;
--aa-panel-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
--aa-scrollbar-track-background-color-rgb: 44, 46, 64;
--aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb)
}
.aa-Autocomplete *,
.aa-DetachedFormContainer *,
.aa-Panel * {
box-sizing: border-box
}
.aa-Autocomplete,
.aa-DetachedFormContainer,
.aa-Panel {
color: #262627;
color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
font-family: inherit;
font-family: var(--aa-font-family);
font-size: 16px;
font-size: var(--aa-font-size);
font-weight: 400;
line-height: 1em;
margin: 0;
padding: 0;
text-align: left
}
.aa-Form {
align-items: center;
background-color: #fff;
background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
border: 1px solid rgba(128, 126, 163, .8);
border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
border-radius: 3px;
display: flex;
line-height: 1em;
margin: 0;
position: relative;
width: 100%
}
.aa-Form:focus-within {
border-color: #3e34d3;
border-color: rgba(var(--aa-primary-color-rgb), 1);
box-shadow: 0 0 0 2px rgba(62, 52, 211, .2), inset 0 0 0 2px rgba(62, 52, 211, .2);
box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
outline: medium none currentColor
}
.aa-InputWrapperPrefix {
align-items: center;
display: flex;
flex-shrink: 0;
height: 44px;
height: var(--aa-search-input-height);
order: 1
}
.aa-Label,
.aa-LoadingIndicator {
cursor: auto;
flex-shrink: 0;
height: 100%;
padding: 0;
text-align: left
}
.aa-Label svg,
.aa-LoadingIndicator svg {
color: #3e34d3;
color: rgba(var(--aa-primary-color-rgb), 1);
height: auto;
max-height: 20px;
max-height: var(--aa-input-icon-size);
stroke-width: 1.6;
stroke-width: var(--aa-icon-stroke-width);
width: 20px;
width: var(--aa-input-icon-size)
}
.aa-LoadingIndicator,
.aa-SubmitButton {
height: 100%;
padding-left: 11px;
padding-left: calc(var(--aa-spacing)*0.75 - 1px);
padding-right: 8px;
padding-right: var(--aa-spacing-half);
width: 47px;
width: calc(var(--aa-spacing)*1.75 + var(--aa-icon-size) - 1px)
}
@media (hover:none) and (pointer:coarse) {
.aa-LoadingIndicator,
.aa-SubmitButton {
padding-left: 3px;
padding-left: calc(var(--aa-spacing-half)/2 - 1px);
width: 39px;
width: calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px)
}
}
.aa-SubmitButton {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
margin: 0
}
.aa-LoadingIndicator {
align-items: center;
display: flex;
justify-content: center
}
.aa-LoadingIndicator[hidden] {
display: none
}
.aa-InputWrapper {
order: 3;
position: relative;
width: 100%
}
.aa-Input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
color: #262627;
color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
font: inherit;
height: 44px;
height: var(--aa-search-input-height);
padding: 0;
width: 100%
}
.aa-Input::-moz-placeholder {
color: rgba(128, 126, 163, .6);
color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
opacity: 1
}
.aa-Input::placeholder {
color: rgba(128, 126, 163, .6);
color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
opacity: 1
}
.aa-Input:focus {
border-color: none;
box-shadow: none;
outline: none
}
.aa-Input::-webkit-search-cancel-button,
.aa-Input::-webkit-search-decoration,
.aa-Input::-webkit-search-results-button,
.aa-Input::-webkit-search-results-decoration {
-webkit-appearance: none;
appearance: none
}
.aa-InputWrapperSuffix {
align-items: center;
display: flex;
height: 44px;
height: var(--aa-search-input-height);
order: 4
}
.aa-ClearButton {
align-items: center;
background: none;
border: 0;
color: rgba(128, 126, 163, .6);
color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
cursor: pointer;
display: flex;
height: 100%;
margin: 0;
padding: 0 12.83328px;
padding: 0 calc(var(--aa-spacing)*0.83333 - .5px)
}
@media (hover:none) and (pointer:coarse) {
.aa-ClearButton {
padding: 0 10.16672px;
padding: 0 calc(var(--aa-spacing)*0.66667 - .5px)
}
}
.aa-ClearButton:focus,
.aa-ClearButton:hover {
color: #262627;
color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha))
}
.aa-ClearButton[hidden] {
display: none
}
.aa-ClearButton svg {
stroke-width: 1.6;
stroke-width: var(--aa-icon-stroke-width);
width: 20px;
width: var(--aa-icon-size)
}
.aa-Panel {
background-color: #fff;
background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
border-radius: 4px;
border-radius: calc(var(--aa-spacing)/4);
box-shadow: 0 0 0 1px rgba(35, 38, 59, .1), 0 6px 16px -4px rgba(35, 38, 59, .15);
box-shadow: var(--aa-panel-shadow);
margin: 8px 0 0;
overflow: hidden;
position: absolute;
transition: opacity .2s ease-in, filter .2s ease-in
}
@media screen and (prefers-reduced-motion) {
.aa-Panel {
transition: none
}
}
.aa-Panel button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
margin: 0;
padding: 0
}
.aa-PanelLayout {
height: 100%;
margin: 0;
max-height: 650px;
max-height: var(--aa-panel-max-height);
overflow-y: auto;
padding: 0;
position: relative;
text-align: left
}
.aa-PanelLayoutColumns--twoGolden {
display: grid;
grid-template-columns: 39.2% auto;
overflow: hidden;
padding: 0
}
.aa-PanelLayoutColumns--two {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
overflow: hidden;
padding: 0
}
.aa-PanelLayoutColumns--three {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
overflow: hidden;
padding: 0
}
.aa-Panel--stalled .aa-Source {
filter: grayscale(1);
opacity: .8
}
.aa-Panel--scrollable {
margin: 0;
max-height: 650px;
max-height: var(--aa-panel-max-height);
overflow-x: hidden;
overflow-y: auto;
padding: 8px;
padding: var(--aa-spacing-half);
scrollbar-color: #fff #eaeaea;
scrollbar-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
scrollbar-width: thin
}
.aa-Panel--scrollable::-webkit-scrollbar {
width: 13px;
width: var(--aa-scrollbar-width)
}
.aa-Panel--scrollable::-webkit-scrollbar-track {
background-color: #eaeaea;
background-color: rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha))
}
.aa-Panel--scrollable::-webkit-scrollbar-thumb {
background-color: #fff;
background-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha));
border-radius: 9999px;
border: 3px solid #eaeaea;
border: 3px solid rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
border-right-width: 2px
}
.aa-Source {
margin: 0;
padding: 0;
position: relative;
width: 100%
}
.aa-Source:empty {
display: none
}
.aa-SourceNoResults {
font-size: 1em;
margin: 0;
padding: 16px;
padding: var(--aa-spacing)
}
.aa-List {
list-style: none;
margin: 0
}
.aa-List,
.aa-SourceHeader {
padding: 0;
position: relative
}
.aa-SourceHeader {
margin: 8px .5em 8px 0;
margin: var(--aa-spacing-half) .5em var(--aa-spacing-half) 0
}
.aa-SourceHeader:empty {
display: none
}
.aa-SourceHeaderTitle {
background: #fff;
background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
color: #3e34d3;
color: rgba(var(--aa-primary-color-rgb), 1);
display: inline-block;
font-size: .8em;
font-weight: 600;
font-weight: var(--aa-font-weight-semibold);
margin: 0;
padding: 0 8px 0 0;
padding: 0 var(--aa-spacing-half) 0 0;
position: relative;
z-index: 9999;
z-index: var(--aa-base-z-index)
}
.aa-SourceHeaderLine {
border-bottom: 1px solid #3e34d3;
border-bottom: 1px solid rgba(var(--aa-primary-color-rgb), 1);
display: block;
height: 2px;
left: 0;
margin: 0;
opacity: .3;
padding: 0;
position: absolute;
right: 0;
top: 8px;
top: var(--aa-spacing-half);
z-index: 9998;
z-index: calc(var(--aa-base-z-index) - 1)
}
.aa-SourceFooterSeeAll {
background: linear-gradient(180deg, #fff, rgba(128, 126, 163, .14));
background: linear-gradient(180deg, rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)), rgba(128, 126, 163, .14));
border: 1px solid rgba(128, 126, 163, .6);
border: 1px solid rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
border-radius: 5px;
box-shadow: inset 0 0 2px #fff, 0 2px 2px -1px rgba(76, 69, 88, .15);
color: inherit;
font-size: .95em;
font-weight: 500;
font-weight: var(--aa-font-weight-medium);
padding: .475em 1em .6em;
-webkit-text-decoration: none;
text-decoration: none
}
.aa-SourceFooterSeeAll:focus,
.aa-SourceFooterSeeAll:hover {
border: 1px solid #3e34d3;
border: 1px solid rgba(var(--aa-primary-color-rgb), 1);
color: #3e34d3;
color: rgba(var(--aa-primary-color-rgb), 1)
}
.aa-Item {
align-items: center;
border-radius: 3px;
cursor: pointer;
display: grid;
min-height: 40px;
min-height: calc(var(--aa-spacing)*2.5);
padding: 4px;
padding: calc(var(--aa-spacing-half)/2)
}
.aa-Item[aria-selected=true] {
background-color: rgba(179, 173, 214, .205);
background-color: rgba(var(--aa-selected-color-rgb), var(--aa-selected-color-alpha))
}
.aa-Item[aria-selected=true] .aa-ActiveOnly,
.aa-Item[aria-selected=true] .aa-ItemActionButton {
visibility: visible
}
.aa-ItemIcon {
align-items: center;
background: #fff;
background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
border-radius: 3px;
box-shadow: inset 0 0 0 1px rgba(128, 126, 163, .3);
box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
color: #7777a3;
color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha));
display: flex;
flex-shrink: 0;
font-size: .7em;
height: 28px;
height: calc(var(--aa-icon-size) + var(--aa-spacing-half));
justify-content: center;
overflow: hidden;
stroke-width: 1.6;
stroke-width: var(--aa-icon-stroke-width);
text-align: center;
width: 28px;
width: calc(var(--aa-icon-size) + var(--aa-spacing-half))
}
.aa-ItemIcon img {
height: auto;
max-height: 20px;
max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
max-width: 20px;
max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
width: auto
}
.aa-ItemIcon svg {
height: 20px;
height: var(--aa-icon-size);
width: 20px;
width: var(--aa-icon-size)
}
.aa-ItemIcon--alignTop {
align-self: flex-start
}
.aa-ItemIcon--noBorder {
background: none;
box-shadow: none
}
.aa-ItemIcon--picture {
height: 96px;
width: 96px
}
.aa-ItemIcon--picture img {
max-height: 100%;
max-width: 100%;
padding: 8px;
padding: var(--aa-spacing-half)
}
.aa-ItemContent {
align-items: center;
cursor: pointer;
display: grid;
gap: 8px;
grid-gap: 8px;
grid-gap: var(--aa-spacing-half);
gap: var(--aa-spacing-half);
grid-auto-flow: column;
line-height: 1.25em;
overflow: hidden
}
.aa-ItemContent:empty {
display: none
}
.aa-ItemContent mark {
background: none;
color: #262627;
color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
font-style: normal;
font-weight: 700;
font-weight: var(--aa-font-weight-bold)
}
.aa-ItemContent--dual {
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: left
}
.aa-ItemContent--dual .aa-ItemContentSubtitle,
.aa-ItemContent--dual .aa-ItemContentTitle {
display: block
}
.aa-ItemContent--indented {
padding-left: 36px;
padding-left: calc(var(--aa-icon-size) + var(--aa-spacing))
}
.aa-ItemContentBody {
display: grid;
gap: 4px;
grid-gap: 4px;
grid-gap: calc(var(--aa-spacing-half)/2);
gap: calc(var(--aa-spacing-half)/2)
}
.aa-ItemContentTitle {
display: inline-block;
margin: 0 .5em 0 0;
max-width: 100%;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
white-space: nowrap
}
.aa-ItemContentSubtitle {
font-size: .92em
}
.aa-ItemContentSubtitleIcon:before {
border-color: rgba(128, 126, 163, .64);
border-color: rgba(var(--aa-muted-color-rgb), .64);
border-style: solid;
content: "";
display: inline-block;
left: 1px;
position: relative;
top: -3px
}
.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before {
border-width: 0 0 1.5px;
margin-left: 8px;
margin-left: var(--aa-spacing-half);
margin-right: 4px;
margin-right: calc(var(--aa-spacing-half)/2);
width: 10px;
width: calc(var(--aa-spacing-half) + 2px)
}
.aa-ItemContentSubtitle--standalone {
align-items: center;
color: #262627;
color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
display: grid;
gap: 8px;
grid-gap: 8px;
grid-gap: var(--aa-spacing-half);
gap: var(--aa-spacing-half);
grid-auto-flow: column;
justify-content: start
}
.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before {
border-radius: 0 0 0 3px;
border-width: 0 0 1.5px 1.5px;
height: 8px;
height: var(--aa-spacing-half);
width: 8px;
width: var(--aa-spacing-half)
}
.aa-ItemContentSubtitleCategory {
color: #807ea3;
color: rgba(var(--aa-muted-color-rgb), 1);
font-weight: 500
}
.aa-ItemContentDescription {
color: #262627;
color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
font-size: .85em;
max-width: 100%;
overflow-x: hidden;
text-overflow: ellipsis
}
.aa-ItemContentDescription:empty {
display: none
}
.aa-ItemContentDescription mark {
background: rgba(245, 223, 77, .5);
background: rgba(var(--aa-description-highlight-background-color-rgb), var(--aa-description-highlight-background-color-alpha));
color: #262627;
color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
font-style: normal;
font-weight: 500;
font-weight: var(--aa-font-weight-medium)
}
.aa-ItemContentDash {
color: rgba(128, 126, 163, .6);
color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
display: none;
opacity: .4
}
.aa-ItemContentTag {
background-color: rgba(62, 52, 211, .2);
background-color: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha));
border-radius: 3px;
margin: 0 .4em 0 0;
padding: .08em .3em
}
.aa-ItemLink,
.aa-ItemWrapper {
align-items: center;
color: inherit;
display: grid;
gap: 4px;
grid-gap: 4px;
grid-gap: calc(var(--aa-spacing-half)/2);
gap: calc(var(--aa-spacing-half)/2);
grid-auto-flow: column;
justify-content: space-between;
width: 100%
}
.aa-ItemLink {
color: inherit;
-webkit-text-decoration: none;
text-decoration: none
}
.aa-ItemActions {
display: grid;
grid-auto-flow: column;
height: 100%;
justify-self: end;
margin: 0 -5.33333px;
margin: 0 calc(var(--aa-spacing)/-3);
padding: 0 2px 0 0
}
.aa-ItemActionButton {
align-items: center;
background: none;
border: 0;
color: rgba(128, 126, 163, .6);
color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
cursor: pointer;
display: flex;
flex-shrink: 0;
padding: 0
}
.aa-ItemActionButton:focus svg,
.aa-ItemActionButton:hover svg {
color: #262627;
color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha))
}
@media (hover:none) and (pointer:coarse) {
.aa-ItemActionButton:focus svg,
.aa-ItemActionButton:hover svg {
color: inherit
}
}
.aa-ItemActionButton svg {
color: rgba(128, 126, 163, .6);
color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
margin: 5.33333px;
margin: calc(var(--aa-spacing)/3);
stroke-width: 1.6;
stroke-width: var(--aa-icon-stroke-width);
width: 20px;
width: var(--aa-action-icon-size)
}
.aa-ActiveOnly {
visibility: hidden
}
.aa-PanelHeader {
align-items: center;
background: #3e34d3;
background: rgba(var(--aa-primary-color-rgb), 1);
color: #fff;
display: grid;
height: var(--aa-modal-header-height);
margin: 0;
padding: 8px 16px;
padding: var(--aa-spacing-half) var(--aa-spacing);
position: relative
}
.aa-PanelHeader:after {
background-image: linear-gradient(#fff, hsla(0, 0%, 100%, 0));
background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0));
bottom: -8px;
bottom: calc(var(--aa-spacing-half)*-1);
content: "";
height: 8px;
height: var(--aa-spacing-half);
left: 0;
pointer-events: none;
position: absolute;
right: 0
}
.aa-PanelFooter,
.aa-PanelHeader:after {
z-index: 9999;
z-index: var(--aa-base-z-index)
}
.aa-PanelFooter {
background-color: #fff;
background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
box-shadow: inset 0 1px 0 rgba(128, 126, 163, .3);
box-shadow: inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
display: flex;
justify-content: space-between;
margin: 0;
padding: 16px;
padding: var(--aa-spacing);
position: relative
}
.aa-PanelFooter:after {
background-image: linear-gradient(hsla(0, 0%, 100%, 0), rgba(128, 126, 163, .6));
background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)));
content: "";
height: 16px;
height: var(--aa-spacing);
left: 0;
opacity: .12;
pointer-events: none;
position: absolute;
right: 0;
top: -16px;
top: calc(var(--aa-spacing)*-1);
z-index: 9998;
z-index: calc(var(--aa-base-z-index) - 1)
}
.aa-DetachedContainer {
background: #fff;
background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
bottom: 0;
box-shadow: 0 0 0 1px rgba(35, 38, 59, .1), 0 6px 16px -4px rgba(35, 38, 59, .15);
box-shadow: var(--aa-panel-shadow);
display: flex;
flex-direction: column;
left: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: fixed;
right: 0;
top: 0;
z-index: 9999;
z-index: var(--aa-base-z-index)
}
.aa-DetachedContainer:after {
height: 32px
}
.aa-DetachedContainer .aa-SourceHeader {
margin: 8px 0 8px 2px;
margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px
}
.aa-DetachedContainer .aa-Panel {
background-color: #fff;
background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
border-radius: 0;
box-shadow: none;
flex-grow: 1;
margin: 0;
padding: 0;
position: relative
}
.aa-DetachedContainer .aa-PanelLayout {
bottom: 0;
box-shadow: none;
left: 0;
margin: 0;
max-height: none;
overflow-y: auto;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.aa-DetachedFormContainer {
border-bottom: 1px solid rgba(128, 126, 163, .3);
border-bottom: 1px solid rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 0;
padding: 8px;
padding: var(--aa-spacing-half)
}
.aa-DetachedCancelButton {
background: none;
border: 0;
border-radius: 3px;
color: inherit;
color: #262627;
color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
cursor: pointer;
font: inherit;
margin: 0 0 0 8px;
margin: 0 0 0 var(--aa-spacing-half);
padding: 0 8px;
padding: 0 var(--aa-spacing-half)
}
.aa-DetachedCancelButton:focus,
.aa-DetachedCancelButton:hover {
box-shadow: inset 0 0 0 1px rgba(128, 126, 163, .3);
box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha))
}
.aa-DetachedContainer--modal {
border-radius: 6px;
bottom: inherit;
height: auto;
margin: 0 auto;
max-width: 680px;
max-width: var(--aa-detached-modal-max-width);
position: absolute;
top: 3%
}
.aa-DetachedContainer--modal .aa-PanelLayout {
max-height: 500px;
max-height: var(--aa-detached-modal-max-height);
padding-bottom: 8px;
padding-bottom: var(--aa-spacing-half);
position: static
}
.aa-DetachedContainer--modal .aa-PanelLayout:empty {
display: none
}
.aa-DetachedSearchButton {
align-items: center;
background-color: #fff;
background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
border: 1px solid rgba(128, 126, 163, .8);
border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
border-radius: 3px;
color: rgba(128, 126, 163, .6);
color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
cursor: pointer;
display: flex;
font: inherit;
font-family: inherit;
font-family: var(--aa-font-family);
font-size: 16px;
font-size: var(--aa-font-size);
height: 44px;
height: var(--aa-search-input-height);
margin: 0;
padding: 0 5.5px;
padding: 0 calc(var(--aa-search-input-height)/8);
position: relative;
text-align: left;
width: 100%
}
.aa-DetachedSearchButton:focus {
border-color: #3e34d3;
border-color: rgba(var(--aa-primary-color-rgb), 1);
box-shadow: 0 0 0 3px rgba(62, 52, 211, .2), inset 0 0 0 2px rgba(62, 52, 211, .2);
box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 3px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
outline: medium none currentColor
}
.aa-DetachedSearchButtonIcon {
align-items: center;
color: #3e34d3;
color: rgba(var(--aa-primary-color-rgb), 1);
cursor: auto;
display: flex;
flex-shrink: 0;
height: 100%;
justify-content: center;
width: 36px;
width: calc(var(--aa-icon-size) + var(--aa-spacing))
}
.aa-DetachedSearchButtonQuery {
color: #262627;
color: rgba(var(--aa-text-color-rgb), 1);
line-height: 1.25em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.aa-DetachedSearchButtonPlaceholder[hidden] {
display: none
}
.aa-Detached {
height: 100vh;
overflow: hidden
}
.aa-DetachedOverlay {
background-color: rgba(115, 114, 129, .4);
background-color: rgba(var(--aa-overlay-color-rgb), var(--aa-overlay-color-alpha));
height: 100vh;
left: 0;
margin: 0;
padding: 0;
position: fixed;
right: 0;
top: 0;
z-index: 9998;
z-index: calc(var(--aa-base-z-index) - 1)
}
.aa-GradientBottom,
.aa-GradientTop {
height: 8px;
height: var(--aa-spacing-half);
left: 0;
pointer-events: none;
position: absolute;
right: 0;
z-index: 9999;
z-index: var(--aa-base-z-index)
}
.aa-GradientTop {
background-image: linear-gradient(#fff, hsla(0, 0%, 100%, 0));
background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0));
top: 0
}
.aa-GradientBottom {
background-image: linear-gradient(hsla(0, 0%, 100%, 0), #fff);
background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-background-color-rgb), 1));
border-bottom-left-radius: 4px;
border-bottom-left-radius: calc(var(--aa-spacing)/4);
border-bottom-right-radius: 4px;
border-bottom-right-radius: calc(var(--aa-spacing)/4);
bottom: 0
}
@media (hover:none) and (pointer:coarse) {
.aa-DesktopOnly {
display: none
}
}
@media (hover:hover) {
.aa-TouchOnly {
display: none
}
}
.ais-Dropdown-button {
border: .0625rem solid #d6d6e7;
padding: .75rem 1.5rem;
border-radius: .25rem;
cursor: pointer;
font-size: 1rem;
background-color: #f8f8f8;
color: #1c1b1b
}
.ais-Dropdown-button--refined {
font-weight: 700
}
.ais-Dropdown-button:hover {
background-color: #f5f5fa
}
.ais-Dropdown .ais-Panel-body>div>div[class^=ais-] {
position: absolute;
border: none;
padding: .5rem 1rem;
margin-top: .5rem;
background-color: #fff
}
.ais-Dropdown .ais-Panel-header {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0
}
.ais-Dropdown .ais-Panel-body {
display: none
}
.ais-Dropdown--opened .ais-Panel-body {
display: block
}
.ais-Dropdown .ais-Panel-body {
position: relative
}
.ais-Dropdown-close {
display: none
}
.ais-Dropdown.ais-Dropdown--opened .ais-RefinementList.refinements__wrapper .filters-content.filters--price {
position: relative;
margin-right: 0;
margin-left: 1rem;
padding-top: 1rem;
padding-left: 0;
padding-right: 0;
overflow: hidden;
height: 5rem
}
.ais-Dropdown.ais-Dropdown--opened .ais-RefinementList.refinements__wrapper .filters-content.filters--price .noUi-horizontal {
height: .125rem;
margin-top: 3rem;
margin-left: .5rem;
margin-right: 1.25rem;
border: none
}
.ais-Dropdown.ais-Dropdown--opened .ais-RefinementList.refinements__wrapper .filters-content.filters--price .noUi-horizontal .noUi-connects {
background-color: #dcdcdc;
box-shadow: none;
border-radius: 0;
height: .125rem
}
.ais-Dropdown.ais-Dropdown--opened .ais-RefinementList.refinements__wrapper .filters-content.filters--price .noUi-horizontal .noUi-connects .noUi-connect {
background-color: #1d1d1d
}
.ais-Dropdown.ais-Dropdown--opened .ais-RefinementList.refinements__wrapper .filters-content.filters--price .noUi-horizontal .noUi-handle {
box-shadow: none;
background-color: #fff;
width: 1.25rem;
height: 1.25rem;
border-radius: 50%;
top: -.5625rem;
border: .0625rem solid
}
.ais-Dropdown.ais-Dropdown--opened .ais-RefinementList.refinements__wrapper .filters-content.filters--price .noUi-horizontal .noUi-handle:after,
.ais-Dropdown.ais-Dropdown--opened .ais-RefinementList.refinements__wrapper .filters-content.filters--price .noUi-horizontal .noUi-handle:before {
display: none
}
.ais-Dropdown.ais-Dropdown--opened .ais-RefinementList.refinements__wrapper .filters-content.filters--price .slider-input {
width: 100%;
background-color: #fff;
border: .0625rem solid #000;
font-size: .875rem;
padding: .1875rem .5rem;
border-radius: .3125rem;
color: #939090
}
.ais-Dropdown.ais-Dropdown--opened .ais-RefinementList.refinements__wrapper .filters-content.filters--price .slider-input__container {
width: 5.9375rem;
position: absolute
}
.ais-Dropdown.ais-Dropdown--opened .ais-RefinementList.refinements__wrapper .filters-content.filters--price .slider-input__container.min-container {
left: 0
}
.ais-Dropdown.ais-Dropdown--opened .ais-RefinementList.refinements__wrapper .filters-content.filters--price .slider-input__container.max-container {
right: 1rem
}
.ais-Dropdown.ais-Dropdown--opened .ais-RefinementList.refinements__wrapper .slider-input__container {
position: relative
}
.ais-Dropdown.ais-Dropdown--opened .ais-RefinementList.refinements__wrapper .slider__currency-symbol {
font-size: .9375rem;
position: absolute;
top: .1875rem;
right: .375rem
}
.show-more-filters-btn {
display: flex;
align-items: center;
justify-content: space-around;
align-self: stretch;
height: 2.375rem;
margin-top: .125rem;
margin-right: .3125rem;
padding: 1rem;
border: none;
box-shadow: -.9375rem 0 .625rem #fff;
background-color: #f8f8f8;
color: #1c1b1b;
font-weight: 700;
cursor: pointer
}
.show-more-filters-btn span {
white-space: nowrap;
margin-left: .5rem;
color: #1c1b1b;
letter-spacing: .01rem
}
@media (min-width:64rem) {
.show-more-filters-btn span {
font-size: .8125rem
}
}
.filter-modal_overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
justify-content: center;
align-items: center;
z-index: 99998
}
.filter-modal_container {
position: fixed;
top: 0;
right: 0;
display: flex;
flex-direction: column;
background-color: #fff;
height: 100%;
width: 100%;
z-index: 99999;
overflow: auto;
overflow-x: hidden
}
.filter-modal_container ul {
margin: 0;
padding: 0
}
.filter-modal_header {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: space-between;
flex: 0 0 7rem;
height: 7rem;
border-bottom: .0625rem solid #939090;
padding: 0 2rem
}
.filter-modal_title {
font-size: 1.1875rem;
letter-spacing: .00625rem;
font-weight: 700
}
.filter-modal_close-btn {
font-size: 1.5rem;
padding: .5rem;
cursor: pointer
}
.filter-modal_section {
display: flex;
flex-direction: column;
flex: 1 1 auto;
overflow: auto
}
.filter-modal_section .boolean-buttons:not(.no-react) .lx-checkbox__text,
.filter-modal_section .category-buttons .lx-checkbox__text,
.filter-modal_section .size-buttons .lx-checkbox__text {
white-space: normal
}
.filter-modal_section .boolean-buttons:not(.no-react) .checkmark:before,
.filter-modal_section .category-buttons .checkmark:before,
.filter-modal_section .size-buttons .checkmark:before {
display: block
}
.filter-modal_section .filter-modal_dynamic-filters,
.filter-modal_section .filter-modal_dynamic-filters .filter-list,
.filter-modal_section .filter-modal_sort-filter,
.filter-modal_section .filter-modal_sort-filter .filter-list {
display: flex;
flex-direction: column;
width: 100%
}
.filter-modal_section .filter-modal_dynamic-filters .filter-list>.ais-RefinementList-list .lx-checkbox__text {
text-transform: lowercase;
text-wrap: wrap
}
.filter-modal_section .filter-modal_dynamic-filters .filter-list>.ais-RefinementList-list .lx-checkbox__text:first-letter {
text-transform: uppercase
}
.filter-modal_section .aa-customSortBy_container.refinements__wrapper .filters-content,
.filter-modal_section .ais-RefinementList.refinements__wrapper .filters-content {
margin: 0;
padding: .5625rem 0 .3125rem 1rem;
overflow: hidden;
max-height: 100%
}
.filter-modal_section .aa-customSortBy_container.refinements__wrapper .filters-content ul,
.filter-modal_section .ais-RefinementList.refinements__wrapper .filters-content ul {
margin-left: 0
}
.filter-modal_section .aa-customSortBy_container.refinements__wrapper .filters-content ul .lx-checkbox__check,
.filter-modal_section .ais-RefinementList.refinements__wrapper .filters-content ul .lx-checkbox__check {
width: 1.5rem;
height: 1.5rem
}
.filter-modal_section .aa-customSortBy_container.refinements__wrapper .filters-content ul .lx-checkbox__label:before,
.filter-modal_section .ais-RefinementList.refinements__wrapper .filters-content ul .lx-checkbox__label:before {
top: calc(rem-calc(-10) - var(--gap)*0.5)
}
.filter-modal_section .aa-customSortBy_container.refinements__wrapper .slider-input__container,
.filter-modal_section .ais-RefinementList.refinements__wrapper .slider-input__container {
margin-left: 1rem
}
.filter-modal_section .aa-customSortBy_container.refinements__wrapper .filters__container__actions,
.filter-modal_section .ais-RefinementList.refinements__wrapper .filters__container__actions {
display: none
}
.filter-modal_section .aa-customSortBy_container.refinements__wrapper .filters-content {
padding-top: 0
}
.filter-modal_section .ais-Dropdown.ais-Dropdown--opened .ais-RefinementList.refinements__wrapper .filters-content.filters--price {
margin-left: 0;
margin-bottom: 1rem;
padding-top: 1rem;
padding-left: 0
}
.filter-modal_section .ais-Panel.ais-Dropdown {
width: 100%;
margin-bottom: 0;
border-bottom: .0625rem solid #c6c6c6;
border-radius: 0
}
@media (min-width:1024px) {
.filter-modal_section .refinements__button-wrapper {
height: auto
}
}
.filter-modal_section .refinements__button-wrapper .refinements__item-button {
background-color: #fff;
border: none;
color: #000;
display: flex;
flex-direction: row;
height: auto;
padding: 0 2rem 0 1rem;
width: 100%;
margin-top: 1.25rem;
margin-bottom: 1.25rem
}
.filter-modal_section .refinements__button-wrapper .refinements__item-button i.desk {
display: block !important;
margin-top: .125rem
}
.filter-modal_section .refinements__button-wrapper .refinements__item-button span.filter-name {
padding-left: 1rem;
text-align: left;
font-size: 1rem;
letter-spacing: -.01rem
}
.filter-modal_section .refinements__button-wrapper .refinements__item-button .filter-selected_values {
display: flex
}
.filter-modal_section .refinements__button-wrapper .refinements__item-button .filter-selected_values span {
padding-top: .3125rem;
padding-left: 1rem;
font-size: .75rem;
letter-spacing: .00375rem;
color: #555;
word-wrap: break-word;
white-space: normal;
text-align: left;
font-weight: 400
}
.filter-modal_section .refinements__button-wrapper .refinements__item-button .filter-selected_values span:empty {
padding-top: 0
}
.filter-modal_section .aa-customSortBy_container,
.filter-modal_section .ais-Dropdown .ais-Panel-body>div>div[class^=ais-] {
position: relative;
padding: 0 2rem .5rem 1rem;
margin: 0;
top: -.0625rem;
z-index: 999;
max-height: 0;
overflow: hidden;
background-color: #fff
}
.filter-modal_section .aa-customSortBy_container {
padding: 0 2rem .5rem
}
.filter-modal_section .ais-Dropdown--opened ul.ais-RefinementList-list {
display: grid;
grid-template-columns: repeat(2, 1fr)
}
.filter-modal_section .ais-Dropdown--opened ul.ais-RefinementList-list li {
display: flex;
align-items: center;
list-style: none;
margin-left: .0625rem;
margin-bottom: .5rem
}
.filter-modal_section .ais-Dropdown--opened .ais-Panel-header .refinements__item-button .fa-angle-up,
.filter-modal_section .ais-Dropdown--opened .ais-Panel-header .refinements__item-button span.filter-name {
font-weight: 700
}
.filter-modal_section .ais-Dropdown--opened .ais-Panel-body .ais-RefinementList-actions {
display: none
}
.filter-modal_section .ais-Dropdown--opened .aa-customSortBy_container,
.filter-modal_section .ais-Dropdown--opened .ais-Panel-body>div>div[class^=ais-] {
max-height: 100%;
max-width: 100%
}
.filter-modal_section .ais-Dropdown--opened .ais-RefinementList.refinements__wrapper .filters-content.filters--price .noUi-horizontal {
margin-left: 1.25rem
}
.filter-modal_section .ais-Dropdown--opened .ais-RefinementList-count {
margin-right: .5rem
}
.filter-modal_section .filter-modal_category .ais-Dropdown--opened ul.ais-RefinementList-list {
display: flex;
flex-direction: column
}
.filter-modal_section .filter-modal_category .ais-Dropdown--opened ul.ais-RefinementList-list li {
display: block
}
.filter-modal_section .ais-Panel-footer {
display: none
}
.filter-modal_footer {
display: flex;
flex: 0 0 auto;
flex-direction: row;
justify-content: space-around;
align-items: center;
height: 5.4375rem;
padding: 1rem;
background: #f5f5f5
}
.filter-modal_footer .filter-modal_clear,
.filter-modal_footer .filter-modal_show {
flex: 1;
margin: 0 .5rem
}
.filter-modal_footer .filter-modal_clear {
display: block;
justify-content: left;
align-items: center
}
.filter-modal_footer .filter-modal_clear .filter-modal_clear-button:not(.no-styles) {
cursor: pointer;
font-weight: 700;
color: #555;
background-color: transparent;
background-image: none;
box-shadow: none;
display: inline;
font-size: inherit;
justify-content: normal;
line-height: inherit;
place-items: initial;
text-decoration: underline;
-webkit-user-select: auto;
-moz-user-select: auto;
user-select: auto;
letter-spacing: .01rem;
border: .125rem solid;
padding: .75rem;
border-radius: .3125rem;
background-color: #fff;
height: 56px;
width: 100%
}
.filter-modal_footer .filter-modal_show,
.filter-modal_footer .filter-modal_show span {
align-items: center;
display: flex;
justify-content: center
}
.filter-modal_footer .filter-modal_show span {
background: #1c1b1b;
border-radius: .3125rem;
color: #fff;
cursor: pointer;
font-size: 1rem;
letter-spacing: -.01rem;
text-align: center;
min-height: 3.25rem;
padding: .5rem 1rem;
height: 56px;
width: 100%
}
@media screen and (min-width:48rem) {
.filter-modal_container {
width: 30rem
}
.filter-modal_section .refinements__button-wrapper .refinements__item-button {
padding: 0 2rem
}
.filter-modal_section .refinements__button-wrapper .refinements__item-button .filter-selected_values span,
.filter-modal_section .refinements__button-wrapper .refinements__item-button span.filter-name {
padding-left: 0
}
.filter-modal_footer .filter-modal_show span {
padding: 1rem;
font-size: 1rem
}
}
@media screen and (min-width:64rem) {
.show-more-filters-btn {
order: 99;
margin-left: 0
}
}
.filter-modal_container .filter-total__quantity,
.filter-section .filter-total__quantity--modal {
display: none
}
.filter-modal_container .ais-Dropdown-button--filtered .fa-angle-down,
.filter-modal_container .ais-Dropdown-button--filtered .filter-name {
font-weight: 700
}
.aa-load-more__container {
display: block;
max-width: 17.5rem;
padding: 0;
text-align: center
}
.aa-load-more__button {
min-width: 11.1875rem;
height: 3.5rem;
padding: 1rem 1.5rem;
border-radius: .25rem;
box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .15);
background-color: #000;
color: #fff;
border: none
}
.aa-progress {
max-width: 16.0625rem;
margin: auto;
border-radius: 3.125rem;
background-color: #d9d9d9
}
.aa-progress__bar {
height: .3125rem;
border-radius: 3.125rem;
background-color: #000
}
.aa-products-seen {
font-size: 1rem;
line-height: 1.5;
letter-spacing: .01rem;
color: #939090;
white-space: nowrap
}
#infinitescroll {
position: relative;
bottom: 15.625rem
}
#infinitescroll,
.button-container {
width: 100%;
display: flex;
float: left
}
.button-container {
flex-wrap: nowrap;
padding: .3125rem;
height: 3.125rem
}
.aa-site-search,
.button-container {
justify-content: center;
align-items: center
}
.aa-site-search {
position: relative;
display: none;
flex-direction: row;
flex-grow: 9999 !important;
width: 100%;
padding: 1rem !important;
scroll-behavior: smooth;
background-color: #fff;
top: 0;
transition: top .3s ease-in-out
}
@media (max-width:767.98px) {
.aa-site-search__mbMarginBottom {
padding: 0 1rem .75rem !important
}
}
.aa-search-input {
height: 3.375rem;
width: 100%
}
.aa-search-input .ais-SearchBox-form {
height: 3.375rem
}
.aa-reset-button {
display: flex;
justify-content: flex-end;
width: fit-content;
flex-grow: 0;
font-size: .75rem;
letter-spacing: .01rem;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
color: #939090;
max-width: 5.625rem;
background: #fff !important
}
.aa-reset-button span {
right: 0
}
.ais-SearchBox-input {
font-size: 1rem !important;
height: 3.375rem !important;
padding: 1rem 4rem 1rem 2.4375rem !important;
border: .0625rem solid #1d1d1d !important;
border-radius: .25rem !important
}
.ais-SearchBox-input:placeholder-shown~.ais-SearchBox-label {
left: 2.5rem !important;
top: 1rem !important;
color: #1d1d1d !important
}
.ais-SearchBox-input:focus {
box-shadow: 0 0 0 .25rem #e5e2e1
}
.ais-SearchBox-input:-webkit-autofill~.ais-SearchBox-label,
.ais-SearchBox-input:focus~.ais-SearchBox-label,
.ais-SearchBox-input:not(:placeholder-shown)~.ais-SearchBox-label {
top: -.6875rem !important;
left: 1rem !important
}
.our-recommendations-container:has(>.aa-our-recommendations>ul:empty) {
margin: 0
}
.aa-search-popup-close {
height: 3.375rem;
width: 3.375rem;
min-height: 3.375rem;
min-width: 3.375rem;
padding: 0;
margin-left: 1rem !important;
cursor: pointer;
white-space: nowrap;
text-align: center;
display: inline-block;
line-height: 1.25rem;
font-size: .875rem;
border: .0625rem solid #e5e2e1;
color: #fff;
background-color: #1c1b1b;
-webkit-transition: all .3s ease;
transition: all .3s ease;
border-radius: .25rem;
letter-spacing: .035rem;
font-family: Inter, Century Gothic, CenturyGothic, AppleGothic, sans-serif
}
@media (max-width:543.98px) {
.aa-search-popup-close {
display: none !important
}
}
@media (max-width:1023.98px) {
.aa-search-popup-close {
margin-left: 1rem
}
}
@media (min-width:768px) {
.aa-search-popup-close {
margin-left: .75rem
}
}
@media (min-width:768px) {
.aa-our-recommendations {
margin-left: 1.5rem
}
}
@media (max-width:1023.98px) {
.aa-our-recommendations {
margin-left: 1rem
}
}
@media (max-width:767.98px) {
.aa-our-recommendations {
margin-left: 0
}
}
.aa-our-recommendations ul {
list-style-type: none;
margin: 0;
padding: 0
}
@media (max-width:767.98px) {
.aa-our-recommendations ul {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
flex-wrap: nowrap;
display: flex;
scrollbar-width: none;
-ms-overflow-style: none
}
}
.aa-our-recommendations ul::-webkit-scrollbar {
display: none
}
.aa-our-recommendations ul li {
float: left;
list-style: none;
margin-right: 1rem
}
.aa-our-recommendations ul li button.our-suggestion-btn {
font-size: .8125rem;
text-align: left;
color: #000;
border-radius: .25rem;
letter-spacing: .01625rem
}
@media (max-width:767.98px) {
.aa-our-recommendations ul li button.our-suggestion-btn__first {
margin-left: 1rem
}
}
.aa-our-recommendations ul li .ais-Highlight-highlighted {
background-color: transparent !important;
font-weight: 700;
color: #000;
padding: 0
}
@media (max-width:767.98px) {
.aa-popular-searches .popular-searches-hidden {
display: none
}
}
.algolia-results-tab {
cursor: pointer
}
li.aa-Item {
display: inline-block
}
#search-custom-panel {
z-index: 101
}
#search-custom-panel,
.popin-wrapper {
position: fixed;
width: 100%;
max-width: 100%;
top: 0;
left: 0;
right: 0
}
.popin-wrapper {
z-index: 100;
display: none;
background-color: #fff;
overflow-y: auto;
overscroll-behavior-y: none
}
.aa-PanelSections {
flex-direction: column;
row-gap: var(--aa-spacing)
}
.aa-PanelSection {
display: flex;
flex-direction: column
}
.popin-content {
height: 80vh
}
.algolia-plp,
.popin-content {
width: 100%;
margin: 0 auto;
color: #000;
background-color: #fff;
display: block
}
.algolia-plp ul,
.popin-content ul {
margin: 0;
padding: 0
}
.algolia-plp .row,
.popin-content .row {
display: flex;
margin: 0 !important
}
.algolia-plp .row .aa-PanelSection--left,
.popin-content .row .aa-PanelSection--left {
width: 100%;
padding: .3125rem 1rem
}
.algolia-plp .row .aa-PanelSection--left.aa-categories,
.algolia-plp .row .aa-PanelSection--left.aa-widgets,
.popin-content .row .aa-PanelSection--left.aa-categories,
.popin-content .row .aa-PanelSection--left.aa-widgets {
flex: 0 0 100%
}
.algolia-plp .row .aa-PanelSection--left.aa-widgets .ais-Panel-header,
.popin-content .row .aa-PanelSection--left.aa-widgets .ais-Panel-header {
color: #000;
font-size: 1rem;
letter-spacing: .01rem
}
.algolia-plp .row .aa-PanelSection--left.aa-products,
.popin-content .row .aa-PanelSection--left.aa-products {
flex: 0 0 100%
}
.algolia-plp .row .aa-PanelSection--left.aa-products.full_screen,
.popin-content .row .aa-PanelSection--left.aa-products.full_screen {
width: 100%
}
.algolia-plp .row .aa-PanelSection--left.bm-suggestions,
.popin-content .row .aa-PanelSection--left.bm-suggestions {
flex: 0 0 100%
}
.algolia-plp .row .aa-PanelSection--left.bm-suggestions .deferred-content,
.popin-content .row .aa-PanelSection--left.bm-suggestions .deferred-content {
position: absolute;
left: 0;
width: 100%
}
.algolia-plp .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__header,
.popin-content .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__header {
margin-top: 0 !important;
margin-left: .9375rem;
font-size: 1rem;
letter-spacing: .01rem;
font-weight: 700;
line-height: 1.5rem;
letter-spacing: normal;
text-align: left !important;
text-transform: none;
color: #000
}
.algolia-plp .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__container,
.popin-content .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__container {
padding: 0
}
.algolia-plp .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__container .suggestions__focus-wrapper,
.popin-content .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__container .suggestions__focus-wrapper {
margin: 0;
padding-left: .5625rem;
padding-right: .5625rem
}
.algolia-plp .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__focus-wrapper,
.popin-content .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__focus-wrapper {
scrollbar-width: none;
-ms-overflow-style: none
}
.algolia-plp .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__focus-wrapper::-webkit-scrollbar,
.popin-content .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__focus-wrapper::-webkit-scrollbar {
display: none
}
.algolia-plp .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__focus-item:first-child,
.popin-content .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__focus-item:first-child {
margin-left: 0
}
.algolia-plp .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__focus-item img,
.popin-content .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__focus-item img {
aspect-ratio: 1/1;
display: block;
background: linear-gradient(110deg, #e5e2e1 15%, #f5f5f5 30%, #e5e2e1 45%);
background-size: 200% 100%;
animation: shine 1.5s linear infinite
}
.filter-section {
background-color: #fff;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: .5rem;
scroll-behavior: smooth
}
.filter-section--fixed {
position: fixed;
z-index: 3;
outline: .125rem solid #fff
}
@media (max-width:767.98px) {
.filter-section--fixed {
width: 100vw;
left: 0;
padding-left: 1rem;
padding-right: 1rem
}
}
.filter-section--hidden {
position: relative;
visibility: hidden
}
.filter-section .filter-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
padding-right: .625rem;
scrollbar-width: none;
-ms-overflow-style: none;
width: 100%;
padding-top: .9375rem;
padding-bottom: .1875rem
}
@media screen and (min-width:768px) {
.filter-section .filter-container {
padding-top: .9375rem;
padding-bottom: .1875rem
}
}
.filter-section .filter-container::-webkit-scrollbar {
display: none
}
.filter-section .filter-container .filters__container__actions {
display: flex;
padding: .9375rem 0 0;
position: static;
width: auto;
background: transparent;
border: none;
margin-left: 1rem
}
.filter-section .dynamic-filters,
.filter-section .dynamic-filters .filter-list,
.filter-section .gender-filter,
.filter-section .gender-filter .filter-list,
.filter-section .sort-filter,
.filter-section .sort-filter .filter-list,
.filter-section .static-filters,
.filter-section .static-filters .filter-list {
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: left
}
.filter-section .dynamic-filters .filter,
.filter-section .gender-filter .filter,
.filter-section .sort-filter .filter,
.filter-section .static-filters .filter {
padding-right: .3125rem
}
.filter-section .dynamic-filters .filter:empty,
.filter-section .gender-filter .filter:empty,
.filter-section .sort-filter .filter:empty,
.filter-section .static-filters .filter:empty {
padding-right: 0
}
.filter-section .dynamic-filters {
display: block
}
.filter-section .dynamic-filters .filter-list>.ais-RefinementList-list .lx-checkbox__text {
text-transform: lowercase
}
.filter-section .dynamic-filters .filter-list>.ais-RefinementList-list .lx-checkbox__text:first-letter {
text-transform: uppercase
}
.filter-section .sort-filter {
padding-right: .3125rem
}
.filter-section .ais-Panel.ais-Dropdown {
margin-bottom: 0
}
.filter-section .ais-Panel-footer {
display: block;
margin-top: 0
}
.filter-section .ais-Panel-footer:not(.collapsed) {
background-color: #fff;
border: none
}
.filter-section .refinements__item-button {
border: none;
height: 2.5rem;
min-width: 100%;
background-color: #f9f9f9;
padding: 0 .625rem;
border-radius: .3125rem;
background-color: #f8f8f8;
opacity: 1
}
.filter-section .refinements__item-button span.filter-name {
padding-left: 0;
margin-right: 0;
color: #1c1b1b;
font-size: 1rem;
letter-spacing: .01rem
}
@media (min-width:1024px) {
.filter-section .refinements__item-button span.filter-name {
font-size: .8125rem;
letter-spacing: -.0125rem
}
}
.filter-section .refinements__item-button span.txt-bold {
font-weight: 700
}
.filter-section .refinements__item-button i.d-block {
display: none !important
}
@media (min-width:544px) {
.filter-section .refinements__item-button i.d-block {
display: none !important;
position: relative;
top: .125rem;
margin-left: .5rem;
color: #000
}
}
.filter-section .refinements__item-button .selected-sortby {
font-weight: 700
}
.filter-section .refinements__item-button .filter-selected_values {
display: none
}
.filter-section .refinements__item-button:not(.collapsed) {
background-color: #e5e2e1
}
.filter-section .refinements__item-button:hover {
opacity: .8
}
.filter-section .aa-customSortBy_container {
display: none
}
.filter-section .ais-Dropdown .ais-Panel-header {
display: block;
height: 2.875rem;
border: .0625rem solid #fff;
min-width: 100%
}
.filter-section .ais-Dropdown .ais-Panel-header.expanded {
border-color: #f3f3f3 #f3f3f3 #fff;
z-index: 100
}
.filter-section .ais-Dropdown .ais-Panel-header.deactivated {
pointer-events: none;
opacity: .5
}
.filter-section .ais-Dropdown .ais-Panel-header.aa-filter-skeleton {
background: linear-gradient(110deg, #e5e2e1 15%, #f5f5f5 30%, #e5e2e1 45%);
background-size: 200% 100%;
animation: shine 1.5s linear infinite;
width: 6.25rem
}
.filter-section .ais-Dropdown--opened .btn-name,
.filter-section .ais-Dropdown--opened .fa-angle-up {
font-weight: 700
}
.filter-section .ais-Dropdown--opened ul.ais-RefinementList-list li {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
margin-bottom: .5rem
}
.filter-section .ais-Dropdown--opened ul.ais-RefinementList-list li:last-child {
margin-bottom: 0
}
.filter-section .ais-Dropdown--opened .ais-Panel-body .ais-RefinementList-actions {
display: flex
}
.refinements__item-button .filter-total__quantity,
.show-more-filters-btn .filter-total__quantity {
border-radius: 1.25rem;
color: #fff;
font-size: .8125rem;
font-weight: 700;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.55;
position: relative;
right: 0;
top: 0;
width: 1rem;
text-align: center;
margin-left: .5rem;
background-color: #1c1b1b;
width: 1.25rem;
height: 1.25rem;
letter-spacing: .01625rem
}
.refinements__item-button .filter-total__quantity .filter-quantity__text,
.show-more-filters-btn .filter-total__quantity .filter-quantity__text {
position: absolute;
left: 0;
text-align: center;
width: 100%
}
.my-BrandDropdown .ais-RefinementList-list {
width: 20rem;
display: flex;
flex-wrap: wrap
}
.my-BrandDropdown .ais-RefinementList-item {
margin: .2rem;
padding: .1rem .5rem;
border-radius: 2em;
background: #ccc
}
.my-BrandDropdown .ais-RefinementList-item .ais-RefinementList-checkbox {
display: none
}
.my-BrandDropdown .ais-RefinementList-item.ais-RefinementList-item--selected {
background: #333;
color: #fff
}
.my-BrandDropdown .ais-RefinementList-label mark {
background: none;
text-decoration: underline;
font-weight: 700
}
.aa-customSortBy_container.refinements__wrapper,
.ais-RefinementList.refinements__wrapper {
overflow-y: hidden;
overflow-x: hidden;
background: #fff;
width: auto;
max-width: 20.5rem;
left: unset;
height: unset
}
.aa-customSortBy_container.refinements__wrapper .filters-content,
.ais-RefinementList.refinements__wrapper .filters-content {
width: auto;
margin-top: .5rem;
margin-right: 0;
scrollbar-width: thin;
scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
display: block;
overflow-x: hidden;
max-height: 18.625rem;
overflow-y: auto;
padding: 1rem 0 0 1rem;
position: unset;
top: unset
}
.ais-RefinementList-count {
background: none;
border: none
}
.ais-RefinementList-list .lx-checkbox__check a,
.ais-RefinementList-list .lx-checkbox__text a {
text-decoration: none
}
.ais-RefinementList-list .lx-checkbox__check a:hover,
.ais-RefinementList-list .lx-checkbox__text a:hover {
text-decoration: underline
}
.ais-RefinementList-list .lx-checkbox__check.breadcumb,
.ais-RefinementList-list .lx-checkbox__text.breadcumb {
font-weight: lighter;
font-size: small;
color: #333;
margin-left: 1.5rem;
line-height: unset
}
#price .ais-RangeSlider,
#st-price .ais-RangeSlider {
width: 12rem
}
.aa-customSortBy_list {
list-style: none
}
.aa-customSortBy_listItem {
font-size: .875rem;
line-height: 1.75rem;
white-space: nowrap
}
.aa-customSortBy_listItem-label {
display: flex;
flex-wrap: nowrap;
align-items: center;
cursor: pointer
}
.aa-customSortBy_listItem-radio {
appearance: none;
background: #fff;
border: .0625rem solid #000;
border-radius: 50%;
box-shadow: inset 0 .0625rem .25rem 0 rgba(119, 122, 175, .3);
height: 1rem;
margin: 0 .5rem 0 0;
outline: 0;
position: relative;
width: 1rem
}
.aa-customSortBy_listItem-radio:checked,
.aa-customSortBy_listItem-radio:focus {
border-color: #000;
box-shadow: 0 .0625rem 0 0 rgba(35, 38, 59, .05)
}
.aa-customSortBy_listItem-radio:focus {
box-shadow: 0 0 0 .0625rem #000, 0 .0625rem 0 0 rgba(35, 38, 59, .05)
}
.aa-customSortBy_listItem-radio:checked:after {
background: #000;
border-radius: 50%;
bottom: .25rem;
content: "";
left: .25rem;
position: absolute;
right: .25rem;
top: .25rem
}
.gender-filter {
display: flex;
overflow-x: auto;
scrollbar-width: none;
-ms-overflow-style: none;
margin: 0 -1rem 1rem;
padding: 0 1rem
}
.gender-filter::-webkit-scrollbar {
display: none
}
.gender-filter:has(>.ais-Menu--noRefinement:empty) {
margin-bottom: 0
}
.aa-gender_root,
.aa-subcategory_root {
border-bottom: .0625rem solid #f5f5f5;
margin-right: 0;
padding-left: 1rem
}
.aa-gender_list,
.aa-subcategory_list {
display: flex;
flex-direction: row
}
.filters-sticky .aa-gender_list,
.filters-sticky .aa-subcategory_list {
padding-left: 1rem;
padding-top: 1rem
}
.aa-gender_item,
.aa-subcategory_item {
margin-right: 1.5rem;
margin-bottom: -.0625rem
}
.aa-gender_selectedItem .aa-gender_label,
.aa-gender_selectedItem .aa-subcategory_label,
.aa-subcategory_selectedItem .aa-gender_label,
.aa-subcategory_selectedItem .aa-subcategory_label {
color: #1c1b1b;
font-size: 1rem;
font-weight: 700;
letter-spacing: .01rem;
border-bottom: .125rem solid #1c1b1b;
padding-bottom: .5rem
}
@media (min-width:1024px) {
.aa-gender_selectedItem .aa-gender_label,
.aa-gender_selectedItem .aa-subcategory_label,
.aa-subcategory_selectedItem .aa-gender_label,
.aa-subcategory_selectedItem .aa-subcategory_label {
font-size: .8125rem;
border-bottom: .0625rem solid #1c1b1b
}
}
.aa-gender_link,
.aa-subcategory_link {
text-decoration: none !important
}
.aa-gender_link .aa-gender-skeleton,
.aa-gender_link .aa-subcategory-skeleton,
.aa-subcategory_link .aa-gender-skeleton,
.aa-subcategory_link .aa-subcategory-skeleton {
background: linear-gradient(110deg, #e5e2e1 15%, #f5f5f5 30%, #e5e2e1 45%);
background-size: 200% 100%;
animation: shine 1.5s linear infinite;
height: 1.375rem;
width: 4rem;
margin-bottom: .375rem
}
.aa-gender_label,
.aa-subcategory_label {
color: #939090;
font-size: 1rem;
letter-spacing: .01rem
}
.aa-gender_label:first-letter,
.aa-subcategory_label:first-letter {
text-transform: uppercase
}
@media (min-width:1024px) {
.aa-gender_label,
.aa-subcategory_label {
font-size: .8125rem
}
}
.aa-gender_count,
.aa-subcategory_count {
display: none
}
.aa-product-tile__list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(calc(50% - 5px), 1fr));
align-items: start
}
@media (max-width:768px) {
.aa-product-tile__list {
padding-left: 0
}
}
@media (min-width:768px) {
.aa-product-tile__list {
grid-template-columns: repeat(auto-fill, minmax(calc(33% - 6px), 1fr))
}
}
@media (min-width:1024px) {
.aa-product-tile__list {
grid-template-columns: repeat(auto-fill, minmax(calc(25% - 6px), 1fr))
}
}
.aa-product-tile__list.one-col {
grid-template-columns: repeat(auto-fill, minmax(calc(100% - 5px), 1fr))
}
.aa-product-tile__list.default {
grid-template-columns: inherit
}
.ais-InfiniteHits-item {
width: 100%;
border: revert;
box-shadow: none;
padding: 0 .1875rem 1.875rem 0
}
@media (min-width:768px) {
.ais-InfiniteHits-item {
padding-bottom: 2.5rem
}
}
.ais-InfiniteHits-item:first-of-type {
border-radius: revert
}
.aa-ItemLink {
position: relative;
display: block;
text-align: center
}
.aa-ItemLink .attributes-block {
margin-top: .3125rem
}
@media (min-width:1024px) {
.aa-ItemLink .attributes-block {
margin-top: .625rem
}
}
.aa-ItemLink .product-tile__badge-placeholder {
bottom: .5rem
}
@media (min-width:1024px) {
.aa-ItemLink .product-tile__badge-placeholder {
bottom: 1rem
}
}
.aa-ItemLink .aa-product-tile__badges-sale {
width: 2.5rem;
height: 1.3125rem;
flex-grow: 0;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 0 .25rem;
opacity: .8 !important;
background-color: #f0f0f0 !important
}
.aa-ItemLink .aa-product-tile__badges-value {
width: 1.5625rem;
height: 1rem;
flex-grow: 0;
font-size: .8125rem;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.3;
letter-spacing: .01562rem;
text-align: left;
color: #000
}
.aa-ItemLink .product-tile__swatches,
.aa-ItemLink .product-tile__swatches--responsive {
position: absolute;
width: 100%;
visibility: initial;
transition: none;
padding: 0
}
.aa-ItemLink .product-tile__swatches--responsive .aa-color-attribute:not(:last-of-type),
.aa-ItemLink .product-tile__swatches .aa-color-attribute:not(:last-of-type) {
margin-right: .625rem
}
@media (min-width:768px) {
.aa-ItemLink .product-tile__swatches--responsive .aa-color-attribute,
.aa-ItemLink .product-tile__swatches .aa-color-attribute {
display: inline-block
}
}
@media (min-width:1024px) {
.aa-ItemLink .product-tile__swatches--responsive .aa-color-attribute,
.aa-ItemLink .product-tile__swatches .aa-color-attribute {
width: unset;
height: unset;
margin: unset
}
}
.aa-ItemLink .product-tile__swatches--responsive .swatches,
.aa-ItemLink .product-tile__swatches .swatches {
transition: none;
padding-left: .25rem;
padding-right: .25rem;
display: none
}
@media (min-width:1024px) {
.aa-ItemLink .product-tile__swatches--responsive .swatches,
.aa-ItemLink .product-tile__swatches .swatches {
display: flex;
flex-wrap: nowrap;
justify-content: center
}
}
.aa-ItemLink .product-tile__swatches--responsive .swatches ul,
.aa-ItemLink .product-tile__swatches .swatches ul {
padding: 0 .3125rem
}
.aa-ItemLink .product-tile__swatches--responsive .swatches ul li,
.aa-ItemLink .product-tile__swatches .swatches ul li {
align-content: end
}
.aa-ItemLink .product-tile__swatches--responsive button.splide__arrow--next,
.aa-ItemLink .product-tile__swatches button.splide__arrow--next {
position: absolute;
z-index: 1;
width: 1.25rem;
display: block;
top: 0;
right: 0;
height: 1.9375rem;
pointer-events: none;
background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .9) .5625rem);
transition: width .5s;
border: none;
padding: 0;
margin: 0
}
.aa-ItemLink .product-tile__swatches--responsive button.splide__arrow--next:disabled,
.aa-ItemLink .product-tile__swatches button.splide__arrow--next:disabled {
display: none
}
.aa-ItemLink .product-tile__swatches--responsive button.splide__arrow--next svg,
.aa-ItemLink .product-tile__swatches button.splide__arrow--next svg {
display: none;
width: 0;
height: 0
}
.aa-ItemLink .product-tile__swatches--more-btn,
.aa-ItemLink .product-tile__swatches--responsive--more-btn {
font-size: .625rem;
color: #939090;
padding-top: .125rem
}
.aa-ItemLink .product-tile__swatches .aa-color-attribute:not(:last-of-type) {
margin-right: 1.25rem
}
@media (max-width:1024px) {
.aa-ItemLink .product-tile__swatches .aa-color-attribute:nth-child(4)~.aa-color-attribute {
display: none
}
}
@media (max-width:1280px) {
.aa-ItemLink .product-tile__swatches .aa-color-attribute:nth-child(5)~.aa-color-attribute {
display: none
}
}
@media (max-width:1408px) {
.aa-ItemLink .product-tile__swatches .aa-color-attribute:nth-child(6)~.aa-color-attribute {
display: none
}
}
@media (max-width:1536px) {
.aa-ItemLink .product-tile__swatches .aa-color-attribute:nth-child(7)~.aa-color-attribute {
display: none
}
}
@media (min-width:1024px) {
.product__tile:hover .aa-ItemLink .product-tile__swatches+.product-tile__badge-placeholder+.product-tile__quick-shop {
bottom: 3rem
}
}
.aa-ItemContent {
display: block;
text-align: center;
font-size: 1rem;
letter-spacing: .01rem;
color: #1c1b1b;
cursor: auto
}
.aa-ItemContent .aa-ItemContentBody {
gap: 0 !important
}
.aa-ItemPicture {
width: 100%;
height: 100%;
overflow: hidden;
background: rgba(128, 126, 163, .2);
background-color: #fff;
position: relative
}
.aa-ItemPicture .splide__arrow {
background: transparent
}
@media (max-width:1139.98px) {
.aa-ItemPicture .splide__arrow {
display: none
}
}
.aa-ItemPicture .splide__list {
width: 100%
}
.aa-ItemPicture img {
object-fit: cover;
width: 100%;
height: auto;
opacity: 0;
transition: opacity .2s ease-out
}
.aa-ItemPicture--loaded img {
opacity: 1
}
.aa-ItemContentBody .new-tile-badge-wrapper {
text-align: left;
margin-bottom: .375rem
}
@media (min-width:1024px) {
.aa-ItemContentBody .new-tile-badge-wrapper {
margin-bottom: 0
}
}
.aa-ItemContentBody .product__tile__badges-wrap:not(:last-of-type):after {
content: "";
margin-left: .5rem;
margin-right: .375rem;
display: inline-block;
height: 50%;
vertical-align: middle;
border-left: .0625rem solid #000
}
.aa-ItemContentBody .product__tile__badges-wrap .aa-product-tile__badges {
height: 100% !important;
font-size: .625rem !important;
line-height: .6875rem !important;
font-weight: 700;
letter-spacing: -.01875rem;
text-transform: uppercase
}
.aa-ItemContentTitleWrapper {
display: grid;
margin-left: .5rem
}
.aa-ItemContentTitleWrapper .aa-ItemContentText {
float: left
}
.aa-ItemContentTitleWrapper .aa-ItemContentTitle {
float: left;
font-size: .8125rem;
font-weight: 400;
text-align: left;
line-height: 1.25rem;
letter-spacing: .01rem;
-webkit-box-flex: 1;
-ms-flex: 1 2 auto;
flex: 1 2 auto
}
.aa-ItemContentTitleWrapper .aa-ItemContentTitle.aa-product-skeleton__title {
margin-top: 1rem
}
.aa-ItemContentTitleWrapper .aa-ItemContentTitle .ais-Highlight-highlighted {
padding: 0
}
.aa-ItemContentTitleWrapper .aa-ItemContentTitle a {
color: #000;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden
}
.aa-ItemContentTitleWrapper .aa-ItemContentPrice {
font-size: .8125rem;
letter-spacing: .01rem;
line-height: 1.25rem;
flex-wrap: wrap
}
.aa-ItemContentTitleWrapper .aa-ItemContentPrice span.item-price {
font-weight: 400
}
.aa-ItemContentTitleWrapper .aa-ItemContentPrice span.item-price.txt-bold {
font-weight: 700
}
.aa-ItemContentTitleWrapper .aa-ItemContentMoreColors {
font-size: .75rem;
line-height: 1.33;
letter-spacing: .01875rem;
text-align: center;
color: #939090;
display: flex
}
@media (max-width:1139.98px) {
.aa-ItemContentTitleWrapper .aa-ItemContentMoreColors {
display: none
}
}
@media (max-width:1023.98px) {
.aa-ItemContentTitleWrapper {
text-align: left
}
}
@media (min-width:1024px) {
.aa-ItemContentTitleWrapper {
margin-left: .25rem
}
}
.aa-Source[data-autocomplete-source-id=products] .aa-List {
display: flex;
flex-wrap: wrap;
gap: var(--aa-spacing-half)
}
.aa-Source[data-autocomplete-source-id=products] .aa-Item {
width: calc(50% - var(--aa-spacing-half)/2)
}
.aa-Source[data-autocomplete-source-id=products] .aa-ItemLink {
justify-content: stretch;
height: 100%
}
.aa-Source[data-autocomplete-source-id=products] .aa-ItemContent {
display: flex;
flex-direction: column;
height: 100%
}
.aa-Source[data-autocomplete-source-id=products] .aa-ItemContent mark {
color: #3e34d3
}
.aa-Source[data-autocomplete-source-id=products] .aa-ItemContentBody {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: var(--aa-spacing-half)
}
.aa-Source[data-autocomplete-source-id=products] .aa-ItemContentBrand {
font-size: .7em;
text-transform: uppercase;
color: #807ea3;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.aa-Source[data-autocomplete-source-id=products] .aa-ItemContentBrand mark {
font-weight: 400
}
.aa-Source[data-autocomplete-source-id=products] .aa-ItemContentTitleWrapper {
height: calc(var(--aa-spacing)*2.5)
}
.aa-Source[data-autocomplete-source-id=products] .aa-ItemContentTitle {
font-size: .9em;
margin: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
white-space: normal
}
.aa-Source[data-autocomplete-source-id=products] .aa-ItemContentPrice {
display: flex;
column-gap: var(--aa-spacing-half)
}
.aa-Source[data-autocomplete-source-id=products] .aa-ItemContentPriceCurrent {
font-weight: 700
}
.aa-Source[data-autocomplete-source-id=products] .aa-ItemContentPriceDiscounted {
font-size: .9em;
text-decoration: line-through;
color: #807ea3
}
.aa-Source[data-autocomplete-source-id=products] .aa-ItemContentRating ul {
display: flex;
list-style: none;
padding: 0
}
.aa-Source[data-autocomplete-source-id=products] .aa-ItemContentRating {
display: flex;
align-items: center;
column-gap: calc(var(--aa-spacing-half)/2);
margin-top: var(--aa-spacing-half)
}
.aa-Source[data-autocomplete-source-id=products] .aa-StarIcon {
width: 1.3em;
height: 1.3em;
color: #fdbc72
}
.aa-Source[data-autocomplete-source-id=products] .aa-StarIcon--muted {
color: #d6d6e6
}
.aa-Source[data-autocomplete-source-id=products] .aa-ItemContentRatingReviews {
font-size: .7em;
color: #908eae
}
.aa-category .ais-Hits-item {
box-shadow: none;
padding: .5rem
}
.aa-category .ais-Hits-item .aa-ItemIcon {
color: #000
}
.aa-suggestions .ais-Panel {
margin-bottom: 0
}
.aa-suggestions .ais-Panel-header {
color: #1c1b1b;
text-transform: lowercase;
letter-spacing: .01rem
}
.aa-suggestions .ais-Panel-header:first-letter {
text-transform: uppercase
}
.aa-suggestions .ais-Hits-list {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
scrollbar-width: none;
-ms-overflow-style: none;
margin-left: -1rem;
margin-right: -1rem;
padding-left: 1rem;
padding-right: 1rem
}
.aa-suggestions .ais-Hits-list::-webkit-scrollbar {
display: none
}
.aa-suggestions .ais-Hits-list .ais-Hits-item {
flex: 0 0 auto;
padding: 0;
box-shadow: none;
border: .0625rem solid #df8787;
border-radius: .3125rem;
margin-bottom: .75rem;
margin-right: .5rem
}
.aa-suggestions .ais-Hits-list .ais-Hits-item:last-child {
margin-right: 0
}
.aa-suggestions .ais-Hits-list .ais-Hits-item .aa-ItemContent:hover {
background-color: #f9ebeb;
border-radius: .3125rem
}
.aa-suggestions .ais-Hits-list .ais-Hits-item .aa-ItemIcon {
width: .875rem;
margin-left: .5rem;
color: #d45e5e;
font-size: .875rem
}
.aa-suggestions .ais-Hits-list .ais-Hits-item .aa-ItemContentTitle {
margin: 0 .5625rem 0 0
}
.aa-suggestions .ais-Hits-list .ais-Hits-item .ais-Highlight-highlighted {
padding: .125rem .125rem 0
}
#stats {
display: flex;
justify-content: left;
height: 100%;
min-height: 2.5rem;
color: #000;
font-weight: 700;
padding-bottom: 1rem;
font-size: 1.1875rem;
letter-spacing: -.0175rem
}
.algolia-plp__products-stats {
display: flex;
text-transform: lowercase;
color: #939090;
font-size: .8125rem;
letter-spacing: .01rem;
align-items: center;
justify-content: flex-start;
float: left;
padding-right: 0;
padding-bottom: 1rem
}
@media (min-width:768px) {
.algolia-plp__products-stats {
width: 20rem
}
}
.aa-recent-searches {
margin-bottom: 1rem
}
.aa-recent-searches:empty {
margin-bottom: 0
}
.aa-recent-searches__list {
padding-inline-start: 0
}
.aa-recent-searches__list .fa-arrow-rotate-right {
padding-right: .875rem;
cursor: pointer
}
.aa-recent-searches__list .fa-xmark {
padding-right: .5rem;
cursor: pointer
}
.aa-recent-searches__list>li {
list-style-type: none;
border-bottom: thin solid #f9f9f9
}
.aa-recent-searches__list>li>span>label {
margin-bottom: .5rem;
margin-top: .5rem;
font-size: 1rem;
letter-spacing: .01rem;
cursor: pointer
}
.aa-recent-searches__header h2 {
color: #1c1b1b;
font-size: 1rem;
letter-spacing: .01rem
}
.aa-recent-searches__header span {
line-height: 1.2;
color: #939090;
text-decoration: underline;
cursor: pointer;
font-size: 1rem;
letter-spacing: .01rem
}
.aa-no-results-recommender div.heading {
font-size: rem-cal(16) !important;
color: #1d1d1d
}
.aa-no-results {
font-size: 1rem;
letter-spacing: .01rem
}
.aa-no-results li {
margin-left: 1rem
}
.aa-noresult_container .aa-suggestions .ais-Panel-header {
font-size: 1rem;
letter-spacing: .01rem;
padding-top: 1.5rem
}
@media (max-width:1023.98px) {
.avoid-scroll {
user-select: none;
touch-action: none;
overflow-y: hidden
}
}
#hits,
#plp-hits {
color: #939090
}
#hits ul,
#plp-hits ul {
list-style-position: inside
}
#hits .aa-no-results-recommender .splide__list,
#plp-hits .aa-no-results-recommender .splide__list {
width: auto
}
#hits .aa-pdp-href:hover,
#plp-hits .aa-pdp-href:hover {
text-decoration: none
}
.aa-suggestions-skeleton {
margin: 1.25rem 1.875rem
}
@media (max-width:767.98px) {
.aa-suggestions-skeleton__container {
overflow-y: hidden;
height: 33vw
}
}
.aa-suggestions-skeleton__title {
width: 18.75rem;
border-radius: .125rem;
height: 1.5rem;
margin: auto auto 1.5rem
}
.aa-suggestions-skeleton__item,
.aa-suggestions-skeleton__title {
background: linear-gradient(110deg, #e5e2e1 15%, #f5f5f5 30%, #e5e2e1 45%);
background-size: 200% 100%;
animation: shine 1.5s linear infinite
}
.aa-suggestions-skeleton__item {
display: inline-block;
width: 8.875rem;
height: 8.875rem;
margin-right: .625rem;
margin-bottom: 3.125rem;
position: relative
}
@media (max-width:767.98px) {
.aa-suggestions-skeleton__item {
width: 24vw;
height: 24vw
}
}
.aa-suggestions-skeleton__item:after {
content: "";
width: 100%;
height: .9375rem;
display: block;
position: absolute;
top: calc(100% + 1.125rem);
border-radius: .125rem;
background: linear-gradient(110deg, #e5e2e1 15%, #f5f5f5 30%, #e5e2e1 45%);
background-size: 200% 100%;
animation: shine 1.5s linear infinite
}
.searchAlgoliaPLPResults {
height: 100vh
}
@media screen and (min-width:768px) {
.aa-site-search {
padding: .625rem 1.5rem !important
}
.aa-suggestions .ais-Hits-list {
flex-wrap: wrap;
overflow-x: hidden;
margin: 0;
padding: 0
}
.aa-suggestions .ais-Hits-list .ais-Hits-item {
flex: 0 0 fit-content;
margin-bottom: .625rem
}
.algolia-plp,
.popin-content {
display: flex
}
.algolia-plp .row,
.popin-content .row {
display: flex;
margin-left: 2rem !important;
margin-right: 2rem !important
}
.algolia-plp .row .aa-PanelSection--left,
.popin-content .row .aa-PanelSection--left {
padding: 0
}
.algolia-plp .row .aa-PanelSection--left.aa-categories,
.popin-content .row .aa-PanelSection--left.aa-categories {
flex: 0 0 25%
}
.algolia-plp .row .aa-PanelSection--left.aa-widgets,
.popin-content .row .aa-PanelSection--left.aa-widgets {
flex: 0 0 25%;
margin-left: 0;
margin-right: .9375rem;
padding: 0
}
.algolia-plp .row .aa-PanelSection--left.aa-widgets .sticky,
.popin-content .row .aa-PanelSection--left.aa-widgets .sticky {
top: 0;
position: sticky
}
.algolia-plp .row .aa-PanelSection--left.aa-products,
.popin-content .row .aa-PanelSection--left.aa-products {
flex: 1;
width: 60%
}
.algolia-plp .row .aa-PanelSection--left.aa-products:has(.aa-no-results-recommender),
.popin-content .row .aa-PanelSection--left.aa-products:has(.aa-no-results-recommender) {
width: 60%
}
.algolia-plp .row .aa-PanelSection--left.aa-products.full_screen,
.popin-content .row .aa-PanelSection--left.aa-products.full_screen {
width: 100%
}
.algolia-plp .row .aa-PanelSection--left.bm-suggestions,
.popin-content .row .aa-PanelSection--left.bm-suggestions {
flex: 1;
width: 60%
}
.algolia-plp .row .aa-PanelSection--left.bm-suggestions .deferred-content,
.popin-content .row .aa-PanelSection--left.bm-suggestions .deferred-content {
position: relative
}
.algolia-plp .row .aa-PanelSection--left.bm-suggestions .deferred-content .row,
.popin-content .row .aa-PanelSection--left.bm-suggestions .deferred-content .row {
margin: 0 !important
}
.algolia-plp .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__header,
.popin-content .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__header {
margin-left: .5rem
}
.algolia-plp .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__container,
.popin-content .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__container {
padding-left: 2.5rem;
padding-right: .9375rem
}
.algolia-plp .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__focus-wrapper,
.popin-content .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__focus-wrapper {
padding: 0
}
.algolia-plp .our-recommendations-container,
.popin-content .our-recommendations-container {
margin: 0 .5rem 2rem
}
.algolia-plp .our-recommendations-container:has(>.aa-our-recommendations>ul:empty),
.popin-content .our-recommendations-container:has(>.aa-our-recommendations>ul:empty) {
margin: 0 .5rem 2rem
}
.algolia-plp .our-recommendations-container .aa-our-recommendations li,
.popin-content .our-recommendations-container .aa-our-recommendations li {
margin-top: .5rem
}
.aa-PanelSections {
column-gap: var(--aa-spacing);
display: flex
}
.aa-Source[data-autocomplete-source-id=products] .aa-List {
display: grid;
grid-template-columns: repeat(4, 1fr)
}
.aa-Source[data-autocomplete-source-id=products] .aa-Item {
padding: var(--aa-spacing-half)
}
.aa-search-popup-close {
margin-left: .625rem !important
}
}
@media screen and (min-width:1024px) {
.aa-site-search {
height: auto;
padding-top: unset;
padding: 0 1.5rem 1rem !important
}
#aa-search-input {
max-width: 100%
}
.algolia-plp,
.popin-content {
display: flex
}
.algolia-plp .row,
.popin-content .row {
display: flex;
margin-left: 2rem !important;
margin-right: 2rem !important
}
.algolia-plp .row .aa-PanelSection--left,
.popin-content .row .aa-PanelSection--left {
padding: 0
}
.algolia-plp .row .aa-PanelSection--left.aa-categories,
.popin-content .row .aa-PanelSection--left.aa-categories {
flex: 0 0 20%
}
.algolia-plp .row .aa-PanelSection--left.aa-widgets,
.popin-content .row .aa-PanelSection--left.aa-widgets {
flex: 0 0 20%;
margin-right: 0;
padding-right: 1rem
}
.algolia-plp .row .aa-PanelSection--left.aa-widgets .sticky,
.popin-content .row .aa-PanelSection--left.aa-widgets .sticky {
top: 0;
position: sticky
}
.algolia-plp .row .aa-PanelSection--left.aa-products,
.popin-content .row .aa-PanelSection--left.aa-products {
flex: 1
}
.algolia-plp .row .aa-PanelSection--left.aa-products:has(.aa-no-results-recommender),
.popin-content .row .aa-PanelSection--left.aa-products:has(.aa-no-results-recommender) {
width: 60%
}
.algolia-plp .row .aa-PanelSection--left.bm-suggestions,
.popin-content .row .aa-PanelSection--left.bm-suggestions {
flex: 1
}
.algolia-plp .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__container,
.popin-content .row .aa-PanelSection--left.bm-suggestions .deferred-content .suggestions__container {
padding: 0 0 0 2rem
}
.filter-section .filter-container {
flex-wrap: wrap;
overflow: initial;
scrollbar-width: auto;
gap: .5rem 0
}
.filter-section .aa-customSortBy_container,
.filter-section .ais-Dropdown .ais-Panel-body>div>div[class^=ais-] {
position: absolute;
border: .0625rem solid #f3f3f3;
padding: 0 1rem .5rem 0;
background-color: #fff;
margin-top: 0;
border-radius: revert;
top: -.0625rem;
z-index: 999
}
.filter-section .aa-customSortBy_container.range-slider,
.filter-section .ais-Dropdown .ais-Panel-body>div>div[class^=ais-].range-slider {
position: unset;
border: unset;
padding: unset;
background-color: unset;
margin-top: unset;
border-radius: unset;
top: unset;
z-index: unset
}
.filter-section .aa-customSortBy_container {
padding: .5rem 1rem
}
.filter-section .dynamic-filters,
.filter-section .dynamic-filters .filter-list,
.filter-section .static-filters,
.filter-section .static-filters .filter-list {
display: contents;
flex-wrap: wrap
}
.filter-section .refinements__item-button:not(.collapsed) {
background-color: #fff
}
.filter-section .refinements__item-button:hover {
opacity: 1
}
.filter-section .ais-Dropdown--opened .refinements__item-button {
background-color: #fff
}
.filter-section .ais-Dropdown--opened .aa-customSortBy_container {
display: block
}
.filter-section .ais-Dropdown--opened .ais-Panel-header {
border: .0625rem solid #f3f3f3;
border-bottom-color: #fff;
z-index: 9999;
position: relative
}
.our-recommendations-container {
margin: 0 .5rem 2rem 0
}
.our-recommendations-container:has(>.aa-our-recommendations>ul:empty) {
margin: 0 .5rem 2rem 0
}
}
.aa-product-skeleton {
display: block
}
.aa-product-skeleton__block {
color: transparent;
background: linear-gradient(110deg, #e5e2e1 15%, #f5f5f5 30%, #e5e2e1 45%);
background-size: 200% 100%;
animation: shine 1.5s linear infinite
}
.aa-product-skeleton__title {
border-radius: .625rem
}
.aa-product-skeleton__price {
margin-top: .875rem;
margin-right: .875rem;
border-radius: .375rem
}
div.page:not(.is-home) .navbar-header__icon.navbar-header__search-mobile.navbar-header__icon-enabled {
display: block
}
@media (max-width:543.98px) {
div.page:not(.is-home) .col.aa-site-search {
display: none
}
}
@media (max-width:543.98px) {
div.page.is-home .col.aa-site-search {
display: block
}
}
.algolia-plp__products .ais-InfiniteHits-item {
padding-top: 0;
padding-right: 0;
padding-left: 0
}
.algolia-plp__products .aa-product-tile__list {
column-gap: .375rem
}
.algolia-plp__products-subcategories {
width: 100%;
padding: 0;
margin: 0;
background-color: #fff
}
@media (max-width:1023.98px) {
.algolia-plp__products-subcategories {
width: calc(100% + 1rem);
margin-left: -1rem
}
}
@media (min-width:1024px) {
.filters-sticky .algolia-plp__products-subcategories {
display: none
}
}
@media screen and (min-width:768px) {
.algolia-plp__products .aa-subcategory_root {
padding-left: 1rem
}
}
.algolia-plp__products .aa-no-results {
padding-left: 1rem;
padding-top: .5rem;
padding-bottom: 2rem
}
@media screen and (min-width:768px) {
.algolia-plp__products .aa-subcategory_root {
width: 100%
}
.algolia-plp__products .aa-no-results {
padding-left: 1.9375rem;
padding-top: .9375rem;
padding-bottom: 2rem
}
}
@media screen and (min-width:768px) {
.algolia-plp__products-stats {
padding-left: 1rem;
justify-content: flex-end;
float: right;
padding-right: 1rem;
padding-bottom: 0
}
}
.aa-grid-icon {
font-size: 24px;
color: #e5e5e5
}
.aa-grid-icon-solid {
font-size: 24px;
color: #1c1b1b
}
@media (max-width:1023.98px) {
.search-results__slot .html-slot-container {
margin-top: .9375rem;
margin-bottom: 1.875rem
}
}
.aa-category-header {
display: grid;
width: 100%;
grid-template-columns: 1fr auto;
grid-template-rows: auto auto
}
@media (min-width:1024px) {
.aa-category-header {
grid-template-columns: auto;
grid-template-rows: auto
}
}
.aa-category-header .aa-scroll-breadcrumbs {
height: 100%;
margin-bottom: 0;
align-items: end
}
@media (min-width:1024px) {
.aa-category-header .aa-scroll-breadcrumbs {
height: .9375rem;
margin-bottom: 1.625rem;
align-items: start;
overflow: visible !important;
padding-left: 2rem !important
}
}
.aa-category-header .filters-mobi {
display: block;
width: 100%;
background-color: #fff
}
.aa-category-header .filters-mobi .filters__containers {
display: flex;
width: 5rem;
padding-top: 0;
padding-bottom: 0
}
.aa-category-header .filters-mobi .filters__containers .grid-actions__container {
padding-top: 0
}
.aa-category-header .aa-category-title {
grid-column: 1/3;
margin-top: 0
}
@media (min-width:1024px) {
.aa-category-header .aa-category-title {
margin-top: -2.25rem
}
}
.aa-filters-desktop {
padding-left: 1rem
}
.aa-ItemContentColorSwatches {
display: none
}
@media (max-width:1024px) {
.aa-ItemContentColorSwatches {
display: flex
}
}
.aa-ItemContentColorSwatches .product-tile__swatches--responsive {
position: relative
}
.aa-ItemContentColorSwatches .product-tile__swatches--responsive-first,
.aa-ItemContentColorSwatches .product-tile__swatches--responsive-second {
margin: 0 !important
}
.aa-ItemContentColorSwatches .product-tile__swatches--responsive-second {
padding-left: .25rem
}
.aa-ItemContentPromotion {
color: #6db4d8;
font-size: .625rem;
font-weight: 700;
text-align: left
}
.aa-ItemContentPromotion .fa-tag {
margin-right: .25rem;
font-size: .6625rem
}
.aa-product-wishlist-icon {
font-size: 1rem !important
}
@media (min-width:1024px) {
.aa-product-wishlist-icon {
font-size: 1.25rem !important
}
}
.aa-product-price-strike {
color: #939090
}
.aa-ensemble-price {
display: inline;
text-align: left
}
.aa-scroll-breadcrumbs .breadcrumbs--plp {
left: auto;
transform: none
}
.filters-sticky .filter-section {
margin-bottom: 0;
padding-left: 1rem
}
@media (min-width:1200px) {
.filters-sticky .algolia-plp__products-subcategories {
display: none !important
}
}
@media (max-width:768px) {
.aa-filters-desktop {
height: 9.59375rem
}
}
.aa-img-fallback:before,
.aa-img-hide-alt {
font-size: 0;
background: linear-gradient(110deg, #e5e2e1 15%, #f5f5f5 30%, #e5e2e1 45%);
background-size: 200% 100%;
animation: shine 1.5s linear infinite
}
.aa-img-fallback:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding-bottom: 130%
}
@keyframes rotation {
0% {
transform: translate(-50%, -50%) rotate(0deg)
}
to {
transform: translate(-50%, -50%) rotate(1turn)
}
}
.guess-carousel {
position: relative;
padding-top: 75%;
perspective: 100px;
aspect-ratio: 3/4
}
.guess-carousel__viewport {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
list-style: none;
padding: 0
}
.guess-carousel__viewport a.pointer_event_none {
cursor: pointer;
pointer-events: none
}
.guess-carousel__viewport::-webkit-scrollbar {
display: none
}
.guess-carousel__slide {
position: relative;
flex: 0 0 100%;
width: 100%
}
.guess-carousel__slide div.spinner {
width: 1.5625rem;
height: 1.5625rem;
border: 3px solid;
border-color: #555 #555 transparent;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: rotation 1s linear infinite;
z-index: 10;
margin: 0
}
.swatch-square {
border: .0625rem solid #ccc;
width: 1.4375rem;
height: 1.4375rem
}
@media (min-width:1024px) {
.swatch-square {
width: 1.25rem;
height: 1.25rem
}
}
.swatch-square--responsive {
width: .4375rem;
height: .4375rem;
border: .0625rem solid #ccc
}
.swatch-square--text {
font-size: .625rem;
color: grey
}
.slider.slider-horizontal {
width: 100%
}
.slider.slider-horizontal .slider-handle {
background: #f3f3f3;
border: .125rem solid #000;
border-radius: 0;
width: .9375rem;
height: .9375rem;
top: 0
}
.slider.slider-horizontal .slider-handle:active,
.slider.slider-horizontal .slider-handle:focus {
outline: 5px auto rgba(0, 103, 244, .247)
}
.slider.slider-horizontal .slider-track {
height: .0625rem;
background-color: #000;
width: 100%;
margin-top: 0;
left: 0;
background-image: none
}
.slider.slider-horizontal .slider-track .slider-selection {
background: transparent;
background-image: none
}
.slider.slider-horizontal .tooltip:not(.tooltip-main) {
opacity: 1;
display: block !important;
position: absolute;
padding: 0;
width: auto;
left: 0 !important;
margin-top: 1.875rem;
transform: none
}
.slider.slider-horizontal .tooltip:not(.tooltip-main).tooltip-max {
right: 0 !important;
left: auto !important
}
.slider.slider-horizontal .tooltip:not(.tooltip-main) .tooltip-inner {
background-color: transparent;
box-shadow: none;
padding: 0;
border: none;
min-width: 0;
font-size: .8125rem
}
.slider__wrapper {
min-width: 8.75rem
}
.products-carousel .slick-slide .product__tile.product__tile {
width: 100%
}
.products-carousel .slick-slide .actions__box--quickview,
.products-carousel .slick-slide .product-detail__badge {
display: none
}
.search-word {
font-size: .9375rem
}
@media (min-width:768px) {
.search-word {
font-size: 1.6875rem
}
}
.show-more__overlay {
font-size: .875rem;
background: #fff;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
align-items: center;
justify-content: center;
display: none
}
.show-more__overlay--show {
display: flex
}
.animated-background {
will-change: transform;
animation: placeHolderShimmer 1s linear infinite forwards;
-webkit-backface-visibility: hidden;
background: #e6e6e6;
background: linear-gradient(90deg, #eee 8%, #ddd 18%, #eee 33%);
background-size: 800px 104px;
position: relative
}
@keyframes placeHolderShimmer {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
background-position: -468px 0
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
background-position: 468px 0
}
}
.product__tile--skeleton {
pointer-events: none
}
.product__tile--skeleton .product__title.product-tile__pdp-link {
margin-bottom: .375rem
}
.skeleton-title {
width: 50%;
height: 20px;
border-radius: 10px
}
.skeleton-price {
width: 75%;
height: 18px;
border-radius: 10px
}
.intersection-square {
z-index: 1;
width: .0625rem;
bottom: 0
}
.product-grid {
margin: 0 -.5rem
}
.product-grid__column {
padding: 0 .5rem;
width: 50%;
transition: all .4s ease
}
@media (min-width:768px) {
.product-grid__column {
width: 33.33333%
}
}
@media (min-width:1024px) {
.product-grid__column {
width: 25%
}
}
.product-grid__image {
aspect-ratio: 3/4;
background-color: #ccc
}
@media (min-width:1024px) {
.product-grid.couple .product-grid__column {
width: 50%
}
.product-grid.sixth .product-grid__column {
width: 16.66667%
}
}
.pagination__paging-element {
height: 2.1875rem;
font-size: .875rem
}
.pagination__paging-button {
padding: .1875rem .75rem;
border: .125rem solid #000;
background-color: #000;
background-image: none;
color: #fff
}
.pagination__paging-button:disabled {
opacity: .5
}
.pagination__paging-button:hover {
background-color: #fff;
color: #000
}
@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
.filters-container__box {
margin-top: 3.125rem;
margin-bottom: 1.25rem
}
.search-results {
box-sizing: border-box;
padding-top: 5%
}
.grid__products {
display: flex;
flex-wrap: wrap
}
.grid__products .product__tile {
width: 25%;
border: 0 solid transparent;
border-width: 0 .125rem 1.875rem 0
}
}
@media (-ms-high-contrast:none) and (max-width:1023.98px),
screen and (-ms-high-contrast:active) and (max-width:1023.98px) {
.grid__products .product__tile {
width: 50%;
border: 0 solid transparent;
border-width: 0 .125rem 1.875rem 0
}
}
@media (-ms-high-contrast:none) and (max-width:767.98px),
screen and (-ms-high-contrast:active) and (max-width:767.98px) {
.grid__products .product__tile {
width: 100%;
border: 0 solid transparent;
border-width: 0 .125rem 1.875rem 0
}
}
.grid__products {
display: grid;
grid-template-columns: 100%
}
.no-results__container .grid__products {
grid-template-columns: 100% !important
}
@media (max-width:1023.98px) {
.grid__products {
gap: 1.3125rem
}
.grid__products .product__tile__mobile--one-column {
visibility: visible
}
.page:has(.grid-control--double) .grid__products {
grid-template-columns: repeat(auto-fill, minmax(calc(50% - 5px), 1fr));
column-gap: .4375rem;
row-gap: 1.3125rem
}
.page:has(.grid-control--double) .grid__products .product__tile--highlighted {
grid-row: auto/span 2 !important
}
.page:has(.grid-control--double) .grid__products .product__tile--highlighted:nth-of-type(2n),
.page:has(.grid-control--double) .grid__products .product__tile--highlighted:nth-of-type(odd) {
grid-column: 1/span 2
}
.grid__products .product__tile--highlighted {
grid-row: auto/auto !important
}
}
@media (min-width:1024px) {
.grid__products {
grid-template-columns: repeat(auto-fill, minmax(calc(25% - 2px), 1fr));
column-gap: .125rem;
row-gap: 3.0625rem
}
}
.grid__products--wishlist {
display: grid;
grid-template-columns: 100%
}
@media (min-width:1024px) {
.grid__products--wishlist {
grid-template-columns: repeat(auto-fill, minmax(calc(25% - 25px), 1fr));
column-gap: 1.5625rem;
row-gap: 3.0625rem
}
}
@media (min-width:1024px) {
.grid__products .product__tile--highlighted {
grid-row-end: span 2
}
.grid__products .product__tile--highlighted:nth-of-type(odd) {
grid-column: 3/span 2
}
.grid__products .product__tile--highlighted:nth-of-type(2n) {
grid-column: 1/span 2
}
}
.grid__products .product__tile--highlighted .product__tile-content {
height: calc(100% - 54px)
}
@media (min-width:1140px) {
.grid__products .product__tile--highlighted .product__tile-content {
height: calc(100% - 67px)
}
}
.grid__products .product__tile--highlighted .product__tile-content .slick-list,
.grid__products .product__tile--highlighted .product__tile-content .slick-list *,
.grid__products .product__tile--highlighted .product__tile-content .slick-track,
.grid__products .product__tile--highlighted .product__tile-content .slick-track * {
height: 100%
}
@media (max-width:1139.98px) {
.grid-footer {
grid-column: 1
}
.page:has(.grid-control--double) .grid-footer {
grid-column: 1/span 2
}
}
@media (min-width:1024px) {
.grid-footer {
grid-column: 1/span 4
}
}
@media (min-width:1024px) {
.refinements {
padding-top: 2.1875rem
}
}
.refinements__trigger--category {
font-size: 1rem;
line-height: 1.125rem;
font-weight: 500;
padding: .875rem 0;
border: none;
background-color: transparent;
color: #000
}
.refinements__trigger-text {
text-decoration: underline
}
@media (min-width:1024px) {
.refinements__trigger-text {
text-decoration: none;
font-size: 1.25rem
}
}
.refinements__trigger-icon {
vertical-align: sub;
line-height: 1
}
.refinements__trigger-results-count {
color: #666;
font-size: .75rem;
display: inline-block;
margin-left: .5rem
}
.refinements__trigger-results-count:before {
content: "("
}
.refinements__trigger-results-count:after {
content: ")"
}
.refinements__category-list {
list-style: none;
padding: 0 0 0 .9375rem
}
@media (min-width:1024px) {
.refinements__category-list {
padding: 0
}
}
.refinements__category-list .refinements__category-list {
padding-left: 1.5625rem
}
@media (min-width:1024px) {
.refinements__category-list .refinements__category-list {
padding-left: .9375rem
}
}
.refinements__category-button {
padding: 0;
background: transparent;
border: none;
font-size: 1.125rem;
line-height: 2.1875rem
}
@media (min-width:1024px) {
.refinements__category-button {
font-size: .875rem;
line-height: 1.5rem
}
}
.refinements__category-button.selected,
.refinements__category-button:hover {
text-decoration: underline
}
.refinements__container--category {
background-color: #fff;
z-index: 5;
position: fixed;
left: -150%;
width: 100%;
height: 100%;
top: 0;
transition: all .3s ease-in-out
}
.refinements__container--category.expanded {
left: 0
}
@media (min-width:768px) {
.refinements__container--category {
position: absolute;
height: auto;
max-height: 50vh;
max-width: 15.625rem;
top: 3rem;
overflow-y: auto
}
}
@media (min-width:1024px) {
.refinements__container--category {
position: static;
max-height: unset;
max-width: unset
}
}
.category-container {
position: relative
}
@media (max-width:1023.98px) {
.category-container {
padding: 0
}
}
.category-descriptive__text {
padding-left: 2rem;
margin-bottom: .75rem
}
@media (max-width:1023.98px) {
.category-descriptive__text {
padding-left: .9375rem;
margin-bottom: .4375rem
}
}
.refinements-trigger__button {
font-size: .875rem;
line-height: 1.125rem;
display: flex;
justify-content: space-between;
align-items: flex-end;
min-width: 3.4375rem;
border: none;
background-color: transparent;
padding: .625rem 0
}
.refinements-trigger__button-text {
text-decoration: underline;
color: #000
}
.refinements-trigger__button-icon {
line-height: 1;
vertical-align: sub;
margin-left: .3125rem
}
.refinements-trigger__button-count {
color: #666;
font-size: .75rem;
vertical-align: baseline
}
.refinements-trigger__button-count:not(:empty) {
display: inline-block;
margin-left: .25rem
}
.refinements-trigger__button-count:not(:empty):before {
content: "("
}
.refinements-trigger__button-count:not(:empty):after {
content: ")"
}
.grid-view__item {
border-left: .0625rem solid #000;
line-height: .8125rem
}
.grid-view__item:first-child {
border-left: none
}
.grid-view__label {
font-size: .875rem;
font-weight: 500
}
.grid-view__button {
font-size: .875rem;
padding: 0 .375rem;
background-color: transparent;
border: none
}
.grid-view__button:hover {
opacity: .7
}
.grid-view__button.selected {
font-weight: 700;
pointer-events: none
}
.refinements__item--category .refinements__attribute,
.refinements__item--reset .refinements__attribute,
[class*=refinements__item--guess] .refinements__attribute {
flex-basis: 50%;
display: block
}
.refinements__item--category .refinements__attribute.disabled,
.refinements__item--reset .refinements__attribute.disabled,
[class*=refinements__item--guess] .refinements__attribute.disabled {
display: none
}
@media (min-width:1024px) {
.refinements__item--category .refinements__attribute,
.refinements__item--reset .refinements__attribute,
[class*=refinements__item--guess] .refinements__attribute {
flex-basis: 31%;
max-width: 31%;
width: 32%;
padding: .125rem 0
}
.refinements__item--category .refinements__attribute .lx-checkbox,
.refinements__item--reset .refinements__attribute .lx-checkbox,
[class*=refinements__item--guess] .refinements__attribute .lx-checkbox {
position: relative
}
}
@media (max-width:1023.98px) {
.refinements__item--category .refinements__attribute,
.refinements__item--reset .refinements__attribute,
[class*=refinements__item--guess] .refinements__attribute {
width: 19%;
padding: .5625rem .3125rem .3125rem 1.375rem
}
}
@media (min-width:1024px) {
.refinements__item--category,
.refinements__item--reset,
[class*=refinements__item--guess] {
max-width: 13.75rem
}
.refinements__item--category .filters-content .gradient-overlay,
.refinements__item--reset .filters-content .gradient-overlay,
[class*=refinements__item--guess] .filters-content .gradient-overlay {
display: block;
position: absolute;
background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .9));
margin-top: 215px;
height: 75px;
width: 250px;
content: "";
z-index: 2
}
}
@media (max-width:1023.98px) {
.refinements__item--category:not(.refinements__item--guess_colorgroup) .filters-content ul,
.refinements__item--reset:not(.refinements__item--guess_colorgroup) .filters-content ul,
[class*=refinements__item--guess]:not(.refinements__item--guess_colorgroup) .filters-content ul {
list-style: none;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
flex-wrap: wrap;
place-content: flex-start;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
width: 100%;
margin-left: .625rem;
padding: 0
}
}
@media (max-width:1023.98px) and (max-width:1023.98px) {
.refinements__item--category:not(.refinements__item--guess_colorgroup) .mobi-text,
.refinements__item--reset:not(.refinements__item--guess_colorgroup) .mobi-text,
[class*=refinements__item--guess]:not(.refinements__item--guess_colorgroup) .mobi-text {
word-wrap: break-word
}
}
.refinements {
position: relative
}
.refinements__container--filter {
top: 0;
left: -100%;
width: 100%;
height: 100%;
background-color: #fff;
padding: 1.25rem .9375rem;
z-index: 12;
position: fixed
}
.refinements__container--filter.expanded {
left: 0;
overflow-y: auto
}
@media (max-width:767.98px) {
.refinements__container--filter {
transition: all .3s ease-in-out
}
}
@media (min-width:768px) {
.refinements__container--filter {
position: absolute;
top: 5.5rem;
left: unset;
right: 0;
width: 50%;
max-height: 0;
overflow-y: auto;
padding: 0
}
.refinements__container--filter.expanded {
left: unset;
height: auto;
max-height: 50vh;
padding: 1.25rem 0 0
}
}
@media (min-width:768px) and (max-width:1023.98px) {
.refinements__container--filter {
border: .0625rem solid #eee
}
}
@media (min-width:1024px) {
.refinements__container--filter {
position: static;
height: auto;
width: auto;
max-height: unset
}
.refinements__container--filter.expanded {
padding: 0;
max-height: unset
}
}
.refinements__header {
padding: 0 1.25rem
}
@media (min-width:1024px) {
.refinements__header {
padding: 0
}
}
.refinements__item-header {
font-weight: 600;
margin-bottom: .75rem;
font-size: .875rem;
line-height: 1.125rem
}
@media (max-width:1023.98px) {
.refinements__item-header .filters-container__title {
text-transform: lowercase
}
.refinements__item-header .filters-container__title:first-letter {
text-transform: uppercase
}
}
.refinements__item-header .fal {
font-size: 1rem;
height: 1rem;
color: #000;
transform: rotate(90deg)
}
.refinements__item-header.collapsed .fal {
color: #ddd;
transform: rotate(0)
}
@media (min-width:1024px) {
.refinements__item-header {
font-size: .75rem;
text-transform: uppercase;
margin-bottom: 1.25rem
}
}
.refinements__header-mobile {
margin: 0 0 2.25rem
}
.refinements__header-mobile--category {
margin: 0;
padding: 1.5625rem 1.875rem .9375rem 2.1875rem
}
.refinements__header-close {
background: transparent;
border: none;
padding: 0;
font-size: 1.125rem;
line-height: 1.5rem
}
.refinements__header-close-icon {
font-size: 1rem;
line-height: 1;
transform: translateX(-.9375rem)
}
.refinements__header-filter {
font-size: 1.125rem;
line-height: 1.25rem;
padding: .625rem 0
}
@media (min-width:768px) {
.refinements__header-filter {
font-size: .875rem
}
}
@media (min-width:1024px) {
.refinements__header-filter {
padding: .75rem 0;
font-size: 1.125rem
}
}
@media (min-width:1024px) {
.refinements__header-filter-styles {
font-size: .875rem
}
}
.refinements__filter-reset {
padding: 0;
border: none;
text-decoration: underline;
color: #000;
background-color: transparent;
font-size: 12px;
line-height: 1
}
@media (min-width:768px) {
.refinements__filter-reset {
font-size: .75rem
}
}
@media (min-width:1024px) {
.refinements__filter-reset {
margin: 0 .625rem .9375rem 0
}
}
.refinements__item {
border-top: .0625rem solid #969696;
padding: 0 1.25rem
}
.refinements__item:last-child:not(.refinements__item--category) {
border-bottom: .0625rem solid #969696
}
.refinements__item:not(.refinements__item--category) .values {
list-style: none;
padding: 0;
margin: 0 -.3125rem;
display: flex;
flex-wrap: wrap
}
.refinements__item.expanded [class*=-body] {
display: block
}
.refinements__item.expanded [class*=item-title]:after {
content: "\f068"
}
.refinements__item--category {
border: none
}
@media (min-width:768px) and (max-width:1023.98px) {
.refinements__item--category {
padding: 0
}
}
@media (min-width:1024px) {
.refinements__item--category {
border-bottom: .0625rem solid #969696
}
}
@media (min-width:1024px) {
.refinements__item {
padding: 0;
max-width: 33%
}
}
@media (min-width:1024px) {
.refinements__item--guess_colorgroup {
max-width: 11.25rem
}
}
@media (max-width:1023.98px) {
.refinements__item--guess_colorgroup .filters-content ul {
flex-direction: column;
flex-wrap: wrap;
column-count: 2;
width: 100%
}
}
@media (min-width:1024px) {
.refinements__item--guess_colorgroup .refinements__attribute {
width: auto
}
}
.refinements__item--guess_colorgroup .lx-checkbox__input:checked~.lx-checkbox__label .lx-checkbox__check,
.refinements__item--guess_colorgroup .lx-checkbox__input:disabled:checked~.lx-checkbox__label .lx-checkbox__check {
background-color: transparent !important
}
.refinements__item--guess_price .refinements__wrapper .filters-content {
margin-right: 0;
display: block
}
@media (max-width:1023.98px) {
.refinements__item--guess_price .refinements__wrapper .filters-content {
padding: .625rem .9375rem 0
}
}
.refinements__item--guess_price .refinements__wrapper .filters-content .boolean-buttons {
margin: 0;
display: flex;
padding: .3125rem 0
}
@media (max-width:1023.98px) {
.refinements__item--guess_price .refinements__wrapper .filters-content .boolean-buttons:not(.no-react) .checkmark {
min-width: 85px;
height: auto;
min-height: 50px;
inline-size: fit-content
}
}
@media (max-width:1023.98px) {
.refinements__item--guess_price .refinements__wrapper .filters-content .mobi-text {
font-size: .75rem;
padding: 0 4px
}
}
.refinements__item--guess_price .lx-slider {
display: flex;
width: 100%;
height: 6.25rem
}
.refinements__item--guess_price .lx-slider--range {
padding: 0 .875rem 0 .6875rem !important
}
.refinements__item--guess_price .lx-slider--range .tooltip:not(.tooltip-main) {
margin-top: 3.125rem !important;
background: #ebebeb;
box-shadow: none
}
.refinements__item--guess_price .lx-slider--range .tooltip:not(.tooltip-main).tooltip-min {
left: -.625rem !important;
padding: 0 .625rem
}
.refinements__item--guess_price .lx-slider--range .tooltip:not(.tooltip-main).tooltip-max {
right: -.625rem !important;
padding: 0 .625rem
}
.refinements__item--guess_price .sale {
display: flex;
width: 100%;
margin-top: .625rem
}
.refinements__item--guess_price .price-elements {
overflow-y: auto;
overflow-x: hidden;
width: 100%;
flex-direction: column;
padding: .625rem .8125rem 0 .625rem
}
@media (max-width:1023.98px) {
.refinements__item--guess_price .price-elements {
margin-left: 1.25rem
}
}
.refinements__item--guess_price .price-elements .lx-checkbox {
margin-left: 0
}
@media (min-width:1024px) {
.refinements__item--category .refinements__attribute,
.refinements__item--guess_fit .refinements__attribute,
.refinements__item--guess_model .refinements__attribute,
.refinements__item--guess_producttype .refinements__attribute,
.refinements__item--guess_rise .refinements__attribute,
.refinements__item--guess_wash .refinements__attribute {
width: 100%
}
}
@media (max-width:1023.98px) {
.refinements__item--category .refinements__attribute,
.refinements__item--guess_fit .refinements__attribute,
.refinements__item--guess_model .refinements__attribute,
.refinements__item--guess_producttype .refinements__attribute,
.refinements__item--guess_rise .refinements__attribute,
.refinements__item--guess_wash .refinements__attribute {
width: 25%
}
}
@media (max-width:1023.98px) {
.refinements__item--category .refinements__attribute .boolean-buttons:not(.no-react) .checkmark,
.refinements__item--category .refinements__attribute .category-buttons .checkmark,
.refinements__item--guess_fit .refinements__attribute .boolean-buttons:not(.no-react) .checkmark,
.refinements__item--guess_fit .refinements__attribute .category-buttons .checkmark,
.refinements__item--guess_model .refinements__attribute .boolean-buttons:not(.no-react) .checkmark,
.refinements__item--guess_model .refinements__attribute .category-buttons .checkmark,
.refinements__item--guess_producttype .refinements__attribute .boolean-buttons:not(.no-react) .checkmark,
.refinements__item--guess_producttype .refinements__attribute .category-buttons .checkmark,
.refinements__item--guess_rise .refinements__attribute .boolean-buttons:not(.no-react) .checkmark,
.refinements__item--guess_rise .refinements__attribute .category-buttons .checkmark,
.refinements__item--guess_wash .refinements__attribute .boolean-buttons:not(.no-react) .checkmark,
.refinements__item--guess_wash .refinements__attribute .category-buttons .checkmark {
min-width: 11rem;
height: auto;
min-height: 50px;
inline-size: fit-content
}
}
@media (max-width:543.98px) {
.refinements__item--category .refinements__attribute .boolean-buttons:not(.no-react) .checkmark,
.refinements__item--category .refinements__attribute .category-buttons .checkmark,
.refinements__item--guess_fit .refinements__attribute .boolean-buttons:not(.no-react) .checkmark,
.refinements__item--guess_fit .refinements__attribute .category-buttons .checkmark,
.refinements__item--guess_model .refinements__attribute .boolean-buttons:not(.no-react) .checkmark,
.refinements__item--guess_model .refinements__attribute .category-buttons .checkmark,
.refinements__item--guess_producttype .refinements__attribute .boolean-buttons:not(.no-react) .checkmark,
.refinements__item--guess_producttype .refinements__attribute .category-buttons .checkmark,
.refinements__item--guess_rise .refinements__attribute .boolean-buttons:not(.no-react) .checkmark,
.refinements__item--guess_rise .refinements__attribute .category-buttons .checkmark,
.refinements__item--guess_wash .refinements__attribute .boolean-buttons:not(.no-react) .checkmark,
.refinements__item--guess_wash .refinements__attribute .category-buttons .checkmark {
min-width: 5.3125rem
}
}
@media (max-width:543.98px) {
.refinements__item--category .refinements__attribute .category-buttons .checkmark,
.refinements__item--guess_fit .refinements__attribute .category-buttons .checkmark,
.refinements__item--guess_model .refinements__attribute .category-buttons .checkmark,
.refinements__item--guess_producttype .refinements__attribute .category-buttons .checkmark,
.refinements__item--guess_rise .refinements__attribute .category-buttons .checkmark,
.refinements__item--guess_wash .refinements__attribute .category-buttons .checkmark {
min-height: 5.3125rem
}
}
@media (max-width:1023.98px) {
.refinements__item--category .mobi-text,
.refinements__item--guess_fit .mobi-text,
.refinements__item--guess_model .mobi-text,
.refinements__item--guess_producttype .mobi-text,
.refinements__item--guess_rise .mobi-text,
.refinements__item--guess_wash .mobi-text {
font-size: .875rem;
padding: 0 4px
}
}
@media (max-width:1023.98px) {
.refinements__item--fake {
height: 66px !important
}
}
@media (min-width:1024px) {
.refinements__item--fake {
display: none !important
}
}
.refinements__item-body {
padding: 0 0 .9375rem;
display: none
}
@media (min-width:1024px) {
.refinements__item-body {
padding: 0 .9375rem .625rem
}
}
.refinements__item-title {
border: none;
background: transparent;
font-size: 1.125rem;
line-height: 1.875rem;
padding: .9375rem 0;
width: 100%
}
.refinements__item-title:after {
content: "\f067";
font-family: Font Awesome\ 6 Pro
}
@media (min-width:768px) {
.refinements__item-title {
font-size: .875rem
}
}
@media (min-width:1024px) {
.refinements__item-title {
padding: .4375rem .3125rem .4375rem 0;
font-size: 1.125rem
}
}
.refinements__attribute {
list-style: none;
width: 100%;
padding-bottom: .3125rem
}
.refinements__attribute--boolean .swatch-square,
.refinements__attribute--category .swatch-square,
.refinements__attribute--color .swatch-square,
.refinements__attribute--size .swatch-square {
width: 1.875rem;
height: 1.875rem;
display: block
}
@media (min-width:1024px) {
.refinements__attribute--boolean .swatch-square,
.refinements__attribute--category .swatch-square,
.refinements__attribute--color .swatch-square,
.refinements__attribute--size .swatch-square {
width: 1.125rem;
height: 1.125rem
}
}
.refinements__attribute--boolean .swatch-square:after,
.refinements__attribute--category .swatch-square:after,
.refinements__attribute--color .swatch-square:after,
.refinements__attribute--size .swatch-square:after {
top: calc(100% + .25rem)
}
.refinements__attribute--boolean .refinements__attribute-button:after,
.refinements__attribute--category .refinements__attribute-button:after,
.refinements__attribute--color .refinements__attribute-button:after,
.refinements__attribute--size .refinements__attribute-button:after {
display: none;
top: calc(100% + .1875rem)
}
@media (min-width:768px) {
.refinements__attribute--boolean .refinements__attribute-button:after,
.refinements__attribute--category .refinements__attribute-button:after,
.refinements__attribute--color .refinements__attribute-button:after,
.refinements__attribute--size .refinements__attribute-button:after {
display: block
}
}
@media (min-width:768px) {
.refinements__attribute--boolean .refinements__attribute-button.selected,
.refinements__attribute--category .refinements__attribute-button.selected,
.refinements__attribute--color .refinements__attribute-button.selected,
.refinements__attribute--size .refinements__attribute-button.selected {
border: none
}
}
.refinements__attribute--boolean .boolean-buttons:not(.no-react),
.refinements__attribute--boolean .category-buttons,
.refinements__attribute--boolean .color-buttons,
.refinements__attribute--boolean .colorGroup-buttons,
.refinements__attribute--boolean .size-buttons,
.refinements__attribute--category .boolean-buttons:not(.no-react),
.refinements__attribute--category .category-buttons,
.refinements__attribute--category .color-buttons,
.refinements__attribute--category .colorGroup-buttons,
.refinements__attribute--category .size-buttons,
.refinements__attribute--color .boolean-buttons:not(.no-react),
.refinements__attribute--color .category-buttons,
.refinements__attribute--color .color-buttons,
.refinements__attribute--color .colorGroup-buttons,
.refinements__attribute--color .size-buttons,
.refinements__attribute--size .boolean-buttons:not(.no-react),
.refinements__attribute--size .category-buttons,
.refinements__attribute--size .color-buttons,
.refinements__attribute--size .colorGroup-buttons,
.refinements__attribute--size .size-buttons {
display: flex;
align-items: center
}
.refinements__attribute--boolean .boolean-buttons:not(.no-react) .square-box,
.refinements__attribute--boolean .category-buttons .square-box,
.refinements__attribute--boolean .color-buttons .square-box,
.refinements__attribute--boolean .colorGroup-buttons .square-box,
.refinements__attribute--boolean .size-buttons .square-box,
.refinements__attribute--category .boolean-buttons:not(.no-react) .square-box,
.refinements__attribute--category .category-buttons .square-box,
.refinements__attribute--category .color-buttons .square-box,
.refinements__attribute--category .colorGroup-buttons .square-box,
.refinements__attribute--category .size-buttons .square-box,
.refinements__attribute--color .boolean-buttons:not(.no-react) .square-box,
.refinements__attribute--color .category-buttons .square-box,
.refinements__attribute--color .color-buttons .square-box,
.refinements__attribute--color .colorGroup-buttons .square-box,
.refinements__attribute--color .size-buttons .square-box,
.refinements__attribute--size .boolean-buttons:not(.no-react) .square-box,
.refinements__attribute--size .category-buttons .square-box,
.refinements__attribute--size .color-buttons .square-box,
.refinements__attribute--size .colorGroup-buttons .square-box,
.refinements__attribute--size .size-buttons .square-box {
display: block;
padding-right: 1rem
}
.refinements__attribute--boolean .boolean-buttons:not(.no-react) .square-name,
.refinements__attribute--boolean .category-buttons .square-name,
.refinements__attribute--boolean .color-buttons .square-name,
.refinements__attribute--boolean .colorGroup-buttons .square-name,
.refinements__attribute--boolean .size-buttons .square-name,
.refinements__attribute--category .boolean-buttons:not(.no-react) .square-name,
.refinements__attribute--category .category-buttons .square-name,
.refinements__attribute--category .color-buttons .square-name,
.refinements__attribute--category .colorGroup-buttons .square-name,
.refinements__attribute--category .size-buttons .square-name,
.refinements__attribute--color .boolean-buttons:not(.no-react) .square-name,
.refinements__attribute--color .category-buttons .square-name,
.refinements__attribute--color .color-buttons .square-name,
.refinements__attribute--color .colorGroup-buttons .square-name,
.refinements__attribute--color .size-buttons .square-name,
.refinements__attribute--size .boolean-buttons:not(.no-react) .square-name,
.refinements__attribute--size .category-buttons .square-name,
.refinements__attribute--size .color-buttons .square-name,
.refinements__attribute--size .colorGroup-buttons .square-name,
.refinements__attribute--size .size-buttons .square-name {
display: block
}
.refinements__attribute-button {
font-size: .875rem;
padding: 0;
border: none;
background: transparent;
position: relative
}
.refinements__attribute-button:after {
content: "";
width: 100%;
height: 0;
border-bottom: .125rem solid #000;
opacity: 0;
top: 100%;
left: 0;
position: absolute
}
@media (min-width:1024px) {
.refinements__attribute-button {
font-size: .7875rem
}
}
.refinements__button-wrapper {
height: auto;
width: 100%;
display: block;
border: 1px solid;
border-color: #fff #fff transparent
}
@media (min-width:1024px) {
.refinements__button-wrapper {
height: 50px;
min-width: 7.5rem;
display: block
}
.refinements__button-wrapper.expanded {
border-color: #f3f3f3 #f3f3f3 #fff;
z-index: 100
}
.refinements__button-wrapper.deactivated {
pointer-events: none;
opacity: .5
}
}
.refinements__item-button {
height: 35px;
background-color: #f3f3f3;
word-wrap: break-word;
white-space: nowrap;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
opacity: .8;
min-width: 7.5rem;
position: relative
}
@media (min-width:1024px) {
.refinements__item-button {
padding: 0 .625rem
}
.refinements__item-button i.desk {
display: block
}
.refinements__item-button i:not(.desk) {
display: none
}
.refinements__item-button i,
.refinements__item-button span {
position: relative;
top: 0
}
}
@media (max-width:1023.98px) {
.refinements__item-button {
padding: 0;
border: 1px solid transparent;
justify-content: left;
width: 100%;
z-index: 9;
background: transparent
}
.refinements__item-button i.desk {
display: none !important
}
.refinements__item-button i:not(.desk) {
display: block
}
.refinements__item-button span.mobi-selected {
font-weight: 700 !important
}
.refinements__item-button.mobi-selected {
top: 0;
position: relative
}
}
@media (min-width:1024px) {
.refinements__item-button:not(.collapsed) {
background-color: #fff;
border: none
}
}
.refinements__item-button .collapsed {
background-color: #f3f3f3;
border: 1px solid #f3f3f3
}
.refinements__item-button:hover {
opacity: 1;
transition: transform .3s linear
}
@media (min-width:1024px) {
.refinements__item-button .quantity__counter {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
}
@media (max-width:1023.98px) {
.refinements__item-button .quantity__counter {
display: none !important
}
}
.refinements__item-button .filtered_brand {
background-color: #3e3e3e;
border-radius: .25rem;
color: #fff;
font-size: .875rem;
padding: .0625rem .625rem;
width: 100%
}
@media (max-width:1023.98px) {
.refinements__item-button .filtered_brand {
display: none !important
}
}
.refinements__item-button .quantity__counter,
.show-more-filters-btn .quantity__counter {
background-color: #1c1b1b;
border-radius: 1.25rem;
color: #fff;
font-size: .8125rem;
font-weight: 700;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: .01625rem;
line-height: 1.55;
margin-left: 0;
position: relative;
right: 0;
top: 0;
width: 1.25rem;
height: 1.25rem;
text-align: center
}
.filter-bar {
padding: 0 1.25rem;
display: none
}
@media (min-width:1024px) {
.filter-bar {
padding: 0
}
}
.filter-bar__wrapper {
border-bottom: 1px solid #c3c3c3;
border-top: 1px solid #c3c3c3;
display: flex;
transition: transform .3s linear;
width: 100%
}
@media (min-width:1024px) {
.filter-bar__wrapper {
border: none;
z-index: 99
}
}
.filter-bar__list {
margin-left: 1.625rem
}
.filter-bar__item {
padding: .1875rem .3125rem
}
.filter-bar__item-button {
font-size: .8125rem;
line-height: 1.8125rem;
border: none;
background-color: transparent;
color: #000;
text-transform: uppercase;
width: 120px
}
@media (min-width:1024px) {
.filter-bar__item-button {
padding: 0 .5rem 0 0
}
.filter-bar__item-button .fal {
border-bottom: .125rem solid transparent
}
.filter-bar__item-button .fal:hover {
border-bottom-color: #000
}
}
.filter-bar__item-cross {
font-size: 1rem;
line-height: 1;
margin-left: .4375rem
}
.filter-bar__swatch-filter-symbol {
border-radius: 50%;
border: .0625rem solid #fff;
box-shadow: 0 0 .1875rem rgba(0, 0, 0, .3);
width: 1.375rem;
height: 1.375rem
}
@media (min-width:1024px) {
.filter-bar__swatch-filter-symbol {
width: .9375rem;
height: .9375rem
}
}
@media (min-width:1024px) {
.filters-sticky>.container>.filters__containers {
padding-top: 1rem
}
}
.header-container:has(.js-dropdown-menu.show) .filters-sticky {
display: none
}
.filters-container {
width: 100%
}
@media (min-width:1024px) {
.filters-container__item {
padding: 0 .625rem
}
}
.filters-container__item:not(.refinements__item--guess_size) .refinements__attribute-label {
white-space: nowrap;
text-transform: lowercase
}
.filters-container__item:not(.refinements__item--guess_size) .refinements__attribute-label:first-letter {
text-transform: uppercase
}
@media (min-width:1024px) {
.filters-container__item:not(.refinements__item--guess_size) .refinements__attribute-label {
text-transform: uppercase
}
}
.filters-container__item.small-line {
line-height: .9375rem
}
div.flex-column-filters {
flex-flow: column;
align-items: center
}
span.btn-name {
margin-right: .5rem;
white-space: nowrap;
text-transform: lowercase;
font-size: .875rem
}
span.btn-name:first-letter {
text-transform: uppercase
}
@media (min-width:768px) {
span.btn-name {
font-size: .875rem
}
}
@media (max-width:1023.98px) {
span.btn-name {
padding-left: 1rem
}
span.btn-name.reset {
text-align: end;
border: none;
text-transform: lowercase
}
}
span.btn-name a {
text-decoration: underline !important
}
span.btn-name a:first-letter {
text-transform: uppercase
}
@media (max-width:1023.98px) {
.js-mobi-goto-menu span.btn-name {
padding-left: .2rem !important
}
}
@media (max-width:1023.98px) {
.js-mobi-quit-filter span.btn-name,
.js-mobi-quit-filter span.btn-name-header {
padding-left: .2rem !important;
width: 100%
}
}
.btn-name-content {
width: 100%
}
.btn-name-content:first-letter {
text-transform: uppercase !important
}
.btn-name-content span.btn-name,
.btn-name-content span.btn-name-header {
margin-right: .5rem;
white-space: nowrap;
font-size: .75rem
}
.btn-name-content span.btn-name-header:first-letter,
.btn-name-content span.btn-name:first-letter {
text-transform: uppercase !important
}
@media (min-width:768px) {
.btn-name-content span.btn-name,
.btn-name-content span.btn-name-header {
font-size: 14px
}
}
@media (max-width:1023.98px) {
.btn-name-content span.btn-name,
.btn-name-content span.btn-name-header {
padding-left: .2rem
}
.btn-name-content span.btn-name-header.reset,
.btn-name-content span.btn-name.reset {
text-align: end;
border: none;
text-transform: lowercase
}
}
.btn-name-content span.btn-name-header a,
.btn-name-content span.btn-name a {
text-decoration: underline !important
}
.btn-name-content span.btn-name-header a:first-letter,
.btn-name-content span.btn-name a:first-letter {
text-transform: uppercase
}
.category-items-counter,
.category-items-counter_third_cat {
font-size: 14px;
font-style: normal;
position: relative;
left: 5px;
display: none
}
@media (min-width:1024px) {
.category-items-counter,
.category-items-counter_third_cat {
top: -30px
}
}
@media (max-width:1023.98px) {
.category-items-counter,
.category-items-counter_third_cat {
top: -20px !important
}
}
.boolean-buttons:not(.no-react) .refinements__attribute-button:hover input~.checkmark,
.category-buttons .refinements__attribute-button:hover input~.checkmark,
.color-buttons .refinements__attribute-button:hover input~.checkmark,
.colorGroup-buttons .refinements__attribute-button:hover input~.checkmark,
.size-buttons .refinements__attribute-button:hover input~.checkmark {
background-color: #ccc
}
@media (min-width:1024px) {
.boolean-buttons:not(.no-react) .checkmark:after,
.category-buttons .checkmark:after,
.color-buttons .checkmark:after,
.colorGroup-buttons .checkmark:after,
.size-buttons .checkmark:after {
content: "";
position: absolute;
display: none
}
}
.boolean-buttons:not(.no-react) .refinements__attribute-button input:checked~.checkmark:after,
.category-buttons .refinements__attribute-button input:checked~.checkmark:after,
.color-buttons .refinements__attribute-button input:checked~.checkmark:after,
.colorGroup-buttons .refinements__attribute-button input:checked~.checkmark:after,
.size-buttons .refinements__attribute-button input:checked~.checkmark:after {
display: block
}
.boolean-buttons:not(.no-react) label,
.category-buttons label,
.color-buttons label,
.colorGroup-buttons label,
.size-buttons label {
margin: 0
}
.boolean-buttons:not(.no-react) .lx-checkbox__text,
.category-buttons .lx-checkbox__text,
.color-buttons .lx-checkbox__text,
.colorGroup-buttons .lx-checkbox__text,
.size-buttons .lx-checkbox__text {
white-space: nowrap
}
.refinements__attribute--brand {
width: 100%
}
@media (max-width:1023.98px) {
.refinements__attribute--brand {
margin: .75rem .5rem
}
}
.refinements__attribute--brand .brand-buttons .refinements__attribute-radio {
display: flex;
align-items: center
}
.refinements__attribute--brand .brand-buttons .lx-radio__label {
margin-bottom: 0
}
.refinements__attribute--brand .brand-buttons .lx-radio__label:before {
margin-top: .3125rem
}
@media (max-width:1023.98px) {
.refinements__attribute--brand .brand-buttons .lx-radio__label:before {
margin-top: 0
}
}
.refinements__attribute--brand .brand-buttons .lx-radio__check {
margin-top: 0
}
.refinements__attribute--brand .brand-buttons .lx-radio__text {
white-space: nowrap;
font-size: .875rem
}
@media (min-width:1024px) {
.color-buttons .refinements__attribute-button.selected .lx-checkbox__text,
.colorGroup-buttons .refinements__attribute-button.selected .lx-checkbox__text {
text-decoration: underline;
font-weight: 600
}
}
.color-buttons .refinements__attribute-button .checkmark:before,
.colorGroup-buttons .refinements__attribute-button .checkmark:before {
border-color: #000
}
.color-buttons .refinements__attribute-button .checkmark[id*=Black]:before,
.color-buttons .refinements__attribute-button .checkmark[id*=black]:before,
.color-buttons .refinements__attribute-button .checkmark[id*=Blue]:before,
.color-buttons .refinements__attribute-button .checkmark[id*=blue]:before,
.color-buttons .refinements__attribute-button .checkmark[id*=Brown]:before,
.color-buttons .refinements__attribute-button .checkmark[id*=brown]:before,
.colorGroup-buttons .refinements__attribute-button .checkmark[id*=Black]:before,
.colorGroup-buttons .refinements__attribute-button .checkmark[id*=black]:before,
.colorGroup-buttons .refinements__attribute-button .checkmark[id*=Blue]:before,
.colorGroup-buttons .refinements__attribute-button .checkmark[id*=blue]:before,
.colorGroup-buttons .refinements__attribute-button .checkmark[id*=Brown]:before,
.colorGroup-buttons .refinements__attribute-button .checkmark[id*=brown]:before {
border-color: #fff
}
@media (min-width:1024px) {
.boolean-buttons:not(.no-react) .mobi-text,
.category-buttons .mobi-text,
.size-buttons .mobi-text {
display: none
}
}
@media (max-width:1023.98px) {
.boolean-buttons:not(.no-react) .desktop-text,
.category-buttons .desktop-text,
.size-buttons .desktop-text {
display: none
}
}
.boolean-buttons:not(.no-react) input:checked~.refinements__attribute-button .checkmark label.mobi-text,
.category-buttons input:checked~.refinements__attribute-button .checkmark label.mobi-text,
.size-buttons input:checked~.refinements__attribute-button .checkmark label.mobi-text {
color: #fff
}
@media (max-width:1023.98px) {
.boolean-buttons:not(.no-react) .checkmark,
.category-buttons .checkmark,
.size-buttons .checkmark {
width: 59px;
height: 42px;
display: grid;
color: #000;
align-items: center;
text-align: center
}
}
@media (max-width:1023.98px) {
.boolean-buttons:not(.no-react) .checkmark:before,
.category-buttons .checkmark:before,
.size-buttons .checkmark:before {
display: none
}
}
.mb-lg-0.filters-container__item .reset a {
padding-top: .6rem;
text-decoration: underline !important
}
#filters-desk {
z-index: 99;
background: #fff
}
@media (max-width:1023.98px) {
#filters-desk {
display: none
}
}
@media (min-width:1024px) {
#filters-desk {
display: block
}
}
@supports (position:sticky) {
@media (min-width: 1024px) {
.is-sticky {
position: sticky
}
}
}
.filters-content .refinements__attribute .lx-checkbox__text,
.filters-content .refinements__attribute .lx-radio__text {
font-size: .875rem
}
@media (max-width:1023.98px) {
.filters-content .refinements__attribute .lx-radio__label:before {
margin-top: 0
}
}
.filters-content .refinements__attribute .lx-radio span {
pointer-events: none;
font-size: .875rem
}
@media (max-width:1023.98px) {
.filters-content .refinements__attribute .lx-radio span {
display: flex;
align-items: center;
margin-top: 0
}
}
.filters-delete-transition {
transition: 0s !important
}
@media (max-width:1023.98px) {
.sentinel-sticky {
position: relative;
top: -8.125rem
}
}
@supports (-webkit-touch-callout:none) {
.ios-positioning {
position: fixed;
max-width: 100vw
}
}
:root {
--code-color: #8b0000;
--code-bg-color: #aaa;
--code-font-size: 14px;
--code-line-height: 1.4;
--scroll-bar-color: #707070;
--scroll-bar-bg-color: #707070;
--scroll-bar-track-bg-color: #dcdcdc
}
.refinements__sort-select {
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0
}
.refinements__container--sort {
border: .0625rem solid #eee;
display: none;
z-index: 11;
background-color: #fff;
left: 0;
top: 100%;
min-width: 100%
}
.refinements__container--sort.expanded {
display: block
}
@media (min-width:1024px) {
.refinements__container--sort {
padding: .3125rem .5625rem .5625rem;
top: 1.875rem
}
}
.refinements__sort-item {
border-top: .0625rem solid #969696;
font-size: .875rem;
line-height: 1.25rem;
padding: 1.25rem 1.875rem;
cursor: pointer
}
@media (min-width:1024px) {
.refinements__sort-item {
padding: 0;
border: none
}
}
.refinements__sort-item:hover {
text-decoration: underline
}
.refinements__sort-item:first-child {
border-top: none
}
.refinements__wrapper {
position: absolute;
background: #fff;
width: 100%;
z-index: 99
}
@media (min-width:1024px) {
.refinements__wrapper {
max-width: 20.5rem;
top: 65px;
border: 1px solid #f3f3f3;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
}
@media (max-width:1023.98px) {
.refinements__wrapper {
top: 0;
left: 0;
height: 100%;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
overflow-y: auto;
overflow-x: hidden
}
}
.refinements__wrapper .filters-content {
width: auto;
margin-top: 1rem;
margin-right: .8rem;
scrollbar-width: thin;
scrollbar-color: var(--scroll-bar-color) var(--scroll-bar-bg-color);
display: flex;
overflow-x: hidden
}
@media (min-width:1024px) {
.refinements__wrapper .filters-content {
max-height: 18.625rem;
display: block;
overflow-y: auto;
padding: .625rem .9375rem 0
}
}
@media (max-width:1023.98px) {
.refinements__wrapper .filters-content {
overflow-y: auto;
overflow-x: hidden;
width: 100%;
position: relative;
top: 4.125rem
}
}
.refinements__wrapper .filters-content .sort-elements {
width: 100%
}
@media (max-width:1023.98px) {
.refinements__wrapper .filters-content .sort-elements {
margin-top: .625rem
}
}
@media (max-width:1023.98px) {
.refinements__wrapper .filters-content .sort-elements ul {
margin-left: .9375rem
}
}
.refinements__wrapper .filters-content ul {
list-style: none
}
@media (max-width:1023.98px) {
.refinements__wrapper .filters-content ul {
margin-left: .625rem
}
}
.refinements__wrapper .filters-content ul li {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
margin-bottom: .5rem
}
@media (max-width:1023.98px) {
.refinements__wrapper .filters-content ul li {
-webkit-box-flex: 1;
flex: inherit;
margin-right: 4.25%
}
}
.refinements__wrapper .filters-content::-webkit-scrollbar {
width: 3px;
height: 12px
}
.refinements__wrapper .filters-content::-webkit-scrollbar-track {
background: var(--scroll-bar-track-bg-color)
}
.refinements__wrapper .filters-content::-webkit-scrollbar-thumb {
background-color: var(--scroll-bar-color);
border-radius: 0;
border: 0 solid var(--scroll-bar-bg-color)
}
.refinements__wrapper .filters-content::-webkit-scrollbar-corner {
background: rgba(0, 0, 0, .5)
}
.refinements__wrapper .fade {
position: relative;
bottom: 4em;
height: 4em;
background: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), #fff);
background-image: -moz-linear-gradient(hsla(0, 0%, 100%, 0) 0, #fff 100%);
background-image: -o-linear-gradient(hsla(0, 0%, 100%, 0) 0, #fff 100%);
background-image: linear-gradient(hsla(0, 0%, 100%, 0), #fff);
background-image: -ms-linear-gradient(hsla(0, 0%, 100%, 0) 0, #fff 100%)
}
@media (min-width:1024px) {
.refinements__wrapper .header-mobi_refinement-name {
display: none
}
}
@media (max-width:1023.98px) {
.refinements__wrapper .header-mobi_refinement-name {
cursor: pointer;
height: 66px;
flex-wrap: nowrap;
display: flex;
align-items: center;
background-color: #f9f9f9;
margin: 0 0 8px;
padding: 25px 233px 24px 14px;
position: fixed;
width: 100%;
z-index: 99
}
.refinements__wrapper .header-mobi_refinement-name .header-mobi_refinement-name:hover {
color: #ccc
}
}
@media (min-width:1024px) {
.refinements__wrapper {
overflow-y: hidden;
overflow-x: hidden;
scrollbar-color: #fff
}
.refinements__wrapper::-webkit-scrollbar {
width: .1875rem
}
.refinements__wrapper::-webkit-scrollbar-track {
background: #fff
}
}
.search-results .background-gray {
background-color: #efefef
}
.search-results--no-results {
font-size: .875rem;
font-weight: 500
}
@media (min-width:544px) {
.search-results__suggest-text {
display: inline-block
}
}
.search-results__suggest-text .link {
font-weight: 700
}
.search-results__recommendations-carousel {
overflow-y: scroll
}
.search-results__recommendations-carousel::-webkit-scrollbar {
width: 0;
background: transparent
}
@media (max-width:543.98px) {
.search-results__content {
margin: 0
}
}
.search-results__recommendations {
width: 43.75rem;
margin: 0 auto
}
.search-results__recommendations .product-tile__wishlist {
display: none
}
.search-results .recommendations__title {
font-size: 1rem;
margin: 0 auto;
width: 100%
}
@media (min-width:768px) {
.search-results .recommendations__title {
max-width: 43.75rem
}
}
@media (max-width:1023.98px) {
.search-results__slot {
margin-top: .9375rem
}
.search-results__slot:has(.html-slot-container) {
margin-bottom: 1.875rem
}
}
.search-results__slot .titleDescriptionCategory {
margin: 0 1.9375rem;
padding: 1rem 0
}
@media (max-width:543.98px) {
.search-results__slot .titleDescriptionCategory {
border-top: 0;
border-bottom: 0;
margin: 0 1.1875rem;
padding: 1rem 0
}
}
.search-results__slot .titleDescriptionCategory h1 {
font-family: STIX Two Text, serif;
text-align: center;
margin: auto;
color: #1d1d1d;
font-size: 3.4375rem;
line-height: .53;
letter-spacing: 1.1px;
padding: 1.375rem 0 1.875rem
}
@media (max-width:767.98px) {
.search-results__slot .titleDescriptionCategory h1 {
font-size: 1.25rem;
line-height: .73;
letter-spacing: .4px;
color: #1d1d1d;
padding: 0 0 .9375rem
}
}
.search-results__slot .titleDescriptionCategory h2 {
font-family: Inter, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
font-size: .9375rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: 1.6;
letter-spacing: .75px;
text-align: center;
margin: auto;
color: #5c5c5c;
padding-bottom: 1.375rem;
max-width: 36.0625rem
}
@media (max-width:767.98px) {
.search-results__slot .titleDescriptionCategory h2 {
font-size: .75rem;
font-weight: 300;
line-height: normal;
letter-spacing: normal;
color: #1d1d1d;
padding-bottom: 0
}
}
.no-results__refine {
background-color: #efefef;
padding: 2.8125rem .9375rem 3.375rem
}
.no-results__container .filter-bar__wrapper {
display: none
}
.no-results__heading {
font-size: .875rem;
line-height: 1.75rem;
margin-bottom: 1.5rem
}
.no-results__title {
font-size: .875rem;
line-height: 1.75rem;
text-align: center;
width: 100%;
font-weight: 700
}
@media (min-width:768px) {
.no-results__title {
margin-left: 1.5rem;
text-align: inherit;
width: auto;
font-weight: 400
}
}
.no-results__refine-form {
max-width: 30rem;
flex-wrap: wrap;
position: relative;
flex-direction: column
}
.no-results__refine-form .form-control {
padding-right: 3.125rem
}
.no-results__refine-button.primary.button {
padding: .25rem .375rem;
position: absolute;
height: 2.625rem;
right: 0;
bottom: 0;
width: 2.6875rem;
font-size: 1.3125rem
}
.no-results__banner {
background-color: #efefef;
margin-top: 1.875rem;
padding: 1.875rem 0
}
.no-results__banner-button {
position: absolute;
bottom: 2.5rem;
left: 50%;
transform: translateX(-50%);
max-width: 14.6875rem;
width: 100%
}
.no-results .veil {
display: none
}
.no-results .suggestions {
top: 100%;
width: 100%
}
.no-results .suggestions__close {
display: none
}
.no-results .suggestions__focus-item:first-child {
margin-left: 0
}
.no-results .suggestions__focus-item {
max-width: 33%;
flex-basis: 33%;
padding: 0 .9375rem
}
.no-results .search-form.expanded {
position: fixed;
top: 0;
left: 0;
margin-left: 0;
width: 100%;
z-index: 101;
height: 100%;
background: #fff;
padding: 3.5rem .9375rem
}
.no-results .search-form.expanded .search-field {
z-index: 102;
position: relative;
height: 1.875rem;
padding-left: 3.125rem;
padding-right: .9375rem
}
@media (min-width:1024px) {
.no-results .search-form.expanded .search-field {
position: static;
height: 2.625rem;
padding-right: 3.125rem;
padding-left: .9375rem
}
.no-results .search-form.expanded .search-field::-ms-clear {
display: none
}
}
@media (min-width:1024px) {
.no-results .search-form.expanded {
position: relative;
padding: 0;
z-index: 1
}
}
.no-results .search-form.expanded .button.primary {
top: 3.375rem;
right: auto;
left: 1rem;
background-color: transparent;
border-color: transparent;
color: #000;
z-index: 102;
height: 1.875rem;
font-size: .875rem
}
@media (min-width:1024px) {
.no-results .search-form.expanded .button.primary {
top: 0;
right: 0;
left: auto;
padding: .25rem .375rem;
position: absolute;
height: 2.625rem;
background-color: #000;
border-color: #000;
color: #fff;
font-size: 1.3125rem
}
}
.no-results .search-form.expanded .site-search__suggestions-wrapper {
top: 0;
left: 0;
padding-top: 5.625rem
}
@media (min-width:1024px) {
.no-results .search-form.expanded .site-search__suggestions-wrapper {
padding-top: 0;
position: static;
top: 100%;
width: 100%
}
}
.no-results .search-form.expanded .suggestions {
width: 100%;
position: static;
height: 100%;
display: block
}
.no-results .search-form.expanded .suggestions__close {
display: flex;
top: .625rem;
right: .9375rem;
transition: none
}
@media (min-width:1024px) {
.no-results .search-form.expanded .suggestions__close {
display: none
}
}
.no-results .search-form .search-field {
font-family: Inter, Helvetica, sans-serif;
border-color: #000
}
@media (min-width:1024px) {
.no-results .search-form .search-field {
border-color: #ced4da;
padding-left: .9375rem
}
}
.no-results .search-form .suggestions {
display: none
}
@media (min-width:1024px) {
.no-results .site-search__suggestions-wrapper {
height: auto;
padding-top: 0
}
}
@media (min-width:1024px) and (-ms-high-contrast:active),
(min-width:1024px) and (-ms-high-contrast:none) {
.no-results__suggestions-box {
position: relative;
left: 50%;
transform: translateX(-50%)
}
}
.product__tile {
position: relative
}
.product__tile .back,
.product__tile .front {
width: 100%;
transition: none
}
.product__tile .back {
opacity: .001
}
@media (min-width:1024px) {
.product__tile--highlighted .product__tile__img-set--ensemble {
display: flex !important;
justify-content: center;
overflow: hidden
}
.product__tile--highlighted .product__tile__img-set--ensemble a {
width: auto !important;
padding-top: 0
}
.product__tile--highlighted .product__tile__img-set--ensemble a img {
position: relative !important
}
}
@media (min-width:1024px) {
.product__tile--highlighted .slick-slide div {
display: flex;
justify-content: center;
overflow: hidden
}
}
.product__tile__image__container {
text-decoration: none;
display: block;
position: relative
}
.product__tile__image__container:hover .back {
opacity: 1
}
.product__tile__image__container:hover .front {
opacity: 0
}
.product__tile__badges {
color: #fff;
display: inline-block;
font-size: .75rem;
font-family: Inter, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
letter-spacing: .01625rem;
height: 1.3125rem;
line-height: .6875rem;
padding: .3125rem .875rem;
z-index: 0;
opacity: .8;
font-weight: 700
}
@media (max-width:1139.98px) {
.page:has(.grid-control--double) .product__tile__badges {
font-size: .625rem;
height: .9375rem;
padding-top: .25rem;
padding-bottom: .25rem;
line-height: .4375rem
}
}
@media (min-width:1024px) {
.product__tile__badges {
font-size: .875rem;
line-height: .6875rem
}
}
.product__tile__badges--promotion,
.product__tile__badges--sale {
background-color: #000
}
.product__tile__badges-wrap {
height: 1.3125rem;
display: flex
}
@media (max-width:1139.98px) {
.page:has(.grid-control--double) .product__tile__badges-wrap {
height: .9375rem
}
}
.product__tile__badges-separator {
border: .0625rem solid #000
}
.product__tile__badges-badge {
padding: .3125rem 0;
pointer-events: none
}
.product__tile .product__price {
font-size: .8125rem;
margin: 0 .875rem;
line-height: .75rem
}
.product__tile .price {
font-size: inherit;
color: #000
}
.product__tile .price__strike-through--white {
color: #fff
}
.product__tile .product-detail__badge {
display: none !important
}
.product__tile .product__title {
font-size: .75rem;
flex: 1 2 auto;
line-height: .75rem
}
@media (max-width:1139.98px) {
.product__tile .product__title {
margin: .875rem .8125rem
}
.page:has(.grid-control--double) .product__tile .product__title {
margin: .875rem .8125rem
}
}
.product__tile .fa-angle-left,
.product__tile .fa-angle-right {
transition: all .2s;
visibility: hidden;
opacity: 0;
top: 50%;
transform: translateY(-50%);
z-index: 10;
padding: .46875rem;
cursor: pointer;
font-size: 1.6rem
}
.product__tile .fa-angle-left {
left: 0;
text-shadow: .125rem 0 0 #fff
}
.product__tile .fa-angle-right {
right: 0;
text-shadow: -.125rem 0 0 #fff
}
.product__tile__img-set--large,
.product__tile__img-set--large * {
outline: none !important
}
@media (min-width:1024px) {
.product__tile:hover .fa-angle-left,
.product__tile:hover .fa-angle-right {
visibility: visible;
opacity: 1
}
.product__tile:hover .product-tile__swatches {
background-color: hsla(0, 0%, 100%, .9);
visibility: visible
}
}
.product__tile__img-set {
line-height: 0
}
.product__tile__img-set--ensemble a {
padding-top: 133.5%
}
.product__tile__img-set--ensemble img {
top: 0;
left: 0;
right: 0;
bottom: 0
}
@media (max-width:1023.98px) {
.product__tile__img-set--small {
display: none
}
.page:has(.grid-control--double) .product__tile__img-set--small {
display: block
}
.product__tile__img-set--large {
display: block
}
.page:has(.grid-control--double) .product__tile__img-set--large {
display: none
}
.product__tile__img-set--small-ensemble {
padding-top: 133.4%
}
.product__tile__img-set--small-ensemble img {
top: 0;
left: 0;
right: 0;
bottom: 0
}
}
.product__price .value {
color: #757575;
font-weight: 400
}
.product__price .sales .value {
color: #000
}
.product__slick-nav {
top: 0;
position: absolute;
list-style: none;
display: flex;
padding-left: 0;
margin-bottom: 0
}
.product__slick-nav li {
padding: .9375rem .3125rem
}
.product__slick-nav li.slick-active button {
background-color: #707070
}
.product__slick-nav li:first-child {
padding-left: .875rem
}
.product__slick-nav button {
font-size: 0;
height: .375rem;
width: .375rem;
border-radius: 50%;
display: block;
padding: 0;
border: 0;
background-color: #c2c2c2
}
.product__tile-wrapper {
margin-bottom: .625rem
}
@media (min-width:1024px) {
.product__tile-wrapper {
margin-bottom: 1.75rem
}
}
.product__title .product-tile__pdp-link {
line-height: 0
}
.actions__container {
position: absolute;
z-index: 2;
transition: all .3s ease-in-out;
opacity: 1;
top: .625rem;
right: .625rem
}
.actions__container--recommendation {
padding: .625rem;
opacity: 1;
top: .4375rem;
right: .4375rem
}
@media (min-width:1400px) {
.actions__container {
opacity: 0
}
}
@media (min-width:1400px) and (pointer:coarse) {
.actions__container {
opacity: 1
}
}
@media (min-width:1400px) {
.product__tile:hover .actions__container {
opacity: 1
}
}
@media (max-width:1139.98px) {
.grid__product.col-12 .actions__container {
top: .8125rem;
right: .8125rem
}
}
.actions__box {
position: relative;
background-color: transparent;
background-image: none
}
.actions__box--quickview .actions__title {
right: 1.6875rem;
left: auto
}
.actions__box--wishlist span {
pointer-events: none
}
.actions__box:hover .actions__title {
opacity: 1
}
.actions__icon {
font-size: .625rem
}
.actions__title {
position: absolute;
top: .125rem;
left: 1.6875rem;
font-size: .78125rem;
opacity: 0;
transition: all .3s ease-in-out
}
.actions__plus {
margin-top: .0625rem
}
@media (min-width:1024px) {
.grid__container .product__tile {
width: 25%
}
}
.grid__container .product-tile__swatches-mobile {
color: #333
}
@media (min-width:1024px) {
.recommendations__row .recommendations__tile {
max-width: 25%;
flex-basis: 25%
}
}
@media (max-width:1023.98px) {
.recommendations__row .recommendations__tile {
max-width: 46%;
margin-left: 2%;
margin-right: 2%
}
}
.pdp-description-carousel .product__slick-nav {
top: 90% !important;
left: 45% !important
}
.pdp-description-carousel .fa-angle-left {
top: 40% !important;
left: 1% !important
}
.pdp-description-carousel .fa-angle-right {
top: 40% !important;
right: 1% !important
}
@media (max-width:1023.98px) {
.no-swatch-colors {
margin-bottom: 20px
}
}
.splide__arrow {
background-color: transparent
}
.splide__pagination.splide__pagination--ltr {
display: none
}
.splide__slide__container {
background-color: #ccc
}
.new-tile-badge-wrapper {
margin-top: .5rem;
margin-left: .5rem
}
@media (min-width:1024px) {
.new-tile-badge-wrapper {
margin-left: .25rem
}
}
.quickview-next,
.quickview-prev {
position: absolute;
font-size: 1.5625rem;
text-align: center;
top: 1.25rem;
height: 100%;
width: 15%;
z-index: 1070
}
.quickview-prev {
left: 0
}
.quickview-next {
right: 0
}
.col-thumbs {
margin-top: 1.5625rem
}
@media (max-width:1023.98px) {
.col-thumbs {
margin-bottom: .625rem
}
}
.col-thumbs .col-thumbs__dots {
padding-left: .3125rem;
margin-bottom: 0
}
.col-thumbs .col-thumbs__dots li {
list-style-type: none
}
@media (max-width:1023.98px) {
.col-thumbs .col-thumbs__dots li {
display: inline-block
}
}
.thumb-image {
width: 3.75rem;
margin-bottom: .5rem;
cursor: pointer
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
.thumb-image {
padding-left: .125rem
}
}
@media (max-width:1023.98px) {
.thumb-image {
margin-right: .625rem
}
}
.slick-active .thumb-image {
border: .0625rem solid #000
}
.quick-view-carousel {
visibility: hidden
}
.quick-view-carousel.slick-initialized {
visibility: visible
}
.quick-view-carousel .slick-slide.slick-current {
width: 26.25rem
}
.quick-view-carousel .product-carousel__image.image-quickview {
max-width: 100%;
margin: 0;
position: static
}
.quick-view-dialog .g-dialog__close {
right: .9375rem;
top: .9375rem;
font-size: 1.5625rem
}
.quick-view-dialog .modal-body {
padding-top: .125rem;
padding-bottom: .3125rem
}
.quick-view-dialog .modal-body .product-detail__description {
margin-top: 2.5rem
}
.product-quickview .product-detail__name {
padding-right: 1rem
}
.button-quickview {
height: 1.25rem;
width: 1.25rem;
font-size: 100%
}
@media (max-width:1139.98px) {
.grid__product.col-6 .button-quickview,
.grid__product.col-6 .button-quickview .actions__icon {
height: .875rem;
width: .875rem
}
.grid__product.col-12 .button-quickview,
.grid__product.col-12 .button-quickview .actions__icon {
height: .75rem;
width: .75rem
}
}
.button-quickview.quickview {
background: none;
text-decoration: none
}
.button-quickview.quickview .actions__icon {
z-index: 10;
display: block;
height: 100%;
width: 100%
}
.button-quickview.quickview .actions__icon i {
font-size: .9rem
}
@media (min-width:1024px) {
.button-quickview.quickview .actions__icon i {
font-size: 1rem
}
}
.button-quickview.quickview .wishlist-icon__background {
top: 0;
left: 0;
z-index: 1;
box-shadow: 0 0 .0625rem .3125rem #fff;
opacity: .8
}
.detail-link-block {
margin-top: 1.5625rem;
margin-bottom: 2.5rem
}
.detail-link-block .more-detail-link {
text-decoration: none;
font-size: .875rem
}
.detail-link-block .more-detail-link:hover {
text-decoration: none;
border-bottom: .125rem solid #000
}
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
.swiper,
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1
}
.swiper {
overflow: hidden;
list-style: none;
padding: 0
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translateZ(0)
}
.swiper-horizontal {
touch-action: pan-y
}
.swiper-vertical {
touch-action: pan-x
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block
}
.swiper-slide-invisible-blank {
visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-3d {
perspective: 1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
transform-style: preserve-3d
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
scroll-snap-type: y mandatory
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
scroll-snap-type: none
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: none
}
.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
content: "";
flex-shrink: 0;
order: 9999
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border-radius: 50%;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-top: 4px solid transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s linear infinite
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
height: 1px;
width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
width: 1px;
height: var(--swiper-virtual-size)
}
:root {
--swiper-navigation-size: 44px
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size)/44*27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size)/2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important
}
.swiper-button-next svg,
.swiper-button-prev svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
transform: rotate(180deg)
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto
}
.swiper-button-lock {
display: none
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: normal;
line-height: 1
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev"
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next"
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: opacity .3s;
transform: translateZ(0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet:only-child {
display: none !important
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0, -50%, 0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: transform .2s, top .2s
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform .2s, left .2s
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: transform .2s, right .2s
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit)
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}
.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important
}
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2)
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2)
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move;
touch-action: none
}
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-grid>.swiper-wrapper {
flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper.swiper-cube {
overflow: visible
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px)
}
.swiper-cube .swiper-slide-next+.swiper-slide {
pointer-events: auto;
visibility: visible
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper.swiper-flip {
overflow: visible
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height
}
.swiper.swiper-cards {
overflow: visible
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden
}
.product-detail__promotions {
color: #d42020;
margin-bottom: 15px;
font-weight: 600;
font-size: .75rem
}
@media (min-width:1024px) {
.product-detail__promotions {
font-size: .875rem;
margin-top: 40px
}
}
.product-detail__scroll-triggers {
margin-top: 15px;
font-size: .8125rem;
color: #1d1d1d
}
@media (min-width:1024px) {
.product-detail__scroll-triggers {
margin-top: 20px
}
}
.product-detail__scroll-triggers>* {
cursor: pointer
}
.product-detail__scroll-triggers ul {
list-style: none;
padding-left: 0
}
.product-detail__scroll-triggers .action-text {
font-size: .8125rem;
font-weight: 600;
text-decoration: underline
}
.product-detail__scroll-triggers .action-text:hover {
text-decoration: underline
}
.product-detail .primary-images {
position: relative
}
.product-detail__name-link {
display: inline-block;
text-decoration: underline
}
.product-detail__badge-placeholder {
z-index: 1;
bottom: .4625rem;
left: 0;
min-height: 1.25rem;
transition: all .2s;
position: absolute
}
.product-detail__badge-placeholder-sale {
z-index: 1;
top: .84375rem;
right: 0;
padding-right: 0;
min-height: 1.3125rem;
opacity: .8;
transition: all .2s;
display: block
}
@media (min-width:1024px) {
.product-detail__badge-placeholder-sale {
display: none
}
}
.product-detail__badges {
display: inline-block;
font-size: .75rem;
font-family: Inter, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
letter-spacing: .01625rem;
height: 1.3125rem;
line-height: .6875rem;
padding: .3125rem .875rem;
color: #fff;
background-color: #000;
opacity: .8
}
@media (min-width:1024px) {
.product-detail__badges {
font-size: .8125rem
}
}
.product-detail__badges-wrap {
height: 1.3125rem;
display: contents;
float: left
}
.product-detail__badges-wrap:not(:last-child) {
margin-bottom: .4375rem
}
.product-detail__badges--sale {
background-color: #000;
padding: .3125rem .875rem
}
@media (min-width:1024px) {
.product-detail__badges--sale {
margin-right: 10px
}
}
.product-detail__badge {
color: #fff;
background-color: rgba(0, 0, 0, .8);
width: 4.8rem;
text-align: center;
padding: .125rem .875rem;
font-size: .8125rem;
display: none
}
@media (min-width:768px) {
.product-detail__badge {
display: block
}
}
@media print {
.product-detail__badge {
color-adjust: exact
}
}
.product-detail__badge--old {
text-decoration: line-through
}
.product-detail__badge--double {
font-size: .8125rem
}
.product-detail__description-block {
font-size: .875rem;
line-height: 1.125rem;
margin-top: 1.25rem;
margin-bottom: 1.875rem;
color: #333
}
@media (max-width:1023.98px) {
.product-detail__description-block {
font-size: .75rem
}
}
@media (min-width:1024px) {
.product-detail__info {
position: sticky;
top: 11.25rem;
margin-left: 20px;
margin-right: 40px
}
}
@media (min-width:1024px) {
.product-detail__carousel-container .assetWrapper.assetWrapper {
padding-right: .9375rem;
padding-bottom: .9375rem;
margin: 0
}
}
.product-detail__low-stock {
margin: 0 0 12px
}
@media (min-width:1024px) {
.product-detail__low-stock {
margin: 0 0 13px
}
}
.grid__products .product-detail__discount-badge-wrap {
display: none
}
.in-page-scroll {
display: grid;
grid-template-columns: 2rem auto
}
.in-page-scroll__icon {
font-size: 1rem
}
@media (min-width:1024px) {
.product-info-panels {
background-color: #f5f5f5
}
}
.product-info {
margin: 14px auto 30px
}
.product-info__panel {
background-color: #f5f5f5;
margin: 0 -15px 6px;
padding: 0 15px
}
.product-info__panel.active .product-info__panel-content {
display: block
}
.product-info__panel.active .product-info__trigger-icon {
transform: rotate(180deg)
}
.product-info__panel-trigger {
border: none;
font-size: .75rem;
font-weight: 500;
letter-spacing: .5px;
color: #1d1d1d;
line-height: 17px;
padding: 10px 0;
background: transparent;
width: 100%;
position: relative;
text-align: left
}
.product-info__panel-content {
border-top: 1px solid #1d1d1d;
color: #1d1d1d;
padding: 10px 0 30px;
font-size: .75rem;
letter-spacing: .3px;
line-height: 1.8;
display: none
}
@media (min-width:1024px) {
.product-info__panel-content {
font-size: .9375rem;
margin: 0 auto 87px
}
}
.product-info__pid {
font-size: .625rem;
margin-bottom: 10px
}
@media (min-width:768px) {
.product-info__pid {
font-size: .75rem;
margin-bottom: 22px;
color: #757575
}
}
.product-info__ai {
margin-bottom: .9375rem;
display: none
}
.product-info__ai--description {
font-size: .6875rem
}
.product-info__trigger-icon {
position: absolute;
right: 0;
font-size: 1rem
}
.product-info__tab-triggers {
background-color: #f5f5f5;
padding-top: 30px;
margin-top: 64px;
padding-left: 168px;
padding-right: 168px
}
.product-info__tab-trigger {
background: transparent;
border: none;
border-bottom: 3px solid transparent;
font-size: 1rem;
padding: 20px 10px;
margin: 0 75px;
color: #1d1d1d;
font-weight: 700;
opacity: .75;
transition: .3s;
width: max-content
}
.product-info__tab-trigger.active {
border-color: #1d1d1d
}
.product-info__tab-trigger:hover {
opacity: 1
}
.recommendations-carousels .heading-container {
margin: 0 15px;
border-top: 1px solid #ccc;
padding: 30px 0 15px
}
@media (min-width:1024px) {
.recommendations-carousels .heading-container {
margin: 0 0 34.7px;
padding: 0;
border: none
}
}
.recommendations-carousels .heading {
margin: 0;
font-size: .875rem;
font-weight: 600;
letter-spacing: .0175rem;
color: #1d1d1d;
text-transform: lowercase
}
.recommendations-carousels .heading:first-letter {
text-transform: uppercase
}
@media (min-width:1024px) {
.recommendations-carousels .heading {
font-weight: 400;
font-size: 1.375rem;
letter-spacing: .04125rem
}
}
.recommendations-carousels .carousel-container {
margin-bottom: 30px
}
@media (min-width:1024px) {
.recommendations-carousels .carousel-container {
margin: 0 auto 90px;
max-width: 1780px
}
}
@media (min-width:1024px) {
.recommendations-carousels {
margin-left: 70px;
margin-right: 70px;
position: relative
}
}
.modal-backdrop--transparent .modal-backdrop {
background-color: transparent
}
@media (min-width:1024px) {
.product-carousel__image-wrapper {
margin: 0 15px 15px 0
}
.product-carousel__image-wrapper:not(.slick-slider) {
width: calc(50% - 15px)
}
.product-carousel__image-wrapper:before {
content: "";
display: block;
margin: 0 auto;
height: 0;
padding-bottom: 133.375%
}
}
@media (max-width:1023.98px) {
.product-carousel__image-wrapper {
padding-left: 0;
padding-right: 0
}
}
@media print {
.product-carousel__image-wrapper:first-child {
height: calc(100vh - 200px)
}
.product-carousel__image-wrapper:not(:first-child) {
height: calc(100vh - 90px);
padding-top: 95px
}
}
.product-carousel__360-wrapper {
cursor: grab
}
@media (min-width:1024px) {
.product-carousel__360-wrapper {
margin: 0 15px 15px 0
}
.product-carousel__360-wrapper:not(.slick-slider) {
width: calc(50% - 15px)
}
}
@media (max-width:1023.98px) {
.product-carousel__360-wrapper {
padding-left: 0;
padding-right: 0
}
}
@media print {
.product-carousel__360-wrapper {
display: none
}
}
.product-carousel__360-wrapper .sprite-spin-container {
padding-bottom: 133.375%;
height: auto !important
}
.product-carousel__360-wrapper .spritespin-canvas {
top: 0 !important
}
.product-carousel__video-wrapper {
cursor: pointer
}
@media (min-width:1024px) {
.product-carousel__video-wrapper {
margin: 0 15px 15px 0
}
.product-carousel__video-wrapper:not(.slick-slider) {
width: calc(50% - 15px)
}
}
@media (max-width:1023.98px) {
.product-carousel__video-wrapper {
padding-left: 0;
padding-right: 0
}
}
@media print {
.product-carousel__video-wrapper {
display: none
}
}
.product-carousel__video-wrapper video {
width: 100%
}
.product-carousel__container {
outline: none
}
@media (min-width:1024px) {
.product-carousel__container {
margin: 0
}
.product-carousel__container:not(.slick-slider) {
display: flex;
flex-wrap: wrap
}
}
@media print {
.product-carousel__container {
display: block
}
}
.product-carousel__container * {
outline: none
}
.product-carousel__image {
margin: 0 auto
}
.product-carousel__image.preloaded-image {
margin-bottom: .375rem
}
@media (min-width:1024px) {
.product-carousel__image {
position: absolute;
top: 0;
left: 0;
right: 0
}
}
@media (max-width:1023.98px) {
.product-carousel__image {
width: 100%
}
}
@media print {
.product-carousel__image {
width: calc(100% - 50px);
break-after: always;
page-break-after: always
}
}
.product-carousel__zoom-button {
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
background: hsla(0, 0%, 100%, .5);
font-size: 1.75rem;
opacity: 0;
transition: opacity .2s
}
@media print {
.product-carousel__zoom-button {
display: none !important
}
}
@media (min-width:1024px) {
.product-carousel__zoom-button:hover {
opacity: 1
}
}
.product-carousel .slick-dots {
list-style: none;
font-size: 0;
padding-left: 0;
display: flex;
justify-content: center;
margin: 0 .3125rem;
position: absolute;
top: 15px;
left: 5px;
text-align: left
}
.product-carousel .slick-dots button {
border: none;
height: .3125rem;
margin: 0 .1875rem;
width: .3125rem;
background: #c2c2c2;
border-radius: 50%;
padding: 0
}
.product-carousel .slick-dots .slick-active button {
background: #707070
}
.product-carousel .slick-arrow {
position: absolute;
font-size: 0;
border: none;
background: transparent;
top: 50%;
transform: translateY(-13.5px);
font-family: Font Awesome\ 6 Pro, Times New Roman, Times, serif;
z-index: 1;
display: none !important
}
.product-carousel .slick-arrow:before {
font-size: 1.0625rem
}
.product-carousel .slick-arrow.slick-prev {
left: 5px;
text-shadow: .125rem 0 0 #fff
}
.product-carousel .slick-arrow.slick-prev:before {
content: "\f104"
}
.product-carousel .slick-arrow.slick-next {
right: 15px;
text-shadow: -.125rem 0 0 #fff
}
.product-carousel .slick-arrow.slick-next:before {
content: "\f105"
}
.product-carousel:hover .slick-arrow {
display: inline-block !important
}
.container-360-mobile .spritespin-canvas {
padding-top: 10% !important
}
.quick-view-dialog .product-detail__actions {
position: static
}
@media print {
.quick-view-dialog .product-detail__actions {
position: static
}
}
.quick-view-dialog .price {
font-size: 1.0625rem;
font-weight: 300
}
.quick-view-dialog .price__value {
font-weight: 300
}
.zoom-modal.zoom-modal {
max-height: 100vh;
overflow-y: hidden !important
}
.zoom-modal.zoom-modal .g-dialog__wrapper {
max-width: 100vw;
width: 100vw;
height: 100vh;
margin-top: 0;
overflow: hidden;
align-items: flex-start
}
.zoom-modal.zoom-modal .g-dialog__wrapper .g-dialog__body {
height: 100vh;
width: 100%;
cursor: move
}
@media (max-width:1023.98px) {
.zoom-modal.zoom-modal .g-dialog__wrapper .g-dialog__body {
overflow: auto;
align-items: flex-start
}
}
.zoom-modal.zoom-modal .g-dialog__close {
font-size: 1.75rem;
position: absolute
}
@media (min-width:1024px) {
.zoom-modal.zoom-modal .g-dialog__close {
position: absolute
}
}
@media (min-width:1024px) {
.zoom-modal.zoom-modal .zoom-modal__bg {
min-width: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%)
}
}
.zoom-modal.zoom-modal .zoomImg {
min-width: 100%;
height: auto !important
}
.zoom-modal.zoom-modal .zoomContainer {
width: 100vw;
height: 100vh;
display: none
}
@media (min-width:1024px) {
.zoom-modal.zoom-modal .zoomContainer {
display: block
}
}
@media (min-width:1024px) {
.add-to-cart.blank,
.add-to-cart.blank:hover {
background-color: #f5f5f5 !important;
color: #1d1d1d !important;
border-color: #f5f5f5 !important
}
}
.add-to-cart__wrapper {
max-width: 85%;
width: 100%
}
.product-detail__action .cart-and-ipay {
position: relative
}
.product-detail__action .cart-and-ipay .spinner__button {
position: absolute;
left: 50%;
transform: translateX(-50%)
}
.product-detail__action .cart-and-ipay .add-to-cart__spinner-load.button {
width: 2.5rem;
pointer-events: none;
border-radius: 1.25rem;
padding: 0
}
.product-detail__action .cart-and-ipay .add-to-cart__spinner-load.button .spinner-show {
font-size: 0;
width: 1.875rem;
height: 1.875rem;
position: absolute;
top: .125rem;
left: calc(50% - .9375rem);
background: transparent;
border: .25rem solid transparent;
border-top-color: #fff;
border-radius: 100%;
animation: spin .6s ease-out infinite
}
@keyframes spin {
to {
transform: rotate(1turn)
}
}
.social-icons {
list-style: none
}
.share .share-icons {
font-size: 1.3125rem;
margin-right: 1.25rem
}
@media (min-width:1024px) {
.share .share-icons {
margin-right: 2.0625rem;
font-size: 1.3125rem
}
}
.suggestion__tile .price__value,
.suggestion__tile .price__value--sale {
font-weight: 700
}
.length-chart-content {
padding: 1rem;
position: relative;
font-weight: 700
}
@media (min-width:1024px) {
.length-chart-content {
border: 1px solid #b5b5b5;
margin-top: .5rem
}
}
.length-chart-content .legend-length-chart__title,
.length-chart-content .size-chart-title {
text-transform: uppercase;
font-weight: 700
}
.length-chart-content .table-length-units__td,
.length-chart-content .table-length-units__th {
width: 6.25rem
}
@media (min-width:1024px) {
.length-chart-content .table-length-units__td,
.length-chart-content .table-length-units__th {
line-height: 1.2rem
}
}
.length-chart-content .table-length-units__tr .td__right,
.length-chart-content .table-length-units__tr .th__right {
padding-left: 1rem
}
.length-chart-content .table-length-units__tr .td__left,
.length-chart-content .table-length-units__tr .th__left {
border-right: .0625rem solid #b5b5b5
}
@media (min-width:1024px) {
.length-chart-content .denim-img {
width: 50%
}
}
.length-chart-content .length-chart__label {
text-decoration: underline;
cursor: pointer
}
.length-chart-content .length-chart-content__close {
position: absolute;
font-size: 1.2rem;
top: .625rem;
right: .625rem;
cursor: pointer
}
@media (min-width:1024px) {
.product-set-detail {
margin-bottom: 44px
}
}
@media (max-width:1023.98px) {
.product-set-detail__image {
position: fixed
}
}
@media (max-width:1023.98px) {
.product-set-detail__details {
margin-top: 133.333%;
background-color: #fff;
padding: 0 29px
}
}
.product-set-detail__image-container {
position: sticky;
top: 150px
}
@media (min-width:1024px) {
.product-set-detail__image-container {
max-width: 39.375rem
}
.product-set-detail__image-container .primary-images {
position: sticky;
top: 150px
}
}
@media (min-width:1140px) {
.product-set-detail__details-wrapper {
margin-right: 15px
}
}
.product-set-detail__detail-images {
max-width: 427px;
margin: 0 auto
}
.product-set-detail .set-item {
margin-bottom: 34px
}
@media (min-width:1024px) {
.product-set-detail .set-item:not(:last-child) {
margin-bottom: 89px
}
}
.product-set-detail .set-item__detail {
max-width: 680px
}
.product-set-detail__name-and-items {
margin: 14px 0 30px
}
.product-set-detail__name {
font-size: .875rem;
margin: 0 0 3px;
font-weight: 600;
color: #1d1d1d
}
.product-set-detail__name.h1 {
margin-top: 0;
margin-bottom: .5rem
}
.product-set-detail__products-count {
font-size: .75rem;
color: #000
}
.product-set-detail__scroll-down {
top: unset;
bottom: 35px
}
@media (max-width:1139.98px) {
.product-set-detail .attributes-block {
margin-top: 15px
}
}
.product-set-detail .product-detail__promotions {
margin: 0
}
.product-set-detail .low-stock {
margin-bottom: 5px
}
.out-of-stock {
display: none;
border-top: .0625rem solid red;
border-bottom: .0625rem solid red;
font-size: 1.125rem;
color: red;
padding: .9375rem 0
}
.product-quickview .out-of-stock {
padding: .625rem 0
}
.no-size-available .out-of-stock {
display: block
}
.no-size-available .prices {
display: none
}
.low-stock {
color: #e66d01;
font-weight: 600;
font-size: .875rem
}
@media (min-width:1024px) {
.low-stock {
font-size: .875rem
}
}
@media (max-width:1023.98px) {
.pdp-detail-container,
.pdp-detail-content {
padding-left: 0;
padding-right: 0
}
}
@media (max-width:1023.98px) {
.attribute-wrapper .variation {
display: flex;
overflow: auto;
margin-left: -15px;
padding-left: 15px;
margin-right: -15px
}
}
@media print {
.attribute-wrapper {
padding-top: 70px
}
}
@media (min-width:1024px) {
.product-detail:not(.product-quickview):not(.set-item),
.product-set-detail:not(.product-quickview):not(.set-item) {
position: relative
}
.product-detail:not(.product-quickview):not(.set-item):before,
.product-set-detail:not(.product-quickview):not(.set-item):before {
content: "";
position: absolute;
top: 0;
left: 31px;
right: 31px
}
}
.pdp__description__tabs {
background-color: transparent
}
.pdp__description__tabs .nav {
background: transparent;
overflow: hidden;
display: flex;
white-space: normal !important;
font-size: .75rem;
border: 0
}
.pdp__description__tabs .nav-item {
display: inline-block;
width: 100%;
background-color: #fafafa
}
.pdp__description__tabs .nav-item__icon {
font-size: 1rem
}
.pdp__description__tabs .nav-link {
display: grid;
grid-template-columns: 2rem auto .875rem;
text-overflow: ellipsis;
color: #000;
transition: .3s;
text-align: left
}
.pdp__description__tabs .nav-link,
.pdp__description__tabs .nav-link:visited {
background: transparent;
border: 0;
border-radius: 0
}
.pdp__description__tabs .nav-link:focus,
.pdp__description__tabs .nav-link:hover {
background: transparent
}
.pdp__description__tabs .nav-link.active {
background: transparent;
color: #000;
border-bottom: 0
}
.dialog-360-modal.dialog-360-modal {
max-height: 100vh;
overflow-y: hidden !important
}
.dialog-360-modal.dialog-360-modal .g-dialog__wrapper {
max-width: 100vw;
width: 100vw;
height: 100vh;
margin-top: 0;
overflow: hidden;
align-items: flex-start
}
.dialog-360-modal.dialog-360-modal .g-dialog__wrapper .g-dialog__body {
height: 100vh;
width: 100%;
cursor: move
}
@media (max-width:1023.98px) {
.dialog-360-modal.dialog-360-modal .g-dialog__wrapper .g-dialog__body {
overflow: auto;
align-items: flex-start
}
}
.dialog-360-modal.dialog-360-modal .g-dialog__close {
font-size: 1.75rem;
position: absolute
}
@media (min-width:1024px) {
.dialog-360-modal.dialog-360-modal .g-dialog__close {
position: absolute
}
}
.dialog-360-modal.dialog-360-modal .sprite-spin-container {
width: 100vw;
height: 100vh;
display: block
}
.dialog-360-modal.dialog-360-modal .spritespin-progress {
position: absolute;
width: 80%;
left: 10%;
top: 75%
}
.dialog-360-modal.dialog-360-modal .spritespin-progress-label {
color: grey
}
.dialog-360-modal.dialog-360-modal .spritespin-progress-bar {
background-color: grey;
height: 1px
}
.background-360-luxury {
background: linear-gradient(30deg, #f6efe8, #ede6e0)
}
.background-360 {
background: linear-gradient(60deg, #fafafa, #efefef)
}
.label-360 {
text-align: center;
font-size: .75rem;
font-family: Inter, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
letter-spacing: .01625rem;
height: 1.3125rem;
line-height: .6875rem;
padding: .3125rem .875rem;
color: #fff;
background-color: red;
opacity: .8;
bottom: 0;
right: 0;
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer
}
.label-360:hover+button {
opacity: 1
}
.icon-360 {
top: 3rem;
z-index: 1
}
.icon-360__block {
font-size: .625rem;
line-height: .5;
color: #707070
}
.icon-360__block:before {
content: "";
background: url(../images/360-icon.svg) no-repeat;
position: absolute;
width: 2.875rem;
height: 1.34125rem;
top: -1.875rem;
left: 50%;
transform: translateX(-50%)
}
@media (min-width:1024px) {
.icon-360__block:before {
display: block;
width: 5.625rem;
height: 2.625rem;
top: 1.125rem;
right: .875rem;
left: auto;
transform: none
}
}
@media (min-width:1024px) {
.icon-360___desktop {
position: absolute !important
}
}
.dialog-360-modal {
z-index: 999999
}
.icon-360-dotted-line {
bottom: 2.5rem;
text-align: center;
width: 100%;
z-index: 1;
transition: all .5s ease
}
.icon-360-dotted-line__block {
color: #1d1d1d;
font-size: .875rem;
line-height: 2.45;
padding-top: 7px
}
.dialog-360-modal .icon-360-dotted-line__block {
font-size: .75rem;
line-height: 1.88
}
.icon-360-dotted-line__block:before {
position: absolute;
content: "";
background: url(../images/dotted-line.svg) no-repeat 50%;
width: calc(100% - 100px);
height: 1.875rem;
top: -1.0625rem;
left: 50%;
transform: translateX(-50%)
}
.dialog-360-modal .icon-360-dotted-line__block:before {
height: 1rem
}
.icon-360-dotted-line__fade {
opacity: 0;
visibility: hidden
}
@media (min-width:1024px) {
.icon-video-play {
z-index: 1
}
.icon-video-play:before {
content: "";
background: url(../images/player.svg) no-repeat;
position: absolute;
width: 8.0625rem;
height: 8.0625rem;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
}
.spritespin-canvas {
padding: 1em
}
@media (min-width:1024px) {
.spritespin-canvas {
padding: 2em
}
}
.klarna-paypal-badges-container {
display: inline-flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%
}
.klarna-pdp {
margin-bottom: 1.25rem;
margin-top: .875rem;
flex-grow: 1
}
@media (max-width:1023.98px) {
.klarna-pdp {
width: 100%
}
}
.paypal-pdp {
margin-bottom: 1.25rem;
margin-top: .875rem;
flex-grow: 1;
display: none
}
@media (max-width:1023.98px) {
.paypal-pdp {
width: 100%
}
}
@media (min-width:1024px) {
.attributes-block {
margin-top: 52px
}
}
.attributes-block .product-attribute {
margin-bottom: 20px
}
@media (max-width:1023.98px) {
.attributes-block .product-attribute:last-child {
margin-bottom: 15px
}
}
@media (min-width:1024px) {
.attributes-block .product-attribute {
margin-bottom: 5px
}
.attributes-block .product-attribute:last-child {
margin-bottom: 0
}
}
.attributes-block .attribute__value-wrapper--selected {
pointer-events: none
}
.attributes-block .attribute__name {
font-size: .75rem;
margin-bottom: 5px
}
@media (min-width:1024px) {
.attributes-block .attribute__name {
font-size: 1rem;
margin-bottom: 10px
}
}
.attributes-block .attribute__btn {
background-color: #f5f5f5;
text-align: center;
min-width: 2rem;
height: 2.0625rem;
font-size: .75rem;
color: #1d1d1d;
margin-right: .25rem;
margin-bottom: .75rem;
border: none;
font-weight: 500;
padding: 0 .625rem
}
@media (min-width:1024px) {
.attributes-block .attribute__btn {
min-width: 2.8125rem;
height: 2.875rem;
margin-right: .5rem;
font-size: 1rem
}
}
.attributes-block .attribute__btn.selected {
background-color: #1d1d1d;
color: #fff
}
@media (max-width:1023.98px) {
.attributes-block .attribute--drop,
.attributes-block .attribute--size {
position: relative
}
.attributes-block .attribute--drop:after,
.attributes-block .attribute--size:after {
content: "";
height: 2px;
background-color: #ccc;
position: absolute;
left: 0;
right: 0;
top: 20px
}
}
.attributes-block .attribute .link--size-modal {
text-decoration: none;
font-size: .625rem;
letter-spacing: .0125rem;
color: #757575
}
@media (min-width:1024px) {
.attributes-block .attribute .link--size-modal {
font-size: .75rem;
letter-spacing: .03rem;
text-decoration: underline
}
.attributes-block .attribute .link--size-modal:hover {
text-decoration: none
}
}
.attributes-block .attribute--disabled .attribute__value-wrapper {
pointer-events: none
}
.attributes-block .attribute--disabled .attribute__btn {
color: #ccc
}
@media (max-width:1023.98px) {
[data-attr=color] .attribute__name {
color: #959595
}
}
.swatches-wrapper {
margin-left: -12px;
flex-wrap: wrap
}
@media (max-width:1023.98px) {
.swatches-wrapper {
margin-left: -15px;
margin-right: -15px;
padding-left: 12px;
overflow: auto;
flex-wrap: nowrap
}
}
.product-set-detail .swatches-wrapper {
margin-left: -9px;
margin-right: -9px
}
@media (max-width:1023.98px) {
.product-set-detail .swatches-wrapper {
margin-left: -15px;
margin-right: -15px;
padding-left: 12px;
overflow: auto;
flex-wrap: nowrap
}
}
@media (max-width:1023.98px) {
.selected-color {
text-transform: uppercase
}
}
.title {
font-size: .875rem
}
.attribute__error-message {
position: relative;
font-weight: 400;
color: red;
font-size: .5625rem
}
@media (min-width:1024px) {
.attribute__error-message {
font-size: .8125rem
}
}
.product-quickview .attribute__error-message {
font-weight: 400;
font-size: .9rem
}
.product-size-panel .list-group {
list-style-type: none;
padding: 0;
margin: 0
}
.product-size-panel .list-group .list-group-item {
border: 1px solid #ddd;
margin-top: -1px;
background-color: #f6f6f6;
padding: 12px;
cursor: pointer
}
.product-size-panel .list-group .list-group__header {
font-weight: 700
}
.modal.fade.in.modal-dialog.modal-size-selection {
bottom: 0;
opacity: 1
}
.modal-dialog.modal-size-selection {
position: fixed;
top: auto;
bottom: 0;
margin: 0;
min-width: 100%;
height: auto;
transition: opacity .3s ease-out, bottom .3s ease-out
}
@media (max-width:1023.98px) {
.low-stock-div {
margin-bottom: 22px
}
}
.wishlist__feedback-popup {
background-color: #fff;
border: .1875rem solid #000;
padding: .625rem;
width: 100%;
max-width: calc(100% - 3.75rem);
text-align: center;
z-index: 100;
top: 40%;
left: 1.875rem
}
@media (min-width:1024px) {
.wishlist__feedback-popup {
max-width: 24.5rem;
left: auto;
right: 1.875rem;
top: 50%;
transform: translateY(-50%)
}
}
.wishlist__feedback-popup__close {
position: absolute;
right: .625rem;
top: .3125rem
}
@media (min-width:1024px) {
.js-addtocart-feedback {
display: none
}
}
.custom-div-button {
width: 100%;
padding: 2.8125rem
}
.custom-div {
width: 100%;
background-color: #efefef;
padding-bottom: 2.1875rem
}
.custom-div .custom-row {
text-align: center
}
.custom-div .custom-row--margin {
padding: 2.1875rem .625rem
}
@media (max-width:1139.98px) {
.custom-div .custom-row--margin {
margin-left: 0;
margin-right: 0
}
}
.custom-div .custom-row--margin-top {
padding: 2.1875rem 0 0
}
.custom-row {
text-align: center
}
.custom-row--margin {
padding: 2.5rem 0
}
@media (min-width:1024px) {
.custom-row--margin {
padding: 2.5rem
}
}
.custom-row--margin-top {
padding: 2.1875rem 0 0
}
.search-button {
width: 2.6875rem;
height: 2.6875rem;
border: .0625rem solid #333;
background-color: #000;
color: #fff
}
.search-input {
width: 25.0625rem;
height: 2.6875rem;
border: .0625rem solid #aaa;
background-color: #fff;
padding-left: .9375rem;
font-size: .875rem
}
@media (max-width:767.98px) {
.search-input {
width: 15.625rem
}
}
.search-results--no-results {
overflow: hidden !important
}
.pd-button {
border: .1875rem solid transparent;
text-transform: uppercase;
font-size: .875rem;
line-height: .875rem;
min-width: 10rem;
width: 14.6875rem;
max-width: 100%;
text-align: center;
transition: all .3s ease-in-out;
display: inline-block
}
.pd-button,
.pd-button:hover {
text-decoration: none
}
.pd-button--black {
background-color: #000;
color: #fff
}
.pd-button--black:hover,
.pd-button--white {
background-color: #fff;
color: #000
}
.pd-button--white:hover {
background-color: #000;
color: #fff
}
.pd-button--white-border {
border-color: #fff;
color: #fff;
background-color: transparent
}
.pd-button--white-border:hover {
background-color: #fff;
color: #000
}
.pd-button--black-border {
border-color: #000;
color: #000;
background-color: transparent
}
.pd-button--black-border:hover {
background-color: #000;
color: #fff
}
.pd-button--white-with-black-border {
border-color: #000;
background-color: #fff;
color: #000
}
.pd-button--white-with-black-border:hover {
background-color: #000;
color: #fff
}
.pd-button>* {
display: inline;
margin: 0;
padding: 0
}
.pd-button a {
display: block;
padding: .625rem 0;
color: inherit;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.pd-button a:hover {
text-decoration: none
}
.headline-banner {
vertical-align: top
}
.headline-banner__content-wrap {
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
justify-content: center;
align-items: flex-end
}
@media (min-width:768px) {
.headline-banner__content-wrap--left {
justify-content: flex-start
}
.headline-banner__content-wrap--center {
justify-content: center
}
.headline-banner__content-wrap--right {
justify-content: flex-end
}
.headline-banner__content-wrap--top {
align-items: flex-start
}
.headline-banner__content-wrap--middle {
align-items: center
}
.headline-banner__content-wrap--bottom {
align-items: flex-end
}
}
.headline-banner__content-item {
padding: 1.875rem;
max-width: 100%
}
@media (min-width:768px) {
.headline-banner__content-item {
padding: 2.8125rem
}
}
@media (min-width:1140px) {
.headline-banner__content-item {
max-width: 50%
}
}
.headline-banner__content-item h2 {
font-size: 1.625rem;
font-weight: 500
}
@media (min-width:768px) {
.headline-banner__content-item h2 {
font-size: 3.125rem;
display: inline-block;
max-width: 30rem
}
}
.headline-banner__content-item h3 {
font-size: 2.1875rem
}
.headline-banner__content {
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%
}
.error__text {
font-size: .875rem
}
.error__title {
color: #333;
font-size: 1.6875rem
}
@media (max-width:1023.98px) {
.error__title {
font-size: 1.625rem
}
}
.error__subtitle {
font-size: 1.25rem
}
@media (max-width:1023.98px) {
.error__subtitle {
font-size: 1rem
}
}
.error__category-title {
margin: 0;
font-size: .75rem;
padding: 1.875rem 0 .9375rem
}
@media (min-width:1024px) {
.error__category-title {
font-size: 1.125rem;
padding: 3.125rem 0 1.5625rem
}
}
.error__category {
position: relative;
padding: .9375rem 0;
text-align: center
}
@media (min-width:1024px) {
.error__category {
padding: 1.5625rem
}
}
.error__button {
display: block;
position: absolute;
bottom: 2.5rem;
color: #333;
background-color: #fff;
font-size: .875rem;
line-height: 1.25rem;
padding: .625rem;
text-align: center;
left: 50%;
transform: translateX(-50%);
text-transform: uppercase;
max-width: 90%;
width: 14.5rem
}
.error__button:hover {
color: #fff;
background-color: #000;
text-decoration: none
}
@media (min-width:1024px) {
.error__button {
bottom: 4.0625rem
}
}
.swatch-circle-beige {
background-color: #d7cab0
}
.swatch-circle-beige.disabled {
opacity: .2
}
.swatch-filter-beige {
background-color: #d7cab0
}
.swatch-filter-beige.disabled {
opacity: .2
}
.swatch-circle-black {
background-color: #000
}
.swatch-circle-black.disabled {
opacity: .2
}
.swatch-filter-black {
background-color: #000
}
.swatch-filter-black.disabled {
opacity: .2
}
.swatch-circle-blue {
background-color: #3463ba
}
.swatch-circle-blue.disabled {
opacity: .2
}
.swatch-filter-blue {
background-color: #3463ba
}
.swatch-filter-blue.disabled {
opacity: .2
}
.swatch-circle-brown {
background-color: #502e1b
}
.swatch-circle-brown.disabled {
opacity: .2
}
.swatch-filter-brown {
background-color: #502e1b
}
.swatch-filter-brown.disabled {
opacity: .2
}
.swatch-circle-green {
background-color: #638f40
}
.swatch-circle-green.disabled {
opacity: .2
}
.swatch-filter-green {
background-color: #638f40
}
.swatch-filter-green.disabled {
opacity: .2
}
.swatch-circle-grey {
background-color: #818181
}
.swatch-circle-grey.disabled {
opacity: .2
}
.swatch-filter-grey {
background-color: #818181
}
.swatch-filter-grey.disabled {
opacity: .2
}
.swatch-circle-navy {
background-color: navy
}
.swatch-circle-navy.disabled {
opacity: .2
}
.swatch-filter-navy {
background-color: navy
}
.swatch-filter-navy.disabled {
opacity: .2
}
.swatch-circle-orange {
background-color: #ff712b
}
.swatch-circle-orange.disabled {
opacity: .2
}
.swatch-filter-orange {
background-color: #ff712b
}
.swatch-filter-orange.disabled {
opacity: .2
}
.swatch-circle-gold {
background-color: #c38d47
}
.swatch-circle-gold.disabled {
opacity: .2
}
.swatch-filter-gold {
background-color: #c38d47
}
.swatch-filter-gold.disabled {
opacity: .2
}
.swatch-circle-rose-gold {
background-color: #e2a686
}
.swatch-circle-rose-gold.disabled {
opacity: .2
}
.swatch-filter-rose-gold {
background-color: #e2a686
}
.swatch-filter-rose-gold.disabled {
opacity: .2
}
.swatch-circle-pink {
background-color: #f078ae
}
.swatch-circle-pink.disabled {
opacity: .2
}
.swatch-filter-pink {
background-color: #f078ae
}
.swatch-filter-pink.disabled {
opacity: .2
}
.swatch-circle-purple {
background-color: #d0a3e5
}
.swatch-circle-purple.disabled {
opacity: .2
}
.swatch-filter-purple {
background-color: #d0a3e5
}
.swatch-filter-purple.disabled {
opacity: .2
}
.swatch-circle-red {
background-color: #c5171e
}
.swatch-circle-red.disabled {
opacity: .2
}
.swatch-filter-red {
background-color: #c5171e
}
.swatch-filter-red.disabled {
opacity: .2
}
.swatch-circle-white {
background-color: #fff
}
.swatch-circle-white.disabled {
opacity: .2
}
.swatch-filter-white {
background-color: #fff
}
.swatch-filter-white.disabled {
opacity: .2
}
.swatch-circle-yellow {
background-color: #f1b942
}
.swatch-circle-yellow.disabled {
opacity: .2
}
.swatch-filter-yellow {
background-color: #f1b942
}
.swatch-filter-yellow.disabled {
opacity: .2
}
.swatch-circle-silver {
background-color: silver
}
.swatch-circle-silver.disabled {
opacity: .2
}
.swatch-filter-silver {
background-color: silver
}
.swatch-filter-silver.disabled {
opacity: .2
}
.swatch-circle-miscellaneous {
background: linear-gradient(0deg, #821e91, #821e91 25%, #edd134 0, #ff0 50%, #edd134 0, #59ba00 0, #59ba00 76%, #111 0, #111), linear-gradient(0deg, #0e5cd1, #0e5cd1 50%, #e20b0b 0, #e20b0b);
background-repeat: repeat-y, repeat;
background-size: 50% 100%, 100% 100%;
border-radius: 50%;
display: block;
position: relative;
transform: rotate(35deg)
}
.swatch-circle-miscellaneous.disabled {
opacity: .2
}
.swatch-circle-multi-color {
border-radius: 50%;
display: block;
position: relative;
background: conic-gradient(from 90deg, #3463ba, #638f40 .26turn, #f1b942 .51turn, #ff712b .77turn, #c5171e)
}
.swatch-circle-multi-color.disabled {
opacity: .2
}
.swatch-circle-multi-metal {
border-radius: 50%;
display: block;
position: relative;
background: conic-gradient(from .26turn, silver, #e2a686 .51turn, #c38d47 .99turn)
}
.swatch-circle-multi-metal.disabled {
opacity: .2
}
.swatch-circle-no-color {
border-radius: 50%;
display: block;
position: relative;
background: #fff
}
.swatch-circle-no-color.disabled {
opacity: .2
}
.swatch-circle-no-color:after {
content: "";
position: absolute;
width: 100%;
left: 0;
top: 50%;
height: .0625rem;
background-color: #979797;
transform: rotate(-45deg)
}
.swatch-circle-black-white {
border-radius: 50%;
display: block;
position: relative;
background-image: linear-gradient(180deg, #fff 50%, #000 57%)
}
.swatch-circle-black-white.disabled {
opacity: .2
}
.swatch-center-background-img {
background-position: 50%;
background-size: 100%
}
.suggestions__title {
font-size: 1.125rem
}
.suggestions__wrap {
padding-top: 0
}
.suggestions__wrap .product__tile {
position: relative;
margin-bottom: 6.25rem
}
.suggestions__wrap .product__tile__badges {
color: #fff;
font-size: .75rem;
font-family: Inter, Century Gothic, CenturyGothic, AppleGothic, sans-serif;
line-height: 1.25rem;
text-transform: uppercase
}
.suggestions__wrap .small-description {
position: absolute;
width: 100%
}
.suggestions__wrap .products-carousel .slick-arrow {
margin-top: -1.25rem;
color: #333;
padding: 0
}
.suggestions__wrap .products-carousel .slick-arrow.slick-prev {
left: -2.25rem
}
.suggestions__wrap .products-carousel .slick-arrow.slick-next {
right: -2.25rem
}
.suggestions__wrap .products-carousel .slick-slide {
padding: 0;
margin: 0 .625rem
}
@media (min-width:1024px) {
.suggestions__wrap .products-carousel .slick-slide {
margin: 0 1.5625rem
}
}
.suggestions__wrap .products-carousel .slick-list {
margin: 0;
padding-left: 1.25rem
}
@media (min-width:1024px) {
.suggestions__wrap .products-carousel .slick-list {
padding-left: 0
}
}
.suggestions__wrap .products-carousel .product-tile__swatches {
position: absolute;
bottom: -5.9375rem;
width: 100%
}
.suggestions__wrap .products-carousel .product-tile__swatches .text--muted {
display: none
}
.suggestions__wrap .swatch-square {
height: 1.0625rem;
width: 1.0625rem
}
.miss-out {
padding: 0 0 .9375rem
}
.miss-out__title {
color: #333;
font-size: 1.125rem;
font-weight: 600
}
.miss-out .headline-banner,
.miss-out .headline-banner__image {
width: 100%
}
.miss-out .first-image,
.miss-out .second-image {
width: 100%;
margin-bottom: .9375rem;
padding: 0 1.875rem
}
@media (min-width:1024px) {
.miss-out .first-image,
.miss-out .second-image {
max-width: 50%
}
}
.miss-out .first-image {
margin-bottom: 1.875rem
}
@media (min-width:1024px) {
.miss-out .first-image {
padding-right: 1.5625rem;
padding-left: 0
}
}
@media (min-width:1024px) {
.miss-out .second-image {
padding-left: 1.5625rem;
padding-right: 0
}
}
@media (min-width:1024px) {
.miss-out {
padding: 0 0 1.5625rem
}
}
[type=button]:focus,
button:focus {
outline: none
}
.lx-btn {
position: relative;
overflow: hidden;
outline: 0;
border: none;
display: inline-block;
text-align: center;
font-size: .875rem;
line-height: 1.25rem;
padding: 10px 4px;
transition: background-color .25s cubic-bezier(.4, 0, .2, 1) 0ms, box-shadow .25s cubic-bezier(.4, 0, .2, 1) 0ms, border .25s cubic-bezier(.4, 0, .2, 1) 0ms;
min-width: 220px
}
.lx-btn:hover {
text-decoration: none
}
.lx-btn--contained {
background-color: #1d1d1d;
color: #fff
}
.lx-btn--contained:hover {
background-color: #3e3e3e;
color: #fff
}
.lx-btn--contained:disabled {
background-color: #ebebeb
}
.lx-btn--contained--cta {
background-color: #288749;
color: #fff
}
.lx-btn--contained--cta:hover {
background-color: #207a3f;
color: #fff
}
.lx-btn--contained--cta:disabled {
background-color: #ebebeb
}
.lx-btn--contained--cta.no-hover:active,
.lx-btn--contained--cta.no-hover:focus {
background-color: #288749 !important
}
.lx-btn--outlined {
background-color: transparent;
border: 1px solid #1d1d1d;
color: #1d1d1d;
padding-top: 9px;
padding-bottom: 9px
}
.lx-btn--outlined:hover {
background-color: #f3f3f3;
color: #1d1d1d
}
.lx-btn--outlined:active,
.lx-btn--outlined:focus {
background-color: #ebebeb;
color: #1d1d1d
}
.lx-btn--outlined:disabled {
background-color: #ebebeb;
border-color: #999
}
.lx-btn--text {
min-width: auto;
background-color: transparent
}
.lx-btn--text:hover {
background-color: #f3f3f3;
color: #1d1d1d
}
.lx-btn--text:active,
.lx-btn--text:focus {
background-color: #ebebeb;
color: #1d1d1d
}
.lx-btn--text:disabled {
background-color: transparent
}
.lx-btn--text.inverse {
color: #fff
}
.lx-btn--text.inverse:hover {
background-color: #3e3e3e;
color: #fff
}
.lx-btn--text.inverse:active,
.lx-btn--text.inverse:focus {
background-color: #5c5c5c;
color: #fff
}
.lx-btn:disabled {
cursor: not-allowed;
color: #999
}
.lx-btn__ripple {
position: absolute;
border-radius: 50%;
transform: scale(0);
animation: ripple .6s linear;
background-color: #dcdcdc
}
.lx-btn.lh-14 {
line-height: .875rem
}
.lx-btn.no-hover:active,
.lx-btn.no-hover:focus {
background-color: #1d1d1d
}
.lx-btn__edit {
position: relative;
display: inline-block;
justify-content: center;
align-items: center;
text-align: center;
min-width: 3.3125rem;
height: 1.5rem;
background-color: #fff;
border: .0625rem solid #dcdcdc;
padding: .25rem;
margin-left: .3125rem;
cursor: pointer
}
.lx-btn__edit:hover {
text-decoration: none
}
.lx-btn__edit:before {
content: "";
position: absolute;
min-width: 4.5rem;
height: 2.625rem;
top: -.625rem;
bottom: -.625rem;
left: -.625rem;
right: -.625rem
}
.lx-btn__edit--text {
height: 100%;
font-size: .75rem;
font-weight: 600;
line-height: 1.2;
color: #707070
}
.filters__container__actions button {
min-width: 143px !important
}
@media (max-width:1023.98px) {
.filters__container__actions button {
min-width: 100% !important
}
}
body,
html {
font-family: Inter, Century Gothic, CenturyGothic, AppleGothic, sans-serif
}
.text-color--white {
color: #fff
}
.text-color--black {
color: #000
}
.text-color--gray {
color: #909090
}
.text-color--600 {
color: #707070
}
.text-color--900 {
color: #1d1d1d
}
.text-size--11 {
font-size: .6875rem
}
.text-size--12 {
font-size: .75rem
}
.text-size--14 {
font-size: .875rem
}
.text-size--16 {
font-size: 1rem
}
.text-size--18 {
font-size: 1.125rem
}
.text-size--19 {
font-size: 1.1875rem
}
.text-size--20 {
font-size: 1.25rem
}
.text-size--22 {
font-size: 1.375rem
}
.text-size--32 {
font-size: 2rem
}
.text-weight--100 {
font-weight: 100
}
.text-weight--200 {
font-weight: 200
}
.text-weight--300 {
font-weight: 300
}
.text-weight--400 {
font-weight: 400
}
.text-weight--500 {
font-weight: 500
}
.text-weight--600 {
font-weight: 600 !important
}
.text-weight--700 {
font-weight: 700
}
.text-weight--800 {
font-weight: 800
}
.text-weight--900 {
font-weight: 900
}
.iti {
position: relative;
display: inline-block
}
.iti * {
box-sizing: border-box;
-moz-box-sizing: border-box
}
.iti__hide {
display: none
}
.iti__v-hide {
visibility: hidden
}
.iti input,
.iti input[type=tel],
.iti input[type=text] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0
}
.iti__flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px
}
.iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 0 6px 0 8px
}
.iti__arrow {
margin-left: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555
}
.iti__arrow--up {
border-top: none;
border-bottom: 4px solid #555
}
.iti__country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
background-color: #fff;
border: 1px solid #ccc;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch
}
.iti__country-list--dropup {
bottom: 100%;
margin-bottom: -1px
}
@media (max-width:500px) {
.iti__country-list {
white-space: normal
}
}
.iti__flag-box {
display: inline-block;
width: 20px
}
.iti__divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc
}
.iti__country {
padding: 5px 10px;
outline: none
}
.iti__dial-code {
color: #999
}
.iti__country.iti__highlight {
background-color: rgba(0, 0, 0, .05)
}
.iti__country-name,
.iti__dial-code,
.iti__flag-box {
vertical-align: middle
}
.iti__country-name,
.iti__flag-box {
margin-right: 6px
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel],
.iti--allow-dropdown input[type=text],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel],
.iti--separate-dial-code input[type=text] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0
}
.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
right: auto;
left: 0
}
.iti--allow-dropdown .iti__flag-container:hover {
cursor: pointer
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: rgba(0, 0, 0, .05)
}
.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
cursor: default
}
.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
background-color: transparent
}
.iti--separate-dial-code .iti__selected-flag {
background-color: rgba(0, 0, 0, .05)
}
.iti--separate-dial-code .iti__selected-dial-code {
margin-left: 6px
}
.iti--container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px
}
.iti--container:hover {
cursor: pointer
}
.iti-mobile .iti--container {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
position: fixed
}
.iti-mobile .iti__country-list {
max-height: 100%;
width: 100%
}
.iti-mobile .iti__country {
padding: 10px;
line-height: 1.5em
}
.iti__flag {
width: 20px
}
.iti__flag.iti__be {
width: 18px
}
.iti__flag.iti__ch {
width: 15px
}
.iti__flag.iti__mc {
width: 19px
}
.iti__flag.iti__ne {
width: 18px
}
.iti__flag.iti__np {
width: 13px
}
.iti__flag.iti__va {
width: 15px
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.iti__flag {
background-size: 5652px 15px
}
}
.iti__flag.iti__ac {
height: 10px;
background-position: 0 0
}
.iti__flag.iti__ad {
height: 14px;
background-position: -22px 0
}
.iti__flag.iti__ae {
height: 10px;
background-position: -44px 0
}
.iti__flag.iti__af {
height: 14px;
background-position: -66px 0
}
.iti__flag.iti__ag {
height: 14px;
background-position: -88px 0
}
.iti__flag.iti__ai {
height: 10px;
background-position: -110px 0
}
.iti__flag.iti__al {
height: 15px;
background-position: -132px 0
}
.iti__flag.iti__am {
height: 10px;
background-position: -154px 0
}
.iti__flag.iti__ao {
height: 14px;
background-position: -176px 0
}
.iti__flag.iti__aq {
height: 14px;
background-position: -198px 0
}
.iti__flag.iti__ar {
height: 13px;
background-position: -220px 0
}
.iti__flag.iti__as {
height: 10px;
background-position: -242px 0
}
.iti__flag.iti__at {
height: 14px;
background-position: -264px 0
}
.iti__flag.iti__au {
height: 10px;
background-position: -286px 0
}
.iti__flag.iti__aw {
height: 14px;
background-position: -308px 0
}
.iti__flag.iti__ax {
height: 13px;
background-position: -330px 0
}
.iti__flag.iti__az {
height: 10px;
background-position: -352px 0
}
.iti__flag.iti__ba {
height: 10px;
background-position: -374px 0
}
.iti__flag.iti__bb {
height: 14px;
background-position: -396px 0
}
.iti__flag.iti__bd {
height: 12px;
background-position: -418px 0
}
.iti__flag.iti__be {
height: 15px;
background-position: -440px 0
}
.iti__flag.iti__bf {
height: 14px;
background-position: -460px 0
}
.iti__flag.iti__bg {
height: 12px;
background-position: -482px 0
}
.iti__flag.iti__bh {
height: 12px;
background-position: -504px 0
}
.iti__flag.iti__bi {
height: 12px;
background-position: -526px 0
}
.iti__flag.iti__bj {
height: 14px;
background-position: -548px 0
}
.iti__flag.iti__bl {
height: 14px;
background-position: -570px 0
}
.iti__flag.iti__bm {
height: 10px;
background-position: -592px 0
}
.iti__flag.iti__bn {
height: 10px;
background-position: -614px 0
}
.iti__flag.iti__bo {
height: 14px;
background-position: -636px 0
}
.iti__flag.iti__bq {
height: 14px;
background-position: -658px 0
}
.iti__flag.iti__br {
height: 14px;
background-position: -680px 0
}
.iti__flag.iti__bs {
height: 10px;
background-position: -702px 0
}
.iti__flag.iti__bt {
height: 14px;
background-position: -724px 0
}
.iti__flag.iti__bv {
height: 15px;
background-position: -746px 0
}
.iti__flag.iti__bw {
height: 14px;
background-position: -768px 0
}
.iti__flag.iti__by {
height: 10px;
background-position: -790px 0
}
.iti__flag.iti__bz {
height: 14px;
background-position: -812px 0
}
.iti__flag.iti__ca {
height: 10px;
background-position: -834px 0
}
.iti__flag.iti__cc {
height: 10px;
background-position: -856px 0
}
.iti__flag.iti__cd {
height: 15px;
background-position: -878px 0
}
.iti__flag.iti__cf {
height: 14px;
background-position: -900px 0
}
.iti__flag.iti__cg {
height: 14px;
background-position: -922px 0
}
.iti__flag.iti__ch {
height: 15px;
background-position: -944px 0
}
.iti__flag.iti__ci {
height: 14px;
background-position: -961px 0
}
.iti__flag.iti__ck {
height: 10px;
background-position: -983px 0
}
.iti__flag.iti__cl {
height: 14px;
background-position: -1005px 0
}
.iti__flag.iti__cm {
height: 14px;
background-position: -1027px 0
}
.iti__flag.iti__cn {
height: 14px;
background-position: -1049px 0
}
.iti__flag.iti__co {
height: 14px;
background-position: -1071px 0
}
.iti__flag.iti__cp {
height: 14px;
background-position: -1093px 0
}
.iti__flag.iti__cr {
height: 12px;
background-position: -1115px 0
}
.iti__flag.iti__cu {
height: 10px;
background-position: -1137px 0
}
.iti__flag.iti__cv {
height: 12px;
background-position: -1159px 0
}
.iti__flag.iti__cw {
height: 14px;
background-position: -1181px 0
}
.iti__flag.iti__cx {
height: 10px;
background-position: -1203px 0
}
.iti__flag.iti__cy {
height: 14px;
background-position: -1225px 0
}
.iti__flag.iti__cz {
height: 14px;
background-position: -1247px 0
}
.iti__flag.iti__de {
height: 12px;
background-position: -1269px 0
}
.iti__flag.iti__dg {
height: 10px;
background-position: -1291px 0
}
.iti__flag.iti__dj {
height: 14px;
background-position: -1313px 0
}
.iti__flag.iti__dk {
height: 15px;
background-position: -1335px 0
}
.iti__flag.iti__dm {
height: 10px;
background-position: -1357px 0
}
.iti__flag.iti__do {
height: 14px;
background-position: -1379px 0
}
.iti__flag.iti__dz {
height: 14px;
background-position: -1401px 0
}
.iti__flag.iti__ea {
height: 14px;
background-position: -1423px 0
}
.iti__flag.iti__ec {
height: 14px;
background-position: -1445px 0
}
.iti__flag.iti__ee {
height: 13px;
background-position: -1467px 0
}
.iti__flag.iti__eg {
height: 14px;
background-position: -1489px 0
}
.iti__flag.iti__eh {
height: 10px;
background-position: -1511px 0
}
.iti__flag.iti__er {
height: 10px;
background-position: -1533px 0
}
.iti__flag.iti__es {
height: 14px;
background-position: -1555px 0
}
.iti__flag.iti__et {
height: 10px;
background-position: -1577px 0
}
.iti__flag.iti__eu {
height: 14px;
background-position: -1599px 0
}
.iti__flag.iti__fi {
height: 12px;
background-position: -1621px 0
}
.iti__flag.iti__fj {
height: 10px;
background-position: -1643px 0
}
.iti__flag.iti__fk {
height: 10px;
background-position: -1665px 0
}
.iti__flag.iti__fm {
height: 11px;
background-position: -1687px 0
}
.iti__flag.iti__fo {
height: 15px;
background-position: -1709px 0
}
.iti__flag.iti__fr {
height: 14px;
background-position: -1731px 0
}
.iti__flag.iti__ga {
height: 15px;
background-position: -1753px 0
}
.iti__flag.iti__gb {
height: 10px;
background-position: -1775px 0
}
.iti__flag.iti__gd {
height: 12px;
background-position: -1797px 0
}
.iti__flag.iti__ge {
height: 14px;
background-position: -1819px 0
}
.iti__flag.iti__gf {
height: 14px;
background-position: -1841px 0
}
.iti__flag.iti__gg {
height: 14px;
background-position: -1863px 0
}
.iti__flag.iti__gh {
height: 14px;
background-position: -1885px 0
}
.iti__flag.iti__gi {
height: 10px;
background-position: -1907px 0
}
.iti__flag.iti__gl {
height: 14px;
background-position: -1929px 0
}
.iti__flag.iti__gm {
height: 14px;
background-position: -1951px 0
}
.iti__flag.iti__gn {
height: 14px;
background-position: -1973px 0
}
.iti__flag.iti__gp {
height: 14px;
background-position: -1995px 0
}
.iti__flag.iti__gq {
height: 14px;
background-position: -2017px 0
}
.iti__flag.iti__gr {
height: 14px;
background-position: -2039px 0
}
.iti__flag.iti__gs {
height: 10px;
background-position: -2061px 0
}
.iti__flag.iti__gt {
height: 13px;
background-position: -2083px 0
}
.iti__flag.iti__gu {
height: 11px;
background-position: -2105px 0
}
.iti__flag.iti__gw {
height: 10px;
background-position: -2127px 0
}
.iti__flag.iti__gy {
height: 12px;
background-position: -2149px 0
}
.iti__flag.iti__hk {
height: 14px;
background-position: -2171px 0
}
.iti__flag.iti__hm {
height: 10px;
background-position: -2193px 0
}
.iti__flag.iti__hn {
height: 10px;
background-position: -2215px 0
}
.iti__flag.iti__hr {
height: 10px;
background-position: -2237px 0
}
.iti__flag.iti__ht {
height: 12px;
background-position: -2259px 0
}
.iti__flag.iti__hu {
height: 10px;
background-position: -2281px 0
}
.iti__flag.iti__ic {
height: 14px;
background-position: -2303px 0
}
.iti__flag.iti__id {
height: 14px;
background-position: -2325px 0
}
.iti__flag.iti__ie {
height: 10px;
background-position: -2347px 0
}
.iti__flag.iti__il {
height: 15px;
background-position: -2369px 0
}
.iti__flag.iti__im {
height: 10px;
background-position: -2391px 0
}
.iti__flag.iti__in {
height: 14px;
background-position: -2413px 0
}
.iti__flag.iti__io {
height: 10px;
background-position: -2435px 0
}
.iti__flag.iti__iq {
height: 14px;
background-position: -2457px 0
}
.iti__flag.iti__ir {
height: 12px;
background-position: -2479px 0
}
.iti__flag.iti__is {
height: 15px;
background-position: -2501px 0
}
.iti__flag.iti__it {
height: 14px;
background-position: -2523px 0
}
.iti__flag.iti__je {
height: 12px;
background-position: -2545px 0
}
.iti__flag.iti__jm {
height: 10px;
background-position: -2567px 0
}
.iti__flag.iti__jo {
height: 10px;
background-position: -2589px 0
}
.iti__flag.iti__jp {
height: 14px;
background-position: -2611px 0
}
.iti__flag.iti__ke {
height: 14px;
background-position: -2633px 0
}
.iti__flag.iti__kg {
height: 12px;
background-position: -2655px 0
}
.iti__flag.iti__kh {
height: 13px;
background-position: -2677px 0
}
.iti__flag.iti__ki {
height: 10px;
background-position: -2699px 0
}
.iti__flag.iti__km {
height: 12px;
background-position: -2721px 0
}
.iti__flag.iti__kn {
height: 14px;
background-position: -2743px 0
}
.iti__flag.iti__kp {
height: 10px;
background-position: -2765px 0
}
.iti__flag.iti__kr {
height: 14px;
background-position: -2787px 0
}
.iti__flag.iti__kw {
height: 10px;
background-position: -2809px 0
}
.iti__flag.iti__ky {
height: 10px;
background-position: -2831px 0
}
.iti__flag.iti__kz {
height: 10px;
background-position: -2853px 0
}
.iti__flag.iti__la {
height: 14px;
background-position: -2875px 0
}
.iti__flag.iti__lb {
height: 14px;
background-position: -2897px 0
}
.iti__flag.iti__lc {
height: 10px;
background-position: -2919px 0
}
.iti__flag.iti__li {
height: 12px;
background-position: -2941px 0
}
.iti__flag.iti__lk {
height: 10px;
background-position: -2963px 0
}
.iti__flag.iti__lr {
height: 11px;
background-position: -2985px 0
}
.iti__flag.iti__ls {
height: 14px;
background-position: -3007px 0
}
.iti__flag.iti__lt {
height: 12px;
background-position: -3029px 0
}
.iti__flag.iti__lu {
height: 12px;
background-position: -3051px 0
}
.iti__flag.iti__lv {
height: 10px;
background-position: -3073px 0
}
.iti__flag.iti__ly {
height: 10px;
background-position: -3095px 0
}
.iti__flag.iti__ma {
height: 14px;
background-position: -3117px 0
}
.iti__flag.iti__mc {
height: 15px;
background-position: -3139px 0
}
.iti__flag.iti__md {
height: 10px;
background-position: -3160px 0
}
.iti__flag.iti__me {
height: 10px;
background-position: -3182px 0
}
.iti__flag.iti__mf {
height: 14px;
background-position: -3204px 0
}
.iti__flag.iti__mg {
height: 14px;
background-position: -3226px 0
}
.iti__flag.iti__mh {
height: 11px;
background-position: -3248px 0
}
.iti__flag.iti__mk {
height: 10px;
background-position: -3270px 0
}
.iti__flag.iti__ml {
height: 14px;
background-position: -3292px 0
}
.iti__flag.iti__mm {
height: 14px;
background-position: -3314px 0
}
.iti__flag.iti__mn {
height: 10px;
background-position: -3336px 0
}
.iti__flag.iti__mo {
height: 14px;
background-position: -3358px 0
}
.iti__flag.iti__mp {
height: 10px;
background-position: -3380px 0
}
.iti__flag.iti__mq {
height: 14px;
background-position: -3402px 0
}
.iti__flag.iti__mr {
height: 14px;
background-position: -3424px 0
}
.iti__flag.iti__ms {
height: 10px;
background-position: -3446px 0
}
.iti__flag.iti__mt {
height: 14px;
background-position: -3468px 0
}
.iti__flag.iti__mu {
height: 14px;
background-position: -3490px 0
}
.iti__flag.iti__mv {
height: 14px;
background-position: -3512px 0
}
.iti__flag.iti__mw {
height: 14px;
background-position: -3534px 0
}
.iti__flag.iti__mx {
height: 12px;
background-position: -3556px 0
}
.iti__flag.iti__my {
height: 10px;
background-position: -3578px 0
}
.iti__flag.iti__mz {
height: 14px;
background-position: -3600px 0
}
.iti__flag.iti__na {
height: 14px;
background-position: -3622px 0
}
.iti__flag.iti__nc {
height: 10px;
background-position: -3644px 0
}
.iti__flag.iti__ne {
height: 15px;
background-position: -3666px 0
}
.iti__flag.iti__nf {
height: 10px;
background-position: -3686px 0
}
.iti__flag.iti__ng {
height: 10px;
background-position: -3708px 0
}
.iti__flag.iti__ni {
height: 12px;
background-position: -3730px 0
}
.iti__flag.iti__nl {
height: 14px;
background-position: -3752px 0
}
.iti__flag.iti__no {
height: 15px;
background-position: -3774px 0
}
.iti__flag.iti__np {
height: 15px;
background-position: -3796px 0
}
.iti__flag.iti__nr {
height: 10px;
background-position: -3811px 0
}
.iti__flag.iti__nu {
height: 10px;
background-position: -3833px 0
}
.iti__flag.iti__nz {
height: 10px;
background-position: -3855px 0
}
.iti__flag.iti__om {
height: 10px;
background-position: -3877px 0
}
.iti__flag.iti__pa {
height: 14px;
background-position: -3899px 0
}
.iti__flag.iti__pe {
height: 14px;
background-position: -3921px 0
}
.iti__flag.iti__pf {
height: 14px;
background-position: -3943px 0
}
.iti__flag.iti__pg {
height: 15px;
background-position: -3965px 0
}
.iti__flag.iti__ph {
height: 10px;
background-position: -3987px 0
}
.iti__flag.iti__pk {
height: 14px;
background-position: -4009px 0
}
.iti__flag.iti__pl {
height: 13px;
background-position: -4031px 0
}
.iti__flag.iti__pm {
height: 14px;
background-position: -4053px 0
}
.iti__flag.iti__pn {
height: 10px;
background-position: -4075px 0
}
.iti__flag.iti__pr {
height: 14px;
background-position: -4097px 0
}
.iti__flag.iti__ps {
height: 10px;
background-position: -4119px 0
}
.iti__flag.iti__pt {
height: 14px;
background-position: -4141px 0
}
.iti__flag.iti__pw {
height: 13px;
background-position: -4163px 0
}
.iti__flag.iti__py {
height: 11px;
background-position: -4185px 0
}
.iti__flag.iti__qa {
height: 8px;
background-position: -4207px 0
}
.iti__flag.iti__re {
height: 14px;
background-position: -4229px 0
}
.iti__flag.iti__ro {
height: 14px;
background-position: -4251px 0
}
.iti__flag.iti__rs {
height: 14px;
background-position: -4273px 0
}
.iti__flag.iti__ru {
height: 14px;
background-position: -4295px 0
}
.iti__flag.iti__rw {
height: 14px;
background-position: -4317px 0
}
.iti__flag.iti__sa {
height: 14px;
background-position: -4339px 0
}
.iti__flag.iti__sb {
height: 10px;
background-position: -4361px 0
}
.iti__flag.iti__sc {
height: 10px;
background-position: -4383px 0
}
.iti__flag.iti__sd {
height: 10px;
background-position: -4405px 0
}
.iti__flag.iti__se {
height: 13px;
background-position: -4427px 0
}
.iti__flag.iti__sg {
height: 14px;
background-position: -4449px 0
}
.iti__flag.iti__sh {
height: 10px;
background-position: -4471px 0
}
.iti__flag.iti__si {
height: 10px;
background-position: -4493px 0
}
.iti__flag.iti__sj {
height: 15px;
background-position: -4515px 0
}
.iti__flag.iti__sk {
height: 14px;
background-position: -4537px 0
}
.iti__flag.iti__sl {
height: 14px;
background-position: -4559px 0
}
.iti__flag.iti__sm {
height: 15px;
background-position: -4581px 0
}
.iti__flag.iti__sn {
height: 14px;
background-position: -4603px 0
}
.iti__flag.iti__so {
height: 14px;
background-position: -4625px 0
}
.iti__flag.iti__sr {
height: 14px;
background-position: -4647px 0
}
.iti__flag.iti__ss {
height: 10px;
background-position: -4669px 0
}
.iti__flag.iti__st {
height: 10px;
background-position: -4691px 0
}
.iti__flag.iti__sv {
height: 12px;
background-position: -4713px 0
}
.iti__flag.iti__sx {
height: 14px;
background-position: -4735px 0
}
.iti__flag.iti__sy {
height: 14px;
background-position: -4757px 0
}
.iti__flag.iti__sz {
height: 14px;
background-position: -4779px 0
}
.iti__flag.iti__ta {
height: 10px;
background-position: -4801px 0
}
.iti__flag.iti__tc {
height: 10px;
background-position: -4823px 0
}
.iti__flag.iti__td {
height: 14px;
background-position: -4845px 0
}
.iti__flag.iti__tf {
height: 14px;
background-position: -4867px 0
}
.iti__flag.iti__tg {
height: 13px;
background-position: -4889px 0
}
.iti__flag.iti__th {
height: 14px;
background-position: -4911px 0
}
.iti__flag.iti__tj {
height: 10px;
background-position: -4933px 0
}
.iti__flag.iti__tk {
height: 10px;
background-position: -4955px 0
}
.iti__flag.iti__tl {
height: 10px;
background-position: -4977px 0
}
.iti__flag.iti__tm {
height: 14px;
background-position: -4999px 0
}
.iti__flag.iti__tn {
height: 14px;
background-position: -5021px 0
}
.iti__flag.iti__to {
height: 10px;
background-position: -5043px 0
}
.iti__flag.iti__tr {
height: 14px;
background-position: -5065px 0
}
.iti__flag.iti__tt {
height: 12px;
background-position: -5087px 0
}
.iti__flag.iti__tv {
height: 10px;
background-position: -5109px 0
}
.iti__flag.iti__tw {
height: 14px;
background-position: -5131px 0
}
.iti__flag.iti__tz {
height: 14px;
background-position: -5153px 0
}
.iti__flag.iti__ua {
height: 14px;
background-position: -5175px 0
}
.iti__flag.iti__ug {
height: 14px;
background-position: -5197px 0
}
.iti__flag.iti__um {
height: 11px;
background-position: -5219px 0
}
.iti__flag.iti__un {
height: 14px;
background-position: -5241px 0
}
.iti__flag.iti__us {
height: 11px;
background-position: -5263px 0
}
.iti__flag.iti__uy {
height: 14px;
background-position: -5285px 0
}
.iti__flag.iti__uz {
height: 10px;
background-position: -5307px 0
}
.iti__flag.iti__va {
height: 15px;
background-position: -5329px 0
}
.iti__flag.iti__vc {
height: 14px;
background-position: -5346px 0
}
.iti__flag.iti__ve {
height: 14px;
background-position: -5368px 0
}
.iti__flag.iti__vg {
height: 10px;
background-position: -5390px 0
}
.iti__flag.iti__vi {
height: 14px;
background-position: -5412px 0
}
.iti__flag.iti__vn {
height: 14px;
background-position: -5434px 0
}
.iti__flag.iti__vu {
height: 12px;
background-position: -5456px 0
}
.iti__flag.iti__wf {
height: 14px;
background-position: -5478px 0
}
.iti__flag.iti__ws {
height: 10px;
background-position: -5500px 0
}
.iti__flag.iti__xk {
height: 15px;
background-position: -5522px 0
}
.iti__flag.iti__ye {
height: 14px;
background-position: -5544px 0
}
.iti__flag.iti__yt {
height: 14px;
background-position: -5566px 0
}
.iti__flag.iti__za {
height: 14px;
background-position: -5588px 0
}
.iti__flag.iti__zm {
height: 14px;
background-position: -5610px 0
}
.iti__flag.iti__zw {
height: 10px;
background-position: -5632px 0
}
.iti__flag {
height: 15px;
box-shadow: 0 0 1px 0 #888;
background-image: url(../img/flags.png);
background-repeat: no-repeat;
background-color: #dbdbdb;
background-position: 20px 0
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.iti__flag {
background-image: url(../img/flags@2x.png)
}
}
.iti__flag.iti__np {
background-color: transparent
}
.lx-field {
position: relative;
margin: 0 0 .875rem
}
.lx-field .is-invalid-label {
color: #c12222
}
.lx-field .iti--allow-dropdown.is-invalid {
border-color: #c12222;
color: #1d1d1d;
border-width: .125rem
}
.lx-field .iti--allow-dropdown~.lx-field__helper .lx-field__error {
display: block
}
.lx-field .iti--allow-dropdown~.lx-field__helper .lx-field__text {
display: none
}
.lx-field .iti--allow-dropdown .is-invalid {
border-color: #c12222
}
.lx-field .iti__selected-flag {
padding: 0 .5rem 0 1.0625rem
}
.lx-field__helper {
font-size: .6875rem;
padding: 0 0 0 17px
}
.lx-field__text {
color: #999;
transition: all .2s cubic-bezier(0, 0, .2, 1)
}
.lx-field__error {
color: #c12222;
display: none;
font-size: 100%;
margin: 0
}
.lx-field__error a {
color: #c12222;
text-decoration: underline
}
.lx-field__info {
color: #2a65ec
}
.lx-field__label {
margin: 0;
background-color: #fff;
padding: 4px 3px;
cursor: text;
color: #1d1d1d;
font-size: .6875rem;
line-height: .8125rem;
top: -11px;
left: 16px
}
.lx-field__label,
.lx-field__reveal-btn {
position: absolute;
transition: all .2s cubic-bezier(0, 0, .2, 1)
}
.lx-field__reveal-btn {
font-size: .875rem;
border: 0;
background: transparent;
color: #9a9a9a;
padding: 10px;
right: 18px;
top: 8px;
cursor: default
}
.lx-field__reveal-btn:hover {
color: #1d1d1d
}
.lx-field__input {
border-radius: 0;
outline: 0;
border: 1px solid #999;
color: #1d1d1d;
font-size: .875rem;
line-height: 1.3125rem;
display: block;
height: 57px;
width: 100%;
padding: 17px 19px;
transition: all .2s cubic-bezier(0, 0, .2, 1);
text-overflow: ellipsis
}
.lx-field__input--textarea {
min-height: 5.6875rem
}
.lx-field__input--hidden {
visibility: hidden;
position: absolute
}
.lx-field__input::placeholder {
opacity: 0;
transition: all .1s linear
}
.lx-field__input:-ms-input-placeholder {
border-color: #999
}
.lx-field__input:-ms-input-placeholder~.lx-field__label {
color: #999;
font-size: .875rem;
line-height: 1;
left: 16px;
top: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.lx-field__input:-ms-input-placeholder~.lx-field__label--static {
color: #1d1d1d;
font-size: .6875rem;
line-height: .8125rem;
top: -11px;
left: 16px
}
.lx-field__input:placeholder-shown {
border-color: #999;
color: #999;
font-size: .875rem;
line-height: 1;
left: 16px;
top: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.lx-field__input:placeholder-shown~.lx-field__label {
color: #999;
font-size: .875rem;
line-height: 1;
left: 16px;
top: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.lx-field__input:placeholder-shown~.lx-field__label.gift {
left: 4px;
max-width: 95%;
text-overflow: inherit;
white-space: inherit
}
.lx-field__input:placeholder-shown~.lx-field__label--static {
color: #1d1d1d;
font-size: .6875rem;
line-height: .8125rem;
top: -11px;
left: 16px
}
.lx-field__input:placeholder-shown~.lx-field__input {
border-color: #999
}
.lx-field__input:-webkit-autofill~.lx-field__label,
.lx-field__input:focus~.lx-field__label,
.lx-field__input:not(:placeholder-shown)~.lx-field__label {
color: #1d1d1d;
font-size: .6875rem;
line-height: .8125rem;
top: -11px;
left: 16px
}
.lx-field__input:-webkit-autofill~.lx-field__label.gift,
.lx-field__input:focus~.lx-field__label.gift,
.lx-field__input:not(:placeholder-shown)~.lx-field__label.gift {
left: 16px;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 90%;
overflow: hidden
}
.lx-field__input.is-invalid:placeholder-shown~.lx-field__input {
border-color: #c12222;
color: #1d1d1d
}
.lx-field__input:focus {
border-color: #1d1d1d
}
.lx-field__input:focus::placeholder {
color: transparent
}
.lx-field__input:focus::-webkit-input-placeholder {
color: transparent
}
.lx-field__input:focus::-moz-placeholder {
color: transparent
}
.lx-field__input:focus:-ms-input-placeholder {
color: transparent
}
.lx-field__input:focus:-moz-placeholder {
color: transparent
}
.lx-field__input:focus~.lx-field__label {
color: #1d1d1d;
font-size: .6875rem;
line-height: .8125rem;
top: -11px;
left: 16px
}
.lx-field__input.show-placeholder:focus::placeholder {
color: #9a9a9a;
opacity: 1
}
.lx-field__input:disabled {
border-color: #dcdcdc;
background-color: #fff;
color: #dcdcdc
}
.lx-field__input:disabled~.lx-field__helper .lx-field__text,
.lx-field__input:disabled~.lx-field__label {
color: #dcdcdc
}
.lx-field__input:disabled~.lx-field__input {
pointer-events: none;
color: #dcdcdc;
border-color: #dcdcdc
}
.lx-field__input.is-invalid {
border-color: #c12222;
color: #1d1d1d
}
.lx-field__input.is-invalid~.lx-field__label {
color: #c12222
}
.lx-field__input.is-invalid~.lx-field__helper .lx-field__error {
display: block
}
.lx-field__input.is-invalid~.lx-field__helper .lx-field__text {
display: none
}
.lx-field__input.is-invalid~.lx-field__input--select {
border-color: #c12222
}
.lx-field__input.locked {
border-color: #dcdcdc;
background-color: #fff;
color: #dcdcdc
}
.lx-field__input--select {
cursor: pointer;
border-color: #999
}
.lx-field__input--select:-ms-input-placeholder {
border-color: #999
}
.lx-field__input--select:-ms-input-placeholder~.lx-field__label {
color: #1d1d1d;
font-size: .6875rem;
line-height: .8125rem;
top: -11px;
left: 16px
}
.lx-field__input--select:placeholder-shown {
border-color: #999
}
.lx-field__input--select:placeholder-shown~.lx-field__label {
color: #1d1d1d;
font-size: .6875rem;
line-height: .8125rem;
top: -11px;
left: 16px
}
.lx-field__input--select::placeholder {
opacity: 1
}
.lx-field__input--select~.lx-field__label {
color: #999
}
.lx-field__input--select:hover {
border-color: #1d1d1d;
color: #1d1d1d
}
.lx-field__input--select:hover::placeholder {
color: #1d1d1d
}
.lx-field__input--select:hover~.lx-field__helper .lx-field__text,
.lx-field__input--select:hover~.lx-field__label {
color: #1d1d1d
}
.lx-field__input--phone {
padding-left: 4.1875rem;
border: 1px solid #999;
color: #999;
position: static !important
}
.lx-field__input--phone.is-active {
border: 1px solid #1d1d1d;
color: #1d1d1d
}
.lx-field__input--phone.is-active.is-invalid {
border-color: #c12222
}
.lx-field__input[type=password]~.lx-field__reveal-btn .lx-field__reveal-icon--pass,
.lx-field__input[type=text]~.lx-field__reveal-btn .lx-field__reveal-icon--text {
display: inline
}
.lx-field__reveal-icon {
display: none
}
.lx-field .js-fake-select {
color: transparent !important
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=tel],
.iti--allow-dropdown input[type=text],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=tel],
.iti--separate-dial-code input[type=text] {
padding-left: 3.75rem
}
div[class*=addressnumber] .lx-field__label {
font-size: .75rem !important
}
div[class*=addressnumber] .lx-field__input::placeholder {
font-size: .75rem
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
-webkit-box-shadow: 0 0 0 62.5rem #fff inset !important
}
.lx-field--select:after {
content: "";
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #1d1d1d;
position: absolute;
right: 29px;
top: 26px
}
.lx-field--select.disabled:after {
content: none
}
.lx-field__select-item {
color: #1d1d1d;
font-size: .875rem;
line-height: 1rem;
padding: 10px 20px;
cursor: pointer;
position: relative;
overflow: hidden
}
.lx-field__select-item[data-disabled=true] {
color: #999;
pointer-events: none
}
.lx-field__select-item[data-disabled=true]:focus,
.lx-field__select-item[data-disabled=true]:hover {
background: transparent
}
.lx-field__select-item[data-selected=true] {
background-color: #ebebeb
}
.lx-field__select-item:focus,
.lx-field__select-item:hover {
background-color: #f3f3f3
}
.lx-field__select-item:focus {
outline: none
}
.lx-field__select-list {
transition: opacity 267ms cubic-bezier(.4, 0, .2, 1) 0ms, transform 178ms cubic-bezier(.4, 0, .2, 1) 0ms;
border: 1px solid #999;
list-style: none;
padding: 0;
margin: 0;
background-color: #fff;
width: 0;
height: 0;
position: absolute;
opacity: 0;
top: 0;
scale: 0;
z-index: -99
}
.lx-field__item-ripple {
position: absolute;
border-radius: 50%;
transform: scale(0);
animation: ripple .6s linear;
background-color: #dcdcdc
}
.lx-field.opened .lx-field__select-list {
opacity: 1;
top: -11px;
z-index: 111;
scale: 1;
max-height: 15.625rem;
overflow: auto;
width: 100%;
height: auto
}
@keyframes ripple {
to {
transform: scale(4);
opacity: 0
}
}
a {
color: #1d1d1d
}
a:focus,
a:hover {
outline: none
}
a:active {
color: inherit
}
.lx-link {
font-size: inherit;
font-weight: inherit;
color: #1d1d1d;
text-decoration: underline;
display: inline;
padding: 0;
margin: 0;
appearance: none;
border: 0;
background: transparent
}
.lx-link:hover {
text-decoration: none;
color: #3e3e3e
}
.lx-link.disabled,
.lx-link:disabled {
color: #707070;
text-decoration: none;
cursor: not-allowed;
pointer-events: none
}
.lx-alert {
padding: .625rem .875rem;
font-size: .875rem;
color: #1d1d1d;
line-height: 1.2;
display: flex;
align-items: center;
background-color: #f3f3f3
}
.lx-alert__icon {
font-size: 1.25rem;
flex-shrink: 0;
padding-right: .8125rem
}
.lx-alert--success {
background-color: #b5e5b5;
padding: .53125rem .875rem;
line-height: 1.5
}
.lx-alert--danger {
background-color: #e37676
}
.lx-switch {
position: relative;
z-index: 1
}
.lx-switch__label {
display: flex;
cursor: pointer;
margin: 0
}
.lx-switch__label.cursor-default {
cursor: default
}
.lx-switch__text {
font-size: .875rem;
line-height: 1.125rem;
padding-left: 18px
}
.lx-switch__tick {
position: relative;
width: 40px;
height: 18px;
border-radius: 9px;
background-color: #707070;
flex-shrink: 0
}
.lx-switch__tick:after,
.lx-switch__tick:before {
content: "";
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: all .2s ease-in-out;
width: 24px;
height: 24px;
left: 0
}
.lx-switch__tick:before {
z-index: -1;
background-position: 50%;
transition: background .8s, left .2s ease-in-out
}
.lx-switch__tick:after {
background-color: #b8b8b8
}
.lx-switch__tick:hover:before {
background: #f3f3f3 radial-gradient(circle, transparent 1%, #dcdcdc 0) 50%/15000%;
width: 44px;
height: 44px;
left: -10px
}
.lx-switch__tick:active:before {
background-color: #f3f3f3;
background-size: 100%;
transition: background 0s
}
.lx-switch__error {
display: none;
color: #c12222;
font-size: .75rem;
margin: 0
}
.lx-switch__input {
position: absolute;
visibility: hidden
}
.lx-switch__input:checked~.lx-switch__label .lx-switch__tick {
background-color: #b5e5b5
}
.lx-switch__input:checked~.lx-switch__label .lx-switch__tick:after,
.lx-switch__input:checked~.lx-switch__label .lx-switch__tick:before {
left: 17px
}
.lx-switch__input:checked~.lx-switch__label .lx-switch__tick:after {
background-color: #80cd80
}
.lx-switch__input:checked~.lx-switch__label .lx-switch__tick:hover:before {
left: 7px
}
.lx-switch__input:disabled~.lx-switch__label {
cursor: default;
pointer-events: none
}
.lx-switch__input:disabled~.lx-switch__label .lx-switch__tick {
background-color: #dcdcdc
}
.lx-switch__input:disabled~.lx-switch__label .lx-switch__tick:after {
background-color: #ebebeb
}
.lx-switch__input:disabled~.lx-switch__label .lx-switch__text {
color: #999
}
.lx-switch__input:disabled:checked~.lx-switch__label .lx-switch__tick {
background-color: #ebebeb
}
.lx-switch__input:disabled:checked~.lx-switch__label .lx-switch__tick:after {
background-color: #dcdcdc
}
.lx-switch__input.is-invalid~.lx-switch__feedback .lx-switch__error {
display: inline
}
.lx-radio__label {
display: flex;
cursor: pointer;
position: relative
}
.lx-radio__label:before {
margin-top: 6px;
content: "";
position: absolute;
width: 44px;
height: 44px;
border-radius: 50%;
top: -10px;
left: -10px;
background-position: 50%;
transition: background .8s
}
@media (min-width:768px) {
.lx-radio__label:before {
width: 24px;
height: 24px;
top: -5px;
left: -5px
}
}
.lx-radio__label:hover:before {
background: #f3f3f3 radial-gradient(circle, transparent 1%, #dcdcdc 0) 50%/15000%
}
.lx-radio__label:active:before {
background-color: #f3f3f3;
background-size: 100%;
transition: background 0s
}
.lx-radio__check {
width: 24px;
height: 24px;
border: 1px solid #1d1d1d;
flex-shrink: 0;
position: relative;
z-index: 1;
border-radius: 50%;
padding: 4px;
margin-top: 6px
}
@media (min-width:768px) {
.lx-radio__check {
width: 14px;
height: 14px;
padding-top: 2px;
padding-left: 2px
}
}
.lx-radio__check:before {
content: "";
display: block;
width: 14px;
height: 14px;
border-radius: 50%;
opacity: 0;
transition: all .4s linear;
background-color: #1d1d1d
}
@media (min-width:768px) {
.lx-radio__check:before {
width: 8px;
height: 8px
}
}
.lx-radio__text {
color: #1d1d1d;
font-size: .875rem;
line-height: 1.125rem;
padding: 3px 0 3px 16px
}
.lx-radio__input {
position: absolute;
visibility: hidden
}
.lx-radio__input:checked~.lx-radio__label .lx-radio__check:before {
opacity: 1
}
.lx-radio__input:disabled~.lx-radio__label {
cursor: not-allowed
}
.lx-radio__input:disabled~.lx-radio__label:before {
display: none
}
.lx-radio__input:disabled~.lx-radio__label .lx-radio__check {
border-color: #999
}
.lx-radio__input:disabled~.lx-radio__label .lx-radio__text {
color: #999
}
.lx-radio__input:disabled:checked~.lx-radio__label .lx-radio__check:before {
background-color: #999
}
.iti {
display: block
}
.iti__flag {
background-image: url(../images/intl-flags/flags.png)
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
.iti__flag {
background-image: url(../images/intl-flags/flags@2x.png)
}
}
.lx-checkbox__label {
display: flex;
cursor: pointer;
position: relative
}
.lx-checkbox__label:before {
content: "";
position: absolute;
width: 44px;
height: 44px;
border-radius: 50%;
top: -10px;
left: -10px;
background-position: 50%;
transition: background .8s
}
.lx-checkbox__label.size-small:before {
width: 40px !important;
height: 40px !important
}
.lx-checkbox__label:hover:before {
background: #f3f3f3 radial-gradient(circle, transparent 1%, #dcdcdc 0) 50%/15000%
}
.lx-checkbox__label:active:before {
background-color: #f3f3f3;
background-size: 100%;
transition: background 0s
}
.lx-checkbox__label a {
text-decoration: underline
}
.lx-checkbox__check {
width: 24px;
height: 24px;
border: 1px solid #1d1d1d;
flex-shrink: 0;
position: relative;
z-index: 1
}
.lx-checkbox__check:before {
content: "";
width: 8px;
height: 15px;
border-color: #fff;
border-style: solid;
border-width: 0 2px 2px 0;
position: absolute;
top: 2px;
left: 7px;
transform: rotate(45deg);
opacity: 0;
transition: all .4s linear
}
.lx-checkbox__check.size-small {
width: 20px !important;
height: 20px !important
}
.lx-checkbox__check.size-small:before {
top: 0;
left: 6px
}
.lx-checkbox__text {
color: #1d1d1d;
font-size: .875rem;
line-height: 1.125rem;
padding: 3px 0 3px 16px
}
.lx-checkbox__input {
position: absolute;
visibility: hidden
}
.lx-checkbox__input~.invalid-feedback {
display: none
}
.lx-checkbox__input.is-invalid~.invalid-feedback {
display: block
}
.lx-checkbox__input:checked~.invalid-feedback {
display: none
}
.lx-checkbox__input:checked~.lx-checkbox__label .lx-checkbox__check {
background-color: #1d1d1d
}
.lx-checkbox__input:checked~.lx-checkbox__label .lx-checkbox__check:before {
opacity: 1
}
.lx-checkbox__input:disabled~.lx-checkbox__label {
cursor: not-allowed
}
.lx-checkbox__input:disabled~.lx-checkbox__label:before {
display: none
}
.lx-checkbox__input:disabled~.lx-checkbox__label .lx-checkbox__check {
border-color: #999
}
.lx-checkbox__input:disabled~.lx-checkbox__label .lx-checkbox__text {
color: #999
}
.lx-checkbox__input:disabled:checked~.lx-checkbox__label .lx-checkbox__check {
background-color: #ebebeb
}
.lx-checkbox__input:disabled:checked~.lx-checkbox__label .lx-checkbox__check:before {
border-color: #999
}
.lx-checkbox__container-invalid {
border: .0625rem solid #ca3737
}
.qs-datepicker-container {
border-radius: 0;
border: 1px solid #1d1d1d;
position: absolute;
left: 0 !important;
width: 100% !important;
min-width: 270px
}
.qs-datepicker {
padding: 0
}
.qs-controls {
justify-content: flex-start;
background-color: transparent !important;
padding: 15px calc(7.14286% - 16px)
}
.qs-arrow {
width: auto;
height: auto;
padding: 5px 10px
}
.qs-arrow:last-child {
margin-left: 15%
}
.qs-arrow:after {
display: none
}
.qs-arrow:before {
content: "";
display: block;
width: 11px;
height: 12px;
transform: rotate(45deg);
border: 1px solid transparent
}
.qs-left:before {
border-left-color: #3e3e3e;
border-bottom-color: #3e3e3e
}
.qs-right:before {
border-top-color: #3e3e3e;
border-right-color: #3e3e3e
}
.qs-month-year {
order: -1;
margin-right: auto;
font-size: 1.25rem;
font-weight: 600;
color: #1d1d1d;
white-space: nowrap
}
.qs-month-year:after {
content: "";
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #1d1d1d;
display: inline-block;
margin-left: 20px;
vertical-align: middle
}
.qs-squares {
padding: 0 10px !important;
margin-left: -6px
}
.qs-square {
position: relative;
height: 32px !important;
width: 32px !important;
margin-right: calc(7.14286% - 16px);
margin-left: calc(7.14286% - 16px);
margin-bottom: 8px;
border-radius: 50% !important
}
.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
background: #fff !important;
border: 1px solid #5c5c5c;
color: #707070
}
.qs-day {
line-height: 1.25rem;
padding: 10px 2px;
color: #b8b8b8;
font-size: 1rem;
font-weight: 700
}
.qs-num {
color: #707070 !important;
font-size: .875rem !important;
border: 1px solid transparent !important;
border-radius: 50%
}
.qs-num:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
color: #1d1d1d !important;
background: #f3f3f3 !important
}
.qs-active {
background-color: #1d1d1d !important;
color: #fff !important
}
.qs-current {
text-decoration: none;
font-weight: 400 !important;
border-color: #5c5c5c !important
}
.lx-slider .slider {
width: 100%
}
.lx-slider .slider .slider-handle {
width: 24px;
height: 24px;
border-radius: 50%;
background: #1d1d1d
}
.lx-slider .slider .slider-handle:before {
content: "";
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
left: -9px;
z-index: -1;
background-position: 50%;
transition: background .8s, left .2s ease-in-out
}
.lx-slider .slider .slider-handle:hover:before {
background: #f3f3f3 radial-gradient(circle, transparent 1%, #dcdcdc 0) 50%/15000%
}
.lx-slider .slider .slider-handle:active:before {
background-color: #f3f3f3;
background-size: 100%;
transition: background 0s
}
.lx-slider .slider .slider-track {
height: 5px;
background-color: #000;
width: 100%;
margin-top: 0;
left: 0;
background-image: none;
border-radius: 2.5px
}
.lx-slider .slider .slider-track .slider-selection {
background: #1d1d1d;
height: 8px;
border-radius: 4px;
top: -1.5px
}
.lx-slider .slider .slider-track .slider-track-high,
.lx-slider .slider .slider-track .slider-track-low {
background: #dcdcdc;
border-radius: 2.5px
}
.lx-slider .slider-disabled .slider-handle {
pointer-events: none;
background: #999
}
.lx-slider .slider-disabled .slider-track .slider-selection {
background: #999
}
.lx-slider--range .tooltip:not(.tooltip-main) {
opacity: 1;
display: block !important;
position: absolute;
padding: 2px;
line-height: 1.75rem;
width: 39px;
height: 30px;
transform: none;
background: #f9f9f9;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .24);
text-align: center;
margin-top: -3px
}
.lx-slider--range .tooltip:not(.tooltip-main).tooltip-max {
right: -55px !important;
left: auto !important
}
.lx-slider--range .tooltip:not(.tooltip-main).tooltip-min {
left: -55px !important;
right: auto !important
}
.lx-slider--range .tooltip:not(.tooltip-main) .tooltip-inner {
background-color: transparent;
box-shadow: none;
padding: 0;
border: none;
min-width: 0;
font-size: .875rem;
color: #5c5c5c
}