/* 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 */ .error_main_1gD { color: #BF0000; color: #BF0000; } .error_icon_3He { vertical-align: text-bottom; margin-right: 1rem; } /* 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 */ .button_specific_1xs { line-height: 30px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .button_disabled_3RI { background: #D1D1D1; background: #D1D1D1; cursor: not-allowed; color: #fff; } /* 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 */ .tooltip_wrapper_ntI { padding: 5px 10px; } .tooltip_breakLine_AI8 { border: 0; border-top: 1px solid #EBEBEB; border-top: 1px solid #EBEBEB; padding: 0; margin: 5px 0; line-height: 0; } .tooltip_mainBlock_1oW { border-bottom: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; padding: 20px 0; } .tooltip_line_3zq { font-size: 1.4rem; padding: 5px; } @-webkit-keyframes loader_spinner_R2j { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader_spinner_R2j { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loader_main_38Q { display: block; -webkit-animation: loader_spinner_R2j 0.6s linear infinite; animation: loader_spinner_R2j 0.6s linear infinite; } /* 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 */ /* 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 */ .style_fastRegisterContainer_2-0 { margin: 0; padding: 0; width: 520px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; } .style_fastRegisterPopinSvg_3on { width: 200px; height: 200px; margin-top: 40px; margin-bottom: 32px; } .style_fastRegisterSuccessPopinTitle_20W { font-size: 24px; line-height: 33px; font-weight: bold; margin-top: 12px; color: #BF0000; color: #BF0000; } .style_fastRegisterSuccessPopinSubTitle_1m_ { font-weight: normal; font-size: 16px; line-height: 22px; margin-bottom: 10px; text-align: center; color: #333333; color: #333333; } button.style_fastRegisterSuccessPopinButton_2Ft, button.style_fastRegisterSuccessPopinButton_2Ft:hover, button.style_fastRegisterSuccessPopinButton_2Ft:active, button.style_fastRegisterSuccessPopinButton_2Ft:visited { font-size: 14px; line-height: 24px; text-align: center; padding: 12px; margin: 16px auto; border-radius: 5px; border: 1px; width: 100%; background:#000; background:#000; color: #FFFFFF; color: #FFFFFF; } @media (max-width: 768px) { .style_fastRegisterContainer_2-0 { width: 100%; } .style_fastRegisterPopinSvg_3on { width: 110px; height: 110px; margin-top: 32px; margin-bottom: 16px; } .style_fastRegisterSuccessPopinTitle_20W { font-size: 16px; line-height: 22px; } .style_fastRegisterSuccessPopinSubTitle_1m_ { font-size: 12px; line-height: 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 */ .style_popin_EuA { cursor: default; z-index: 9999999; } .style_popin_EuA .style_overlay_2lb { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); content: ''; z-index: 99999999; } .style_popin_EuA .style_container_2sc { position: absolute; top: 0; left: 0; 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; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; height: 100%; z-index: 999999999; } .style_popin_EuA .style_body_2qM { position: fixed; max-width: 1108px; height: auto; padding: 16px; margin: 0 24px; border-radius: 5px; background: #FFFFFF; background: #FFFFFF; box-sizing: border-box; box-shadow: 0 3px 7px rgba(0, 0, 0, .3); background-clip: padding-box; z-index: 9999999999; } .style_popin_EuA .style_closeIcon_1hj { position: absolute; top: 24px; right: 24px; cursor: pointer; z-index: 99999999999; } /* 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 */ .cartTooltip_content_3Qr { padding: 15px 0; font-size: 1.3rem; width: 330px; } .cartTooltip_iconCart_3zQ { width: 2rem; } .cartTooltip_statusWrapper_3gj { border-bottom: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; } .cartTooltip_product_3vH { padding: 10px 0; border-bottom: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; } .cartTooltip_product_3vH:last-child { border-bottom: none; } .cartTooltip_product_3vH:hover { background-color: #EBEBEB; background-color: #EBEBEB; } .cartTooltip_advantage_3jG { min-width: 260px; } .cartTooltip_emptyLabel_3od { padding: 5px 0 5px 30px; } .cartTooltip_logoPriceClub_3Li { width: 110px; /* height is here mainly for IE11 (and below) */ height: 34px; display: block; } .cartTooltip_logoPriceClubCard_s8V { display: block; width: 4rem; height: 3rem; } .cartTooltip_percent_1jZ { font-size: 1.5rem; } .cartTooltip_noPadding_PTF { padding-left: 0; padding-top: 0; } .cartTooltip_membership_31E:hover { text-decoration: underline; } .cartTooltip_deleteIcon_CzL { width: 1.6rem; width: 1.6rem; min-width: 1.6rem; min-width: 1.6rem; height: 1.6rem; height: 1.6rem; } /* With products */ .cartTooltip_picProduct_Mf4 { margin: 0 18px 0 0; width: 50px; min-width: 50px; height: 50px; overflow: hidden; } .cartTooltip_warranty_2vB { padding-left: 71px; } .cartTooltip_labelTotal_3xR { display: block; line-height: 1; } .cartTooltip_bt_5EX { width: 160px; padding-top: 14px; padding-bottom: 14px; } /*# sourceMappingURL=0-common.dd7ad9189b5a3320e230.css.map*/