/* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ /* CUSTOM MEDIA QUERIES Media query values can be changed to fit your own content. There are no magic bullets when it comes to media query width values. They should be declared in em units - and they should be set to meet the needs of your content. You can also add additional media queries, or remove some of the existing ones. These media queries can be referenced like so: @media (--breakpoint-not-small) { .medium-and-larger-specific-style { background-color: red; } } @media (--breakpoint-medium) { .medium-screen-specific-style { background-color: red; } } @media (--breakpoint-large) { .large-and-larger-screen-specific-style { background-color: red; } } */ /* Media Queries */ /* inside scope */ /* from breakpoint value, included */ /* >= 320px */ /* >= 576px */ /* >= 768px */ /* >= 992px */ /* >= 1200px */ /* >= 1492px */ /* inside scope strict */ /* from breakpoint value, excluded */ /* > 768px */ /* Overriding Tachyons */ /* stylelint-disable */ .input_inputContainer_1N1 { height: 49px; } /*Check if we need this behaviour :*/ /*.inputContainer:hover, .inputContainer:hover .input {*/ /*background-color: var(--light-gray);*/ /*}*/ .input_input_WHj { list-style-type: none; margin-left: 1.5rem; } .input_inputPlaceHolder_3B0::-webkit-input-placeholder { color: #9C9C9C; color: #9C9C9C; } .input_inputPlaceHolder_3B0::-moz-placeholder { color: #9C9C9C; color: #9C9C9C; } .input_inputPlaceHolder_3B0:-ms-input-placeholder { color: #9C9C9C; color: #9C9C9C; } .input_inputPlaceHolder_3B0::-ms-input-placeholder { color: #9C9C9C; color: #9C9C9C; } .input_inputPlaceHolder_3B0::placeholder { color: #9C9C9C; color: #9C9C9C; } .input_inputErrorPlaceHolder_DSR::-webkit-input-placeholder { color: #BF0000; color: #BF0000; } .input_inputErrorPlaceHolder_DSR::-moz-placeholder { color: #BF0000; color: #BF0000; } .input_inputErrorPlaceHolder_DSR:-ms-input-placeholder { color: #BF0000; color: #BF0000; } .input_inputErrorPlaceHolder_DSR::-ms-input-placeholder { color: #BF0000; color: #BF0000; } .input_inputErrorPlaceHolder_DSR::placeholder { color: #BF0000; color: #BF0000; } /* hide fake placeholder if real placeholder is present, for avoiding double content. */ .input_input_WHj:placeholder-shown + div { opacity: 0; } /* Fake placeholder */ .input_stickyPlaceholder_fIm { margin-left: 1.5rem; margin-top: 0.8rem; } .input_inputWithValue_3bM { margin-top: 2.2rem; height: auto; height: initial; } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ /* CUSTOM MEDIA QUERIES Media query values can be changed to fit your own content. There are no magic bullets when it comes to media query width values. They should be declared in em units - and they should be set to meet the needs of your content. You can also add additional media queries, or remove some of the existing ones. These media queries can be referenced like so: @media (--breakpoint-not-small) { .medium-and-larger-specific-style { background-color: red; } } @media (--breakpoint-medium) { .medium-screen-specific-style { background-color: red; } } @media (--breakpoint-large) { .large-and-larger-screen-specific-style { background-color: red; } } */ /* Media Queries */ /* inside scope */ /* from breakpoint value, included */ /* >= 320px */ /* >= 576px */ /* >= 768px */ /* >= 992px */ /* >= 1200px */ /* >= 1492px */ /* inside scope strict */ /* from breakpoint value, excluded */ /* > 768px */ /* Overriding Tachyons */ /* stylelint-disable */ .merchBanner_image_1ps { top: 0; max-height: 300px; } .merchBanner_button_BID { top: 70%; border-radius: 4px; border: 1px solid; } .merchBanner_pButton_1D_ { -webkit-transition: all 0.2s; transition: all 0.2s; line-height: 24px; min-width: 140px; } .merchBanner_containerImage_2zL { min-width: auto; } .description_bulletPoints_1wZ { display: inline; list-style: none; padding: 0; margin: 0; max-height: 19px; } .description_bulletPoints_1wZ li { margin-left: 0; display: inline-block; } .description_bulletPoints_1wZ li:nth-child(n+5) { display: none; } .description_bulletPoints_1wZ li:nth-of-type(n+2)::before { content: "- "; } .description_desktopCaption_boF { max-height: 16px; overflow: hidden; } .description_mobileCaption_3py { max-height: 32px; overflow: hidden; } .description_separator_109 { padding-right: 2px; padding-left: 2px; width: 8px; display: inline-block; } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ .marketPlace_nodeLabel_364{ margin-left: 5px; } .marketPlace_labeStikePrice_3Ju { line-height: 14px; } .marketPlace_labelSales_3qP{ width: 64px; padding: 2px 4px; border-radius: 4px 0 0 4px; } .marketPlace_labelSales_3qP span { line-height: 19px; } .marketPlace_labelPercent_2vs { width: 39px; padding: 1px 2px 1px 3px; } .marketPlace_labelPercentWithLable_158 { border-radius: 0 4px 4px 0; } .marketPlace_labelPercentWithOutLable_nEy { border-radius: 4px; } .marketPlace_labelPercent_2vs span { line-height: 19px; } .marketPlace_labelBestPrice_2LD { line-height: 19px; } .marketPlace_marginBetweenPrice_1x6 { margin-bottom: 2px; } .carouselProduct_nonAvailableImg_w_o { margin: auto; display: block !important; } .carouselProduct_cardProductContainer_3IK { border: 1px solid #D1D1D1; border-left: 0px; border-top: 0px; box-sizing: border-box; } .carouselProduct_cardProductContainer_3IK:hover { box-shadow: 0px 0px 8px rgba(0, 0, 0, .1); } .carouselProduct_marketplaceBottomCarrousel_1I_ { bottom: 0; margin-top: auto; } .image_nonAvailableImg_25b { margin: auto; display: block !important; } .image_noImg_2fk{ margin: auto; height: 170px; border: 1px solid #F0F0F0; border-radius: 3px; max-width: 170px; } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ /* CUSTOM MEDIA QUERIES Media query values can be changed to fit your own content. There are no magic bullets when it comes to media query width values. They should be declared in em units - and they should be set to meet the needs of your content. You can also add additional media queries, or remove some of the existing ones. These media queries can be referenced like so: @media (--breakpoint-not-small) { .medium-and-larger-specific-style { background-color: red; } } @media (--breakpoint-medium) { .medium-screen-specific-style { background-color: red; } } @media (--breakpoint-large) { .large-and-larger-screen-specific-style { background-color: red; } } */ /* Media Queries */ /* inside scope */ /* from breakpoint value, included */ /* >= 320px */ /* >= 576px */ /* >= 768px */ /* >= 992px */ /* >= 1200px */ /* >= 1492px */ /* inside scope strict */ /* from breakpoint value, excluded */ /* > 768px */ /* Overriding Tachyons */ /* stylelint-disable */ .titleModule_button_3SW { top: 70%; height: 40px; border-radius: 4px; border: 1px solid; } .titleModule_button_3SW p:hover { color: white; background-color: black; } .titleModule_pButton_yWG { -webkit-transition: all 0.2s; transition: all 0.2s; padding: 8px 24px; line-height: 24px; width: auto; min-width: 140px; } .Carousel_itemCard_4LV { width: auto !important; } .Carousel_itemsWrapper_2IA { overflow-x: visible !important; overflow-x: initial !important; border: 1px solid #D1D1D1; border-right: 0px; border-left: 0px; border-bottom: 0px; } .Carousel_itemsInnerWrapper_2wO{ display: -webkit-box; display: -webkit-flex; display: flex; max-width: 100%; } .Carousel_itemsInnerWrapper_2wO div:last-child a div{ border-right: 0px; } .Carousel_containerItemsMobile_36m{ border: 1px solid #D1D1D1; border-right: 0px; border-bottom: 0px; } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ /* CUSTOM MEDIA QUERIES Media query values can be changed to fit your own content. There are no magic bullets when it comes to media query width values. They should be declared in em units - and they should be set to meet the needs of your content. You can also add additional media queries, or remove some of the existing ones. These media queries can be referenced like so: @media (--breakpoint-not-small) { .medium-and-larger-specific-style { background-color: red; } } @media (--breakpoint-medium) { .medium-screen-specific-style { background-color: red; } } @media (--breakpoint-large) { .large-and-larger-screen-specific-style { background-color: red; } } */ /* Media Queries */ /* inside scope */ /* from breakpoint value, included */ /* >= 320px */ /* >= 576px */ /* >= 768px */ /* >= 992px */ /* >= 1200px */ /* >= 1492px */ /* inside scope strict */ /* from breakpoint value, excluded */ /* > 768px */ /* Overriding Tachyons */ /* stylelint-disable */ .jahiaContentModule_borderColor_i5l { border-color: #D1D1D1; border-color: #D1D1D1; } /* CUSTOM MEDIA QUERIES Media query values can be changed to fit your own content. There are no magic bullets when it comes to media query width values. They should be declared in em units - and they should be set to meet the needs of your content. You can also add additional media queries, or remove some of the existing ones. These media queries can be referenced like so: @media (--breakpoint-not-small) { .medium-and-larger-specific-style { background-color: red; } } @media (--breakpoint-medium) { .medium-screen-specific-style { background-color: red; } } @media (--breakpoint-large) { .large-and-larger-screen-specific-style { background-color: red; } } */ /* Media Queries */ /* inside scope */ /* from breakpoint value, included */ /* >= 320px */ /* >= 576px */ /* >= 768px */ /* >= 992px */ /* >= 1200px */ /* >= 1492px */ /* inside scope strict */ /* from breakpoint value, excluded */ /* > 768px */ /* Overriding Tachyons */ /* stylelint-disable */ .priceFilter_dash_1gg { width: 1rem; min-width: 1rem; } .priceFilter_validateBtn_1Mx { width: 40px; height: 39px; } .priceFilter_input_249 { width: 0; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto; } .priceFilter_inputSize_3ut { height: auto; } @media screen and (min-width: 36em) { .priceFilter_inputSize_3ut { height: 38px; line-height: 22px; } } input[type='number'] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ /* CUSTOM MEDIA QUERIES Media query values can be changed to fit your own content. There are no magic bullets when it comes to media query width values. They should be declared in em units - and they should be set to meet the needs of your content. You can also add additional media queries, or remove some of the existing ones. These media queries can be referenced like so: @media (--breakpoint-not-small) { .medium-and-larger-specific-style { background-color: red; } } @media (--breakpoint-medium) { .medium-screen-specific-style { background-color: red; } } @media (--breakpoint-large) { .large-and-larger-screen-specific-style { background-color: red; } } */ /* Media Queries */ /* inside scope */ /* from breakpoint value, included */ /* >= 320px */ /* >= 576px */ /* >= 768px */ /* >= 992px */ /* >= 1200px */ /* >= 1492px */ /* inside scope strict */ /* from breakpoint value, excluded */ /* > 768px */ /* Overriding Tachyons */ /* stylelint-disable */ .Checkbox_checkmark_3ra { border-radius: 0.3rem; height: 100%; } .Checkbox_checkmark_3ra::after { content: ""; position: absolute; display: none; } .Checkbox_container_2PB input:checked ~ .Checkbox_checkmark_3ra { background: black; } .Checkbox_container_2PB input:checked ~ .Checkbox_checkmark_3ra:after { display: block; } .Checkbox_container_2PB .Checkbox_checkmark_3ra:after { left: -webkit-calc(50% - 0.3rem); left: calc(50% - 0.3rem); top: -webkit-calc(50% - 0.7rem); top: calc(50% - 0.7rem); width: 0.5rem; height: 0.8rem; border: 1px solid white; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .Checkbox_disableUniverseStyle_11_ { color: #D1D1D1; color: #D1D1D1; pointer-events: none; } .Checkbox_container_2PB { line-height: 2rem; height: 1.5rem; width: 1.5rem; } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ .filterCheckbox_checkbox_1Md { width: 1.3rem; height: 1.3rem; } .filterCheckbox_label_2au { line-height: 19px; } /* height 240 for 10 element LIMIT_LIST_MAX */ .filterCheckbox_ul_11M { max-height: 240px; } .filterCheckbox_content_2Si { display: contents !important; } .filterCheckbox_notShow_32F{ display : none; } .filter_filter_UUG { overflow: visible; } .filter_label_8Db{ line-height: 19px; } .filter_notShow_3zs{ display: none; } .paginationSDT_link_1Pt { margin: 0 10px; } /* CUSTOM MEDIA QUERIES Media query values can be changed to fit your own content. There are no magic bullets when it comes to media query width values. They should be declared in em units - and they should be set to meet the needs of your content. You can also add additional media queries, or remove some of the existing ones. These media queries can be referenced like so: @media (--breakpoint-not-small) { .medium-and-larger-specific-style { background-color: red; } } @media (--breakpoint-medium) { .medium-screen-specific-style { background-color: red; } } @media (--breakpoint-large) { .large-and-larger-screen-specific-style { background-color: red; } } */ /* Media Queries */ /* inside scope */ /* from breakpoint value, included */ /* >= 320px */ /* >= 576px */ /* >= 768px */ /* >= 992px */ /* >= 1200px */ /* >= 1492px */ /* inside scope strict */ /* from breakpoint value, excluded */ /* > 768px */ /* Overriding Tachyons */ /* stylelint-disable */ /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ /* CUSTOM MEDIA QUERIES Media query values can be changed to fit your own content. There are no magic bullets when it comes to media query width values. They should be declared in em units - and they should be set to meet the needs of your content. You can also add additional media queries, or remove some of the existing ones. These media queries can be referenced like so: @media (--breakpoint-not-small) { .medium-and-larger-specific-style { background-color: red; } } @media (--breakpoint-medium) { .medium-screen-specific-style { background-color: red; } } @media (--breakpoint-large) { .large-and-larger-screen-specific-style { background-color: red; } } */ /* Media Queries */ /* inside scope */ /* from breakpoint value, included */ /* >= 320px */ /* >= 576px */ /* >= 768px */ /* >= 992px */ /* >= 1200px */ /* >= 1492px */ /* inside scope strict */ /* from breakpoint value, excluded */ /* > 768px */ /* Overriding Tachyons */ /* stylelint-disable */ .boxChoice_label_3ST { color: #4D4D4D; color: #4D4D4D; } .boxChoice_open_1MS { box-shadow: 0 0 0.5px 0 #b2b2b2; } .boxChoice_subject_58V { top: auto; left: 0; right: 0; box-shadow: 0 2px 4px 0 #b2b2b2; } /* modal common */ .modal_modal__overlay_3T8 { background-color: rgba(0, 0, 0, .6); } .modal_modal_1Ne { width: 650px; } @media all and (max-width: 992px) { .modal_modal_1Ne { width: 100%; } } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ /* CUSTOM MEDIA QUERIES Media query values can be changed to fit your own content. There are no magic bullets when it comes to media query width values. They should be declared in em units - and they should be set to meet the needs of your content. You can also add additional media queries, or remove some of the existing ones. These media queries can be referenced like so: @media (--breakpoint-not-small) { .medium-and-larger-specific-style { background-color: red; } } @media (--breakpoint-medium) { .medium-screen-specific-style { background-color: red; } } @media (--breakpoint-large) { .large-and-larger-screen-specific-style { background-color: red; } } */ /* Media Queries */ /* inside scope */ /* from breakpoint value, included */ /* >= 320px */ /* >= 576px */ /* >= 768px */ /* >= 992px */ /* >= 1200px */ /* >= 1492px */ /* inside scope strict */ /* from breakpoint value, excluded */ /* > 768px */ /* Overriding Tachyons */ /* stylelint-disable */ .displayResultsToolbar_toolBarSelect_3V9 { width: 100%; max-width: 236px; } .displayResultsToolbar_borderColor_3iV { border-color: #D1D1D1; border-color: #D1D1D1; } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ .tag_categoryLabelColor_1jR { color: #F7F7F7; color: #F7F7F7; } .tag_label_2SP { line-height: 1.5rem; } .tag_closeIcon_1p9 { width: 15px; fill-opacity: 0.6; cursor: pointer; } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ /* CUSTOM MEDIA QUERIES Media query values can be changed to fit your own content. There are no magic bullets when it comes to media query width values. They should be declared in em units - and they should be set to meet the needs of your content. You can also add additional media queries, or remove some of the existing ones. These media queries can be referenced like so: @media (--breakpoint-not-small) { .medium-and-larger-specific-style { background-color: red; } } @media (--breakpoint-medium) { .medium-screen-specific-style { background-color: red; } } @media (--breakpoint-large) { .large-and-larger-screen-specific-style { background-color: red; } } */ /* Media Queries */ /* inside scope */ /* from breakpoint value, included */ /* >= 320px */ /* >= 576px */ /* >= 768px */ /* >= 992px */ /* >= 1200px */ /* >= 1492px */ /* inside scope strict */ /* from breakpoint value, excluded */ /* > 768px */ /* Overriding Tachyons */ /* stylelint-disable */ .filterSelection_label_3hN { min-width: 14rem; } .filterSelection_remove_2j- { border-left: 2px solid #f0f0f0; } .filterSelection_borderColor_3WK { border-color: #D1D1D1; border-color: #D1D1D1; } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ /* CUSTOM MEDIA QUERIES Media query values can be changed to fit your own content. There are no magic bullets when it comes to media query width values. They should be declared in em units - and they should be set to meet the needs of your content. You can also add additional media queries, or remove some of the existing ones. These media queries can be referenced like so: @media (--breakpoint-not-small) { .medium-and-larger-specific-style { background-color: red; } } @media (--breakpoint-medium) { .medium-screen-specific-style { background-color: red; } } @media (--breakpoint-large) { .large-and-larger-screen-specific-style { background-color: red; } } */ /* Media Queries */ /* inside scope */ /* from breakpoint value, included */ /* >= 320px */ /* >= 576px */ /* >= 768px */ /* >= 992px */ /* >= 1200px */ /* >= 1492px */ /* inside scope strict */ /* from breakpoint value, excluded */ /* > 768px */ /* Overriding Tachyons */ /* stylelint-disable */ .productList_borderColor_2W- { border-color: #D1D1D1; border-color: #D1D1D1; } .productList_layoutImg_1A_ { -webkit-box-flex: 1; -webkit-flex: 1 50%; flex: 1 50%; } .productList_layoutImgCard_2MP { min-width: 250px; } .productList_layoutImgGrid_2nA { height: 250px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } .productList_layoutImgMob_uDs { width: 120px; } .productList_layoutProductCtn_3YJ { border-bottom: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; } .productList_layoutContent_NC_ { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 100%; flex: 1 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .productList_favoriteCtn_1Ju { border-radius: 50%; width: 30px; height: 30px; position: absolute; right: 0; } .productList_sponsoredAds_3cU { line-height: 1.6rem; } .description_bulletPoints_Vnz { display: inline; list-style: none; padding: 0; margin: 0; max-height: 19px; } .description_bulletPoints_Vnz li { margin-left: 0; display: inline-block; } .description_bulletPoints_Vnz li:nth-child(n+5) { display: none; } .description_bulletPoints_Vnz li:nth-of-type(n+2)::before { content: "- "; } .description_caption_3J5 { max-height: 16px; overflow: hidden; } .description_desktopCaption_23r { max-height: 16px; overflow: hidden; } .description_mobileCaption_2eB { overflow: hidden; } .description_separator_-0R { padding-right: 2px; padding-left: 2px; width: 8px; display: inline-block; } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ .seller_status_1L3 { bottom: 1px; } .seller_productIcon_1Qk { line-height: 2rem; padding: 0 0.8rem; color: #4D4D4D; color: #4D4D4D; } .spinner_centeringLoader_2hq { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .spinner_setCtnSpinner_Ayg { margin: 20px; width: 100%; } .collapsible_panelCollapse_2lL { overflow: hidden; -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; } .inlineCollapsible_panelCollapse_15M { overflow: hidden; -webkit-transition: height 0.3s ease-out; transition: height 0.3s ease-out; } .inlineCollapsible_panelCollapse_15M br { font-size: 0; } .inlineCollapsible_container_qBT { position: relative; } .inlineCollapsible_seeMore_3ad { position: absolute; padding-bottom: 1px; bottom: 0px; right: 0; } .inlineCollapsible_seeMoreGradient_2cc { padding-left: 70px; background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(60%, rgba(255,255,255,1))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%); } .inlineCollapsible_seeLess_3D_ { display: inline-block; padding-left: 5px; } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ /* CUSTOM MEDIA QUERIES Media query values can be changed to fit your own content. There are no magic bullets when it comes to media query width values. They should be declared in em units - and they should be set to meet the needs of your content. You can also add additional media queries, or remove some of the existing ones. These media queries can be referenced like so: @media (--breakpoint-not-small) { .medium-and-larger-specific-style { background-color: red; } } @media (--breakpoint-medium) { .medium-screen-specific-style { background-color: red; } } @media (--breakpoint-large) { .large-and-larger-screen-specific-style { background-color: red; } } */ /* Media Queries */ /* inside scope */ /* from breakpoint value, included */ /* >= 320px */ /* >= 576px */ /* >= 768px */ /* >= 992px */ /* >= 1200px */ /* >= 1492px */ /* inside scope strict */ /* from breakpoint value, excluded */ /* > 768px */ /* Overriding Tachyons */ /* stylelint-disable */ .sdtText_imgCtn_2lr { width: 40px; height: 40px; margin-right: 15px; margin-left: 7px; } .sdtText_imgCtnMob_RNQ { width: 70px; height: 70px; } .sdtText_para_SE8 a { color: #000; color: #000; } .sdtText_sdtA_eO1 { cursor: default; } .sdtText_sdtButton_2NM { text-decoration: underline; color: black; cursor: pointer; padding-left: 5px; } .sdtText_sdtMobileContent_29B { margin-left: 8px; margin-right: 8px; line-height: 14px; } .sdtText_sdtContent_1uH { line-height: 14px; } .sdtText_sdtContent_1uH br { line-height: 0px; } .universes_chevronPositioning_17n { width: 15px; height: 19px; left: -3px; padding-top: 2px; } .titlePage_title_VRS { font-size: 2em; margin: 0.67em 0 5px 0; } .titlePage_inline_2Mz { font-size: 24px; line-height: 33px; } .titlePage_subTitle_rmt { font-size: 14px; display: inline-block; } .titlePage_keyword_1f0{ font-weight: bold; } .titlePage_inline_2Mz::first-letter { text-transform: uppercase; } .titlePage_specFont_2rO { font-weight: 300; } .breadCrumb_label_1-d { line-height: 1.4rem; } .topSearch_tags_tbF { -webkit-overflow-scrolling: touch; padding:14px 0px 20px 0; } .topSearch_tag_item_2Oo { border: 1px solid #ddd; border-radius: 25px; margin: 0px 8px 0px 0px; padding: 8px 16px; } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ /* CUSTOM MEDIA QUERIES Media query values can be changed to fit your own content. There are no magic bullets when it comes to media query width values. They should be declared in em units - and they should be set to meet the needs of your content. You can also add additional media queries, or remove some of the existing ones. These media queries can be referenced like so: @media (--breakpoint-not-small) { .medium-and-larger-specific-style { background-color: red; } } @media (--breakpoint-medium) { .medium-screen-specific-style { background-color: red; } } @media (--breakpoint-large) { .large-and-larger-screen-specific-style { background-color: red; } } */ /* Media Queries */ /* inside scope */ /* from breakpoint value, included */ /* >= 320px */ /* >= 576px */ /* >= 768px */ /* >= 992px */ /* >= 1200px */ /* >= 1492px */ /* inside scope strict */ /* from breakpoint value, excluded */ /* > 768px */ /* Overriding Tachyons */ /* stylelint-disable */ .sellerShop_seller_2jR { background-color: #FFFFFF; background-color: #FFFFFF; border-color: #D1D1D1; border-color: #D1D1D1; } .sellerShop_storeName_3Ao { color: #4D4D4D; color: #4D4D4D; } .sellerShop_infoStore_1ZD { background: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com --%3E %3Ctitle%3EF11969E3-6F25-4019-9D06-284014A219ED%3C/title%3E %3Cdesc%3ECreated with sketchtool.%3C/desc%3E %3Cg id='Résultats-de-recherche' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='04.-1920---Recherche-boutique' transform='translate(-456.000000, -253.000000)' fill='%23BF0000'%3E %3Cg id='Notif-boutique-pro' transform='translate(440.000000, 226.000000)'%3E %3Cg id='ic_shop' transform='translate(16.000000, 27.000000)'%3E %3Cpath d='M20.3076923,10.56 C21.2686154,10.55904 22.068,9.792 22.1473846,8.79744 L19.668,1.92 L4.332,1.92 L1.85261538,8.79744 C1.93384615,9.82272 2.77938462,10.59936 3.768,10.55712 C4.75661538,10.51488 5.53753846,9.66912 5.53846154,8.64 L7.38461538,8.64 C7.38461538,9.69984 8.21169231,10.56 9.23076923,10.56 C10.2498462,10.56 11.0769231,9.69984 11.0769231,8.64 L12.9230769,8.64 C12.9230769,9.69984 13.7501538,10.56 14.7692308,10.56 C15.7883077,10.56 16.6153846,9.69984 16.6153846,8.64 L18.4615385,8.64 C18.4624615,9.69984 19.2886154,10.55904 20.3076923,10.56 L20.3076923,10.56 Z M20.9473846,0 L24,8.46528 L24,8.64 C23.9944615,10.38528 22.8572308,11.90784 21.2307692,12.34272 L21.2307692,22.08 C21.2307692,23.13984 20.4036923,24 19.3846154,24 L17.5384615,24 L17.5384615,22.08 L19.3846154,22.08 L19.3846154,12.3456 C18.6710769,12.15648 18.0276923,11.74944 17.5384615,11.17824 C16.8378462,12.00576 15.8289231,12.48 14.7692308,12.48 C13.7095385,12.48 12.7006154,12.00576 12,11.17824 C11.2993846,12.00576 10.2904615,12.48 9.23076923,12.48 C8.17107692,12.48 7.16215385,12.00576 6.46153846,11.17824 C5.97230769,11.74944 5.32892308,12.15648 4.61538462,12.3456 L4.61538462,22.08 L6.46153846,22.08 L6.46153846,24 L4.61538462,24 C3.59630769,24 2.76923077,23.13984 2.76923077,22.08 L2.76923077,12.34272 C1.14276923,11.90784 0.00553846154,10.38528 0,8.64 L0,8.46528 L3.05261538,0 L20.9473846,0 Z M13.8461538,22.08 L10.1538462,22.08 L10.1538462,18.24 C10.1538462,17.18016 10.9809231,16.32 12,16.32 C13.0190769,16.32 13.8461538,17.18016 13.8461538,18.24 L13.8461538,22.08 Z M12,14.4 C9.96092308,14.4 8.30769231,16.11936 8.30769231,18.24 L8.30769231,24 L15.6923077,24 L15.6923077,18.24 C15.6923077,16.11936 14.0390769,14.4 12,14.4 L12,14.4 Z'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") no-repeat; background-position: 16px 50%; } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ /* CUSTOM MEDIA QUERIES Media query values can be changed to fit your own content. There are no magic bullets when it comes to media query width values. They should be declared in em units - and they should be set to meet the needs of your content. You can also add additional media queries, or remove some of the existing ones. These media queries can be referenced like so: @media (--breakpoint-not-small) { .medium-and-larger-specific-style { background-color: red; } } @media (--breakpoint-medium) { .medium-screen-specific-style { background-color: red; } } @media (--breakpoint-large) { .large-and-larger-screen-specific-style { background-color: red; } } */ /* Media Queries */ /* inside scope */ /* from breakpoint value, included */ /* >= 320px */ /* >= 576px */ /* >= 768px */ /* >= 992px */ /* >= 1200px */ /* >= 1492px */ /* inside scope strict */ /* from breakpoint value, excluded */ /* > 768px */ /* Overriding Tachyons */ /* stylelint-disable */ .desktopNavAndSearch_searchClo_ufk { -webkit-flex-basis: 0; flex-basis: 0; } .desktopNavAndSearch_borderColor_2eg { border-color: #D1D1D1; border-color: #D1D1D1; } /* size for ad banner 0 < width < 1040 = 0 1040 <= width < 1200 = 160 1200 <= width = 300 */ .desktopNavAndSearch_criteo300600_2C6 { display: block; width: 300px; height: 600px; } .desktopNavAndSearch_criteo160600_2W9 { display: none; width: 160px; height: 600px; } .desktopNavAndSearch_filterSideBar_1Sv { -webkit-box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-basis: 230px; flex-basis: 230px; max-width: 230px; } .desktopNavAndSearch_adMegapaveSticky_3be { -webkit-box-flex: 0; -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-flex-basis: 300px; flex-basis: 300px; max-width: 300px; padding: 0; margin: 0 0 0 0; -webkit-box-ordinal-group: 3; -webkit-order: 2; order: 2; } .desktopNavAndSearch_megapaveAdSmall_sOD { display: none; } @media screen and (max-width: 1040px) { /* wide minus min banner size */ .desktopNavAndSearch_adMegapaveSticky_3be { display: none; } .desktopNavAndSearch_criteo300600_2C6 { display: none; } .desktopNavAndSearch_criteo160600_2W9 { display: none; } .desktopNavAndSearch_searchCloContainer_1cD { border-right: 0; } } @media screen and (max-width: 1200px) { /* wide */ .desktopNavAndSearch_megapaveAdSmall_sOD { display: block; } .desktopNavAndSearch_megaveAds_3R2 { display: none; } .desktopNavAndSearch_adMegapaveSticky_3be { -webkit-flex-basis: 160px; flex-basis: 160px; max-width: 160px; } .desktopNavAndSearch_criteo300600_2C6 { display: none; } .desktopNavAndSearch_criteo160600_2W9 { display: block; } } .kelkoo_product_bnS { width: 230px; height: 120px; } .kelkoo_container_2zb { height: 265px; /* height of 2 rows */ overflow: hidden; } .PaginationDesktop_listItem_Itl { margin-top: 5px; width: 38px; height: 38px; margin-left: 1px; margin-right: 1px; color: #929292; } .PaginationDesktop_active_1Uq { border-bottom-style: solid; border-bottom-width: 2px; color: black; } .PaginationDesktop_listItemHover_2tV:hover { color: black; font-weight: bold; border-bottom-style: solid; border-bottom-width: 2px; } .PaginationDesktop_list_3NI { width: 586px; } .PaginationDesktop_list_3NI li:first-child { margin-right: auto; } .PaginationDesktop_list_3NI li:last-child { margin-left: auto; } .button_button_3gA { height: 49px; width: 151px; min-width: 128px; } .button_disabled_25J { visibility: hidden; } .button_hideOnPhone_2QY{} .button_nextButtonLabel_3Uo { text-align: right; } @media screen and (max-width: 320px) { .button_hideOnPhone_2QY { display: none !important; } .button_button_3gA { width: 110px; text-align: center; } .button_nextButtonLabel_3Uo { text-align: center; } } .PaginationMobile_setMaxWidth_2I6 { max-width: 350px; margin-left: auto; margin-right: auto; } .cartridge_expandable_3RC { position: relative; cursor: pointer; } .cartridge_expandButton_2w- { position: absolute; top: 0; right: 0; display: block; height: 16px; width: 16px; } .cartridge_hide_8NU { display: none; } .topFilterList_topFilters_aMg { padding: 16px 0 0 8px; border-top: solid #EBEBEB 1px; } .topFilterList_section_3Vw { padding-bottom: 16px; } .topFilterList_section_3Vw .topFilterList_title_2Fd { font-family: OpenSans, sans-serif; font-style: normal; font-weight: bold; font-size: 1.4rem; line-height: 19px; color: #4a4a4a; } .topFilterList_section_3Vw .topFilterList_topFilterDiv_1K5 { padding-left: 16px; padding-top: 8px; } .topFilterList_section_3Vw .topFilterList_topFilterDiv_1K5 .topFilterList_topFilter_3pm { font-family: OpenSans, sans-serif; font-style: normal; text-decoration: none; font-weight: normal; font-size: 1.4rem; line-height: 19px; color: #4a4a4a; } .linksMediaCommerce_container_1lF { margin: 0 8px; } .linksMediaCommerce_lmc_2Ee{ -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; } grid_row_{ height: auto; -webkit-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: flex; box-sizing: content-box; } .linksMediaCommerce_link_1Qg{ text-decoration: none; color: #4D4D4D; font-style: normal; font-weight: 600; font-size: 14px; line-height: 19px; } .linksMediaCommerce_content_gZ1{ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; cursor : pointer; padding-left: 16px; background: #FFFFFF; width:100%; border-bottom: 1px solid #D1D1D1; } .linksMediaCommerce_label_3da{ max-height: 35px; margin: 24px auto 24px 16px; } .linksMediaCommerce_arrow_svg_3Sm{ margin: 27px 28px 24px auto; } .linksMediaCommerce_picto_svg_2uT{ min-width: 36px; max-width: 36px; } .linksMediaCommerce_border_G3U{ width: 100%; padding: 24px 0 ; border-bottom: 1px solid #D1D1D1; } /*Mobile*/ .linksMediaCommerce_label_mob_Xog{ margin: 24px auto 24px 16px; } .linksMediaCommerce_arrow_svg_mob_3Ht{ margin: 35px 28px 35px auto; max-width: 16px; min-width: 16px; } .linksMediaCommerce_picto_svg_mob_16C{ min-width: 33px; max-width: 33px; } .anticipatedNav_container_1ts div[class*="anticipated-nav-image-left"] { float: left; margin: 8px 32px 8px 0; } .anticipatedNav_container_1ts div[class*="anticipated-nav-image-right"] { float: right; margin: 8px 0 8px 32px; } .anticipatedNav_container_1ts p { font-size: 14px; line-height: 19px; color: #9c9c9c; min-height: 16px; } .anticipatedNav_container_1ts h2 { font-weight: bold; font-size: 24px; line-height: 33px; color: #4d4d4d; margin: 24px 0 16px; } .anticipatedNav_container_1ts img { display: block; margin: auto; } .anticipatedNav_container_1ts.anticipatedNav_mobile_2t2 div, .anticipatedNav_container_1ts.anticipatedNav_mobile_2t2 img { float: none; float: initial; margin: 24px auto; display: block; } .anticipatedNav_container_1ts.anticipatedNav_mobile_2t2 h2 { font-size: 18px; line-height: 25px; margin: 24px 0 8px; } .anticipatedNav_container_1ts.anticipatedNav_mobile_2t2 p { font-size: 14px; line-height: 19px; } .anticipatedNav_container_1ts li { color: #9c9c9c; margin: 15px 0; font-size: 14px; line-height: 1.9rem; } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ /* CUSTOM MEDIA QUERIES Media query values can be changed to fit your own content. There are no magic bullets when it comes to media query width values. They should be declared in em units - and they should be set to meet the needs of your content. You can also add additional media queries, or remove some of the existing ones. These media queries can be referenced like so: @media (--breakpoint-not-small) { .medium-and-larger-specific-style { background-color: red; } } @media (--breakpoint-medium) { .medium-screen-specific-style { background-color: red; } } @media (--breakpoint-large) { .large-and-larger-screen-specific-style { background-color: red; } } */ /* Media Queries */ /* inside scope */ /* from breakpoint value, included */ /* >= 320px */ /* >= 576px */ /* >= 768px */ /* >= 992px */ /* >= 1200px */ /* >= 1492px */ /* inside scope strict */ /* from breakpoint value, excluded */ /* > 768px */ /* Overriding Tachyons */ /* stylelint-disable */ .clickableElement_buttonColor_zkg { color: #4D4D4D; color: #4D4D4D; } .clickableElement_chevronContainer_1Bi { width: 1.5rem; height: 1.5rem; right: 0.5rem; top: 2.1rem; } .clickableElement_selectionSpotlight_2qG { color: black; } .clickableElement_selectionPadding_2sl { padding-top: 12px; padding-bottom: 12px; } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ .checkboxSelector_checkbox_33K { top: 2.1rem; left: 1rem; } .checkboxSelector_container_gku { line-height: 2rem; } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ .linkCheckbox_checkbox_28A { top: 2.1rem; left: 1rem; } .linkCheckbox_container_2v4 { line-height: 2rem; } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ .selectionItem_container_bEY { line-height: 2rem; } .selectionItem_checkmark_1ZR { top: 21px; left: 10px; height: 1.6rem; width: 1.6rem; border-radius: 0.3rem; } .selectionItem_disableUniverseStyle_3K_ .selectionItem_checkmark_1ZR { border: 1px solid #EBEBEB; border: 1px solid #EBEBEB; } .selectionItem_checkmark_1ZR::after { content: ""; position: absolute; display: none; } .selectionItem_container_bEY .selectionItem_checkmark_1ZR::after { left: 4px; top: 1px; width: 0.5rem; height: 0.8rem; border: 1px solid #000000; border: 1px solid #000000; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .selectionItem_container_bEY input:checked ~ .selectionItem_checkmark_1ZR::after { display: block; } .selectionItem_disableUniverseStyle_3K_ { color: #D1D1D1; color: #D1D1D1; pointer-events: none; } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ .selectionHeader_categoriesNavChevron_eXT { left: 5px; opacity: 0.7; } .buttonApply_shadowing_334 { box-shadow: inset 0 1px 0 0 #ddd, 0 -1px 4px 0 rgba(74, 74, 74, .2); } .buttonApply_slideUpButton-enter_3W4 { bottom: -100%; -webkit-transition: bottom 500ms ease; transition: bottom 500ms ease; } .buttonApply_slideUpButton-enter-active_Abo { bottom: 0%; } .buttonApply_slideUpButton-leave_3EO { bottom: 0%; } .buttonApply_slideUpButton-leave-active_3iw { bottom: -100%; -webkit-transition: bottom 300ms ease; transition: bottom 300ms ease; } /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ /* CUSTOM MEDIA QUERIES Media query values can be changed to fit your own content. There are no magic bullets when it comes to media query width values. They should be declared in em units - and they should be set to meet the needs of your content. You can also add additional media queries, or remove some of the existing ones. These media queries can be referenced like so: @media (--breakpoint-not-small) { .medium-and-larger-specific-style { background-color: red; } } @media (--breakpoint-medium) { .medium-screen-specific-style { background-color: red; } } @media (--breakpoint-large) { .large-and-larger-screen-specific-style { background-color: red; } } */ /* Media Queries */ /* inside scope */ /* from breakpoint value, included */ /* >= 320px */ /* >= 576px */ /* >= 768px */ /* >= 992px */ /* >= 1200px */ /* >= 1492px */ /* inside scope strict */ /* from breakpoint value, excluded */ /* > 768px */ /* Overriding Tachyons */ /* stylelint-disable */ .filteringInterfaceMob_defaultStyleScreen_N6j { background-color: #EBEBEB; background-color: #EBEBEB; } .filteringInterfaceMob_text_1tm { color: #4D4D4D; color: #4D4D4D; } .filteringInterfaceMob_shadowing_2Lp { box-shadow: inset 0 1px 0 0 #ddd, 0 -1px 4px 0 rgba(74, 74, 74, .2); } .filteringInterfaceMob_rootAnimation_1yO { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; flex: 0 0 100%; margin-left: 0; } .filteringInterfaceMob_closeIconContainer_1w3 { width: 2rem; } .filteringInterfaceMob_filterPrice_3Ka { margin-top: 6rem; } /* CUSTOM MEDIA QUERIES Media query values can be changed to fit your own content. There are no magic bullets when it comes to media query width values. They should be declared in em units - and they should be set to meet the needs of your content. You can also add additional media queries, or remove some of the existing ones. These media queries can be referenced like so: @media (--breakpoint-not-small) { .medium-and-larger-specific-style { background-color: red; } } @media (--breakpoint-medium) { .medium-screen-specific-style { background-color: red; } } @media (--breakpoint-large) { .large-and-larger-screen-specific-style { background-color: red; } } */ /* Media Queries */ /* inside scope */ /* from breakpoint value, included */ /* >= 320px */ /* >= 576px */ /* >= 768px */ /* >= 992px */ /* >= 1200px */ /* >= 1492px */ /* inside scope strict */ /* from breakpoint value, excluded */ /* > 768px */ /* Overriding Tachyons */ /* stylelint-disable */ /* Tachyons COLOR VARIABLES Grayscale - Solids - Transparencies Colors */ /* Here is simple purposal for change/hack default value from tachyons. */ :root { /*GRAY GRADIENT*/ /*RED GRADIENT*/ /*ORANGE GRADIENT*/ /*YELLOW GRADIENT*/ /*GREEN GRADIENT*/ /*LIGHT BLUE GRADIENT*/ /*BLUE GRADIENT*/ /*PURPLE GRADIENT*/ /*PINK GRADIENT*/ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ /* orange hover (button secondary) */ /* Point club - Rakuten color */ /* icons */ /* This var is not use by tachyons */ /* Used in alerts */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ _______ .__ __. _______ _______ _______ .______ .______ _______ ______ ___ .___________. _______ _______ | ____|| \ | | | \ | \ | ____|| _ \ | _ \ | ____| / | / \ | || ____|| \ | |__ | \| | | .--. | ______| .--. || |__ | |_) | | |_) | | |__ | ,----' / ^ \ `---| |----`| |__ | .--. | | __| | . ` | | | | | |______| | | || __| | ___/ | / | __| | | / /_\ \ | | | __| | | | | | |____ | |\ | | '--' | | '--' || |____ | | | |\ \----.| |____ | `----./ _____ \ | | | |____ | '--' | |_______||__| \__| |_______/ |_______/ |_______|| _| | _| `._____||_______| \______/__/ \__\ |__| |_______||_______/ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ } /* stylelint-disable */ .navAndSearch_slideUpContent-enter_2pV { margin-top: 100%; } .navAndSearch_slideUpContent-enter-active_3PB { margin-top: 0%; -webkit-transition: margin-top 0.4s ease; transition: margin-top 0.4s ease; } .navAndSearch_borderBottom_2T0 { border-bottom: 1px solid #D1D1D1; border-bottom: 1px solid #D1D1D1; } .topFilterTagList_tags_dzb { margin-right: -8px; -webkit-overflow-scrolling: touch; padding:23px 0 13px 0; } .topFilterTagList_tag_item_2J9 { border: 1px solid #ddd; border-radius: 25px; margin: 0 8px 0 0; padding: 6px 16px; } /* css modules */ /*# sourceMappingURL=nav.dd7ad9189b5a3320e230.css.map*/