2021-05-18 06:10:49 +02:00
: root {
/* Fonts */
--font-base : 'Karla' , sans-serif ;
--font-size-huge : 18px ;
--font-size-large : 13px ;
--font-size-medium : 12px ;
--font-size-small : 11px ;
--line-height : 1 . 2 ;
--color-black : # 111 ;
--color-white : # fff ;
--color-grey-5 : # 404040 ;
--color-grey-4 : # 8d8d8d ;
--color-grey-3 : # c6c6c6 ;
--color-grey-2 : # e2e2e2 ;
--color-grey-1 : # f3f3f3 ;
--color-yellow : # e9be57 ;
--color-red : # d0284b ;
--color-blue : # 3c74c5 ;
--facet-item-color : var ( --color-black ) ;
--facet-item-font-family : var ( --font-base ) ;
--facet-item-font-size : 1 ;
--components-cards-product-text-align-vertical : center ;
--components-cards-product-text-align-horizontal : left ;
--components-cards-product-title-font-size : 1 ;
--components-cards-product-title-font-family : var ( --font-base ) ;
--components-cards-product-title-text-transform : none ;
--components-cards-product-description-font-size : 1 ;
--components-cards-product-description-color : # b2b2b2 ;
--components-cards-product-description-font-family : var ( --font-base ) ;
2021-09-26 08:54:33 +02:00
--components-autocomplete-blocktitle-font-size : 12px ;
--components-cards-content-title-font-size : 1 ;
--components-cards-content-title-font-family : var ( --font-base ) ;
--components-cards-content-title-text-transform : none ;
--components-cards-content-title-color : var ( --color-black ) ;
--components-cards-content-description-font-size : 1 ;
--components-cards-content-description-color : # b2b2b2 ;
--components-cards-content-description-font-family : var ( --font-base ) ;
2021-05-18 06:10:49 +02:00
--components-categoryfacet-item-font-size : var ( --font-size-medium ) ;
--components-categoryfacet-item-padding : 3px 0 ;
--components-search-desktopfacets-padding : 25px ;
--components-search-desktopfacets-gutter : 40px ;
--components-dropdown-padding : 10px 11px ;
--components-dropdown-select-height : 40px ;
--components-dropdown-dropdown-background : var ( --color-white ) ;
--components-dropdown-highlighted-background : var ( --color-grey-1 ) ;
2021-09-26 08:54:33 +02:00
--components-autocomplete-suggestionitem-suggestion-color : var ( --color-black ) ;
--components-autocomplete-suggestionitem-suggestion-font-family : var ( --font-base ) ;
--components-autocomplete-suggestionitem-suggestion-font-size : 1 ;
2021-09-02 05:39:05 +02:00
--components-cards-promo-title-font-size : var ( --font-size-huge ) ;
2021-05-18 06:10:49 +02:00
--components-pagination-height : 40px ;
--components-pagination-text-transform : uppercase ;
--components-search-desktopactions-padding : 25px ;
--components-checkboxfacet-search-padding-bottom : 11px ;
2021-06-04 07:09:00 +02:00
--components-facet-min-width : 250px ;
2021-06-02 06:42:57 +02:00
--components-facet-vertical-title-padding : 25px ;
--components-facet-horizontal-title-padding : 10px 25px ;
--components-facet-vertical-body-padding : 0 25px 25px 25px ;
--components-facet-horizontal-body-padding : 10px 25px ;
2021-05-27 06:19:31 +02:00
--components-facet-horizontal-background : # f3f3f3 ;
2021-05-18 06:10:49 +02:00
--components-facet-text-color : var ( --color-black ) ;
--components-facet-text-font-family : var ( --font-base ) ;
--components-facet-text-font-size : 1 ;
--components-cards-product-price-compare-color : var ( --color-grey-4 ) ;
--components-cards-product-price-price-color : var ( --color-black ) ;
--components-cards-product-price-price-font-size : var ( --font-size-medium ) ;
--components-cards-product-price-sale-price-color : var ( --color-red ) ;
--components-cards-product-price-sale-price-font-size : var ( --font-size-medium ) ;
2021-05-22 07:54:02 +02:00
--swiper-theme-color : # 333 ;
--swiper-navigation-size : 44px ;
2021-05-18 06:10:49 +02:00
--components-rangefacet-height : 30px ;
--components-rangefacet-input-width : 100 % ;
--components-rangefacet-currency-font-size : var ( --font-size-medium ) ;
--components-rangefacet-submit-font-size : var ( --font-size-medium ) ;
--components-common-checkbox-item-font-size : var ( --font-size-medium ) ;
--components-common-checkbox-item-padding : 3px 0 ;
--components-ratingfacet-height : 30px ;
--components-ratingfacet-item-font-size : var ( --font-size-medium ) ;
--components-ratingfacet-item-padding : 3px 0 ;
--components-ratingfacet-input-width : 60px ;
--components-ratingfacet-input-indent : 8px ;
--components-ratingfacet-currency-font-size : var ( --font-size-medium ) ;
--components-ratingfacet-submit-font-size : var ( --font-size-medium ) ;
--layouts-autocomplete-dropdown-highlight-highlight-color : # 404040 ;
}
/* imported from styles.css */
. findify-components--button {
border : none ;
outline : none ;
background : transparent ;
cursor : pointer ;
-webkit-transition : background-color . 1s ease-in ;
transition : background-color . 1s ease-in ;
padding : 0 ;
margin : 0 ;
font-family : var ( --font-base ) ;
}
. findify-components--button__raw {
padding : 0 ;
margin : 0 ;
display : block ;
text-align : left ;
background : transparent ;
height : auto ;
}
. findify-components--button__link {
display : -webkit-inline-box ;
display : -ms-inline-flexbox ;
display : inline-flex ;
-webkit-box-pack : center ;
-ms-flex-pack : center ;
justify-content : center ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
}
/* imported from styles.css */
. findify-components--icon {
display : inline-block ;
-webkit-box-sizing : content-box ;
box-sizing : content-box ;
/*color: inherit; FIXME: for whatever reason styles override each other while ignoring class order completely*/
}
/* imported from styles.css */
. findify-components--text {
display : block ;
padding : 0 ;
margin : 0 ;
color : var ( --color-black ) ;
font-size : var ( --font-size-medium ) ;
font-family : var ( --font-base ) ;
text-rendering : optimizeLegibility ;
-webkit-font-smoothing : antialiased ;
}
. findify-components--text__primary-uppercase {
font-size : var ( --font-size-small ) ;
text-transform : uppercase ;
font-weight : bold ;
color : var ( --color-black ) ;
line-height : 17px ;
}
. mobile . findify-components--text__primary-uppercase {
font-weight : normal ;
line-height : 15px ;
}
. findify-components--text__primary-lowercase {
font-size : var ( --font-size-large ) ;
text-transform : capitalize ;
font-weight : normal ;
color : var ( --color-black ) ;
line-height : 21px ;
}
. mobile . findify-components--text__primary-lowercase {
font-size : var ( --font-size-medium ) ;
}
. findify-components--text__secondary-uppercase {
font-size : var ( --font-size-small ) ;
text-transform : uppercase ;
font-weight : bold ;
color : var ( --color-grey-3 ) ;
}
. findify-components--text__secondary-lowercase {
font-size : var ( --font-size-large ) ;
text-transform : capitalize ;
font-weight : normal ;
color : var ( --color-grey-3 ) ;
}
. mobile . findify-components--text__secondary-lowercase {
font-size : var ( --font-size-small ) ;
}
. findify-components--text__title {
font-size : var ( --font-size-huge ) ;
font-weight : normal ;
color : var ( --color-black ) ;
}
. findify-components--text__bold {
font-weight : bold ;
}
. findify-components--text__inlineBlock {
display : inline-block ;
}
/* imported from styles.css */
. findify-components-common--grid {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
list-style : none ;
-ms-flex-wrap : wrap ;
flex-wrap : wrap ;
-webkit-box-orient : horizontal ;
-webkit-box-direction : normal ;
-ms-flex-direction : row ;
flex-direction : row ;
margin : 0 ;
padding : 0 ;
}
. findify-components-common--grid__column ,
. findify-components-common--grid__placeholder {
2021-09-26 08:54:33 +02:00
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
2021-05-18 06:10:49 +02:00
margin : 0 ;
2021-06-02 06:42:57 +02:00
padding : 0 ;
2021-05-18 06:10:49 +02:00
-webkit-box-flex : 1 ;
-ms-flex-positive : 1 ;
flex-grow : 1 ;
-ms-flex-negative : 0 ;
flex-shrink : 0 ;
-ms-flex-preferred-size : auto ;
flex-basis : auto ;
2021-05-20 06:32:17 +02:00
list-style : none ;
2021-06-02 06:42:57 +02:00
}
. findify-components-common--grid . findify-components-common--grid__column ,
. findify-components-common--grid . findify-components-common--grid__placeholder {
list-style : none ;
2021-05-18 06:10:49 +02:00
}
. findify-components-common--grid__column-auto {
-webkit-box-flex : 1 ;
-ms-flex-positive : 1 ;
flex-grow : 1 ;
-ms-flex-negative : 0 ;
flex-shrink : 0 ;
-ms-flex-preferred-size : 0 % ;
flex-basis : 0 % ;
}
. findify-components-common--grid__column-full {
-webkit-box-flex : 0 ;
-ms-flex-positive : 0 ;
flex-grow : 0 ;
-ms-flex-negative : 1 ;
flex-shrink : 1 ;
-ms-flex-preferred-size : 100 % ;
flex-basis : 100 % ;
}
. findify-components-common--grid__column-fit {
-webkit-box-flex : 0 ;
-ms-flex-positive : 0 ;
flex-grow : 0 ;
-ms-flex-negative : 1 ;
flex-shrink : 1 ;
-ms-flex-preferred-size : auto ;
flex-basis : auto ;
}
. findify-components-common--grid__column-1 {
-ms-flex-preferred-size : 8 . 33333 % ;
flex-basis : 8 . 33333 % ;
}
. findify-components-common--grid__column-2 {
-ms-flex-preferred-size : 16 . 66667 % ;
flex-basis : 16 . 66667 % ;
}
. findify-components-common--grid__column-3 {
-ms-flex-preferred-size : 25 % ;
flex-basis : 25 % ;
}
. findify-components-common--grid__column-4 {
-ms-flex-preferred-size : 33 . 33333 % ;
flex-basis : 33 . 33333 % ;
}
. findify-components-common--grid__column-5 {
-ms-flex-preferred-size : 41 . 66667 % ;
flex-basis : 41 . 66667 % ;
}
. findify-components-common--grid__column-6 {
-ms-flex-preferred-size : 50 % ;
flex-basis : 50 % ;
}
. findify-components-common--grid__column-7 {
-ms-flex-preferred-size : 58 . 33333 % ;
flex-basis : 58 . 33333 % ;
}
. findify-components-common--grid__column-8 {
-ms-flex-preferred-size : 66 . 66667 % ;
flex-basis : 66 . 66667 % ;
}
. findify-components-common--grid__column-9 {
-ms-flex-preferred-size : 75 % ;
flex-basis : 75 % ;
}
. findify-components-common--grid__column-10 {
-ms-flex-preferred-size : 83 . 33333 % ;
flex-basis : 83 . 33333 % ;
}
. findify-components-common--grid__column-11 {
-ms-flex-preferred-size : 91 . 66667 % ;
flex-basis : 91 . 66667 % ;
}
. findify-components-common--grid__column-12 {
-ms-flex-preferred-size : 100 % ;
flex-basis : 100 % ;
}
/* imported from styles.css */
. findify-components--cards--product {
width : 100 % ;
height : 100 % ;
background-color : transparent ;
-webkit-transition : background-color . 35s ease-in-out ;
transition : background-color . 35s ease-in-out ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
position : relative ;
}
. findify-components--cards--product . findify-components--cards--product__vertical {
text-align : var ( --components-cards-product-text-align-vertical ) ;
-webkit-box-orient : vertical ;
-webkit-box-direction : normal ;
-ms-flex-direction : column ;
flex-direction : column ;
padding-bottom : 50px ;
}
. findify-components--cards--product . findify-components--cards--product__horizontal {
text-align : var ( --components-cards-product-text-align-horizontal ) ;
-webkit-box-orient : horizontal ;
-webkit-box-direction : normal ;
-ms-flex-direction : row ;
flex-direction : row ;
padding-bottom : 15px ;
}
2021-10-09 11:35:54 +02:00
. findify-components--cards--product . findify-components--cards--product__autocomplete {
padding-bottom : 0 ;
}
2021-09-26 08:54:33 +02:00
. findify-components--cards--product . findify-components--cards--product__highlighted : after ,
2021-05-18 06:10:49 +02:00
. findify-components--cards--product : focus-within : after {
content : ' ' ;
position : absolute ;
left : 0 ;
right : 0 ;
bottom : 0 ;
top : 0 ;
border : 2px solid Highlight ;
border-color : -webkit-focus-ring-color ;
}
2021-09-26 08:54:33 +02:00
. findify-components--cards--product . findify-components--cards--product__highlighted a : focus ,
2021-05-18 06:10:49 +02:00
. findify-components--cards--product : focus-within a : focus {
text-decoration : none ;
}
. findify-components--cards--product__content {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-orient : vertical ;
-webkit-box-direction : normal ;
-ms-flex-direction : column ;
flex-direction : column ;
height : 100 % ;
-webkit-box-flex : 1 ;
-ms-flex : 1 1 auto ;
flex : 1 1 auto ;
}
. findify-components--cards--product__image {
cursor : pointer ;
margin-bottom : 12px ;
-webkit-box-ordinal-group : 0 ;
-ms-flex-order : -1 ;
order : -1 ;
}
. findify-components--cards--product__horizontal . findify-components--cards--product__image {
min-width : 60px ;
margin : 0 16px 0 0 ;
}
. findify-components--cards--product__divider {
-webkit-box-flex : 1 ;
-ms-flex : 1 0 auto ;
flex : 1 0 auto ;
}
. findify-components--cards--product__content {
font-size : 14px ;
}
. findify-components--cards--product__title {
color : var ( --color ) ;
font-family : var ( --components-cards-product-title-font-family ) ;
text-transform : var ( --components-cards-product-title-text-transform ) ;
font-size : calc ( var ( --font-size-medium ) * var ( --components-cards-product-title-font-size ) ) ! important ; /* FIXME: figure out issue with import order of styles */
line-height : calc ( var ( --font-size-medium ) * var ( --components-cards-product-title-font-size ) * 1 . 6 ) ;
margin : 0 ;
padding : 0 ;
width : 100 % ;
}
. findify-components--cards--product__title-link {
color : currentColor ;
text-decoration : none ;
}
. findify-components--cards--product__title-link : after {
content : ' ' ;
position : absolute ;
left : 0 ;
right : 0 ;
top : 0 ;
bottom : 0 ;
2021-05-20 06:32:17 +02:00
z-index : 1 ;
2021-05-18 06:10:49 +02:00
}
. findify-components--cards--product__title-link : focus {
text-decoration : underline ;
}
. findify-components--cards--product__description {
font-family : var ( --components-cards-product-description-font-family ) ;
font-size : calc ( var ( --font-size-medium ) * var ( --components-cards-product-description-font-size ) ) ;
color : var ( --components-cards-product-description-color ) ;
margin : 5px 0 ;
}
. findify-components--cards--product__rating {
margin : 5px 0 ;
margin-bottom : 8px ;
width : 100 % ;
text-align : center ;
}
. findify-components--cards--product__color {
text-transform : none ;
font-size : 13px ;
color : # b2b2b2 ;
margin : 5px 0 ;
}
. findify-components--cards--product__out-of-stock {
margin : 0 ;
margin-top : -3px ;
font-size : 13px ;
color : # b2b2b2 ;
}
. findify-components--cards--product__discount-sticker {
position : absolute ;
top : 4 % ;
right : 4 % ;
z-index : 50 ;
}
. findify-components--cards--product__variants {
color : var ( --color-grey-3 ) ;
font-family : var ( --font-base ) ;
font-size : var ( --font-size-large ) ;
margin-top : 10px ;
margin-bottom : 10px ;
text-align : center ;
}
/* imported from styles.css */
2021-09-26 08:54:33 +02:00
. findify-components-autocomplete--layout__column {
2021-05-20 06:32:17 +02:00
vertical-align : top ;
background : # fff ;
2021-09-26 08:54:33 +02:00
padding : 0 32px ;
2021-05-20 06:32:17 +02:00
}
/* imported from styles.css */
2021-09-26 08:54:33 +02:00
. findify-components-autocomplete--block-title {
margin : 0 ;
margin-bottom : 15px ;
margin-top : 32px ;
color : var ( --color-black ) ;
font-size : var ( --components-autocomplete-blocktitle-font-size ) ;
line-height : var ( --components-autocomplete-blocktitle-font-size ) ;
2021-05-20 06:32:17 +02:00
font-weight : bold ;
text-transform : uppercase ;
font-family : var ( --font-base ) ;
}
/* imported from styles.css */
2021-05-18 06:10:49 +02:00
. findify-components-search--lazy-results {
width : 100 % ;
}
2021-08-19 17:14:54 +02:00
. findify-components-search--lazy-results__button-container {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
}
2021-05-18 06:10:49 +02:00
. findify-components-search--lazy-results__next-button {
margin : 50px auto 0 auto ;
2021-08-19 17:14:54 +02:00
text-decoration : none ;
2021-05-18 06:10:49 +02:00
padding : 0 85px ;
height : 40px ;
background : var ( --color-grey-1 ) ;
-webkit-transition : background . 1s linear ;
transition : background . 1s linear ;
}
. findify-components-search--lazy-results__next-button : hover ,
. findify-components-search--lazy-results__next-button : focus {
background : var ( --color-grey-2 ) ;
}
. findify-components-search--lazy-results__prev-button {
margin : 0 auto 50px auto ;
2021-08-19 17:14:54 +02:00
text-decoration : none ;
2021-05-18 06:10:49 +02:00
padding : 0 85px ;
height : 40px ;
background : var ( --color-grey-1 ) ;
-webkit-transition : background . 1s linear ;
transition : background . 1s linear ;
}
. findify-components-search--lazy-results__prev-button : hover ,
. findify-components-search--lazy-results__prev-button : focus {
background : var ( --color-grey-2 ) ;
}
/* imported from styles.css */
2021-09-26 08:54:33 +02:00
. findify-components--cards--content {
width : 100 % ;
height : 100 % ;
background-color : transparent ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
position : relative ;
}
. findify-components--cards--content . findify-components--cards--content__vertical {
text-align : var ( --text-align-vertical ) ;
-webkit-box-orient : vertical ;
-webkit-box-direction : normal ;
-ms-flex-direction : column ;
flex-direction : column ;
min-width : 100px ;
}
2021-10-09 11:35:54 +02:00
. findify-components--cards--content . findify-components--cards--content__vertical . findify-components--cards--content__autocomplete {
margin-bottom : 20px ;
}
2021-09-26 08:54:33 +02:00
. findify-components--cards--content . findify-components--cards--content__horizontal {
text-align : var ( --text-align-horizontal ) ;
-webkit-box-orient : horizontal ;
-webkit-box-direction : normal ;
-ms-flex-direction : row ;
flex-direction : row ;
border-radius : 2px ;
padding : 10px ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
margin-left : -10px ;
}
. findify-components--cards--content . findify-components--cards--content__bubble {
padding : 8px 15px ;
margin : 0 12px 12px 0 ;
background : var ( --color-grey-1 ) ;
display : inline-block ;
width : auto ;
border-radius : 17px ;
}
. findify-components--cards--content . findify-components--cards--content__bubble . findify-components--cards--content__title {
line-height : 1 ;
}
. findify-components--cards--content . findify-components--cards--content__highlighted : after ,
. findify-components--cards--content : focus-within : after {
content : ' ' ;
position : absolute ;
left : 0 ;
right : 0 ;
bottom : 0 ;
top : 0 ;
border : 2px solid Highlight ;
border-color : -webkit-focus-ring-color ;
}
. findify-components--cards--content . findify-components--cards--content__highlighted a : focus ,
. findify-components--cards--content : focus-within a : focus {
text-decoration : none ;
}
. findify-components--cards--content__content {
font-size : 14px ;
}
. findify-components--cards--content__image {
cursor : pointer ;
margin-bottom : 12px ;
-webkit-box-ordinal-group : 0 ;
-ms-flex-order : -1 ;
order : -1 ;
}
. findify-components--cards--content__horizontal . findify-components--cards--content__image {
min-width : 60px ;
margin : 0 16px 0 0 ;
}
. findify-components--cards--content__title {
color : var ( --components-cards-content-title-color ) ;
font-family : var ( --components-cards-content-title-font-family ) ;
text-transform : var ( --components-cards-content-title-text-transform ) ;
font-size : calc ( var ( --font-size-medium ) * var ( --components-cards-content-title-font-size ) ) ! important ; /* FIXME: figure out issue with import order of styles */
line-height : calc ( var ( --font-size-medium ) * var ( --components-cards-content-title-font-size ) * 1 . 6 ) ;
margin : 0 ;
padding : 0 ;
width : 100 % ;
}
. findify-components--cards--content__title-link {
color : currentColor ;
text-decoration : none ;
}
. findify-components--cards--content__title-link : after {
content : ' ' ;
position : absolute ;
left : 0 ;
right : 0 ;
top : 0 ;
bottom : 0 ;
z-index : 1 ;
}
. findify-components--cards--content__title-link : focus {
text-decoration : underline ;
}
. findify-components--cards--content__description {
font-family : var ( --components-cards-content-description-font-family ) ;
font-size : calc ( var ( --font-size-medium ) * var ( --components-cards-content-description-font-size ) ) ;
color : var ( --components-cards-content-description-color ) ;
margin : 5px 0 ;
}
/* imported from styles.css */
. findify-components-search--static-results {
padding-top : 0 ;
}
. findify-components-search--static-results__column {
display : table ;
}
/* imported from styles.css */
2021-05-18 06:10:49 +02:00
. findify-components--cards--product--rating__rating {
white-space : nowrap ;
}
. findify-components--cards--product--rating__stars {
white-space : nowrap ;
display : inline-block ;
}
. findify-components--cards--product--rating__star {
margin-right : 3px ;
width : 11px ;
height : 11px ;
display : inline-block ;
vertical-align : -1px ;
color : var ( --color-black ) ;
}
. findify-components--cards--product--rating__star . findify-components--cards--product--rating__filled {
color : # ffc000 ;
}
. findify-components--cards--product--rating__count {
display : inline-block ;
vertical-align : 1px ;
}
/* imported from styles.css */
. findify-components--category-facet {
width : 100 % ;
}
. findify-components--category-facet__nested {
padding-left : 20px ;
}
. findify-components--category-facet__content {
font-size : calc ( var ( --facet-item-font-size ) * var ( --font-size-medium ) ) ;
font-family : var ( --facet-item-font-family ) ;
color : var ( --facet-item-color ) ;
-webkit-box-flex : 1 ;
-ms-flex : 1 1 auto ;
flex : 1 1 auto ;
}
. findify-components--category-facet__item {
width : 100 % ;
border : 0 ;
background : transparent ;
outline : 0 ;
font-size : var ( --components-categoryfacet-item-font-size ) ;
border-radius : 0 ;
text-align : left ;
padding : var ( --components-categoryfacet-item-padding ) ;
height : auto ;
cursor : pointer ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-orient : horizontal ;
-webkit-box-direction : normal ;
-ms-flex-direction : row ;
flex-direction : row ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
}
. findify-components--category-facet__item svg {
vertical-align : -3px ;
padding-left : 7px ;
}
. findify-components--category-facet__item . findify-components--category-facet__mobile {
padding : 10px 0 ;
}
. findify-components--category-facet__active {
font-weight : bold ;
}
. findify-components--category-facet__expand {
margin-top : 10px ;
width : 100 % ;
}
. findify-components--category-facet__expand svg {
vertical-align : -3px ;
padding-right : 5px ;
}
/* imported from styles.css */
. findify-components-search--desktop-facets {
width : 300px ;
height : 100 % ;
}
. findify-components-search--desktop-facets . findify-components-search--desktop-facets__container {
overflow : hidden ;
overflow-y : auto ;
max-height : auto ;
will-change : max-height ;
}
. findify-components-search--desktop-facets . findify-components-search--desktop-facets__sticky {
position : sticky ;
top : 0 ;
}
. findify-components-search--desktop-facets__horizontal {
background : var ( --horizontal-background ) ;
width : 100 % ;
position : relative ;
max-width : 100vw ;
2021-06-04 07:09:00 +02:00
margin-bottom : 10px ;
2021-05-18 06:10:49 +02:00
}
. findify-components-search--desktop-facets__horizontal . findify-components-search--desktop-facets__container {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-orient : horizontal ;
-webkit-box-direction : normal ;
-ms-flex-direction : row ;
flex-direction : row ;
z-index : 3 ;
background : white ;
-ms-flex-wrap : wrap ;
flex-wrap : wrap ;
}
. findify-components-search--desktop-facets__header {
padding : 13px var ( --components-search-desktopfacets-padding ) 20px var ( --components-search-desktopfacets-padding ) ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-orient : horizontal ;
-webkit-box-direction : normal ;
-ms-flex-direction : row ;
flex-direction : row ;
2021-07-15 07:05:53 +02:00
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
2021-05-18 06:10:49 +02:00
}
. findify-components-search--desktop-facets__horizontal . findify-components-search--desktop-facets__header {
display : none ;
}
. findify-components-search--desktop-facets__icon {
float : left ;
padding-right : 10px ;
}
. findify-components-search--desktop-facets__reset {
float : right ;
padding : 2px 0 ;
}
. findify-components-search--desktop-facets__reset : hover * ,
. findify-components-search--desktop-facets__reset : focus * {
color : var ( --color-grey-4 ) ;
}
. findify-components-search--desktop-facets__hide {
margin-left : auto ;
padding : 0 ;
}
. findify-components-search--desktop-facets__hide : hover * ,
. findify-components-search--desktop-facets__hide : focus * {
color : var ( --color-grey-4 ) ;
}
. findify-components-search--desktop-facets__hide svg {
vertical-align : -3px ;
}
/* imported from styles.css */
. findify-components--dropdown {
position : relative ;
}
. findify-components--dropdown__select {
position : relative ;
border-radius : 0 ;
height : var ( --components-dropdown-select-height ) ;
padding : var ( --components-dropdown-padding ) ;
padding-right : 40px ;
background : var ( --color-grey-1 ) ;
text-align : left ;
width : 100 % ;
}
. findify-components--dropdown__arrow {
position : absolute ;
top : 50 % ;
right : 16px ;
margin-top : -8px ;
}
. findify-components--dropdown__dropdown {
position : absolute ;
top : calc ( 100 % - 1px ) ;
left : 0 ;
width : 100 % ;
background : var ( --components-dropdown-dropdown-background ) ;
z-index : 9999 ;
border : 1px solid var ( --color-grey-2 ) ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
-webkit-box-shadow : 0 5px 10px -4px rgba ( 0 , 0 , 0 , . 07 ) ;
box-shadow : 0 5px 10px -4px rgba ( 0 , 0 , 0 , . 07 ) ;
-webkit-transition : -webkit-transform . 1s ease-in ;
transition : -webkit-transform . 1s ease-in ;
transition : transform . 1s ease-in ;
transition : transform . 1s ease-in , -webkit-transform . 1s ease-in ;
-webkit-transform-origin : center top ;
-ms-transform-origin : center top ;
transform-origin : center top ;
-webkit-transform : scaleY ( 0 ) ;
-ms-transform : scaleY ( 0 ) ;
transform : scaleY ( 0 ) ;
}
. findify-components--dropdown__dropdown . findify-components--dropdown__open {
-webkit-transform : scaleY ( 1 ) ;
-ms-transform : scaleY ( 1 ) ;
transform : scaleY ( 1 ) ;
}
2021-06-02 06:42:57 +02:00
. findify-components--dropdown . findify-components--dropdown__dropdown {
margin : 1px 0 0 0 ;
padding : 0 ;
}
2021-05-18 06:10:49 +02:00
. findify-components--dropdown__option {
display : block ;
text-align : left ;
font-size : var ( --font-size-medium ) ;
background : transparent ;
border : none ;
margin : 0 ;
border-radius : 0 ;
height : var ( --height ) ;
width : 100 % ;
padding : var ( --components-dropdown-padding ) ;
cursor : pointer ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
}
. findify-components--dropdown__label {
position : absolute ! important ;
display : block ;
visibility : visible ;
overflow : hidden ;
width : 1px ;
height : 1px ;
margin : -1px ;
border : 0 ;
padding : 0 ;
clip : rect ( 0 , 0 , 0 , 0 ) ;
white-space : nowrap ;
}
. findify-components--dropdown__highlighted {
background : var ( --components-dropdown-highlighted-background ) ;
}
/* imported from styles.css */
2021-09-26 08:54:33 +02:00
. findify-components-autocomplete--suggestion-item__suggestion {
color : var ( --components-autocomplete-suggestionitem-suggestion-color ) ;
font-family : var ( --components-autocomplete-suggestionitem-suggestion-font-family ) ;
font-size : calc ( var ( --font-size-medium ) * var ( --components-autocomplete-suggestionitem-suggestion-font-size ) ) ;
2021-05-18 06:10:49 +02:00
cursor : pointer ;
2021-09-26 08:54:33 +02:00
border-radius : 2px ;
text-align : left ;
padding : 10px ;
margin : 0 -10px ;
text-transform : capitalize ;
position : relative ;
}
. findify-components-autocomplete--suggestion-item__suggestion . findify-components-autocomplete--suggestion-item__horizontal {
padding : 8px 15px ;
margin : 0 22px 12px -10px ;
2021-05-18 06:10:49 +02:00
background : var ( --color-grey-1 ) ;
2021-09-26 08:54:33 +02:00
display : inline-block ;
width : auto ;
border-radius : 17px ;
2021-05-18 06:10:49 +02:00
}
2021-09-26 08:54:33 +02:00
. findify-components-autocomplete--suggestion-item__suggestion . findify-components-autocomplete--suggestion-item__horizontal : hover ,
. findify-components-autocomplete--suggestion-item__suggestion . findify-components-autocomplete--suggestion-item__horizontal : focus {
background : var ( --color-grey-2 ) ;
}
. findify-components-autocomplete--suggestion-item__suggestion : before {
content : ' ' ;
display : table ;
}
. findify-components-autocomplete--suggestion-item__suggestion : hover ,
. findify-components-autocomplete--suggestion-item__suggestion : focus {
background : var ( --color-grey-1 ) ;
}
. findify-components-autocomplete--suggestion-item__highlightedText {
font-weight : bolder ;
}
. findify-components-autocomplete--suggestion-item__highlighted : after {
content : ' ' ;
position : absolute ;
left : 0 ;
right : 0 ;
bottom : 0 ;
top : 0 ;
border : 2px solid Highlight ;
border-color : -webkit-focus-ring-color ;
}
. findify-components-autocomplete--suggestion-item__icon {
margin-right : 8px ;
min-width : 14px ;
}
. findify-components-autocomplete--suggestion-item__withIcon {
/ *
padding-right : 3px ;
padding-left : 3px ; * /
display : -webkit-box ! important ;
display : -ms-flexbox ! important ;
display : flex ! important ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
}
. findify-components-autocomplete--suggestion-item__trending {
font-style : italic ;
2021-05-18 06:10:49 +02:00
}
/* imported from styles.css */
2021-09-02 05:39:05 +02:00
. findify-components--cards--promo {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
height : 100 % ;
width : 100 % ;
padding-bottom : 50px ;
-webkit-box-orient : vertical ;
-webkit-box-direction : normal ;
-ms-flex-direction : column ;
flex-direction : column ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
font-family : var ( --font-base ) ;
cursor : pointer ;
}
. findify-components--cards--promo__content {
height : 100 % ;
-webkit-box-flex : 1 ;
-ms-flex : 1 ;
flex : 1 ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-orient : vertical ;
-webkit-box-direction : normal ;
-ms-flex-direction : column ;
flex-direction : column ;
position : relative ;
background-size : cover ;
background-position : center ;
}
. findify-components--cards--promo__container {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
-webkit-box-pack : center ;
-ms-flex-pack : center ;
justify-content : center ;
-webkit-box-orient : vertical ;
-webkit-box-direction : normal ;
-ms-flex-direction : column ;
flex-direction : column ;
color : white ;
-webkit-box-flex : 1 ;
-ms-flex : 1 ;
flex : 1 ;
margin : 0 12 % ;
}
. findify-components--cards--promo__button {
display : block ;
width : 100 % ;
border : none ;
background : white ;
padding : 10px ;
border-radius : 20px ;
text-transorm : uppercase ;
font-size : var ( --font-size-medium ) ;
text-transform : uppercase ;
cursor : pointer ;
text-decoration : none ;
}
. findify-components--cards--promo__button : hover ,
. findify-components--cards--promo__button : focus {
background-color : var ( --color-grey-2 ) ;
}
. findify-components--cards--promo__button-container {
text-align : center ;
padding : 30px 12 % 12 % 12 % ;
}
. findify-components--cards--promo__title {
margin : 0 ;
margin-bottom : 5px ;
margin-top : 30px ;
text-align : center ;
font-size : var ( --components-cards-promo-title-font-size ) ;
font-weight : bold ;
text-decoration : none ;
}
. findify-components--cards--promo__description {
text-align : center ;
margin : 0 ;
text-decoration : none ;
}
. findify-components--cards--promo__footer {
margin : 0 ;
padding : 10px 12 % 5px 12 % ;
font-size : var ( --font-size-small ) ;
text-decoration : none ;
}
/* imported from styles.css */
2021-05-18 06:10:49 +02:00
. findify-components--cards--product--variants__variants {
color : var ( --color-grey-3 ) ;
font-family : var ( --font-base ) ;
font-size : var ( --font-size-large ) ;
margin-top : 10px ;
margin-bottom : 10px ;
text-align : center ;
}
/* imported from styles.css */
. findify-components--pagination {
padding-top : 30px ;
border-top : 1px solid var ( --color-grey-2 ) ;
margin-top : 22px ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-pack : center ;
-ms-flex-pack : center ;
justify-content : center ;
}
. findify-components--pagination : after {
content : '' ;
display : block ;
clear : both ;
}
. findify-components--pagination__prev , . findify-components--pagination__next ,
. findify-components--pagination__first , . findify-components--pagination__last ,
. findify-components--pagination__page , . findify-components--pagination__dots {
height : var ( --components-pagination-height ) ;
padding : 0 16px ;
color : var ( --color-black ) ;
font-size : var ( --font-size-medium ) ;
font-weight : normal ;
}
. findify-components--pagination__prev : hover ,
. findify-components--pagination__prev : focus ,
. findify-components--pagination__next : hover ,
. findify-components--pagination__next : focus ,
. findify-components--pagination__first : hover ,
. findify-components--pagination__first : focus ,
. findify-components--pagination__last : hover ,
. findify-components--pagination__last : focus ,
. findify-components--pagination__page : hover ,
. findify-components--pagination__page : focus ,
. findify-components--pagination__dots : hover ,
. findify-components--pagination__dots : focus {
text-decoration : underline ;
}
. findify-components--pagination__prev , . findify-components--pagination__next {
text-transform : var ( --components-pagination-text-transform ) ;
}
. findify-components--pagination__prev svg ,
. findify-components--pagination__next svg {
vertical-align : -3px ;
}
. findify-components--pagination__dots {
cursor : default ;
pointer-events : none ;
padding : 0 ;
}
. findify-components--pagination__active ,
. findify-components--pagination__active : focus {
background-color : var ( --color-grey-1 ) ;
text-decoration : none ;
}
/* imported from styles.css */
. findify-components-search--desktop-actions__block {
padding-bottom : var ( --components-search-desktopactions-padding ) ;
}
. findify-components-search--desktop-actions__block-inner {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
height : 100 % ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
-webkit-box-orient : horizontal ;
-webkit-box-direction : normal ;
-ms-flex-direction : row ;
flex-direction : row ;
-ms-flex-wrap : wrap ;
flex-wrap : wrap ;
}
. findify-components-search--desktop-actions__sorting {
margin-left : auto ;
padding-bottom : var ( --components-search-desktopactions-padding ) ;
}
. findify-components-search--desktop-actions__query {
white-space : nowrap ;
text-overflow : elipsis ;
}
. findify-components-search--desktop-actions__show-facets {
margin-right : 60px ;
position : relative ;
}
. findify-components-search--desktop-actions__show-facets : after {
content : ' ' ;
position : absolute ;
right : -30px ;
top : 0 ;
bottom : 0 ;
width : 1px ;
background : var ( --color-grey-2 ) ;
}
. findify-components-search--desktop-actions__show-facets svg {
vertical-align : -4px ;
margin-right : 3px ;
}
. findify-components-search--desktop-actions__show-facets : hover * ,
. findify-components-search--desktop-actions__show-facets : focus * {
color : var ( --color-grey-4 ) ;
}
/* imported from styles.css */
2021-07-15 07:05:53 +02:00
p . findify-layouts--recommendation--grid__title {
margin-bottom : 30px ;
}
/* imported from styles.css */
2021-05-18 06:10:49 +02:00
. findify-components-common--sticky__container {
overflow : hidden ;
overflow-y : auto ;
max-height : auto ;
will-change : max-height ;
}
. findify-components-common--sticky__static {
position : static ;
}
. findify-components-common--sticky__stuck {
bottom : 0 ;
position : absolute ;
}
. findify-components-common--sticky__sticky {
position : fixed ;
top : 0 ;
}
/* imported from styles.css */
. findify-components--breadcrumbs {
white-space : nowrap ;
}
. findify-components--breadcrumbs__breadcrumb {
display : inline-block ;
font-size : var ( --font-size-small ) ;
white-space : nowrap ;
padding : 0 ;
margin-left : 12px ;
position : relative ;
background : transparent ;
border : none ;
outline : none ;
cursor : pointer ;
text-transform : uppercase ;
font-weight : bold ;
color : var ( --color-grey-3 ) ;
}
. findify-components--breadcrumbs__breadcrumb : before {
content : '/' ;
color : var ( --color-grey-3 ) ;
display : inline-block ;
padding-right : 12px ;
font-size : 16px ;
vertical-align : -1px ;
font-weight : normal ;
font-family : var ( --font-base ) ;
}
. findify-components--breadcrumbs__breadcrumb . findify-components--breadcrumbs__title {
color : var ( --color-grey-3 ) ;
position : relative ;
}
. findify-components--breadcrumbs__breadcrumb : hover ,
. findify-components--breadcrumbs__breadcrumb : focus {
text-decoration : line-through ;
-webkit-text-decoration-color : var ( --color-black ) ;
text-decoration-color : var ( --color-black ) ;
color : var ( --color-black ) ;
}
. findify-components--breadcrumbs__breadcrumb : hover . findify-components--breadcrumbs__title ,
. findify-components--breadcrumbs__breadcrumb : focus . findify-components--breadcrumbs__title {
color : var ( --color-black ) ;
}
. findify-components--breadcrumbs__breadcrumb : hover . findify-components--breadcrumbs__title : after ,
. findify-components--breadcrumbs__breadcrumb : focus . findify-components--breadcrumbs__title : after {
content : "" ;
position : absolute ;
left : 0 ;
right : 0 ;
bottom : 50 % ;
border-bottom : 1px solid # 000 ;
}
. findify-components--breadcrumbs__breadcrumb : hover : before ,
. findify-components--breadcrumbs__breadcrumb : focus : before {
color : var ( --color-black ) ;
}
. findify-components--breadcrumbs__breadcrumb : first-child : before {
color : var ( --color-black ) ;
}
. findify-components--breadcrumbs__breadcrumb . findify-components--breadcrumbs__title {
display : inline-block ;
}
. findify-components--breadcrumbs__ball {
width : 11px ;
height : 11px ;
border-radius : 50 % ;
display : inline-block ;
vertical-align : -1px ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
background-size : cover ! important ;
position : relative ;
}
. findify-components--breadcrumbs__ball span {
position : absolute ;
top : 0 ;
bottom : 0 ;
left : 0 ;
right : 0 ;
border-radius : 50 % ;
background : transparent ;
border : 1px solid currentColor ;
}
. findify-components--breadcrumbs__cross {
vertical-align : -4px ;
-webkit-transition : color . 1s linear ;
transition : color . 1s linear ;
padding-left : 5px ;
}
. findify-components--breadcrumbs__star {
color : var ( --color-yellow ) ;
}
. findify-components--breadcrumbs__star . findify-components--breadcrumbs__unfilled {
color : var ( --color-grey-3 ) ;
}
/* imported from styles.css */
2021-09-26 08:54:33 +02:00
. findify-components-autocomplete--suggestions__list {
list-style-type : none ;
margin : 0 ;
padding : 0 ;
display : block ;
}
. findify-components-autocomplete--suggestions__list li {
display : block ;
}
. findify-components-autocomplete--suggestions__horizontal {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-ms-flex-wrap : wrap ;
flex-wrap : wrap ;
}
/* imported from styles.css */
2021-05-18 06:10:49 +02:00
. findify-components--checkbox-facet {
width : 100 % ;
}
. findify-components--checkbox-facet__mobile {
height : 100 % ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-orient : vertical ;
-webkit-box-direction : normal ;
-ms-flex-direction : column ;
flex-direction : column ;
}
. findify-components--checkbox-facet__mobile > section {
height : calc ( 100 % - 60px ) ;
}
. findify-components--checkbox-facet__search {
position : relative ;
width : 100 % ;
padding-bottom : var ( --components-checkboxfacet-search-padding-bottom ) ;
}
. findify-components--checkbox-facet__search . findify-components--checkbox-facet__icon {
position : absolute ;
right : 11px ;
top : 50 % ;
margin-top : -13px ;
pointer-events : none ;
color : var ( --color-black ) ;
}
. findify-components--checkbox-facet__input {
background : var ( --color-white ) ;
width : 100 % ;
height : 40px ;
padding-right : 34px ;
padding-left : 11px ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
font-family : var ( --font-base ) ;
font-size : var ( --font-size-large ) ;
border : 1px solid var ( --color-grey-2 ) ;
-webkit-transition : border-color . 1s linear ;
transition : border-color . 1s linear ;
outline : none ;
}
. findify-components--checkbox-facet__input : placeholder {
color : var ( --color-grey-1 ) ;
}
. findify-components--checkbox-facet__input : focus {
border-color : var ( --color-grey-3 ) ;
}
. findify-components--checkbox-facet__expand {
margin-top : 20px ;
2021-05-22 07:54:02 +02:00
width : 100 % ;
2021-05-18 06:10:49 +02:00
}
. findify-components--checkbox-facet__expand svg {
vertical-align : -3px ;
padding-right : 5px ;
}
/* imported from styles.css */
. findify-components--facet {
border-top : 1px solid var ( --color-grey-2 ) ;
}
. findify-components--facet : last-child {
margin-bottom : 0 ;
}
. findify-components--facet . findify-components--facet__horizontal {
border-top : none ;
background : var ( --components-facet-horizontal-background ) ;
-webkit-box-flex : 0 ;
-ms-flex : 0 1 auto ;
flex : 0 1 auto ;
position : relative ;
}
. findify-components--facet__title {
width : 100 % ;
text-align : left ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
2021-06-02 06:42:57 +02:00
padding : var ( --components-facet-vertical-title-padding ) ;
2021-05-18 06:10:49 +02:00
}
. findify-components--facet__horizontal . findify-components--facet__title {
background : var ( --components-facet-horizontal-background ) ;
2021-06-02 06:42:57 +02:00
padding : var ( --components-facet-horizontal-title-padding ) ;
2021-05-18 06:10:49 +02:00
}
. findify-components--facet__text {
font-size : calc ( var ( --font-size-small ) * var ( --components-facet-text-font-size ) ) ;
font-family : var ( --components-facet-text-font-family ) ;
color : var ( --components-facet-text-color ) ;
-webkit-box-flex : 1 ;
-ms-flex : 1 1 0 % ;
flex : 1 1 0 % ;
2021-05-22 07:54:02 +02:00
padding-right : 10px ;
2021-05-18 06:10:49 +02:00
}
. findify-components--facet__icon {
vertical-align : middle ;
}
. findify-components--facet__body {
margin-top : -15px ;
2021-06-02 06:42:57 +02:00
padding : var ( --components-facet-vertical-body-padding ) ;
2021-05-18 06:10:49 +02:00
}
. findify-components--facet__horizontal . findify-components--facet__body {
background : var ( --components-facet-horizontal-background ) ;
position : absolute ;
z-index : 3 ;
2021-06-02 06:42:57 +02:00
padding : var ( --components-facet-horizontal-body-padding ) ;
2021-05-22 07:54:02 +02:00
min-width : var ( --components-facet-min-width ) ;
2021-05-18 06:10:49 +02:00
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
2021-05-22 07:54:02 +02:00
border : 1px solid var ( --color-grey-2 ) ;
top : 100 % ;
margin : 0 ;
left : -1px ;
2021-05-18 06:10:49 +02:00
}
. findify-components--facet__body [ hidden ] {
display : none ;
}
2021-05-22 07:54:02 +02:00
. findify-components--facet__horizontal {
2021-05-27 06:19:31 +02:00
margin-right : 5px ;
2021-05-22 07:54:02 +02:00
}
. findify-components--facet__horizontal . findify-components--facet__expanded {
outline : 1px solid var ( --color-grey-2 ) ;
}
. findify-components--facet__horizontal . findify-components--facet__expanded . findify-components--facet__title : after {
content : ' ' ;
position : absolute ;
top : 100 % ;
z-index : 4 ;
height : 5px ;
background : var ( --components-facet-horizontal-background ) ;
left : 1px ;
right : 1px ;
}
2021-05-18 06:10:49 +02:00
/* imported from styles.css */
. findify-components--banner {
display : block ;
line-height : 1 ;
}
. findify-components--banner__image {
width : 100 % ;
}
/* imported from styles.css */
. findify-components--cards--product--price__price-wrapper {
margin : 5px 0 ;
margin-top : 20px ;
line-height : inherit ;
}
. findify-components--cards--product--price__simple . findify-components--cards--product--price__price-wrapper {
margin : 0 ;
}
. findify-components--cards--product--price__price-wrapper : after {
content : '' ;
display : block ;
clear : both ;
}
. findify-components--cards--product--price__price {
display : inline-block ;
}
. findify-components--cards--product--price__compare {
text-decoration : line-through ;
color : var ( --components-cards-product-price-compare-color ) ;
font-size : var ( --font-size ) ;
}
. findify-components--cards--product--price__price ,
. findify-components--cards--product--price__compare {
2021-06-02 06:42:57 +02:00
font-family : var ( --font-base ) ;
2021-05-18 06:10:49 +02:00
text-rendering : optimizeLegibility ;
-webkit-font-smoothing : antialiased ;
}
. findify-components--cards--product--price__price {
color : var ( --components-cards-product-price-price-color ) ;
font-size : var ( --components-cards-product-price-price-font-size ) ;
font-weight : bold ;
}
. findify-components--cards--product--price__sale-price {
color : var ( --components-cards-product-price-sale-price-color ) ;
font-size : var ( --components-cards-product-price-sale-price-font-size ) ;
padding-right : 5px ;
}
/* imported from styles.css */
2021-09-26 08:54:33 +02:00
. findify-components-autocomplete--content__container {
margin : 0 -10px ;
2021-05-18 06:10:49 +02:00
}
2021-09-26 08:54:33 +02:00
/* imported from styles.css */
2021-05-18 06:10:49 +02:00
2021-09-26 08:54:33 +02:00
. findify-components-autocomplete--tip__tip {
-webkit-user-select : none ;
-moz-user-select : none ;
-ms-user-select : none ;
user-select : none ;
cursor : pointer ;
text-align : center ;
padding : 16px 20px ;
font-family : var ( --font-base ) ;
font-size : var ( --font-size-large ) ;
color : # b2b2b2 ;
2021-05-18 06:10:49 +02:00
background : var ( --color-grey-1 ) ;
2021-09-26 08:54:33 +02:00
white-space : nowrap ;
overflow : hidden ;
text-overflow : ellipsis ;
2021-05-18 06:10:49 +02:00
}
2021-09-26 08:54:33 +02:00
. findify-components-autocomplete--tip__highlight {
color : # 404040 ;
2021-05-18 06:10:49 +02:00
}
/* imported from styles.css */
. findify-components-search--mobile-actions {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
-webkit-box-orient : vertical ;
-webkit-box-direction : normal ;
-ms-flex-direction : column ;
flex-direction : column ;
margin-bottom : 32px ;
}
. findify-components-search--mobile-actions__bottom-row {
width : 100 % ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-orient : horizontal ;
-webkit-box-direction : normal ;
-ms-flex-direction : row ;
flex-direction : row ;
}
. findify-components-search--mobile-actions__icon {
-webkit-transform : scaleY ( -1 ) ;
-ms-transform : scaleY ( -1 ) ;
transform : scaleY ( -1 ) ;
}
. findify-components-search--mobile-actions__button {
width : 100 % ;
2021-06-03 07:09:41 +02:00
padding : 8px 10px ;
2021-05-18 06:10:49 +02:00
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 ;
border : 1px solid var ( --color-grey-2 ) ;
}
. findify-components-search--mobile-actions__button svg {
padding-right : 6px ;
height : 11px ;
width : 12px ;
vertical-align : -2px ;
}
. findify-components-search--mobile-actions__facet-count {
color : var ( --color-grey-4 ) ;
padding-left : 3px ;
}
. findify-components-search--mobile-actions__divider {
width : 7px ;
}
. findify-components-search--mobile-actions__query {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
-webkit-box-pack : center ;
-ms-flex-pack : center ;
justify-content : center ;
width : 100 % ;
margin-bottom : 16px ;
font-weight : normal ! important ;
}
/* imported from styles.css */
. findify-components--color-facet__item {
display : inline-block ;
border : none ;
padding : 0 ;
margin-right : 5px ;
line-height : 1 ;
cursor : pointer ;
outline : none ;
border-radius : 0 ;
position : relative ;
background : none ;
}
. findify-components--color-facet__ball {
display : inline-block ;
width : 20px ;
height : 20px ;
border-radius : 50 % ;
background-size : cover ! important ;
position : relative ;
}
. findify-components--color-facet__ball span {
position : absolute ;
top : 0 ;
bottom : 0 ;
left : 0 ;
right : 0 ;
border-radius : 50 % ;
background : transparent ;
border : 1px solid currentColor ;
}
2021-05-22 07:54:02 +02:00
. findify-components--color-facet__ball-mobile {
2021-05-18 06:10:49 +02:00
width : 40px ;
height : 40px ;
}
. findify-components--color-facet__check {
position : absolute ;
left : 50 % ;
top : 50 % ;
color : currentColor ;
margin-left : -6px ;
margin-top : -6px ;
}
/* imported from styles.css */
2021-07-15 07:05:53 +02:00
p . findify-layouts--recommendation--slider__title {
margin-bottom : 30px ;
}
2021-06-03 07:09:41 +02:00
/* imported from styles.css */
2021-05-22 07:54:02 +02:00
/* Swiper */
2021-07-15 07:05:53 +02:00
. findify-components--swiper . swiper-container {
2021-05-22 07:54:02 +02:00
margin-left : auto ;
margin-right : auto ;
position : relative ;
overflow : hidden ;
list-style : none ;
padding : 0 ;
/* Fix of Webkit flickering */
z-index : 1 ;
}
2021-07-15 07:05:53 +02:00
. findify-components--swiper . swiper-container-vertical > . swiper-wrapper {
2021-05-22 07:54:02 +02:00
-webkit-box-orient : vertical ;
-webkit-box-direction : normal ;
-ms-flex-direction : column ;
flex-direction : column ;
}
2021-07-15 07:05:53 +02:00
. findify-components--swiper . swiper-wrapper {
2021-05-22 07:54:02 +02:00
position : relative ;
width : 100 % ;
height : 100 % ;
z-index : 1 ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-align : stretch ;
-ms-flex-align : stretch ;
align-items : stretch ;
-webkit-transition-property : -webkit-transform ;
transition-property : -webkit-transform ;
transition-property : transform ;
transition-property : transform , -webkit-transform ;
-webkit-box-sizing : content-box ;
box-sizing : content-box ;
}
2021-07-15 07:05:53 +02:00
. findify-components--swiper . swiper-container-android . swiper-slide ,
. findify-components--swiper . swiper-wrapper {
2021-05-22 07:54:02 +02:00
-webkit-transform : translate3d ( 0 , 0 , 0 ) ;
transform : translate3d ( 0 , 0 , 0 ) ;
}
2021-07-15 07:05:53 +02:00
. findify-components--swiper . swiper-container-free-mode > . swiper-wrapper {
2021-05-22 07:54:02 +02:00
-webkit-transition-timing-function : ease-out ;
transition-timing-function : ease-out ;
margin : 0 auto ;
}
2021-07-15 07:05:53 +02:00
. findify-components--swiper . swiper-slide {
2021-05-22 07:54:02 +02:00
-ms-flex-negative : 0 ;
flex-shrink : 0 ;
width : 100 % ;
height : auto ;
position : relative ;
-webkit-transition-property : -webkit-transform ;
transition-property : -webkit-transform ;
transition-property : transform ;
transition-property : transform , -webkit-transform ;
}
2021-07-15 07:05:53 +02:00
. findify-components--swiper . swiper-slide-invisible-blank {
2021-05-22 07:54:02 +02:00
visibility : hidden ;
}
2021-07-15 07:05:53 +02:00
. findify-components--swiper . swiper-button-disabled {
2021-05-22 07:54:02 +02:00
display : none ! important ;
}
2021-07-15 07:05:53 +02:00
. findify-components--swiper . findify-recommendation {
2021-05-22 07:54:02 +02:00
padding : 0 30px ;
}
/* Component styles */
2021-06-03 07:09:41 +02:00
. findify-components--swiper {
2021-05-18 06:10:49 +02:00
position : relative ;
}
2021-06-03 07:09:41 +02:00
. findify-components--swiper__prev , . findify-components--swiper__next {
2021-05-18 06:10:49 +02:00
position : absolute ;
top : 0 ;
bottom : 0 ;
z-index : 10 ;
cursor : pointer ;
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 ;
padding : 0 10px ;
background : transparent ;
border : none ;
height : 100 % ;
color : var ( --color-black ) ;
}
2021-06-03 07:09:41 +02:00
. findify-components--swiper__prev {
2021-05-18 06:10:49 +02:00
left : 0 ;
right : auto ;
outline : none ;
left : -30px ;
}
2021-06-03 07:09:41 +02:00
. findify-components--swiper__next {
2021-05-18 06:10:49 +02:00
right : 0 ;
left : auto ;
outline : none ;
right : -30px ;
}
/* imported from styles.css */
. findify-components--sorting {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-orient : horizontal ;
-webkit-box-direction : normal ;
-ms-flex-direction : row ;
flex-direction : row ;
-ms-flex-wrap : nowrap ;
flex-wrap : nowrap ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
}
. findify-components--sorting__icon {
min-width : 17px ;
-webkit-transform : scaleY ( -1 ) ;
-ms-transform : scaleY ( -1 ) ;
transform : scaleY ( -1 ) ;
}
. findify-components--sorting . findify-components--sorting__title {
white-space : nowrap ;
padding : 0 10px ;
}
. findify-components--sorting__dropdown {
width : 240px ;
position : relative ;
min-width : 240px ;
}
/* imported from styles.css */
. findify-components--range-facet {
width : 100 % ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-orient : vertical ;
-webkit-box-direction : normal ;
-ms-flex-direction : column ;
flex-direction : column ;
}
. findify-components--range-facet__input-block {
padding-top : 10px ;
}
. findify-components--range-facet__input-wrap {
position : relative ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
padding : 0 8px ;
cursor : text ;
-webkit-transition : border-color . 1s linear ;
transition : border-color . 1s linear ;
2021-06-04 07:09:00 +02:00
border : 1px solid var ( --color-grey-2 ) ;
background : white ;
2021-05-18 06:10:49 +02:00
}
. findify-components--range-facet__input-wrap : focus-within {
2021-06-04 07:09:00 +02:00
border-color : var ( --color-grey-3 ) ;
2021-05-18 06:10:49 +02:00
}
. findify-components--range-facet__input {
display : block ;
width : var ( --components-rangefacet-input-width ) ;
margin : 0 ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
height : var ( --components-rangefacet-height ) ;
line-height : var ( --components-rangefacet-height ) ;
padding-left : 8px ;
background : transparent ;
color : var ( --color-black ) ;
font-family : var ( --font-base ) ;
font-size : var ( --font-size-large ) ;
border : none ;
outline : none ;
z-index : 1 ;
2021-05-22 07:54:02 +02:00
-moz-appearance : textfield ! important ;
2021-05-18 06:10:49 +02:00
}
. findify-components--range-facet__input : placeholder {
color : var ( --color-grey-1 ) ;
}
. findify-components--range-facet__input :: -webkit-outer-spin-button ,
. findify-components--range-facet__input :: -webkit-inner-spin-button {
2021-05-22 07:54:02 +02:00
-webkit-appearance : none ! important ;
2021-05-18 06:10:49 +02:00
margin : 0 ;
}
@ media screen and ( -webkit-min-device-pixel-ratio : 0 ) {
. findify-components--range-facet__input {
font-size : 16px ;
}
}
. findify-components--range-facet__currency {
font-size : var ( --components-rangefacet-currency-font-size ) ;
height : 100 % ;
z-index : 0 ;
}
. findify-components--range-facet__submit {
display : -webkit-box ;
display : -ms-flexbox ;
border : 0 ;
display : flex ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
height : 100 % ;
background : transparent ;
outline : 0 ;
font-size : var ( --components-rangefacet-submit-font-size ) ;
border-radius : 0 ;
width : 100 % ;
padding : 0 8px ;
cursor : pointer ;
-ms-flex-pack : distribute ;
justify-content : space-around ;
}
. findify-components--range-facet__submit : hover ,
. findify-components--range-facet__submit : focus {
text-decoration : underline ;
}
. findify-components--range-facet__submit span {
font-size : var ( --font-size-small ) ;
}
. findify-components--range-facet__divider {
padding : 0 6px ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
height : 100 % ;
}
2021-08-28 07:03:49 +02:00
. findify-components--range-facet__slider {
width : 100 % ;
height : 20px ;
margin-top : 20px ;
}
. findify-components--range-facet__thumb {
top : 2px ;
width : 18px ;
height : 18px ;
background-color : var ( --color-grey-2 ) ;
cursor : pointer ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
border-radius : 50 % ;
border : 1px solid var ( --color-grey-2 ) ;
}
. findify-components--range-facet__thumb : focus {
border-color : var ( --color-grey-4 ) ;
}
. findify-components--range-facet__track {
position : relative ;
background : var ( --color-grey-1 ) ;
top : 10px ;
height : 3px ;
border-radius : 3px ;
}
. findify-components--range-facet__track : nth-child ( 2 ) {
background-color : var ( --color-grey-3 ) ;
}
2021-05-18 06:10:49 +02:00
/* imported from styles.css */
. findify-layouts--content {
width : 100 % ;
display : table ;
padding-top : 25px ;
border-top : 1px solid var ( --color-grey-2 ) ;
}
. findify-layouts--content__content {
display : table-cell ;
width : 100 % ;
}
@ supports ( display : flex ) {
. findify-layouts--content {
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-orient : horizontal ;
-webkit-box-direction : normal ;
-ms-flex-direction : row ;
flex-direction : row ;
}
. findify-layouts--content__content {
display : block ;
}
}
/* imported from styles.css */
body {
overflow-anchor : none ;
}
. findify-layouts--search {
padding-top : 25px ;
}
/* imported from styles.css */
. findify-components-search--mobile-sorting {
width : 90vw ;
height : 100 % ;
background : white ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-orient : vertical ;
-webkit-box-direction : normal ;
-ms-flex-direction : column ;
flex-direction : column ;
}
. findify-components-search--mobile-sorting__header {
height : 60px ;
padding : 0 15px ;
background : var ( --color-grey-1 ) ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-orient : horizontal ;
-webkit-box-direction : normal ;
-ms-flex-direction : row ;
flex-direction : row ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
-webkit-box-pack : justify ;
-ms-flex-pack : justify ;
justify-content : space-between ;
border-bottom : 1px solid var ( --color-grey-2 ) ;
}
. findify-components-search--mobile-sorting__header > * {
position : relative ;
z-index : 2 ;
}
. findify-components-search--mobile-sorting__body {
-webkit-box-flex : 1 ;
-ms-flex : 1 ;
flex : 1 ;
overflow : hidden ;
overflow-y : auto ;
}
. findify-components-search--mobile-sorting__footer {
height : 60px ;
padding : 0 15px ;
background : var ( --color-grey-5 ) ;
color : var ( --color-white ) ;
font-size : var ( --font-size-medium ) ;
text-transform : uppercase ;
}
. findify-components-search--mobile-sorting__title {
position : absolute ;
left : 0 ;
right : 0 ;
top : 0 ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
height : 60px ;
-webkit-box-pack : center ;
-ms-flex-pack : center ;
justify-content : center ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
z-index : 1 ;
-webkit-user-select : none ;
-moz-user-select : none ;
-ms-user-select : none ;
user-select : none ;
}
. findify-components-search--mobile-sorting__item {
width : 100 % ;
height : 50px ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
padding : 0 17px ;
border-bottom : 1px solid var ( --color-grey-2 ) ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
}
. findify-components-search--mobile-sorting__item svg {
vertical-align : -3px ;
padding-right : 15px ;
}
/* imported from styles.css */
. findify-components-common--checkbox__item {
width : 100 % ;
border : 0 ;
background : transparent ;
outline : 0 ;
font-size : var ( --components-common-checkbox-item-font-size ) ;
border-radius : 0 ;
text-align : left ;
padding : var ( --components-common-checkbox-item-padding ) ;
height : auto ;
cursor : pointer ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-orient : horizontal ;
-webkit-box-direction : normal ;
-ms-flex-direction : row ;
flex-direction : row ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
}
. findify-components-common--checkbox__item . findify-components-common--checkbox__mobile {
padding : 10px 0 ;
}
. findify-components-common--checkbox__icon {
-webkit-box-flex : 0 ;
-ms-flex : 0 0 auto ;
flex : 0 0 auto ;
}
. findify-components-common--checkbox__content {
font-size : calc ( var ( --facet-item-font-size ) * var ( --font-size-medium ) ) ;
font-family : var ( --facet-item-font-family ) ;
color : var ( --facet-item-color ) ;
-webkit-box-flex : 1 ;
-ms-flex : 1 1 auto ;
flex : 1 1 auto ;
padding-left : 14px ;
}
/* imported from styles.css */
. findify-components--tabs__list {
list-style-type : none ;
display : block ;
text-align : center ;
margin-bottom : 40px ;
}
. findify-components--tabs__tab {
display : inline-block ;
margin-left : 16px ;
margin-right : 16px ;
cursor : pointer ;
-webkit-user-select : none ;
-moz-user-select : none ;
-ms-user-select : none ;
user-select : none ;
font-family : var ( --font-base ) ;
text-transform : uppercase ;
font-size : var ( --font-size-medium ) ;
}
. findify-components--tabs__tab : after {
display : block ;
height : 2px ;
width : 22px ;
margin-left : calc ( 50 % - 11px ) ;
margin-right : calc ( 50 % - 11px ) ;
margin-top : 8px ;
content : ' ' ;
}
. findify-components--tabs__active {
cursor : default ;
}
. findify-components--tabs__active : after {
background : black ;
}
. findify-components--tabs__disabled {
opacity : . 3 ;
}
/* imported from styles.css */
2021-09-26 08:54:33 +02:00
. findify-components-autocomplete--products__view-all {
float : right ;
color : var ( --color-black ) ;
}
. findify-components-autocomplete--products__list {
margin-top : 10px ;
}
. findify-components-autocomplete--products__grid-column-class : not ( : last-child ) : after {
content : ' ' ;
display : block ;
width : 100 % ;
height : 1px ;
background : var ( --color-grey-2 ) ;
margin-bottom : 16px ;
}
. findify-components-autocomplete--products__view-more-button {
margin : 0 auto 0 auto ;
display : block ;
padding : 0 85px ;
height : 40px ;
background : var ( --color-grey-1 ) ;
-webkit-transition : background . 1s linear ;
transition : background . 1s linear ;
font-size : var ( --font-size-small ) ;
width : 300px ;
}
. findify-components-autocomplete--products__view-more-button : hover ,
. findify-components-autocomplete--products__view-more-button : focus {
background : var ( --color-grey-2 ) ;
}
/* imported from styles.css */
2021-05-18 06:10:49 +02:00
. findify-components-common--announcement {
position : absolute ! important ;
display : block ;
visibility : visible ;
overflow : hidden ;
width : 1px ;
height : 1px ;
margin : -1px ;
border : 0 ;
padding : 0 ;
clip : rect ( 0 , 0 , 0 , 0 ) ;
-webkit-clip-path : polygon ( 0 0 , 0 0 , 0 0 , 0 0 ) ;
clip-path : polygon ( 0 0 , 0 0 , 0 0 , 0 0 ) ;
white-space : nowrap ;
}
/* imported from style.css */
. findify-components-common--drawer__body-no-scroll {
overflow : hidden ;
position : fixed ;
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0 ;
}
. findify-components-common--drawer__backdrop {
position : fixed ;
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0 ;
background : rgba ( 0 , 0 , 0 , . 5 ) ;
z-index : 999 ;
}
. findify-components-common--drawer__content {
z-index : 999 ;
position : fixed ;
top : 0 ;
left : 0 ;
bottom : 0 ;
}
/* imported from styles.css */
. findify-components-search--query {
white-space : nowrap ;
}
/* imported from styles.css */
. findify-components--cards--product--stickers__discount-sticker {
width : 70px ;
height : 70px ;
border-radius : 70px ;
background : rgba ( 208 , 40 , 75 , . 9 ) ;
display : table ;
}
. findify-components--cards--product--stickers__discount-sticker span {
color : var ( --color-white ) ;
display : table-cell ;
vertical-align : middle ;
padding : 10px ;
width : 100 % ;
height : 100 % ;
}
. findify-components--cards--product--stickers__out-of-stock-sticker {
width : 100 % ;
}
. findify-components--cards--product--stickers__out-of-stock-sticker span {
color : var ( --color-grey-3 ) ;
}
/* imported from styles.css */
/* imported from styles.css */
. findify-layouts--autocomplete--sidebar {
width : 100 % ;
background : white ;
height : 100 % ;
width : 90vw ;
2021-05-27 06:19:31 +02:00
max-height : 100vh ;
2021-05-18 06:10:49 +02:00
}
. findify-layouts--autocomplete--sidebar__backdrop {
width : 100 % ;
height : 100 % ;
position : absolute ;
top : 0 ;
left : 0 ;
background-color : var ( --color-white ) ;
z-index : -1 ;
}
@ media screen and ( -webkit-min-device-pixel-ratio : 0 ) {
. findify-layouts--autocomplete--sidebar__input {
font-size : 16px ;
}
}
. findify-layouts--autocomplete--sidebar__icons {
position : absolute ;
top : 0 ;
right : 0 ;
padding-right : 16px ;
margin-top : 15px ;
margin-bottom : 14px ;
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 ;
}
. findify-layouts--autocomplete--sidebar__icons . findify-layouts--autocomplete--sidebar__search-icon {
cursor : pointer ;
color : var ( --color-black ) ;
}
. findify-layouts--autocomplete--sidebar__icons . findify-layouts--autocomplete--sidebar__search-icon path {
fill : var ( --color-black ) ;
}
. findify-layouts--autocomplete--sidebar__icons . findify-layouts--autocomplete--sidebar__x-icon {
cursor : pointer ;
}
. findify-layouts--autocomplete--sidebar__icons . findify-layouts--autocomplete--sidebar__x-icon : hover ,
. findify-layouts--autocomplete--sidebar__icons . findify-layouts--autocomplete--sidebar__x-icon : focus {
color : red ;
}
. findify-layouts--autocomplete--sidebar__icon-divider {
height : 18px ;
width : 1px ;
background : var ( --color-grey-2 ) ;
display : inline-block ;
margin-left : 12px ;
margin-right : 12px ;
}
. findify-layouts--autocomplete--sidebar__header {
position : relative ;
}
. findify-layouts--autocomplete--sidebar__header input {
width : 100 % ;
height : 50px ;
font-family : var ( --font-base ) ;
font-size : var ( --font-size-large ) ;
line-height : 50px ;
color : var ( --color-black ) ;
padding-left : 13px ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
border : 1px solid var ( --color-grey-2 ) ;
-webkit-transition : border-color . 1s linear ;
transition : border-color . 1s linear ;
outline : none ;
2021-05-27 06:19:31 +02:00
font-size : 16px ;
2021-05-18 06:10:49 +02:00
}
. findify-layouts--autocomplete--sidebar__header input : placeholder {
color : var ( --color-grey-3 ) ;
}
. findify-layouts--autocomplete--sidebar__header input : placeholder {
color : var ( --color-grey-1 ) ;
}
. findify-layouts--autocomplete--sidebar__header input : focus {
border-color : var ( --color-grey-3 ) ;
outline : none ;
}
. findify-layouts--autocomplete--sidebar__content {
overflow : hidden ;
overflow-y : auto ;
2021-10-23 10:30:38 +02:00
max-height : calc ( 100vh - 120px ) ;
2021-05-18 06:10:49 +02:00
}
. findify-layouts--autocomplete--sidebar__body-noscroll {
overflow : hidden ;
}
/* imported from styles.css */
. findify-components--rating-facet {
width : 100 % ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-orient : vertical ;
-webkit-box-direction : normal ;
-ms-flex-direction : column ;
flex-direction : column ;
}
. findify-components--rating-facet__item {
width : 100 % ;
border : 0 ;
background : transparent ;
outline : 0 ;
font-size : var ( --components-ratingfacet-item-font-size ) ;
border-radius : 0 ;
text-align : left ;
padding : var ( --components-ratingfacet-item-padding ) ;
height : auto ;
cursor : pointer ;
display : table ;
}
. findify-components--rating-facet__item > span {
display : table-cell ;
width : 100 % ;
}
. findify-components--rating-facet__item svg {
padding-right : 0 ;
vertical-align : -2px ;
}
. findify-components--rating-facet__item . findify-components--rating-facet__star {
color : var ( --color-yellow ) ;
}
. findify-components--rating-facet__item . findify-components--rating-facet__star . findify-components--rating-facet__unfilled {
color : var ( --color-grey-3 ) ;
}
. findify-components--rating-facet__item . findify-components--rating-facet__checkbox {
padding-right : 20px ;
}
. findify-components--rating-facet__range {
display : table ;
width : 1 % ;
padding-top : 10px ;
padding-left : 25px ;
}
. findify-components--rating-facet__input-wrap {
display : table-cell ;
position : relative ;
white-space : nowrap ;
}
. findify-components--rating-facet__input-wrap . react-numeric-input {
display : inline-block ;
}
. findify-components--rating-facet__input {
display : block ;
width : var ( --components-ratingfacet-input-width ) ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
height : var ( --components-ratingfacet-height ) ;
padding : 0 8px ;
padding-left : calc ( 8px + var ( --components-ratingfacet-input-indent ) ) ;
color : var ( --color-black ) ;
font-family : var ( --font-base ) ;
font-size : var ( --font-size-small ) ;
border : 1px solid var ( --color-grey-2 ) ;
-webkit-transition : border-color . 1s linear ;
transition : border-color . 1s linear ;
outline : none ;
}
. findify-components--rating-facet__input : placeholder {
color : var ( --color-grey-1 ) ;
}
. findify-components--rating-facet__input : focus {
border-color : var ( --color-grey-3 ) ;
}
. findify-components--rating-facet__currency {
display : inline-block ;
position : relative ;
font-size : var ( --components-ratingfacet-currency-font-size ) ;
left : 9px ;
width : 0 ;
}
. findify-components--rating-facet__submit {
display : table-cell ;
border : 0 ;
background : transparent ;
outline : 0 ;
font-size : var ( --components-ratingfacet-submit-font-size ) ;
border-radius : 0 ;
width : 100 % ;
height : var ( --components-ratingfacet-height ) ;
padding : 0 8px ;
cursor : pointer ;
-ms-flex-pack : distribute ;
justify-content : space-around ;
}
. findify-components--rating-facet__submit : hover ,
. findify-components--rating-facet__submit : focus {
text-decoration : underline ;
}
. findify-components--rating-facet__submit span {
font-size : var ( --font-size-large ) ;
}
. findify-components--rating-facet__divider {
display : table-cell ;
padding : 0 6px ;
width : 1 % ;
}
/* imported from styles.css */
. findify-layouts--zero-results__wrapper {
margin-bottom : 15px ;
}
. findify-layouts--zero-results__sorry {
margin-right : 8px ;
}
. findify-layouts--zero-results__suggestions-container {
margin-top : 28px ;
margin-bottom : 28px ;
}
/* imported from styles.css */
. findify-layouts--tabs {
text-align : center ;
margin : 10px 0 40px 0 ;
width : 100 % ;
}
. findify-layouts--tabs__item {
position : relative ;
margin-right : 10px ;
padding : 5px ;
font-size : 12px ;
text-transform : uppercase ;
cursor : pointer ;
color : var ( --color-grey-5 ) ;
}
. findify-layouts--tabs__item : last-child {
margin-right : 0 ;
}
. findify-layouts--tabs__item : disabled {
opacity : . 4 ;
pointer-events : none ;
cursor : default ;
}
. findify-layouts--tabs__item . findify-layouts--tabs__active {
pointer-events : none ;
color : var ( --color-black ) ;
cursor : default ;
}
. findify-layouts--tabs__item . findify-layouts--tabs__active : after {
content : ' ' ;
position : absolute ;
bottom : -2px ;
left : 50 % ;
margin-left : -20px ;
width : 40px ;
height : 2px ;
background : var ( --color-black ) ;
}
. findify-layouts--tabs__count {
display : inline-block ;
margin-left : 5px ;
border-radius : 5px / 5px ;
background : var ( --color-grey-2 ) ;
padding : 2px 4px ;
font-size : 8px ;
vertical-align : 1px ;
}
/* imported from styles.css */
/* imported from styles.css */
. findify-layouts--autocomplete--fullscreen-with-input {
padding : 15px 10px ;
background : white ;
position : fixed ;
left : 10px ;
right : 10px ;
z-index : 9999 ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
}
. findify-layouts--autocomplete--fullscreen-with-input__type-title {
margin-top : 0 ;
margin-bottom : 17px ;
color : var ( --color-grey-3 ) ;
font-size : var ( --font-size-small ) ;
line-height : var ( --font-size-small ) ;
font-weight : bold ;
text-transform : uppercase ;
font-family : var ( --font-base ) ;
}
. findify-layouts--autocomplete--fullscreen-with-input__suggestions-title {
padding : 0 27px ;
white-space : nowrap ;
}
. findify-layouts--autocomplete--fullscreen-with-input__trending-title {
font-style : italic ;
}
. findify-layouts--autocomplete--fullscreen-with-input__not-found ,
. findify-layouts--autocomplete--fullscreen-with-input__start-typing {
margin-top : 0 ;
color : var ( --color-grey-3 ) ;
font-size : var ( --font-size-small ) ;
line-height : var ( --font-size-small ) ;
padding-top : 25px ;
padding-bottom : 25px ;
margin-bottom : 0 ;
font-weight : bold ;
text-transform : uppercase ;
font-family : var ( --font-base ) ;
padding-left : 25px ;
}
. findify-layouts--autocomplete--fullscreen-with-input__tip {
-webkit-user-select : none ;
-moz-user-select : none ;
-ms-user-select : none ;
user-select : none ;
text-align : center ;
border-bottom : 1px solid # e2e2e2 ;
}
. findify-layouts--autocomplete--fullscreen-with-input__highlight {
color : # 404040 ;
}
. findify-layouts--autocomplete--fullscreen-with-input__container {
padding : 10px 0 ;
vertical-align : top ;
background : # fff ;
}
. findify-layouts--autocomplete--fullscreen-with-input__overlay {
position : fixed ;
top : 0 ;
left : 0 ;
width : 100vw ;
height : 100vh ;
z-index : 9998 ;
background : rgba ( 0 , 0 , 0 , . 3 ) ;
}
. findify-layouts--autocomplete--fullscreen-with-input__header {
position : relative ;
padding-bottom : 20px ;
}
. findify-layouts--autocomplete--fullscreen-with-input__header input {
width : 100 % ;
height : 50px ;
font-family : var ( --font-base ) ;
font-size : var ( --font-size-large ) ;
line-height : 50px ;
color : var ( --color-black ) ;
padding-left : 13px ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
border : 1px solid var ( --color-grey-2 ) ;
-webkit-transition : border-color . 1s linear ;
transition : border-color . 1s linear ;
outline : none ;
}
. findify-layouts--autocomplete--fullscreen-with-input__header input : placeholder {
color : var ( --color-grey-3 ) ;
}
. findify-layouts--autocomplete--fullscreen-with-input__header input : placeholder {
color : var ( --color-grey-1 ) ;
}
. findify-layouts--autocomplete--fullscreen-with-input__header input : focus {
border-color : var ( --color-grey-3 ) ;
outline : none ;
}
. findify-layouts--autocomplete--fullscreen-with-input__icon-divider {
height : 18px ;
width : 1px ;
background : var ( --color-grey-2 ) ;
display : inline-block ;
margin-left : 12px ;
margin-right : 12px ;
}
. findify-layouts--autocomplete--fullscreen-with-input__icons {
position : absolute ;
top : 0 ;
right : 0 ;
padding-right : 16px ;
margin-top : 15px ;
margin-bottom : 14px ;
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 ;
}
. findify-layouts--autocomplete--fullscreen-with-input__icons . findify-layouts--autocomplete--fullscreen-with-input__search-icon {
cursor : pointer ;
color : var ( --color-black ) ;
}
. findify-layouts--autocomplete--fullscreen-with-input__icons . findify-layouts--autocomplete--fullscreen-with-input__search-icon path {
fill : var ( --color-black ) ;
}
. findify-layouts--autocomplete--fullscreen-with-input__icons . findify-layouts--autocomplete--fullscreen-with-input__x-icon {
cursor : pointer ;
}
. findify-layouts--autocomplete--fullscreen-with-input__icons . findify-layouts--autocomplete--fullscreen-with-input__x-icon : hover ,
. findify-layouts--autocomplete--fullscreen-with-input__icons . findify-layouts--autocomplete--fullscreen-with-input__x-icon : focus {
color : red ;
}
/* imported from styles.css */
. findify-components-common--image {
width : 100 % ;
position : relative ;
overflow : hidden ;
}
. findify-components-common--image img {
display : block ;
width : 100 % ;
}
2021-06-02 06:42:57 +02:00
. findify-components-common--image . findify-components-common--image__next {
position : absolute ;
2021-06-08 07:31:48 +02:00
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
width : 100 % ;
height : 100 % ;
2021-06-02 06:42:57 +02:00
margin : auto ;
2021-06-08 07:31:48 +02:00
-o-object-fit : cover ;
object-fit : cover ;
2021-06-02 06:42:57 +02:00
}
2021-05-18 06:10:49 +02:00
. findify-components-common--image__aspect img {
width : auto ;
position : absolute ;
top : -9999px ;
right : -9999px ;
bottom : -9999px ;
left : -9999px ;
margin : auto ;
}
@ supports ( ( -o-object-fit : cover ) or ( object-fit : cover ) ) {
. findify-components-common--image__aspect img {
position : absolute ;
top : 0 ;
right : 0 ;
bottom : 0 ;
left : 0 ;
width : 100 % ;
height : 100 % ;
-o-object-fit : cover ;
object-fit : cover ;
}
}
2021-06-02 06:42:57 +02:00
. findify-components-common--image__image {
opacity : 0 ;
-webkit-transition : opacity . 3s ease-in-out ;
transition : opacity . 3s ease-in-out ;
-webkit-transition-delay : . 3s ;
transition-delay : . 3s ;
}
. findify-components-common--image__image : first-child {
opacity : 1 ;
}
[ data-element = 'card' ] : hover . findify-components-common--image__multiple . findify-components-common--image__image ,
[ data-element = 'card' ] : active . findify-components-common--image__multiple . findify-components-common--image__image ,
[ data-element = 'card' ] : focus . findify-components-common--image__multiple . findify-components-common--image__image {
opacity : 1 ;
}
[ data-element = 'card' ] : hover . findify-components-common--image__multiple . findify-components-common--image__image : first-child ,
[ data-element = 'card' ] : active . findify-components-common--image__multiple . findify-components-common--image__image : first-child ,
[ data-element = 'card' ] : focus . findify-components-common--image__multiple . findify-components-common--image__image : first-child {
opacity : 0 ;
}
2021-05-18 06:10:49 +02:00
. findify-components-common--image__thumbnail {
opacity : . 5 ;
-webkit-filter : blur ( 10px ) ;
filter : blur ( 10px ) ;
-webkit-transition : opacity . 1s ease-in ;
transition : opacity . 1s ease-in ;
z-index : 2 ;
}
. findify-components-common--image__ready . findify-components-common--image__thumbnail {
opacity : 0 ;
}
. findify-components-common--image__static . findify-components-common--image__thumbnail {
position : absolute ;
top : 0 ;
left : 0 ;
width : 100 % ;
}
/* imported from styles.css */
. findify-components-search--mobile-facets__modal {
width : 90vw ;
height : 100 % ;
background : white ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-orient : vertical ;
-webkit-box-direction : normal ;
-ms-flex-direction : column ;
flex-direction : column ;
}
. findify-components-search--mobile-facets__filter-count {
margin-left : 3px ;
}
. findify-components-search--mobile-facets__back-button {
height : 20px ;
}
. findify-components-search--mobile-facets__header {
height : 60px ;
padding : 0 15px ;
background : var ( --color-grey-1 ) ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-orient : horizontal ;
-webkit-box-direction : normal ;
-ms-flex-direction : row ;
flex-direction : row ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
-webkit-box-pack : justify ;
-ms-flex-pack : justify ;
justify-content : space-between ;
border-bottom : 1px solid var ( --color-grey-2 ) ;
}
. findify-components-search--mobile-facets__header > * {
position : relative ;
z-index : 2 ;
}
. findify-components-search--mobile-facets__body {
-webkit-box-flex : 1 ;
-ms-flex : 1 ;
flex : 1 ;
/* This is due to iOS 10 flexbox bug */
height : calc ( 100 % - 60px ) ;
overflow : hidden ;
overflow-y : auto ;
}
. findify-components-search--mobile-facets__footer {
height : 60px ;
padding : 0 15px ;
background : var ( --color-grey-5 ) ;
color : var ( --color-white ) ;
font-size : var ( --font-size-medium ) ;
text-transform : uppercase ;
}
. findify-components-search--mobile-facets__title {
position : absolute ;
left : 0 ;
right : 0 ;
top : 0 ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
height : 60px ;
-webkit-box-pack : center ;
-ms-flex-pack : center ;
justify-content : center ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
z-index : 1 ;
-webkit-user-select : none ;
-moz-user-select : none ;
-ms-user-select : none ;
user-select : none ;
}
. findify-components-search--mobile-facets__facet-title {
padding : 20px 17px ;
width : 100 % ;
border-top : 1px solid var ( --color-grey-2 ) ;
}
. findify-components-search--mobile-facets__facet-title : first-child {
border-top : 0 ;
}
. findify-components-search--mobile-facets__facet-title : last-child {
border-bottom : 1px solid var ( --color-grey-2 ) ;
}
. findify-components-search--mobile-facets__flex-fix {
width : 100 % ;
height : 100 % ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-align : center ;
-ms-flex-align : center ;
align-items : center ;
}
. findify-components-search--mobile-facets__selected-values {
padding-left : 16px ;
font-size : var ( --font-size-small ) ;
color : var ( --color-grey-4 ) ;
overflow : hidden ;
white-space : nowrap ;
text-overflow : ellipsis ;
line-height : 15px ;
}
. findify-components-search--mobile-facets__container {
padding : 17px ;
display : -webkit-box ;
display : -ms-flexbox ;
display : flex ;
height : 100 % ;
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
overflow : hidden ;
overflow-y : auto ;
}
. findify-components-search--mobile-facets__rating {
-webkit-box-orient : vertical ;
-webkit-box-direction : normal ;
-ms-flex-direction : column ;
flex-direction : column ;
}
. findify-components-search--mobile-facets__expand {
display : none ;
}
. findify-components-search--mobile-facets__expanded-list {
height : 100 % ;
}
. findify-components-search--mobile-facets__range {
width : 100 % ;
}
. findify-components-search--mobile-facets__facet-root {
width : 100 % ;
}
/* imported from styles.css */
. findify-layouts--autocomplete--dropdown {
background : white ;
position : absolute ;
z-index : 9999 ;
2021-09-26 08:54:33 +02:00
width : 860px ;
2021-05-22 07:54:02 +02:00
max-width : 100vw ;
2021-05-18 06:10:49 +02:00
-webkit-box-sizing : border-box ;
box-sizing : border-box ;
}
. findify-layouts--autocomplete--dropdown__wrapper {
position : relative ;
}
. findify-layouts--autocomplete--dropdown__overlay {
position : fixed ;
top : 0 ;
left : 0 ;
width : 100vw ;
height : 100vh ;
z-index : 9998 ;
background : rgba ( 0 , 0 , 0 , . 3 ) ;
}
. findify-layouts--autocomplete--dropdown__not-found ,
. findify-layouts--autocomplete--dropdown__start-typing {
margin-top : 0 ;
color : var ( --color-grey-3 ) ;
font-size : var ( --font-size-small ) ;
line-height : var ( --font-size-small ) ;
padding-top : 25px ;
padding-bottom : 25px ;
margin-bottom : 0 ;
font-weight : bold ;
text-transform : uppercase ;
font-family : var ( --font-base ) ;
padding-left : 25px ;
}
. findify-layouts--autocomplete--dropdown__highlight {
color : var ( --layouts-autocomplete-dropdown-highlight-highlight-color ) ;
}
. findify-layouts--autocomplete--dropdown__container {
2021-09-26 08:54:33 +02:00
margin-bottom : 32px ;
2021-05-18 06:10:49 +02:00
}
. findify-layouts--autocomplete--dropdown__fullscreen {
left : 0 ! important ;
right : 0 ! important ;
width : auto ! important ;
}
. findify-layouts--autocomplete--dropdown__fullscreen . findify-layouts--autocomplete--dropdown {
width : 100 % ;
}