/*
Layers
z-index and shaddows for application layering.
http://hivedesign.systems/layers
https://yoox.invisionapp.com/share/UTPJG17NR3F
*/
:root { /* for action notifications */
/* border shadow values */
/* levels and elevations */ /* Elevation 02 */ /* Elevation 03 */ /* Elevation 04 */ /* Elevation 06*/ /* Elevation 08 */ /* Elevation 10 */
}
:root {
/* Primary*/
/* Secondary */
/* Tertiary */
/* focus ring */
/* considered green */
/* rewards */
}
.LoadingBar3 {
width: 100%;
position: fixed;
z-index: 4000;
top: 0;
}
[dir] .LoadingBar3 {
background-color: #f0f0f0;
}
[dir=ltr] .LoadingBar3 {
left: 0;
}
[dir=rtl] .LoadingBar3 {
right: 0;
}
.LoadingBar3__bar {
width: 100%;
height: 4px;
}
[dir] .LoadingBar3__bar {
background-color: #000;
}
[dir=ltr] .LoadingBar3__bar {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
[dir=rtl] .LoadingBar3__bar {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
/*
Custom media
Variable names for HIVE media queries.
*/
/**
set of properties that usually are used together, so we can re-use them
**/
/*
Grid system.
For shareable griding systems, we should look to implement with css-grid.
http://hivedesign.systems/guidelines/essentials/grid-system
*/
:root { /* default horizontal distance between elements. Please use this variable (or multiples) whenever possible */ /* default vertical distance between elements. Please use this variable (or multiples) whenever possible */ /* default distance value. Use this variable when you do not need to specify distance orientation */
}
/* TODO we should revisit this later specially to verify min-width values */
.Overlay9 {
position: fixed;
top: 0;
width: 100vw;
height: 100%;
-webkit-transform: translateY(0);
z-index: 107159;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
[dir] .Overlay9 {
background: #fff;
transform: translateY(0);
padding: 16px;
}
[dir=ltr] .Overlay9 {
left: 0;
}
[dir=rtl] .Overlay9 {
right: 0;
}
@media (min-width: 768px) {
.Overlay9 {
min-width: 497px;
max-width: 516px;
position: static;
width: auto;
height: auto;
top: auto;
max-height: 100vh;
-webkit-box-shadow: 0 0 22px 0 rgba(0, 0, 0, .5);/*
IE 11
*/
}
[dir] .Overlay9 {
margin: 24px auto;
box-shadow: 0 0 22px 0 rgba(0, 0, 0, .5);
}
[dir=ltr] .Overlay9 {
left: auto;
}
[dir=rtl] .Overlay9 {
right: auto;
}
}
@media (min-width: 768px) and screen and (-ms-high-contrast: active), (min-width: 768px) and screen and (-ms-high-contrast: none) {
.Overlay9 {
width: 497px;
}
}
@media (min-width: 1024px) {
.Overlay9 {
min-width: 516px;
max-width: none;
max-height: calc(100vh - 48px);
}
[dir] .Overlay9 {
padding: 24px;
}
}
.Overlay9--stickybag {
top: unset;
height: unset;
}
[dir] .Overlay9--stickybag {
padding: 0;
}
@media (min-width: 768px) {
.Overlay9--stickybag {
min-width: unset;
max-width: unset;
position: fixed;
width: 100vw;
height: 100%;
max-height: unset;
-webkit-box-shadow: unset;
}
[dir] .Overlay9--stickybag {
margin: unset;
box-shadow: unset;
}
[dir=ltr] .Overlay9--stickybag {
left: 0;
}
[dir=rtl] .Overlay9--stickybag {
right: 0;
}
}
.Overlay9--alert {
min-width: 343px;
position: static;
height: auto;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
}
[dir] .Overlay9--alert {
margin: 0 16px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
}
@media (min-width: 768px) {
.Overlay9--alert {
min-width: 497px;
}
[dir] .Overlay9--alert {
margin: 0 auto;
}
}
@media (min-width: 1024px) {
.Overlay9--alert {
min-width: 516px;
}
}
.Overlay9--miniDialog {
position: fixed;
top: 50%;
width: 344px;
height: auto;
}
[dir=ltr] .Overlay9--miniDialog {
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
[dir=rtl] .Overlay9--miniDialog {
right: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
[dir] .Overlay9--pdp {
padding: 0;
}
@media (min-width: 1024px) {
.Overlay9--pdp {
width: 844px;
height: 563px;
}
}
.Overlay9--video {
width: 100%;
}
[dir] .Overlay9--video {
padding: 0;
}
@media (min-width: 768px) {
.Overlay9--video {
width: 65%;
}
}
.Overlay9--positionModifier {
max-width: 800px;
}
[dir] .Overlay9--positionModifier {
padding: 16px 0 44.96px;
}
.Overlay9--recommendation {
position: absolute;
height: auto;
max-width: none;
width: 100vw;
bottom: 0;
top: auto;
}
[dir] .Overlay9--recommendation {
margin: 0;
padding-bottom: 0;
}
@media (min-width: 1024px) {
.Overlay9--recommendation {
position: relative;
max-width: 516px;
}
[dir] .Overlay9--recommendation {
margin: 0 auto;
}
}
.Overlay9__cover {
z-index: 107159;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 0;
height: 100vh;
width: 100vw;
}
[dir] .Overlay9__cover {
background: rgba(0, 0, 0, .7);
}
[dir=ltr] .Overlay9__cover {
left: 0;
}
[dir=rtl] .Overlay9__cover {
right: 0;
}
.Overlay9__cover--alert {
z-index: 107159;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 0;
height: 100vh;
width: 100vw;
pointer-events: none;
}
[dir] .Overlay9__cover--alert {
background: rgba(0, 0, 0, .7);
}
[dir=ltr] .Overlay9__cover--alert {
left: 0;
}
[dir=rtl] .Overlay9__cover--alert {
right: 0;
}
.Overlay9__cover--dockToBottom {
height: 100dvh;
}
.Overlay9__back {
height: 16px;
width: 16px;
position: absolute;
}
[dir] .Overlay9__back {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTEuMTQ2IDE1LjM1NEwzLjc5MyA4IDExLjE0Ni42NDZsLjcwOC43MDhMNS4yMDcgOGw2LjY0NyA2LjY0NnoiLz48L2c+PC9zdmc+) no-repeat;
}
[dir] .Overlay9__back:hover {
cursor: pointer;
}
.Overlay9__title {
font: 14px/18px Georgia;
font-weight: normal;
}
.Overlay9__title:lang(ar) {
font: 14px/18px Amariya;
}
.Overlay9__title:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.Overlay9__title:lang(ja) {
font:
13px/18px NotoSansJP,
Georgia;
font-weight: 500;
}
.Overlay9__title {
pointer-events: auto;
}
[dir] .Overlay9__title {
padding-bottom: 16px;
margin-bottom: 24px;
border-bottom: 4px solid #000;
}
.Overlay9__title--alert {
font: 24px/30px Georgia;
font-weight: normal;
}
.Overlay9__title--alert:lang(ar) {
font: 40px/40px Amariya;
}
.Overlay9__title--alert:lang(ko) {
font:
24px/30px NotoSansKR,
Georgia;
}
.Overlay9__title--alert:lang(ja) {
font:
23px/30px NotoSansJP,
Georgia;
font-weight: 500;
}
@media (min-width: 1024px) {
.Overlay9__title--alert {
font-size: 32px;
line-height: 40px;
}
.Overlay9__title--alert:lang(ar) {
font-size: 40px;
line-height: 40px;
}
.Overlay9__title--alert:lang(ko) {
font-size: 32px;
line-height: 40px;
}
}
.Overlay9__title--alert {
min-height: 0;
}
[dir] .Overlay9__title--alert {
margin: 0 0 16px;
border: none;
padding: 0;
}
[dir] .Overlay9__title--positionModifier {
border-bottom: 1px solid #cbcbcb;
padding-bottom: 18px;
}
[dir=ltr] .Overlay9__title--positionModifier {
padding-left: 16px;
}
[dir=rtl] .Overlay9__title--positionModifier {
padding-right: 16px;
}
[dir] .Overlay9__title--pdp {
margin: 0;
padding: 0;
border: none;
}
[dir=ltr] .Overlay9__title--back {
padding-left: 32px;
}
[dir=rtl] .Overlay9__title--back {
padding-right: 32px;
}
.Overlay9__title--recentlyViewed {
font: 12px/16px SackersGothicStd;
text-transform: uppercase;
font-weight: normal;
}
.Overlay9__title--recentlyViewed:lang(ar) {
font: 18px/26px NeueFrutigerRegular, Sans-Serif;
}
.Overlay9__title--recentlyViewed:lang(ko) {
font:
12px/16px NotoSansKR,
SackersGothicStd;
font-weight: normal;
}
.Overlay9__title--recentlyViewed:lang(ja) {
font:
12px/16px NotoSansJP,
SackersGothicStd;
font-weight: bold;
}
[dir] .Overlay9__title--recentlyViewed {
padding: 16px 0 32px;
margin: 0;
border: 0;
}
@media (min-width: 1024px) {
[dir] .Overlay9__title--recentlyViewed {
padding: 24px 8px 48px;
}
}
.Overlay9__title--titleStyle {
font-family: SackersGothicStd;
font-size: 16px;
}
[dir] .Overlay9__title--titleStyle {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
@media (min-width: 1024px) {
[dir=ltr] .Overlay9__title--titleStyle {
padding: 32px 0 32px 56px;
}
[dir=rtl] .Overlay9__title--titleStyle {
padding: 32px 56px 32px 0;
}
}
.Overlay9__close {
height: 24px;
width: 24px;
position: absolute;
top: 8px;
line-height: 0;
outline: none;
z-index: 107159;
}
[dir] .Overlay9__close {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTQuMzU0IDIuMzUzbC0uNzA4LS43MDdMOCA3LjI5MyAyLjM1MyAxLjY0NmwtLjcwNy43MDdMNy4yOTMgOGwtNS42NDcgNS42NDYuNzA3LjcwOEw4IDguNzA3bDUuNjQ2IDUuNjQ3LjcwOC0uNzA4TDguNzA3IDh6Ii8+PC9nPjwvc3ZnPg==) no-repeat;
background-position: 8px 8px;
background-color: transparent;
border: none;
cursor: pointer;
padding: 16px;
}
[dir=ltr] .Overlay9__close {
right: 8px;
}
[dir=rtl] .Overlay9__close {
left: 8px;
}
@media (min-width: 1024px) {
.Overlay9__close {
top: 16px;
}
[dir=ltr] .Overlay9__close {
right: 16px;
}
[dir=rtl] .Overlay9__close {
left: 16px;
}
}
.Overlay9__close--alert {
display: none;
}
@media (min-width: 1024px) {
[dir] .Overlay9__close--positionModifier {
background-position: 8px 4px;
}
}
@media (min-width: 1024px) {
.Overlay9__close--pdp {
top: 12px;
}
[dir=ltr] .Overlay9__close--pdp {
right: 12px;
}
[dir=rtl] .Overlay9__close--pdp {
left: 12px;
}
}
.Overlay9__close--recentlyViewed {
top: 24px;
}
@media (min-width: 1024px) {
.Overlay9__close--recentlyViewed {
top: 38px;
}
}
.Overlay9__content::-webkit-scrollbar {
width: 16px;
}
.Overlay9__content::-webkit-scrollbar-thumb {
min-height: 68px;
}
[dir] .Overlay9__content::-webkit-scrollbar-thumb {
border: 6px solid rgba(0, 0, 0, 0);
border-radius: 100px;
background-color: #cbcbcb;
background-clip: padding-box;
}
.Overlay9__content {
width: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
overflow: auto;
pointer-events: auto;
}
[dir] .Overlay9__content {
padding: 0;
}
@media (min-width: 1024px) {
.Overlay9__content {/*
IE 11
*/
}
}
@media (min-width: 1024px) and screen and (-ms-high-contrast: active), (min-width: 1024px) and screen and (-ms-high-contrast: none) {
.Overlay9__content {
overflow-x: hidden;
}
}
[dir] .Overlay9__content--pdp {
padding: 0;
}
.Overlay9__content--overflow {
overflow: auto;
}
[dir] .Overlay9__content--stickybag {
padding: 0;
}
.Overlay9__content--stickybag::-webkit-scrollbar {
width: 0;
}
@media (min-width: 1024px) {
[dir] .Overlay9__content--titleStyle {
padding-top: 0;
}
}
[dir] .Overlay9__content--recommendation {
padding: 16px 16px 0;
}
[dir] .Overlay9__content--positionModifier {
padding: 0 24px;
}
.Overlay9__body--locked {
height: 100%;
overflow: hidden;
position: absolute;
width: 100%;
}
[dir] .Overlay9__body--locked {
margin: 0 auto;
}
@media (min-width: 1024px) {
.addressForm {
width: 516px;
}
}
/* used only by visual-tester to produce visual snapshot */
@media (min-width: 1024px) {
.addressFormV3 {
width: 600px;
}
}
.OverlayAnimation9--enter {
-webkit-transform: translateY(100vh);
}
[dir] .OverlayAnimation9--enter {
transform: translateY(100vh);
}
.OverlayAnimation9--enterActive {
-webkit-transform: translateY(0);
transition: -webkit-transform 300ms ease-in;
transition: transform 300ms ease-in;
transition: transform 300ms ease-in, -webkit-transform 300ms ease-in;
}
[dir] .OverlayAnimation9--enterActive {
transform: translateY(0);
-webkit-transition: -webkit-transform 300ms ease-in;
}
.OverlayAnimation9--leave {
-webkit-transform: translateY(0);
}
[dir] .OverlayAnimation9--leave {
transform: translateY(0);
}
.OverlayAnimation9--leaveActive {
-webkit-transform: translateY(100vh);
transition: -webkit-transform 300ms ease-in;
transition: transform 300ms ease-in;
transition: transform 300ms ease-in, -webkit-transform 300ms ease-in;
}
[dir] .OverlayAnimation9--leaveActive {
transform: translateY(100vh);
-webkit-transition: -webkit-transform 300ms ease-in;
}
/* TODO we should revisit this later specially to verify min-width values */
.OverlayWithToggle9 {
position: fixed;
width: 100vw;
bottom: 0;
z-index: 3000;
}
[dir=ltr] .OverlayWithToggle9 {
left: 0;
}
[dir=rtl] .OverlayWithToggle9 {
right: 0;
}
.OverlayWithToggle9__container {
max-height: 80vh;
bottom: 0;
}
.ViewportObserver1 {
width: 100%;
}
/*
Animation
use css @apply blocks to abstract different types animation.
http://hivedesign.systems/guidelines/application-structure/motion
*/
:root {
/* Timings */
/* Fast */
/* Medium */
/* Slow */
/* Animation timings */
/* invert animation */
/*
* TOOD:
* This is MVP, look to move towards
* http://hivedesign.systems/motion-components/#dropdown
*/
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes slideDownFadeIn {
0% {
opacity: 0;
max-height: 0;
}
100% {
opacity: 1;
max-height: 100vh;
}
}
@keyframes slideDownFadeIn {
0% {
opacity: 0;
max-height: 0;
}
100% {
opacity: 1;
max-height: 100vh;
}
}
@-webkit-keyframes slideUpFadeOut {
0% {
opacity: 1;
max-height: 100vh;
}
100% {
opacity: 0;
max-height: 0;
}
}
@keyframes slideUpFadeOut {
0% {
opacity: 1;
max-height: 100vh;
}
100% {
opacity: 0;
max-height: 0;
}
}
.AspectRatio18 {
width: 100%;
overflow: hidden;
}
.AspectRatio18--defaultRatio {
position: relative;
/* MRP Aspect ratio not perfectly square - putting in so no clipping/letterboxing */
}
[dir] .AspectRatio18--defaultRatio {
padding-top: 105%;
}
.AspectRatio18--ratio1-1 {
position: relative;
}
[dir] .AspectRatio18--ratio1-1 {
padding-top: 100%;
}
.AspectRatio18--ratio2-3 {
position: relative;
}
[dir] .AspectRatio18--ratio2-3 {
padding-top: 150%;
}
.AspectRatio18--ratio3-4 {
position: relative;
}
[dir] .AspectRatio18--ratio3-4 {
padding-top: 133%;
}
.AspectRatio18--ratio100vh {
position: relative;
}
[dir] .AspectRatio18--ratio100vh {
padding-top: 100vh;
}
.AspectRatio18--background {
display: none;
}
@media (min-width: 768px) {
.AspectRatio18--background {
display: block;
position: absolute;
height: 100%;
}
[dir] .AspectRatio18--background {
padding-top: 100%;
}
}
.AspectRatio18__content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
[dir=ltr] .AspectRatio18__content {
left: 0;
}
[dir=rtl] .AspectRatio18__content {
right: 0;
}
.Image18__imageContainer {
position: relative;
height: 100%;
overflow: hidden;
transition: background-color 0.3s cubic-bezier(0, 0, 1, 1);
}
[dir] .Image18__imageContainer {
background-color: #f0f0f0;
-webkit-transition: background-color 0.3s cubic-bezier(0, 0, 1, 1);
}
[dir] .Image18__imageContainer--error {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjODM4MzgzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNS45NDUgNi4xMDRjLS42MjIuNjE0LTEuMzk1Ljg5Ni0yLjQ0Ljg5Ni0xLjA0MyAwLTEuODE3LS4yODItMi40NS0uODk2QzMwLjM5OCA1LjQ2NSAzMCA0LjUwNyAzMCAzLjUxMmMwLTEuMDE5LjM5OC0xLjk4OSAxLjA1NS0yLjYxNUMzMS43MTIuMjcgMzIuNDYyIDAgMzMuNTUzIDBjLjk5NyAwIDEuNzgyLjI5NSAyLjM5Mi44OTdDMzYuNjEzIDEuNTM1IDM3IDIuNDkzIDM3IDMuNWMwIDEuMDA3LS4zODcgMS45NjUtMS4wNTUgMi42MDR6TTMzLjQ3IDEuMDE5Yy0xLjM3MiAwLTIuMzIyIDEuMDA4LTIuMzIyIDIuNDgxIDAgMS40ODYuOTUgMi40OCAyLjM1NyAyLjQ4IDEuNDA3IDAgMi4zNTctLjk5NCAyLjM1Ny0yLjQ2OCAwLTEuNTEtLjk1LTIuNDkzLTIuMzkyLTIuNDkzek03IDBINS41NEwzLjUyNCAzLjk5MyAxLjM2OCAwSDBWN2guOTQ2VjEuNDJsMi41MiA0Ljc3NEw1LjkyOCAxLjQyVjdIN1YuNjR6TTE1LjY0NCA2LjM1YTIuMjc1IDIuMjc1IDAgMCAwLS4wNDItLjA4bC0uMzg2LS43LS4wMjMtLjA0My0uOTEtMS42NWMuOTU0LS4yMDQgMS40MjUtLjgwNiAxLjQyNS0xLjg0MiAwLS43ODEtLjI5NC0xLjQ0Ni0uNzc3LTEuNzI4QzE0LjUxOS4wNjQgMTQuMDk2IDAgMTIuODk1IDBIMTBWN2gxLjEwNlY0LjAwNWgxLjk3N2wuNjc4IDEuMjE1LjYzIDEuMTI4LjAyMS4wNC4zNDIuNjEySDE2bC0uMzU2LS42NXptLTIuMjktMy4zNjhoLTIuMjQ4VjEuMDI0aDIuMjQ4Yy41NzcgMCAuODEyLjAzOCAxLjAzNi4xOTIuMjIzLjE0LjM0LjQ0OC4zNC43OCAwIC4zNDYtLjEyOC42NC0uMzQuNzgtLjIyNC4xNTUtLjQ4My4yMDYtMS4wMzYuMjA2ek0yNy4yMDQuMzQ1QzI2LjguMDkgMjYuMzMyIDAgMjUuMzg1IDBIMjJWN2gxLjE4N1Y0LjAxOGgyLjE5OGMuOTczIDAgMS4zNzctLjA3NyAxLjgwNy0uMzU4LjUxOC0uMzMzLjgwOC0uOTIxLjgwOC0xLjY1IDAtLjcxNy0uMzAzLTEuMzQ1LS43OTYtMS42NjV6bS0xLjc4MSAyLjY1aC0yLjIzNlYxLjAyNGgyLjIzNmMuNjU3IDAgLjk0OC4wNSAxLjE4Ny4yMDQuMjE1LjE0MS4zMjkuNDIzLjMyOS43ODEgMCAuNzQyLS4zNjYuOTg2LTEuNTE2Ljk4NnpNNDMuNjQ0IDYuMzVsLS4wNDItLjA4LS4zODUtLjctLjAyNC0uMDQzLS45MDktMS42NWMuOTUzLS4yMDQgMS40MjQtLjgwNiAxLjQyNC0xLjg0MiAwLS43ODEtLjI5NC0xLjQ0Ni0uNzc3LTEuNzI4QzQyLjUyLjA2NCA0Mi4wOTYgMCA0MC44OTUgMEgzOFY3aDEuMTA2VjQuMDA1aDEuOTc3bC42NzggMS4yMTUuNjMgMS4xMjhhLjY2LjY2IDAgMCAxIC4wMjEuMDRsLjM0Mi42MTJINDRsLS4zNTYtLjY1em0tMi4yOS0zLjM2OGgtMi4yNDhWMS4wMjRoMi4yNDhjLjU3NyAwIC44MTIuMDM4IDEuMDM2LjE5Mi4yMjMuMTQuMzQxLjQ0OC4zNDEuNzggMCAuMzQ2LS4xMy42NC0uMzQxLjc4LS4yMjQuMTU1LS40ODMuMjA2LTEuMDM2LjIwNnpNNTEuNDM1IDBINDZ2MS4wMjRoMi40NDdWN2gxLjEwNlYxLjAyNEg1MlYwek01OS4zOSA1Ljk3NmgtNC4xNzJWMy45NDFINTguMzNWMi45MThINTUuMjE3VjEuMDI0aDQuNDk3VjBINTR2N2g2VjUuOTc2ek02Ny42NDQgNi4zNWEyLjY4NiAyLjY4NiAwIDAgMC0uMDQyLS4wOGwtLjM4Ni0uNy0uMDIzLS4wNDMtLjkwOS0xLjY1Yy45NTMtLjIwNCAxLjQyNC0uODA2IDEuNDI0LTEuODQyIDAtLjc4MS0uMjk0LTEuNDQ2LS43NzctMS43MjhDNjYuNTIuMDY0IDY2LjA5NiAwIDY0Ljg5NSAwSDYyVjdoMS4xMDZWNC4wMDVoMS45NzhsLjY3NyAxLjIxNS42MjkgMS4xMjhjLjAwNi4wMDkuMDE0LjAyMy4wMjIuMDRsLjM0Mi42MTJINjhsLS4zNTYtLjY1em0tMi4yOS0zLjM2OGgtMi4yNDhWMS4wMjRoMi4yNDhjLjU3NyAwIC44MTIuMDM4IDEuMDM2LjE5Mi4yMjMuMTQuMzQuNDQ4LjM0Ljc4IDAgLjM0Ni0uMTI4LjY0LS4zNC43OC0uMjI0LjE1NS0uNDgzLjIwNi0xLjAzNi4yMDZ6Ii8+PC9nPjwvc3ZnPg==) no-repeat;
background-position: 50%;
background-size: 35%;
background-repeat: no-repeat;
background-color: #f0f0f0;
}
[dir] .Image18__imageContainer--containerOverride {
background-color: #fff;
}
[dir] .Image18__imageContainer--containerSkeleton {
background-color: #f0f0f0;
}
.Image18__image {
position: absolute;
top: 0;
height: 100%;
width: 100%;
-o-object-fit: fill;
object-fit: fill;
}
[dir=ltr] .Image18__image {
left: 0;
}
[dir=rtl] .Image18__image {
right: 0;
}
.Image18__image.fullBleed {
width: auto;
}
.Image18__image {/*
Hide browser default broken image icon
*/
}
.Image18__image:after {
content: '';
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
[dir] .Image18__image:after {
background-color: #f0f0f0;
}
[dir=ltr] .Image18__image:after {
left: 0;
}
[dir=rtl] .Image18__image:after {
right: 0;
}
.Image18__image--noScript {
/*fills edges in white if image doesn't fit aspect ratio correctly*/
}
[dir] .Image18__image--noScript {
background-color: #fff;
}
.Image18__image--useSkeleton {
opacity: 0;
transition: none;
}
[dir] .Image18__image--useSkeleton {
-webkit-transition: none;
}
.Image18__image--error {
display: none;
}
.Image18__image--slowLoad {
transition: opacity 0.3s cubic-bezier(0, 0, 1, 1);
}
[dir] .Image18__image--slowLoad {
-webkit-transition: opacity 0.3s cubic-bezier(0, 0, 1, 1);
}
.Image18__image--cover {
-o-object-fit: cover;
object-fit: cover;
}
.Image18__image--contain {
-o-object-fit: contain;
object-fit: contain;
}
.Image18__image--loaded {
transition: opacity 0.3s cubic-bezier(0, 0, 1, 1);
opacity: 1;
}
[dir] .Image18__image--loaded {
-webkit-transition: opacity 0.3s cubic-bezier(0, 0, 1, 1);
}
.Image18__lowQuality {
width: 100%;
height: 100%;
filter: url("data:image/svg+xml;charset=utf-8,#filter");
-webkit-filter: blur(24px);
filter: blur(24px);
position: absolute;
}
.DoubleImage18 {
position: relative;
}
.DoubleImage18 > .primaryImage {
display: block;
}
.DoubleImage18 > .secondaryImage {
display: none;
}
.DoubleImage18 {/*
Coupled to the max width in the actaul component
*/
}
@media (min-width: 1024px) {
.DoubleImage18:hover > .primaryImage {
display: none;
}
.DoubleImage18:hover > .secondaryImage {
display: block;
}
}
.ImageWithChild18 {
position: relative;
}
.ImageWithChild18__child {
position: relative;
}
[dir] .ImageWithChild18__child {
margin: auto;
}
.HtmlVideoPlayer2__video {
height: 100%;
width: 100%;
}
[dir] .HtmlVideoPlayer2__video {
cursor: pointer;
}
.HtmlVideoPlayer2__playButtonIcon {
position: absolute;
top: 0;
bottom: 0;
opacity: 0;
height: 32px;
width: 32px;
pointer-events: none;
}
[dir] .HtmlVideoPlayer2__playButtonIcon {
border: none;
margin: auto;
padding: 0;
}
[dir=ltr] .HtmlVideoPlayer2__playButtonIcon {
left: 0;
right: 0;
}
[dir=rtl] .HtmlVideoPlayer2__playButtonIcon {
right: 0;
left: 0;
}
.HtmlVideoPlayer2__playButtonIcon:focus {
outline: 0;
}
.HtmlVideoPlayer2__playButtonIcon {/*
hover transition
*/
transition: opacity 0.2s ease-in;
-webkit-transition-delay: 1s;
}
[dir] .HtmlVideoPlayer2__playButtonIcon {
-webkit-transition: opacity 0.2s ease-in;
transition-delay: 1s;
}
.HtmlVideoPlayer2__playButtonIcon--iconPlay {
filter: url("data:image/svg+xml;charset=utf-8,#filter");
-webkit-filter: invert(100%);
filter: invert(100%);
opacity: 0;
}
[dir] .HtmlVideoPlayer2__playButtonIcon--iconPlay {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMzIgMHYzMkgwVjB6Ii8+PHBhdGggZD0iTTggMjdsMTguMzA3LTExTDggNXYyMnoiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=) no-repeat;
}
.HtmlVideoPlayer2__playButtonIcon--iconPause {
filter: url("data:image/svg+xml;charset=utf-8,#filter");
-webkit-filter: invert(100%);
filter: invert(100%);
opacity: 0;
}
[dir] .HtmlVideoPlayer2__playButtonIcon--iconPause {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMzIgMHYzMkgwVjB6Ii8+PHBhdGggZD0iTTcgMjdoNVY1SDd2MjJ6TTIwIDV2MjJoNVY1aC01eiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) no-repeat;
}
.HtmlVideoPlayer2__wrapper {
position: relative;
}
.HtmlVideoPlayer2__wrapper:hover .playButtonIcon {
opacity: 0.8;
-webkit-transition-delay: 0s;
}
[dir] .HtmlVideoPlayer2__wrapper:hover .playButtonIcon {
transition-delay: 0s;
}
.HtmlVideoPlayer2__video-controls {
position: absolute;
bottom: 2px;
width: 100%;
}
.HtmlVideoPlayer2__button {
position: absolute;
outline: none;
}
[dir] .HtmlVideoPlayer2__button {
background-color: transparent;
}
[dir] .HtmlVideoPlayer2__button:hover {
cursor: pointer;
}
.HtmlVideoPlayer2__seekbar {
position: absolute;
bottom: 0;
height: 5px;
outline: none;
transition: width 0.25s linear;
}
[dir] .HtmlVideoPlayer2__seekbar {
background-color: #000;
-webkit-transition: width 0.25s linear;
}
.HtmlVideoPlayer2__seekbar--seekbarProgress {
width: 0;
z-index: 1;
}
.HtmlVideoPlayer2__seekbar--seekbarBuffered {
width: 0;
z-index: 0;
opacity: 0.3;
}
.HtmlVideoPlayer2__seekbar--seekbarFull {
width: 100%;
z-index: 2;
opacity: 0.2;
-webkit-appearance: none;
-moz-appearance: none;
}
[dir] .HtmlVideoPlayer2__seekbar--seekbarFull {
border: none;
}
.HtmlVideoPlayer2__seekbar--seekbarFull::-webkit-slider-thumb {
-webkit-appearance: none;
width: 1px;
}
.HtmlVideoPlayer2__seekbar--seekbarFull::-moz-range-thumb {
opacity: 0;
}
.ImageCarousel88 .zoomedImageContainer {
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%;
}
[dir] .ImageCarousel88 .zoomedImageContainer {
padding: 0;
margin: 0;
}
.ImageCarousel88 .zoomedImageContainer .zoomedImageClose {
display: none;
}
.ImageCarousel88 {/*
this is to make sure the video poster takes up the whole space when the video is loading
*/
}
.ImageCarousel88__video {
min-height: calc(100vw - 16px);
-o-object-fit: fill;
object-fit: fill;
}
@media (min-width: 768px) {
.ImageCarousel88__video {
min-height: calc(50vw - 32px);
}
}
@media (min-width: 1024px) {
.ImageCarousel88__video {
min-height: calc(50vw - 156px);
}
}
@media (min-width: 1280px) {
.ImageCarousel88__video {
min-height: 560px;
}
}
.ImageCarousel88__video--reducedMode {
min-height: unset;
}
.ImageCarousel88__viewport {
-ms-touch-action: pan-y;
touch-action: pan-y;
width: 100%;
}
@media (min-width: 768px) {
.ImageCarousel88__viewport {
width: 50%;
}
}
@media (min-width: 1024px) {
.ImageCarousel88__viewport {
width: 100%;
overflow: hidden;
}
[dir=ltr] .ImageCarousel88__viewport {
margin-left: 0;
}
[dir=rtl] .ImageCarousel88__viewport {
margin-right: 0;
}
}
@media (min-width: 768px) {
.ImageCarousel88__viewport--singleHero {
width: 100%;
}
}
.ImageCarousel88__viewport--full-width {
width: 100%;
}
[dir=ltr] .ImageCarousel88__viewport--full-width {
margin-left: 0;
}
[dir=rtl] .ImageCarousel88__viewport--full-width {
margin-right: 0;
}
@media (min-width: 1024px) {
.ImageCarousel88__viewport--loading {
height: 100%;
}
[dir] .ImageCarousel88__viewport--loading {
background-color: #f0f0f0;
}
}
@media (min-width: 768px) {
.ImageCarousel88__viewport--reducedMode {
width: 100%;
}
}
@media (min-width: 1024px) {
.ImageCarousel88__viewport--reducedMode {
width: 50%;
overflow: visible;
}
}
.ImageCarousel88__viewport--reducedMode {/*
hack for slider bounce
*/
}
.ImageCarousel88__viewport--reducedMode li[class^='ImageCarousel'][class$='slide'] {
display: none;
}
.ImageCarousel88__track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
will-change: transform;
}
.ImageCarousel88__slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
will-change: left;
}
[dir] .ImageCarousel88__slide {
padding: 0;
}
@media (min-width: 768px) {
.ImageCarousel88__slide {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;/*
in case video has different dimensions
*/
}
[dir] .ImageCarousel88__slide {
padding: 0 16px;
}
}
@media (min-width: 1024px) {
.ImageCarousel88__slide {/*
Workaround fix for image carousel bleeding previous image
*//*
Will look to refactor when new designs for Image Carousel come in
*/
position: relative;
}
[dir] .ImageCarousel88__slide {
padding: 0 1px;
}
}
@media (min-width: 768px) {
[dir] .ImageCarousel88__slide--noPadding {
padding: 0;
}
}
.ImageCarousel88__slide--reducedMode {
/* hack for slider bounce */
display: block !important;
}
@media (min-width: 1024px) {
[dir] .ImageCarousel88__slide--reducedMode {
padding: 8px;
}
}
.ImageCarousel88__pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
[dir] .ImageCarousel88__pagination {
padding: 16px 0px 32px;
}
.ImageCarousel88__pagination--transform {
-webkit-transform: scaleX(-1);
}
[dir] .ImageCarousel88__pagination--transform {
transform: scaleX(-1);
}
@media (min-width: 1024px) {
.ImageCarousel88__pagination--showThumbnails {
display: none;
}
}
[dir] .ImageCarousel88__pagination--reducedMode {
padding: 16px 0;
}
@media (min-width: 1024px) {
.ImageCarousel88__pagination--reducedMode {
display: none;
}
}
@media (min-width: 1024px) {
.ImageCarousel88__pagination--stacked {
position: absolute;
bottom: 8px;
}
[dir=ltr] .ImageCarousel88__pagination--stacked {
left: 0;
right: 0;
}
[dir=rtl] .ImageCarousel88__pagination--stacked {
right: 0;
left: 0;
}
}
@media (min-width: 1024px) {
.ImageCarousel88__pagination--vertical {
display: none;
}
}
.ImageCarousel88__page {
display: block;
width: 18px;
height: 18px; /* page icon width */
outline: none;
overflow: hidden;
font-size: 0;
line-height: 0;
}
[dir] .ImageCarousel88__page {
padding: 6px;
border: none;
background: transparent;
cursor: pointer;
}
.ImageCarousel88__page::before {
display: block;
content: '';
width: 100%;
height: 100%;
}
[dir] .ImageCarousel88__page::before {
background-color: #cbcbcb;
border-radius: 50%;
}
[dir] .ImageCarousel88__page--active::before {
background-color: #000;
}
@media (min-width: 1024px) {
.ImageCarousel88__page--loading {
display: none;
}
}
.ImageCarousel88__next {
z-index: 1000;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
outline: none;
}
[dir] .ImageCarousel88__next {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMTZIMFYwaDE2eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQuODUzIDE1LjM1NGwtLjcwNi0uNzA4TDEwLjc5MyA4IDQuMTQ3IDEuMzU0bC43MDYtLjcwOEwxMi4yMDcgOHoiLz48L2c+PC9zdmc+) no-repeat;
background-color: #fff;
background-position: 50%;
border-radius: 50%;
padding: 16px 16px;
transform: translateY(-50%);
border: none;
cursor: pointer;
}
[dir=ltr] .ImageCarousel88__next {
right: 8px;
}
[dir=rtl] .ImageCarousel88__next {
left: 8px;
}
@media (min-width: 768px) and (max-width: 1023px) {
[dir=ltr] .ImageCarousel88__next {
right: 16px;
}
[dir=rtl] .ImageCarousel88__next {
left: 16px;
}
}
[dir] .ImageCarousel88__next--isRTL {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTEuMTQ2IDE1LjM1NEwzLjc5MyA4IDExLjE0Ni42NDZsLjcwOC43MDhMNS4yMDcgOGw2LjY0NyA2LjY0NnoiLz48L2c+PC9zdmc+) no-repeat;
background-color: #fff;
background-position: 50%;
}
.ImageCarousel88__next--reducedMode {
display: none;
}
@media (min-width: 1024px) {
.ImageCarousel88__next--reducedMode {
display: inline;
display: initial;
}
[dir=ltr] .ImageCarousel88__next--reducedMode {
right: 16px;
}
[dir=rtl] .ImageCarousel88__next--reducedMode {
left: 16px;
}
}
@media (min-width: 1024px) {
.ImageCarousel88__next--transform {
-webkit-transform: scaleX(-1);
}
[dir] .ImageCarousel88__next--transform {
transform: scaleX(-1);
margin-top: -16px;
}
}
.ImageCarousel88__next--loading {
display: none;
}
.ImageCarousel88__next--hidden {
display: none;
}
.ImageCarousel88__next--mobileHidden {
display: none;
}
@media (min-width: 1024px) {
.ImageCarousel88__next--mobileHidden {
display: inline;
display: initial;
}
}
.ImageCarousel88__prev {
z-index: 1000;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
outline: none;
}
[dir] .ImageCarousel88__prev {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTEuMTQ2IDE1LjM1NEwzLjc5MyA4IDExLjE0Ni42NDZsLjcwOC43MDhMNS4yMDcgOGw2LjY0NyA2LjY0NnoiLz48L2c+PC9zdmc+) no-repeat;
background-color: #fff;
background-position: 50%;
border-radius: 50%;
padding: 16px 16px;
transform: translateY(-50%);
border: none;
cursor: pointer;
}
[dir=ltr] .ImageCarousel88__prev {
left: 8px;
}
[dir=rtl] .ImageCarousel88__prev {
right: 8px;
}
@media (min-width: 768px) and (max-width: 1023px) {
[dir=ltr] .ImageCarousel88__prev {
left: 16px;
}
[dir=rtl] .ImageCarousel88__prev {
right: 16px;
}
}
[dir] .ImageCarousel88__prev--isRTL {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMTZIMFYwaDE2eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQuODUzIDE1LjM1NGwtLjcwNi0uNzA4TDEwLjc5MyA4IDQuMTQ3IDEuMzU0bC43MDYtLjcwOEwxMi4yMDcgOHoiLz48L2c+PC9zdmc+) no-repeat;
background-color: #fff;
background-position: 50%;
}
.ImageCarousel88__prev--reducedMode {
display: none;
}
@media (min-width: 1024px) {
.ImageCarousel88__prev--reducedMode {
display: inline;
display: initial;
}
[dir=ltr] .ImageCarousel88__prev--reducedMode {
left: 16px;
}
[dir=rtl] .ImageCarousel88__prev--reducedMode {
right: 16px;
}
}
@media (min-width: 1024px) {
.ImageCarousel88__prev--transform {
-webkit-transform: scaleX(-1);
}
[dir] .ImageCarousel88__prev--transform {
transform: scaleX(-1);
margin-top: -16px;
}
}
.ImageCarousel88__prev--loading {
display: none;
}
.ImageCarousel88__prev--hidden {
display: none;
}
.ImageCarousel88__prev--mobileHidden {
display: none;
}
@media (min-width: 1024px) {
.ImageCarousel88__prev--mobileHidden {
display: inline;
display: initial;
}
}
@media (min-width: 1024px) {
[dir] .ImageCarousel88__mainCarousel--allow2ndLevelZoom {
cursor:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5Hcm91cCAzIENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InByb2R1Y3QtLy16b29tLS8t8J+boC0vLWNsb3NlX2N1cnNvciI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zLUNvcHkiPgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbC1vcGFjaXR5PSIwLjUiIGZpbGw9IiMwMDAwMDAiIGN4PSIxNiIgY3k9IjE2IiByPSIxNiI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8ZyBpZD0iRWxlbWVudHMvSWNvbi9QbHVzLzE2cHgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguMDAwMDAwLCA4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJJY29uIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMSIgcG9pbnRzPSIwIDE2IDE2IDE2IDE2IDAgMCAwIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJDb2xvdXIiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iOCA3IDggMSA3IDEgNyA3IDEgNyAxIDggNyA4IDcgMTQgOCAxNCA4IDggMTQgOCAxNCA3Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) 16 16,
auto;
}
}
.ImageCarousel88__mainCarouselWithDots {
width: 100%;
position: relative;
overflow: hidden;
}
[dir] .ImageCarousel88__mainCarouselWithDots--single {
margin-bottom: 24px;
}
@media (min-width: 1024px) {
[dir] .ImageCarousel88__mainCarouselWithDots--single {
margin-top: 42px;
}
}
@media (min-width: 768px) {
[dir] .ImageCarousel88__mainCarouselWithDots--loading {
margin-bottom: 40px;
}
}
@media (min-width: 1024px) {
[dir] .ImageCarousel88__mainCarouselWithDots--reducedMode {
margin-bottom: 40px;
}
}
.ImageCarousel88__mainCarousel {
width: 100%;
position: relative;
}
@media (min-width: 1024px) {
.ImageCarousel88__mainCarousel--vertical {
display: none;
}
}
.ImageCarousel88__mainCarousel--showThumbnails {
position: relative;
grid-column: 1/7;
}
@media (min-width: 768px) {
.ImageCarousel88__mainCarousel--showThumbnails {
grid-column: 1/13;
}
}
@media (min-width: 1024px) {
.ImageCarousel88__mainCarousel--showThumbnails {
grid-column: 2/7;
}
}
[dir] .ImageCarousel88__mainCarouselVertical {
cursor:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU0LjEgKDc2NDkwKSAtIGh0dHBzOi8vc2tldGNoYXBwLmNvbSAtLT4KICAgIDx0aXRsZT5Hcm91cCAzIENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InByb2R1Y3QtLy16b29tLS8t8J+boC0vLWNsb3NlX2N1cnNvciI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0zLUNvcHkiPgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbCIgZmlsbC1vcGFjaXR5PSIwLjUiIGZpbGw9IiMwMDAwMDAiIGN4PSIxNiIgY3k9IjE2IiByPSIxNiI+PC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8ZyBpZD0iRWxlbWVudHMvSWNvbi9QbHVzLzE2cHgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDguMDAwMDAwLCA4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJJY29uIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkZpbGwtMSIgcG9pbnRzPSIwIDE2IDE2IDE2IDE2IDAgMCAwIj48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJDb2xvdXIiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iOCA3IDggMSA3IDEgNyA3IDEgNyAxIDggNyA4IDcgMTQgOCAxNCA4IDggMTQgOCAxNCA3Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) 16 16,
auto;
}
@media (min-width: 768px) and (max-width: 1023px) {
.ImageCarousel88__mainCarouselVertical {
display: none;
}
}
@media (min-width: 0px) and (max-width: 767px) {
.ImageCarousel88__mainCarouselVertical {
display: none;
}
}
.ImageCarousel88__thumbnails {
display: none;
}
@media (min-width: 1024px) {
.ImageCarousel88__thumbnails {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.ImageCarousel88__thumbnails--skeleton {
height: 12px;
width: 100%;
}
[dir] .ImageCarousel88__thumbnails--skeleton {
background-color: #f0f0f0;
margin: 0 0 8px;
}
@media (min-width: 1024px) {
.ImageCarousel88__thumbnails--skeleton {
height: 16px;
}
}
.ImageCarousel88__thumbnails--reducedMode {
display: none;
}
.ImageCarousel88__thumbnail {
display: block;
width: 56px;
outline: none;
}
[dir] .ImageCarousel88__thumbnail {
padding: 4px;
cursor: pointer;
}
.ImageCarousel88__thumbnail--active {
width: 56px;
}
[dir] .ImageCarousel88__thumbnail--active {
padding: 3px;
border: solid 1px #838383;
}
@media (min-width: 1024px) {
.ImageCarousel88__thumbnail--loading {
display: none;
}
}
.ImageCarousel88__thumbnailImage--video:after {
filter: url("data:image/svg+xml;charset=utf-8,#filter");
-webkit-filter: invert(100%);
filter: invert(100%);
position: absolute;
top: 0;
bottom: 0;
display: block;
content: '';
}
[dir] .ImageCarousel88__thumbnailImage--video:after {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMzIgMHYzMkgwVjB6Ii8+PHBhdGggZD0iTTggMjdsMTguMzA3LTExTDggNXYyMnoiIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=) no-repeat;
background-position: center;
}
[dir=ltr] .ImageCarousel88__thumbnailImage--video:after {
left: 0;
right: 0;
}
[dir=rtl] .ImageCarousel88__thumbnailImage--video:after {
right: 0;
left: 0;
}
.ImageCarousel88__deep-gears-root {
top: 0px;
position: absolute;
width: 100%;
height: 100%;
z-index: 9999;
}
[dir] .ImageCarousel88__deep-gears-root {
cursor: default;
}
.ProductInformation88__designerInfoContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
[dir] .ProductInformation88__designerInfoContainer {
margin: 0;
}
.ProductInformation88__designer {
font: 24px/30px Georgia;
font-weight: normal;
}
.ProductInformation88__designer:lang(ar) {
font: 40px/40px Amariya;
}
.ProductInformation88__designer:lang(ko) {
font:
24px/30px NotoSansKR,
Georgia;
}
.ProductInformation88__designer:lang(ja) {
font:
23px/30px NotoSansJP,
Georgia;
font-weight: 500;
}
@media (min-width: 1024px) {
.ProductInformation88__designer {
font-size: 32px;
line-height: 40px;
}
.ProductInformation88__designer:lang(ar) {
font-size: 40px;
line-height: 40px;
}
.ProductInformation88__designer:lang(ko) {
font-size: 32px;
line-height: 40px;
}
}
[dir] .ProductInformation88__designer {
margin-bottom: 8px;
}
@media (min-width: 0px) and (max-width: 767px) {
.ProductInformation88__designer {
@apply heading-b2;
text-transform: uppercase;
}
[dir] .ProductInformation88__designer {
margin-bottom: 0;
}
}
.ProductInformation88__designer:lang(ar) {
font-family: Georgia;
font-size: 24px;
line-height: 30px;
}
@media (min-width: 1024px) {
.ProductInformation88__designer:lang(ar) {
font-size: 32px;
line-height: 40px;
letter-spacing: 1.6px;
}
}
[dir] .ProductInformation88__designer {
margin-top: 0px;
}
.ProductInformation88__designer--loading {
height: 12px;
width: 100%;
}
[dir] .ProductInformation88__designer--loading {
background-color: #f0f0f0;
margin: 0 0 8px;
}
@media (min-width: 1024px) {
.ProductInformation88__designer--loading {
height: 16px;
}
}
.ProductInformation88__designer--loading {
width: 40%;
}
.ProductInformation88__designer--soldOut {
font: 14px/18px Georgia;
font-weight: normal;
}
.ProductInformation88__designer--soldOut:lang(ar) {
font: 14px/18px Amariya;
}
.ProductInformation88__designer--soldOut:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.ProductInformation88__designer--soldOut:lang(ja) {
font:
13px/18px NotoSansJP,
Georgia;
font-weight: 500;
}
@media (min-width: 1024px) {
.ProductInformation88__designer--soldOut {
font: 24px/30px Georgia;
font-weight: normal;
}
.ProductInformation88__designer--soldOut:lang(ar) {
font: 24px/30px Amariya;
}
.ProductInformation88__designer--soldOut:lang(ko) {
font:
24px/30px NotoSansKR,
Georgia;
}
.ProductInformation88__designer--soldOut:lang(ja) {
font:
23px/30px NotoSansJP,
Georgia;
font-weight: 500;
}
}
.ProductInformation88__name {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.ProductInformation88__name:lang(ar) {
font: 20px/26px Amariya;
}
.ProductInformation88__name:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.ProductInformation88__name:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.ProductInformation88__name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
white-space: unset;
color: #000;
}
[dir] .ProductInformation88__name {
margin-top: 0px;
margin-bottom: 16px;
}
@media (min-width: 1024px) {
[dir] .ProductInformation88__name {
margin-bottom: 8px;
}
}
[dir] .ProductInformation88__name:lang(ar) {
margin-bottom: 0;
}
@media (min-width: 0px) and (max-width: 767px) {
.ProductInformation88__name--stickyCta {
color: #656565;
}
[dir] .ProductInformation88__name--stickyCta {
margin-bottom: 8px;
}
}
.ProductInformation88__name--loading {
height: 12px;
width: 100%;
}
[dir] .ProductInformation88__name--loading {
background-color: #f0f0f0;
margin: 0 0 8px;
}
@media (min-width: 1024px) {
.ProductInformation88__name--loading {
height: 16px;
}
}
.ProductInformation88__name--loading {
width: 65%;
}
[dir] .ProductInformation88__name--soldOut {
margin-bottom: 8px;
}
.Swatch6__image {
display: inline-block;
height: 32px;
width: 32px;
}
[dir] .Swatch6__image {
border: solid 1px #cbcbcb;
}
.Swatch6__image--notBuyable:after {
content: '';
display: block;
height: 100%;
width: 100%;
}
[dir=ltr] .Swatch6__image--notBuyable:after {
background: linear-gradient(
to top left,
rgba(0, 0, 0, .5) 0%,
rgba(0, 0, 0, .5) calc(50% - 1px),
#cbcbcb 50%,
rgba(0, 0, 0, .5) calc(50% + 1px),
rgba(0, 0, 0, .5) 100%
);
}
[dir=rtl] .Swatch6__image--notBuyable:after {
background: linear-gradient(
to top right,
rgba(0, 0, 0, .5) 0%,
rgba(0, 0, 0, .5) calc(50% - 1px),
#cbcbcb 50%,
rgba(0, 0, 0, .5) calc(50% + 1px),
rgba(0, 0, 0, .5) 100%
);
}
[dir] .Swatch6__image--whiteSwatch {
border: 1px solid #cbcbcb;
}
[dir] .Swatch6__image--fallback {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjODM4MzgzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNS45NDUgNi4xMDRjLS42MjIuNjE0LTEuMzk1Ljg5Ni0yLjQ0Ljg5Ni0xLjA0MyAwLTEuODE3LS4yODItMi40NS0uODk2QzMwLjM5OCA1LjQ2NSAzMCA0LjUwNyAzMCAzLjUxMmMwLTEuMDE5LjM5OC0xLjk4OSAxLjA1NS0yLjYxNUMzMS43MTIuMjcgMzIuNDYyIDAgMzMuNTUzIDBjLjk5NyAwIDEuNzgyLjI5NSAyLjM5Mi44OTdDMzYuNjEzIDEuNTM1IDM3IDIuNDkzIDM3IDMuNWMwIDEuMDA3LS4zODcgMS45NjUtMS4wNTUgMi42MDR6TTMzLjQ3IDEuMDE5Yy0xLjM3MiAwLTIuMzIyIDEuMDA4LTIuMzIyIDIuNDgxIDAgMS40ODYuOTUgMi40OCAyLjM1NyAyLjQ4IDEuNDA3IDAgMi4zNTctLjk5NCAyLjM1Ny0yLjQ2OCAwLTEuNTEtLjk1LTIuNDkzLTIuMzkyLTIuNDkzek03IDBINS41NEwzLjUyNCAzLjk5MyAxLjM2OCAwSDBWN2guOTQ2VjEuNDJsMi41MiA0Ljc3NEw1LjkyOCAxLjQyVjdIN1YuNjR6TTE1LjY0NCA2LjM1YTIuMjc1IDIuMjc1IDAgMCAwLS4wNDItLjA4bC0uMzg2LS43LS4wMjMtLjA0My0uOTEtMS42NWMuOTU0LS4yMDQgMS40MjUtLjgwNiAxLjQyNS0xLjg0MiAwLS43ODEtLjI5NC0xLjQ0Ni0uNzc3LTEuNzI4QzE0LjUxOS4wNjQgMTQuMDk2IDAgMTIuODk1IDBIMTBWN2gxLjEwNlY0LjAwNWgxLjk3N2wuNjc4IDEuMjE1LjYzIDEuMTI4LjAyMS4wNC4zNDIuNjEySDE2bC0uMzU2LS42NXptLTIuMjktMy4zNjhoLTIuMjQ4VjEuMDI0aDIuMjQ4Yy41NzcgMCAuODEyLjAzOCAxLjAzNi4xOTIuMjIzLjE0LjM0LjQ0OC4zNC43OCAwIC4zNDYtLjEyOC42NC0uMzQuNzgtLjIyNC4xNTUtLjQ4My4yMDYtMS4wMzYuMjA2ek0yNy4yMDQuMzQ1QzI2LjguMDkgMjYuMzMyIDAgMjUuMzg1IDBIMjJWN2gxLjE4N1Y0LjAxOGgyLjE5OGMuOTczIDAgMS4zNzctLjA3NyAxLjgwNy0uMzU4LjUxOC0uMzMzLjgwOC0uOTIxLjgwOC0xLjY1IDAtLjcxNy0uMzAzLTEuMzQ1LS43OTYtMS42NjV6bS0xLjc4MSAyLjY1aC0yLjIzNlYxLjAyNGgyLjIzNmMuNjU3IDAgLjk0OC4wNSAxLjE4Ny4yMDQuMjE1LjE0MS4zMjkuNDIzLjMyOS43ODEgMCAuNzQyLS4zNjYuOTg2LTEuNTE2Ljk4NnpNNDMuNjQ0IDYuMzVsLS4wNDItLjA4LS4zODUtLjctLjAyNC0uMDQzLS45MDktMS42NWMuOTUzLS4yMDQgMS40MjQtLjgwNiAxLjQyNC0xLjg0MiAwLS43ODEtLjI5NC0xLjQ0Ni0uNzc3LTEuNzI4QzQyLjUyLjA2NCA0Mi4wOTYgMCA0MC44OTUgMEgzOFY3aDEuMTA2VjQuMDA1aDEuOTc3bC42NzggMS4yMTUuNjMgMS4xMjhhLjY2LjY2IDAgMCAxIC4wMjEuMDRsLjM0Mi42MTJINDRsLS4zNTYtLjY1em0tMi4yOS0zLjM2OGgtMi4yNDhWMS4wMjRoMi4yNDhjLjU3NyAwIC44MTIuMDM4IDEuMDM2LjE5Mi4yMjMuMTQuMzQxLjQ0OC4zNDEuNzggMCAuMzQ2LS4xMy42NC0uMzQxLjc4LS4yMjQuMTU1LS40ODMuMjA2LTEuMDM2LjIwNnpNNTEuNDM1IDBINDZ2MS4wMjRoMi40NDdWN2gxLjEwNlYxLjAyNEg1MlYwek01OS4zOSA1Ljk3NmgtNC4xNzJWMy45NDFINTguMzNWMi45MThINTUuMjE3VjEuMDI0aDQuNDk3VjBINTR2N2g2VjUuOTc2ek02Ny42NDQgNi4zNWEyLjY4NiAyLjY4NiAwIDAgMC0uMDQyLS4wOGwtLjM4Ni0uNy0uMDIzLS4wNDMtLjkwOS0xLjY1Yy45NTMtLjIwNCAxLjQyNC0uODA2IDEuNDI0LTEuODQyIDAtLjc4MS0uMjk0LTEuNDQ2LS43NzctMS43MjhDNjYuNTIuMDY0IDY2LjA5NiAwIDY0Ljg5NSAwSDYyVjdoMS4xMDZWNC4wMDVoMS45NzhsLjY3NyAxLjIxNS42MjkgMS4xMjhjLjAwNi4wMDkuMDE0LjAyMy4wMjIuMDRsLjM0Mi42MTJINjhsLS4zNTYtLjY1em0tMi4yOS0zLjM2OGgtMi4yNDhWMS4wMjRoMi4yNDhjLjU3NyAwIC44MTIuMDM4IDEuMDM2LjE5Mi4yMjMuMTQuMzQuNDQ4LjM0Ljc4IDAgLjM0Ni0uMTI4LjY0LS4zNC43OC0uMjI0LjE1NS0uNDgzLjIwNi0xLjAzNi4yMDZ6Ii8+PC9nPjwvc3ZnPg==) no-repeat;
background-position: 50%;
background-size: 90%;
background-repeat: no-repeat;
background-color: #f0f0f0;
}
.ProductDetailsColours88 {
/* TODO: Add transition on expand colours as soon we get it from design team */
}
.ProductDetailsColours88--loading {
height: 12px;
width: 100%;
}
[dir] .ProductDetailsColours88--loading {
background-color: #f0f0f0;
margin: 0 0 8px;
}
@media (min-width: 1024px) {
.ProductDetailsColours88--loading {
height: 16px;
}
}
.ProductDetailsColours88--loading {
width: 33%;
}
[dir] .ProductDetailsColours88--loading {
margin-top: 40px;
margin-bottom: 40px;
}
@media (min-width: 1024px) {
[dir] .ProductDetailsColours88--loading {
margin-top: 64px;
margin-bottom: 64px;
}
}
.ProductDetailsColours88__swatchList {
display: grid;
grid-template-columns: repeat(auto-fit, 42px);
gap: 8px 8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000;
width: 100%;
}
[dir] .ProductDetailsColours88__swatchList {
margin-bottom: 16px;
}
@media (min-width: 1024px) {
.ProductDetailsColours88__swatchList--collapseColours {
max-height: 44px;/*
24px swatch height
*/
overflow: hidden;
}
}
.ProductDetailsColours88__coloursList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ProductDetailsColours88__colourHeading {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.ProductDetailsColours88__colourHeading:lang(ar) {
font: 20px/26px Amariya;
}
.ProductDetailsColours88__colourHeading:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.ProductDetailsColours88__colourHeading:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.ProductDetailsColours88__colourHeading {
color: #656565;/*
if the colourHeading is the last-child it means it is a single colour product
(as in: list of swatch doesnt exist) and in these case we want to increase the spacing
*/
}
[dir] .ProductDetailsColours88__colourHeading {
margin-bottom: 8px;
}
[dir] .ProductDetailsColours88__colourHeading:last-child {
margin-bottom: 24px;
}
.ProductDetailsColours88__colourName {
color: #000;
}
.ProductDetailsColours88__swatch {
font-size: 0; /* fix space between inline block elements */
width: 42px;
}
[dir] .ProductDetailsColours88__swatch {
padding: 4px;
cursor: pointer;
border: solid 1px transparent;
}
.ProductDetailsColours88__swatch--active {
position: relative;
}
[dir] .ProductDetailsColours88__swatch--active {
background-color: #fff;
border: solid 1px #838383;
}
.ProductDetailsColours88__moreColours {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.ProductDetailsColours88__moreColours:lang(ar) {
font: 20px/26px Amariya;
}
.ProductDetailsColours88__moreColours:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.ProductDetailsColours88__moreColours:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.ProductDetailsColours88__moreColours {
color: #656565;
}
[dir] .ProductDetailsColours88__moreColours {
border-bottom: 1px solid #838383;
}
.ProductDetailsColours88__moreColours:hover {
color: #656565;
}
[dir] .ProductDetailsColours88__moreColours:hover {
border-color: #656565;
}
.ProductDetailsColours88__moreColours:active {
color: #656565;
}
[dir] .ProductDetailsColours88__moreColours:active {
border-color: #656565;
}
.ProductDetailsColours88__moreColours {
display: none;
white-space: nowrap;
}
[dir] .ProductDetailsColours88__moreColours {
cursor: pointer;
}
@media (min-width: 1024px) {
.ProductDetailsColours88__moreColours {
display: inline-block;
}
}
.CombinedSelect11 {
position: relative;
color: #000;
}
.CombinedSelect11::before {
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-transform: rotatex(0deg);
content: '';
position: absolute;
width: 16px;
height: 16px;
top: 50%;
bottom: 50%;
pointer-events: none;
z-index: 1;
}
[dir] .CombinedSelect11::before {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAxNlYwaDE2djE2eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTggMTIuMjA3TC42NDYgNC44NTNsLjcwOC0uNzA2TDggMTAuNzkzbDYuNjQ2LTYuNjQ2LjcwOC43MDZ6Ii8+PC9nPjwvc3ZnPg==) no-repeat;
-webkit-transition: -webkit-transform 0.3s ease-out;
transform: rotatex(0deg);
margin: auto 0;
}
[dir=ltr] .CombinedSelect11::before {
right: 12px;
}
[dir=rtl] .CombinedSelect11::before {
left: 12px;
}
.CombinedSelect11--disabled {
pointer-events: none;
}
.CombinedSelect11--opened {
z-index: 2000;
}
@media (min-width: 1024px) {
.CombinedSelect11--opened::before {
-webkit-transform: rotatex(180deg);
z-index: 3000;
}
[dir] .CombinedSelect11--opened::before {
transform: rotatex(180deg);
}
}
[dir] .CombinedSelect11--selectWithError {
border: 1px solid #b43a3a;
}
.CombinedSelect11--link::before {
display: inline-block;
}
@media (min-width: 0px) and (max-width: 767px) {
[dir=ltr] .CombinedSelect11--link::before {
right: 0px !important;
}
[dir=rtl] .CombinedSelect11--link::before {
left: 0px !important;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
[dir=ltr] .CombinedSelect11--link::before {
right: 0px !important;
}
[dir=rtl] .CombinedSelect11--link::before {
left: 0px !important;
}
}
[dir] .CombinedSelect11__wishlistSelect {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZD0iTTggMy4xNzVMOS4zMyA3aDMuNzY3bC0yLjk0IDIuMjk2IDEuMDQ3IDMuNzg0TDggMTAuOTJsLTMuMjA0IDIuMTYgMS4wNDYtMy43ODVMMi45MDQgN0g2LjY3TDggMy4xNzV6TTggLjEzTDUuOTYgNkgwbDQuNyAzLjY3My0xLjU4OCA1Ljc1TDggMTIuMTI1bDQuODkgMy4yOTctMS41OS01Ljc1TDE2IDZoLTUuOTZMOCAuMTN6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+) no-repeat;
background-position: 16px 16px;
background-color: #fff;
text-align: center;
}
@media (min-width: 1024px) {
[dir] .CombinedSelect11__wishlistSelect {
background-position: 16px 12px;
}
}
[dir=ltr] .CombinedSelect11__wishlistSelect > li:first-child {
padding-left: 40px;
}
[dir=rtl] .CombinedSelect11__wishlistSelect > li:first-child {
padding-right: 40px;
}
.CombinedSelect11__wishlistSelect > select {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.CombinedSelect11__wishlistSelect > select:lang(ar) {
font: 20px/26px Amariya;
}
.CombinedSelect11__wishlistSelect > select:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.CombinedSelect11__wishlistSelect > select:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.CombinedSelect11__wishlistSelect > select {
color: #000;
height: 48px;
text-decoration: none;/*
not compatible with Safari
*/
-moz-text-align-last: center;
}
[dir] .CombinedSelect11__wishlistSelect > select {
text-align: center;
background: none;
text-align-last: center;
}
@media (min-width: 1024px) {
.CombinedSelect11__wishlistSelect > select {
height: 40px;
}
}
[dir] .CombinedSelect11__wishlistSelect ul {
text-align: center;
}
[dir] .CombinedSelect11__wishlistSelect li:not(:first-child) {
background: #fff;
}
.CombinedSelect11__customizedSelect {
display: none;
height: 40px;
width: 100%;
position: relative;
}
[dir] .CombinedSelect11__customizedSelect {
background: none;
}
@media (min-width: 1024px) {
.CombinedSelect11__customizedSelect {
display: block;
}
}
.CombinedSelect11__field {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.CombinedSelect11__field:lang(ar) {
font: 20px/26px Amariya;
}
.CombinedSelect11__field:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.CombinedSelect11__field:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
[dir] .CombinedSelect11__field {
border: 1px solid #cbcbcb;
border-radius: 2px;
background: #fff;
padding: 0;
}
.CombinedSelect11__field::-webkit-scrollbar {
width: 16px;
}
.CombinedSelect11__field::-webkit-scrollbar-thumb {
min-height: 68px;
}
[dir] .CombinedSelect11__field::-webkit-scrollbar-thumb {
border: 6px solid rgba(0, 0, 0, 0);
border-radius: 100px;
background-color: #cbcbcb;
background-clip: padding-box;
}
.CombinedSelect11__field {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 48px;
width: 100%;
line-height: 40px;
overflow: hidden;
}
[dir] .CombinedSelect11__field {
border-top: none;
cursor: pointer;
}
[dir=ltr] .CombinedSelect11__field {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
[dir=rtl] .CombinedSelect11__field {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.CombinedSelect11__field::-ms-expand {
display: none;
}
.CombinedSelect11__field::-ms-expand {
display: none;
}
[dir] .CombinedSelect11__field:hover.promptError {
border: 1px solid #b43a3a;
}
[dir] .CombinedSelect11__field:active {
border-color: #000;
}
.CombinedSelect11__field:focus {
outline: none;
}
[dir] .CombinedSelect11__field:focus {
border-color: #000;
}
@media (min-width: 1024px) {
.CombinedSelect11__field {
height: 40px;
}
}
.CombinedSelect11__field--custom {
visibility: hidden;
position: relative;
}
.CombinedSelect11__field--opened {
display: block;
min-height: 40px;
overflow: auto;
height: auto;
visibility: visible;
}
[dir] .CombinedSelect11__field--opened {
border-color: #000;
}
.CombinedSelect11__field--noLabel {
display: block;
visibility: visible;
}
[dir] .CombinedSelect11__field--noLabel {
border-top: 1px solid #cbcbcb;
}
[dir=ltr] .CombinedSelect11__field--noLabel {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
[dir=rtl] .CombinedSelect11__field--noLabel {
border-top-right-radius: 2px;
border-top-left-radius: 2px;
}
.CombinedSelect11__field--nativeSelect {
display: block;
}
[dir] .CombinedSelect11__field--nativeSelect {
border-top: 1px solid #cbcbcb;
}
[dir=ltr] .CombinedSelect11__field--nativeSelect {
padding: 0 40px 0 12px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
[dir=rtl] .CombinedSelect11__field--nativeSelect {
padding: 0 12px 0 40px;
border-top-right-radius: 2px;
border-top-left-radius: 2px;
}
[dir=ltr] .CombinedSelect11__field--nativeSelect:lang(ar) {
padding: 0 32px 0 8px;
}
[dir=rtl] .CombinedSelect11__field--nativeSelect:lang(ar) {
padding: 0 8px 0 32px;
}
[dir] .CombinedSelect11__field--nativeSelect:hover {
border-color: #838383;
}
[dir] .CombinedSelect11__field--nativeSelect:active {
border-color: #000;
}
.CombinedSelect11__field--nativeSelect:focus {
outline: none;
}
[dir] .CombinedSelect11__field--nativeSelect:focus {
border-color: #000;
}
@media (min-width: 1024px) {
.CombinedSelect11__field--nativeSelect {
display: none;
}
}
.CombinedSelect11__field--placeholderText {
color: #000;
}
@media (min-width: 0px) and (max-width: 767px) {
.CombinedSelect11__field--link {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.CombinedSelect11__field--link:lang(ar) {
font: 20px/26px Amariya;
}
.CombinedSelect11__field--link:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.CombinedSelect11__field--link:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.CombinedSelect11__field--link {
text-decoration: none;
}
[dir] .CombinedSelect11__field--link {
border: none;
}
[dir=ltr] .CombinedSelect11__field--link {
direction: rtl;
padding: 0 24px 0 0;
}
[dir=rtl] .CombinedSelect11__field--link {
direction: ltr;
padding: 0 0 0 24px;
}
[dir] .CombinedSelect11__field--link:hover, [dir] .CombinedSelect11__field--link:focus {
border: none;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.CombinedSelect11__field--link {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.CombinedSelect11__field--link:lang(ar) {
font: 20px/26px Amariya;
}
.CombinedSelect11__field--link:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.CombinedSelect11__field--link:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.CombinedSelect11__field--link {
text-decoration: none;
}
[dir] .CombinedSelect11__field--link {
border: none;
}
[dir=ltr] .CombinedSelect11__field--link {
direction: rtl;
padding: 0 24px 0 0;
}
[dir=rtl] .CombinedSelect11__field--link {
direction: ltr;
padding: 0 0 0 24px;
}
[dir] .CombinedSelect11__field--link:hover, [dir] .CombinedSelect11__field--link:focus {
border: none;
}
}
[dir] .CombinedSelect11__field--selectWithError {
border: none;
border-bottom: 1px solid #b43a3a;
}
[dir=ltr] .CombinedSelect11__field--selectWithError {
border-left: 1px solid #b43a3a;
border-right: 1px solid #b43a3a;
}
[dir=rtl] .CombinedSelect11__field--selectWithError {
border-right: 1px solid #b43a3a;
border-left: 1px solid #b43a3a;
}
@media (min-width: 0px) and (max-width: 767px) {
[dir] .CombinedSelect11__field--selectWithError {
border-top: 1px solid #b43a3a;
}
}
.CombinedSelect11__label {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.CombinedSelect11__label:lang(ar) {
font: 20px/26px Amariya;
}
.CombinedSelect11__label:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.CombinedSelect11__label:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.CombinedSelect11__label {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
overflow: hidden;
}
[dir] .CombinedSelect11__label {
border: 1px solid #cbcbcb;
border-radius: 2px;
background: #fff;
padding: 0;
background: none;
cursor: pointer;
}
[dir=ltr] .CombinedSelect11__label {
line-height: 40px /*rtl:calc(5 * 8px)*/;
padding: 0 40px 0 12px;
padding: 0 40px 0 12px;
}
[dir=rtl] .CombinedSelect11__label {
line-height: 40px;
padding: 0 12px 0 40px;
padding: 0 12px 0 40px;
}
.CombinedSelect11__label:lang(ar) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
[dir=ltr] .CombinedSelect11__label:lang(ar) {
padding: 0 32px 0 8px;
}
[dir=rtl] .CombinedSelect11__label:lang(ar) {
padding: 0 8px 0 32px;
}
@media (min-width: 1024px) {
.CombinedSelect11__label {
height: 40px;
}
[dir] .CombinedSelect11__label {
background-color: #fff;
}
}
[dir] .CombinedSelect11__label:hover {
border-color: #838383;
}
[dir] .CombinedSelect11__label:active {
border-color: #000;
}
.CombinedSelect11__label--opened {
z-index: 2000;
}
[dir] .CombinedSelect11__label--opened {
border-bottom: none;
border-color: #000;
}
[dir=ltr] .CombinedSelect11__label--opened {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
[dir=rtl] .CombinedSelect11__label--opened {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
[dir] .CombinedSelect11__label--opened:hover {
border-color: #000;
}
[dir] .CombinedSelect11__label--selectWithError {
border: 1px solid #b43a3a;
}
@media (min-width: 1024px) {
[dir] .CombinedSelect11__label--alternateBorder {
border-color: #000;
}
}
.CombinedSelect11__option {
white-space: nowrap;
line-height: 40px;
}
[dir=ltr] .CombinedSelect11__option {
padding: 0 40px 0 12px;
border-left: 3px solid transparent;
}
[dir=rtl] .CombinedSelect11__option {
padding: 0 12px 0 40px;
border-right: 3px solid transparent;
}
.CombinedSelect11__option:disabled {
pointer-events: none;
}
[dir] .CombinedSelect11__option--selected {
border-color: #000;
}
[dir] .CombinedSelect11__option--opened:hover:not(:disabled) {
background-color: #f0f0f0;
}
.CombinedSelect11__search {
position: relative;
}
[dir=ltr] .CombinedSelect11__search {
border-left: 1px solid black;
border-right: 1px solid black;
}
[dir=rtl] .CombinedSelect11__search {
border-right: 1px solid black;
border-left: 1px solid black;
}
.CombinedSelect11__icon {
position: absolute;
height: 40px;
width: 16px;
top: 14px;
}
[dir] .CombinedSelect11__icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZD0iTTExLjg0NiAzLjA3NWE1Ljc0NyA1Ljc0NyAwIDAgMC03Ljg5LTEuOTY3IDUuNzQ5IDUuNzQ5IDAgMCAwIDIuOTY4IDEwLjY3OGMuODQxIDAgMS42ODktLjE5NyAyLjQ4Ni0uNTgzTDExLjY5IDE1aDEuMjI3bC0yLjYwMS00LjMzYTUuNzQ3IDUuNzQ3IDAgMCAwIDEuNTMtNy41OTV6TTkuMzQgMTAuMDY4YTQuNjk0IDQuNjk0IDAgMCAxLTIuNDE3LjY3MyA0LjY3NCA0LjY3NCAwIDAgMS00LjAzOC0yLjI4MiA0LjY4MyA0LjY4MyAwIDAgMS0uNTMyLTMuNTYxIDQuNjc0IDQuNjc0IDAgMCAxIDIuMTQyLTIuODk0IDQuNjkzIDQuNjkzIDAgMCAxIDIuNDE3LS42NzJjMS42NjkgMCAzLjE3OS44NTMgNC4wMzggMi4yODJhNC42NzIgNC42NzIgMCAwIDEgLjUzMiAzLjU2IDQuNjc0IDQuNjc0IDAgMCAxLTIuMTQyIDIuODk0eiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) no-repeat;
background-repeat: no-repeat;
}
[dir=ltr] .CombinedSelect11__icon {
left: 16px;
}
[dir=rtl] .CombinedSelect11__icon {
right: 16px;
}
.CombinedSelect11__input {
height: 48px;
}
[dir] .CombinedSelect11__input {
border-radius: 2px;
background-color: #fff;
border: 1px solid #cbcbcb;
}
[dir=ltr] .CombinedSelect11__input {
padding: 8px 40px 8px 12px;
}
[dir=rtl] .CombinedSelect11__input {
padding: 8px 12px 8px 40px;
}
[dir] .CombinedSelect11__input:hover {
border: 1px solid #838383;
}
.CombinedSelect11__input:focus {
outline: none;
}
[dir] .CombinedSelect11__input:focus {
border: 1px solid #000;
}
@media (min-width: 1024px) {
.CombinedSelect11__input {
height: 40px;
}
}
.CombinedSelect11__input {
font: 14px/22px Georgia;
font-weight: normal;
}
.CombinedSelect11__input:lang(ar) {
font: 20px/26px Amariya;
}
.CombinedSelect11__input:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.CombinedSelect11__input:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.CombinedSelect11__input {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.CombinedSelect11__input:lang(ar) {
font: 20px/26px Amariya;
}
.CombinedSelect11__input:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.CombinedSelect11__input:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.CombinedSelect11__input {
height: 48px;
outline: none !important;
}
[dir] .CombinedSelect11__input {
padding: 8px 0;
border: none !important;
}
[dir=ltr] .CombinedSelect11__input {
padding-left: 40px !important;
}
[dir=rtl] .CombinedSelect11__input {
padding-right: 40px !important;
}
.CombinedSelect11__input:hover,
.CombinedSelect11__input:focus {
-webkit-box-shadow: none !important;
}
[dir] .CombinedSelect11__input:hover, [dir] .CombinedSelect11__input:focus {
border: none !important;
box-shadow: none !important;
}
.CombinedSelect11__input::-webkit-input-placeholder {
color: #cbcbcb;
}
.CombinedSelect11__input::-moz-placeholder {
color: #cbcbcb;
}
.CombinedSelect11__input::-ms-input-placeholder {
color: #cbcbcb;
}
.CombinedSelect11__input::placeholder {
color: #cbcbcb;
}
.GridSelect11 {
display: grid;
grid-template-columns: repeat(4, 1fr);
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
row-gap: 8px;
}
@media (min-width: 1024px) {
.GridSelect11 {
grid-template-columns: repeat(4, minmax(80px, 1fr));
}
}
.GridSelect11__optionWrapper {
position: relative;
display: inline-block;
min-width: 80px;
min-height: 48px;
}
@media (min-width: 0px) and (max-width: 767px) {
.GridSelect11__optionWrapper {
min-width: 66px;
}
}
@media (min-width: 1024px) {
.GridSelect11__optionWrapper {
min-height: 40px;
}
}
.GridSelect11__input {
position: absolute;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
}
[dir] .GridSelect11__input {
cursor: pointer;
}
[dir=ltr] .GridSelect11__input {
left: 0;
}
[dir=rtl] .GridSelect11__input {
right: 0;
}
[dir] .GridSelect11__input:hover + label {
border-color: #cbcbcb;
}
[dir] .GridSelect11__input:checked + label {
border-color: #000;
}
.GridSelect11__optionBox {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.GridSelect11__optionBox:lang(ar) {
font: 20px/26px Amariya;
}
.GridSelect11__optionBox:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.GridSelect11__optionBox:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.GridSelect11__optionBox {
display: block;
width: 100%;
-webkit-font-feature-settings: "tnum";
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums;
}
[dir] .GridSelect11__optionBox {
border: 1px solid #e5e5e5;
border-radius: 2px;
padding: 14px 4px;
text-align: center;
}
.GridSelect11__optionBox:lang(ar) {
line-height: 18px;
}
@media (min-width: 1024px) {
[dir] .GridSelect11__optionBox {
padding: 10px 4px;
}
}
.GridSelect11__optionBox--unavailable {
color: #838383;
}
[dir=ltr] .GridSelect11__optionBox--unavailable {
background: linear-gradient(
to top left,
#f7f7f7 0%,
#f7f7f7 calc(50% - 0.8px),
#e5e5e5 50%,
#f7f7f7 calc(50% + 0.8px),
#f7f7f7 100%
);
}
[dir=rtl] .GridSelect11__optionBox--unavailable {
background: linear-gradient(
to top right,
#f7f7f7 0%,
#f7f7f7 calc(50% - 0.8px),
#e5e5e5 50%,
#f7f7f7 calc(50% + 0.8px),
#f7f7f7 100%
);
}
.GridSelect11__stockBadgeNotification {
display: none;
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.GridSelect11__stockBadgeNotification:lang(ar) {
font: 20px/26px Amariya;
}
.GridSelect11__stockBadgeNotification:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.GridSelect11__stockBadgeNotification:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.GridSelect11__stockBadgeNotification {
position: absolute;
width: 100%;
z-index: 1001;
-webkit-transform: translateY(4px);
}
[dir] .GridSelect11__stockBadgeNotification {
background-image: none;
padding: 10px 0;
text-align: center;
transform: translateY(4px);
}
[dir=ltr] .GridSelect11__stockBadgeNotification {
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
[dir=rtl] .GridSelect11__stockBadgeNotification {
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
}
.GridSelect11__stockBadgeNotification:first-letter {
text-transform: capitalize;
}
@media (min-width: 1024px) {
.GridSelect11__stockBadgeNotification {
display: block;
}
}
[dir] .promptError {
border: 1px solid #b90000;
}
.SizeSelect88__size {
position: relative;
}
.SizeSelect88--loading {
height: 12px;
width: 100%;
}
[dir] .SizeSelect88--loading {
background-color: #f0f0f0;
margin: 0 0 8px;
}
@media (min-width: 1024px) {
.SizeSelect88--loading {
height: 16px;
}
}
.SizeSelect88--loading {
width: 33%;
}
.SizeSelect88__buttonNotification {
position: absolute !important; /* Has to be !important to override rule with same specificity: Notification.js */
z-index: 2000;
width: 100%;
top: -56px;
}
[dir] .SizeSelect88__buttonNotification {
margin: 0;
}
[dir=ltr] .SizeSelect88__buttonNotification {
-webkit-animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
[dir=rtl] .SizeSelect88__buttonNotification {
-webkit-animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
.SizeSelect88__label {
display: none;
}
[dir] .SizeSelect88__oneSizeLeftStyle {
margin-top: 12px;
}
.SizeSelect88__sizeLabel {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.SizeSelect88__sizeLabel:lang(ar) {
font: 20px/26px Amariya;
}
.SizeSelect88__sizeLabel:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.SizeSelect88__sizeLabel:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
[dir] .SizeSelect88__sizeLabel {
margin-bottom: 0;
}
.SizeSelect88__sizeLabel span:first-of-type:after {
content: ': ';
}
.SizeSelect88__sizeLabel--hide {
display: none;
}
.SizeSelect88__oneSizeLabel {
font-weight: bold;
}
.SizeSelect88__sizeConversionMessage {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.SizeSelect88__sizeConversionMessage:lang(ar) {
font: 20px/26px Amariya;
}
.SizeSelect88__sizeConversionMessage:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.SizeSelect88__sizeConversionMessage:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
[dir] .SizeSelect88__sizeConversionMessage {
margin-top: 24px;
margin-bottom: 0;
}
.SizeSelect88__sizeHeading {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.SizeSelect88__sizeHeading:lang(ar) {
font: 20px/26px Amariya;
}
.SizeSelect88__sizeHeading:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.SizeSelect88__sizeHeading:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.SizeSelect88__sizeHeading {
color: #656565;
grid-area: sizeHeading;
}
[dir] .SizeSelect88__sizeHeading {
margin-bottom: 8px;
}
.SizeSelect88__sizeHeadingLabel {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.SizeSelect88__sizeHeadingLabel:lang(ar) {
font: 20px/26px Amariya;
}
.SizeSelect88__sizeHeadingLabel:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.SizeSelect88__sizeHeadingLabel:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
[dir] .SizeSelect88__sizeHeadingLabel {
margin-bottom: 0;
}
.SizeSelect88__sizeHeadingLabel:after {
content: ': ';
}
.SizeSelect88__sizeHeadingSelectSizeError {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.SizeSelect88__sizeHeadingSelectSizeError:lang(ar) {
font: 20px/26px Amariya;
}
.SizeSelect88__sizeHeadingSelectSizeError:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.SizeSelect88__sizeHeadingSelectSizeError:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.SizeSelect88__sizeHeadingSelectSizeError {
color: #b60218;
}
[dir] .SizeSelect88__sizeHeadingSelectSizeError {
margin-bottom: 0;
}
.SizeSelect88__badgeLabel {
color: #000;
}
.SizeSelect88__sizeName {
color: #000;
}
[dir] .SizeSelect88__notification {
margin-top: 24px;
}
.SizeSelect88__notification a {
text-decoration: underline;
color: inherit;
}
[dir] .SizeSelect88__notification--hideMargin {
margin-top: 0;
margin-bottom: 32px;
}
[dir] .SizeSelect88__error {
margin-top: 11px;
}
.Notification13 {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.Notification13:lang(ar) {
font: 20px/26px Amariya;
}
.Notification13:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.Notification13:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.Notification13 {
display: block;
position: relative;
letter-spacing: normal;
line-height: 16px;
max-width: 768px;
}
[dir] .Notification13 {
border-radius: 2px;
}
[dir=ltr] .Notification13 {
padding: 11px 16px 11px 44px;
}
[dir=rtl] .Notification13 {
padding: 11px 44px 11px 16px;
}
.Notification13--action {
z-index: 120000;
position: fixed;
top: 176px;
min-width: 342px;
max-width: calc(100% - 32px);
}
[dir=ltr] .Notification13--action {
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
[dir=rtl] .Notification13--action {
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.Notification13--action {
max-width: 768px;
}
[dir=ltr] .Notification13--action {
left: 50%;
right: unset;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
[dir=rtl] .Notification13--action {
right: 50%;
left: unset;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
}
.Notification13--popup-success {
color: #09491d;
-webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
}
[dir] .Notification13--popup-success {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjUgMEM1LjE1IDAgMCA1LjE1IDAgMTEuNVM1LjE1IDIzIDExLjUgMjMgMjMgMTcuODUgMjMgMTEuNSAxNy44NSAwIDExLjUgMHptMCAyMkM1LjcxIDIyIDEgMTcuMjkgMSAxMS41UzUuNzEgMSAxMS41IDEgMjIgNS43MSAyMiAxMS41IDE3LjI5IDIyIDExLjUgMjJ6bS0yLjQ4NS03LjA2N2wtMy4wMzctMy4wMzctLjcwNy43MDcgMy43NDUgMy43NDQgOC40MzctOC40MzctLjcwNy0uNzA3LTcuNzMgNy43M3oiIGZpbGw9IiMwYzY2MzMiLz48L3N2Zz4=) no-repeat;
background-color: #ecf4f1;
border: 1px solid #d5e5de;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
}
[dir=ltr] .Notification13--popup-success {
background-position: left 10px top 8px;
}
[dir=rtl] .Notification13--popup-success {
background-position: right 10px top 8px;
}
.Notification13--info-no-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
color: #103855;
line-height: 20px;
}
[dir] .Notification13--info-no-icon {
background-color: #edf6fd;
border: 1px solid #d6e2ec;
padding: 8px;
}
[dir=ltr] .Notification13--info-no-icon {
background-position: left 10px top 8px;
}
[dir=rtl] .Notification13--info-no-icon {
background-position: right 10px top 8px;
}
.Notification13--popup-error {
color: #b60218;
-webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
}
[dir] .Notification13--popup-error {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjQgMHYyNEgwVjB6Ii8+PHBhdGggZD0iTTEyIDZoLTF2N2gxVjZ6bS0uNS02QzUuMTQ5IDAgMCA1LjE0OSAwIDExLjVTNS4xNDkgMjMgMTEuNSAyMyAyMyAxNy44NTEgMjMgMTEuNSAxNy44NTEgMCAxMS41IDB6bTAgMjJDNS43MSAyMiAxIDE3LjI5IDEgMTEuNVM1LjcxIDEgMTEuNSAxIDIyIDUuNzEgMjIgMTEuNSAxNy4yOSAyMiAxMS41IDIyem0wLTdhMSAxIDAgMSAwIDAgMiAxIDEgMCAwIDAgMC0yeiIgZmlsbD0iI0I2MDIxOCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) no-repeat;
background-color: #fdf2f2;
border: 1px solid #eec1c6;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
}
[dir=ltr] .Notification13--popup-error {
background-position: left 10px top 8px;
}
[dir=rtl] .Notification13--popup-error {
background-position: right 10px top 8px;
}
.Notification13--success {
color: #09491d;
}
[dir] .Notification13--success {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjUgMEM1LjE1IDAgMCA1LjE1IDAgMTEuNVM1LjE1IDIzIDExLjUgMjMgMjMgMTcuODUgMjMgMTEuNSAxNy44NSAwIDExLjUgMHptMCAyMkM1LjcxIDIyIDEgMTcuMjkgMSAxMS41UzUuNzEgMSAxMS41IDEgMjIgNS43MSAyMiAxMS41IDE3LjI5IDIyIDExLjUgMjJ6bS0yLjQ4NS03LjA2N2wtMy4wMzctMy4wMzctLjcwNy43MDcgMy43NDUgMy43NDQgOC40MzctOC40MzctLjcwNy0uNzA3LTcuNzMgNy43M3oiIGZpbGw9IiMwYzY2MzMiLz48L3N2Zz4=) no-repeat;
background-color: #ecf4f1;
border: 1px solid #d5e5de;
}
[dir=ltr] .Notification13--success {
background-position: left 10px top 8px;
}
[dir=rtl] .Notification13--success {
background-position: right 10px top 8px;
}
.Notification13--delivery {
line-height: 18px;
color: #000;
}
[dir] .Notification13--delivery {
background: none;
margin-top: 0;
padding: 0;
}
.Notification13--error {
color: #b60218;
}
[dir] .Notification13--error {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjQgMHYyNEgwVjB6Ii8+PHBhdGggZD0iTTEyIDZoLTF2N2gxVjZ6bS0uNS02QzUuMTQ5IDAgMCA1LjE0OSAwIDExLjVTNS4xNDkgMjMgMTEuNSAyMyAyMyAxNy44NTEgMjMgMTEuNSAxNy44NTEgMCAxMS41IDB6bTAgMjJDNS43MSAyMiAxIDE3LjI5IDEgMTEuNVM1LjcxIDEgMTEuNSAxIDIyIDUuNzEgMjIgMTEuNSAxNy4yOSAyMiAxMS41IDIyem0wLTdhMSAxIDAgMSAwIDAgMiAxIDEgMCAwIDAgMC0yeiIgZmlsbD0iI0I2MDIxOCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) no-repeat;
background-color: #fdf2f2;
border: 1px solid #eec1c6;
}
[dir=ltr] .Notification13--error {
background-position: left 10px top 8px;
}
[dir=rtl] .Notification13--error {
background-position: right 10px top 8px;
}
.Notification13--field-error {
color: #b60218;
}
[dir] .Notification13--field-error {
padding: 4px 0 0;
}
.Notification13--info {
color: #103855;
}
[dir] .Notification13--info {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjQgMHYyNEgwVjB6Ii8+PHBhdGggZD0iTTExIDE3aDF2LTdoLTF2N3ptLjUtMTdDNS4xNDkgMCAwIDUuMTQ5IDAgMTEuNVM1LjE0OSAyMyAxMS41IDIzIDIzIDE3Ljg1MSAyMyAxMS41IDE3Ljg1MSAwIDExLjUgMHptMCAyMkM1LjcxIDIyIDEgMTcuMjkgMSAxMS41UzUuNzEgMSAxMS41IDEgMjIgNS43MSAyMiAxMS41IDE3LjI5IDIyIDExLjUgMjJ6bTAtMTZhMSAxIDAgMSAwIDAgMiAxIDEgMCAwIDAgMC0yeiIgZmlsbD0iIzEwMzg1NSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) no-repeat;
background-color: #edf6fd;
border: 1px solid #d6e2ec;
}
[dir=ltr] .Notification13--info {
background-position: left 10px top 8px;
}
[dir=rtl] .Notification13--info {
background-position: right 10px top 8px;
}
.Notification13--info-neutral {
color: #000;
}
[dir] .Notification13--info-neutral {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjQgMHYyNEgwVjB6Ii8+PHBhdGggZD0iTTExIDE3aDF2LTdoLTF2N3ptLjUtMTdDNS4xNDkgMCAwIDUuMTQ5IDAgMTEuNVM1LjE0OSAyMyAxMS41IDIzIDIzIDE3Ljg1MSAyMyAxMS41IDE3Ljg1MSAwIDExLjUgMHptMCAyMkM1LjcxIDIyIDEgMTcuMjkgMSAxMS41UzUuNzEgMSAxMS41IDEgMjIgNS43MSAyMiAxMS41IDE3LjI5IDIyIDExLjUgMjJ6bTAtMTZhMSAxIDAgMSAwIDAgMiAxIDEgMCAwIDAgMC0yeiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) no-repeat;
background-color: #f0f0f0;
border: 1px solid #e5e5e5;
}
[dir=ltr] .Notification13--info-neutral {
background-position: left 10px top 8px;
}
[dir=rtl] .Notification13--info-neutral {
background-position: right 10px top 8px;
}
.Notification13--confirmation-neutral {
color: #000;
}
[dir] .Notification13--confirmation-neutral {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjUgMEM1LjE1IDAgMCA1LjE1IDAgMTEuNVM1LjE1IDIzIDExLjUgMjMgMjMgMTcuODUgMjMgMTEuNSAxNy44NSAwIDExLjUgMHptMCAyMkM1LjcxIDIyIDEgMTcuMjkgMSAxMS41UzUuNzEgMSAxMS41IDEgMjIgNS43MSAyMiAxMS41IDE3LjI5IDIyIDExLjUgMjJ6bS0yLjQ4NS03LjA2N2wtMy4wMzctMy4wMzctLjcwNy43MDcgMy43NDUgMy43NDQgOC40MzctOC40MzctLjcwNy0uNzA3LTcuNzMgNy43M3oiIGZpbGw9IiMwMDAiLz48L3N2Zz4=) no-repeat;
background-color: #f0f0f0;
border: 1px solid #e5e5e5;
}
[dir=ltr] .Notification13--confirmation-neutral {
background-position: left 10px top 8px;
}
[dir=rtl] .Notification13--confirmation-neutral {
background-position: right 10px top 8px;
}
.Notification13--success-action {
color: #09491d;
-webkit-box-shadow:
0 0 15px 0 rgba(0, 0, 0, .05),
0 2px 1px 0 rgba(0, 0, 0, .06);
}
[dir] .Notification13--success-action {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjUgMEM1LjE1IDAgMCA1LjE1IDAgMTEuNVM1LjE1IDIzIDExLjUgMjMgMjMgMTcuODUgMjMgMTEuNSAxNy44NSAwIDExLjUgMHptMCAyMkM1LjcxIDIyIDEgMTcuMjkgMSAxMS41UzUuNzEgMSAxMS41IDEgMjIgNS43MSAyMiAxMS41IDE3LjI5IDIyIDExLjUgMjJ6bS0yLjQ4NS03LjA2N2wtMy4wMzctMy4wMzctLjcwNy43MDcgMy43NDUgMy43NDQgOC40MzctOC40MzctLjcwNy0uNzA3LTcuNzMgNy43M3oiIGZpbGw9IiMwYzY2MzMiLz48L3N2Zz4=) no-repeat;
background-color: #ecf4f1;
border: 1px solid #d5e5de;
box-shadow:
0 0 15px 0 rgba(0, 0, 0, .05),
0 2px 1px 0 rgba(0, 0, 0, .06);
}
[dir=ltr] .Notification13--success-action {
background-position: left 10px top 8px;
}
[dir=rtl] .Notification13--success-action {
background-position: right 10px top 8px;
}
.Notification13--error-action {
color: #b60218;
-webkit-box-shadow:
0 0 15px 0 rgba(0, 0, 0, .05),
0 2px 1px 0 rgba(0, 0, 0, .06);
}
[dir] .Notification13--error-action {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjQgMHYyNEgwVjB6Ii8+PHBhdGggZD0iTTEyIDZoLTF2N2gxVjZ6bS0uNS02QzUuMTQ5IDAgMCA1LjE0OSAwIDExLjVTNS4xNDkgMjMgMTEuNSAyMyAyMyAxNy44NTEgMjMgMTEuNSAxNy44NTEgMCAxMS41IDB6bTAgMjJDNS43MSAyMiAxIDE3LjI5IDEgMTEuNVM1LjcxIDEgMTEuNSAxIDIyIDUuNzEgMjIgMTEuNSAxNy4yOSAyMiAxMS41IDIyem0wLTdhMSAxIDAgMSAwIDAgMiAxIDEgMCAwIDAgMC0yeiIgZmlsbD0iI0I2MDIxOCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) no-repeat;
background-color: #fdf2f2;
border: 1px solid #eec1c6;
box-shadow:
0 0 15px 0 rgba(0, 0, 0, .05),
0 2px 1px 0 rgba(0, 0, 0, .06);
}
[dir=ltr] .Notification13--error-action {
background-position: left 10px top 8px;
}
[dir=rtl] .Notification13--error-action {
background-position: right 10px top 8px;
}
.Notification13--info-action {
color: #103855;
-webkit-box-shadow:
0 0 15px 0 rgba(0, 0, 0, .05),
0 2px 1px 0 rgba(0, 0, 0, .06);
}
[dir] .Notification13--info-action {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjQgMHYyNEgwVjB6Ii8+PHBhdGggZD0iTTExIDE3aDF2LTdoLTF2N3ptLjUtMTdDNS4xNDkgMCAwIDUuMTQ5IDAgMTEuNVM1LjE0OSAyMyAxMS41IDIzIDIzIDE3Ljg1MSAyMyAxMS41IDE3Ljg1MSAwIDExLjUgMHptMCAyMkM1LjcxIDIyIDEgMTcuMjkgMSAxMS41UzUuNzEgMSAxMS41IDEgMjIgNS43MSAyMiAxMS41IDE3LjI5IDIyIDExLjUgMjJ6bTAtMTZhMSAxIDAgMSAwIDAgMiAxIDEgMCAwIDAgMC0yeiIgZmlsbD0iIzEwMzg1NSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) no-repeat;
background-color: #edf6fd;
border: 1px solid #d6e2ec;
box-shadow:
0 0 15px 0 rgba(0, 0, 0, .05),
0 2px 1px 0 rgba(0, 0, 0, .06);
}
[dir=ltr] .Notification13--info-action {
background-position: left 10px top 8px;
}
[dir=rtl] .Notification13--info-action {
background-position: right 10px top 8px;
}
.Notification13--info-globe-sm {
color: #103855;
}
[dir] .Notification13--info-globe-sm {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZD0iTTcuNSAwYTcuNSA3LjUgMCAxIDAgMCAxNSA3LjUgNy41IDAgMCAwIDAtMTV6bTYuNDc1IDdoLTMuMzdhMTAuNDYgMTAuNDYgMCAwIDAtMi4xOC01LjkyNkE2LjUwMyA2LjUwMyAwIDAgMSAxMy45NzUgN3ptLTguNTggMWg0LjIxQTkuNDg5IDkuNDg5IDAgMCAxIDcuNSAxMy40OSA5LjQ4OSA5LjQ4OSAwIDAgMSA1LjM5NSA4em0wLTFBOS40ODkgOS40ODkgMCAwIDEgNy41IDEuNTEgOS40ODkgOS40ODkgMCAwIDEgOS42MDUgN2gtNC4yMXptMS4xODEtNS45MjZBMTAuNDUzIDEwLjQ1MyAwIDAgMCA0LjM5NiA3aC0zLjM3YTYuNSA2LjUgMCAwIDEgNS41NS01LjkyNnpNMS4wMjUgOGgzLjM3YTEwLjQ2IDEwLjQ2IDAgMCAwIDIuMTggNS45MjZBNi41MDIgNi41MDIgMCAwIDEgMS4wMjUgOHptNy40IDUuOTI2QTEwLjQ2IDEwLjQ2IDAgMCAwIDEwLjYwNSA4aDMuMzdhNi41MDMgNi41MDMgMCAwIDEtNS41NSA1LjkyNnoiIGZpbGw9IiMxMDM4NTUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=) no-repeat;
background-color: #edf6fd;
border: 1px solid #d6e2ec;
}
[dir=ltr] .Notification13--info-globe-sm {
background-position: left 10px top 9px;
}
[dir=rtl] .Notification13--info-globe-sm {
background-position: right 10px top 9px;
}
.Notification13--info-globe-md {
color: #103855;
}
[dir] .Notification13--info-globe-md {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjQgMHYyNEgwVjB6Ii8+PHBhdGggZD0iTTExLjUgMEM1LjE0OSAwIDAgNS4xNDkgMCAxMS41UzUuMTQ5IDIzIDExLjUgMjMgMjMgMTcuODUxIDIzIDExLjUgMTcuODUxIDAgMTEuNSAwem0xMC40NzUgMTFoLTUuNzQ4YTE1LjkwNiAxNS45MDYgMCAwIDAtMy45MDEtOS45NThjNS4yMzguNDEgOS4zOTggNC42NzcgOS42NDkgOS45NTh6TTcuNzczIDEyaDcuNDUzYTE0LjkxOSAxNC45MTkgMCAwIDEtMy43MjcgOS4zODhBMTQuOTI5IDE0LjkyOSAwIDAgMSA3Ljc3MyAxMnptMC0xQTE0LjkxOSAxNC45MTkgMCAwIDEgMTEuNSAxLjYxMiAxNC45MjQgMTQuOTI0IDAgMCAxIDE1LjIyNyAxMUg3Ljc3M3ptMi45MDItOS45NThBMTUuOTA3IDE1LjkwNyAwIDAgMCA2Ljc3MyAxMUgxLjAyNWMuMjUxLTUuMjgxIDQuNDExLTkuNTQ4IDkuNjUtOS45NTh6TTEuMDI1IDEyaDUuNzQ4YTE1LjkwNiAxNS45MDYgMCAwIDAgMy45MDEgOS45NThjLTUuMjM4LS40MS05LjM5OC00LjY3Ny05LjY0OS05Ljk1OHptMTEuMyA5Ljk1OEExNS45IDE1LjkgMCAwIDAgMTYuMjI2IDEyaDUuNzQ4Yy0uMjUgNS4yODEtNC40MSA5LjU0OC05LjY0OSA5Ljk1OHoiIGZpbGw9IiMxMDM4NTUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=) no-repeat;
background-color: #edf6fd;
border: 1px solid #d6e2ec;
}
[dir=ltr] .Notification13--info-globe-md {
background-position: left 10px top 8px;
}
[dir=rtl] .Notification13--info-globe-md {
background-position: right 10px top 8px;
}
.Notification13--badge {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.Notification13--badge:lang(ar) {
font: 20px/26px Amariya;
}
.Notification13--badge:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.Notification13--badge:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.Notification13--badge {
color: #656565;
text-transform: uppercase;
}
[dir] .Notification13--badge {
padding: 0;
margin: 0;
}
.Notification13--product {
position: relative;
}
[dir] .Notification13--product {
padding: 32px 0 0;
border-bottom: 2px solid #cbcbcb;
}
@media (min-width: 1024px) {
[dir] .Notification13--product {
padding: 32px 36px 16px;
}
}
[dir] .Notification13--caution {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNjA3NyAyMUwxMiAzTDIyLjM5MjMgMjFIMS42MDc3WiIgZmlsbD0iI0Y5RDY1OSIgc3Ryb2tlPSJibGFjayIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjUgMTUuNVY5LjVIMTIuNVYxNS41SDExLjVaTTExLjUgMTguNVYxNy41SDEyLjVWMTguNUgxMS41WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==) no-repeat;
background-color: #f0f0f0;
border: 1px solid #cbcbcb;
}
[dir=ltr] .Notification13--caution {
background-position: left 10px top 8px;
}
[dir=rtl] .Notification13--caution {
background-position: right 10px top 8px;
}
[dir] .Notification13--plain {
background-image: none;
background: #f0f0f0;
border: 1px solid #e5e5e5;
}
[dir=ltr] .Notification13--plain {
padding-left: 16px;
}
[dir=rtl] .Notification13--plain {
padding-right: 16px;
}
.Notification13__title {
font: 12px/16px SackersGothicStd;
text-transform: uppercase;
font-weight: normal;
}
.Notification13__title:lang(ar) {
font: 18px/26px NeueFrutigerRegular, Sans-Serif;
}
.Notification13__title:lang(ko) {
font:
12px/16px NotoSansKR,
SackersGothicStd;
font-weight: normal;
}
.Notification13__title:lang(ja) {
font:
12px/16px NotoSansJP,
SackersGothicStd;
font-weight: bold;
}
.Notification13__message {
display: block;
word-break: break-word;
}
.Notification13__message.important {
font-weight: bold;
}
.Notification13__message--flagIconBack {
position: relative;
/*
Delivery messages might have 2 lines, which will result in 2 spans with 'delivery' modifier.
We want to add an Italy flag to the first one, so we target it, set to inline-block so it doesn't take full width,
and change the ::after pseudo element.
*/
}
.Notification13__message--flagIconBack:first-child {
display: inline-block;
}
.Notification13__message--flagIconBack:first-child::after {
content: '';
width: 16px;
height: 16px;
position: absolute;
top: 0;
}
[dir] .Notification13__message--flagIconBack:first-child::after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTEiIGZpbGw9IiNGMEYwRjAiLz4KPHBhdGggZD0iTTIzLjAwMDEgMTEuOTk5OUMyMy4wMDAxIDcuMjcwMjggMjAuMDE1IDMuMjM4MyAxNS44MjYyIDEuNjg0MDhWMjIuMzE1N0MyMC4wMTUgMjAuNzYxNSAyMy4wMDAxIDE2LjcyOTUgMjMuMDAwMSAxMS45OTk5WiIgZmlsbD0iI0Q4MDAyNyIvPgo8cGF0aCBkPSJNMSAxMS45OTk5QzEgMTYuNzI5NSAzLjk4NTEzIDIwLjc2MTUgOC4xNzM5MyAyMi4zMTU3VjEuNjg0MDhDMy45ODUxMyAzLjIzODMgMSA3LjI3MDI4IDEgMTEuOTk5OVoiIGZpbGw9IiM2REE1NDQiLz4KPC9zdmc+Cg==);
background-size: contain;
border-radius: 50%;
}
[dir=ltr] .Notification13__message--flagIconBack:first-child::after {
right: -20px;
}
[dir=rtl] .Notification13__message--flagIconBack:first-child::after {
left: -20px;
}
.Notification13__message--flagIconBack:first-child:lang(ar)::after {
top: 8px;
}
[dir=ltr] .Notification13__message--flagIconBack:first-child:lang(ar)::after {
right: -24px;
}
[dir=rtl] .Notification13__message--flagIconBack:first-child:lang(ar)::after {
left: -24px;
}
.Notification13__message--inlineAction {
display: inline;
}
.Notification13__message--product {
min-height: 58px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
[dir=ltr] .Notification13__message--product {
margin: 0 16px 16px 0;
}
[dir=rtl] .Notification13__message--product {
margin: 0 0 16px 16px;
}
.Notification13__message--caution:before {
content: '\2022';/*
custom styled bullet point
*//*
to accurately match the design
*/
}
[dir=ltr] .Notification13__message--caution:before {
margin-left: -13px;
padding-right: 8px;
}
[dir=rtl] .Notification13__message--caution:before {
margin-right: -13px;
padding-left: 8px;
}
[dir] .Notification13__message--withTitle {
margin-top: 8px;
}
.Notification13__image {
width: 40px;
height: 52px;
}
[dir] .Notification13__image {
margin: 0 20px;
}
[dir=ltr] .Notification13__image {
float: left;
}
[dir=rtl] .Notification13__image {
float: right;
}
@media (min-width: 768px) {
.Notification13__image {
width: 55px;
height: 58px;
}
[dir] .Notification13__image {
margin: 0 22px;
}
}
.Notification13__close {
text-indent: -10000px;
color: #09491d;
position: absolute;
top: 10px;
}
[dir] .Notification13__close {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjQgMHYyNEgwVjB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjEuODU0IDIuODUzbC0uNzA4LS43MDZMMTIgMTEuMjkzIDIuODUzIDIuMTQ3bC0uNzA2LjcwNkwxMS4yOTMgMTJsLTkuMTQ2IDkuMTQ2LjcwNi43MDhMMTIgMTIuNzA3bDkuMTQ2IDkuMTQ3LjcwOC0uNzA4TDEyLjcwNyAxMnoiLz48L2c+PC9zdmc+) no-repeat;
border: none;
background-position: 50% 50%;
cursor: pointer;
}
[dir=ltr] .Notification13__close {
right: 20px;
}
[dir=rtl] .Notification13__close {
left: 20px;
}
.Notification13--asyncButton {
position: absolute;
}
[dir] .Notification13--top {
margin-top: 8px;
}
[dir] .Notification13--bottom {
margin-bottom: 8px;
}
.Notification13__arrow {
position: absolute;
bottom: 100%;
pointer-events: none;
}
[dir] .Notification13__arrow {
border: solid transparent;
border-width: 9px;
}
[dir=ltr] .Notification13__arrow {
left: 50%;
margin-left: -9px;
}
[dir=rtl] .Notification13__arrow {
right: 50%;
margin-right: -9px;
}
.Notification13__arrow::after {
content: '';
height: 0;
width: 0;
position: absolute;
bottom: -10px;
}
[dir] .Notification13__arrow::after {
border: solid transparent;
border-width: 9px;
}
[dir=ltr] .Notification13__arrow::after {
margin-left: -9px;
}
[dir=rtl] .Notification13__arrow::after {
margin-right: -9px;
}
.Notification13__arrow--top {
-webkit-transform: rotate(0deg);
top: -100%;
}
[dir] .Notification13__arrow--top {
transform: rotate(0deg);
}
.Notification13__arrow--bottom {
top: 100%;
}
[dir=ltr] .Notification13__arrow--bottom {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
[dir=rtl] .Notification13__arrow--bottom {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
[dir] .Notification13__arrow--success {
border-bottom-color: #d5e5de;
}
[dir] .Notification13__arrow--success::after {
border-bottom-color: #ecf4f1;
}
[dir] .Notification13__arrow--error {
border-bottom-color: #eec1c6;
}
[dir] .Notification13__arrow--error::after {
border-bottom-color: #fdf2f2;
}
[dir] .Notification13__arrow--info {
border-bottom-color: #d6e2ec;
}
[dir] .Notification13__arrow--info::after {
border-bottom-color: #edf6fd;
}
.Notification13__actions--inlineAction {
display: inline;
}
.Tooltip13 {
position: relative;
}
.Tooltip13__notification {
position: absolute;
top: 0;
-webkit-transform: translateY(-100%);
z-index: 1000;
min-width: 128px;
}
[dir] .Tooltip13__notification {
transform: translateY(-100%);
}
[dir=ltr] .Tooltip13__notification {
left: 0;
}
[dir=rtl] .Tooltip13__notification {
right: 0;
}
.Tooltip13__childWrapper {
display: inline-block;
width: 100%;
}
@media (min-width: 1024px) {
.Tooltip13__childWrapper {
width: auto;
}
}
@media (min-width: 1024px) {
.Tooltip13__childWrapper--checkout {
width: 100%;
}
}
.Button10--primary {
text-decoration: none;
width: 100%;
}
[dir] .Button10--primary {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.Button10--primary {
min-width: 222px;
width: auto;
}
[dir] .Button10--primary {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.Button10--primary {
color: #fff;
}
[dir] .Button10--primary {
background-color: #000;
}
@media (hover: hover) and (pointer: fine) {
[dir] .Button10--primary:hover {
border-color: rgb(51, 51, 51);
background-color: rgb(51, 51, 51);
}
}
[dir] .Button10--primary:active {
background-color: #000;
}
.Button10--primary {
font: 14px/22px Georgia;
font-weight: normal;
}
.Button10--primary:lang(ar) {
font: 20px/26px Amariya;
}
.Button10--primary:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.Button10--primary:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.Button10--primary:disabled {
text-decoration: none;
width: 100%;
}
[dir] .Button10--primary:disabled {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.Button10--primary:disabled {
min-width: 222px;
width: auto;
}
[dir] .Button10--primary:disabled {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.Button10--primary:disabled {
color: #fff;
}
[dir] .Button10--primary:disabled {
background-color: #cbcbcb;
border-color: #f0f0f0;
cursor: not-allowed;
}
.Button10--primary:disabled:hover {
color: #fff;
}
[dir] .Button10--primary:disabled:hover {
background-color: #cbcbcb;
border-color: #f0f0f0;
}
.Button10--primary:disabled {
font: 14px/22px Georgia;
font-weight: normal;
}
.Button10--primary:disabled:lang(ar) {
font: 20px/26px Amariya;
}
.Button10--primary:disabled:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.Button10--primary:disabled:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.Button10--primary-icon {
text-decoration: none;
width: 100%;
}
[dir] .Button10--primary-icon {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.Button10--primary-icon {
min-width: 222px;
width: auto;
}
[dir] .Button10--primary-icon {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.Button10--primary-icon {
color: #fff;
}
[dir] .Button10--primary-icon {
background-color: #000;
}
@media (hover: hover) and (pointer: fine) {
[dir] .Button10--primary-icon:hover {
border-color: rgb(51, 51, 51);
background-color: rgb(51, 51, 51);
}
}
[dir] .Button10--primary-icon:active {
background-color: #000;
}
.Button10--primary-icon {
font: 14px/22px Georgia;
font-weight: normal;
}
.Button10--primary-icon:lang(ar) {
font: 20px/26px Amariya;
}
.Button10--primary-icon:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.Button10--primary-icon:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.Button10--primary-icon:disabled {
text-decoration: none;
width: 100%;
}
[dir] .Button10--primary-icon:disabled {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.Button10--primary-icon:disabled {
min-width: 222px;
width: auto;
}
[dir] .Button10--primary-icon:disabled {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.Button10--primary-icon:disabled {
color: #fff;
}
[dir] .Button10--primary-icon:disabled {
background-color: #cbcbcb;
border-color: #f0f0f0;
cursor: not-allowed;
}
.Button10--primary-icon:disabled:hover {
color: #fff;
}
[dir] .Button10--primary-icon:disabled:hover {
background-color: #cbcbcb;
border-color: #f0f0f0;
}
.Button10--primary-icon:disabled {
font: 14px/22px Georgia;
font-weight: normal;
}
.Button10--primary-icon:disabled:lang(ar) {
font: 20px/26px Amariya;
}
.Button10--primary-icon:disabled:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.Button10--primary-icon:disabled:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.Button10--primary-link {
color: #656565;
}
[dir] .Button10--primary-link {
background: none;
border: none;
padding: 0;
border-bottom: 1px solid #838383;
}
.Button10--primary-link:hover {
color: #656565;
}
[dir] .Button10--primary-link:hover {
border-color: #656565;
}
.Button10--primary-link:active {
color: #656565;
}
[dir] .Button10--primary-link:active {
border-color: #656565;
}
.Button10--primary-link {
font: 14px/22px Georgia;
font-weight: normal;
}
.Button10--primary-link:lang(ar) {
font: 20px/26px Amariya;
}
.Button10--primary-link:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.Button10--primary-link:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.Button10--primary-link {
line-height: 1.29;
}
.Button10--secondary {
text-decoration: none;
width: 100%;
}
[dir] .Button10--secondary {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.Button10--secondary {
min-width: 222px;
width: auto;
}
[dir] .Button10--secondary {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.Button10--secondary {
color: #000;
transition: background-color 0.5s ease;
}
[dir] .Button10--secondary {
background-color: #fff;
-webkit-transition: background-color 0.5s ease;
}
@media (hover: hover) and (pointer: fine) {
.Button10--secondary:hover {
color: rgb(51, 51, 51);
}
[dir] .Button10--secondary:hover {
background-color: #fff;
border-color: rgb(51, 51, 51);
}
}
.Button10--secondary:active {
color: #000;
}
[dir] .Button10--secondary:active {
background-color: #fff;
}
.Button10--secondary {
font: 14px/22px Georgia;
font-weight: normal;
}
.Button10--secondary:lang(ar) {
font: 20px/26px Amariya;
}
.Button10--secondary:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.Button10--secondary:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.Button10--secondary:lang(ja) {
font-weight: normal;
}
.Button10--secondary:disabled {
text-decoration: none;
width: 100%;
}
[dir] .Button10--secondary:disabled {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.Button10--secondary:disabled {
min-width: 222px;
width: auto;
}
[dir] .Button10--secondary:disabled {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.Button10--secondary:disabled {
color: #656565;
}
[dir] .Button10--secondary:disabled {
background-color: #fff;
border-color: #f0f0f0;
cursor: not-allowed;
}
.Button10--secondary:disabled:hover {
color: #656565;
}
[dir] .Button10--secondary:disabled:hover {
background-color: #fff;
border-color: #f0f0f0;
}
.Button10--secondary:disabled {
font: 14px/22px Georgia;
font-weight: normal;
}
.Button10--secondary:disabled:lang(ar) {
font: 20px/26px Amariya;
}
.Button10--secondary:disabled:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.Button10--secondary:disabled:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.Button10--secondary-icon {
text-decoration: none;
width: 100%;
}
[dir] .Button10--secondary-icon {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.Button10--secondary-icon {
min-width: 222px;
width: auto;
}
[dir] .Button10--secondary-icon {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.Button10--secondary-icon {
color: #000;
transition: background-color 0.5s ease;
}
[dir] .Button10--secondary-icon {
background-color: #fff;
-webkit-transition: background-color 0.5s ease;
}
@media (hover: hover) and (pointer: fine) {
.Button10--secondary-icon:hover {
color: rgb(51, 51, 51);
}
[dir] .Button10--secondary-icon:hover {
background-color: #fff;
border-color: rgb(51, 51, 51);
}
}
.Button10--secondary-icon:active {
color: #000;
}
[dir] .Button10--secondary-icon:active {
background-color: #fff;
}
.Button10--secondary-icon {
font: 14px/22px Georgia;
font-weight: normal;
}
.Button10--secondary-icon:lang(ar) {
font: 20px/26px Amariya;
}
.Button10--secondary-icon:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.Button10--secondary-icon:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.Button10--secondary-icon:disabled {
text-decoration: none;
width: 100%;
}
[dir] .Button10--secondary-icon:disabled {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.Button10--secondary-icon:disabled {
min-width: 222px;
width: auto;
}
[dir] .Button10--secondary-icon:disabled {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.Button10--secondary-icon:disabled {
color: #656565;
}
[dir] .Button10--secondary-icon:disabled {
background-color: #fff;
border-color: #f0f0f0;
cursor: not-allowed;
}
.Button10--secondary-icon:disabled:hover {
color: #656565;
}
[dir] .Button10--secondary-icon:disabled:hover {
background-color: #fff;
border-color: #f0f0f0;
}
.Button10--secondary-icon:disabled {
font: 14px/22px Georgia;
font-weight: normal;
}
.Button10--secondary-icon:disabled:lang(ar) {
font: 20px/26px Amariya;
}
.Button10--secondary-icon:disabled:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.Button10--secondary-icon:disabled:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
[dir] .Button10--tertiary {
padding: 16px 0;
cursor: pointer;
border: none;
background-color: transparent;
background-position: 24px 16px;
background-repeat: no-repeat;
}
[dir=ltr] .Button10--tertiary {
text-align: left;
}
[dir=rtl] .Button10--tertiary {
text-align: right;
}
.Button10--tertiary:not(:first-of-type):before {
width: 3px;
height: 3px;
display: inline-block;
content: '';
}
[dir] .Button10--tertiary:not(:first-of-type):before {
background-color: #838383;
margin-bottom: 2px;
margin: 0 16px 3px 16px;
}
[dir=ltr] .Button10--tertiary:not(:first-of-type):before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
[dir=rtl] .Button10--tertiary:not(:first-of-type):before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media (min-width: 1024px) {
[dir] .Button10--tertiary {
padding-top: 11px;
padding-bottom: 11px;
background-position-y: 12px;
}
[dir=ltr] .Button10--tertiary:first-child {
background-position-x: 0;
}
[dir=rtl] .Button10--tertiary:first-child {
background-position-x: 100%;
}
}
.Button10--tertiary {
font: 14px/22px Georgia;
font-weight: normal;
}
.Button10--tertiary:lang(ar) {
font: 20px/26px Amariya;
}
.Button10--tertiary:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.Button10--tertiary:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.Button10--tertiary {
color: #656565;
}
.Button10--tertiary:hover {
color: #000;
}
[dir] .Button10--tertiary-icon {
padding: 16px 0;
cursor: pointer;
border: none;
background-color: transparent;
background-position: 24px 16px;
background-repeat: no-repeat;
}
[dir=ltr] .Button10--tertiary-icon {
text-align: left;
}
[dir=rtl] .Button10--tertiary-icon {
text-align: right;
}
.Button10--tertiary-icon:not(:first-of-type):before {
width: 3px;
height: 3px;
display: inline-block;
content: '';
}
[dir] .Button10--tertiary-icon:not(:first-of-type):before {
background-color: #838383;
margin-bottom: 2px;
margin: 0 16px 3px 16px;
}
[dir=ltr] .Button10--tertiary-icon:not(:first-of-type):before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
[dir=rtl] .Button10--tertiary-icon:not(:first-of-type):before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media (min-width: 1024px) {
[dir] .Button10--tertiary-icon {
padding-top: 11px;
padding-bottom: 11px;
background-position-y: 12px;
}
[dir=ltr] .Button10--tertiary-icon:first-child {
background-position-x: 0;
}
[dir=rtl] .Button10--tertiary-icon:first-child {
background-position-x: 100%;
}
}
[dir=ltr] .Button10--tertiary-icon::before {
margin-right: 44px;
}
[dir=rtl] .Button10--tertiary-icon::before {
margin-left: 44px;
}
[dir=ltr] .Button10--tertiary-icon:first-child::before {
margin-right: 24px;
}
[dir=rtl] .Button10--tertiary-icon:first-child::before {
margin-left: 24px;
}
.Button10--tertiary-icon {
font: 14px/22px Georgia;
font-weight: normal;
}
.Button10--tertiary-icon:lang(ar) {
font: 20px/26px Amariya;
}
.Button10--tertiary-icon:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.Button10--tertiary-icon:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.Button10--tertiary-icon {
color: #656565;
}
.Button10--tertiary-icon:hover {
color: #000;
}
.Button10--applepay {
text-decoration: none;
width: 100%;
}
[dir] .Button10--applepay {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.Button10--applepay {
min-width: 222px;
width: auto;
}
[dir] .Button10--applepay {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.Button10--applepay {
color: #fff;
}
[dir] .Button10--applepay {
background-color: #000;
}
@media (hover: hover) and (pointer: fine) {
[dir] .Button10--applepay:hover {
border-color: rgb(51, 51, 51);
background-color: rgb(51, 51, 51);
}
}
[dir] .Button10--applepay:active {
background-color: #000;
}
.Button10--applepay {
font: 14px/22px Georgia;
font-weight: normal;
}
.Button10--applepay:lang(ar) {
font: 20px/26px Amariya;
}
.Button10--applepay:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.Button10--applepay:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
@supports (-webkit-appearance: -apple-pay-button) {
.Button10--applepay {
-webkit-appearance: -apple-pay-button;
-apple-pay-button-type: plain;
-apple-pay-button-style: white-outline;
text-indent: -9999px;
overflow: hidden;
height: 48px;
}
@media (min-width: 1024px) {
.Button10--applepay {
height: 38px;
width: 100%;
}
}
}
@-webkit-keyframes blink {
0% {
opacity: 0.5;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
50% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0.5;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes blink {
0% {
opacity: 0.5;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
50% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0.5;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.Dots1__dots {
vertical-align: middle;
height: 22px;
}
[dir] .Dots1__dots {
text-align: center;
}
.Dots1__dots:lang(ar) {
height: 30px;
}
[dir] .Dots1__dots--primary > span {
background-color: white;
}
[dir] .Dots1__dots--secondary > span {
background-color: black;
}
.Dots1__dot {
display: inline-block;
width: 8px;
height: 8px;
position: relative;
-webkit-transform: scale(0.8);
}
[dir] .Dots1__dot {
background-color: white;
border-radius: 50%;
margin: 0 4px;
transform: scale(0.8);
}
[dir=ltr] .Dots1__dot:first-child {
-webkit-animation: blink 1s 0s infinite;
animation: blink 1s 0s infinite;
}
[dir=rtl] .Dots1__dot:first-child {
-webkit-animation: blink 1s 0s infinite;
animation: blink 1s 0s infinite;
}
[dir=ltr] .Dots1__dot:nth-child(2) {
-webkit-animation: blink 1s 0.3s infinite;
animation: blink 1s 0.3s infinite;
}
[dir=rtl] .Dots1__dot:nth-child(2) {
-webkit-animation: blink 1s 0.3s infinite;
animation: blink 1s 0.3s infinite;
}
[dir=ltr] .Dots1__dot:nth-child(3) {
-webkit-animation: blink 1s 0.6s infinite;
animation: blink 1s 0.6s infinite;
}
[dir=rtl] .Dots1__dot:nth-child(3) {
-webkit-animation: blink 1s 0.6s infinite;
animation: blink 1s 0.6s infinite;
}
.Tick1__circle {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 24px;
height: 22px;
}
[dir] .Tick1__circle {
background-color: inherit;
margin: 0 auto;
border-radius: 50%;
}
[dir] .Tick1__circle:lang(ar) {
margin: 4px auto;
}
.Tick1__circle--primary {
-webkit-box-shadow: inset 0 0 0 1px #fff;
}
[dir] .Tick1__circle--primary {
box-shadow: inset 0 0 0 1px #fff;
}
.Tick1__circle--secondary {
-webkit-box-shadow: inset 0 0 0 1px #000;
}
[dir] .Tick1__circle--secondary {
box-shadow: inset 0 0 0 1px #000;
}
.Tick1__circle--quickAdd {
width: 32px;
height: 32px;
-webkit-box-shadow: inset 0 0 0 1px #fff;
}
[dir] .Tick1__circle--quickAdd {
box-shadow: inset 0 0 0 1px #fff;
}
.Tick1__tick {
position: absolute;
top: 50% /*rtl:ignore*/;
left: 50% /*rtl:ignore*/;
width: 11px;
height: 5px;
}
[dir=ltr] .Tick1__tick {
-webkit-transform: translate(-50%, -75%) rotate(-45deg) /*rtl:append: scaleX(-1)*/;
transform: translate(-50%, -75%) rotate(-45deg) /*rtl:append: scaleX(-1)*/;
}
[dir=rtl] .Tick1__tick {
-webkit-transform: translate(-50%, -75%) rotate(-45deg) scaleX(-1);
transform: translate(-50%, -75%) rotate(-45deg) scaleX(-1);
}
[dir] .Tick1__tick--primary {
border-bottom: 1px solid #fff;
}
[dir=ltr] .Tick1__tick--primary {
border-left: 1px solid #fff;
}
[dir=rtl] .Tick1__tick--primary {
border-right: 1px solid #fff;
}
[dir] .Tick1__tick--secondary {
border-bottom: 1px solid #000;
}
[dir=ltr] .Tick1__tick--secondary {
border-left: 1px solid #000;
}
[dir=rtl] .Tick1__tick--secondary {
border-right: 1px solid #000;
}
.Tick1__tick--quickAdd {
width: 12px;
height: 6px;
}
[dir] .Tick1__tick--quickAdd {
border-bottom: 1px solid #fff;
}
[dir=ltr] .Tick1__tick--quickAdd {
border-left: 1px solid #fff;
}
[dir=rtl] .Tick1__tick--quickAdd {
border-right: 1px solid #fff;
}
.Tick1__dot {
position: absolute;
top: 50% /*rtl:ignore*/;
left: 0 /*rtl:ignore*/;
width: 8px;
height: 8px;
z-index: 50;
}
[dir] .Tick1__dot {
border-radius: 50%;
}
[dir=ltr] .Tick1__dot {
-webkit-animation: disappearWithScaleDown-ltr 0.2s linear 0s 1 forwards;
animation: disappearWithScaleDown-ltr 0.2s linear 0s 1 forwards;
}
[dir=rtl] .Tick1__dot {
-webkit-animation: disappearWithScaleDown-rtl 0.2s linear 0s 1 forwards;
animation: disappearWithScaleDown-rtl 0.2s linear 0s 1 forwards;
}
[dir] .Tick1__dot--primary {
background-color: #fff;
}
[dir] .Tick1__dot--secondary {
background-color: #000;
}
.Tick1__dot--quickAdd {
display: none;
}
.Tick1__topHalfWindow {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
height: 50%;
top: 0;
bottom: 0;
}
[dir] .Tick1__topHalfWindow {
background-color: inherit;
}
[dir=ltr] .Tick1__topHalfWindow {
right: 0;
left: 0;
-webkit-animation: slideOutLeftToRight-ltr 0.2s linear 0.2s 1 forwards;
animation: slideOutLeftToRight-ltr 0.2s linear 0.2s 1 forwards;
}
[dir=rtl] .Tick1__topHalfWindow {
left: 0;
right: 0;
-webkit-animation: slideOutLeftToRight-rtl 0.2s linear 0.2s 1 forwards;
animation: slideOutLeftToRight-rtl 0.2s linear 0.2s 1 forwards;
}
.Tick1__topHalfWindow--quickAdd {
display: none;
}
.Tick1__bottomHalfWindow {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 50% /*rtl:ignore*/;
left: 0 /*rtl:ignore*/;
bottom: 0 /*rtl:ignore*/;
right: 0 /*rtl:ignore*/;
height: 50%;
}
[dir] .Tick1__bottomHalfWindow {
background-color: inherit;
}
[dir=ltr] .Tick1__bottomHalfWindow {
-webkit-animation: slideOutRightToLeft-ltr 0.2s linear 0.4s 1 forwards;
animation: slideOutRightToLeft-ltr 0.2s linear 0.4s 1 forwards;
}
[dir=rtl] .Tick1__bottomHalfWindow {
-webkit-animation: slideOutRightToLeft-rtl 0.2s linear 0.4s 1 forwards;
animation: slideOutRightToLeft-rtl 0.2s linear 0.4s 1 forwards;
}
.Tick1__bottomHalfWindow--quickAdd {
display: none;
}
.Tick1__centerWindow {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 50% /*rtl:ignore*/;
left: 50% /*rtl:ignore*/;
bottom: 0 /*rtl:ignore*/;
right: 0 /*rtl:ignore*/;
height: 50%;
width: 12px;
-webkit-transform: translate(-50%, -50%) /*rtl:ignore*/;
transform: translate(-50%, -50%) /*rtl:ignore*/;
}
[dir] .Tick1__centerWindow {
background-color: inherit;
}
[dir=ltr] .Tick1__centerWindow {
-webkit-animation: slideOutFromCenter-ltr 0.3s linear 0.6s 1 forwards;
animation: slideOutFromCenter-ltr 0.3s linear 0.6s 1 forwards;
}
[dir=rtl] .Tick1__centerWindow {
-webkit-animation: slideOutFromCenter-rtl 0.3s linear 0.6s 1 forwards;
animation: slideOutFromCenter-rtl 0.3s linear 0.6s 1 forwards;
}
.Tick1__centerWindow--quickAdd {
width: 13px;
}
[dir=ltr] .Tick1__centerWindow--quickAdd {
-webkit-animation: slideOutFromCenterQuickAdd-ltr 0.3s linear 0s 1 forwards;
animation: slideOutFromCenterQuickAdd-ltr 0.3s linear 0s 1 forwards;
}
[dir=rtl] .Tick1__centerWindow--quickAdd {
-webkit-animation: slideOutFromCenterQuickAdd-rtl 0.3s linear 0s 1 forwards;
animation: slideOutFromCenterQuickAdd-rtl 0.3s linear 0s 1 forwards;
}
@-webkit-keyframes slideOutLeftToRight-ltr {
0% {
left: 0;
}
100% {
left: 100%;
}
}
@-webkit-keyframes slideOutLeftToRight-rtl {
0% {
left: 0;
}
100% {
left: 100%;
}
}
@keyframes slideOutLeftToRight-ltr {
0% {
left: 0;
}
100% {
left: 100%;
}
}
@keyframes slideOutLeftToRight-rtl {
0% {
left: 0;
}
100% {
left: 100%;
}
}
@-webkit-keyframes slideOutRightToLeft-ltr {
0% {
right: 0;
}
100% {
right: 100%;
}
}
@-webkit-keyframes slideOutRightToLeft-rtl {
0% {
right: 0;
}
100% {
right: 100%;
}
}
@keyframes slideOutRightToLeft-ltr {
0% {
right: 0;
}
100% {
right: 100%;
}
}
@keyframes slideOutRightToLeft-rtl {
0% {
right: 0;
}
100% {
right: 100%;
}
}
@-webkit-keyframes slideOutFromCenter-ltr {
0% {
left: 50%;
width: 12px;
}
100% {
left: 80%;
width: 0px;
}
}
@-webkit-keyframes slideOutFromCenter-rtl {
0% {
left: 50%;
width: 12px;
}
100% {
left: 80%;
width: 0px;
}
}
@keyframes slideOutFromCenter-ltr {
0% {
left: 50%;
width: 12px;
}
100% {
left: 80%;
width: 0px;
}
}
@keyframes slideOutFromCenter-rtl {
0% {
left: 50%;
width: 12px;
}
100% {
left: 80%;
width: 0px;
}
}
@-webkit-keyframes slideOutFromCenterQuickAdd-ltr {
0% {
left: 50%;
width: 13px;
}
100% {
left: 80%;
width: 0px;
}
}
@-webkit-keyframes slideOutFromCenterQuickAdd-rtl {
0% {
left: 50%;
width: 13px;
}
100% {
left: 80%;
width: 0px;
}
}
@keyframes slideOutFromCenterQuickAdd-ltr {
0% {
left: 50%;
width: 13px;
}
100% {
left: 80%;
width: 0px;
}
}
@keyframes slideOutFromCenterQuickAdd-rtl {
0% {
left: 50%;
width: 13px;
}
100% {
left: 80%;
width: 0px;
}
}
@-webkit-keyframes disappearWithScaleDown-ltr {
0% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
100% {
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
}
}
@-webkit-keyframes disappearWithScaleDown-rtl {
0% {
-webkit-transform: translate(50%, -50%) scale(1);
transform: translate(50%, -50%) scale(1);
}
100% {
-webkit-transform: translate(50%, -50%) scale(0);
transform: translate(50%, -50%) scale(0);
}
}
@keyframes disappearWithScaleDown-ltr {
0% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
100% {
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
}
}
@keyframes disappearWithScaleDown-rtl {
0% {
-webkit-transform: translate(50%, -50%) scale(1);
transform: translate(50%, -50%) scale(1);
}
100% {
-webkit-transform: translate(50%, -50%) scale(0);
transform: translate(50%, -50%) scale(0);
}
}
.Cross1__circle {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 24px;
height: 22px;
}
[dir] .Cross1__circle {
background-color: inherit;
margin: 0 auto;
border-radius: 50%;
}
[dir] .Cross1__circle:lang(ar) {
margin: 4px auto;
}
.Cross1__circle--primary {
-webkit-box-shadow: inset 0px 0px 0px 1px #fff;
}
[dir] .Cross1__circle--primary {
box-shadow: inset 0px 0px 0px 1px #fff;
}
.Cross1__circle--secondary {
-webkit-box-shadow: inset 0px 0px 0px 1px #000;
}
[dir] .Cross1__circle--secondary {
box-shadow: inset 0px 0px 0px 1px #000;
}
.Cross1__bar1 {
position: absolute;
top: 50%;
width: 11px;
height: 0px;
}
[dir=ltr] .Cross1__bar1 {
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
[dir=rtl] .Cross1__bar1 {
right: 50%;
-webkit-transform: translate(50%, -50%) rotate(45deg);
transform: translate(50%, -50%) rotate(45deg);
}
[dir] .Cross1__bar1--primary {
border-bottom: 1px solid #fff;
}
[dir=ltr] .Cross1__bar1--primary {
border-left: 1px solid #fff;
}
[dir=rtl] .Cross1__bar1--primary {
border-right: 1px solid #fff;
}
[dir] .Cross1__bar1--secondary {
border-bottom: 1px solid #000;
}
[dir=ltr] .Cross1__bar1--secondary {
border-left: 1px solid #000;
}
[dir=rtl] .Cross1__bar1--secondary {
border-right: 1px solid #000;
}
.Cross1__bar2 {
position: absolute;
top: 50%;
width: 11px;
}
[dir=ltr] .Cross1__bar2 {
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
[dir=rtl] .Cross1__bar2 {
right: 50%;
-webkit-transform: translate(50%, -50%) rotate(-45deg);
transform: translate(50%, -50%) rotate(-45deg);
}
[dir] .Cross1__bar2--primary {
border-bottom: 1px solid #fff;
}
[dir=ltr] .Cross1__bar2--primary {
border-left: 1px solid #fff;
}
[dir=rtl] .Cross1__bar2--primary {
border-right: 1px solid #fff;
}
[dir] .Cross1__bar2--secondary {
border-bottom: 1px solid #000;
}
[dir=ltr] .Cross1__bar2--secondary {
border-left: 1px solid #000;
}
[dir=rtl] .Cross1__bar2--secondary {
border-right: 1px solid #000;
}
.Cross1__dot {
position: absolute;
top: 50%;
width: 8px;
height: 8px;
z-index: 50;
}
[dir] .Cross1__dot {
border-radius: 50%;
}
[dir=ltr] .Cross1__dot {
left: 0;
-webkit-animation: disappearWithScaleDown-ltr 0.2s linear 0s 1 forwards;
animation: disappearWithScaleDown-ltr 0.2s linear 0s 1 forwards;
}
[dir=rtl] .Cross1__dot {
right: 0;
-webkit-animation: disappearWithScaleDown-rtl 0.2s linear 0s 1 forwards;
animation: disappearWithScaleDown-rtl 0.2s linear 0s 1 forwards;
}
[dir] .Cross1__dot--primary {
background-color: #fff;
}
[dir] .Cross1__dot--secondary {
background-color: #000;
}
.Cross1__topHalfWindow {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
height: 50%;
top: 0;
bottom: 0;
}
[dir] .Cross1__topHalfWindow {
background-color: inherit;
}
[dir=ltr] .Cross1__topHalfWindow {
right: 0;
left: 0;
-webkit-animation: slideOutLeftToRight-ltr 0.2s linear 0.2s 1 forwards;
animation: slideOutLeftToRight-ltr 0.2s linear 0.2s 1 forwards;
}
[dir=rtl] .Cross1__topHalfWindow {
left: 0;
right: 0;
-webkit-animation: slideOutLeftToRight-rtl 0.2s linear 0.2s 1 forwards;
animation: slideOutLeftToRight-rtl 0.2s linear 0.2s 1 forwards;
}
.Cross1__bottomHalfWindow {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 50%;
bottom: 0;
height: 50%;
}
[dir] .Cross1__bottomHalfWindow {
background-color: inherit;
}
[dir=ltr] .Cross1__bottomHalfWindow {
left: 0;
right: 0;
-webkit-animation: slideOutRightToLeft-ltr 0.2s linear 0.4s 1 forwards;
animation: slideOutRightToLeft-ltr 0.2s linear 0.4s 1 forwards;
}
[dir=rtl] .Cross1__bottomHalfWindow {
right: 0;
left: 0;
-webkit-animation: slideOutRightToLeft-rtl 0.2s linear 0.4s 1 forwards;
animation: slideOutRightToLeft-rtl 0.2s linear 0.4s 1 forwards;
}
.Cross1__centerWindow {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 50%;
bottom: 0;
height: 50%;
width: 12px;
}
[dir] .Cross1__centerWindow {
background-color: inherit;
}
[dir=ltr] .Cross1__centerWindow {
left: 50%;
right: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: slideOutFromCenter-ltr 0.3s linear 0.6s 1 forwards;
animation: slideOutFromCenter-ltr 0.3s linear 0.6s 1 forwards;
}
[dir=rtl] .Cross1__centerWindow {
right: 50%;
left: 0;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
-webkit-animation: slideOutFromCenter-rtl 0.3s linear 0.6s 1 forwards;
animation: slideOutFromCenter-rtl 0.3s linear 0.6s 1 forwards;
}
@keyframes slideOutLeftToRight-ltr {
0% {
left: 0;
}
100% {
left: 100%;
}
}
@keyframes slideOutLeftToRight-rtl {
0% {
left: 0;
}
100% {
left: 100%;
}
}
@keyframes slideOutRightToLeft-ltr {
0% {
right: 0;
}
100% {
right: 100%;
}
}
@keyframes slideOutRightToLeft-rtl {
0% {
right: 0;
}
100% {
right: 100%;
}
}
@keyframes slideOutFromCenter {
0% {
width: 12px;
}
100% {
width: 0px;
}
}
@keyframes disappearWithScaleDown-ltr {
0% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
100% {
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
}
}
@keyframes disappearWithScaleDown-rtl {
0% {
-webkit-transform: translate(50%, -50%) scale(1);
transform: translate(50%, -50%) scale(1);
}
100% {
-webkit-transform: translate(50%, -50%) scale(0);
transform: translate(50%, -50%) scale(0);
}
}
.SimpleAsyncButton10.animating {
-webkit-appearance: none;
text-indent: 0;
}
.SimpleAsyncButton10.disabled {
pointer-events: none;
}
[dir] .SimpleAsyncButton10.disabled {
background: #cbcbcb;
border-color: #cbcbcb;
cursor: default;
}
.AsyncButton10 {
width: 100%;
}
[dir] .AsyncButton10.animating:before {
background: none;
}
[dir] .AsyncButton10.animating:after {
background: none;
}
.AsyncButton10.primaryButton {
outline: none;
opacity: 1;
width: 100%;
transition: background-color 0.2s border-color 0.2s opacity 0.2s;
z-index: 100;
}
[dir] .AsyncButton10.primaryButton {
-webkit-transition: background-color 0.2s border-color 0.2s opacity 0.2s;
}
.AsyncButton10.primaryButton:disabled {
width: 100%;
}
.AsyncButton10.secondaryButton {
outline: none;
opacity: 0;
width: 100%;
transition: background-color 0.2s border-color 0.2s opacity 0.2s;
color: #000;
}
[dir] .AsyncButton10.secondaryButton {
-webkit-transition: background-color 0.2s border-color 0.2s opacity 0.2s;
background-color: #f0f0f0;
border-color: #f0f0f0;
}
[dir] .AsyncButton10.secondaryButton:hover {
background-color: #000;
border-color: #000;
}
[dir] .AsyncButton10.secondaryButton:active {
background-color: #000;
border-color: #000;
}
.AsyncButton10.fadeIn {
opacity: 1;
}
.AsyncButton10.fadeOut {
opacity: 0;
}
.AsyncButton10__asyncButtonWrapper {
position: relative;
}
.AsyncButton10__notification {
position: absolute;
z-index: 2000;
width: 100%;
}
[dir=ltr] .AsyncButton10__notification {
-webkit-animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
[dir=rtl] .AsyncButton10__notification {
-webkit-animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
.AsyncButton10__notification--top {
top: -56px;
}
[dir] .AsyncButton10__notification--top {
margin: 0;
}
.AsyncButton10__stackButtons {
position: absolute;
top: 0;
}
[dir=ltr] .AsyncButton10__stackButtons {
left: 0;
right: 0;
}
[dir=rtl] .AsyncButton10__stackButtons {
right: 0;
left: 0;
}
.QuickAddButton10__quickAddBtn {
display: none;
}
@media (min-width: 1024px) {
.QuickAddButton10__quickAddBtn {
display: block;
position: absolute;
width: 100%;
bottom: 0;
}
[dir] .QuickAddButton10__quickAddBtn {
padding: 0 16px;
}
}
.QuickAddButton10__sizeLabel {
font: 12px/18px Georgia;
font-weight: normal;
}
.QuickAddButton10__sizeLabel:lang(ar) {
font: 16px/20px Amariya;
}
.QuickAddButton10__sizeLabel:lang(ko) {
font:
12px/18px NotoSansKR,
Georgia;
}
.QuickAddButton10__sizeLabel:lang(ja) {
font:
13px/18px NotoSansJP,
Georgia;
font-weight: normal;
}
[dir] .QuickAddButton10__sizeLabel {
padding: 8px;
border: 1px solid transparent;
cursor: pointer;
}
[dir] .QuickAddButton10__sizeLabel:hover {
border: 1px solid #cbcbcb;
border-radius: 2px;
}
.QuickAddButton10__sizesWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 1;
transition: opacity 0.1s ease-in;
max-height: 290px;
overflow-y: auto;
}
[dir] .QuickAddButton10__sizesWrapper {
padding: 4px 8px;
background-color: #fff;
-webkit-transition: opacity 0.1s ease-in;
}
.QuickAddButton10__sizesWrapper::-webkit-scrollbar {
scrollbar-width: none;
}
.QuickAddButton10__sizesWrapper--hidden {
visibility: hidden;
opacity: 0;
}
.QuickAddButton10__bagPlusButton {
visibility: hidden;
opacity: 1;
transition: opacity 0.1s ease-in;
}
[dir] .QuickAddButton10__bagPlusButton {
border: none;
margin: 0;
padding: 0;
cursor: pointer;
-webkit-transition: opacity 0.1s ease-in;
}
.QuickAddButton10__bagPlusButton::before {
visibility: visible;
content: '';
width: 32px;
height: 32px;
position: absolute;
bottom: 8px;
transition: -webkit-transform 0.1s ease-in;
transition: transform 0.1s ease-in;
transition: transform 0.1s ease-in, -webkit-transform 0.1s ease-in;
}
[dir] .QuickAddButton10__bagPlusButton::before {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTYiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMjIuMDAwMUgyMlYxMy4wMDAxSDEwVjIyLjAwMDFaTTE0IDExLjAzNjFDMTQgOS45MzMxMyAxNC44OTcgOS4wMzYxMyAxNiA5LjAzNjEzQzE3LjEwMyA5LjAzNjEzIDE4IDkuOTMzMTMgMTggMTEuMDM2MVYxMi4wMDAxSDE0VjExLjAzNjFaTTE5IDEyLjAwMDFWMTEuMDM2MUMxOSA5LjM4MTEzIDE3LjY1NCA4LjAzNjEzIDE2IDguMDM2MTNDMTQuMzQ2IDguMDM2MTMgMTMgOS4zODExMyAxMyAxMS4wMzYxVjEyLjAwMDFIOVYyMy4wMDAxSDIzVjEyLjAwMDFIMTlaIiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSIxNyIgeT0iMTciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iYmxhY2siLz4KPHJlY3QgeD0iMjIiIHk9IjE5IiB3aWR0aD0iMSIgaGVpZ2h0PSI3IiBmaWxsPSJ3aGl0ZSIvPgo8cmVjdCB4PSIyNiIgeT0iMjIiIHdpZHRoPSIxIiBoZWlnaHQ9IjciIHRyYW5zZm9ybT0icm90YXRlKDkwIDI2IDIyKSIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) no-repeat;
-webkit-transition: -webkit-transform 0.1s ease-in;
}
[dir=ltr] .QuickAddButton10__bagPlusButton::before {
right: 8px;
}
[dir=rtl] .QuickAddButton10__bagPlusButton::before {
left: 8px;
}
.QuickAddButton10__bagPlusButton--active:hover::before {
-webkit-transform: scale(1.15);
}
[dir] .QuickAddButton10__bagPlusButton--active:hover::before {
transform: scale(1.15);
}
.QuickAddButton10__bagPlusButton--active:active::before {
-webkit-transform: scale(1);
}
[dir] .QuickAddButton10__bagPlusButton--active:active::before {
transform: scale(1);
}
[dir] .QuickAddButton10__bagPlusButton--disabled {
cursor: default;
}
.QuickAddButton10__bagPlusButton--hidden {
visibility: hidden;
opacity: 0;
}
.QuickAddButton10__bagPlusButton--popup {
position: absolute;
height: 100%;
width: 100%;
top: 0;
visibility: visible;
}
@media (min-width: 1024px) {
.QuickAddButton10__bagPlusButton--popup {
display: none;
}
}
.QuickAddButton10__loadingButton {
position: absolute;
-webkit-transform: scale(0.8);
bottom: 16px;
}
[dir] .QuickAddButton10__loadingButton {
transform: scale(0.8);
}
[dir=ltr] .QuickAddButton10__loadingButton {
right: 0;
}
[dir=rtl] .QuickAddButton10__loadingButton {
left: 0;
}
.QuickAddButton10__error {
width: calc(100% - 32px);
bottom: 0;
transition: all 0.1s ease-in;
}
[dir] .QuickAddButton10__error {
margin: 16px;
-webkit-transition: all 0.1s ease-in;
}
[dir=ltr] .QuickAddButton10__error {
left: 0;
}
[dir=rtl] .QuickAddButton10__error {
right: 0;
}
.QuickAddButton10__tick {
-webkit-box-shadow: inset 0 0 0 1px #000;
}
[dir] .QuickAddButton10__tick {
background-color: #000;
text-align: center;
box-shadow: inset 0 0 0 1px #000;
}
[dir=ltr] .QuickAddButton10__tick {
margin: 0 -8px 8px auto;
}
[dir=rtl] .QuickAddButton10__tick {
margin: 0 auto 8px -8px;
}
.AsyncSelect11 {
width: 100%;
}
[dir] .AsyncSelect11.animating:before {
background: none;
}
[dir] .AsyncSelect11.animating:after {
background: none;
}
.AsyncSelect11.primaryButton {
outline: none;
opacity: 1;
width: 100%;
transition: background-color 0.2s border-color 0.2s opacity 0.2s;
z-index: 100;
}
[dir] .AsyncSelect11.primaryButton {
-webkit-transition: background-color 0.2s border-color 0.2s opacity 0.2s;
}
.AsyncSelect11.primaryButton:disabled {
width: 100%;
}
.AsyncSelect11.secondaryButton {
text-decoration: none;
width: 100%;
}
[dir] .AsyncSelect11.secondaryButton {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.AsyncSelect11.secondaryButton {
min-width: 222px;
width: auto;
}
[dir] .AsyncSelect11.secondaryButton {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.AsyncSelect11.secondaryButton {
color: #000;
transition: background-color 0.5s ease;
}
[dir] .AsyncSelect11.secondaryButton {
background-color: #fff;
-webkit-transition: background-color 0.5s ease;
}
@media (hover: hover) and (pointer: fine) {
.AsyncSelect11.secondaryButton:hover {
color: rgb(51, 51, 51);
}
[dir] .AsyncSelect11.secondaryButton:hover {
background-color: #fff;
border-color: rgb(51, 51, 51);
}
}
.AsyncSelect11.secondaryButton:active {
color: #000;
}
[dir] .AsyncSelect11.secondaryButton:active {
background-color: #fff;
}
.AsyncSelect11.secondaryButton {
font: 14px/22px Georgia;
font-weight: normal;
}
.AsyncSelect11.secondaryButton:lang(ar) {
font: 20px/26px Amariya;
}
.AsyncSelect11.secondaryButton:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.AsyncSelect11.secondaryButton:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.AsyncSelect11.secondaryButton {
outline: none;
opacity: 0;
width: 100%;
transition: background-color 0.2s border-color 0.2s opacity 0.2s;
color: #000;
height: 48px;
}
[dir] .AsyncSelect11.secondaryButton {
-webkit-transition: background-color 0.2s border-color 0.2s opacity 0.2s;
background-color: #fff;
border: 1px solid #000;
cursor: pointer;
}
@media (min-width: 1024px) {
.AsyncSelect11.secondaryButton {
height: 40px;
}
}
.AsyncSelect11.secondaryButton:active {
color: #000;
}
[dir] .AsyncSelect11.secondaryButton:active {
background-color: #f0f0f0;
border-color: #f0f0f0;
}
.AsyncSelect11.goToWishlistButton {
font: 14px/22px Georgia;
font-weight: normal;
}
.AsyncSelect11.goToWishlistButton:lang(ar) {
font: 20px/26px Amariya;
}
.AsyncSelect11.goToWishlistButton:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.AsyncSelect11.goToWishlistButton:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
[dir] .AsyncSelect11.goToWishlistButton {
background-color: #f0f0f0;
border: none;
border-radius: 2px;
}
.AsyncSelect11.goToWishlistButton:hover {
color: #000;
}
[dir] .AsyncSelect11.goToWishlistButton:hover {
background-color: #f0f0f0;
border-color: #f0f0f0;
}
.AsyncSelect11.fadeIn {
opacity: 1;
}
.AsyncSelect11.fadeOut {
opacity: 0;
}
.AsyncSelect11__asyncSelectWrapper {
position: relative;
}
.AsyncSelect11__notification {
position: absolute;
z-index: 2000;
width: 100%;
}
[dir=ltr] .AsyncSelect11__notification {
-webkit-animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
[dir=rtl] .AsyncSelect11__notification {
-webkit-animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
.AsyncSelect11__notification--top {
top: -56px;
}
[dir] .AsyncSelect11__notification--top {
margin: 0;
}
@media (min-width: 1024px) {
.AsyncSelect11__notification--mobilePrompt {
display: none;
}
}
[dir] .AsyncSelect11__wishlistSelect {
text-align: center;
}
[dir=ltr] .AsyncSelect11__wishlistSelect > li:first-child {
padding-left: 40px;
}
[dir=rtl] .AsyncSelect11__wishlistSelect > li:first-child {
padding-right: 40px;
}
.AsyncSelect11__wishlistSelect > select {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.AsyncSelect11__wishlistSelect > select:lang(ar) {
font: 20px/26px Amariya;
}
.AsyncSelect11__wishlistSelect > select:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.AsyncSelect11__wishlistSelect > select:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.AsyncSelect11__wishlistSelect > select {
color: #000;
height: 48px;
text-decoration: none;/*
not compatible with Safari
*/
-moz-text-align-last: center;
}
[dir] .AsyncSelect11__wishlistSelect > select {
text-align: center;
background: none;
text-align-last: center;
}
@media (min-width: 1024px) {
.AsyncSelect11__wishlistSelect > select {
height: 40px;
}
}
[dir] .AsyncSelect11__wishlistSelect ul {
text-align: center;
}
[dir] .AsyncSelect11__wishlistSelect li:not(:first-child) {
background: #fff;
}
.AsyncSelect11__wishlistSelect.fadeIn {
opacity: 1;
}
.AsyncSelect11__wishlistSelect.fadeOut {
opacity: 0;
}
.AsyncSelect11__wishlistSelect.select {
z-index: 100;
}
.AsyncSelect11__wishlistSelect.disabledSelect {
z-index: 0;
}
[dir] .AsyncSelect11__unavailableNotifcation {
margin-top: 16px;
}
[dir] .AsyncSelect11__error {
margin-top: 11px;
}
.AsyncSelect11__stackButtons {
position: absolute;
top: 0;
bottom: 0;
}
[dir=ltr] .AsyncSelect11__stackButtons {
left: 0;
right: 0;
}
[dir=rtl] .AsyncSelect11__stackButtons {
right: 0;
left: 0;
}
.CTAButtons88 > * {
transition:
border-color 0.3s,
background-color 0.3s;
}
[dir] .CTAButtons88 > * {
-webkit-transition:
border-color 0.3s,
background-color 0.3s;
}
.CTAButtons88--loading {
height: 12px;
width: 100%;
}
[dir] .CTAButtons88--loading {
background-color: #f0f0f0;
margin: 0 0 8px;
}
@media (min-width: 1024px) {
.CTAButtons88--loading {
height: 16px;
}
}
.CTAButtons88__placeholder {
height: 0;
}
@media (min-width: 0px) and (max-width: 767px) {
.CTAButtons88__placeholder--sticky {
height: 73px;
}
}
.CTAButtons88__wrapperViewMore {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: calc(50% - 8px);
}
[dir=ltr] .CTAButtons88__wrapperViewMore {
margin-right: 8px;
}
[dir=rtl] .CTAButtons88__wrapperViewMore {
margin-left: 8px;
}
.CTAButtons88__wrapperViewMore--soldOut {
display: block;
}
.CTAButtons88__wrapperViewMore--fullWidth {
max-width: none;
}
[dir=ltr] .CTAButtons88__wrapperViewMore--fullWidth {
margin-right: 0;
}
[dir=rtl] .CTAButtons88__wrapperViewMore--fullWidth {
margin-left: 0;
}
.CTAButtons88__viewMore {
min-width: 100%;
min-height: 48px;
max-height: 68px;
height: 100%;
}
[dir] .CTAButtons88__viewMore {
padding: 0;
margin-bottom: 0;
}
.CTAButtons88__buttonNotification {
position: absolute;
z-index: 2000;
width: 100%;
top: -56px;
}
[dir] .CTAButtons88__buttonNotification {
margin: 0;
}
[dir=ltr] .CTAButtons88__buttonNotification {
-webkit-animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
[dir=rtl] .CTAButtons88__buttonNotification {
-webkit-animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
.CTAButtons88__addToWishlist {
position: relative;
height: 48px;
font: 14px/18px Georgia;
/*TODO: snapshot failing on jenkins so hardcoded for now*/
}
[dir] .CTAButtons88__addToWishlist {
border-radius: 2px;
}
.CTAButtons88__addToWishlist:lang(ar) {
line-height: 20px !important;
}
@media (min-width: 1024px) {
.CTAButtons88__addToWishlist {
height: 40px;
}
}
.CTAButtons88__addToWishlist::before {
content: '';
width: 16px;
height: 16px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
}
[dir] .CTAButtons88__addToWishlist::before {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZD0iTTggMy4xNzVMOS4zMyA3aDMuNzY3bC0yLjk0IDIuMjk2IDEuMDQ3IDMuNzg0TDggMTAuOTJsLTMuMjA0IDIuMTYgMS4wNDYtMy43ODVMMi45MDQgN0g2LjY3TDggMy4xNzV6TTggLjEzTDUuOTYgNkgwbDQuNyAzLjY3My0xLjU4OCA1Ljc1TDggMTIuMTI1bDQuODkgMy4yOTctMS41OS01Ljc1TDE2IDZoLTUuOTZMOCAuMTN6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+) no-repeat;
background-size: 16px;
transform: translateY(-50%);
}
[dir=ltr] .CTAButtons88__addToWishlist::before {
left: 16px;
}
[dir=rtl] .CTAButtons88__addToWishlist::before {
right: 16px;
}
.CTAButtons88__addToWishlist:disabled::before {
opacity: 0.2;
}
[dir] .CTAButtons88__addToWishlist:disabled::before {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZD0iTTggMy4xNzVMOS4zMyA3aDMuNzY3bC0yLjk0IDIuMjk2IDEuMDQ3IDMuNzg0TDggMTAuOTJsLTMuMjA0IDIuMTYgMS4wNDYtMy43ODVMMi45MDQgN0g2LjY3TDggMy4xNzV6TTggLjEzTDUuOTYgNkgwbDQuNyAzLjY3My0xLjU4OCA1Ljc1TDggMTIuMTI1bDQuODkgMy4yOTctMS41OS01Ljc1TDE2IDZoLTUuOTZMOCAuMTN6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+) no-repeat;
}
@media (min-width: 1024px) {
[dir] .CTAButtons88__addToWishlist--inLine {
padding: 7px 32px;
}
}
.CTAButtons88__wrapperAddToBag--stickyCta {
width: 100%;
}
@media (min-width: 0px) and (max-width: 767px) {
.CTAButtons88__wrapperAddToBag--stickyCta {
position: fixed;
bottom: 0;
z-index: 1000;
transition: none;
}
[dir] .CTAButtons88__wrapperAddToBag--stickyCta {
padding: 20px 16px;
border-top: 1px solid #cbcbcb;
background-color: #fff;
-webkit-transition: none;
}
[dir=ltr] .CTAButtons88__wrapperAddToBag--stickyCta {
left: 0;
}
[dir=rtl] .CTAButtons88__wrapperAddToBag--stickyCta {
right: 0;
}
}
.CTAButtons88__wrapperAddToBag--reducedMode {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: calc(50% - 8px);
}
[dir=ltr] .CTAButtons88__wrapperAddToBag--reducedMode {
margin-left: 8px;
}
[dir=rtl] .CTAButtons88__wrapperAddToBag--reducedMode {
margin-right: 8px;
}
@media (min-width: 1024px) {
.CTAButtons88__wrapperAddToBag--inLine {
width: 100%;
}
}
@media (min-width: 1024px) {
.CTAButtons88__wrapperAddToWishlist--inLine {
width: 100%;
}
}
@media (min-width: 0px) and (max-width: 767px) {
[dir] .CTAButtons88__stackButtons--stickyCta {
margin: 20px 16px;
}
}
@media (min-width: 0px) and (max-width: 767px) {
.CTAButtons88__buttonNotification--stickyCta {
width: auto;
}
[dir] .CTAButtons88__buttonNotification--stickyCta {
margin: auto;
}
[dir=ltr] .CTAButtons88__buttonNotification--stickyCta {
left: 16px;
right: 16px;
}
[dir=rtl] .CTAButtons88__buttonNotification--stickyCta {
right: 16px;
left: 16px;
}
}
.CTAButtons88__addToBag {
position: relative;
height: 48px;
width: 100%;
font: 14px/22px Georgia;
/*TODO: snapshot failing on jenkins so hardcoded for now*/
font-weight: normal;
max-height: 48px;
transition: max-height 0.2s cubic-bezier(0, 0, 1, 1);
/* white or gray icons use filter to change the default black icon
for that reason we can't use the icon directly to the dom element,
otherwise it affects the button eg: a black button with white icon, turns
white once the icon applies a invert filter */
}
[dir] .CTAButtons88__addToBag {
margin-bottom: 16px;
border-radius: 2px;
-webkit-transition: max-height 0.2s cubic-bezier(0, 0, 1, 1);
}
.CTAButtons88__addToBag:lang(ar) {
line-height: 20px !important;
}
@media (min-width: 1024px) {
.CTAButtons88__addToBag {
height: 40px;
}
}
@media (min-width: 0px) and (max-width: 767px) {
[dir] .CTAButtons88__addToBag--stickyCta {
margin-bottom: 0;
}
}
.CTAButtons88__addToBag--reducedMode {
min-width: auto;
width: 100% !important;
height: 100%;
min-height: 48px;
max-height: 68px;
}
[dir] .CTAButtons88__addToBag--reducedMode {
margin-bottom: 0;
margin-bottom: 0;
}
[dir=ltr] .CTAButtons88__addToBag--reducedMode {
padding-left: 8px;
padding-right: 8px;
}
[dir=rtl] .CTAButtons88__addToBag--reducedMode {
padding-right: 8px;
padding-left: 8px;
}
@media (min-width: 1024px) {
[dir] .CTAButtons88__addToBag--inLine {
padding: 7px 32px;
margin-bottom: 0;
}
}
.CTAButtons88__addToBag--disabled {
color: #838383;
pointer-events:none;
}
[dir] .CTAButtons88__addToBag--disabled {
background: #f0f0f0;
border: none;
}
.CTAButtons88__notification {
max-width: unset;
}
[dir] .CTAButtons88__notification {
margin-top: 24px;
}
.CTAButtons88__notification a {
text-decoration: underline;
color: inherit;
}
[dir] .CTAButtons88__notification--hideMargin {
margin-top: 0;
margin-bottom: 32px;
}
[dir] .CTAButtons88__notification--recommendation {
margin-top: 0;
margin-bottom: 24px;
}
.CTAButtons88__notification--reducedMode {
display: none;
}
[dir] .CTAButtons88__error {
margin-top: 11px;
}
.PartNumber88 {
font: 12px/18px Georgia;
font-weight: normal;
}
.PartNumber88:lang(ar) {
font: 16px/20px Amariya;
}
.PartNumber88:lang(ko) {
font:
12px/18px NotoSansKR,
Georgia;
}
.PartNumber88:lang(ja) {
font:
13px/18px NotoSansJP,
Georgia;
font-weight: normal;
}
.PartNumber88 {
color: #656565;
}
.PartNumber88--loading {
height: 12px;
width: 100%;
}
[dir] .PartNumber88--loading {
background-color: #f0f0f0;
margin: 0 0 8px;
}
@media (min-width: 1024px) {
.PartNumber88--loading {
height: 16px;
}
}
.PartNumber88--loading {
font-size: 0;
width: 100%;
}
.PartNumber88__number {
word-spacing: 2px;
}
.PartNumber88__number > span:nth-child(4n)::after {/*
Allows partNumber to be copied and pasted without spaces
*/
content: ' ';
}
.ProductDetailsSkeleton88 {
-ms-grid-row: 1;
-ms-grid-column: 7;
-ms-grid-column-span: 5;
}
[dir] .ProductDetailsSkeleton88__productDetailsSkeletonWrapper {
margin-top: 16px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.ProductDetailsSkeleton88__productDetailsSkeletonWrapper {
grid-column-start: 3;
grid-column-end: 11;
}
}
.ProductDetailsSkeleton88__productDetailsSkeletonWrapper--basicInfo {
grid-area: basicInfo;
}
.ProductDetailsSkeleton88__productDetailsSkeletonWrapper--productDetails {
grid-area: productDetails;
}
[dir] .ProductDetailsSkeleton88__productDetailsSkeletonWrapper--productDetails {
margin-top: 0;
}
[dir] .ProductDetailsSkeleton88__secondaryDetailsSkeletonWrapper {
margin-top: 16px;
}
[dir] .ProductDetailsSkeleton88__skeletonComponent {
margin-bottom: 16px;
}
[dir] .ProductDetailsSkeleton88__skeletonComponent--color {
margin-bottom: 0;
}
.ProductDetailsSkeleton88__designerName {
width: 60%;
}
.ProductDetailsSkeleton88__productName {
width: 90%;
}
.ProductDetailsSkeleton88__badge {
width: 120px;
}
.ProductDetailsSkeleton88__price {
width: 80px;
}
[dir] .ProductDetailsSkeleton88__price {
margin-bottom: 32px;
}
.ProductDetailsSkeleton88__editorialNotes {
width: 100%;
}
[dir] .ProductDetailsSkeleton88__editorialNotes {
margin-bottom: 16px;
}
.ProductDetailsSkeleton88__partNumber {
width: 60%;
}
.ProductDetailsSkeleton88__color {
width: 20%;
}
[dir] .ProductDetailsSkeleton88__color {
margin: 8px 0;
}
.ProductDetailsSkeleton88__sizeSelect {
width: 100%;
height: 48px;
}
.ProductDetailsSkeleton88__cta {
width: 100%;
height: 48px;
}
[dir] .ProductDetailsSkeleton88__cta {
margin-bottom: 24px;
}
.SingleBadge3__badge {
font: 10px/16px SackersGothicStd;
text-transform: uppercase;
font-weight: normal;
}
.SingleBadge3__badge:lang(ar) {
font: 14px/20px NeueFrutigerRegular, Sans-Serif;
}
.SingleBadge3__badge:lang(ko) {
font:
10px/16px NotoSansKR,
SackersGothicStd;
font-weight: bold;
}
.SingleBadge3__badge:lang(ja) {
font:
10px/16px NotoSansJP,
SackersGothicStd;
font-weight: bold;
}
.SingleBadge3__badge {
color: #656565;
text-transform: uppercase;
}
.SingleBadge3__badge--saleBadge {
color: #b43a3a;
}
.SingleBadge3__badge--dotAlert:before {
content: '';
display: inline-block;
line-height: normal;
width: 8px;
height: 8px;
}
[dir] .SingleBadge3__badge--dotAlert:before {
background-color: #f57171;
border-radius: 50%;
}
[dir=ltr] .SingleBadge3__badge--dotAlert:before {
margin-right: 8px;
}
[dir=rtl] .SingleBadge3__badge--dotAlert:before {
margin-left: 8px;
}
.SingleBadge3__badge--consideredBadge {
color: #136538;
}
.SingleBadge3__badge--craftBadge {
color: #136538;
}
.Stepper5__button {
text-decoration: none;
width: 100%;
}
[dir] .Stepper5__button {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.Stepper5__button {
min-width: 222px;
width: auto;
}
[dir] .Stepper5__button {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.Stepper5__button {
color: #000;
transition: background-color 0.5s ease;
}
[dir] .Stepper5__button {
background-color: #fff;
-webkit-transition: background-color 0.5s ease;
}
@media (hover: hover) and (pointer: fine) {
.Stepper5__button:hover {
color: rgb(51, 51, 51);
}
[dir] .Stepper5__button:hover {
background-color: #fff;
border-color: rgb(51, 51, 51);
}
}
.Stepper5__button:active {
color: #000;
}
[dir] .Stepper5__button:active {
background-color: #fff;
}
.Stepper5__button {
font: 14px/22px Georgia;
font-weight: normal;
}
.Stepper5__button:lang(ar) {
font: 20px/26px Amariya;
}
.Stepper5__button:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.Stepper5__button:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.Stepper5__button {
min-width: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
outline: 0;
width: 0;/*
width of the button given by padding
*/
height: 0;/*
height of the button given by padding
*/
}
[dir] .Stepper5__button {
padding: 16px 16px;
cursor: pointer;
}
[dir] .Stepper5__button--plus {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOCA3VjBIN3Y3SDB2MWg3djdoMVY4aDdWN3oiLz48L2c+PC9zdmc+) no-repeat;
background-position: center;
}
.Stepper5__button--plus:disabled {
opacity: 0.2;
}
[dir] .Stepper5__button--plus:disabled {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOCA3VjBIN3Y3SDB2MWg3djdoMVY4aDdWN3oiLz48L2c+PC9zdmc+) no-repeat;
padding: 16px 16px;
background-position: center;
border-color: #000;
}
[dir] .Stepper5__button--plus:disabled:hover {
border-color: #000;
}
[dir] .Stepper5__button--minus {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTQgN3YxSDFWN3oiLz48L2c+PC9zdmc+) no-repeat;
background-position: center;
}
.Stepper5__button--minus:disabled {
opacity: 0.2;
}
[dir] .Stepper5__button--minus:disabled {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTQgN3YxSDFWN3oiLz48L2c+PC9zdmc+) no-repeat;
padding: 16px 16px;
background-position: center;
border-color: #000;
}
[dir] .Stepper5__button--minus:disabled:hover {
border-color: #000;
}
.Stepper5__value {
font: 14px/22px Georgia;
font-weight: normal;
}
.Stepper5__value:lang(ar) {
font: 20px/26px Amariya;
}
.Stepper5__value:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.Stepper5__value:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.Stepper5__value {
font-family: AkkuratPro, Sans-Serif;
min-width: 16px;
line-height: 16px;
}
[dir] .Stepper5__value {
margin: 8px 16px;
text-align: center;
}
.Stepper5__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.Stepper5__container--vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.Stepper5__container--horizontal {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.PriceWithPromotions11 {
color: #656565;
}
[dir] .PriceWithPromotions11 > div {
padding: 2px 0;
}
.PriceWithPromotions11 .priceReduced {
text-decoration: line-through;
}
.PriceWithPromotions11 .hasMarkdown {
color: #b43a3a;
}
.PriceWithPromotions11 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.PriceWithPromotions11__promoPrice {
display: none;
}
.PriceWithPromotions11__originalPrice {
color: #000;
}
.PriceWithPromotions11__percentDiscount {
color: #000;
}
.PriceWithPromotions11__promotion {
color: #b43a3a;
}
.PriceWithPromotions11__markedDownPrice {
color: #b43a3a;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.PriceWithPromotions11__markedDownPrice--shipping {
display: none;
}
.PriceWithPromotions11__finalPrice {
color: #000;
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
[dir] .PriceWithPromotions11--extraHeight {
padding-bottom: 8px;
}
.PriceWithPromotions11__originalPriceWithDiscount {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.PriceWithPromotions11__promoWrapper {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.PriceWithPromotions11__tax {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.PriceWithPromotions11__duties {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.PriceWithSchema11 {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.PriceWithSchema11:lang(ar) {
font: 20px/26px Amariya;
}
.PriceWithSchema11:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.PriceWithSchema11:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.PriceWithSchema11 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.PriceWithSchema11__discountContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
color: #000;
/* TODO
removing temporarily in order to allow all heads to be bumped to the latest version of @ynap/price
whilst we wait for business sign off https://jira.nap/browse/ISPW-1132?focusedCommentId=5292159&page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel#comment-5292159
@modifier sale {
color: var(--secondary-red);
} */
}
.PriceWithSchema11__previousPrice {
text-decoration: line-through;
}
[dir=ltr] .PriceWithSchema11__previousPrice {
margin-right: 8px;
}
[dir=rtl] .PriceWithSchema11__previousPrice {
margin-left: 8px;
}
.PriceWithSchema11__minimumPriceContainer {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.PriceWithSchema11__minimumPriceContainer:lang(ar) {
font: 20px/26px Amariya;
}
.PriceWithSchema11__minimumPriceContainer:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.PriceWithSchema11__minimumPriceContainer:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.PriceWithSchema11__minimumPriceContainer {
color: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-transform: none;
}
[dir] .PriceWithSchema11__minimumPriceContainer {
margin-top: 4px;
margin-bottom: 8px;
}
.PriceWithSchema11__minimumPriceContainer--hide {
display: none;
}
.PriceWithSchema11__priceDetailsIcon {
display: block;
height: 100%;
width: 16px;
}
[dir] .PriceWithSchema11__priceDetailsIcon {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMjYgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbiBfQWJvdXRfVXM8L3RpdGxlPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTExLjk5NzQ4ODgsOC4yMjQgQzEyLjYyMTQ4ODgsOC4yMjQgMTMuMTE3NDg4OCw3LjY5NiAxMy4xMTc0ODg4LDcuMTA0IEMxMy4xMTc0ODg4LDYuNDggMTIuNjIxNDg4OCw1Ljk4NCAxMS45OTc0ODg4LDUuOTg0IEMxMS40MDU0ODg4LDUuOTg0IDEwLjg3NzQ4ODgsNi40OCAxMC44Nzc0ODg4LDcuMTA0IEMxMC44Nzc0ODg4LDcuNjk2IDExLjQwNTQ4ODgsOC4yMjQgMTEuOTk3NDg4OCw4LjIyNCBaIE0xMi43NjU0ODg4LDE2IEwxMi43NjU0ODg4LDkuMzYgTDExLjIyOTQ4ODgsOS4zNiBMMTEuMjI5NDg4OCwxNiBMMTIuNzY1NDg4OCwxNiBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkluZm9ybWF0aW9uLzc2OC10YWJsZXQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAtMjAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMjEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjQsMTIgQzI0LDE4LjYyNjc4MiAxOC42MjgxODQyLDI0IDEyLDI0IEM1LjM3MzIxODA0LDI0IDAsMTguNjI2NzgyIDAsMTIgQzAsNS4zNzMyMTgwNCA1LjM3MzIxODA0LDAgMTIsMCBDMTguNjI4MTg0MiwwIDI0LDUuMzczMjE4MDQgMjQsMTIgTDI0LDEyIFoiIGlkPSJTdHJva2UtOCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxnIGlkPSJpIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iIzE0NDA3NCIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjMDAwMDAwIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
background-size: 16px;
background-position: center;
border: none;
padding: 0;
cursor: pointer;
}
[dir=ltr] .PriceWithSchema11__priceDetailsIcon {
margin-left: 8px;
}
[dir=rtl] .PriceWithSchema11__priceDetailsIcon {
margin-right: 8px;
}
@media (min-width: 0px) and (max-width: 767px) {
[dir] .PriceWithSchema11__priceDetailsIcon {
background-position: inherit;
margin-top: 2px;
}
[dir=ltr] .PriceWithSchema11__priceDetailsIcon {
margin-right: 24px;
}
[dir=rtl] .PriceWithSchema11__priceDetailsIcon {
margin-left: 24px;
}
}
.PriceWithSchema11__priceDetailsIcon--discount {
display: none;
}
.PriceWithSchema11--details {
font: 16px/24px Georgia;
font-weight: normal;
}
.PriceWithSchema11--details:lang(ar) {
font: 16px/24px Amariya;
}
.PriceWithSchema11--details:lang(ko) {
font:
16px/24px NotoSansKR,
Georgia;
}
.PriceWithSchema11--details:lang(ja) {
font:
15px/24px NotoSansJP,
Georgia;
font-weight: 500;
}
.PriceWithSchema11--loading {
height: 12px;
width: 100%;
}
[dir] .PriceWithSchema11--loading {
background-color: #f0f0f0;
margin: 0 0 8px;
}
@media (min-width: 1024px) {
.PriceWithSchema11--loading {
height: 16px;
}
}
.PriceWithSchema11--loading {
width: 33%;
}
.PriceWithSchema11__value--sale {
color: #b43a3a;
}
@media (min-width: 0px) and (max-width: 767px) {
[dir] .PriceWithSchema11__value--sale {
margin-top: -4px;
}
}
.PriceWithSchema11__value--strikeThrough {
text-decoration: line-through;
}
[dir] .PriceWithSchema11__value--padding {
padding: 0 8px;
}
.PriceWithSchema11__exchange {
font: 12px/18px Georgia;
font-weight: normal;
}
.PriceWithSchema11__exchange:lang(ar) {
font: 16px/20px Amariya;
}
.PriceWithSchema11__exchange:lang(ko) {
font:
12px/18px NotoSansKR,
Georgia;
}
.PriceWithSchema11__exchange:lang(ja) {
font:
13px/18px NotoSansJP,
Georgia;
font-weight: normal;
}
.PriceWithSchema11__exchange {
color: #000;
}
[dir=ltr] .PriceWithSchema11__exchange {
margin-left: 4px;
}
[dir=rtl] .PriceWithSchema11__exchange {
margin-right: 4px;
}
.PriceWithSchema11__exchange--sale {
color: #b43a3a;
}
.PriceWithSchema11__ddpInformation {
font: 12px/18px Georgia;
font-weight: normal;
}
.PriceWithSchema11__ddpInformation:lang(ar) {
font: 16px/20px Amariya;
}
.PriceWithSchema11__ddpInformation:lang(ko) {
font:
12px/18px NotoSansKR,
Georgia;
}
.PriceWithSchema11__ddpInformation:lang(ja) {
font:
13px/18px NotoSansJP,
Georgia;
font-weight: normal;
}
.PriceWithSchema11__ddpInformation {
color: #656565;
}
[dir=ltr] .PriceWithSchema11__ddpInformation {
margin-left: 4px;
}
[dir=rtl] .PriceWithSchema11__ddpInformation {
margin-right: 4px;
}
.PriceWithSchema11__priceSuffix {
font: 12px/18px Georgia;
font-weight: normal;
}
.PriceWithSchema11__priceSuffix:lang(ar) {
font: 16px/20px Amariya;
}
.PriceWithSchema11__priceSuffix:lang(ko) {
font:
12px/18px NotoSansKR,
Georgia;
}
.PriceWithSchema11__priceSuffix:lang(ja) {
font:
13px/18px NotoSansJP,
Georgia;
font-weight: normal;
}
.PriceWithSchema11__priceSuffix {
color: #000;
}
[dir=ltr] .PriceWithSchema11__priceSuffix {
margin-left: 4px;
}
[dir=rtl] .PriceWithSchema11__priceSuffix {
margin-right: 4px;
}
.LiteProductDetailsPage88__layoutGrid {
display: grid;
grid-template-columns: 100%;
grid-template-areas: 'imageCarousel' 'productDetails';
}
[dir] .LiteProductDetailsPage88__layoutGrid {
padding: 0px;
}
@media (min-width: 1024px) {
.LiteProductDetailsPage88__layoutGrid {
grid-template-columns: 50% 50%;
grid-template-areas: 'imageCarousel productDetails';
height: 563px;
overflow: hidden;/*
IE 11
*/
}
}
@media (min-width: 1024px) and screen and (-ms-high-contrast: active), (min-width: 1024px) and screen and (-ms-high-contrast: none) {
.LiteProductDetailsPage88__layoutGrid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.LiteProductDetailsPage88__layoutGrid--quickAdd {
grid-template-columns: 160px minmax(0, auto);
grid-template-rows: auto auto 1fr auto;
grid-template-areas:
'imageCarousel productInformation'
'imageCarousel price'
'imageCarousel productColourBadge'
'children children';
}
@media (min-width: 768px) {
.LiteProductDetailsPage88__layoutGrid--quickAdd {
max-width: 480px;
}
[dir] .LiteProductDetailsPage88__layoutGrid--quickAdd {
margin: 0 auto;
}
}
@media (min-width: 1024px) {
.LiteProductDetailsPage88__layoutGrid--quickAdd {
height: auto;
}
}
.LiteProductDetailsPage88__imageCarousel {
grid-area: imageCarousel;
}
@media (min-width: 1024px) {
.LiteProductDetailsPage88__imageCarousel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.LiteProductDetailsPage88__imageCarousel li {/*
This is to reset this workaround in default PDP https://git.yoox.net/projects/YOS/repos/yos/browse/packages/components/product-details-page/src/ImageCarousel/mrp.css#59 whereby the problem does not seem to manifest at the widths that mini PDP is displayed
*//*
Will look to refactor when new designs for Image Carousel come in
*/
}
[dir] .LiteProductDetailsPage88__imageCarousel li {
padding: 0;
}
.LiteProductDetailsPage88__imageCarousel {/*
IE 11
*/
}
}
@media (min-width: 1024px) and screen and (-ms-high-contrast: active), (min-width: 1024px) and screen and (-ms-high-contrast: none) {
.LiteProductDetailsPage88__imageCarousel {
width: 50%;
}
[dir] .LiteProductDetailsPage88__imageCarousel {
padding: 40px 80px;
}
}
[dir=ltr] .LiteProductDetailsPage88__imageCarousel--quickAdd {
margin: 0 24px 16px 0;
}
[dir=rtl] .LiteProductDetailsPage88__imageCarousel--quickAdd {
margin: 0 0 16px 24px;
}
.LiteProductDetailsPage88__productDetailsWrapper {
grid-area: productDetails;
}
[dir] .LiteProductDetailsPage88__productDetailsWrapper {
padding: 16px;
}
@media (min-width: 1024px) {
.LiteProductDetailsPage88__productDetailsWrapper {/*
padding right was reduced to optimize the scroll experience. The total width was update to simulate that expected padding
*//*
improves scroll experience, so we can better see the close button
*/
overflow: auto;
width: calc(100% - 16px);
height: 531px;/*
subtract the top margin
*//*
IE 11
*/
}
[dir] .LiteProductDetailsPage88__productDetailsWrapper {
margin-top: 32px;
}
[dir=ltr] .LiteProductDetailsPage88__productDetailsWrapper {
padding: 0 16px 32px 32px;
}
[dir=rtl] .LiteProductDetailsPage88__productDetailsWrapper {
padding: 0 32px 32px 16px;
}
}
@media (min-width: 1024px) and screen and (-ms-high-contrast: active), (min-width: 1024px) and screen and (-ms-high-contrast: none) {
.LiteProductDetailsPage88__productDetailsWrapper {
width: 50%;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.LiteProductDetailsPage88__productDetailsWrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
}
}
.LiteProductDetailsPage88__productDetailsWrapper--quickAdd {
display: contents;
}
.LiteProductDetailsPage88__productDetails {
display: grid;
grid-template-columns: 100%;
grid-auto-rows: -webkit-min-content;
grid-auto-rows: min-content;
grid-template-areas: 'productInformation' 'productColourBadge' 'price' 'children';
}
@media (min-width: 768px) and (max-width: 1023px) {
.LiteProductDetailsPage88__productDetails {
grid-column-start: 3;
grid-column-end: 11;
}
}
.LiteProductDetailsPage88__productDetails--consideredBadge {
grid-template-areas: 'consideredBadge' 'productInformation' 'productColourBadge' 'price' 'children';
}
.LiteProductDetailsPage88__productDetails--quickAdd {
display: contents;
}
.LiteProductDetailsPage88__productInformation {
grid-area: productInformation;
}
[dir] .LiteProductDetailsPage88__productInformation--quickAdd {
margin-top: 0;
}
.LiteProductDetailsPage88__productInformation--quickAdd > h1 {
font: 24px/30px Georgia;
font-weight: normal;
}
.LiteProductDetailsPage88__productInformation--quickAdd > h1:lang(ar) {
font: 40px/40px Amariya;
}
.LiteProductDetailsPage88__productInformation--quickAdd > h1:lang(ko) {
font:
24px/30px NotoSansKR,
Georgia;
}
.LiteProductDetailsPage88__productInformation--quickAdd > h1:lang(ja) {
font:
23px/30px NotoSansJP,
Georgia;
font-weight: 500;
}
@media (min-width: 1024px) {
.LiteProductDetailsPage88__productInformation--quickAdd > h1 {
font-size: 32px;
line-height: 40px;
}
.LiteProductDetailsPage88__productInformation--quickAdd > h1:lang(ar) {
font-size: 40px;
line-height: 40px;
}
.LiteProductDetailsPage88__productInformation--quickAdd > h1:lang(ko) {
font-size: 32px;
line-height: 40px;
}
}
[dir] .LiteProductDetailsPage88__productInformation--quickAdd > h1 {
margin-bottom: 0;
}
.LiteProductDetailsPage88__productInformation--quickAdd > p {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.LiteProductDetailsPage88__productInformation--quickAdd > p:lang(ar) {
font: 20px/26px Amariya;
}
.LiteProductDetailsPage88__productInformation--quickAdd > p:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.LiteProductDetailsPage88__productInformation--quickAdd > p:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.LiteProductDetailsPage88__productInformation--quickAdd > p {
color: #656565;
}
.LiteProductDetailsPage88__productColourBadge {
grid-area: productColourBadge;
}
[dir] .LiteProductDetailsPage88__productColourBadge {
margin-bottom: 8px;
}
@media (min-width: 1024px) {
[dir] .LiteProductDetailsPage88__productColourBadge {
margin-bottom: 8px;
}
}
[dir] .LiteProductDetailsPage88__productColourBadge--quickAdd {
margin-bottom: 4px;
}
.LiteProductDetailsPage88__price {
grid-area: price;
}
[dir] .LiteProductDetailsPage88__price {
margin-bottom: 8px;
}
@media (min-width: 1024px) {
[dir] .LiteProductDetailsPage88__price {
margin-bottom: 16px;
}
}
.LiteProductDetailsPage88__price--quickAdd {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.LiteProductDetailsPage88__price--quickAdd:lang(ar) {
font: 20px/26px Amariya;
}
.LiteProductDetailsPage88__price--quickAdd:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.LiteProductDetailsPage88__price--quickAdd:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.LiteProductDetailsPage88__consideredBadge {
display: block;
grid-area: consideredBadge;
}
.LiteProductDetailsPage88__children {
grid-area: children;
}
[dir] .LiteProductDetailsPage88__children--quickAdd {
margin-top: 0;
}
.QuickViewProductDetailsPage88 {
/* CHK-1640-3 */
}
.QuickViewProductDetailsPage88__imageCarousel {
grid-area: imageCarousel;
}
@media (min-width: 1024px) {
.QuickViewProductDetailsPage88__imageCarousel {
overflow: hidden;
}
}
.QuickViewProductDetailsPage88__gridContainer {
display: grid;
grid-template-columns: 100%;
grid-auto-rows: -webkit-min-content;
grid-auto-rows: min-content;
grid-template-areas: 'colours' 'quantityAndSize' 'ctaButtons' 'partNumber' 'moreDetails';
}
@media (min-width: 768px) and (max-width: 1023px) {
.QuickViewProductDetailsPage88__gridContainer {
grid-column-start: 3;
grid-column-end: 11;
}
}
.QuickViewProductDetailsPage88__colours {
grid-area: colours;
}
.QuickViewProductDetailsPage88__quantityAndSizeWrapper {
grid-area: quantityAndSize;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
[dir] .QuickViewProductDetailsPage88__quantityAndSizeWrapper {
margin-bottom: 32px;
}
.QuickViewProductDetailsPage88__quantityAndSizeWrapper--loading {
display: block;
/* disables flex properties */
}
[dir] .QuickViewProductDetailsPage88__quantityAndSizeWrapper--loading {
margin-bottom: 8px;
}
[dir] .QuickViewProductDetailsPage88__quantityAndSizeWrapper--recommendation {
margin-bottom: 16px;
}
.QuickViewProductDetailsPage88__quantityStepper {
-ms-flex-item-align: end;
align-self: flex-end;
}
[dir=ltr] .QuickViewProductDetailsPage88__quantityStepper {
margin-left: 32px;
}
[dir=rtl] .QuickViewProductDetailsPage88__quantityStepper {
margin-right: 32px;
}
[dir] .QuickViewProductDetailsPage88__designeLimitNotification {
margin-bottom: 24px;
}
.QuickViewProductDetailsPage88__sizeSelect {
-ms-flex-item-align: center;
align-self: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.QuickViewProductDetailsPage88__sizeSelect--loading {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.QuickViewProductDetailsPage88__ctaButtons {
grid-area: ctaButtons;
}
[dir] .QuickViewProductDetailsPage88__ctaButtons {
margin-bottom: 16px;
}
[dir] .QuickViewProductDetailsPage88__ctaButtons--loading {
margin-bottom: 8px;
}
[dir] .QuickViewProductDetailsPage88__ctaButtons--recommendation {
margin-bottom: 8px;
}
.QuickViewProductDetailsPage88__tooltipRectification {
display: inherit;
}
.QuickViewProductDetailsPage88__partNumber {
grid-area: partNumber;
}
.QuickViewProductDetailsPage88__moreDetails {
grid-area: moreDetails;
}
.QuickViewProductDetailsPage88__viewDetails {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.QuickViewProductDetailsPage88__viewDetails:lang(ar) {
font: 20px/26px Amariya;
}
.QuickViewProductDetailsPage88__viewDetails:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.QuickViewProductDetailsPage88__viewDetails:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.QuickViewProductDetailsPage88__viewDetails {
color: #656565;
}
[dir] .QuickViewProductDetailsPage88__viewDetails {
border-bottom: 1px solid #838383;
}
.QuickViewProductDetailsPage88__viewDetails:hover {
color: #656565;
}
[dir] .QuickViewProductDetailsPage88__viewDetails:hover {
border-color: #656565;
}
.QuickViewProductDetailsPage88__viewDetails:active {
color: #656565;
}
[dir] .QuickViewProductDetailsPage88__viewDetails:active {
border-color: #656565;
}
.QuickViewProductDetailsPage88__viewDetails {
display: inline-block;
}
[dir] .QuickViewProductDetailsPage88__viewDetails {
margin-top: 16px;
}
.QuickViewProductDetailsPage88__viewDetails--loading {
height: 12px;
width: 100%;
}
[dir] .QuickViewProductDetailsPage88__viewDetails--loading {
background-color: #f0f0f0;
margin: 0 0 8px;
}
@media (min-width: 1024px) {
.QuickViewProductDetailsPage88__viewDetails--loading {
height: 16px;
}
}
.QuickViewProductDetailsPage88__viewDetails--loading {
pointer-events: none;
font-size: 0;
display: block;
width: 50%;
}
[dir] .QuickViewProductDetailsPage88__viewDetails--loading {
border: none;
}
[dir] .UnavailableProductPage88 {
margin: 24px 32px;
}
.UnavailableProductPage88__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.UnavailableProductPage88__imageContainer {
width: 105px;
}
[dir=ltr] .UnavailableProductPage88__info {
margin-left: 8px;
}
[dir=rtl] .UnavailableProductPage88__info {
margin-right: 8px;
}
.UnavailableProductPage88__designer {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.UnavailableProductPage88__designer:lang(ar) {
font: 20px/26px Amariya;
}
.UnavailableProductPage88__designer:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.UnavailableProductPage88__designer:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.UnavailableProductPage88__designer {
text-transform: uppercase;
color: #000;
display: inherit;
}
.UnavailableProductPage88__name {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.UnavailableProductPage88__name:lang(ar) {
font: 20px/26px Amariya;
}
.UnavailableProductPage88__name:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.UnavailableProductPage88__name:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.UnavailableProductPage88__name {
display: inherit;
color: #656565;
}
.UnavailableProductPage88__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
[dir] .UnavailableProductPage88__footer {
margin-top: 24px;
}
.UnavailableProductPage88__footer i {
opacity: 0.6;
width: 16px;
height: 16px;
opacity: 1;
}
[dir] .UnavailableProductPage88__footer i {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZD0iTTcuNSAwYTcuNSA3LjUgMCAxIDAgMCAxNSA3LjUgNy41IDAgMCAwIDAtMTV6bTAgMTRBNi41MDggNi41MDggMCAwIDEgMSA3LjVDMSAzLjkxNiAzLjkxNiAxIDcuNSAxUzE0IDMuOTE2IDE0IDcuNSAxMS4wODQgMTQgNy41IDE0ek03IDExaDFWNkg3djV6bS41LTcuNzVhLjc1Ljc1IDAgMSAwIDAgMS41Ljc1Ljc1IDAgMCAwIDAtMS41eiIgZmlsbD0iIzEwMzg1NSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) no-repeat;
background-position: bottom;
background-size: contain;
}
.UnavailableProductPage88__footer label {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.UnavailableProductPage88__footer label:lang(ar) {
font: 20px/26px Amariya;
}
.UnavailableProductPage88__footer label:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.UnavailableProductPage88__footer label:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.UnavailableProductPage88__footer label {
color: #000;
}
[dir=ltr] .UnavailableProductPage88__footer label {
margin-left: 8px;
}
[dir=rtl] .UnavailableProductPage88__footer label {
margin-right: 8px;
}
.ProductGrid53 {
display: grid;
grid-template-columns: repeat(2, calc(50% - 12px));
grid-template-rows: auto;
grid-row-gap: 40px;
grid-column-gap: 24px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 768px) {
.ProductGrid53 {
grid-template-columns: repeat(4, calc(25% - 18px));
}
}
@media (min-width: 1024px) {
.ProductGrid53[data-columns='3'] {
grid-template-columns: repeat(3, calc(33.33333% - 16.00008px));
}
.ProductGrid53[data-columns='4'] {
grid-template-columns: repeat(4, calc(25% - 18px));
}
.ProductGrid53[data-columns='6'] {
grid-template-columns: repeat(6, calc(16.66667% - 19.99992px));
}
}
[dir=ltr] .TransitionSingleBadge3__transitionBadge--fadeOut {
-webkit-animation: fadeOut 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeOut 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
[dir=rtl] .TransitionSingleBadge3__transitionBadge--fadeOut {
-webkit-animation: fadeOut 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeOut 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
[dir=ltr] .TransitionSingleBadge3__transitionBadge--fadeIn {
-webkit-animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
[dir=rtl] .TransitionSingleBadge3__transitionBadge--fadeIn {
-webkit-animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
.TransitionSingleBadge3__transitionBadge--hide {
display: none;
}
.ProductItem26 {
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
width: 100%;
text-decoration: none;
color: #000;
}
@media (min-width: 1024px) {
.ProductItem26 > span {
font-size: 14px;
}
}
.ProductItem26__p--landscape {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ProductItem26__p--wiwImageInfoStyle {
display: -webkit-box;
}
[dir] .ProductItem26__p--wiwImageInfoStyle {
border: 1px solid #cbcbcb;
padding: 8px;
}
.ProductItem26__lineBreakHack--wiwImageInfoStyle {
display: none;
}
.ProductItem26__badge {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ProductItem26__badge--wiwImageInfoStyle {
font-size: 10px;
}
[dir] .ProductItem26__badge--wiwImageInfoStyle {
margin-top: 4px;
}
.ProductItem26__consideredBadge {
display: inline-block;
}
.ProductItem26__designer {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.ProductItem26__designer:lang(ar) {
font: 20px/26px Amariya;
}
.ProductItem26__designer:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.ProductItem26__designer:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.ProductItem26__designer {
text-transform: uppercase;
color: #000;
}
.ProductItem26__designer:lang(ar) {
font: 14px/18px Georgia;
}
.ProductItem26__designer--pdpRecommendations {
font-weight: normal;
text-transform: none;
}
.ProductItem26__designer--wiwImageInfoStyle {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
}
@media (max-width: 320px) {
.ProductItem26__designer--wiwImageInfoStyle {
max-width: 85%;
}
}
.ProductItem26__name {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.ProductItem26__name:lang(ar) {
font: 20px/26px Amariya;
}
.ProductItem26__name:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.ProductItem26__name:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.ProductItem26__name {
color: #656565;
}
.ProductItem26__name--noDescriptionStyle {
display: none;
}
.ProductItem26__details {
color: #656565;
}
[dir] .ProductItem26__details {
margin-bottom: 16px;
}
.ProductItem26__details--brief {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 18px;
min-height: 54px;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.ProductItem26__details--brief:lang(ar) {
min-height: 90px;
}
[dir] .ProductItem26__details--pdpRecommendations {
margin: 0;
}
.ProductItem26__details--descriptionStyle {
min-height: 0;
}
[dir] .ProductItem26__details--descriptionStyle {
margin: 0;
}
.ProductItem26__details--wiwImageInfoStyle {
-webkit-line-clamp: 2;
min-height: unset;
max-height: unset;
-webkit-box-flex: unset;
-ms-flex-positive: unset;
flex-grow: unset;
}
[dir] .ProductItem26__details--wiwImageInfoStyle {
margin-bottom: 0;
}
.ProductItem26__imageContainer--imgModifier {
opacity: 0.3;
}
.ProductItem26__imageContainer--landscape {
width: 30%;
}
.ProductItem26__imageContainer--quickAdd {
position: relative;
}
.ProductItem26__skeletonContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
[dir] .ProductItem26__skeletonContainer {
margin-top: 16px;
}
.ProductItem26__skeletonContainer--landscape {
width: 70%;
}
[dir] .ProductItem26__skeletonContainer--landscape {
margin-top: 8px;
}
[dir=ltr] .ProductItem26__skeletonContainer--landscape {
padding-left: 16px;
}
[dir=rtl] .ProductItem26__skeletonContainer--landscape {
padding-right: 16px;
}
@media (min-width: 768px) {
[dir=ltr] .ProductItem26__skeletonContainer--landscape {
padding-left: 24px;
}
[dir=rtl] .ProductItem26__skeletonContainer--landscape {
padding-right: 24px;
}
}
.ProductItem26__skeletonContainer--skeleton {
height: 100px;
}
[dir] .ProductItem26__skeletonContainer--skeleton {
background-repeat: no-repeat;
background-image: linear-gradient(#f0f0f0 11px, transparent 0), linear-gradient(#f0f0f0 11px, transparent 0),
linear-gradient(#f0f0f0 11px, transparent 0);
background-size:
30% 11px,
70% 11px,
25% 11px;
background-position:
0px 15px,
0px 34px,
0px 53px;
}
[dir] .ProductItem26__skeletonContainer--pdpRecommendations {
margin-top: 24px;
}
[dir] .ProductItem26__skeletonContainer--wiwImageInfoStyle {
margin-top: 0;
}
.ProductItem26__content {
transition: opacity 1s cubic-bezier(0, 0, 1, 1);
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
[dir] .ProductItem26__content {
-webkit-transition: opacity 1s cubic-bezier(0, 0, 1, 1);
}
.ProductItem26__content--skeleton {
opacity: 0;
}
.ProductItem26__content--unavailableProduct {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.ProductItem26__content--wiwImageInfoStyle {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ProductItem26__price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
[dir] .ProductItem26__price {
margin-bottom: 4px;
}
.ProductItem26__price:lang(ar) {
font: 14px/18px Georgia;
}
.ProductItem26__price--pdpRecommendations {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ProductItem26__price--descriptionStyle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ProductItem26__message::before {
content: '';
width: 32px;
height: 24px;
}
[dir] .ProductItem26__message::before {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjEuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iX3gzMl80X3g1Rl9XYXJuaW5nLWxheWVyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgoJIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJfeDMyXzRfeDVGX1dhcm5pbmciPgoJPHJlY3QgdHJhbnNmb3JtPSJtYXRyaXgoLTEuODM2OTcwZS0xNiAxIC0xIC0xLjgzNjk3MGUtMTYgMjQgMS43NzYzNTdlLTE1KSIgc3R5bGU9ImZpbGw6bm9uZTsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIvPgoJPHBhdGggZD0iTTEyLDZoLTF2N2gxVjZ6IE0xMS41LDBDNS4xNDksMCwwLDUuMTQ5LDAsMTEuNVM1LjE0OSwyMywxMS41LDIzUzIzLDE3Ljg1MSwyMywxMS41UzE3Ljg1MSwwLDExLjUsMHogTTExLjUsMjIKCQlDNS43MSwyMiwxLDE3LjI5LDEsMTEuNVM1LjcxLDEsMTEuNSwxUzIyLDUuNzEsMjIsMTEuNVMxNy4yOSwyMiwxMS41LDIyeiBNMTEuNSwxNWMtMC41NTIsMC0xLDAuNDQ4LTEsMXMwLjQ0OCwxLDEsMXMxLTAuNDQ4LDEtMQoJCVMxMi4wNTIsMTUsMTEuNSwxNXoiLz4KPC9nPgo8L3N2Zz4K) no-repeat;
background-size: 24px;
}
[dir=ltr] .ProductItem26__message::before {
background-position: left;
}
[dir=rtl] .ProductItem26__message::before {
background-position: right;
}
[dir=ltr] .ProductItem26__message::before:lang(ja)::before {
padding-right: 16px;
}
[dir=rtl] .ProductItem26__message::before:lang(ja)::before {
padding-left: 16px;
}
.ProductItem26__message {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.ProductItem26__message:lang(ar) {
font: 20px/26px Amariya;
}
.ProductItem26__message:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.ProductItem26__message:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.ProductItem26__message {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 24px;
color: #000;
}
.ProductSummaryWithAddToBag26 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.ProductSummaryWithAddToBag26__productSummary {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
[dir] .ProductSummaryWithAddToBag26__productSummary {
margin-bottom: 24px;
}
.ProductSummaryWithAddToBag26__addToBagBtn {
position: relative;
width: 100%;
}
.ProductSummaryWithAddToBag26__addToBagBtn:lang(it) {
min-height: 70px;
}
@media (min-width: 1280px) {
.ProductSummaryWithAddToBag26__addToBagBtn:lang(it) {
min-height: 40px;
}
}
.ProductSummaryWithAddToBag26__addToBagBtn:lang(ar) {
min-height: 78px;
}
@media (min-width: 1280px) {
.ProductSummaryWithAddToBag26__addToBagBtn:lang(ar) {
min-height: 48px;
}
}
.ProductSummaryWithAddToBag26__addToBagBtn:lang(ja) {
min-height: 78px;
}
@media (min-width: 1280px) {
.ProductSummaryWithAddToBag26__addToBagBtn:lang(ja) {
min-height: 40px;
}
}
[dir] .ProductSummaryWithAddToBag26__addToBagBtn--insideProductSummary {
margin-bottom: 16px;
}
.ProductSummaryWithQuickAdd26 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
[dir] .ProductSummaryWithQuickAdd26 {
cursor: default;
}
.ProductSummaryWithQuickAdd26__productSummary {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
[dir] .ProductSummaryWithQuickAdd26__productSummary {
margin-bottom: 24px;
}
.ProductSummaryWithQuickAdd26__addToBagBtn {
position: relative;
}
.Pagination7 {
position: relative;
width: 100%;
max-width: 1440px;
}
[dir] .Pagination7 {
margin: auto;
padding: 0 16px;
}
@media (min-width: 768px) {
[dir] .Pagination7 {
padding: 0 32px;
}
}
.Pagination7 {/*
Icons
*/
}
.Pagination7__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 56px;
width: 100%;
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.Pagination7__wrapper:lang(ar) {
font: 20px/26px Amariya;
}
.Pagination7__wrapper:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.Pagination7__wrapper:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.Pagination7__wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
[dir] .Pagination7__wrapper {
border-top: 1px solid #cbcbcb;
}
.Pagination7__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.Pagination7__counter {
position: absolute;
width: 100%;
pointer-events: none;
line-height: 56px;
}
[dir] .Pagination7__counter {
text-align: center;
}
[dir=ltr] .Pagination7__counter {
left: 0;
}
[dir=rtl] .Pagination7__counter {
right: 0;
}
[dir=ltr] .Pagination7__first {
margin-left: 16px;
-webkit-transform: unset /*rtl:scaleX(-1)*/;
transform: unset /*rtl:scaleX(-1)*/;
}
[dir=rtl] .Pagination7__first {
margin-right: 16px;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
@media (min-width: 768px) {
[dir=ltr] .Pagination7__first {
margin-left: 32px;
}
[dir=rtl] .Pagination7__first {
margin-right: 32px;
}
}
.Pagination7__first--disabled {
pointer-events: none;
}
[dir] .Pagination7__first--disabled {
cursor: default;
}
[dir=ltr] .Pagination7__last {
margin-right: 16px;
}
[dir=rtl] .Pagination7__last {
margin-left: 16px;
}
@media (min-width: 768px) {
[dir=ltr] .Pagination7__last {
margin-right: 32px;
}
[dir=rtl] .Pagination7__last {
margin-left: 32px;
}
}
.Pagination7__last--disabled {
pointer-events: none;
}
[dir] .Pagination7__last--disabled {
cursor: default;
}
[dir=ltr] .Pagination7__next {
margin-right: 40px;
}
[dir=rtl] .Pagination7__next {
margin-left: 40px;
}
.Pagination7__next .nextCopyAndArrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
[dir] .Pagination7__next .nextCopyAndArrow {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.Pagination7__next:hover .nextCopyAndArrow {
color: #656565;
}
[dir=ltr] .Pagination7__next:hover .nextCopyAndArrow {
-webkit-transform: translate(10px, 0px);
transform: translate(10px, 0px);
}
[dir=rtl] .Pagination7__next:hover .nextCopyAndArrow {
-webkit-transform: translate(-10px, 0px);
transform: translate(-10px, 0px);
}
.Pagination7__next--disabled {
pointer-events: none;
color: #cbcbcb;
}
[dir] .Pagination7__next--disabled {
cursor: default;
}
[dir=ltr] .Pagination7__previous {
margin-left: 40px;
}
[dir=rtl] .Pagination7__previous {
margin-right: 40px;
}
.Pagination7__previous .previousCopyAndArrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
[dir] .Pagination7__previous .previousCopyAndArrow {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.Pagination7__previous:hover .previousCopyAndArrow {
color: #656565;
}
[dir=ltr] .Pagination7__previous:hover .previousCopyAndArrow {
-webkit-transform: translate(-10px, 0px);
transform: translate(-10px, 0px);
}
[dir=rtl] .Pagination7__previous:hover .previousCopyAndArrow {
-webkit-transform: translate(10px, 0px);
transform: translate(10px, 0px);
}
.Pagination7__previous--disabled {
pointer-events: none;
color: #cbcbcb;
}
[dir] .Pagination7__previous--disabled {
cursor: default;
}
.Pagination7__previousCopy {
display: none;
}
[dir=ltr] .Pagination7__previousCopy {
margin-left: 8px;
}
[dir=rtl] .Pagination7__previousCopy {
margin-right: 8px;
}
@media (min-width: 768px) {
.Pagination7__previousCopy {
display: inline;
}
}
.Pagination7__nextCopy {
display: none;
}
[dir=ltr] .Pagination7__nextCopy {
margin-right: 8px;
}
[dir=rtl] .Pagination7__nextCopy {
margin-left: 8px;
}
@media (min-width: 768px) {
.Pagination7__nextCopy {
display: inline;
}
}
.Pagination7__firstIcon {
height: 16px;
width: 16px;
}
[dir] .Pagination7__firstIcon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjI5NyAxNkw2IDguNSAxMy4yOTcgMWwuNzAzLjcyMkw3LjQwMyA4LjUgMTQgMTUuMjc4bC0uNzAzLjcyMnpNMSAxNlYxaDF2MTVIMXoiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==) no-repeat;
}
.Pagination7__firstIcon--disabled {
opacity: 0.2;
}
[dir] .Pagination7__firstIcon--disabled {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjI5NyAxNkw2IDguNSAxMy4yOTcgMWwuNzAzLjcyMkw3LjQwMyA4LjUgMTQgMTUuMjc4bC0uNzAzLjcyMnpNMSAxNlYxaDF2MTVIMXoiIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==) no-repeat;
}
.Pagination7__previousIcon {
height: 16px;
width: 16px;
}
[dir] .Pagination7__previousIcon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTEuMTQ2IDE1LjM1NEwzLjc5MyA4IDExLjE0Ni42NDZsLjcwOC43MDhMNS4yMDcgOGw2LjY0NyA2LjY0NnoiLz48L2c+PC9zdmc+) no-repeat;
}
[dir=ltr] .Pagination7__previousIcon {
-webkit-transform: unset /*rtl:scaleX(-1)*/;
transform: unset /*rtl:scaleX(-1)*/;
}
[dir=rtl] .Pagination7__previousIcon {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.Pagination7__previousIcon--disabled {
opacity: 0.2;
}
[dir] .Pagination7__previousIcon--disabled {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTEuMTQ2IDE1LjM1NEwzLjc5MyA4IDExLjE0Ni42NDZsLjcwOC43MDhMNS4yMDcgOGw2LjY0NyA2LjY0NnoiLz48L2c+PC9zdmc+) no-repeat;
}
.Pagination7__nextIcon {
height: 16px;
width: 16px;
}
[dir] .Pagination7__nextIcon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMTZIMFYwaDE2eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQuODUzIDE1LjM1NGwtLjcwNi0uNzA4TDEwLjc5MyA4IDQuMTQ3IDEuMzU0bC43MDYtLjcwOEwxMi4yMDcgOHoiLz48L2c+PC9zdmc+) no-repeat;
}
[dir=ltr] .Pagination7__nextIcon {
-webkit-transform: unset /*rtl:scaleX(-1)*/;
transform: unset /*rtl:scaleX(-1)*/;
}
[dir=rtl] .Pagination7__nextIcon {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.Pagination7__nextIcon--disabled {
opacity: 0.2;
}
[dir] .Pagination7__nextIcon--disabled {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMTZIMFYwaDE2eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQuODUzIDE1LjM1NGwtLjcwNi0uNzA4TDEwLjc5MyA4IDQuMTQ3IDEuMzU0bC43MDYtLjcwOEwxMi4yMDcgOHoiLz48L2c+PC9zdmc+) no-repeat;
}
.Pagination7__lastIcon {
height: 16px;
width: 16px;
}
[dir] .Pagination7__lastIcon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDE2VjEuMDAxaDFWMTZoLTF6TTIgMS43MjJMMi43MDIgMSAxMCA4LjUgMi43MDIgMTYgMiAxNS4yNzggOC41OTYgOC41IDIgMS43MjJ6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat;
}
[dir=ltr] .Pagination7__lastIcon {
-webkit-transform: unset /*rtl:scaleX(-1)*/;
transform: unset /*rtl:scaleX(-1)*/;
}
[dir=rtl] .Pagination7__lastIcon {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.Pagination7__lastIcon--disabled {
opacity: 0.2;
}
[dir] .Pagination7__lastIcon--disabled {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDE2VjEuMDAxaDFWMTZoLTF6TTIgMS43MjJMMi43MDIgMSAxMCA4LjUgMi43MDIgMTYgMiAxNS4yNzggOC41OTYgOC41IDIgMS43MjJ6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat;
}
:root {
/* Container needs to be bigger than button to allow for tranformY on hover state */
}
.ScrollToTop4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
[dir] .ScrollToTop4 {
padding-top: 5px;
padding-bottom: 1px;
}
.ScrollToTop4__iconContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 48px;
height: 48px;
}
[dir] .ScrollToTop4__iconContainer {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjMDAwIj48cGF0aCBkPSJNLjYzOCAxMy4zNDhsNy4zNTQtNy4zNDYgNy4zNTQgNy4zNDYtLjcwOC43MDctNi42NDYtNi42NC02LjY0NiA2LjY0ek0uOTkyIDEuMDA3djFoMTR2LTF6Ii8+PC9nPjwvc3ZnPg==) no-repeat;
}
@media (min-width: 1024px) {
.ScrollToTop4__iconContainer {
width: 40px;
height: 40px;
}
}
.ScrollToTop4__iconContainer {
transition:
background-color cubic-bezier(0, 0, 1, 1),
-webkit-transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
transition:
background-color cubic-bezier(0, 0, 1, 1),
transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
transition:
background-color cubic-bezier(0, 0, 1, 1),
transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1),
-webkit-transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
}
[dir] .ScrollToTop4__iconContainer {
border: 1px solid #000;
border-radius: 50%;
background-position: center;
-webkit-transition:
background-color cubic-bezier(0, 0, 1, 1),
-webkit-transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.ScrollToTop4__iconContainer:hover {
-webkit-transform: translateY(-5px);
}
[dir] .ScrollToTop4__iconContainer:hover {
border: none;
background-color: #f0f0f0;
cursor: pointer;
transform: translateY(-5px);
}
[dir] .ScrollToTop4__iconContainer:active {
border: none;
background-color: #cbcbcb;
}
.ScrollToTopWrapper4 {
position: relative;
}
.ScrollToTopWrapper4--notSticky {
overflow: hidden;
}
.ScrollToTopWrapper4__contentoffset--notSticky {
position: absolute;
height: 100%;
width: 100%;
}
.ScrollToTopWrapper4__content {
position: relative;
}
[dir] .ScrollToTopWrapper4__content--notSticky {
margin-bottom: 86px;
}
@media (min-width: 1024px) {
[dir] .ScrollToTopWrapper4__content--notSticky {
margin-bottom: 78px;
}
}
.ScrollToTopWrapper4__button {
bottom: 0;
overflow: hidden;
width: 100%;
min-height: 0px;
height: calc(10000% - 10000vh - 5400px);
max-height: 54px;
}
[dir] .ScrollToTopWrapper4__button {
margin-top: 16px;
margin-bottom: 16px;
}
@media (min-width: 1024px) {
.ScrollToTopWrapper4__button {
height: calc(10000% - 10000vh - 4600px);
max-height: 46px;
}
}
.ScrollToTopWrapper4__button:hover {
overflow: auto;
}
.ScrollToTopWrapper4__button--notSticky {
position: absolute;
}
.EmptyList6 {
display: grid;
grid-template-columns: repeat(12, 1fr);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 0px) and (max-width: 767px) {
.EmptyList6 {
grid-template-columns: repeat(6, 1fr);
}
}
.EmptyList6__container {
grid-column: 1 / 7;
}
[dir] .EmptyList6__container {
text-align: center;
}
@media (min-width: 768px) {
.EmptyList6__container {
grid-column: 4 / 10;
}
}
.EmptyList6__container--saleIsClosed {
width: 100%;
}
.EmptyList6__title {
font: 20px/24px Georgia;
font-weight: normal;
}
.EmptyList6__title:lang(ar) {
font: 24px/24px Amariya;
}
.EmptyList6__title:lang(ko) {
font:
20px/24px NotoSansKR,
Georgia;
}
.EmptyList6__title:lang(ja) {
font:
19px/22px NotoSansJP,
Georgia;
font-weight: 500;
}
@media (min-width: 1024px) {
.EmptyList6__title {
font-size: 24px;
line-height: 30px;
}
.EmptyList6__title:lang(ar) {
font-size: 30px;
line-height: 30px;
}
.EmptyList6__title:lang(ko) {
font-size: 24px;
line-height: 30px;
}
}
[dir] .EmptyList6__title {
margin-top: 24px;
margin-bottom: 16px;
}
@media (min-width: 1024px) {
[dir] .EmptyList6__title {
margin-top: 16px;
}
}
.EmptyList6__details {
font: 14px/22px Georgia;
font-weight: normal;
}
.EmptyList6__details:lang(ar) {
font: 20px/26px Amariya;
}
.EmptyList6__details:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.EmptyList6__details:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.EmptyList6__details {
white-space: pre-wrap;
}
@media (min-width: 1024px) {
.OrderBy53 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.OrderBy53__select {
display: inline-block;
width: 100%;
}
.OrderBy53__select > select {
height: auto;
}
[dir] .OrderBy53__select > select {
cursor: pointer;
}
.OrderBy53__skeleton {
width: 210px;
height: 16px;
}
[dir] .OrderBy53__skeleton {
background-color: #f0f0f0;
}
[dir=ltr] .OrderBy53__skeleton {
margin: 0 0 0 8px;
}
[dir=rtl] .OrderBy53__skeleton {
margin: 0 8px 0 0;
}
.FilterTags0__container {
overflow: auto;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.FilterTags0__container::-webkit-scrollbar {
display: none;
}
.FilterTags0__tagsList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@media (min-width: 1024px) {
.FilterTags0__tagsList {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.FilterTags0__tag {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.FilterTags0__tag:lang(ar) {
font: 20px/26px Amariya;
}
.FilterTags0__tag:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.FilterTags0__tag:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.FilterTags0__tag {
position: relative;
max-width: 200px;
height: 40px;
line-height: 40px;/*
padding-right = width of icon + padding left and right of it
*/
color: #000;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
[dir] .FilterTags0__tag {
border: 1px solid #cbcbcb;
border-radius: 2px;
background: #fff;
}
[dir=ltr] .FilterTags0__tag {
margin: 0 8px 24px 0;
padding: 0 48px 0 16px;
float: left;
}
[dir=rtl] .FilterTags0__tag {
margin: 0 0 24px 8px;
padding: 0 16px 0 48px;
float: right;
}
.FilterTags0__tag:lang(ko) {
line-height: 40px;
}
.FilterTags0__icon {
position: absolute;
width: 16px;
height: 16px;
/* To center icon in container of 40px, taking into account its height of 16px */
top: 12px;
}
[dir] .FilterTags0__icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTQuMzU0IDIuMzUzbC0uNzA4LS43MDdMOCA3LjI5MyAyLjM1MyAxLjY0NmwtLjcwNy43MDdMNy4yOTMgOGwtNS42NDcgNS42NDYuNzA3LjcwOEw4IDguNzA3bDUuNjQ2IDUuNjQ3LjcwOC0uNzA4TDguNzA3IDh6Ii8+PC9nPjwvc3ZnPg==) no-repeat;
}
[dir=ltr] .FilterTags0__icon {
right: 16px;
}
[dir=rtl] .FilterTags0__icon {
left: 16px;
}
.FilterTags0__skeleton {
width: 128px;
height: 40px;
}
[dir=ltr] .FilterTags0__skeleton {
float: left;
margin: 0 8px 16px 0;
}
[dir=rtl] .FilterTags0__skeleton {
float: right;
margin: 0 0 16px 8px;
}
@media (min-width: 1024px) {
[dir] .FilterTags0__skeleton {
margin-bottom: 24px;
}
}
.Filters0 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
[dir] .Filters0 {
padding: 16px 0;
}
@media (min-width: 1024px) {
[dir] .Filters0 {
padding: 24px 0;
}
}
.Filters0--loading {
height: 88px;
}
[dir] .Filters0--loading {
background-repeat: no-repeat;
background-image: linear-gradient(#f0f0f0 40px, transparent 0), linear-gradient(#f0f0f0 40px, transparent 0);
background-size: 30% 40px, 40% 40px;
}
[dir=ltr] .Filters0--loading {
background-position: 0% 24px, 100% 24px;
}
[dir=rtl] .Filters0--loading {
background-position: 100% 24px, 0% 24px;
}
@media (min-width: 768px) {
[dir] .Filters0--loading {
background-size: 10% 40px, 20% 40px;
}
[dir=ltr] .Filters0--loading {
background-position: 0% 24px, 100% 24px;
}
[dir=rtl] .Filters0--loading {
background-position: 100% 24px, 0% 24px;
}
}
.Filters0__refine {
white-space: nowrap; /* space for the separator */
}
[dir] .Filters0__refine {
cursor: pointer;
}
[dir=ltr] .Filters0__refine {
margin-right: 16px;
}
[dir=rtl] .Filters0__refine {
margin-left: 16px;
}
@media (min-width: 1024px) {
.Filters0__refine {
line-height: 40px;
}
}
.Filters0__refineIcon {
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
}
[dir] .Filters0__refineIcon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZD0iTTcuNSAwYTcuNSA3LjUgMCAxIDAgMCAxNSA3LjUgNy41IDAgMCAwIDAtMTV6bTAgMTMuOTY1QTYuNDcyIDYuNDcyIDAgMCAxIDEuMDM1IDcuNWMwLTMuNTY1IDIuOS02LjQ2NSA2LjQ2NS02LjQ2NXM2LjQ2NSAyLjkgNi40NjUgNi40NjUtMi45IDYuNDY1LTYuNDY1IDYuNDY1ek02IDEwaDNWOUg2djF6TTQgN2g3VjZINHYxeiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) no-repeat;
}
[dir=ltr] .Filters0__refineIcon {
margin-right: 8px;
}
[dir=rtl] .Filters0__refineIcon {
margin-left: 8px;
}
[dir] .Filters0__refineIcon--refineIconActive {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTE2IDB2MTZIMFYweiIvPjxwYXRoIGQ9Ik03LjUgMGE3LjUgNy41IDAgMSAwIDAgMTUgNy41IDcuNSAwIDAgMCAwLTE1ek05IDEwSDZWOWgzdjF6bTItM0g0VjZoN3YxeiIvPjwvc3ZnPg==) no-repeat;
}
.Filters0__productCount {
color: #656565;
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.Filters0__productCount:lang(ar) {
font: 20px/26px Amariya;
}
.Filters0__productCount:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.Filters0__productCount:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.Filters0__productCount {
letter-spacing: 0px;
white-space: nowrap;
}
[dir=ltr] .Filters0__productCount {
margin-right: auto;
}
[dir=rtl] .Filters0__productCount {
margin-left: auto;
}
.Filters0__refineLabel {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.Filters0__refineLabel:lang(ar) {
font: 20px/26px Amariya;
}
.Filters0__refineLabel:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.Filters0__refineLabel:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.Filters0__refineLabel {
color: #656565;
}
[dir] .Filters0__refineLabel {
border-bottom: 1px solid #838383;
}
.Filters0__refineLabel:hover {
color: #656565;
}
[dir] .Filters0__refineLabel:hover {
border-color: #656565;
}
.Filters0__refineLabel:active {
color: #656565;
}
[dir] .Filters0__refineLabel:active {
border-color: #656565;
}
.Filters0__refineLabel {
position: relative;
}
.Filters0__refineLabel--separator {
/* separator */
}
.Filters0__refineLabel--separator::after {
content: '';
position: absolute;
width: 1px;
top: 0;
bottom: 0;
}
[dir] .Filters0__refineLabel--separator::after {
background: #838383;
}
[dir=ltr] .Filters0__refineLabel--separator::after {
right: -8px;
}
[dir=rtl] .Filters0__refineLabel--separator::after {
left: -8px;
}
@media (min-width: 1024px) {
.Filters0__refineLabel--separator::after {
content: none;
}
}
.Filters0__orderBy {
max-width: 50%;
}
.Filters0__orderBy select {
text-overflow: ellipsis;
white-space: pre;
}
.Select11 {
position: relative;
color: #000;
}
.Select11::before {
content: '';
position: absolute;
width: 16px;
height: 16px;
top: 0;
bottom: 0;
pointer-events: none;
}
[dir] .Select11::before {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAxNlYwaDE2djE2eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTggMTIuMjA3TC42NDYgNC44NTNsLjcwOC0uNzA2TDggMTAuNzkzbDYuNjQ2LTYuNjQ2LjcwOC43MDZ6Ii8+PC9nPjwvc3ZnPg==) no-repeat;
margin: auto 0;
}
[dir=ltr] .Select11::before {
right: 12px;
}
[dir=rtl] .Select11::before {
left: 12px;
}
.Select11--selectWithError {
/* notification div */
}
[dir=ltr] .Select11--selectWithError + div::before {
-webkit-transform: translate(calc(-12px - 50%));
transform: translate(calc(-12px - 50%));
}
[dir=rtl] .Select11--selectWithError + div::before {
-webkit-transform: translate(calc(-1*(-12px - 50%)));
transform: translate(calc(-1*(-12px - 50%)));
}
.Select11__field {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.Select11__field:lang(ar) {
font: 20px/26px Amariya;
}
.Select11__field:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.Select11__field:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.Select11__field {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 48px;
width: 100%;
}
[dir] .Select11__field {
border: 1px solid #cbcbcb;
border-radius: 2px;
background: #fff;
}
[dir=ltr] .Select11__field {
padding: 2px 40px 0 12px;
}
[dir=rtl] .Select11__field {
padding: 2px 12px 0 40px;
}
[dir] .Select11__field:hover {
border: 1px solid #838383;
}
[dir] .Select11__field:active {
border: 1px solid #000;
}
.Select11__field::-ms-expand {
display: none;
}
.Select11__field::-ms-expand {
display: none;
}
.Select11__field:focus {
outline: none;
}
[dir] .Select11__field:focus {
border: 1px solid #000;
}
@media (min-width: 1024px) {
.Select11__field {
height: 40px;
}
}
.Select11__field--placeholderText {
color: #000;
}
@media (min-width: 0px) and (max-width: 767px) {
.Select11__field--link {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.Select11__field--link:lang(ar) {
font: 20px/26px Amariya;
}
.Select11__field--link:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.Select11__field--link:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.Select11__field--link {
color: #656565;
text-decoration: underline;
-moz-text-align-last: center;
}
[dir] .Select11__field--link {
text-align-last: center;
border: none;
padding: 0;
}
[dir] .Select11__field--link:hover, [dir] .Select11__field--link:focus {
border: none;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.Select11__field--link {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.Select11__field--link:lang(ar) {
font: 20px/26px Amariya;
}
.Select11__field--link:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.Select11__field--link:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.Select11__field--link {
color: #656565;
text-decoration: underline;
-moz-text-align-last: center;
}
[dir] .Select11__field--link {
text-align-last: center;
border: none;
padding: 0;
}
[dir] .Select11__field--link:hover, [dir] .Select11__field--link:focus {
border: none;
}
}
/*TODO: fix height jumping when error occurs. padding-bottom when there are no input error need to be decided by design*/
[dir] .ValidatedField14 {
margin: 0 0 24px;
}
.ValidatedField14 input:not([type]),
.ValidatedField14 input[type='text'],
.ValidatedField14 input[type='search'],
.ValidatedField14 input[type='email'],
.ValidatedField14 input[type='password'],
.ValidatedField14 input[type='tel'] {
height: 48px;
}
[dir] .ValidatedField14 input:not([type]), [dir] .ValidatedField14 input[type='text'], [dir] .ValidatedField14 input[type='search'], [dir] .ValidatedField14 input[type='email'], [dir] .ValidatedField14 input[type='password'], [dir] .ValidatedField14 input[type='tel'] {
border-radius: 2px;
background-color: #fff;
border: 1px solid #cbcbcb;
}
[dir=ltr] .ValidatedField14 input:not([type]), [dir=ltr] .ValidatedField14 input[type='text'], [dir=ltr] .ValidatedField14 input[type='search'], [dir=ltr] .ValidatedField14 input[type='email'], [dir=ltr] .ValidatedField14 input[type='password'], [dir=ltr] .ValidatedField14 input[type='tel'] {
padding: 8px 40px 8px 12px;
}
[dir=rtl] .ValidatedField14 input:not([type]), [dir=rtl] .ValidatedField14 input[type='text'], [dir=rtl] .ValidatedField14 input[type='search'], [dir=rtl] .ValidatedField14 input[type='email'], [dir=rtl] .ValidatedField14 input[type='password'], [dir=rtl] .ValidatedField14 input[type='tel'] {
padding: 8px 12px 8px 40px;
}
[dir] .ValidatedField14 input:not([type]):hover, [dir] .ValidatedField14 input[type='text']:hover, [dir] .ValidatedField14 input[type='search']:hover, [dir] .ValidatedField14 input[type='email']:hover, [dir] .ValidatedField14 input[type='password']:hover, [dir] .ValidatedField14 input[type='tel']:hover {
border: 1px solid #838383;
}
.ValidatedField14 input:not([type]):focus, .ValidatedField14 input[type='text']:focus, .ValidatedField14 input[type='search']:focus, .ValidatedField14 input[type='email']:focus, .ValidatedField14 input[type='password']:focus, .ValidatedField14 input[type='tel']:focus {
outline: none;
}
[dir] .ValidatedField14 input:not([type]):focus, [dir] .ValidatedField14 input[type='text']:focus, [dir] .ValidatedField14 input[type='search']:focus, [dir] .ValidatedField14 input[type='email']:focus, [dir] .ValidatedField14 input[type='password']:focus, [dir] .ValidatedField14 input[type='tel']:focus {
border: 1px solid #000;
}
@media (min-width: 1024px) {
.ValidatedField14 input:not([type]),
.ValidatedField14 input[type='text'],
.ValidatedField14 input[type='search'],
.ValidatedField14 input[type='email'],
.ValidatedField14 input[type='password'],
.ValidatedField14 input[type='tel'] {
height: 40px;
}
}
.ValidatedField14 input:not([type]),
.ValidatedField14 input[type='text'],
.ValidatedField14 input[type='search'],
.ValidatedField14 input[type='email'],
.ValidatedField14 input[type='password'],
.ValidatedField14 input[type='tel'] {
font: 14px/22px Georgia;
font-weight: normal;
}
.ValidatedField14 input:not([type]):lang(ar), .ValidatedField14 input[type='text']:lang(ar), .ValidatedField14 input[type='search']:lang(ar), .ValidatedField14 input[type='email']:lang(ar), .ValidatedField14 input[type='password']:lang(ar), .ValidatedField14 input[type='tel']:lang(ar) {
font: 20px/26px Amariya;
}
.ValidatedField14 input:not([type]):lang(ko), .ValidatedField14 input[type='text']:lang(ko), .ValidatedField14 input[type='search']:lang(ko), .ValidatedField14 input[type='email']:lang(ko), .ValidatedField14 input[type='password']:lang(ko), .ValidatedField14 input[type='tel']:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.ValidatedField14 input:not([type]):lang(ja), .ValidatedField14 input[type='text']:lang(ja), .ValidatedField14 input[type='search']:lang(ja), .ValidatedField14 input[type='email']:lang(ja), .ValidatedField14 input[type='password']:lang(ja), .ValidatedField14 input[type='tel']:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.ValidatedField14 input:not([type]),
.ValidatedField14 input[type='text'],
.ValidatedField14 input[type='search'],
.ValidatedField14 input[type='email'],
.ValidatedField14 input[type='password'],
.ValidatedField14 input[type='tel'] {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.ValidatedField14 input[type='number'] {
height: 48px;
}
[dir] .ValidatedField14 input[type='number'] {
border-radius: 2px;
background-color: #fff;
border: 1px solid #cbcbcb;
}
[dir=ltr] .ValidatedField14 input[type='number'] {
padding: 8px 40px 8px 12px;
}
[dir=rtl] .ValidatedField14 input[type='number'] {
padding: 8px 12px 8px 40px;
}
[dir] .ValidatedField14 input[type='number']:hover {
border: 1px solid #838383;
}
.ValidatedField14 input[type='number']:focus {
outline: none;
}
[dir] .ValidatedField14 input[type='number']:focus {
border: 1px solid #000;
}
@media (min-width: 1024px) {
.ValidatedField14 input[type='number'] {
height: 40px;
}
}
.ValidatedField14 input[type='number'] {
font: 14px/22px Georgia;
font-weight: normal;
}
.ValidatedField14 input[type='number']:lang(ar) {
font: 20px/26px Amariya;
}
.ValidatedField14 input[type='number']:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.ValidatedField14 input[type='number']:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.ValidatedField14 {/*
remove number field inc/dec scroller buttons
*/
}
.ValidatedField14 input[type='number']:not(.allowWheel) {
-moz-appearance: textfield;
}
.ValidatedField14 input[type='number']:not(.allowWheel)::-webkit-outer-spin-button,
.ValidatedField14 input[type='number']:not(.allowWheel)::-webkit-inner-spin-button {
-webkit-appearance: none;
}
[dir] .ValidatedField14 input[type='number']:not(.allowWheel)::-webkit-outer-spin-button, [dir] .ValidatedField14 input[type='number']:not(.allowWheel)::-webkit-inner-spin-button {
margin: 0;
}
[dir=ltr] .ValidatedField14 input[id^='phone']:lang(ar), [dir=ltr] .ValidatedField14 input[id^='addressLine']:lang(ar) {
direction: rtl;
text-align: left;
}
[dir=rtl] .ValidatedField14 input[id^='phone']:lang(ar), [dir=rtl] .ValidatedField14 input[id^='addressLine']:lang(ar) {
direction: ltr;
text-align: right;
}
[dir] .ValidatedField14 input[type='text']:-moz-read-only {
background-color: #f0f0f0;
}
[dir] .ValidatedField14 input[type='text']:read-only {
background-color: #f0f0f0;
}
[dir] .ValidatedField14 input[type='text']:-moz-read-only:hover {
border: 1px solid #cbcbcb;
}
[dir] .ValidatedField14 input[type='text']:read-only:hover {
border: 1px solid #cbcbcb;
}
[dir] .ValidatedField14--noMarginBottom {
margin-bottom: 0;
}
.ValidatedField14__label {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.ValidatedField14__label:lang(ar) {
font: 20px/26px Amariya;
}
.ValidatedField14__label:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.ValidatedField14__label:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.ValidatedField14__label {
display: block;
}
[dir] .ValidatedField14__label {
margin-bottom: 4px;
}
.ValidatedField14__error:before {
content: '';
width: 24px;
height: 24px;
position: absolute;
top: -35px;
}
[dir] .ValidatedField14__error:before {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjQgMHYyNEgwVjB6Ii8+PHBhdGggZD0iTTEyIDZoLTF2N2gxVjZ6bS0uNS02QzUuMTQ5IDAgMCA1LjE0OSAwIDExLjVTNS4xNDkgMjMgMTEuNSAyMyAyMyAxNy44NTEgMjMgMTEuNSAxNy44NTEgMCAxMS41IDB6bTAgMjJDNS43MSAyMiAxIDE3LjI5IDEgMTEuNVM1LjcxIDEgMTEuNSAxIDIyIDUuNzEgMjIgMTEuNSAxNy4yOSAyMiAxMS41IDIyem0wLTdhMSAxIDAgMSAwIDAgMiAxIDEgMCAwIDAgMC0yeiIgZmlsbD0iI0I2MDIxOCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) no-repeat;
}
[dir=ltr] .ValidatedField14__error:before {
right: 13px;
}
[dir=rtl] .ValidatedField14__error:before {
left: 13px;
}
@media (min-width: 1024px) {
.ValidatedField14__error:before {
top: -31px;
}
}
.ValidatedField14__help {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.ValidatedField14__help:lang(ar) {
font: 20px/26px Amariya;
}
.ValidatedField14__help:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.ValidatedField14__help:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.ValidatedField14__help {
display: inherit;
color: #656565;
line-height: 18px;
}
[dir] .ValidatedField14__help {
margin-top: 4px;
}
.ValidatedField14--error {
position: relative;
}
[dir] .ValidatedField14--error input[type='email'], [dir] .ValidatedField14--error input[type='text'], [dir] .ValidatedField14--error input[type='search'], [dir] .ValidatedField14--error input[type='number'], [dir] .ValidatedField14--error input[type='password'], [dir] .ValidatedField14--error input[type='tel'], [dir] .ValidatedField14--error input:not([type]), [dir] .ValidatedField14--error select {
border: 1px solid #b60218;
}
[dir] .ValidatedField14--error input[type='email']:hover, [dir] .ValidatedField14--error input[type='email']:focus, [dir] .ValidatedField14--error input[type='text']:hover, [dir] .ValidatedField14--error input[type='text']:focus, [dir] .ValidatedField14--error input[type='search']:hover, [dir] .ValidatedField14--error input[type='search']:focus, [dir] .ValidatedField14--error input[type='number']:hover, [dir] .ValidatedField14--error input[type='number']:focus, [dir] .ValidatedField14--error input[type='password']:hover, [dir] .ValidatedField14--error input[type='password']:focus, [dir] .ValidatedField14--error input[type='tel']:hover, [dir] .ValidatedField14--error input[type='tel']:focus, [dir] .ValidatedField14--error input:not([type]):hover, [dir] .ValidatedField14--error input:not([type]):focus, [dir] .ValidatedField14--error select:hover, [dir] .ValidatedField14--error select:focus {
border: 1px solid #b60218;
}
[dir=ltr] .ValidatedField14--error .cardType {
right: 42px;
}
[dir=rtl] .ValidatedField14--error .cardType {
left: 42px;
}
.ValidatedField14__info-icon {
display: inline-block;
width: 16px;
height: 16px;
vertical-align: text-bottom;
opacity: 0.6;
}
[dir] .ValidatedField14__info-icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZD0iTTcuNSAwYTcuNSA3LjUgMCAxIDAgMCAxNSA3LjUgNy41IDAgMCAwIDAtMTV6bTAgMTRBNi41MDggNi41MDggMCAwIDEgMSA3LjVDMSAzLjkxNiAzLjkxNiAxIDcuNSAxUzE0IDMuOTE2IDE0IDcuNSAxMS4wODQgMTQgNy41IDE0ek03IDExaDFWNkg3djV6bS41LTcuNzVhLjc1Ljc1IDAgMSAwIDAgMS41Ljc1Ljc1IDAgMCAwIDAtMS41eiIgZmlsbD0iIzEwMzg1NSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==) no-repeat;
}
[dir=ltr] .ValidatedField14__info-icon {
margin-left: 8px;
}
[dir=rtl] .ValidatedField14__info-icon {
margin-right: 8px;
}
[dir] .CreateWishlist0__content {
padding: 8px 0 24px;
}
.CreateWishlist0__footer {
position: fixed;
bottom: 0;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 16px;
}
[dir] .CreateWishlist0__footer {
padding: 16px;
}
[dir=ltr] .CreateWishlist0__footer {
left: 0;
}
[dir=rtl] .CreateWishlist0__footer {
right: 0;
}
.CreateWishlist0__footer::before {
content: '';
position: absolute;
}
[dir=ltr] .CreateWishlist0__footer::before {
left: -16px;
right: -16px;
}
[dir=rtl] .CreateWishlist0__footer::before {
right: -16px;
left: -16px;
}
@media (min-width: 1024px) {
[dir=ltr] .CreateWishlist0__footer::before {
left: -24px;
right: -24px;
}
[dir=rtl] .CreateWishlist0__footer::before {
right: -24px;
left: -24px;
}
}
@media (min-width: 768px) {
.CreateWishlist0__footer {
position: relative;
}
[dir] .CreateWishlist0__footer {
padding: 24px 0 8px;
}
}
@media (min-width: 1024px) {
.CreateWishlist0__footer {
grid-column-gap: 24px;
}
[dir] .CreateWishlist0__footer {
padding-bottom: 0;
}
}
.CreateWishlist0__cancelBtn {
text-decoration: none;
width: 100%;
}
[dir] .CreateWishlist0__cancelBtn {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.CreateWishlist0__cancelBtn {
min-width: 222px;
width: auto;
}
[dir] .CreateWishlist0__cancelBtn {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.CreateWishlist0__cancelBtn {
color: #000;
transition: background-color 0.5s ease;
}
[dir] .CreateWishlist0__cancelBtn {
background-color: #fff;
-webkit-transition: background-color 0.5s ease;
}
@media (hover: hover) and (pointer: fine) {
.CreateWishlist0__cancelBtn:hover {
color: rgb(51, 51, 51);
}
[dir] .CreateWishlist0__cancelBtn:hover {
background-color: #fff;
border-color: rgb(51, 51, 51);
}
}
.CreateWishlist0__cancelBtn:active {
color: #000;
}
[dir] .CreateWishlist0__cancelBtn:active {
background-color: #fff;
}
.CreateWishlist0__cancelBtn {
font: 14px/22px Georgia;
font-weight: normal;
}
.CreateWishlist0__cancelBtn:lang(ar) {
font: 20px/26px Amariya;
}
.CreateWishlist0__cancelBtn:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.CreateWishlist0__cancelBtn:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.CreateWishlist0__cancelBtn {
grid-column-start: 1;
grid-column-end: 2;
}
.CreateWishlist0__createBtn {
text-decoration: none;
width: 100%;
}
[dir] .CreateWishlist0__createBtn {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.CreateWishlist0__createBtn {
min-width: 222px;
width: auto;
}
[dir] .CreateWishlist0__createBtn {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.CreateWishlist0__createBtn {
color: #fff;
}
[dir] .CreateWishlist0__createBtn {
background-color: #000;
}
@media (hover: hover) and (pointer: fine) {
[dir] .CreateWishlist0__createBtn:hover {
border-color: rgb(51, 51, 51);
background-color: rgb(51, 51, 51);
}
}
[dir] .CreateWishlist0__createBtn:active {
background-color: #000;
}
.CreateWishlist0__createBtn {
font: 14px/22px Georgia;
font-weight: normal;
}
.CreateWishlist0__createBtn:lang(ar) {
font: 20px/26px Amariya;
}
.CreateWishlist0__createBtn:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.CreateWishlist0__createBtn:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.CreateWishlist0__createBtn {
grid-column-start: 2;
grid-column-end: 3;
}
[dir] .RenameWishlist0__content {
padding: 8px 0 24px;
}
.RenameWishlist0__footer {
position: fixed;
bottom: 0;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 16px;
}
[dir] .RenameWishlist0__footer {
padding: 16px;
}
[dir=ltr] .RenameWishlist0__footer {
left: 0;
}
[dir=rtl] .RenameWishlist0__footer {
right: 0;
}
.RenameWishlist0__footer::before {
content: '';
position: absolute;
}
[dir=ltr] .RenameWishlist0__footer::before {
left: -16px;
right: -16px;
}
[dir=rtl] .RenameWishlist0__footer::before {
right: -16px;
left: -16px;
}
@media (min-width: 1024px) {
[dir=ltr] .RenameWishlist0__footer::before {
left: -24px;
right: -24px;
}
[dir=rtl] .RenameWishlist0__footer::before {
right: -24px;
left: -24px;
}
}
@media (min-width: 768px) {
.RenameWishlist0__footer {
position: relative;
}
[dir] .RenameWishlist0__footer {
padding: 24px 0 8px;
}
}
@media (min-width: 1024px) {
.RenameWishlist0__footer {
grid-column-gap: 24px;
}
[dir] .RenameWishlist0__footer {
padding-bottom: 0;
}
}
.RenameWishlist0__cancelBtn {
text-decoration: none;
width: 100%;
}
[dir] .RenameWishlist0__cancelBtn {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.RenameWishlist0__cancelBtn {
min-width: 222px;
width: auto;
}
[dir] .RenameWishlist0__cancelBtn {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.RenameWishlist0__cancelBtn {
color: #000;
transition: background-color 0.5s ease;
}
[dir] .RenameWishlist0__cancelBtn {
background-color: #fff;
-webkit-transition: background-color 0.5s ease;
}
@media (hover: hover) and (pointer: fine) {
.RenameWishlist0__cancelBtn:hover {
color: rgb(51, 51, 51);
}
[dir] .RenameWishlist0__cancelBtn:hover {
background-color: #fff;
border-color: rgb(51, 51, 51);
}
}
.RenameWishlist0__cancelBtn:active {
color: #000;
}
[dir] .RenameWishlist0__cancelBtn:active {
background-color: #fff;
}
.RenameWishlist0__cancelBtn {
font: 14px/22px Georgia;
font-weight: normal;
}
.RenameWishlist0__cancelBtn:lang(ar) {
font: 20px/26px Amariya;
}
.RenameWishlist0__cancelBtn:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.RenameWishlist0__cancelBtn:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.RenameWishlist0__cancelBtn {
grid-column-start: 1;
grid-column-end: 2;
}
.RenameWishlist0__renameBtn {
text-decoration: none;
width: 100%;
}
[dir] .RenameWishlist0__renameBtn {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.RenameWishlist0__renameBtn {
min-width: 222px;
width: auto;
}
[dir] .RenameWishlist0__renameBtn {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.RenameWishlist0__renameBtn {
color: #fff;
}
[dir] .RenameWishlist0__renameBtn {
background-color: #000;
}
@media (hover: hover) and (pointer: fine) {
[dir] .RenameWishlist0__renameBtn:hover {
border-color: rgb(51, 51, 51);
background-color: rgb(51, 51, 51);
}
}
[dir] .RenameWishlist0__renameBtn:active {
background-color: #000;
}
.RenameWishlist0__renameBtn {
font: 14px/22px Georgia;
font-weight: normal;
}
.RenameWishlist0__renameBtn:lang(ar) {
font: 20px/26px Amariya;
}
.RenameWishlist0__renameBtn:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.RenameWishlist0__renameBtn:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.RenameWishlist0__renameBtn {
grid-column-start: 2;
grid-column-end: 3;
}
[dir] .RemoveWishlist0__content {
padding: 8px 0 24px;
}
.RemoveWishlist0__removeMsg {
font: 14px/22px Georgia;
font-weight: normal;
}
.RemoveWishlist0__removeMsg:lang(ar) {
font: 20px/26px Amariya;
}
.RemoveWishlist0__removeMsg:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.RemoveWishlist0__removeMsg:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
[dir] .RemoveWishlist0__removeMsg {
margin: 0;
}
.RemoveWishlist0__footer {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 16px;
}
.RemoveWishlist0__footer::before {
content: '';
position: absolute;
}
[dir=ltr] .RemoveWishlist0__footer::before {
left: -16px;
right: -16px;
}
[dir=rtl] .RemoveWishlist0__footer::before {
right: -16px;
left: -16px;
}
@media (min-width: 1024px) {
[dir=ltr] .RemoveWishlist0__footer::before {
left: -24px;
right: -24px;
}
[dir=rtl] .RemoveWishlist0__footer::before {
right: -24px;
left: -24px;
}
}
@media (min-width: 768px) {
[dir] .RemoveWishlist0__footer {
padding: 24px 0 8px;
}
}
@media (min-width: 1024px) {
.RemoveWishlist0__footer {
grid-column-gap: 24px;
}
[dir] .RemoveWishlist0__footer {
padding-bottom: 0;
}
}
.RemoveWishlist0__cancelBtn {
text-decoration: none;
width: 100%;
}
[dir] .RemoveWishlist0__cancelBtn {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.RemoveWishlist0__cancelBtn {
min-width: 222px;
width: auto;
}
[dir] .RemoveWishlist0__cancelBtn {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.RemoveWishlist0__cancelBtn {
color: #000;
transition: background-color 0.5s ease;
}
[dir] .RemoveWishlist0__cancelBtn {
background-color: #fff;
-webkit-transition: background-color 0.5s ease;
}
@media (hover: hover) and (pointer: fine) {
.RemoveWishlist0__cancelBtn:hover {
color: rgb(51, 51, 51);
}
[dir] .RemoveWishlist0__cancelBtn:hover {
background-color: #fff;
border-color: rgb(51, 51, 51);
}
}
.RemoveWishlist0__cancelBtn:active {
color: #000;
}
[dir] .RemoveWishlist0__cancelBtn:active {
background-color: #fff;
}
.RemoveWishlist0__cancelBtn {
font: 14px/22px Georgia;
font-weight: normal;
}
.RemoveWishlist0__cancelBtn:lang(ar) {
font: 20px/26px Amariya;
}
.RemoveWishlist0__cancelBtn:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.RemoveWishlist0__cancelBtn:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.RemoveWishlist0__cancelBtn {
grid-column-start: 1;
grid-column-end: 2;
}
.RemoveWishlist0__removeBtn {
text-decoration: none;
width: 100%;
}
[dir] .RemoveWishlist0__removeBtn {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.RemoveWishlist0__removeBtn {
min-width: 222px;
width: auto;
}
[dir] .RemoveWishlist0__removeBtn {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.RemoveWishlist0__removeBtn {
color: #fff;
}
[dir] .RemoveWishlist0__removeBtn {
background-color: #000;
}
@media (hover: hover) and (pointer: fine) {
[dir] .RemoveWishlist0__removeBtn:hover {
border-color: rgb(51, 51, 51);
background-color: rgb(51, 51, 51);
}
}
[dir] .RemoveWishlist0__removeBtn:active {
background-color: #000;
}
.RemoveWishlist0__removeBtn {
font: 14px/22px Georgia;
font-weight: normal;
}
.RemoveWishlist0__removeBtn:lang(ar) {
font: 20px/26px Amariya;
}
.RemoveWishlist0__removeBtn:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.RemoveWishlist0__removeBtn:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.RemoveWishlist0__removeBtn {
grid-column-start: 2;
grid-column-end: 3;
}
.RadioButtonGroup8--divided {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
[dir] .RadioButtonGroup8--divided {
border-top: 1px solid #e5e5e5;
}
.RadioButtonGroup8--divided > div {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
[dir] .RadioButtonGroup8--divided > div {
padding-top: 16px;
border-bottom: 1px solid #e5e5e5;
}
[dir] .RadioButtonGroup8--divided > div input[type='radio'] {
margin-bottom: 16px;
}
[dir] .RadioButtonGroup8--divided > div > label {
margin-bottom: 8px;
}
[dir] .RadioButtonGroup8--divided > div[class*='verticalCenter'] {
padding: 16px 0 24px;
}
[dir] .RadioButtonGroup8--removeFirstDivider {
border-top: none;
}
[dir] .RadioButtonGroup8--removeLastDivider > div:last-child {
border-bottom: none;
}
[dir] .RadioButtonGroup8--removeLastDivider > div:last-child > span {
margin-bottom: 0;
}
.RadioButton8 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.RadioButton8 input[type='radio'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
width: 20px;
height: 20px;
}
[dir] .RadioButton8 input[type='radio'] {
border: 1px solid #cbcbcb;
background-color: #fff;
border-radius: 50%;
margin-bottom: 26px;
cursor: pointer;
}
[dir=ltr] .RadioButton8 input[type='radio'] {
margin: 2px 10px 2px 2px;
}
[dir=rtl] .RadioButton8 input[type='radio'] {
margin: 2px 2px 2px 10px;
}
[dir] .RadioButton8 input[type='radio']:checked {
background-color: #fff;
border: 5px solid #000;
}
[dir] .RadioButton8 input[type='radio']:disabled {
border-color: #e5e5e5;
cursor: no-drop;
}
.RadioButton8__label {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.RadioButton8__label:lang(ar) {
font: 20px/26px Amariya;
}
.RadioButton8__label:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.RadioButton8__label:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.RadioButton8__label {
line-height: 24px;
max-width: calc(100% - 36px);
}
[dir] .RadioButton8__label {
margin-bottom: 12px;
}
[dir] .RadioButton8__label p {
margin: 0 0 8px;
}
.RadioButton8__labels {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.RadioButton8__labels > label {
max-width: unset !important;
}
[dir] .RadioButton8__labels > label {
margin-bottom: 8px;
}
[dir=ltr] .RadioButton8__adjustedShippingPrice {
margin: 8px 0 20px auto;
}
[dir=rtl] .RadioButton8__adjustedShippingPrice {
margin: 8px auto 20px 0;
}
.RadioButton8__adjustedShippingPrice--verticalCenter {
/* fixes alignment issue in Korean and Japanese */
}
[dir=ltr] .RadioButton8__adjustedShippingPrice--verticalCenter {
margin: 8px 0 0 4px !important;
}
[dir=rtl] .RadioButton8__adjustedShippingPrice--verticalCenter {
margin: 8px 4px 0 0 !important;
}
[dir] .RadioButton8__adjustedShippingPrice--verticalCenter:lang(ja), [dir] .RadioButton8__adjustedShippingPrice--verticalCenter:lang(ko) {
margin: 0 !important;
}
.RadioButton8__finalShippingPrice {
font: 14px/22px Georgia;
font-weight: normal;
}
.RadioButton8__finalShippingPrice:lang(ar) {
font: 20px/26px Amariya;
}
.RadioButton8__finalShippingPrice:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.RadioButton8__finalShippingPrice:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.RadioButton8__finalShippingPrice {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
line-height: 8px;
color: #000;
vertical-align: text-top;/*
fixes alignment issue in Korean and Japanese
*/
}
[dir=ltr] .RadioButton8__finalShippingPrice {
margin: 8px 0 12px auto;
}
[dir=rtl] .RadioButton8__finalShippingPrice {
margin: 8px auto 12px 0;
}
.RadioButton8__finalShippingPrice:lang(ja) {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.RadioButton8__finalShippingPrice:lang(ja):lang(ar) {
font: 20px/26px Amariya;
}
.RadioButton8__finalShippingPrice:lang(ja):lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.RadioButton8__finalShippingPrice:lang(ja):lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
[dir] .RadioButton8__finalShippingPrice:lang(ja) {
margin: 0;
}
.RadioButton8__finalShippingPrice:lang(ko) {
line-height: 18px;
}
[dir] .RadioButton8__finalShippingPrice:lang(ko) {
margin: 0;
}
.RadioButton8__wasShippingPrice {
font: 14px/22px Georgia;
font-weight: normal;
}
.RadioButton8__wasShippingPrice:lang(ar) {
font: 20px/26px Amariya;
}
.RadioButton8__wasShippingPrice:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.RadioButton8__wasShippingPrice:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.RadioButton8__wasShippingPrice {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
line-height: 8px;
color: #000;
vertical-align: text-top;/*
fixes alignment issue in Korean and Japanese
*/
}
[dir=ltr] .RadioButton8__wasShippingPrice {
margin: 8px 0 12px auto;
}
[dir=rtl] .RadioButton8__wasShippingPrice {
margin: 8px auto 12px 0;
}
.RadioButton8__wasShippingPrice:lang(ja) {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.RadioButton8__wasShippingPrice:lang(ja):lang(ar) {
font: 20px/26px Amariya;
}
.RadioButton8__wasShippingPrice:lang(ja):lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.RadioButton8__wasShippingPrice:lang(ja):lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
[dir] .RadioButton8__wasShippingPrice:lang(ja) {
margin: 0;
}
.RadioButton8__wasShippingPrice:lang(ko) {
line-height: 18px;
}
[dir] .RadioButton8__wasShippingPrice:lang(ko) {
margin: 0;
}
.RadioButton8__wasShippingPrice {
text-decoration: line-through;
}
[dir=ltr] .RadioButton8__wasShippingPrice {
margin-right: 8px;
}
[dir=rtl] .RadioButton8__wasShippingPrice {
margin-left: 8px;
}
.RadioButton8__description {
font: 14px/22px Georgia;
font-weight: normal;
}
.RadioButton8__description:lang(ar) {
font: 20px/26px Amariya;
}
.RadioButton8__description:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.RadioButton8__description:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.RadioButton8__description {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
color: #656565;
width: 100%;
}
[dir] .RadioButton8__description {
margin-top: -8px;
}
[dir=ltr] .RadioButton8__description {
margin: 0 0 24px 32px;
}
[dir=rtl] .RadioButton8__description {
margin: 0 32px 24px 0;
}
.RadioButton8__description--verticalCenter {
display: block;
}
[dir] .RadioButton8__description--verticalCenter {
margin: 0;
}
.RadioButton8__vertical-input {
-ms-flex-item-align: center;
align-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.RadioButton8__notification {
width: 100%;
}
.Checkbox4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
[dir] .Checkbox4 {
margin: 0 0 20px;
}
.Checkbox4__input input[type='checkbox'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
width: 20px;
height: 20px;
position: relative;
}
[dir] .Checkbox4__input input[type='checkbox'] {
border: 1px solid #cbcbcb;
background-color: #fff;
}
[dir=ltr] .Checkbox4__input input[type='checkbox'] {
margin: 2px 10px 2px 2px;
}
[dir=rtl] .Checkbox4__input input[type='checkbox'] {
margin: 2px 2px 2px 10px;
}
[dir] .Checkbox4__input input[type='checkbox']:checked {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMCAwaDIwdjIwSDB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOC4xNTYgMTEuODZMNS45ODYgOS42OSA1IDEwLjY3MmwzLjE1NiAzLjE1NkwxNSA2Ljk4NSAxNC4wMTUgNnoiLz48L2c+PC9zdmc+) no-repeat;
border: 0;
background-size: cover;
}
[dir] .Checkbox4__input--error input[type='checkbox'] {
border: 1px solid #b43a3a;
}
.Checkbox4__label {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.Checkbox4__label:lang(ar) {
font: 20px/26px Amariya;
}
.Checkbox4__label:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.Checkbox4__label:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.Checkbox4__label {
-webkit-margin-start: 4px;
margin-inline-start: 4px;
}
.RefineWishlist0__section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
[dir] .RefineWishlist0__section {
margin-bottom: 80px;
}
.RefineWishlist0__filterType {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.RefineWishlist0__filterType:lang(ar) {
font: 20px/26px Amariya;
}
.RefineWishlist0__filterType:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.RefineWishlist0__filterType:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
[dir] .RefineWishlist0__filterType {
margin-bottom: 24px;
}
.RefineWishlist0__filterOption {
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
[dir] .RefineWishlist0__filterOption {
cursor: pointer;
margin: 0 0 16px;
}
[dir] .RefineWishlist0__filterOption input {
cursor: pointer;
}
[dir] .RefineWishlist0__filterOption label {
cursor: pointer;
}
.RefineWishlist0__filterOption div {
height: 24px;
}
[dir] .RefineWishlist0__filterOption:hover input[type='checkbox'] {
border-color: #000;
}
.RefineWishlist0__footer {
position: fixed;
bottom: 0;
width: 100%;
}
[dir] .RefineWishlist0__footer {
background-color: #fff;
padding: 16px;
}
[dir=ltr] .RefineWishlist0__footer {
left: 0;
}
[dir=rtl] .RefineWishlist0__footer {
right: 0;
}
.RefineWishlist0__footer::before {
content: '';
position: absolute;
top: 0;
}
[dir] .RefineWishlist0__footer::before {
border: 1px solid #f0f0f0;
}
[dir=ltr] .RefineWishlist0__footer::before {
left: 0;
right: 0;
}
[dir=rtl] .RefineWishlist0__footer::before {
right: 0;
left: 0;
}
.RefineWishlist0__applyBtn {
text-decoration: none;
width: 100%;
}
[dir] .RefineWishlist0__applyBtn {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.RefineWishlist0__applyBtn {
min-width: 222px;
width: auto;
}
[dir] .RefineWishlist0__applyBtn {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.RefineWishlist0__applyBtn {
color: #fff;
}
[dir] .RefineWishlist0__applyBtn {
background-color: #000;
}
@media (hover: hover) and (pointer: fine) {
[dir] .RefineWishlist0__applyBtn:hover {
border-color: rgb(51, 51, 51);
background-color: rgb(51, 51, 51);
}
}
[dir] .RefineWishlist0__applyBtn:active {
background-color: #000;
}
.RefineWishlist0__applyBtn {
font: 14px/22px Georgia;
font-weight: normal;
}
.RefineWishlist0__applyBtn:lang(ar) {
font: 20px/26px Amariya;
}
.RefineWishlist0__applyBtn:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.RefineWishlist0__applyBtn:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.RefineWishlist0__applyBtn {
width: 100%;
}
[dir] .ShareWishlist0__content {
padding: 8px 0 48px;
}
.ShareWishlist0__shareWarning {
font: 14px/22px Georgia;
font-weight: normal;
}
.ShareWishlist0__shareWarning:lang(ar) {
font: 20px/26px Amariya;
}
.ShareWishlist0__shareWarning:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.ShareWishlist0__shareWarning:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
[dir] .ShareWishlist0__shareWarning {
margin-top: 0;
margin-bottom: 24px;
}
.ShareWishlist0__shareMessage {
font: 14px/22px Georgia;
font-weight: normal;
}
.ShareWishlist0__shareMessage:lang(ar) {
font: 20px/26px Amariya;
}
.ShareWishlist0__shareMessage:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.ShareWishlist0__shareMessage:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
[dir] .ShareWishlist0__shareMessage {
margin-top: 0;
margin-bottom: 5px;
}
.ShareWishlist0__link {
font: 14px/22px Georgia;
font-weight: normal;
}
.ShareWishlist0__link:lang(ar) {
font: 20px/26px Amariya;
}
.ShareWishlist0__link:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.ShareWishlist0__link:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.ShareWishlist0__link {
width: 100%;
height: 48px;
}
[dir] .ShareWishlist0__link {
border: 1px solid #cbcbcb;
border-radius: 2px;
padding: 8px;
}
[dir] .ShareWishlist0__link::-moz-selection {
background: #ecf4f1;
}
[dir] .ShareWishlist0__link::selection {
background: #ecf4f1;
}
.ShareWishlist0__link:focus {
outline: none;
}
[dir] .ShareWishlist0__link:focus {
border: 1px solid #000;
}
@media (min-width: 1024px) {
.ShareWishlist0__link {
height: 40px;
}
}
.ShareWishlist0__footer {
position: fixed;
bottom: 0;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 16px;
}
[dir] .ShareWishlist0__footer {
padding: 16px;
}
[dir=ltr] .ShareWishlist0__footer {
left: 0;
}
[dir=rtl] .ShareWishlist0__footer {
right: 0;
}
.ShareWishlist0__footer::before {
content: '';
position: absolute;
}
[dir=ltr] .ShareWishlist0__footer::before {
left: -16px;
right: -16px;
}
[dir=rtl] .ShareWishlist0__footer::before {
right: -16px;
left: -16px;
}
@media (min-width: 1024px) {
[dir=ltr] .ShareWishlist0__footer::before {
left: -24px;
right: -24px;
}
[dir=rtl] .ShareWishlist0__footer::before {
right: -24px;
left: -24px;
}
}
@media (min-width: 768px) {
.ShareWishlist0__footer {
position: relative;
}
[dir] .ShareWishlist0__footer {
padding: 24px 0 8px;
}
}
@media (min-width: 1024px) {
.ShareWishlist0__footer {
grid-column-gap: 24px;
}
[dir] .ShareWishlist0__footer {
padding-bottom: 0;
}
}
.ShareWishlist0__cancelButton {
text-decoration: none;
width: 100%;
}
[dir] .ShareWishlist0__cancelButton {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.ShareWishlist0__cancelButton {
min-width: 222px;
width: auto;
}
[dir] .ShareWishlist0__cancelButton {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.ShareWishlist0__cancelButton {
color: #000;
transition: background-color 0.5s ease;
}
[dir] .ShareWishlist0__cancelButton {
background-color: #fff;
-webkit-transition: background-color 0.5s ease;
}
@media (hover: hover) and (pointer: fine) {
.ShareWishlist0__cancelButton:hover {
color: rgb(51, 51, 51);
}
[dir] .ShareWishlist0__cancelButton:hover {
background-color: #fff;
border-color: rgb(51, 51, 51);
}
}
.ShareWishlist0__cancelButton:active {
color: #000;
}
[dir] .ShareWishlist0__cancelButton:active {
background-color: #fff;
}
.ShareWishlist0__cancelButton {
font: 14px/22px Georgia;
font-weight: normal;
}
.ShareWishlist0__cancelButton:lang(ar) {
font: 20px/26px Amariya;
}
.ShareWishlist0__cancelButton:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.ShareWishlist0__cancelButton:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.ShareWishlist0__cancelButton {
grid-column-start: 1;
grid-column-end: 2;
}
.ShareWishlist0__copyButton {
position: relative;
text-decoration: none;
width: 100%;
}
[dir] .ShareWishlist0__copyButton {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.ShareWishlist0__copyButton {
min-width: 222px;
width: auto;
}
[dir] .ShareWishlist0__copyButton {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.ShareWishlist0__copyButton {
color: #fff;
}
[dir] .ShareWishlist0__copyButton {
background-color: #000;
}
@media (hover: hover) and (pointer: fine) {
[dir] .ShareWishlist0__copyButton:hover {
border-color: rgb(51, 51, 51);
background-color: rgb(51, 51, 51);
}
}
[dir] .ShareWishlist0__copyButton:active {
background-color: #000;
}
.ShareWishlist0__copyButton {
font: 14px/22px Georgia;
font-weight: normal;
}
.ShareWishlist0__copyButton:lang(ar) {
font: 20px/26px Amariya;
}
.ShareWishlist0__copyButton:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.ShareWishlist0__copyButton:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.ShareWishlist0__copyButton {
grid-column-start: 2;
grid-column-end: 3;
}
.ShareWishlist0__copy {
padding-left: 24px /*rtl:ignore*/;
}
[dir] .ShareWishlist0__copy:lang(ar) {
background-position-y: 4px;
}
.ShareWishlist0__copy {
opacity: 1;
transition: opacity 1.5s;
width: 100%;
}
[dir] .ShareWishlist0__copy {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbnMgLyBBY3Rpb25zIC8gQ29weSAvIERlZmF1bHQgLyAxNnB4PC90aXRsZT4KICAgIDxnIGlkPSJJY29ucy0vLUFjdGlvbnMtLy1Db3B5LS8tRGVmYXVsdC0vLTE2cHgiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJJY29uIj4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IkJvdW5kaW5nQm94IiBwb2ludHM9IjAgMTYgMTYgMTYgMTYgMCAwIDAiPjwvcG9seWdvbj4KICAgICAgICAgICAgPHBhdGggZD0iTTUuNzA3LDEyLjg3ODkgQzUuNTE5LDEzLjA2NjkgNS4yNjgsMTMuMTcxOSA1LDEzLjE3MTkgQzQuNzMyLDEzLjE3MTkgNC40ODEsMTMuMDY2OSA0LjI5MywxMi44Nzg5IEwzLjEyMSwxMS43MDY5IEMyLjczMSwxMS4zMTY5IDIuNzMxLDEwLjY4MjkgMy4xMjEsMTAuMjkyOSBMNi4yOTMsNy4xMjA5IEM2LjQ4MSw2LjkzMjkgNi43MzIsNi44Mjc5IDcsNi44Mjc5IEM3LjI2OCw2LjgyNzkgNy41MTksNi45MzI5IDcuNzA3LDcuMTIwOSBMOC4yOTYsNy43MTA5IEw5LjAwMyw3LjAwMzkgTDguNDE0LDYuNDEzOSBDOC4wMjMsNi4wMjM5IDcuNTEyLDUuODI3OSA3LDUuODI3OSBDNi40ODgsNS44Mjc5IDUuOTc3LDYuMDIzOSA1LjU4Niw2LjQxMzkgTDIuNDE0LDkuNTg1OSBDMS42MzMsMTAuMzY2OSAxLjYzMywxMS42MzI5IDIuNDE0LDEyLjQxMzkgTDMuNTg2LDEzLjU4NTkgQzMuOTc3LDEzLjk3NjkgNC40ODgsMTQuMTcxOSA1LDE0LjE3MTkgQzUuNTEyLDE0LjE3MTkgNi4wMjMsMTMuOTc2OSA2LjQxNCwxMy41ODU5IEw4LjQ5NywxMS41MDI5IEw3Ljc5LDEwLjc5NTkgTDUuNzA3LDEyLjg3ODkgWiBNMTMuNTg2LDMuNTg1OSBMMTIuNDE0LDIuNDEzOSBDMTIuMDIzLDIuMDIzOSAxMS41MTIsMS44Mjc5IDExLDEuODI3OSBDMTAuNDg4LDEuODI3OSA5Ljk3NywyLjAyMzkgOS41ODYsMi40MTM5IEw3LjUsNC40OTk5IEw4LjIwNyw1LjIwNjkgTDEwLjI5MywzLjEyMDkgQzEwLjQ4MSwyLjkzMjkgMTAuNzMyLDIuODI3OSAxMSwyLjgyNzkgQzExLjI2OCwyLjgyNzkgMTEuNTE5LDIuOTMyOSAxMS43MDcsMy4xMjA5IEwxMi44NzksNC4yOTI5IEMxMy4yNjksNC42ODI5IDEzLjI2OSw1LjMxNjkgMTIuODc5LDUuNzA2OSBMOS43MDcsOC44Nzg5IEM5LjUxOSw5LjA2NjkgOS4yNjgsOS4xNzE5IDksOS4xNzE5IEM4LjczMiw5LjE3MTkgOC40ODEsOS4wNjY5IDguMjkzLDguODc4OSBMNy43MDcsOC4yOTI5IEw3LDguOTk5OSBMNy41ODYsOS41ODU5IEM3Ljk3Nyw5Ljk3NjkgOC40ODgsMTAuMTcxOSA5LDEwLjE3MTkgQzkuNTEyLDEwLjE3MTkgMTAuMDIzLDkuOTc2OSAxMC40MTQsOS41ODU5IEwxMy41ODYsNi40MTM5IEMxNC4zNjcsNS42MzI5IDE0LjM2Nyw0LjM2NjkgMTMuNTg2LDMuNTg1OSBMMTMuNTg2LDMuNTg1OSBaIiBpZD0iQ29sb3VyIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
background-repeat: no-repeat;
-webkit-transition: opacity 1.5s;
}
.ShareWishlist0__copy--animating {
opacity: 0;
}
.ShareWishlist0__copied {
position: absolute;
width: 100%;
opacity: 0;
vertical-align: middle;
transition: opacity 1.5s;
}
[dir] .ShareWishlist0__copied {
-webkit-transition: opacity 1.5s;
}
[dir=ltr] .ShareWishlist0__copied {
left: 0;
}
[dir=rtl] .ShareWishlist0__copied {
right: 0;
}
.ShareWishlist0__copied--animating {
opacity: 1;
}
[dir] .UnshareWishlist0__content {
padding: 8px 0 48px;
}
.UnshareWishlist0__unshareMessage {
font: 14px/22px Georgia;
font-weight: normal;
}
.UnshareWishlist0__unshareMessage:lang(ar) {
font: 20px/26px Amariya;
}
.UnshareWishlist0__unshareMessage:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.UnshareWishlist0__unshareMessage:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
[dir] .UnshareWishlist0__unshareMessage {
margin: 0;
}
.UnshareWishlist0__footer {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 16px;
}
.UnshareWishlist0__footer::before {
content: '';
position: absolute;
}
[dir=ltr] .UnshareWishlist0__footer::before {
left: -16px;
right: -16px;
}
[dir=rtl] .UnshareWishlist0__footer::before {
right: -16px;
left: -16px;
}
@media (min-width: 1024px) {
[dir=ltr] .UnshareWishlist0__footer::before {
left: -24px;
right: -24px;
}
[dir=rtl] .UnshareWishlist0__footer::before {
right: -24px;
left: -24px;
}
}
@media (min-width: 768px) {
[dir] .UnshareWishlist0__footer {
padding: 24px 0 8px;
}
}
@media (min-width: 1024px) {
.UnshareWishlist0__footer {
grid-column-gap: 24px;
}
[dir] .UnshareWishlist0__footer {
padding-bottom: 0;
}
}
.UnshareWishlist0__cancelButton {
text-decoration: none;
width: 100%;
}
[dir] .UnshareWishlist0__cancelButton {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.UnshareWishlist0__cancelButton {
min-width: 222px;
width: auto;
}
[dir] .UnshareWishlist0__cancelButton {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.UnshareWishlist0__cancelButton {
color: #000;
transition: background-color 0.5s ease;
}
[dir] .UnshareWishlist0__cancelButton {
background-color: #fff;
-webkit-transition: background-color 0.5s ease;
}
@media (hover: hover) and (pointer: fine) {
.UnshareWishlist0__cancelButton:hover {
color: rgb(51, 51, 51);
}
[dir] .UnshareWishlist0__cancelButton:hover {
background-color: #fff;
border-color: rgb(51, 51, 51);
}
}
.UnshareWishlist0__cancelButton:active {
color: #000;
}
[dir] .UnshareWishlist0__cancelButton:active {
background-color: #fff;
}
.UnshareWishlist0__cancelButton {
font: 14px/22px Georgia;
font-weight: normal;
}
.UnshareWishlist0__cancelButton:lang(ar) {
font: 20px/26px Amariya;
}
.UnshareWishlist0__cancelButton:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.UnshareWishlist0__cancelButton:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.UnshareWishlist0__cancelButton {
grid-column-start: 1;
grid-column-end: 2;
}
.UnshareWishlist0__unshareButton {
text-decoration: none;
width: 100%;
}
[dir] .UnshareWishlist0__unshareButton {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.UnshareWishlist0__unshareButton {
min-width: 222px;
width: auto;
}
[dir] .UnshareWishlist0__unshareButton {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.UnshareWishlist0__unshareButton {
color: #fff;
}
[dir] .UnshareWishlist0__unshareButton {
background-color: #000;
}
@media (hover: hover) and (pointer: fine) {
[dir] .UnshareWishlist0__unshareButton:hover {
border-color: rgb(51, 51, 51);
background-color: rgb(51, 51, 51);
}
}
[dir] .UnshareWishlist0__unshareButton:active {
background-color: #000;
}
.UnshareWishlist0__unshareButton {
font: 14px/22px Georgia;
font-weight: normal;
}
.UnshareWishlist0__unshareButton:lang(ar) {
font: 20px/26px Amariya;
}
.UnshareWishlist0__unshareButton:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.UnshareWishlist0__unshareButton:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.UnshareWishlist0__unshareButton {
grid-column-start: 2;
grid-column-end: 3;
}
@-webkit-keyframes slide-ltr {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes slide-rtl {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slide-ltr {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slide-rtl {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@media (min-width: 768px) {
.DialogsConductor0__dialogContainer {
width: 516px;
}
}
.DialogsConductor0__dialogContent {
width: 100%;
overflow: visible;
}
[dir=ltr] .DialogsConductor0__dialogContent {
padding-right: 0;
}
[dir=rtl] .DialogsConductor0__dialogContent {
padding-left: 0;
}
.DialogsConductor0__filtersContainer {
width: 80%;
max-width: 400px;
max-height: unset;
height: 100%;
}
[dir] .DialogsConductor0__filtersContainer {
margin: 0;
}
[dir=ltr] .DialogsConductor0__filtersContainer {
-webkit-animation: slide-ltr 0.3s forwards;
animation: slide-ltr 0.3s forwards;
}
[dir=rtl] .DialogsConductor0__filtersContainer {
-webkit-animation: slide-rtl 0.3s forwards;
animation: slide-rtl 0.3s forwards;
}
@media (min-width: 768px) {
.DialogsConductor0__filtersContainer {
width: 100%;
max-width: 400px;
min-width: 400px;
}
}
/* Arabic Font */
@font-face {
font-family: NeueFrutigerRegular;
font-display: swap;
src:
url(fonts/NeueFrutigerW05-Regular-5c112431..woff2) format('woff2'),
url(fonts/NeueFrutigerW05-Regular-c2e88d3b..woff) format('woff');
}
@font-face {
font-family: Amariya;
font-display: swap;
font-weight: bold;
src:
url(fonts/AmariyaW00-Bold-93963085..woff2) format('woff2'),
url(fonts/AmariyaW00-Bold-81a69525..woff) format('woff');
}
/* English Font */
@font-face {
font-family: SackersGothicStd;
font-display: swap;
font-weight: normal;
src:
url(fonts/SackersGothicStd-Heavy-e280e9bc..woff2) format('woff2'),
url(fonts/SackersGothicStd-Heavy-c6e0b459..woff) format('woff');
}
@font-face {
font-family: AkkuratPro;
font-display: swap;
font-weight: normal;
src:
url(fonts/akkuratproregular-25a16d07..woff2) format('woff2'),
url(fonts/akkuratproregular-8ef7cb0e..woff) format('woff');
}
@font-face {
font-family: AkkuratPro;
font-display: swap;
font-weight: bold;
src:
url(fonts/akkuratprobold-d0424f7f..woff2) format('woff2'),
url(fonts/akkuratprobold-0c2ca57a..woff) format('woff');
}
@font-face {
font-family: AkkuratPro;
font-display: swap;
font-weight: 300;
src:
url(fonts/akkuratprolight-c8b4c6b3..woff2) format('woff2'),
url(fonts/akkuratprolight-b88edb6e..woff) format('woff');
}
@font-face {
font-family: Mrporter;
font-display: swap;
font-weight: normal;
src:
url(fonts/mrporter-c274dc3d..woff2) format('woff2'),
url(fonts/mrporter-213a05aa..woff) format('woff');
}
@font-face {
font-family: Amariya;
font-display: swap;
src:
url(fonts/AmariyaW00-Regular-9101b421..woff2) format('woff2'),
url(fonts/AmariyaW00-Regular-7dfa708a..woff) format('woff');
}
/* Japanese Font */
@font-face {
font-family: NotoSansJP;
font-display: swap;
font-weight: bold;
src:
url(fonts/NotoSansJP-Bold-e0c86caf..woff2) format('woff2'),
url(fonts/NotoSansJP-Bold-bb074086..woff) format('woff');
unicode-range: U+30A0-30FF, U+3040-309F, U+4E00-9FBF, U+304B-3087;
}
@font-face {
font-family: NotoSansJP;
font-display: swap;
font-weight: 350;
src:
url(fonts/NotoSansJP-Demilight-0868e7f6..woff2) format('woff2'),
url(fonts/NotoSansJP-Demilight-95930773..woff) format('woff');
unicode-range: U+30A0-30FF, U+3040-309F, U+4E00-9FBF, U+304B-3087;
}
@font-face {
font-family: NotoSansJP;
font-display: swap;
font-weight: 500;
src:
url(fonts/NotoSansJP-Medium-65a17811..woff2) format('woff2'),
url(fonts/NotoSansJP-Medium-f8a66055..woff) format('woff');
unicode-range: U+30A0-30FF, U+3040-309F, U+4E00-9FBF, U+304B-3087;
}
@font-face {
font-family: NotoSansJP;
font-display: swap;
font-weight: normal;
src:
url(fonts/NotoSansJP-Regular-34e5debf..woff2) format('woff2'),
url(fonts/NotoSansJP-Regular-283ea5ff..woff) format('woff');
unicode-range: U+30A0-30FF, U+3040-309F, U+4E00-9FBF, U+304B-3087;
}
/* Korean Font */
@font-face {
font-family: NotoSansKR;
font-display: swap;
font-weight: 500;
src:
url(fonts/NotoSansKR-Regular-7e374ffc..woff2) format('woff2'),
url(fonts/NotoSansKR-Regular-65bde2e6..woff) format('woff');
unicode-range: U+1100-11FF, U+3130-318F, U+A960-A97F, U+AC00-D7AF, U+D7B0-D7FF;
}
@font-face {
font-family: NotoSansKR;
font-display: swap;
font-weight: bold;
src:
url(fonts/NotoSansKR-Bold-982a6354..woff2) format('woff2'),
url(fonts/NotoSansKR-Bold-8596b7f7..woff) format('woff');
unicode-range: U+1100-11FF, U+3130-318F, U+A960-A97F, U+AC00-D7AF, U+D7B0-D7FF;
}
.NavigationMenuLink0__optionLink {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.NavigationMenuLink0__optionLink:lang(ar) {
font: 20px/26px Amariya;
}
.NavigationMenuLink0__optionLink:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.NavigationMenuLink0__optionLink:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.NavigationMenuLink0__optionLink {
color: #000;
display: block;
position: relative;
}
[dir=ltr] .NavigationMenuLink0__optionLink {
padding: 12px 0 12px 16px;
}
[dir=rtl] .NavigationMenuLink0__optionLink {
padding: 12px 16px 12px 0;
}
.NavigationMenuLink0__optionLink:lang(ja) {
font: 14px/22px Georgia;
font-weight: normal;
}
.NavigationMenuLink0__optionLink:lang(ja):lang(ar) {
font: 20px/26px Amariya;
}
.NavigationMenuLink0__optionLink:lang(ja):lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.NavigationMenuLink0__optionLink:lang(ja):lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
@media (min-width: 768px) {
[dir] .NavigationMenuLink0__optionLink {
padding: 25px 0;
}
[dir=ltr] .NavigationMenuLink0__optionLink {
margin-right: 24px;
border-left: 0;
}
[dir=rtl] .NavigationMenuLink0__optionLink {
margin-left: 24px;
border-right: 0;
}
}
.NavigationMenuLink0__optionLink--selected {
position: relative;
}
@media (min-width: 768px) {
[dir] .NavigationMenuLink0__optionLink--selected {
border-bottom: 2px solid #000;
}
}
.NavigationMenuLink0__optionLink--selected::before {
content: '';
position: absolute;
top: 0;
width: 3px;
height: 100%;
}
[dir] .NavigationMenuLink0__optionLink--selected::before {
background-color: #000;
}
[dir=ltr] .NavigationMenuLink0__optionLink--selected::before {
left: -16px;
}
[dir=rtl] .NavigationMenuLink0__optionLink--selected::before {
right: -16px;
}
@media (min-width: 768px) {
.NavigationMenuLink0__optionLink--selected::before {
display: none;
}
}
.NavigationMenuLink0__optionLink--dotAlert:before {
content: '';
display: inline-block;
line-height: normal;
width: 8px;
height: 8px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
}
[dir] .NavigationMenuLink0__optionLink--dotAlert:before {
background-color: #f57171;
border-radius: 50%;
transform: translateY(-50%);
}
[dir=ltr] .NavigationMenuLink0__optionLink--dotAlert:before {
margin-right: 8px;
left: 0;
}
[dir=rtl] .NavigationMenuLink0__optionLink--dotAlert:before {
margin-left: 8px;
right: 0;
}
@media (min-width: 768px) {
.NavigationMenuLink0__optionLink--dotAlert {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.NavigationMenuLink0__optionLink--dotAlert:before {
content: '';
display: inline-block;
line-height: normal;
width: 8px;
height: 8px;
position: static;
position: initial;
top: auto;
top: initial;
-webkit-transform: none;
-webkit-transform: initial;
}
[dir] .NavigationMenuLink0__optionLink--dotAlert:before {
background-color: #f57171;
border-radius: 50%;
transform: none;
transform: initial;
}
[dir=ltr] .NavigationMenuLink0__optionLink--dotAlert:before {
margin-right: 8px;
left: auto;
left: initial;
}
[dir=rtl] .NavigationMenuLink0__optionLink--dotAlert:before {
margin-left: 8px;
right: auto;
right: initial;
}
}
[dir] .NavigationMenuPopover0__optionMenu {
margin-top: 24px;
}
@media (min-width: 768px) {
[dir] .NavigationMenuPopover0__optionMenu {
margin-top: 0;
}
[dir=ltr] .NavigationMenuPopover0__optionMenu {
margin-right: 24px;
}
[dir=rtl] .NavigationMenuPopover0__optionMenu {
margin-left: 24px;
}
}
.NavigationMenuPopover0__popoverLabel {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.NavigationMenuPopover0__popoverLabel:lang(ar) {
font: 20px/26px Amariya;
}
.NavigationMenuPopover0__popoverLabel:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.NavigationMenuPopover0__popoverLabel:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.NavigationMenuPopover0__popoverLabel {
display: inline-block;
color: #000;
}
[dir=ltr] .NavigationMenuPopover0__popoverLabel {
margin-left: 8px;
}
[dir=rtl] .NavigationMenuPopover0__popoverLabel {
margin-right: 8px;
}
.NavigationMenuPopover0__popoverLabel:lang(ja) {
font: 14px/22px Georgia;
font-weight: normal;
}
.NavigationMenuPopover0__popoverLabel:lang(ja):lang(ar) {
font: 20px/26px Amariya;
}
.NavigationMenuPopover0__popoverLabel:lang(ja):lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.NavigationMenuPopover0__popoverLabel:lang(ja):lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.NavigationMenuPopover0__popoverIcon {
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
}
[dir] .NavigationMenuPopover0__popoverIcon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAxNlYwaDE2djE2eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTggMTIuMjA3TC42NDYgNC44NTNsLjcwOC0uNzA2TDggMTAuNzkzbDYuNjQ2LTYuNjQ2LjcwOC43MDZ6Ii8+PC9nPjwvc3ZnPg==) no-repeat;
}
[dir=ltr] .NavigationMenuPopover0__popoverIcon {
margin-left: 8px;
}
[dir=rtl] .NavigationMenuPopover0__popoverIcon {
margin-right: 8px;
}
.NavigationMenuPopover0__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.NavigationMenuPopover0__popover {
/* Override global Popover styles */
}
.NavigationMenuPopover0__popover > ul > a > li:hover {
color: #000;
}
.Popover4 {
position: relative;
z-index: 1001;
}
[dir] .Popover4 {
cursor: pointer;
}
.Popover4__container--open::before,
.Popover4__container--open::after {
content: '';
position: absolute;
width: 0;
height: 0;
}
[dir=ltr] .Popover4__container--open::before, [dir=ltr] .Popover4__container--open::after {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
[dir=rtl] .Popover4__container--open::before, [dir=rtl] .Popover4__container--open::after {
right: 50%;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
.Popover4__container--open::before {
bottom: -17px;
}
[dir] .Popover4__container--open::before {
border-bottom: 9px solid #cbcbcb;
}
[dir=ltr] .Popover4__container--open::before {
border-left: 9px solid transparent;
border-right: 9px solid transparent;
}
[dir=rtl] .Popover4__container--open::before {
border-right: 9px solid transparent;
border-left: 9px solid transparent;
}
.Popover4__container--open::after {
z-index: 1;
bottom: -18px;
}
[dir] .Popover4__container--open::after {
border-bottom: 8px solid #fff;
}
[dir=ltr] .Popover4__container--open::after {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
}
[dir=rtl] .Popover4__container--open::after {
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
.Popover4__popover {
position: absolute;
-webkit-box-shadow:
0 0 15px 0 rgba(0, 0, 0, .05),
0 2px 1px 0 rgba(0, 0, 0, .06);
width: 220px;
}
[dir] .Popover4__popover {
padding: 8px 0;
margin-top: 16px;
background-color: #fff;
border: solid 1px #cbcbcb;
box-shadow:
0 0 15px 0 rgba(0, 0, 0, .05),
0 2px 1px 0 rgba(0, 0, 0, .06);
}
[dir=ltr] .Popover4__popover--left {
left: 0;
}
[dir=rtl] .Popover4__popover--left {
right: 0;
}
[dir=ltr] .Popover4__popover--center {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
[dir=rtl] .Popover4__popover--center {
right: 50%;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
[dir=ltr] .Popover4__popover--right {
right: 0;
}
[dir=rtl] .Popover4__popover--right {
left: 0;
}
.Popover4__popover--large {
width: 364px;
}
.Popover4__popover--resizable {
min-width: 160px;
max-width: 220px;
}
.PopoverMenu4__menu {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.PopoverMenu4__menu:lang(ar) {
font: 20px/26px Amariya;
}
.PopoverMenu4__menu:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.PopoverMenu4__menu:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.PopoverMenu4__menu {
color: #000;
height: 48px;
line-height: 48px;
}
[dir=ltr] .PopoverMenu4__menu {
padding-left: 16px;
padding-right: 16px;
}
[dir=rtl] .PopoverMenu4__menu {
padding-right: 16px;
padding-left: 16px;
}
.PopoverMenu4__menu:lang(ar) {
line-height: 48px;/*
ar lang fonts overide these styles so we apply them again
*/
}
.PopoverMenu4__menu:lang(ko) {
line-height: 40px;
}
[dir] .PopoverMenu4__menu:hover {
background-color: #f0f0f0;
}
@media (min-width: 768px) {
.PopoverMenu4__menu {
height: 40px;
line-height: 40px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.PopoverMenu4__menu:lang(ar) {
line-height: 40px;/*
ar lang fonts overide these styles so we apply them again
*/
}
}
.PopoverMenu4__menu--selected {
position: relative;
}
.PopoverMenu4__menu--selected::before {
content: '';
position: absolute;
top: 0;
width: 3px;
height: 100%;
}
[dir] .PopoverMenu4__menu--selected::before {
background-color: #000;
}
[dir=ltr] .PopoverMenu4__menu--selected::before {
left: 0;
}
[dir=rtl] .PopoverMenu4__menu--selected::before {
right: 0;
}
[dir] .PopoverMenu4__menu--selected:hover {
background-color: unset;
}
[dir] .ManageWishlist0__option:lang(ja) {
padding-top: 14px;
}
@media (min-width: 768px) {
[dir] .ManageWishlist0__option:lang(ja) {
padding-top: 10px;
}
}
[dir] .ManageWishlist0__option--padlock {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbnMgLyBMYWJlbHMgLyBMb2NrIC8gRGVmYXVsdCAvIDE2cHg8L3RpdGxlPgogICAgPGcgaWQ9Ikljb25zLS8tTGFiZWxzLS8tTG9jay0vLURlZmF1bHQtLy0xNnB4IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSWNvbiI+CiAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJCb3VuZGluZ0JveCIgcG9pbnRzPSIwIDE2IDE2IDE2IDE2IDAgMCAwIj48L3BvbHlnb24+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03LDExIEw5LDExIEw5LDkgTDcsOSBMNywxMSBaIE0zLDE0IEwxMywxNCBMMTMsNiBMMyw2IEwzLDE0IFogTTcuOTkyLDEgQzkuNjUxLDEgMTEsMi4zNDYgMTEsNCBMMTEsNSBMNC45OTIsNSBMNC45ODQsNCBDNC45ODQsMi4zNDYgNi4zMzMsMSA3Ljk5MiwxIEw3Ljk5MiwxIFogTTEyLDUgTDEyLDQgQzEyLDEuNzkxIDEwLjIwNiwwIDcuOTkyLDAgQzUuNzc5LDAgMy45ODQsMS43OTEgMy45ODQsNCBMMy45OTIsNSBMMiw1IEwyLDE1IEwxNCwxNSBMMTQsNSBMMTIsNSBaIiBpZD0iQ29sb3VyIiBmaWxsPSIjMDAwMDAwIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
background-repeat: no-repeat;
}
[dir=ltr] .ManageWishlist0__option--padlock {
padding: 0 40px 0 16px /* rtl: 0 16px 0 40px */;
background-position: top 14px right 18px;
}
[dir=rtl] .ManageWishlist0__option--padlock {
padding: 0 16px 0 40px;
background-position: top 14px left 18px;
}
@media (min-width: 768px) {
[dir=ltr] .ManageWishlist0__option--padlock {
background-position: top 11px right 18px;
}
[dir=rtl] .ManageWishlist0__option--padlock {
background-position: top 11px left 18px;
}
}
.ManageWishlist0__icon {
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
}
[dir] .ManageWishlist0__icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZD0iTTEyLjYyNiAxLjk5OGExLjM3NCAxLjM3NCAwIDAgMSAuOTcyIDIuMzQ1TDUuNSAxMi40NDEgMiAxNGwxLjU1Ni0zLjUwMkwxMS42NTQgMi40YTEuMzcgMS4zNyAwIDAgMSAuOTcyLS40MDJ6bTAtMWMtLjYzNSAwLTEuMjMxLjI0Ny0xLjY3OS42OTVMMi44NDkgOS43OTJsLS4xMzIuMTMxLS4wNzYuMTY5LTEuNTU2IDMuNTAxTC4wMyAxNS45NzJsMi4zNzctMS4wNTggMy41LTEuNTU4LjE2OS0uMDc1LjEzMS0uMTMxIDguMDk4LTguMDk4QTIuMzc2IDIuMzc2IDAgMCAwIDEyLjYyNi45OTh6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+) no-repeat;
}
.ManageWishlist0__container {
height: 16px;
}
[dir=ltr] .ManageWishlist0__popover {
right: -16px;
left: unset;
}
[dir=rtl] .ManageWishlist0__popover {
left: -16px;
right: unset;
}
[dir=ltr] .ManageWishlist0__popover::before, [dir=ltr] .ManageWishlist0__popover::after {
right: calc(50% + 16px);
}
[dir=rtl] .ManageWishlist0__popover::before, [dir=rtl] .ManageWishlist0__popover::after {
left: calc(50% + 16px);
}
.ManageWishlist0__popover {/*
Override global Popover styles
*/
}
.ManageWishlist0__popover > ul > li:hover {
color: #000;
}
.CreateWishlist0 {
height: 16px;
}
[dir] .CreateWishlist0 {
cursor: pointer;
}
.CreateWishlist0__icon {
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
}
[dir] .CreateWishlist0__icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOCA3VjBIN3Y3SDB2MWg3djdoMVY4aDdWN3oiLz48L2c+PC9zdmc+) no-repeat;
}
.CreateWishlist0__label {
display: none;
color: #656565;
}
[dir] .CreateWishlist0__label {
border-bottom: 1px solid #838383;
}
.CreateWishlist0__label:hover {
color: #656565;
}
[dir] .CreateWishlist0__label:hover {
border-color: #656565;
}
.CreateWishlist0__label:active {
color: #656565;
}
[dir] .CreateWishlist0__label:active {
border-color: #656565;
}
[dir] .CreateWishlist0__label {
border: none;
}
@media (min-width: 1024px) {
.CreateWishlist0__label {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.CreateWishlist0__label:lang(ar) {
font: 20px/26px Amariya;
}
.CreateWishlist0__label:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.CreateWishlist0__label:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.CreateWishlist0__label {
display: inline-block;
color: #656565;
}
[dir=ltr] .CreateWishlist0__label {
margin-left: 8px;
}
[dir=rtl] .CreateWishlist0__label {
margin-right: 8px;
}
}
.ShareWishlist0 {
height: 16px;
}
[dir] .ShareWishlist0 {
cursor: pointer;
}
.ShareWishlist0__icon {
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
}
[dir] .ShareWishlist0__icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNy40OTQgMi4wMzhsLS4wMTggNi4zMiAxLjAwMS4wMDQuMDE2LTYuMzM3IDIuMzM1IDIuMzM1LjcwOC0uNzA3TDggLjExNyA0LjQ2NSAzLjY1M2wuNzA3LjcwN3oiLz48cGF0aCBkPSJNLjUgNC44ODN2OWgxNVY0LjkxNGgtMXY3Ljk3SDEuNTExbC0uMDA3LTh6Ii8+PC9nPjwvc3ZnPg==) no-repeat;
}
.ShareWishlist0__share {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.ShareWishlist0__share:lang(ar) {
font: 20px/26px Amariya;
}
.ShareWishlist0__share:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.ShareWishlist0__share:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.ShareWishlist0__share {
display: inline-block;
vertical-align: middle;
}
[dir=ltr] .ShareWishlist0__share {
margin-left: 10px;
}
[dir=rtl] .ShareWishlist0__share {
margin-right: 10px;
}
.ShareWishlist0__share:lang(ar) {
line-height: 18px;
}
.ShareWishlist0__label {
display: none;
color: #656565;
}
[dir] .ShareWishlist0__label {
border-bottom: 1px solid #838383;
}
.ShareWishlist0__label:hover {
color: #656565;
}
[dir] .ShareWishlist0__label:hover {
border-color: #656565;
}
.ShareWishlist0__label:active {
color: #656565;
}
[dir] .ShareWishlist0__label:active {
border-color: #656565;
}
[dir] .ShareWishlist0__label {
border: none;
}
@media (min-width: 1024px) {
.ShareWishlist0__label {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.ShareWishlist0__label:lang(ar) {
font: 20px/26px Amariya;
}
.ShareWishlist0__label:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.ShareWishlist0__label:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.ShareWishlist0__label {
display: inline-block;
color: #656565;
}
[dir=ltr] .ShareWishlist0__label {
margin-left: 8px;
}
[dir=rtl] .ShareWishlist0__label {
margin-right: 8px;
}
}
.Settings0 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 16px;
}
[dir=ltr] .Settings0 > div {
margin-left: 32px;
}
[dir=rtl] .Settings0 > div {
margin-right: 32px;
}
.NavigationMenu0 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 72px;
transition: background-color 0.5s cubic-bezier(0, 0, 1, 1), color 0.5s cubic-bezier(0, 0, 1, 1);
}
[dir] .NavigationMenu0 {
border-bottom: 1px solid #cbcbcb;
margin: 0 16px;
-webkit-transition: background-color 0.5s cubic-bezier(0, 0, 1, 1), color 0.5s cubic-bezier(0, 0, 1, 1);
}
@media (min-width: 768px) {
.NavigationMenu0 {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
[dir] .NavigationMenu0 {
margin: 0 32px;
}
}
.NavigationMenu0__skeleton {
height: 72px;
}
[dir] .NavigationMenu0__skeleton {
background-color: #f0f0f0;
margin: 0 16px;
}
@media (min-width: 768px) {
[dir] .NavigationMenu0__skeleton {
margin: 0 32px;
}
}
.NavigationMenu0__desktopNavigationMenu {
display: none;
list-style: none;
}
@media (min-width: 768px) {
.NavigationMenu0__desktopNavigationMenu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.NavigationMenu0__menuDivisor {
width: 24px;
}
[dir] .NavigationMenu0__menuDivisor {
border-top: 1px solid #cbcbcb;
}
[dir=ltr] .NavigationMenu0__menuDivisor {
margin: 12px 0 12px 16px;
}
[dir=rtl] .NavigationMenu0__menuDivisor {
margin: 12px 16px 12px 0;
}
@media (min-width: 768px) {
.NavigationMenu0__menuDivisor {
width: 0;
height: 24px;
}
[dir] .NavigationMenu0__menuDivisor {
border-top: 0;
}
[dir=ltr] .NavigationMenu0__menuDivisor {
border-left: 1px solid #cbcbcb;
margin: 0 24px 0 0;
}
[dir=rtl] .NavigationMenu0__menuDivisor {
border-right: 1px solid #cbcbcb;
margin: 0 0 0 24px;
}
}
.NavigationMenu0__navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.NavigationMenu0__primaryWishlistLink {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
list-style: none;
line-height: 72px;
color: #000;
}
@media (min-width: 768px) {
.NavigationMenu0__primaryWishlistLink {
display: none;
}
}
.NavigationMenu0__primaryWishlistLink:lang(ja) {
font-family: Georgia;
}
.NavigationMenu0__primaryWishlistLink--selected {
color: #000;
}
.NavigationMenu0__popoverIcon {
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-transform: rotatex(0deg);
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
}
[dir] .NavigationMenu0__popoverIcon {
-webkit-transition: -webkit-transform 0.3s ease-out;
transform: rotatex(0deg);
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAxNlYwaDE2djE2eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTggMTIuMjA3TC42NDYgNC44NTNsLjcwOC0uNzA2TDggMTAuNzkzbDYuNjQ2LTYuNjQ2LjcwOC43MDZ6Ii8+PC9nPjwvc3ZnPg==) no-repeat;
}
[dir=ltr] .NavigationMenu0__popoverIcon {
margin-left: 8px;
}
[dir=rtl] .NavigationMenu0__popoverIcon {
margin-right: 8px;
}
.NavigationMenu0__popoverIcon--navigationOpen {
-webkit-transform: rotatex(180deg);
}
[dir] .NavigationMenu0__popoverIcon--navigationOpen {
transform: rotatex(180deg);
}
.NavigationMenu0__mobileNavigationMenu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
[dir=ltr] .NavigationMenu0__mobileNavigationMenu {
-webkit-animation: slideUpFadeOut 0.3s linear 0s both;
animation: slideUpFadeOut 0.3s linear 0s both;
}
[dir=rtl] .NavigationMenu0__mobileNavigationMenu {
-webkit-animation: slideUpFadeOut 0.3s linear 0s both;
animation: slideUpFadeOut 0.3s linear 0s both;
}
@media (min-width: 768px) {
.NavigationMenu0__mobileNavigationMenu {
display: none;
}
}
[dir=ltr] .NavigationMenu0__mobileNavigationMenu--navigationOpen {
-webkit-animation: slideDownFadeIn 0.3s linear 0s both;
animation: slideDownFadeIn 0.3s linear 0s both;
}
[dir=rtl] .NavigationMenu0__mobileNavigationMenu--navigationOpen {
-webkit-animation: slideDownFadeIn 0.3s linear 0s both;
animation: slideDownFadeIn 0.3s linear 0s both;
}
@media (min-width: 768px) {
.NavigationMenu0__mobileNavigationMenu--navigationOpen {
display: none;
}
}
.NavigationMenu0__mobileNavigationCloseBtn {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.NavigationMenu0__mobileNavigationCloseBtn:lang(ar) {
font: 20px/26px Amariya;
}
.NavigationMenu0__mobileNavigationCloseBtn:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.NavigationMenu0__mobileNavigationCloseBtn:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.NavigationMenu0__mobileNavigationCloseBtn {
color: #656565;
}
[dir] .NavigationMenu0__mobileNavigationCloseBtn {
cursor: pointer;
}
[dir=ltr] .NavigationMenu0__mobileNavigationCloseBtn {
margin: 24px 0 32px 16px;
}
[dir=rtl] .NavigationMenu0__mobileNavigationCloseBtn {
margin: 24px 16px 32px 0;
}
.AvailabilityTabs0__container {
display: none;
}
.SimpleHeader0 {
position: relative;
width: 100%;
transition: background-color 0.5s cubic-bezier(0, 0, 1, 1), color 0.5s cubic-bezier(0, 0, 1, 1);
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
max-width: 1440px;
}
[dir] .SimpleHeader0 {
margin: auto;
-webkit-transition: background-color 0.5s cubic-bezier(0, 0, 1, 1), color 0.5s cubic-bezier(0, 0, 1, 1);
}
.SimpleHeader0__content {
width: 100%;
min-height: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
}
[dir] .SimpleHeader0__content {
padding: 16px 0 24px 0;
margin: 0;
}
@media (min-width: 768px) {
.SimpleHeader0__content {
width: 480px;
}
}
@media (min-width: 1024px) {
.SimpleHeader0__content {
width: 600px;
}
}
.SimpleHeader0__content--loading {
display: none;
}
.SimpleHeader0--loading {
color: #f0f0f0;
transition: none;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 60px;
}
[dir] .SimpleHeader0--loading {
border-bottom: none;
background-color: #f0f0f0;
-webkit-transition: none;
}
@media (min-width: 768px) {
.SimpleHeader0--loading {
height: 76px;
}
}
.SimpleHeader0__headingsContainer * {
display: inline;
}
[dir=ltr] .SimpleHeader0__headingsContainer * {
padding-right: 8px;
}
[dir=rtl] .SimpleHeader0__headingsContainer * {
padding-left: 8px;
}
.SimpleHeader0__title {
font: 14px/18px SackersGothicStd;
text-transform: uppercase;
font-weight: normal;
}
.SimpleHeader0__title:lang(ar) {
font: 20px/30px NeueFrutigerRegular, Sans-Serif;
}
.SimpleHeader0__title:lang(ko) {
font:
14px/18px NotoSansKR,
SackersGothicStd;
font-weight: normal;
}
.SimpleHeader0__title:lang(ja) {
font:
14px/20px NotoSansJP,
SackersGothicStd;
font-weight: bold;
}
.SimpleHeader0__title {
min-height: 16px;/*
From tablet size upwards, apply taller font
*/
}
[dir=ltr] .SimpleHeader0__title {
-webkit-animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
[dir=rtl] .SimpleHeader0__title {
-webkit-animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
@media (min-width: 768px) {
.SimpleHeader0__title {
font: 16px/20px SackersGothicStd;
text-transform: uppercase;
font-weight: normal;
}
.SimpleHeader0__title:lang(ar) {
font: 24px/36px NeueFrutigerRegular, Sans-Serif;
}
.SimpleHeader0__title:lang(ko) {
font:
16px/20px NotoSansKR,
SackersGothicStd;
font-weight: normal;
}
.SimpleHeader0__title:lang(ja) {
font:
16px/20px NotoSansJP,
SackersGothicStd;
font-weight: bold;
}
}
[dir=ltr] .SimpleHeader0__title--changing {
-webkit-animation: fadeOut 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeOut 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
[dir=rtl] .SimpleHeader0__title--changing {
-webkit-animation: fadeOut 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeOut 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
.SimpleHeader0__subtitle {
font: 14px/18px SackersGothicStd;
text-transform: uppercase;
font-weight: normal;
}
.SimpleHeader0__subtitle:lang(ar) {
font: 20px/30px NeueFrutigerRegular, Sans-Serif;
}
.SimpleHeader0__subtitle:lang(ko) {
font:
14px/18px NotoSansKR,
SackersGothicStd;
font-weight: normal;
}
.SimpleHeader0__subtitle:lang(ja) {
font:
14px/20px NotoSansJP,
SackersGothicStd;
font-weight: bold;
}
.SimpleHeader0__subtitle {
color: #656565;/*
From tablet size upwards, apply taller font
*/
}
[dir=ltr] .SimpleHeader0__subtitle {
-webkit-animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
[dir=rtl] .SimpleHeader0__subtitle {
-webkit-animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
@media (min-width: 768px) {
.SimpleHeader0__subtitle {
font: 16px/20px SackersGothicStd;
text-transform: uppercase;
font-weight: normal;
}
.SimpleHeader0__subtitle:lang(ar) {
font: 24px/36px NeueFrutigerRegular, Sans-Serif;
}
.SimpleHeader0__subtitle:lang(ko) {
font:
16px/20px NotoSansKR,
SackersGothicStd;
font-weight: normal;
}
.SimpleHeader0__subtitle:lang(ja) {
font:
16px/20px NotoSansJP,
SackersGothicStd;
font-weight: bold;
}
}
[dir=ltr] .SimpleHeader0__subtitle--changing {
-webkit-animation: fadeOut 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeOut 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
[dir=rtl] .SimpleHeader0__subtitle--changing {
-webkit-animation: fadeOut 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeOut 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
@-webkit-keyframes slideDownDesktop {
0% {
max-height: 0;
overflow-y: hidden;
}
99% {
max-height: 250px;
overflow-y: hidden;
}
100% {
overflow-y: auto;
}
}
@keyframes slideDownDesktop {
0% {
max-height: 0;
overflow-y: hidden;
}
99% {
max-height: 250px;
overflow-y: hidden;
}
100% {
overflow-y: auto;
}
}
.ShippingRestrictionsModal88__container {
overflow: auto;
}
[dir] .ShippingRestrictionsModal88__container {
margin: 0;
}
@media (min-width: 768px) {
.ShippingRestrictionsModal88__container {
position: fixed;
top: 50%;
width: 100vw;
max-width: 100vw;
max-height: 100vh;
height: 100vh;
}
[dir=ltr] .ShippingRestrictionsModal88__container {
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
[dir=rtl] .ShippingRestrictionsModal88__container {
right: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
}
@media (min-width: 1024px) {
.ShippingRestrictionsModal88__container {/*
shipping restrictions modal size
*/
width: 844px;
height: 563px;
}
}
.ShippingRestrictionsModal88__subTitle {
font: 18px/24px Georgia;
font-weight: normal;
}
[dir] .ShippingRestrictionsModal88__subTitle {
margin: 8px 0 0 0;
}
.ShippingRestrictionsModal88__subTitle:lang(ar) {
font: 32px/40px Amariya;
}
.ShippingRestrictionsModal88__subTitle:lang(ko) {
font:
18px/24px NotoSansKR,
Georgia;
}
.ShippingRestrictionsModal88__subTitle:lang(ja) {
font:
18px/24px NotoSansJP,
Georgia;
font-weight: 500;
}
@media (min-width: 768px) {
[dir=ltr] .ShippingRestrictionsModal88__content {
-webkit-animation: slideDownDesktop 1s 1 cubic-bezier(0.25, 0.1, 0.25, 1) both;
animation: slideDownDesktop 1s 1 cubic-bezier(0.25, 0.1, 0.25, 1) both;
}
[dir=rtl] .ShippingRestrictionsModal88__content {
-webkit-animation: slideDownDesktop 1s 1 cubic-bezier(0.25, 0.1, 0.25, 1) both;
animation: slideDownDesktop 1s 1 cubic-bezier(0.25, 0.1, 0.25, 1) both;
}
}
@media (min-width: 768px) {
[dir] .Wishlist0__content {
margin: auto;
}
}
@media (min-width: 1024px) {
.Wishlist0__content {
max-width: 1440px;
}
}
@media (min-width: 768px) {
[dir] .Wishlist0__headerWrapper {
margin: auto;
}
}
@media (min-width: 1024px) {
.Wishlist0__headerWrapper {
max-width: 1440px;
}
}
.Wishlist0__header {
width: auto;
}
[dir] .Wishlist0__header {
margin: 0 16px;
}
@media (min-width: 768px) {
[dir] .Wishlist0__header {
margin: 0 32px;
}
}
.Wishlist0__headerContent {
width: auto;
}
[dir] .Wishlist0__headerContent {
padding-top: 16px;
padding-bottom: 24px;
}
@media (min-width: 768px) {
[dir] .Wishlist0__headerContent {
padding-top: 32px;
}
}
.Wishlist0__wishlistSubheading {
display: none;
}
[dir] .Wishlist0__productListContainer {
margin: 0 16px;
}
@media (min-width: 768px) {
[dir] .Wishlist0__productListContainer {
margin: 0 32px;
}
}
[dir] .Wishlist0__miniPDP {
padding: 0;
}
@media (min-width: 768px) {
.Wishlist0__miniPDP {
position: fixed;
width: 100vw;
height: 100vh;
top: 0;
max-height: none;
max-width: none;
}
[dir] .Wishlist0__miniPDP {
margin: 0;
}
[dir=ltr] .Wishlist0__miniPDP {
left: 0;
}
[dir=rtl] .Wishlist0__miniPDP {
right: 0;
}
}
@media (min-width: 1024px) {
.Wishlist0__miniPDP {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: static;
width: 848px;
height: 563px;
}
[dir] .Wishlist0__miniPDP {
margin: 24px auto;
}
}
@media (min-width: 1024px) {
.Wishlist0__miniPDP--withRecommendations {
height: 95vh;
}
}
@media (min-width: 1024px) {
.Wishlist0__miniPDP--unavailableWithRecommendations {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
}
.ProductDetail0 {
position: relative;
}
@media (min-width: 1024px) {
[dir] .ProductDetail0 {
cursor: pointer;
}
}
[dir] .ProductDetail0--unavailableProduct {
cursor: default;
}
.ProductDetail0--displayUnavailable {
display: block;
}
.ProductDetail0__loadingDots {
-ms-flex-item-align: center;
align-self: center;
}
.ProductDetail0__close {
position: absolute;
top: 8px;
width: 32px;
height: 32px;
display: inline-block;
z-index: 1000;
}
[dir] .ProductDetail0__close {
border-radius: 50%;
background: rgba(255, 255, 255, 0.9);
}
[dir=ltr] .ProductDetail0__close {
right: 8px;
}
[dir=rtl] .ProductDetail0__close {
left: 8px;
}
@media (min-width: 1024px) {
[dir] .ProductDetail0__close {
cursor: pointer;
}
}
.ProductDetail0__close:after {
content: '';
width: 100%;
height: 100%;
display: inline-block;
}
[dir] .ProductDetail0__close:after {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTQuMzU0IDIuMzUzbC0uNzA4LS43MDdMOCA3LjI5MyAyLjM1MyAxLjY0NmwtLjcwNy43MDdMNy4yOTMgOGwtNS42NDcgNS42NDYuNzA3LjcwOEw4IDguNzA3bDUuNjQ2IDUuNjQ3LjcwOC0uNzA4TDguNzA3IDh6Ii8+PC9nPjwvc3ZnPg==) no-repeat;
background-position: center center;
}
.ProductDetail0__variant {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.ProductDetail0__variant:lang(ar) {
font: 20px/26px Amariya;
}
.ProductDetail0__variant:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.ProductDetail0__variant:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.ProductDetail0__variant {
color: #656565;
word-wrap: break-word;
}
[dir] .ProductDetail0__variant {
margin-bottom: 8px;
}
.ProductDetail0__separator {
display: inline-block;
font-size: 11px;
}
[dir] .ProductDetail0__separator {
padding: 0 10px;
}
[dir=ltr] .ProductDetail0__separator {
-webkit-transform: rotate(45deg) translateY(-2px);
transform: rotate(45deg) translateY(-2px);
}
[dir=rtl] .ProductDetail0__separator {
-webkit-transform: rotate(-45deg) translateY(-2px);
transform: rotate(-45deg) translateY(-2px);
}
.ProductDetail0__separator:after {
content: '▪';
color: #cbcbcb;
}
[dir] .ProductListContainer0__emptyList {
margin: 64px 0;
}
.ProductListContainer0__link {
text-decoration: none;
width: 100%;
}
[dir] .ProductListContainer0__link {
text-align: center;
border: 1px solid #000;
border-radius: 2px;
cursor: pointer;
padding: 12px 24px;
background-repeat: no-repeat;
background-position: 12px 12px;
}
@media (min-width: 1024px) {
.ProductListContainer0__link {
min-width: 222px;
width: auto;
}
[dir] .ProductListContainer0__link {
padding: 7px 48px;
background-position: 12px 8px;
}
}
.ProductListContainer0__link {
color: #000;
transition: background-color 0.5s ease;
}
[dir] .ProductListContainer0__link {
background-color: #fff;
-webkit-transition: background-color 0.5s ease;
}
@media (hover: hover) and (pointer: fine) {
.ProductListContainer0__link:hover {
color: rgb(51, 51, 51);
}
[dir] .ProductListContainer0__link:hover {
background-color: #fff;
border-color: rgb(51, 51, 51);
}
}
.ProductListContainer0__link:active {
color: #000;
}
[dir] .ProductListContainer0__link:active {
background-color: #fff;
}
.ProductListContainer0__link {
font: 14px/22px Georgia;
font-weight: normal;
}
.ProductListContainer0__link:lang(ar) {
font: 20px/26px Amariya;
}
.ProductListContainer0__link:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.ProductListContainer0__link:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.ProductListContainer0__link {
min-width: 145px;
width: 145px;
height: 40px;
display: inline-block;
}
[dir] .ProductListContainer0__link {
padding: 8px 0;
margin-top: 24px;
}
.ProductListContainer0__link:lang(ja) {
width: 180px;
}
.ProductListContainer0__wishlistIcon {
display: inline-block;
width: 200px;
height: 150px;
}
[dir] .ProductListContainer0__wishlistIcon {
background-repeat: no-repeat;
background-image: url(images/emptyWishlist-59406966..jpg);
background-size: contain;
}
.ProductListContainer0__inventoryIcon {
display: inline-block;
width: 200px;
height: 150px;
}
[dir] .ProductListContainer0__inventoryIcon {
background-repeat: no-repeat;
background-image: url(images/emptyInventory-71402022..jpg);
background-size: contain;
}
.ProductListContainer0__alertIcon {
display: inline-block;
width: 200px;
height: 150px;
}
[dir] .ProductListContainer0__alertIcon {
background-repeat: no-repeat;
background-image: url(images/emptyAlerts-81a67a47..jpg);
background-size: contain;
}
.RecommendationsOptionsOverlay26__mask {
position: absolute;
top: 0;
bottom: 0;
opacity: 0.7;
}
[dir] .RecommendationsOptionsOverlay26__mask {
background-color: white;
}
[dir=ltr] .RecommendationsOptionsOverlay26__mask {
right: 0;
left: 0;
}
[dir=rtl] .RecommendationsOptionsOverlay26__mask {
left: 0;
right: 0;
}
@media (min-width: 0px) and (max-width: 767px) {
.RecommendationsOptionsOverlay26__mask {
display: none;
}
}
.RecommendationsOptionsOverlay26__recommendationsOptions {
position: absolute;
width: 100%;
height: 100%;
top: 0;
}
[dir] .RecommendationsOptionsOverlay26__recommendationsOptions {
padding: 56px 16px 0;
}
.RecommendationsOptionsOverlay26__recommendationsOptions .primaryButton,
.RecommendationsOptionsOverlay26__recommendationsOptions .select,
.RecommendationsOptionsOverlay26__recommendationsOptions .disabledSelect {
min-width: unset;
}
[dir] .RecommendationsOptionsOverlay26__recommendationsOptions .primaryButton, [dir] .RecommendationsOptionsOverlay26__recommendationsOptions .select, [dir] .RecommendationsOptionsOverlay26__recommendationsOptions .disabledSelect {
margin-top: 8px;
margin-bottom: 0;
}
@media (min-width: 0px) and (max-width: 767px) {
[dir] .RecommendationsOptionsOverlay26__recommendationsOptions .primaryButton, [dir] .RecommendationsOptionsOverlay26__recommendationsOptions .select, [dir] .RecommendationsOptionsOverlay26__recommendationsOptions .disabledSelect {
margin-top: 16px;
}
}
@media (min-width: 0px) and (max-width: 767px) {
.RecommendationsOptionsOverlay26__recommendationsOptions {
position: absolute;
width: 100%;
height: 224px;
top: unset;
bottom: 0;
}
[dir] .RecommendationsOptionsOverlay26__recommendationsOptions {
padding: 0 16px;
}
}
@media (min-width: 1024px) {
[dir] .RecommendationsOptionsOverlay26__recommendationsOptions .primaryButton:lang(ja) {
padding: 10px 20px;
}
}
.RecommendationsOptionsOverlay26__ctaButtons div[class$='buttonNotification'] {
top: -82px;
}
.RecommendationsOptionsOverlay26__ctaButtons div[class*='notification'] {
top: -70px;
}
[dir] .RecommendationsOptionsOverlay26__ctaButtons div[class^='CombinedSelect'] select {
background-color: #fff;
}
.RecommendationsOptionsOverlay26__moreDetails {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
[dir] .RecommendationsOptionsOverlay26__moreDetails {
margin-top: 24px;
}
@media (min-width: 0px) and (max-width: 767px) {
[dir] .RecommendationsOptionsOverlay26__moreDetails {
margin-top: 16px;
}
}
.RecommendationsOptionsOverlay26__viewDetails {
font: 14px/22px Georgia;
font-weight: normal;
}
.RecommendationsOptionsOverlay26__viewDetails:lang(ar) {
font: 20px/26px Amariya;
}
.RecommendationsOptionsOverlay26__viewDetails:lang(ko) {
font:
14px/22px NotoSansKR,
Georgia;
}
.RecommendationsOptionsOverlay26__viewDetails:lang(ja) {
font:
14px/24px NotoSansJP,
Georgia;
font-weight: normal;
}
.RecommendationsOptionsOverlay26__viewDetails {
color: #656565;
}
[dir] .RecommendationsOptionsOverlay26__viewDetails {
border-bottom: 1px solid #838383;
}
.RecommendationsOptionsOverlay26__viewDetails:hover {
color: #656565;
}
[dir] .RecommendationsOptionsOverlay26__viewDetails:hover {
border-color: #656565;
}
.RecommendationsOptionsOverlay26__viewDetails:active {
color: #656565;
}
[dir] .RecommendationsOptionsOverlay26__viewDetails:active {
border-color: #656565;
}
.RecommendationsOptionsOverlay26__viewDetails {
color: #000;
}
.ProductSummaryWithOverlay26 {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.ProductSummaryWithOverlay26__productSummary {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.ProductSummaryWithOverlay26__open {
display: inline-block;
position: absolute;
width: 32px;
height: 32px;
top: 8px;
z-index: 1000;
}
[dir] .ProductSummaryWithOverlay26__open {
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
}
[dir=ltr] .ProductSummaryWithOverlay26__open {
right: 8px;
}
[dir=rtl] .ProductSummaryWithOverlay26__open {
left: 8px;
}
@media (min-width: 1024px) {
[dir] .ProductSummaryWithOverlay26__open {
cursor: pointer;
}
}
.ProductSummaryWithOverlay26__open:after {
display: inline-block;
width: 100%;
height: 100%;
content: '';
}
[dir] .ProductSummaryWithOverlay26__open:after {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOCA3VjBIN3Y3SDB2MWg3djdoMVY4aDdWN3oiLz48L2c+PC9zdmc+) no-repeat;
background-position: center center;
}
@media (min-width: 1024px) {
.ProductSummaryWithOverlay26__phoneOverlay {
display: none;
}
}
.ProductSummaryWithOverlay26__phoneOverlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
z-index: 107160;
}
[dir=ltr] .ProductSummaryWithOverlay26__phoneOverlay {
right: 0;
left: 0;
}
[dir=rtl] .ProductSummaryWithOverlay26__phoneOverlay {
left: 0;
right: 0;
}
.ProductSummaryWithOverlay26__phoneOverlayMask {
position: absolute;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
opacity: 0.7;
}
[dir] .ProductSummaryWithOverlay26__phoneOverlayMask {
background-color: black;
}
[dir=ltr] .ProductSummaryWithOverlay26__phoneOverlayMask {
right: 0;
left: 0;
}
[dir=rtl] .ProductSummaryWithOverlay26__phoneOverlayMask {
left: 0;
right: 0;
}
.ProductSummaryWithOverlay26__close {
position: absolute;
display: inline-block;
width: 32px;
height: 32px;
bottom: 400px;
z-index: 1000;
}
[dir] .ProductSummaryWithOverlay26__close {
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
}
[dir=ltr] .ProductSummaryWithOverlay26__close {
right: 16px;
}
[dir=rtl] .ProductSummaryWithOverlay26__close {
left: 16px;
}
@media (min-width: 1024px) {
[dir] .ProductSummaryWithOverlay26__close {
cursor: pointer;
}
}
.ProductSummaryWithOverlay26__close:after {
display: inline-block;
width: 100%;
height: 100%;
content: '';
}
[dir] .ProductSummaryWithOverlay26__close:after {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTQuMzU0IDIuMzUzbC0uNzA4LS43MDdMOCA3LjI5MyAyLjM1MyAxLjY0NmwtLjcwNy43MDdMNy4yOTMgOGwtNS42NDcgNS42NDYuNzA3LjcwOEw4IDguNzA3bDUuNjQ2IDUuNjQ3LjcwOC0uNzA4TDguNzA3IDh6Ii8+PC9nPjwvc3ZnPg==) no-repeat;
background-position: center center;
}
.ProductSummaryWithOverlay26__phoneOverlayOptions {
position: absolute;
width: 100%;
height: 448px;
bottom: 0;
}
[dir] .ProductSummaryWithOverlay26__phoneOverlayOptions {
background-color: white;
}
@media (min-width: 0px) and (max-width: 767px) {
.ProductSummaryWithOverlay26__phoneOverlayOptions div[class*='productSummary'] > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 224px;
top: 0;
}
[dir] .ProductSummaryWithOverlay26__phoneOverlayOptions div[class*='productSummary'] > div {
padding: 16px;
}
.ProductSummaryWithOverlay26__phoneOverlayOptions div[class*='imageContainer'],
.ProductSummaryWithOverlay26__phoneOverlayOptions div[class*='skeletonContainer'] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 192px;
width: 144px;
}
[dir] .ProductSummaryWithOverlay26__phoneOverlayOptions div[class*='imageContainer'], [dir] .ProductSummaryWithOverlay26__phoneOverlayOptions div[class*='skeletonContainer'] {
margin-top: 0;
background-color: white;
}
.ProductSummaryWithOverlay26__phoneOverlayOptions div[class*='imageContainer'] div[class^='AspectRatio'] {
overflow: unset;
}
[dir=ltr] .ProductSummaryWithOverlay26__phoneOverlayOptions div[class*='skeletonContainer'] {
padding-left: 24px;
}
[dir=rtl] .ProductSummaryWithOverlay26__phoneOverlayOptions div[class*='skeletonContainer'] {
padding-right: 24px;
}
}
.Carousel4__viewport {
width: 100%;
overflow-x: hidden;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
[dir=ltr] .Carousel4__viewport {
padding-left: 16px;
padding-right: 0px;
}
[dir=rtl] .Carousel4__viewport {
padding-right: 16px;
padding-left: 0px;
}
.Carousel4__track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
list-style: none;
}
.Carousel4__slide {
list-style: none;
}
[dir=ltr] .Carousel4__slide {
margin-right: 16px;
}
[dir=rtl] .Carousel4__slide {
margin-left: 16px;
}
.Carousel4__controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.Carousel4__control {
outline: none;
}
[dir] .Carousel4__control {
background: transparent;
}
[dir] .Carousel4__control:hover {
cursor: pointer;
}
[dir] .Carousel4__control:hover:disabled {
cursor: default;
}
.Carousel4__arrow {
display: inline-block;
}
.Carousel4__pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.Carousel4__page {
display: block;
width: 20px;
height: 20px;
outline: none;
overflow: hidden;
font-size: 0;
line-height: 0;
}
[dir] .Carousel4__page {
padding: 7px;
border: none;
background: transparent;
cursor: pointer;
}
.Carousel4__page::before {
display: block;
content: '';
width: 100%;
height: 100%;
opacity: 0.25;
}
[dir] .Carousel4__page::before {
background: #000;
border-radius: 50%;
}
.Carousel4__page:disabled::before {
opacity: 1;
}
.Carousel4 {
position: relative;
}
[dir=ltr] .Carousel4__viewport {
padding-left: 0;
padding-right: 0;
}
[dir=rtl] .Carousel4__viewport {
padding-right: 0;
padding-left: 0;
}
.Carousel4__track {
position: relative;
}
[dir=ltr] .Carousel4__track {
left: -32px;
}
[dir=rtl] .Carousel4__track {
right: -32px;
}
[dir=ltr] .Carousel4__track--ymal {
left: -8px;
}
[dir=rtl] .Carousel4__track--ymal {
right: -8px;
}
[dir=ltr] .Carousel4__track--wiwImageCarouselStyle {
left: -7px;
}
[dir=rtl] .Carousel4__track--wiwImageCarouselStyle {
right: -7px;
}
.Carousel4__ScrollBarWrapper {
width: 100%;
height: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
[dir] .Carousel4__ScrollBarWrapper {
margin: 20px auto;
}
.Carousel4__ScrollBar {
height: 2px;
position: relative;
z-index: 99;
}
[dir] .Carousel4__ScrollBar {
background-color: #cbcbcb;
}
.Carousel4__ScrollThumb {
height: 2px;
z-index: 99;
position: absolute;
top: 0;
}
[dir] .Carousel4__ScrollThumb {
background-color: black;
}
[dir=ltr] .Carousel4__ScrollThumb {
-webkit-transition: left 200ms ease 50ms;
transition: left 200ms ease 50ms;
}
[dir=rtl] .Carousel4__ScrollThumb {
-webkit-transition: right 200ms ease 50ms;
transition: right 200ms ease 50ms;
}
.Carousel4__slide {
height: 100%;
}
[dir] .Carousel4__slide {
padding: 0 16px;
margin: 0;
}
@media (min-width: 768px) {
[dir] .Carousel4__slide {
padding: 0 32px;
}
}
[dir=ltr] .Carousel4__slide--ymal {
padding: 0 0 0 8px;
}
[dir=rtl] .Carousel4__slide--ymal {
padding: 0 8px 0 0;
}
[dir=ltr] .Carousel4__slide--wiwImageCarouselStyle {
padding: 0 0 0 8px;
}
[dir=rtl] .Carousel4__slide--wiwImageCarouselStyle {
padding: 0 8px 0 0;
}
.Carousel4__controls {
display: none;
direction: ltr /*rtl:ignore*/;
}
@media (min-width: 1024px) {
.Carousel4__controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: absolute;
top: -72px;
}
[dir=ltr] .Carousel4__controls {
right: 4px;
}
[dir=rtl] .Carousel4__controls {
left: 4px;
}
}
.Carousel4__controls--wiwImageCarouselStyle {
top: -34px;
}
[dir] .Carousel4__control {
border: 0;
}
.Carousel4__control:disabled {
opacity: 0.4;
}
.Carousel4__control--prev {
margin-right: 4px /*rtl:ignore*/;
}
.Carousel4__control--next {
margin-left: 4px /*rtl:ignore*/;
}
[dir=ltr] .Carousel4__control--wiwImageCarouselStyle {
margin-right: -25px;
}
[dir=rtl] .Carousel4__control--wiwImageCarouselStyle {
margin-left: -25px;
}
.Carousel4__arrow {
width: 32px;
height: 32px;
}
[dir=ltr] .Carousel4__arrow {
margin: 0 4px 4px 0;
}
[dir=rtl] .Carousel4__arrow {
margin: 0 0 4px 4px;
}
.Carousel4__arrow--prev {
opacity: 0.6;
}
[dir] .Carousel4__arrow--prev {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMzIgMHYzMkgwVjB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjEuNzA3IDI4LjM1NEw5LjM1MyAxNiAyMS43MDcgMy42NDZsLjcwNy43MDhMMTAuNzY3IDE2bDExLjY0NyAxMS42NDZ6Ii8+PC9nPjwvc3ZnPg==) no-repeat;
}
.Carousel4__arrow--next {
opacity: 0.6;
}
[dir] .Carousel4__arrow--next {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMzIgMHYzMkgwVjB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTAuMjkzIDI4LjM1NGwtLjcwNy0uNzA4TDIxLjIzMyAxNiA5LjU4NiA0LjM1NGwuNzA3LS43MDhMMjIuNjQ3IDE2eiIvPjwvZz48L3N2Zz4=) no-repeat;
}
.StyledCarousel4__slidesWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.Outfits88__container {
display: -ms-grid;
display: grid;
width: 100%;
-ms-grid-columns: minmax(0, 1fr);
grid-template-columns: minmax(0, 1fr);
grid-template-areas:
'topDivider'
'headerWrapper'
'outfitCarousel'
'productWrapper';
grid-column-gap: 8px;
}
[dir] .Outfits88__container {
margin: auto;
margin-bottom: 32px;
padding: 16px;
}
@media (min-width: 768px) {
.Outfits88__container {
grid-template-rows: auto 1fr;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 24px;
grid-template-areas:
'topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider'
'. . headerWrapper headerWrapper headerWrapper headerWrapper headerWrapper headerWrapper headerWrapper headerWrapper . .'
'. . outfitCarousel outfitCarousel outfitCarousel outfitCarousel outfitCarousel outfitCarousel outfitCarousel outfitCarousel . .'
'. . productWrapper productWrapper productWrapper productWrapper productWrapper productWrapper productWrapper productWrapper . .';
}
[dir] .Outfits88__container {
margin: 0 auto;
padding: 0;
}
}
@media (min-width: 1024px) {
.Outfits88__container {
grid-template-rows: auto 1fr;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 24px;
grid-template-areas:
'topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider'
'headerWrapper headerWrapper headerWrapper headerWrapper headerWrapper . outfitCarousel outfitCarousel outfitCarousel outfitCarousel outfitCarousel outfitCarousel'
'productWrapper productWrapper productWrapper productWrapper productWrapper . outfitCarousel outfitCarousel outfitCarousel outfitCarousel outfitCarousel outfitCarousel';
}
}
@media (min-width: 1280px) {
.Outfits88__container {
grid-template-areas:
'topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider'
'. headerWrapper headerWrapper headerWrapper headerWrapper . outfitCarousel outfitCarousel outfitCarousel outfitCarousel outfitCarousel .'
'. productWrapper productWrapper productWrapper productWrapper . outfitCarousel outfitCarousel outfitCarousel outfitCarousel outfitCarousel .';
}
}
.Outfits88__topDivider {
grid-area: topDivider;
}
[dir] .Outfits88__topDivider {
border-top: solid 1px #cbcbcb;
margin-bottom: 32px;
}
@media (min-width: 768px) {
[dir] .Outfits88__combinedImage {
margin-top: 42px;
}
}
.Outfits88__outfitCarousel {
grid-area: outfitCarousel;
}
@media (min-width: 1024px) {
[dir=ltr] .Outfits88__outfitCarousel {
margin-left: 32px;
}
[dir=rtl] .Outfits88__outfitCarousel {
margin-right: 32px;
}
}
@media (min-width: 1280px) {
[dir=ltr] .Outfits88__outfitCarousel {
margin-left: 0;
}
[dir=rtl] .Outfits88__outfitCarousel {
margin-right: 0;
}
}
.Outfits88__outfitCarouselContent {
position: sticky;
top: 16px;
}
[dir] .Outfits88__outfitCarouselContent {
margin-bottom: 24px;
}
.Outfits88__headerWrapper {
grid-area: headerWrapper;
}
.Outfits88__productWrapper {
width: 100%;
grid-area: productWrapper;
}
[dir] .Outfits88__productWrapper {
margin-bottom: 24px;
}
.Outfits88__header {
font: 12px/16px SackersGothicStd;
text-transform: uppercase;
font-weight: normal;
}
.Outfits88__header:lang(ar) {
font: 18px/26px NeueFrutigerRegular, Sans-Serif;
}
.Outfits88__header:lang(ko) {
font:
12px/16px NotoSansKR,
SackersGothicStd;
font-weight: normal;
}
.Outfits88__header:lang(ja) {
font:
12px/16px NotoSansJP,
SackersGothicStd;
font-weight: bold;
}
[dir] .Outfits88__header {
margin-bottom: 24px;
margin-top: 0;
}
[dir=ltr] .Outfits88__header {
text-align: left;
}
[dir=rtl] .Outfits88__header {
text-align: right;
}
@media (min-width: 768px) {
[dir] .Outfits88__header {
margin-bottom: 64px;
}
}
.Outfits88__paginationWrapper {
display: none;
}
@media (min-width: 1024px) {
.Outfits88__paginationWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
[dir] .Outfits88__paginationWrapper {
margin-bottom: 24px;
}
}
.Outfits88__prev {
height: 16px;
width: 16px;
}
[dir] .Outfits88__prev {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTEuMTQ2IDE1LjM1NEwzLjc5MyA4IDExLjE0Ni42NDZsLjcwOC43MDhMNS4yMDcgOGw2LjY0NyA2LjY0NnoiLz48L2c+PC9zdmc+) no-repeat;
}
[dir] .Outfits88__prev:hover {
cursor: cursor;
}
.Outfits88__prev--disable {
opacity: 0.2;
pointer-events: none;
}
[dir] .Outfits88__prev--disable {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTEuMTQ2IDE1LjM1NEwzLjc5MyA4IDExLjE0Ni42NDZsLjcwOC43MDhMNS4yMDcgOGw2LjY0NyA2LjY0NnoiLz48L2c+PC9zdmc+) no-repeat;
}
[dir] .Outfits88__prev--disable:hover {
cursor: pointer;
}
[dir] .Outfits88__pagination {
margin: 0 8px;
}
.Outfits88__next {
height: 16px;
width: 16px;
}
[dir] .Outfits88__next {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMTZIMFYwaDE2eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQuODUzIDE1LjM1NGwtLjcwNi0uNzA4TDEwLjc5MyA4IDQuMTQ3IDEuMzU0bC43MDYtLjcwOEwxMi4yMDcgOHoiLz48L2c+PC9zdmc+) no-repeat;
}
[dir] .Outfits88__next:hover {
cursor: pointer;
}
.Outfits88__next--disable {
opacity: 0.2;
pointer-events: none;
}
[dir] .Outfits88__next--disable {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMTZIMFYwaDE2eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQuODUzIDE1LjM1NGwtLjcwNi0uNzA4TDEwLjc5MyA4IDQuMTQ3IDEuMzU0bC43MDYtLjcwOEwxMi4yMDcgOHoiLz48L2c+PC9zdmc+) no-repeat;
}
[dir] .Outfits88__next--disable:hover {
cursor: auto;
}
.RecommendationsProducts88 {
display: grid;
width: 100%;
height: auto;
overflow: hidden;
transition: max-height 0.2s cubic-bezier(0, 0, 1, 1);
grid-template-columns: repeat(6, 1fr);
grid-column-gap: 8px;
grid-template-areas:
'topDivider topDivider topDivider topDivider topDivider topDivider'
'sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper';
}
[dir] .RecommendationsProducts88 {
margin: 0;
-webkit-transition: max-height 0.2s cubic-bezier(0, 0, 1, 1);
}
@media (min-width: 768px) {
.RecommendationsProducts88 {
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 24px;
grid-template-areas:
'topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider'
'sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper ';
}
}
@media (min-width: 1024px) {
.RecommendationsProducts88 {
grid-template-areas:
'topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider'
'sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper';
}
}
@media (min-width: 1280px) {
.RecommendationsProducts88 {
grid-template-areas:
'topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider'
' . sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper . ';
}
}
@media (min-width: 768px) {
.RecommendationsProducts88--fullWidth {
grid-template-areas:
'topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider'
'sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper';
}
}
@media (min-width: 1280px) {
.RecommendationsProducts88--fullWidth {
grid-template-areas:
'topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider'
'sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper';
}
}
@media (min-width: 768px) {
.RecommendationsProducts88--quickAdd {
grid-template-areas:
'topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider'
'sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper';
}
}
[dir=ltr] .RecommendationsProducts88--showRecommendations {
-webkit-animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
[dir=rtl] .RecommendationsProducts88--showRecommendations {
-webkit-animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeIn 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
@media (min-width: 768px) {
.RecommendationsProducts88--showRecommendations {
max-height: 900px;
}
}
@media (min-width: 1024px) {
.RecommendationsProducts88--showRecommendations {
max-height: 700px;
}
}
@media (min-width: 1280px) {
.RecommendationsProducts88--showRecommendations {
max-height: 800px;
}
}
@media (min-width: 2450px) {
.RecommendationsProducts88--showRecommendations {
max-height: 900px;
}
}
.RecommendationsProducts88--reducedMode {
max-height: none;
max-height: initial;
}
@media (min-width: 1280px) {
.RecommendationsProducts88--reducedMode {
grid-template-areas:
'topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider'
'sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper';
}
[dir=ltr] .RecommendationsProducts88--reducedMode {
padding-left: 8px;
}
[dir=rtl] .RecommendationsProducts88--reducedMode {
padding-right: 8px;
}
}
.RecommendationsProducts88--hideRecommendations {
max-height: 0px;
}
[dir=ltr] .RecommendationsProducts88--hideRecommendations {
-webkit-animation: fadeOut 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeOut 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
[dir=rtl] .RecommendationsProducts88--hideRecommendations {
-webkit-animation: fadeOut 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
animation: fadeOut 0.2s cubic-bezier(0, 0, 1, 1) 0s both;
}
.RecommendationsProducts88__topDivider {
grid-area: topDivider;
}
[dir] .RecommendationsProducts88__topDivider {
border-top: solid 1px #cbcbcb;
margin-bottom: 32px;
}
[dir] .RecommendationsProducts88__topDivider--reducedMode {
border-top: 0;
margin-bottom: 0;
}
@media (min-width: 1024px) {
[dir] .RecommendationsProducts88__topDivider--reducedMode {
margin-bottom: 32px;
}
}
.RecommendationsProducts88__sectionWrapper {
grid-area: sectionWrapper;
color: #000;
}
[dir] .RecommendationsProducts88__sectionWrapper {
text-align: center;
}
@media (min-width: 1024px) {
[dir] .RecommendationsProducts88__sectionWrapper {
margin-bottom: 64px;
}
}
[dir] .RecommendationsProducts88__sectionWrapper--reducedMode {
margin-bottom: 0;
}
.RecommendationsProducts88__header {
font: 12px/16px SackersGothicStd;
text-transform: uppercase;
font-weight: normal;
}
.RecommendationsProducts88__header:lang(ar) {
font: 18px/26px NeueFrutigerRegular, Sans-Serif;
}
.RecommendationsProducts88__header:lang(ko) {
font:
12px/16px NotoSansKR,
SackersGothicStd;
font-weight: normal;
}
.RecommendationsProducts88__header:lang(ja) {
font:
12px/16px NotoSansJP,
SackersGothicStd;
font-weight: bold;
}
.RecommendationsProducts88__header {
text-transform: uppercase;
}
[dir] .RecommendationsProducts88__header {
margin: 0;
margin-bottom: 40px;
}
[dir=ltr] .RecommendationsProducts88__header {
text-align: left;
}
[dir=rtl] .RecommendationsProducts88__header {
text-align: right;
}
.RecommendationsProducts88__header:lang(ja) {
font-weight: 500;
}
[dir] .RecommendationsProducts88__header--reducedMode {
margin-top: 16px;
margin-bottom: 16px;
}
[dir=ltr] .RecommendationsProducts88__header--reducedMode {
margin-left: 0;
}
[dir=rtl] .RecommendationsProducts88__header--reducedMode {
margin-right: 0;
}
@media (min-width: 768px) {
[dir=ltr] .RecommendationsProducts88__header--reducedMode {
margin-left: 8px;
}
[dir=rtl] .RecommendationsProducts88__header--reducedMode {
margin-right: 8px;
}
}
@media (min-width: 1280px) {
[dir] .RecommendationsProducts88__header--reducedMode {
margin-bottom: 40px;
}
[dir=ltr] .RecommendationsProducts88__header--reducedMode {
margin-left: 0;
}
[dir=rtl] .RecommendationsProducts88__header--reducedMode {
margin-right: 0;
}
}
.RecommendationsProducts88__products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
@media (min-width: 768px) {
[dir] .RecommendationsProducts88__products {
padding: 0 8px;
}
}
@media (min-width: 1280px) {
[dir] .RecommendationsProducts88__products {
padding: 0px;
}
}
.RecommendationsProducts88__buttonContainer {
position: absolute;
top: 0;
}
[dir=ltr] .RecommendationsProducts88__buttonContainer {
right: 0;
}
[dir=rtl] .RecommendationsProducts88__buttonContainer {
left: 0;
}
.RecommendationsProducts88__removeButton {
position: absolute;
top: 8px;
z-index: 1;
width: 32px;
height: 32px;
outline: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
[dir] .RecommendationsProducts88__removeButton {
border: none;
cursor: pointer;
border-radius: 20px;
background-color: rgba(255, 255, 255, 0.50196);
}
[dir=ltr] .RecommendationsProducts88__removeButton {
right: 8px;
}
[dir=rtl] .RecommendationsProducts88__removeButton {
left: 8px;
}
.RecommendationsProducts88__removeButton::after {
content: '';
display: block;
width: 16px;
height: 16px;
}
[dir] .RecommendationsProducts88__removeButton::after {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTYgMHYxNkgwVjB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTQuMzU0IDIuMzUzbC0uNzA4LS43MDdMOCA3LjI5MyAyLjM1MyAxLjY0NmwtLjcwNy43MDdMNy4yOTMgOGwtNS42NDcgNS42NDYuNzA3LjcwOEw4IDguNzA3bDUuNjQ2IDUuNjQ3LjcwOC0uNzA4TDguNzA3IDh6Ii8+PC9nPjwvc3ZnPg==) no-repeat;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.RecommendationsProducts88__removeButton:hover::after {
opacity: 0.5;
}
.RecommendationsProducts88__product {
position: relative;
width: calc(50% - 32px);
color: #000;
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
[dir] .RecommendationsProducts88__product {
margin-bottom: 64px;
}
[dir=ltr] .RecommendationsProducts88__product {
margin-right: 8px;
}
[dir=rtl] .RecommendationsProducts88__product {
margin-left: 8px;
}
.RecommendationsProducts88__product:lang(ar) {
font: 20px/26px Amariya;
}
.RecommendationsProducts88__product:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.RecommendationsProducts88__product:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
@media (min-width: 768px) {
.RecommendationsProducts88__product {
width: calc(33% - 48px);
}
[dir] .RecommendationsProducts88__product {
margin-bottom: 64px;
}
[dir=ltr] .RecommendationsProducts88__product {
margin-right: 8px;
}
[dir=rtl] .RecommendationsProducts88__product {
margin-left: 8px;
}
}
@media (min-width: 1024px) {
.RecommendationsProducts88__product {
width: calc(25% - 48px);
}
[dir=ltr] .RecommendationsProducts88__product {
margin-right: 8px;
}
[dir=rtl] .RecommendationsProducts88__product {
margin-left: 8px;
}
}
@media (min-width: 1280px) {
.RecommendationsProducts88__product {
width: calc(25% - 36px);
}
[dir=ltr] .RecommendationsProducts88__product:first-child {
margin-left: 0px;
}
[dir=rtl] .RecommendationsProducts88__product:first-child {
margin-right: 0px;
}
[dir=ltr] .RecommendationsProducts88__product:last-child {
margin-right: 0px;
}
[dir=rtl] .RecommendationsProducts88__product:last-child {
margin-left: 0px;
}
}
[dir] .RecommendationsProducts88__product.isWithAddToBag {
margin-bottom: 32px;
}
.RecommendationsProducts88__product--landscape {
width: 100%;
display: block;
}
[dir] .RecommendationsProducts88__product--landscape {
margin: 0;
margin-bottom: 16px;
}
@media (min-width: 768px) {
.RecommendationsProducts88__product--landscape {
display: block;
width: 100%;
}
[dir] .RecommendationsProducts88__product--landscape {
margin: 0;
margin-bottom: 32px;
}
}
@media (min-width: 1280px) {
.RecommendationsProducts88__product--landscape {
width: 100%;
}
}
.RecommendationsProducts88__product--reducedMode {
width: calc(50% - 12px);
}
[dir=ltr] .RecommendationsProducts88__product--reducedMode:nth-child(odd) {
margin: 0 24px 24px 0;
}
[dir=rtl] .RecommendationsProducts88__product--reducedMode:nth-child(odd) {
margin: 0 0 24px 24px;
}
[dir] .RecommendationsProducts88__product--reducedMode:nth-child(even) {
margin: 0 0 40px 0;
}
@media (min-width: 768px) {
.RecommendationsProducts88__product--reducedMode {
width: calc(25% - 24px);
}
[dir=ltr] .RecommendationsProducts88__product--reducedMode:nth-child(even), [dir=ltr] .RecommendationsProducts88__product--reducedMode:nth-child(odd) {
margin: 0 24px 24px 0;
}
[dir=rtl] .RecommendationsProducts88__product--reducedMode:nth-child(even), [dir=rtl] .RecommendationsProducts88__product--reducedMode:nth-child(odd) {
margin: 0 0 24px 24px;
}
}
@media (min-width: 1024px) {
.RecommendationsProducts88__product--reducedMode {
width: calc(20% - 24px);
}
[dir=ltr] .RecommendationsProducts88__product--reducedMode:nth-child(even), [dir=ltr] .RecommendationsProducts88__product--reducedMode:nth-child(odd) {
margin: 0 24px 56px 0;
}
[dir=rtl] .RecommendationsProducts88__product--reducedMode:nth-child(even), [dir=rtl] .RecommendationsProducts88__product--reducedMode:nth-child(odd) {
margin: 0 0 56px 24px;
}
}
.RecommendationsProducts88__controls--arrow-prev {
@apply --arrow-left--black;
}
[dir] .RecommendationsProducts88__controls--arrow-prev {
background-position: center;
}
[dir=ltr] .RecommendationsProducts88__controls--arrow-prev {
-webkit-transform: scaleX(1)
/*rtl:scaleX(-1)*/
;
transform: scaleX(1)
/*rtl:scaleX(-1)*/
;
}
[dir=rtl] .RecommendationsProducts88__controls--arrow-prev {
-webkit-transform: scaleX(1)
;
transform: scaleX(1)
;
}
.RecommendationsProducts88__controls--arrow-next {
@apply --arrow-right--black;
}
[dir] .RecommendationsProducts88__controls--arrow-next {
background-position: center;
}
[dir=ltr] .RecommendationsProducts88__controls--arrow-next {
-webkit-transform: scaleX(1)
/*rtl:scaleX(-1)*/
;
transform: scaleX(1)
/*rtl:scaleX(-1)*/
;
}
[dir=rtl] .RecommendationsProducts88__controls--arrow-next {
-webkit-transform: scaleX(1)
;
transform: scaleX(1)
;
}
[dir] .RecommendationsProducts88__designer {
margin-top: 24px;
margin-bottom: 0px;
}
.RecommendationsProducts88__addToBagBtn {
min-width: auto;
}
[dir] .RecommendationsProducts88__addToBagBtn {
padding: calc(8px + 2) 16px;
}
[dir] .WishlistRecommendations0__loading {
text-align: center;
margin: 168px auto;
}
[dir] .WishlistRecommendations0__recommendationsWrapper div[class*='topDivider'] {
border: none;
}
[dir] .WishlistRecommendations0__recommendationsWrapper section {
padding-top: 40px;
margin-bottom: 24px;
}
[dir=ltr] .WishlistRecommendations0__recommendationsWrapper h3 {
margin-left: 16px;
}
[dir=rtl] .WishlistRecommendations0__recommendationsWrapper h3 {
margin-right: 16px;
}
[dir=ltr] .WishlistRecommendations0__recommendationsWrapper ul[class^='Carousel'] {
left: 16px;
}
[dir=rtl] .WishlistRecommendations0__recommendationsWrapper ul[class^='Carousel'] {
right: 16px;
}
[dir=ltr] .WishlistRecommendations0__recommendationsWrapper li {
padding: 0 24px 0 0;
}
[dir=rtl] .WishlistRecommendations0__recommendationsWrapper li {
padding: 0 0 0 24px;
}
@media (min-width: 768px) {
.WishlistRecommendations0__recommendationsWrapper div[class^='RecommendationsProducts'] {
grid-template-areas:
'topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider topDivider'
'sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper sectionWrapper';
}
}
.WishlistRecommendations0__recommendationsWrapper div[class^='PriceWithSchema'] {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.WishlistRecommendations0__recommendationsWrapper div[class*='discountContainer'] {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 768px) {
.WishlistRecommendations0__recommendationsWrapper div[class*='discountContainer'] {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (min-width: 1024px) {
[dir=ltr] .WishlistRecommendations0__recommendationsWrapper h3 {
margin-left: 24px;
}
[dir=rtl] .WishlistRecommendations0__recommendationsWrapper h3 {
margin-right: 24px;
}
}
.WishlistRecommendations0__noRecommendationsMessage {
font: 14px/18px SackersGothicStd;
text-transform: uppercase;
font-weight: normal;
}
.WishlistRecommendations0__noRecommendationsMessage:lang(ar) {
font: 20px/30px NeueFrutigerRegular, Sans-Serif;
}
.WishlistRecommendations0__noRecommendationsMessage:lang(ko) {
font:
14px/18px NotoSansKR,
SackersGothicStd;
font-weight: normal;
}
.WishlistRecommendations0__noRecommendationsMessage:lang(ja) {
font:
14px/20px NotoSansJP,
SackersGothicStd;
font-weight: bold;
}
[dir] .WishlistRecommendations0__noRecommendationsMessage {
text-align: center;
margin: 168px auto;
}
@media (min-width: 0px) and (max-width: 767px) {
[dir] .WishlistRecommendations0__noRecommendationsMessage {
margin: 80px auto;
}
}
.ErrorPage6 {
display: grid;
min-height: calc(100vh - 152px);
/*height minus all above sections height*/
}
@media (min-width: 1024px) {
.ErrorPage6 {
min-height: calc(100vh - 160px);/*
height minus all above sections height
*/
}
}
.ErrorPage6__container {
-ms-flex-item-align: center;
align-self: center;
}
[dir] .ErrorPage6__container {
text-align: center;
}
.ErrorPage6__title {
font: 20px/24px Georgia;
font-weight: normal;
}
.ErrorPage6__title:lang(ar) {
font: 24px/24px Amariya;
}
.ErrorPage6__title:lang(ko) {
font:
20px/24px NotoSansKR,
Georgia;
}
.ErrorPage6__title:lang(ja) {
font:
19px/22px NotoSansJP,
Georgia;
font-weight: 500;
}
@media (min-width: 1024px) {
.ErrorPage6__title {
font-size: 24px;
line-height: 30px;
}
.ErrorPage6__title:lang(ar) {
font-size: 30px;
line-height: 30px;
}
.ErrorPage6__title:lang(ko) {
font-size: 24px;
line-height: 30px;
}
}
[dir] .ErrorPage6__title {
margin-top: 24px;
margin-bottom: 16px;
}
@media (min-width: 1024px) {
[dir] .ErrorPage6__title {
margin-top: 16px;
}
}
.ErrorPage6__details {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.ErrorPage6__details:lang(ar) {
font: 20px/26px Amariya;
}
.ErrorPage6__details:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.ErrorPage6__details:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.ErrorPage6__link {
color: #656565;
}
[dir] .ErrorPage6__link {
border-bottom: 1px solid #838383;
}
.ErrorPage6__link:hover {
color: #656565;
}
[dir] .ErrorPage6__link:hover {
border-color: #656565;
}
.ErrorPage6__link:active {
color: #656565;
}
[dir] .ErrorPage6__link:active {
border-color: #656565;
}
.ErrorPage6__link {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.ErrorPage6__link:lang(ar) {
font: 20px/26px Amariya;
}
.ErrorPage6__link:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.ErrorPage6__link:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.ErrorPage6__link {
display: inline-block;
}
[dir] .ErrorPage6__link {
cursor: pointer;
}
.ErrorBoundary6 {
max-width: 1440px;
}
[dir] .ErrorBoundary6 {
margin: auto;
padding: 24px 8px 16px;
}
main {
max-width: none !important;
-webkit-transform: none !important;
will-change: auto !important;
}
[dir] main {
transform: none !important;
}
.wishlist-container {
position: relative;
}
.whishlistNotification__action {
font: 14px/18px Georgia;
letter-spacing: 0.2px;
font-weight: normal;
}
.whishlistNotification__action:lang(ar) {
font: 20px/26px Amariya;
}
.whishlistNotification__action:lang(ko) {
font:
14px/18px NotoSansKR,
Georgia;
}
.whishlistNotification__action:lang(ja) {
font:
15px/20px NotoSansJP,
Georgia;
font-weight: normal;
}
.whishlistNotification__action {
color: #000;
}
[dir] .whishlistNotification__action {
cursor: pointer;
border-bottom: 1px solid #000;
}
[dir=ltr] .whishlistNotification__action {
margin-left: 8px;
}
[dir=rtl] .whishlistNotification__action {
margin-right: 8px;
}
[dir=ltr] .whishlistNotification:lang(ar) {
background-position: left 10px top 14px;
}
[dir=rtl] .whishlistNotification:lang(ar) {
background-position: right 10px top 14px;
}
/*# sourceMappingURL=mrp-108ebb0e.css.map*/