@-webkit-keyframes circleTransform {
0% {
stroke-dasharray: 120;
stroke-dashoffset: 120
}
to {
stroke-dasharray: 120;
stroke-dashoffset: 0
}
}
@-moz-keyframes circleTransform {
0% {
stroke-dasharray: 120;
stroke-dashoffset: 120
}
to {
stroke-dasharray: 120;
stroke-dashoffset: 0
}
}
@-o-keyframes circleTransform {
0% {
stroke-dasharray: 120;
stroke-dashoffset: 120
}
to {
stroke-dasharray: 120;
stroke-dashoffset: 0
}
}
@keyframes circleTransform {
0% {
stroke-dasharray: 120;
stroke-dashoffset: 120
}
to {
stroke-dasharray: 120;
stroke-dashoffset: 0
}
}
@-webkit-keyframes hookmarkTransform {
0% {
stroke-dasharray: 100 100;
stroke-dashoffset: 100
}
to {
stroke-dasharray: 100 100;
stroke-dashoffset: 0
}
}
@-moz-keyframes hookmarkTransform {
0% {
stroke-dasharray: 100 100;
stroke-dashoffset: 100
}
to {
stroke-dasharray: 100 100;
stroke-dashoffset: 0
}
}
@-o-keyframes hookmarkTransform {
0% {
stroke-dasharray: 100 100;
stroke-dashoffset: 100
}
to {
stroke-dasharray: 100 100;
stroke-dashoffset: 0
}
}
@keyframes hookmarkTransform {
0% {
stroke-dasharray: 100 100;
stroke-dashoffset: 100
}
to {
stroke-dasharray: 100 100;
stroke-dashoffset: 0
}
}
@-webkit-keyframes mp-circular {
0% {
stroke-dasharray: 1,200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 90,150;
stroke-dashoffset: -40
}
to {
stroke-dasharray: 90,150;
stroke-dashoffset: -120
}
}
@-moz-keyframes mp-circular {
0% {
stroke-dasharray: 1,200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 90,150;
stroke-dashoffset: -40
}
to {
stroke-dasharray: 90,150;
stroke-dashoffset: -120
}
}
@-o-keyframes mp-circular {
0% {
stroke-dasharray: 1,200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 90,150;
stroke-dashoffset: -40
}
to {
stroke-dasharray: 90,150;
stroke-dashoffset: -120
}
}
@keyframes mp-circular {
0% {
stroke-dasharray: 1,200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 90,150;
stroke-dashoffset: -40
}
to {
stroke-dasharray: 90,150;
stroke-dashoffset: -120
}
}
@-webkit-keyframes mp-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-moz-keyframes mp-rotate {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-moz-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-o-keyframes mp-rotate {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-o-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes mp-rotate {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
-moz-transform: rotate(1turn);
-o-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-webkit-keyframes btn-sweep {
to {
left: -200%
}
}
@-moz-keyframes btn-sweep {
to {
left: -200%
}
}
@-o-keyframes btn-sweep {
to {
left: -200%
}
}
@-webkit-keyframes btn-loading {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-moz-keyframes btn-loading {
0% {
-moz-transform: rotate(0);
transform: rotate(0)
}
to {
-moz-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-o-keyframes btn-loading {
0% {
-o-transform: rotate(0);
transform: rotate(0)
}
to {
-o-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-webkit-keyframes btn-loading-sm {
0% {
-webkit-transform: rotate(0) scale(.8);
transform: rotate(0) scale(.8)
}
to {
-webkit-transform: rotate(1turn) scale(.8);
transform: rotate(1turn) scale(.8)
}
}
@-moz-keyframes btn-loading-sm {
0% {
-moz-transform: rotate(0) scale(.8);
transform: rotate(0) scale(.8)
}
to {
-moz-transform: rotate(1turn) scale(.8);
transform: rotate(1turn) scale(.8)
}
}
@-o-keyframes btn-loading-sm {
0% {
-o-transform: rotate(0) scale(.8);
transform: rotate(0) scale(.8)
}
to {
-o-transform: rotate(1turn) scale(.8);
transform: rotate(1turn) scale(.8)
}
}
.customer-sign-in-container:not(.show-loading) .sign-in--loading {
display: none
}
.sign-in__has-registered {
color: #f04949
}
.sign-in__from_confirm_email, .sign-in__has-registered {
display: none;
font-size: 12px;
line-height: 16px;
margin-bottom: 16px;
text-align: center
}
.sign-in__from_confirm_email {
color: #000
}
.sign-in__buttons {
-webkit-box-pack: justify;
-moz-box-pack: justify;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 16px
}
.sign-in__buttons > a {
text-decoration: underline
}
.sign-in__buttons > a, .sign-in__buttons > a:hover {
color: #276EAF;
}
.sign-in__buttons > a:hover {
text-decoration: none
}
.sign-in__third {
margin-top: 28px
}
.sign-in__third-buttons {
margin-top: 28px;
text-align: center
}
.sign-in__third-buttons .sign-in__third-button {
border: 1px solid rgba(142, 142, 142, 0.3);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
font-size: 0;
margin-left: 24px;
padding: 12px
}
.sign-in__third-buttons .sign-in__third-button:first-child {
margin-left: 0
}
.sign-in__divid {
line-height: 24px;
margin-bottom: 26px;
position: relative;
text-align: center
}
.sign-in__divid:before {
background-color: rgba(142, 142, 142, 0.3);
content: "";
display: block;
height: 1px;
left: 0;
position: absolute;
top: 50%;
width: 100%;
z-index: 1
}
.sign-in__divid > span {
background-color: #FFFFFF;
color: rgba(44, 44, 44, 0.6);
display: inline-block;
padding: 0 18px;
position: relative;
word-break: break-word;
z-index: 2
}
.sign-in__guest {
margin-top: 62px
}
.sign-in--loading {
height: 50vh;
line-height: 50vh;
text-align: center
}
.sign-in--loading svg {
-webkit-animation: loading .8s infinite linear;
-moz-animation: loading .8s infinite linear;
-o-animation: loading .8s infinite linear;
animation: loading .8s infinite linear
}
.sl-input {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
background-color: #FFFFFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #2c2c2c;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
font-size: 14px;
-webkit-justify-content: space-between;
justify-content: space-between;
line-height: 1.4;
position: relative;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
width: 100%
}
.sl-input:after {
border: 1px solid rgba(142, 142, 142, 0.3);
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
-webkit-transition: border-color .3s;
-o-transition: border-color .3s;
-moz-transition: border-color .3s;
transition: border-color .3s;
z-index: 1
}
.sl-input__area input, .sl-input__area select, .sl-input__area textarea {
background: none;
border: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
color: #2c2c2c;
height: 48px;
line-height: 1.15;
padding: 24px 16px 8px;
width: 100%
}
.sl-input__area input::-ms-clear, .sl-input__area input::-ms-reveal, .sl-input__area select::-ms-clear, .sl-input__area select::-ms-reveal, .sl-input__area textarea::-ms-clear, .sl-input__area textarea::-ms-reveal {
display: none
}
.sl-input__area input:-webkit-autofill {
-webkit-text-fill-color: #2c2c2c;
-webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important;
}
.sl-input input[type=password] {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 16px
}
.sl-input__inpEle:not(:-moz-placeholder-shown) + .placeholder, .sl-input__selectEle:not(:-moz-placeholder-shown) + .placeholder {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: block;
overflow: hidden;
text-overflow: ellipsis;
-moz-transform: scale(.8) translateY(-100%);
transform: scale(.8) translateY(-100%);
white-space: nowrap;
width: 100%;
word-break: normal
}
.sl-input:focus-within .placeholder, .sl-input__area .placeholder.active, .sl-input__inpEle:not(:placeholder-shown) + .placeholder, .sl-input__selectEle:not(:placeholder-shown) + .placeholder {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: block;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-transform: scale(.8) translateY(-100%);
-moz-transform: scale(.8) translateY(-100%);
-o-transform: scale(.8) translateY(-100%);
transform: scale(.8) translateY(-100%);
white-space: nowrap;
width: 100%;
word-break: normal
}
.sl-input input:focus, .sl-input textarea:focus {
outline: 0
}
.sl-input:focus-within:after, .sl-input:focus:after {
border-color: #2c2c2c;
border-width: 2px
}
.sl-input.is-focus:after, .sl-input:focus-within:after, .sl-input:focus:after {
border-width: 2px
}
.sl-input.is-disabled {
cursor: not-allowed
}
.sl-input.is-disabled input, .sl-input.is-disabled select, .sl-input.is-disabled textarea {
background-color: rgba(44,44,44,.06) !important;
border-color: #d8d8d8 !important;
color: rgba(44,44,44,.4);
cursor: not-allowed;
pointer-events: none
}
.sl-input__area {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex: 1;
flex: 1;
position: relative
}
.sl-input .sl-input__area select {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
padding-right: 30px;
position: relative
}
.sl-input__area input::-webkit-input-placeholder, .sl-input__area textarea::-webkit-input-placeholder {
font-size: 0
}
.sl-input__area input:-moz-placeholder, .sl-input__area input::-moz-placeholder, .sl-input__area textarea:-moz-placeholder, .sl-input__area textarea::-moz-placeholder {
font-size: 0
}
.sl-input__area input::-ms-input-placeholder, .sl-input__area textarea::-ms-input-placeholder {
font-size: 0
}
.sl-input__area input::placeholder, .sl-input__area textarea::placeholder {
font-size: 0
}
.sl-input__area .placeholder {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
color: rgba(44, 44, 44, 0.6);
display: -webkit-box;
left: 16px;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: -o-transform .3s ease;
-moz-transition: transform .3s ease,-moz-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease,-o-transform .3s ease;
width: 100%;
word-break: break-word;
z-index: 4
}
.sl-input__addonAfter {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
height: 100%;
position: absolute;
right: 6px;
z-index: 1
}
.sl-input__addonAfter, .sl-input__suffix {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
.sl-input__suffix {
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin-right: 10px;
padding: 6px
}
.code-select__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
padding: 0 16px 0 8px;
position: relative
}
.code-select__container.active svg {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
.code-select__container:before {
border-left: 1px solid rgba(142, 142, 142, 0.3);
content: " "
}
.code-select__container .code-select__value {
padding-right: 4px
}
.code-select__container .code-select__value-wrapper {
line-height: 30px;
padding-left: 16px
}
.code-select__container > select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0
}
@keyframes btn-sweep {
to {
left: -200%
}
}
@keyframes btn-loading {
0% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(1turn);
-moz-transform: rotate(1turn);
-o-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes btn-loading-sm {
0% {
-webkit-transform: rotate(0) scale(.8);
-moz-transform: rotate(0) scale(.8);
-o-transform: rotate(0) scale(.8);
transform: rotate(0) scale(.8)
}
to {
-webkit-transform: rotate(1turn) scale(.8);
-moz-transform: rotate(1turn) scale(.8);
-o-transform: rotate(1turn) scale(.8);
transform: rotate(1turn) scale(.8)
}
}
.sl-btn {
background-color: transparent;
border: 1px solid transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: 700;
letter-spacing: .3em;
line-height: 1.6;
padding: 13px 23px;
position: relative;
text-align: center;
-webkit-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;
-moz-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: middle;
white-space: normal
}
.sl-btn--ghost {
background: transparent !important;
border-color: #276EAF !important;
color: #276EAF !important;
}
.sl-btn.btn-primary {
font-size: get-body-size(5,sm);
overflow: hidden;
text-transform: uppercase;
-webkit-transition: color .5s ease;
-o-transition: color .5s ease;
-moz-transition: color .5s ease;
transition: color .5s ease
}
.sl-btn.btn-primary, .sl-btn.btn-primary.active, .sl-btn.btn-primary.disabled, .sl-btn.btn-primary:active, .sl-btn.btn-primary:disabled, .sl-btn.btn-primary:focus, .sl-btn.btn-primary:hover {
background-color: #276EAF;
border-color: #276EAF;
color: #ffffff;
}
.sl-btn.col-24 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%
}
.sl-checkbox {
-webkit-font-feature-settings: "tnum";
-moz-font-feature-settings: "tnum";
font-feature-settings: "tnum";
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
line-height: 1;
list-style: none;
margin: 0;
outline: none;
padding: 0;
position: relative;
top: .2em;
white-space: nowrap
}
.sl-checkbox + span {
padding-left: 8px;
padding-right: 8px
}
.sl-checkbox__wrapper {
-webkit-font-feature-settings: "tnum";
-moz-font-feature-settings: "tnum";
font-feature-settings: "tnum";
-webkit-box-align: baseline;
-moz-box-align: baseline;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: inline-flex;
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
line-height: unset;
list-style: none;
margin: 0;
padding: 0
}
.sl-checkbox__input {
-webkit-appearance: auto;
cursor: pointer;
height: 100%;
inset: 0;
opacity: 0;
position: absolute;
width: 100%;
z-index: 1
}
.sl-checkbox__input:checked + .sl-checkbox__inner {
background-color: #276EAF;
border-color: #276EAF;
}
.sl-checkbox__input:checked + .sl-checkbox__inner:after {
border: 2px solid #fff;
border-left: 0;
border-top: 0;
content: " ";
display: table;
opacity: 1;
position: absolute;
-webkit-transform: rotate(45deg) scale(1) translate(-50%,-50%);
-moz-transform: rotate(45deg) scale(1) translate(-50%,-50%);
-o-transform: rotate(45deg) scale(1) translate(-50%,-50%);
transform: rotate(45deg) scale(1) translate(-50%,-50%);
-webkit-transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
-o-transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
-moz-transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s
}
.sl-checkbox__inner {
border: 1px solid rgba(142, 142, 142, 0.3);
border-collapse: separate;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
direction: ltr;
display: block;
height: 16px;
left: 0;
position: relative;
top: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
width: 16px
}
.sl-checkbox__inner:after {
border: 2px solid #fff;
border-left: 0;
border-top: 0;
content: " ";
display: table;
height: 9.14285714px;
left: 21.5%;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transform: rotate(45deg) scale(0) translate(-50%,-50%);
-moz-transform: rotate(45deg) scale(0) translate(-50%,-50%);
-o-transform: rotate(45deg) scale(0) translate(-50%,-50%);
transform: rotate(45deg) scale(0) translate(-50%,-50%);
-webkit-transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
-o-transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
-moz-transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
width: 5.71428571px
}
.customer {
margin: 120px auto;
width: 430px
}
.customer__title {
color: #2c2c2c;
font-size: 24px;
font-weight: 700;
line-height: 1.4;
margin-bottom: 32px;
margin-top: 0;
text-align: center;
text-transform: uppercase
}
.customer__tips {
font-size: 12px;
line-height: 20px;
margin: 32px 0 16px;
text-align: center
}
.customer__form-item {
margin-top: 16px
}
.customer__form-item--send {
-webkit-font-feature-settings: "tnum";
-moz-font-feature-settings: "tnum";
font-feature-settings: "tnum";
color: #276EAF;
font-size: 14px;
font-variant-numeric: tabular-nums;
padding: 0
}
@media(min-width:768px) {
.customer__form-item--send {
font-size: 14px
}
}
.customer__form-item--send:focus, .customer__form-item--send:hover {
color: #276EAF;
}
.customer__form-item--send:before, .customer__form-item--send:not(.btn--loading):after {
display: none
}
.customer__form-nickname {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 20px;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 16px
}
.customer__form-nickname > .customer__form-item {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
flex: 1;
margin-top: 0
}
.customer__form-nickname .sl-input__suffix {
display: none
}
.customer__error {
color: #f04949;
display: none;
font-size: 12px;
line-height: 16px;
margin-top: 8px
}
.customer__footer-link {
color: #276EAF;
margin-bottom: 46px;
margin-top: 28px
}
.customer--link {
text-decoration: underline
}
.customer--link:hover {
text-decoration: none
}
.customer .hide {
display: none !important
}
.customer .errClass .sl-input:after {
border-color: #f04949
}
.customer input:-webkit-autofill {
-webkit-text-fill-color: #2c2c2c;
-webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important;
}
@media screen and (max-width:750px) {
.customer {
padding: 0 20px;
width: 100%
}
}
.sl-picker {
border: 1px solid rgba(142, 142, 142, 0.3);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: inline-flex;
margin: 0;
padding: 4px 11px 4px 0;
position: relative;
-webkit-transition: border .3s,-webkit-box-shadow .3s;
transition: border .3s,-webkit-box-shadow .3s;
-o-transition: border .3s,box-shadow .3s;
-moz-transition: border .3s,box-shadow .3s,-moz-box-shadow .3s;
transition: border .3s,box-shadow .3s;
transition: border .3s,box-shadow .3s,-webkit-box-shadow .3s,-moz-box-shadow .3s
}
.sl-picker:hover {
border-color: #276EAF;
}
.sl-picker-input {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: inline-flex;
position: relative;
width: 100%
}
.sl-picker-input > input {
-webkit-box-flex: 1;
-moz-box-flex: 1;
background-image: none;
background: transparent;
border: 0;
color: #2c2c2c;
display: inline-block;
-webkit-flex: auto;
flex: auto;
height: auto;
min-width: 1px;
padding: 0 0 0 11px;
position: relative;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
width: 100%
}
.sl-picker-input > input::-moz-placeholder {
opacity: 1
}
.sl-picker-input > input::-webkit-input-placeholder {
color: rgba(44, 44, 44, 0.6);
}
.sl-picker-input > input::-ms-input-placeholder {
color: rgba(44, 44, 44, 0.6);
}
.sl-picker-input > input:-moz-placeholder {
color: rgba(44, 44, 44, 0.6);
}
.sl-picker-input > input::placeholder {
color: rgba(44, 44, 44, 0.6);
}
.sl-picker-input > input:-moz-placeholder-shown {
text-overflow: ellipsis
}
.sl-picker-input > input:placeholder-shown {
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.sl-picker-suffix {
-webkit-align-self: center;
align-self: center;
color: rgba(44, 44, 44, 0.6);
line-height: 1;
margin-left: 4px;
pointer-events: none
}
.sl-picker-suffix > * {
vertical-align: top
}
.sl-select {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
background-color: #FFFFFF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #2c2c2c;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
font-size: 14px;
-webkit-justify-content: space-between;
justify-content: space-between;
line-height: 1.4;
position: relative;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
width: 100%
}
.sl-select:after {
border: 1px solid rgba(142, 142, 142, 0.3);
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
-webkit-transition: border-color .3s;
-o-transition: border-color .3s;
-moz-transition: border-color .3s;
transition: border-color .3s;
z-index: 1
}
.sl-select__area select {
background: none;
border: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
color: #2c2c2c;
height: 48px;
line-height: 1.15;
padding: 24px 16px 8px;
width: 100%
}
.sl-select__area select::-ms-clear, .sl-select__area select::-ms-reveal {
display: none
}
.sl-select__area input:-webkit-autofill {
-webkit-text-fill-color: #2c2c2c;
-webkit-box-shadow: 0 0 0 1000px #FFFFFF inset !important;
}
.sl-select select {
border: none;
width: 100%
}
.sl-select__inpEle:not(:-moz-placeholder-shown) + .placeholder, .sl-select__selectEle:not(:-moz-placeholder-shown) + .placeholder {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: block;
overflow: hidden;
text-overflow: ellipsis;
-moz-transform: scale(.8) translateY(-100%);
transform: scale(.8) translateY(-100%);
white-space: nowrap;
width: 100%;
word-break: normal
}
.sl-select:focus-within .placeholder, .sl-select__area .placeholder.active, .sl-select__inpEle:not(:placeholder-shown) + .placeholder, .sl-select__selectEle:not(:placeholder-shown) + .placeholder {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: block;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-transform: scale(.8) translateY(-100%);
-moz-transform: scale(.8) translateY(-100%);
-o-transform: scale(.8) translateY(-100%);
transform: scale(.8) translateY(-100%);
white-space: nowrap;
width: 100%;
word-break: normal
}
.sl-select input:focus, .sl-select textarea:focus {
outline: 0
}
.sl-select:focus-within:after, .sl-select:focus:after {
border-color: #2c2c2c;
border-width: 2px
}
.sl-select.is-focus:after, .sl-select:focus-within:after, .sl-select:focus:after {
border-width: 2px
}
.sl-select.is-disabled {
cursor: not-allowed
}
.sl-select.is-disabled select {
background-color: rgba(44,44,44,.06) !important;
border-color: #d8d8d8 !important;
color: rgba(44,44,44,.4);
cursor: not-allowed;
pointer-events: none
}
.sl-select__area {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex: 1;
flex: 1;
position: relative
}
.sl-select .sl-select__area select {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
padding-right: 30px;
position: relative
}
.sl-select__area .placeholder {
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
color: rgba(44, 44, 44, 0.6);
display: -webkit-box;
left: 16px;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: -o-transform .3s ease;
-moz-transition: transform .3s ease,-moz-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease,-o-transform .3s ease;
width: 100%;
word-break: break-word;
z-index: 4
}
.sl-select__addonAfter {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
height: 100%;
position: absolute;
right: 6px;
z-index: 1
}
.sl-select__addonAfter, .sl-select__suffix {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
.sl-select__suffix {
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin-right: 10px;
padding: 6px
}
.sign-up__footer-link {
margin-bottom: 46px;
margin-top: 28px
}
.sign-up__footer-link, .sign-up__link {
color: #276EAF;
}
.sign-up__link {
text-decoration: underline
}
.sign-up__link:hover {
color: #276EAF;
text-decoration: none
}
.sign-up__modal-header {
background: #fff;
border-bottom: 1px solid #ddddd8;
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
color: rgba(0,0,0,.85);
width: 766px
}
.sign-up__modal-title {
word-wrap: break-word;
color: rgba(0,0,0,.85);
font-size: 24px;
font-weight: 700;
line-height: 81px;
margin: 0;
padding: 0 36px
}
.sign-up__modal-body {
height: -webkit-calc(100% - 82px);
height: -moz-calc(100% - 82px);
height: calc(100% - 82px);
max-width: 766px;
overflow: auto;
padding-bottom: 36px
}
.sign-up__modal-content {
word-wrap: break-word;
font-size: 14px;
line-height: 1.5715;
max-height: 346px;
overflow-y: scroll;
padding: 24px 36px 0
}
@media(max-width:767.98px) {
.sign-up__modal-header {
width: 100%
}
.sign-up__modal-body {
max-width: 100%
}
.sign-up__modal-content {
max-height: none
}
}
.login-modal__container {
-ms-scroll-chaining: none;
max-height: -webkit-calc(100vh - 48px);
max-height: -moz-calc(100vh - 48px);
max-height: calc(100vh - 48px);
overflow-y: auto;
overscroll-behavior: contain
}
.login-modal__container .login-modal__body {
padding: 0 !important
}
.login-modal__container .mp-modal__close {
background-blend-mode: none !important;
background-color: inherit !important;
height: 48px !important;
-webkit-mask-image: none !important;
mask-image: none !important;
right: 8px !important;
top: 8px !important;
width: 48px !important
}
@media screen and (min-width:1069px) {
.login-modal__container {
width: 1021px !important
}
}
@media(min-width:768px) {
.login-modal__container {
max-width: -webkit-calc(100vw - 48px);
max-width: -moz-calc(100vw - 48px);
max-width: calc(100vw - 48px);
width: 90%
}
}
@media(max-width:767.98px) {
.login-modal__container {
height: 90vh !important;
width: 100%
}
}
.login-modal__logo {
color: #000;
font-size: 24px;
font-weight: 500;
height: 50px;
line-height: 50px;
overflow: hidden;
padding: 0 50px;
text-align: center;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%
}
.login-modal__logo > img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
width: 100%
}
.login-modal__tabs {
-webkit-box-pack: justify;
-moz-box-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 30px
}
.login-modal__tab-item {
color: #2c2c2c;
font-size: 16px;
font-weight: 700;
line-height: 30px;
overflow: hidden;
text-align: center;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
width: -webkit-calc(50% - 4px);
width: -moz-calc(50% - 4px);
width: calc(50% - 4px)
}
.login-modal__tab-item.active span {
border-bottom: 2px solid #2c2c2c;
}
.login-modal--loading {
color: #2c2c2c;
height: 400px;
line-height: 400px;
text-align: center
}
.login-modal--loading svg {
-webkit-animation: loading .8s infinite linear;
-moz-animation: loading .8s infinite linear;
-o-animation: loading .8s infinite linear;
animation: loading .8s infinite linear
}
@media(max-width:767.98px) {
.login-modal--loading {
height: 90vh;
line-height: 90vh
}
}
.login-modal .sign-in__divid {
max-width: 100% !important
}
.login-modal .sign-in__divid:before {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 99%
}
.login-modal .login-container .customer, .login-modal .register-container .customer {
margin: 0;
width: 100%
}
.login-modal .login-container .sign-in__divid, .login-modal .register-container .sign-in__divid {
margin: 0 auto;
max-width: 280px;
word-break: break-all
}
@media(min-width:768px) {
.login-modal {
-webkit-box-pack: justify;
-moz-box-pack: justify;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 40px;
margin-top: 44px
}
.login-modal .login-container {
border-right: 1px solid rgba(142, 142, 142, 0.3);
}
.login-modal .login-container, .login-modal .register-container {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
flex: 1;
padding: 0 40px
}
.login-modal .login-container .customer .sign-in__title, .login-modal .register-container .customer .sign-in__title {
margin-top: 0
}
}
@media(max-width:767.98px) {
.login-modal {
padding: 48px 20px 40px
}
.login-modal .login-container .customer, .login-modal .register-container .customer {
padding: 20px 0 !important;
width: 100%
}
}
.mp-modal__wrapper .mp-modal__mask {
background-color: hsla(0,0%,45%,.6);
background-color:;
}
input {
-webkit-appearance: none
}
.mp-modal__wrapper {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-align-items: center;
align-items: center;
bottom: 0;
display: none;
-webkit-justify-content: center;
justify-content: center;
left: 0;
overflow: auto;
position: fixed;
right: 0;
top: 0;
z-index: 1000
}
.mp-modal__wrapper.mp-modal__visible {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
.mp-modal__wrapper.mp-modal__notVisible {
display: none
}
.mp-modal__wrapper .mp-modal__mask {
background:;
bottom: 0;
left: 0;
margin: auto;
position: fixed;
right: 0;
top: 0
}
.mp-modal__wrapper .mp-modal__mask.mp-modal__closable {
cursor: pointer
}
.mp-modal__wrapper .mp-modal__container {
background-color: #FFFFFF;
position: absolute
}
.mp-modal__wrapper .mp-modal__container .mp-modal__close {
color: #2c2c2c;
cursor: pointer;
display: inline-block;
height: 48px;
padding: 12px;
position: absolute;
width: 48px;
z-index: 1
}
.mp-modal__wrapper .mp-modal__container .mp-modal__close svg {
height: 24px;
width: 24px
}
.mp-modal__wrapper.mp-modal__visibleAnimation .mp-modal__mask {
-webkit-animation: .5s mp-modal-fadeIn forwards ease;
-moz-animation: .5s mp-modal-fadeIn forwards ease;
-o-animation: .5s mp-modal-fadeIn forwards ease;
animation: .5s mp-modal-fadeIn forwards ease
}
.mp-modal__wrapper.mp-modal__notVisibleAnimation .mp-modal__mask {
-webkit-animation: .5s mp-modal-fadeOut forwards ease;
-moz-animation: .5s mp-modal-fadeOut forwards ease;
-o-animation: .5s mp-modal-fadeOut forwards ease;
animation: .5s mp-modal-fadeOut forwards ease
}
.mp-modal__wrapper .mp-modal__fade .mp-modal__container {
min-height: 182px;
min-width: 338px
}
.mp-modal__wrapper .mp-modal__fade .mp-modal__container .mp-modal__body {
padding: 24px
}
.mp-modal__wrapper .mp-modal__fade .mp-modal__container .mp-modal__close {
right: 8px;
top: 8px;
z-index: 20
}
.mp-modal__wrapper .mp-modal__fade.mp-modal__visibleAnimation .mp-modal__container {
-webkit-animation: .5s mp-modal-fadeSlideIn forwards ease;
-moz-animation: .5s mp-modal-fadeSlideIn forwards ease;
-o-animation: .5s mp-modal-fadeSlideIn forwards ease;
animation: .5s mp-modal-fadeSlideIn forwards ease
}
.mp-modal__wrapper .mp-modal__fade.mp-modal__notVisibleAnimation .mp-modal__container {
-webkit-animation: .5s mp-modal-fadeSlideOut forwards ease;
-moz-animation: .5s mp-modal-fadeSlideOut forwards ease;
-o-animation: .5s mp-modal-fadeSlideOut forwards ease;
animation: .5s mp-modal-fadeSlideOut forwards ease
}
.mp-modal__wrapper .mp-modal__popup .mp-modal__container {
bottom: 0;
height: 100%;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
width: 100%
}
.mp-modal__wrapper .mp-modal__popup .mp-modal__container .mp-modal__close {
right: 2px;
top: 6px;
z-index: 20
}
.mp-modal__wrapper .mp-modal__popup .mp-modal__container .mp-modal__body {
height: 100%;
min-height: 30vh;
overflow: auto
}
.mp-modal__wrapper .mp-modal__popup.mp-modal__visibleAnimation .mp-modal__container {
-webkit-animation: .5s mp-modal-slideInBottom forwards ease;
-moz-animation: .5s mp-modal-slideInBottom forwards ease;
-o-animation: .5s mp-modal-slideInBottom forwards ease;
animation: .5s mp-modal-slideInBottom forwards ease
}
.mp-modal__wrapper .mp-modal__popup.mp-modal__notVisibleAnimation .mp-modal__container {
-webkit-animation: .5s mp-modal-slideOutBottom forwards ease;
-moz-animation: .5s mp-modal-slideOutBottom forwards ease;
-o-animation: .5s mp-modal-slideOutBottom forwards ease;
animation: .5s mp-modal-slideOutBottom forwards ease
}
@media(min-width:768px) {
.mp-modal__wrapper .mp-modal__container {
min-height: 182px;
min-width: 338px
}
.mp-modal__wrapper .mp-modal__container .mp-modal__body {
padding: 24px
}
.mp-modal__wrapper .mp-modal__container .mp-modal__close {
right: 8px;
top: 8px;
z-index: 20
}
.mp-modal__wrapper.mp-modal__visibleAnimation .mp-modal__container {
-webkit-animation: .5s mp-modal-fadeSlideIn forwards ease;
-moz-animation: .5s mp-modal-fadeSlideIn forwards ease;
-o-animation: .5s mp-modal-fadeSlideIn forwards ease;
animation: .5s mp-modal-fadeSlideIn forwards ease
}
.mp-modal__wrapper.mp-modal__notVisibleAnimation .mp-modal__container {
-webkit-animation: .5s mp-modal-fadeSlideOut forwards ease;
-moz-animation: .5s mp-modal-fadeSlideOut forwards ease;
-o-animation: .5s mp-modal-fadeSlideOut forwards ease;
animation: .5s mp-modal-fadeSlideOut forwards ease
}
}
@media(max-width:767.98px) {
.mp-modal__wrapper .mp-modal__container {
bottom: 0;
height: 100%;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
width: 100%
}
.mp-modal__wrapper .mp-modal__container .mp-modal__close {
right: 2px;
top: 6px;
z-index: 20
}
.mp-modal__wrapper .mp-modal__container .mp-modal__body {
height: 100%;
min-height: 30vh;
overflow: auto
}
.mp-modal__wrapper.mp-modal__visibleAnimation .mp-modal__container {
-webkit-animation: .5s mp-modal-slideInBottom forwards ease;
-moz-animation: .5s mp-modal-slideInBottom forwards ease;
-o-animation: .5s mp-modal-slideInBottom forwards ease;
animation: .5s mp-modal-slideInBottom forwards ease
}
.mp-modal__wrapper.mp-modal__notVisibleAnimation .mp-modal__container {
-webkit-animation: .5s mp-modal-slideOutBottom forwards ease;
-moz-animation: .5s mp-modal-slideOutBottom forwards ease;
-o-animation: .5s mp-modal-slideOutBottom forwards ease;
animation: .5s mp-modal-slideOutBottom forwards ease
}
}
@-webkit-keyframes mp-modal-slideInBottom {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-moz-keyframes mp-modal-slideInBottom {
0% {
-moz-transform: translateY(100%);
transform: translateY(100%)
}
to {
-moz-transform: translateY(0);
transform: translateY(0)
}
}
@-o-keyframes mp-modal-slideInBottom {
0% {
-o-transform: translateY(100%);
transform: translateY(100%)
}
to {
-o-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes mp-modal-slideInBottom {
0% {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
to {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes mp-modal-slideOutBottom {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
to {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
}
@-moz-keyframes mp-modal-slideOutBottom {
0% {
-moz-transform: translateY(0);
transform: translateY(0)
}
to {
-moz-transform: translateY(100%);
transform: translateY(100%)
}
}
@-o-keyframes mp-modal-slideOutBottom {
0% {
-o-transform: translateY(0);
transform: translateY(0)
}
to {
-o-transform: translateY(100%);
transform: translateY(100%)
}
}
@keyframes mp-modal-slideOutBottom {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
to {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
}
@-webkit-keyframes mp-modal-fadeSlideIn {
0% {
opacity: 0;
-webkit-transform: translateY(30px);
transform: translateY(30px)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-moz-keyframes mp-modal-fadeSlideIn {
0% {
opacity: 0;
-moz-transform: translateY(30px);
transform: translateY(30px)
}
to {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0)
}
}
@-o-keyframes mp-modal-fadeSlideIn {
0% {
opacity: 0;
-o-transform: translateY(30px);
transform: translateY(30px)
}
to {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes mp-modal-fadeSlideIn {
0% {
opacity: 0;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes mp-modal-fadeSlideOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform: scale(.9);
transform: scale(.9)
}
}
@-moz-keyframes mp-modal-fadeSlideOut {
0% {
opacity: 1;
-moz-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-moz-transform: scale(.9);
transform: scale(.9)
}
}
@-o-keyframes mp-modal-fadeSlideOut {
0% {
opacity: 1;
-o-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-o-transform: scale(.9);
transform: scale(.9)
}
}
@keyframes mp-modal-fadeSlideOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform: scale(.9);
-moz-transform: scale(.9);
-o-transform: scale(.9);
transform: scale(.9)
}
}
@-webkit-keyframes mp-modal-fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-moz-keyframes mp-modal-fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-o-keyframes mp-modal-fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes mp-modal-fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes mp-modal-fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@-moz-keyframes mp-modal-fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@-o-keyframes mp-modal-fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes mp-modal-fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@-webkit-keyframes toast-fade-in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-moz-keyframes toast-fade-in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-o-keyframes toast-fade-in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes toast-fade-in {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes toast-fade-out {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@-moz-keyframes toast-fade-out {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@-o-keyframes toast-fade-out {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes toast-fade-out {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@-webkit-keyframes toast-slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-moz-keyframes toast-slide-in {
0% {
opacity: 0;
-moz-transform: translateY(-100%);
transform: translateY(-100%)
}
to {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0)
}
}
@-o-keyframes toast-slide-in {
0% {
opacity: 0;
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
to {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes toast-slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes toast-slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
to {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
}
@-moz-keyframes toast-slide-out {
0% {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0)
}
to {
opacity: 0;
-moz-transform: translateY(-100%);
transform: translateY(-100%)
}
}
@-o-keyframes toast-slide-out {
0% {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0)
}
to {
opacity: 0;
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
}
@keyframes toast-slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
to {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
}
@-webkit-keyframes toast-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-moz-keyframes toast-loading {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-moz-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-o-keyframes toast-loading {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-o-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes toast-loading {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
-moz-transform: rotate(1turn);
-o-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.sl-toast {
position: relative;
z-index: 99999
}
.sl-toast .sl-toast-mask {
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%
}
.sl-toast .sl-toast-mask-show {
display: block
}
.sl-toast .sl-toast-list, .sl-toast .sl-toast-loading {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-box-pack: end;
-moz-box-pack: end;
-webkit-align-items: center;
align-items: center;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: inline-flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-end;
justify-content: flex-end;
left: 50%;
max-width: 70%;
position: fixed;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
.sl-toast .sl-toast-list > div, .sl-toast .sl-toast-loading > div {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-o-animation-timing-function: linear;
animation-timing-function: linear;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: inline-flex;
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin-bottom: 5px;
max-width: 100%;
will-change: transform opacity
}
.sl-toast .sl-toast-list > div:last-child, .sl-toast .sl-toast-loading > div:last-child {
margin-bottom: 0
}
.sl-toast .sl-toast-list > div .sl-toast-item, .sl-toast .sl-toast-loading > div .sl-toast-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-align-items: center;
align-items: center;
background-color: #1e1e1e;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 4px 20px rgba(0,0,0,.15);
-moz-box-shadow: 0 4px 20px rgba(0,0,0,.15);
box-shadow: 0 4px 20px rgba(0,0,0,.15);
color: #fff;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: inline-flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
line-height: 1.85em;
max-width: 100%;
opacity: .95;
padding: 12px 20px;
text-align: center
}
.sl-toast .sl-toast-list > div .sl-toast-item .sl-toast-item-icon, .sl-toast .sl-toast-loading > div .sl-toast-item .sl-toast-item-icon {
margin: 20px
}
.sl-toast .sl-toast-list > div .sl-toast-item .sl-toast-item-icon .sl-toast-item-icon-loading, .sl-toast .sl-toast-loading > div .sl-toast-item .sl-toast-item-icon .sl-toast-item-icon-loading {
-webkit-animation: toast-loading 1s linear infinite;
-moz-animation: toast-loading 1s linear infinite;
-o-animation: toast-loading 1s linear infinite;
animation: toast-loading 1s linear infinite;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transform-origin: center;
-moz-transform-origin: center;
-o-transform-origin: center;
transform-origin: center
}
.sl-toast .sl-toast-list > div .sl-toast-item .sl-toast-item-icon .sl-toast-item-icon-loading img, .sl-toast .sl-toast-loading > div .sl-toast-item .sl-toast-item-icon .sl-toast-item-icon-loading img {
display: block;
height: 32px;
width: 32px
}
.sl-toast .sl-toast-list > div .sl-toast-item .sl-toast-item-text, .sl-toast .sl-toast-loading > div .sl-toast-item .sl-toast-item-text {
word-break: break-word
}
.sl-toast.sl-toast-queue .sl-toast-list {
left: 50%;
max-height: 50%;
position: fixed;
top: 30px;
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-o-transform: translate(-50%);
transform: translate(-50%)
}
.sl-toast .sl-toast-list .sl-toast-fade-in {
-webkit-animation-name: toast-fade-in;
-moz-animation-name: toast-fade-in;
-o-animation-name: toast-fade-in;
animation-name: toast-fade-in
}
.sl-toast .sl-toast-list .sl-toast-fade-out {
-webkit-animation-name: toast-fade-out;
-moz-animation-name: toast-fade-out;
-o-animation-name: toast-fade-out;
animation-name: toast-fade-out
}
.sl-toast .sl-toast-list .sl-toast-slide-in {
-webkit-animation-name: toast-slide-in;
-moz-animation-name: toast-slide-in;
-o-animation-name: toast-slide-in;
animation-name: toast-slide-in
}
.sl-toast .sl-toast-list .sl-toast-slide-out {
-webkit-animation-name: toast-slide-out;
-moz-animation-name: toast-slide-out;
-o-animation-name: toast-slide-out;
animation-name: toast-slide-out
}
.sl-toast .sl-toast-loading .sl-toast-fade-in {
-webkit-animation-name: toast-fade-in;
-moz-animation-name: toast-fade-in;
-o-animation-name: toast-fade-in;
animation-name: toast-fade-in
}
.sl-toast .sl-toast-loading .sl-toast-fade-out {
-webkit-animation-name: toast-fade-out;
-moz-animation-name: toast-fade-out;
-o-animation-name: toast-fade-out;
animation-name: toast-fade-out
}
.modal {
bottom: 0;
display: none;
left: 0;
overflow: auto;
position: fixed;
right: 0;
top: 0;
-webkit-transform: translateZ(100px);
-moz-transform: translateZ(100px);
transform: translateZ(100px);
z-index: 1000
}
.modal.modal-visible {
display: block
}
.modal.modal-notVisible {
display: none
}
.modal__mask {
background: hsla(0,0%,75%,.6);
bottom: 0;
left: 0;
margin: auto;
position: fixed;
right: 0;
top: 0
}
.modal__container {
background-color: #fff;
position: absolute
}
.modal__container__title {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
border-bottom: 1px solid #ddddd8;
color: #2c2c2c;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-shrink: 0;
flex-shrink: 0;
font-size: 24px;
font-weight: 700;
height: 82px;
padding: 0 36px
}
.modal__container__close {
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5LjIgNC44IDQuOCAxOS4yTTQuOCA0LjhsMTQuNCAxNC40IiBzdHJva2U9IiMyQzJDMkMiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==") 50%/100% no-repeat;
cursor: pointer;
display: inline-block;
height: 24px;
position: absolute;
width: 24px;
z-index: 1
}
.modal.visibleAnimation .modal__mask {
-webkit-animation: .2s fadeIn forwards ease;
-moz-animation: .2s fadeIn forwards ease;
-o-animation: .2s fadeIn forwards ease;
animation: .2s fadeIn forwards ease
}
.modal.notVisibleAnimation .modal__mask {
-webkit-animation: .2s fadeOut forwards ease;
-moz-animation: .2s fadeOut forwards ease;
-o-animation: .2s fadeOut forwards ease;
animation: .2s fadeOut forwards ease
}
.fade .modal__container {
left: 50%;
min-height: 182px;
min-width: 338px;
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-o-transform: translate(-50%);
transform: translate(-50%)
}
.fade .modal__container__modalBody {
padding: 24px
}
.fade .modal__container__close {
right: 30px;
top: 30px;
z-index: 20
}
.fade.visibleAnimation .modal__container {
-webkit-animation: .2s fadeIn forwards ease;
-moz-animation: .2s fadeIn forwards ease;
-o-animation: .2s fadeIn forwards ease;
animation: .2s fadeIn forwards ease
}
.fade.notVisibleAnimation .modal__container {
-webkit-animation: .2s fadeOut forwards ease;
-moz-animation: .2s fadeOut forwards ease;
-o-animation: .2s fadeOut forwards ease;
animation: .2s fadeOut forwards ease
}
.popup .modal__container {
bottom: 0;
height: 100%;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
width: 100%
}
.popup .modal__container__close {
right: 14px;
top: 18px;
z-index: 20
}
.popup .modal__container__modalBody {
height: 100%;
min-height: 30vh;
overflow: auto
}
.popup.visibleAnimation .modal__container {
-webkit-animation: .2s slideInBottom forwards ease;
-moz-animation: .2s slideInBottom forwards ease;
-o-animation: .2s slideInBottom forwards ease;
animation: .2s slideInBottom forwards ease
}
.popup.notVisibleAnimation .modal__container {
-webkit-animation: .2s slideOutBottom forwards ease;
-moz-animation: .2s slideOutBottom forwards ease;
-o-animation: .2s slideOutBottom forwards ease;
animation: .2s slideOutBottom forwards ease
}
@media screen and (min-width:999px) {
.fade .modal__container {
top: 20%
}
}
@media screen and (max-width:999px) {
.fade .modal__container {
bottom: 0;
left: 0;
right: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
width: 100%
}
.fade .modal__container__close {
right: 30px;
top: 28px;
z-index: 20
}
.fade .modal__container__modalBody {
height: 100%;
min-height: 30vh;
overflow: auto
}
.fade.visibleAnimation .modal__container {
-webkit-animation: .2s slideInBottom forwards ease;
-moz-animation: .2s slideInBottom forwards ease;
-o-animation: .2s slideInBottom forwards ease;
animation: .2s slideInBottom forwards ease
}
.fade.notVisibleAnimation .modal__container {
-webkit-animation: .2s slideOutBottom forwards ease;
-moz-animation: .2s slideOutBottom forwards ease;
-o-animation: .2s slideOutBottom forwards ease;
animation: .2s slideOutBottom forwards ease
}
}
@-webkit-keyframes slideInBottom {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-moz-keyframes slideInBottom {
0% {
-moz-transform: translateY(100%);
transform: translateY(100%)
}
to {
-moz-transform: translateY(0);
transform: translateY(0)
}
}
@-o-keyframes slideInBottom {
0% {
-o-transform: translateY(100%);
transform: translateY(100%)
}
to {
-o-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes slideInBottom {
0% {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
to {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes slideOutBottom {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
to {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
}
@-moz-keyframes slideOutBottom {
0% {
-moz-transform: translateY(0);
transform: translateY(0)
}
to {
-moz-transform: translateY(100%);
transform: translateY(100%)
}
}
@-o-keyframes slideOutBottom {
0% {
-o-transform: translateY(0);
transform: translateY(0)
}
to {
-o-transform: translateY(100%);
transform: translateY(100%)
}
}
@keyframes slideOutBottom {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
to {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@-o-keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.policyModal {
background: #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
height: 280px;
min-height: 282px;
-webkit-transition: height .1s ease-in-out 0s;
-o-transition: height .1s ease-in-out 0s;
-moz-transition: height .1s ease-in-out 0s;
transition: height .1s ease-in-out 0s
}
.policyModal__body {
padding: 24px 36px !important
}
@media only screen and (min-width:999px) {
.policyModal {
min-width: 730px !important;
top: 10% !important;
width: 766px
}
.policyModal__body {
min-height: 200px;
overflow: auto
}
}
@media only screen and (max-width:999px) {
.policyModal {
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
height: 90%
}
.policyModal__body {
height: -webkit-calc(100% - 82px) !important;
height: -moz-calc(100% - 82px) !important;
height: calc(100% - 82px) !important;
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s
}
}
.rc-tooltip.rc-tooltip-zoom-appear, .rc-tooltip.rc-tooltip-zoom-enter {
opacity: 0
}
.rc-tooltip.rc-tooltip-zoom-enter, .rc-tooltip.rc-tooltip-zoom-leave {
display: block
}
.rc-tooltip-zoom-appear, .rc-tooltip-zoom-enter {
-webkit-animation-duration: .3s;
-moz-animation-duration: .3s;
-o-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
-webkit-animation-timing-function: cubic-bezier(.18,.89,.32,1.28);
-moz-animation-timing-function: cubic-bezier(.18,.89,.32,1.28);
-o-animation-timing-function: cubic-bezier(.18,.89,.32,1.28);
animation-timing-function: cubic-bezier(.18,.89,.32,1.28);
opacity: 0
}
.rc-tooltip-zoom-leave {
-webkit-animation-duration: .3s;
-moz-animation-duration: .3s;
-o-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
-webkit-animation-timing-function: cubic-bezier(.6,-.3,.74,.05);
-moz-animation-timing-function: cubic-bezier(.6,-.3,.74,.05);
-o-animation-timing-function: cubic-bezier(.6,-.3,.74,.05);
animation-timing-function: cubic-bezier(.6,-.3,.74,.05)
}
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active, .rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active {
-webkit-animation-name: rcToolTipZoomIn;
-moz-animation-name: rcToolTipZoomIn;
-o-animation-name: rcToolTipZoomIn;
animation-name: rcToolTipZoomIn;
-webkit-animation-play-state: running;
-moz-animation-play-state: running;
-o-animation-play-state: running;
animation-play-state: running
}
.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
-webkit-animation-name: rcToolTipZoomOut;
-moz-animation-name: rcToolTipZoomOut;
-o-animation-name: rcToolTipZoomOut;
animation-name: rcToolTipZoomOut;
-webkit-animation-play-state: running;
-moz-animation-play-state: running;
-o-animation-play-state: running;
animation-play-state: running
}
@-webkit-keyframes nNu64JMKkocfVCJCiy0i {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
}
@-moz-keyframes nNu64JMKkocfVCJCiy0i {
0% {
opacity: 0;
-moz-transform: scale(0);
transform: scale(0);
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
to {
opacity: 1;
-moz-transform: scale(1);
transform: scale(1);
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
}
@-o-keyframes nNu64JMKkocfVCJCiy0i {
0% {
opacity: 0;
-o-transform: scale(0);
transform: scale(0);
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
to {
opacity: 1;
-o-transform: scale(1);
transform: scale(1);
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
}
@keyframes nNu64JMKkocfVCJCiy0i {
0% {
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
to {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
}
@-webkit-keyframes UPIQ0rA2LCWsCuxSwB4_ {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
to {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
}
@-moz-keyframes UPIQ0rA2LCWsCuxSwB4_ {
0% {
opacity: 1;
-moz-transform: scale(1);
transform: scale(1);
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
to {
opacity: 0;
-moz-transform: scale(0);
transform: scale(0);
-moz-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
}
@-o-keyframes UPIQ0rA2LCWsCuxSwB4_ {
0% {
opacity: 1;
-o-transform: scale(1);
transform: scale(1);
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
to {
opacity: 0;
-o-transform: scale(0);
transform: scale(0);
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
}
@keyframes UPIQ0rA2LCWsCuxSwB4_ {
0% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
to {
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
}
.rc-tooltip {
display: block;
font-size: 12px;
line-height: 1.3;
opacity: .75;
position: absolute;
visibility: visible;
z-index: 1070
}
.rc-tooltip-hidden {
display: none
}
.rc-tooltip-placement-top, .rc-tooltip-placement-topLeft, .rc-tooltip-placement-topRight {
padding: 5px 0 9px
}
.rc-tooltip-placement-right, .rc-tooltip-placement-rightBottom, .rc-tooltip-placement-rightTop {
padding: 0 5px 0 9px
}
.rc-tooltip-placement-bottom, .rc-tooltip-placement-bottomLeft, .rc-tooltip-placement-bottomRight {
padding: 9px 0 5px
}
.rc-tooltip-placement-left, .rc-tooltip-placement-leftBottom, .rc-tooltip-placement-leftTop {
padding: 0 9px 0 5px
}
.rc-tooltip-inner {
background-color: #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,.17);
-moz-box-shadow: 0 0 4px rgba(0,0,0,.17);
box-shadow: 0 0 4px rgba(0,0,0,.17);
color: #fff;
max-width: 180px;
padding: 6px 12px;
text-align: left;
text-align: center;
text-decoration: none
}
.rc-tooltip-arrow {
border-color: transparent;
border-style: solid;
height: 0;
position: absolute;
width: 0
}
.rc-tooltip-placement-top .rc-tooltip-arrow, .rc-tooltip-placement-topLeft .rc-tooltip-arrow, .rc-tooltip-placement-topRight .rc-tooltip-arrow {
border-top-color: #373737;
border-width: 5px 5px 0;
bottom: 4px;
margin-left: -5px
}
.rc-tooltip-placement-top .rc-tooltip-arrow {
left: 50%
}
.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
left: 15%
}
.rc-tooltip-placement-topRight .rc-tooltip-arrow {
right: 15%
}
.rc-tooltip-placement-right .rc-tooltip-arrow, .rc-tooltip-placement-rightBottom .rc-tooltip-arrow, .rc-tooltip-placement-rightTop .rc-tooltip-arrow {
border-right-color: #000;
border-width: 5px 5px 5px 0;
left: 4px;
margin-top: -5px
}
.rc-tooltip-placement-right .rc-tooltip-arrow {
top: 50%
}
.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
margin-top: 0;
top: 15%
}
.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {
bottom: 15%
}
.rc-tooltip-placement-left .rc-tooltip-arrow, .rc-tooltip-placement-leftBottom .rc-tooltip-arrow, .rc-tooltip-placement-leftTop .rc-tooltip-arrow {
border-left-color: #373737;
border-width: 5px 0 5px 5px;
margin-top: -5px;
right: 4px
}
.rc-tooltip-placement-left .rc-tooltip-arrow {
top: 50%
}
.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
margin-top: 0;
top: 15%
}
.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {
bottom: 15%
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow, .rc-tooltip-placement-bottomLeft .rc-tooltip-arrow, .rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
border-bottom-color: #373737;
border-width: 0 5px 5px;
margin-left: -5px;
top: 4px
}
.rc-tooltip-placement-bottom .rc-tooltip-arrow {
left: 50%
}
.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {
left: 15%
}
.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
right: 15%
}
@media screen and (max-width:999px) {
.input-icon-tooltip.rc-tooltip-placement-topRight .rc-tooltip-content .rc-tooltip-arrow {
-webkit-transform: translateX(24px);
-moz-transform: translateX(24px);
-o-transform: translateX(24px);
transform: translateX(24px)
}
}
@media only screen and (min-width:999px) {
.taxesInfoModalVisible {
-webkit-box-align: center !important;
-moz-box-align: center !important;
-webkit-align-items: center !important;
align-items: center !important;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: flex !important
}
}
.taxesInfoContainer {
background: #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
height: 280px;
min-height: 282px;
-webkit-transition: height .1s ease-in-out 0s;
-o-transition: height .1s ease-in-out 0s;
-moz-transition: height .1s ease-in-out 0s;
transition: height .1s ease-in-out 0s
}
@media only screen and (min-width:999px) {
.taxesInfoContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
height: auto;
max-height: 80%;
min-width: 730px !important;
position: relative !important;
top: 0 !important;
width: 766px
}
.taxesInfoContainer__body {
max-height: -webkit-calc(100% - 120px);
max-height: -moz-calc(100% - 120px);
max-height: calc(100% - 120px);
min-height: 200px;
overflow: auto
}
}
@media only screen and (max-width:999px) {
.taxesInfoContainer {
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
height: 90%
}
.taxesInfoContainer__body {
height: -webkit-calc(100% - 82px) !important;
height: -moz-calc(100% - 82px) !important;
height: calc(100% - 82px) !important;
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s
}
}
html {
line-height: 1.15
}
main {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
code, pre {
font-size: 1em
}
button, input, select, textarea {
font-size: 100%;
line-height: 1.15
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
[type=checkbox], [type=radio] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type=search] {
-webkit-appearance: textfield
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
[hidden] {
display: none
}
.paymentSdk_container_5fb68622 {
overflow: visible;
position: relative;
transition: all .2s linear;
width: 100%
}
.paymentSdk_container_5fb68622 .paymentSdk_inputWrap_5fb68622 {
background: #fff;
border: 1px solid;
border-radius: 4px;
box-sizing: border-box;
color: hsla(0,0%,56%,.3);
height: 46px;
overflow: hidden;
position: relative;
z-index: 1
}
.paymentSdk_container_5fb68622 .paymentSdk_inputWrap_5fb68622 .paymentSdk_label_5fb68622 {
color: rgba(44,44,44,.75);
font-size: 14px;
left: 16px;
line-height: 16px;
pointer-events: none;
position: absolute;
top: calc(50% - 8px);
transition: all .2s linear;
white-space: nowrap
}
.paymentSdk_container_5fb68622 .paymentSdk_inputWrap_5fb68622 .paymentSdk_label_5fb68622.paymentSdk_stepAside_5fb68622 {
font-size: 10px;
line-height: 14px;
top: 5px;
transition: all .2s linear
}
.paymentSdk_container_5fb68622 .paymentSdk_inputWrap_5fb68622 .paymentSdk_content_5fb68622 {
background-color: transparent;
height: 100%
}
.paymentSdk_container_5fb68622 .paymentSdk_inputWrap_5fb68622.paymentSdk_focused_5fb68622 {
border-color: currentColor;
box-shadow: 0 0 0 1px currentColor;
color: #276eaf
}
.paymentSdk_container_5fb68622.paymentSdk_error_5fb68622 .paymentSdk_inputWrap_5fb68622 {
border-color: currentColor;
box-shadow: 0 0 0 1px currentColor;
color: #f04949
}
.paymentSdk_extraMessageContainer_186d9e75 {
color: rgba(44,44,44,.5);
margin-top: 6px
}
.paymentSdk_cardBrandIconContainer_128ff952 {
bottom: 0;
display: flex;
height: 24px;
margin: auto;
position: absolute;
right: 16px;
top: 0;
width: 38px;
z-index: 3
}
.paymentSdk_cardBrandIconContainer_128ff952 .paymentSdk_image_128ff952 {
margin: auto;
width: 100%
}
.paymentSdk_iconTipsContainer_78cb66fd {
color: rgba(44,44,44,.75);
display: flex;
flex-direction: column;
height: 100%;
position: absolute;
right: 16px;
top: 0
}
.paymentSdk_iconTipsContainer_78cb66fd .paymentSdk_icon_78cb66fd {
line-height: 1;
margin: auto;
z-index: 2
}
.paymentSdk_iconTipsContainer_78cb66fd .paymentSdk_icon_78cb66fd .paymentSdk_imgIcon_78cb66fd, .paymentSdk_iconTipsContainer_78cb66fd .paymentSdk_icon_78cb66fd > svg {
height: 16px;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
width: 16px
}
.paymentSdk_tooltipWrapper_24a566ba {
height: 0;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.paymentSdk_tooltip_24a566ba {
display: none;
position: absolute;
z-index: 3
}
.paymentSdk_tooltip_24a566ba:after {
border: 6px solid;
border-color: inherit;
content: "";
height: 0;
position: absolute;
width: 0
}
.paymentSdk_tooltip_24a566ba[data-placement^=top]:after {
border-bottom-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
bottom: 100%;
left: 50%;
transform: translateX(-50%)
}
.paymentSdk_tooltip_24a566ba[data-placement^=top] .paymentSdk_tooltipWrap_24a566ba {
bottom: calc(100% + 10px)
}
.paymentSdk_tooltip_24a566ba[data-placement^=top] .paymentSdk_tooltipWrap_24a566ba:before {
bottom: -12px;
height: 12px;
left: 0;
width: 100%
}
.paymentSdk_tooltip_24a566ba[data-placement^=bottom]:after {
border-left-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
left: 50%;
top: 100%;
transform: translateX(-50%)
}
.paymentSdk_tooltip_24a566ba[data-placement^=bottom] .paymentSdk_tooltipWrap_24a566ba {
bottom: auto;
top: calc(100% + 10px)
}
.paymentSdk_tooltip_24a566ba[data-placement^=bottom] .paymentSdk_tooltipWrap_24a566ba:before {
height: 12px;
left: 0;
top: -12px;
width: 100%
}
.paymentSdk_tooltip_24a566ba[data-placement^=left]:after {
border-bottom-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
right: 100%;
top: 50%;
transform: translateY(-50%)
}
.paymentSdk_tooltip_24a566ba[data-placement^=left] .paymentSdk_tooltipWrap_24a566ba {
right: calc(100% + 10px)
}
.paymentSdk_tooltip_24a566ba[data-placement^=left] .paymentSdk_tooltipWrap_24a566ba:before {
height: 100%;
right: -12px;
top: 0;
width: 12px
}
.paymentSdk_tooltip_24a566ba[data-placement^=right]:after {
border-bottom-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
left: 100%;
top: 50%;
transform: translateY(-50%)
}
.paymentSdk_tooltip_24a566ba[data-placement^=right] .paymentSdk_tooltipWrap_24a566ba {
left: calc(100% + 10px)
}
.paymentSdk_tooltip_24a566ba[data-placement^=right] .paymentSdk_tooltipWrap_24a566ba:before {
height: 100%;
left: -12px;
top: 0;
width: 12px
}
.paymentSdk_tooltip_24a566ba[data-placement$=Left] .paymentSdk_tooltipWrap_24a566ba {
right: 0
}
.paymentSdk_tooltip_24a566ba[data-placement$=Right] .paymentSdk_tooltipWrap_24a566ba {
left: 0
}
.paymentSdk_tooltip_24a566ba[data-placement$=Top] .paymentSdk_tooltipWrap_24a566ba {
bottom: 0
}
.paymentSdk_tooltip_24a566ba[data-placement$=Bottom] .paymentSdk_tooltipWrap_24a566ba {
bottom: auto;
top: 0
}
.paymentSdk_tooltip_24a566ba[data-placement=top] .paymentSdk_tooltipWrap_24a566ba {
left: -9999px;
margin: auto !important;
right: -9999px
}
.paymentSdk_tooltip_24a566ba[data-placement=bottom] .paymentSdk_tooltipWrap_24a566ba {
bottom: auto;
left: -9999px;
margin: auto !important;
right: -9999px
}
.paymentSdk_tooltip_24a566ba[data-placement=left] .paymentSdk_tooltipWrap_24a566ba, .paymentSdk_tooltip_24a566ba[data-placement=right] .paymentSdk_tooltipWrap_24a566ba {
bottom: auto;
top: 50%;
transform: translateY(-50%)
}
.paymentSdk_tooltip_24a566ba.paymentSdk_tooltipShow_24a566ba {
display: block;
z-index: 1000
}
.paymentSdk_tooltipWrap_24a566ba {
-webkit-tap-highlight-color: transparent;
border-radius: 4px;
bottom: 26px;
box-sizing: border-box;
font-size: 12px;
line-height: 18px;
position: absolute;
right: -17px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 180px
}
.paymentSdk_tooltipWrap_24a566ba:before {
content: "";
display: block;
position: absolute
}
.paymentSdk_tooltipContent_24a566ba {
box-sizing: border-box;
padding: 6px 12px;
width: 100%
}
.paymentSdk_tooltipThemeDark_24a566ba {
border-color: rgba(30,30,30,.9)
}
.paymentSdk_tooltipThemeDark_24a566ba .paymentSdk_tooltipWrap_24a566ba {
background: rgba(30,30,30,.9);
color: hsla(0,0%,100%,.9)
}
.paymentSdk_tooltipThemeWhite_24a566ba {
border-color: #fff
}
.paymentSdk_tooltipThemeWhite_24a566ba .paymentSdk_tooltipWrap_24a566ba {
background: #fff;
box-shadow: 0 0 15px rgba(0,0,0,.22);
color: #474f5e
}
.paymentSdk_container_4f34d329 {
overflow: visible;
position: relative;
transition: all .2s linear;
width: 100%
}
.paymentSdk_container_4f34d329 .paymentSdk_inputWrap_4f34d329 {
background: #fff;
border: 1px solid;
border-radius: 4px;
box-sizing: border-box;
color: hsla(0,0%,56%,.3);
height: 46px;
overflow: hidden;
position: relative;
z-index: 1
}
.paymentSdk_container_4f34d329 .paymentSdk_inputWrap_4f34d329 .paymentSdk_label_4f34d329 {
color: rgba(44,44,44,.75);
font-size: 14px;
left: 16px;
line-height: 16px;
pointer-events: none;
position: absolute;
top: calc(50% - 8px);
transition: all .2s linear;
white-space: nowrap
}
.paymentSdk_container_4f34d329 .paymentSdk_inputWrap_4f34d329 .paymentSdk_label_4f34d329.paymentSdk_stepAside_4f34d329 {
font-size: 10px;
line-height: 14px;
top: 5px;
transition: all .2s linear
}
.paymentSdk_container_4f34d329 .paymentSdk_inputWrap_4f34d329 .paymentSdk_content_4f34d329 {
background-color: transparent;
height: 100%
}
.paymentSdk_container_4f34d329 .paymentSdk_inputWrap_4f34d329.paymentSdk_focused_4f34d329 {
border-color: currentColor;
box-shadow: 0 0 0 1px currentColor;
color: #276eaf
}
.paymentSdk_container_4f34d329.paymentSdk_error_4f34d329 .paymentSdk_inputWrap_4f34d329 {
border-color: currentColor;
box-shadow: 0 0 0 1px currentColor;
color: #f04949
}
.paymentSdk_pciContainer_4f34d329 {
margin: 0 auto
}
.paymentSdk_pciContainer_4f34d329 .paymentSdk_input_4f34d329 {
margin-bottom: 12px;
position: relative
}
.paymentSdk_pciContainer_4f34d329 .paymentSdk_pciDateAndCvcBox_4f34d329 {
align-items: flex-start;
display: flex;
justify-content: space-between
}
.paymentSdk_pciContainer_4f34d329 .paymentSdk_pciDateAndCvcBox_4f34d329 .paymentSdk_input_4f34d329:first-child {
margin-right: 12px
}
.paymentSdk_pciContainer_4f34d329.paymentSdk_pciPcStyle_4f34d329 .paymentSdk_pciDateAndCvcBox_4f34d329 .paymentSdk_input_4f34d329 {
margin-bottom: 12px;
width: 50%
}
.paymentSdk_pciContainer_4f34d329.paymentSdk_pciMobileStyle_4f34d329 {
box-sizing: border-box;
padding: 0
}
.paymentSdk_pciContainer_4f34d329.paymentSdk_pciMobileStyle_4f34d329 .paymentSdk_pciDateAndCvcBox_4f34d329 {
display: block
}
.paymentSdk_pciContainer_4f34d329.paymentSdk_pciMobileStyle_4f34d329 .paymentSdk_pciDateAndCvcBox_4f34d329 .paymentSdk_input_4f34d329:first-child {
margin-right: 0
}
.paymentSdk_pciContainer_4f34d329 .paymentSdk_footerArea_4f34d329 {
min-height: 16px;
position: relative
}
.paymentSdk_pciContainer_4f34d329 .paymentSdk_skeletonBone_4f34d329 {
background: #2c2c2c;
border-radius: 4px;
height: 100%;
left: 0;
opacity: .05;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.paymentSdk_pciContainer_4f34d329 .paymentSdk_skeletonBone_4f34d329.paymentSdk_hidden_4f34d329 {
opacity: 0;
transition: opacity .5s;
z-index: -1
}
.paymentSdk_pciContainer_4f34d329 .paymentSdk_skeletonClient_4f34d329 {
opacity: 0
}
.paymentSdk_pciContainer_4f34d329 .paymentSdk_skeletonClient_4f34d329.paymentSdk_visible_4f34d329 {
opacity: 1;
transition: opacity .5s
}
.paymentSdk_HeaderContainer_fc702bf5 {
color: rgba(44,44,44,.75);
display: flex;
font-size: 14px;
line-height: 1;
width: 100%
}
.paymentSdk_HeaderSmallContainer_fc702bf5 {
flex-direction: column
}
.paymentSdk_HeaderSmallContainer_fc702bf5 .paymentSdk_HeaderLeftContent_fc702bf5 {
margin-bottom: 5px
}
.paymentSdk_HeaderLeftContent_fc702bf5 {
flex: 1;
flex-basis: 16px
}
.paymentSdk_HeaderRightContent_fc702bf5 {
margin-right: -5px
}
.paymentSdk_HeaderInfoIcon_fc702bf5, .paymentSdk_HeaderQuesIcon_fc702bf5 {
bottom: -2px;
color: rgba(44,44,44,.4);
display: inline-flex;
padding: 0 5px;
position: relative
}
.paymentSdk_supportTipContentTitle_fc702bf5 {
color: #242833;
font-size: 14px;
line-height: 1.42;
text-align: center;
width: 100%
}
.paymentSdk_supportTipContentTitleSm_fc702bf5 {
color: #7a8499;
font-size: 12px;
line-height: 1.33;
padding: 2px 0 8px;
text-align: center;
width: 100%
}
.paymentSdk_skeletonContainer_7346677b {
background: rgba(44,44,44,.05);
border-radius: 4px;
height: 100%;
width: 100%
}
.paymentSdk_InstallmentContainer_4aaebcb8 {
margin: 0 auto;
position: relative
}
.paymentSdk_InstallmentHeader_4aaebcb8, .paymentSdk_InstallmentSelect_4aaebcb8 {
margin-bottom: 12px;
margin-top: 12px
}
.paymentSdk_InstallmentContentLoading_4aaebcb8 .paymentSdk_InstallmentHeader_4aaebcb8 {
height: 10px
}
.paymentSdk_InstallmentContentLoading_4aaebcb8 .paymentSdk_InstallmentSelect_4aaebcb8 {
height: 48px
}
.paymentSdk_richText_ef90b042 strong {
font-weight: 700
}
.paymentSdk_simpleContainer_4a7b4598 {
align-items: center;
display: flex;
flex-direction: column
}
.paymentSdk_simpleContainer_4a7b4598 .paymentSdk_simpleImg_4a7b4598 {
height: auto;
max-width: 100%;
width: 200px
}
.paymentSdk_simpleContainer_4a7b4598 .paymentSdk_simpleImg_4a7b4598 + .paymentSdk_simpleDescription_4a7b4598 {
margin-top: 24px
}
.paymentSdk_simpleContainer_4a7b4598 .paymentSdk_simpleDescription_4a7b4598 {
color: rgba(44,44,44,.5);
font-size: 12px;
line-height: 18px;
text-align: center;
width: 100%;
word-break: break-word
}
.paymentSdk_paymentSdkPaypalContainer_de9ecd0e {
align-items: center;
display: flex;
flex-direction: column
}
.paymentSdk_paymentSdkPaypalContainer_de9ecd0e .paymentSdk_paypalImg_de9ecd0e {
height: 107px;
margin-bottom: 32px;
width: 192px
}
.paymentSdk_paymentSdkPaypalContainer_de9ecd0e .paymentSdk_paypalImg_de9ecd0e img {
max-width: 100%
}
.paymentSdk_paymentSdkPaypalContainer_de9ecd0e .paymentSdk_paypalTips_de9ecd0e {
color: #959595;
font-size: 12px;
line-height: 18px;
text-align: center
}
.paymentSdk_blockContainer_690ba59b {
align-items: center;
display: flex;
flex-direction: column
}
.paymentSdk_blockImg_690ba59b {
color: rgba(44,44,44,.5);
height: auto;
max-width: 100%;
width: 200px
}
.paymentSdk_blockImg_690ba59b + .paymentSdk_blockDescription_690ba59b {
margin-top: 24px
}
.paymentSdk_blockDescription_690ba59b {
color: rgba(44,44,44,.5);
font-size: 12px;
line-height: 18px;
text-align: center;
width: 100%;
word-break: break-word
}
.paymentSdk_footer_8da0e7ad {
display: flex;
font-size: 11px;
line-height: 16px
}
.paymentSdk_footer_8da0e7ad a, .paymentSdk_footer_8da0e7ad a:active, .paymentSdk_footer_8da0e7ad a:hover {
color: #466c63;
text-decoration: none
}
.paymentSdk_footerTips_8da0e7ad {
color: rgba(44,44,44,.5);
word-break: break-word
}
.paymentSdk_footerIcon_8da0e7ad {
color: #35c08e;
flex-shrink: 0;
height: 16px;
margin-right: 4px;
position: relative;
top: -1px;
width: 16px
}
.paymentSdk_selectContainer_4ade2ee7 * {
margin: 0
}
.paymentSdk_selectContainer_4ade2ee7 {
margin: 0 auto;
position: relative
}
.paymentSdk_selectWrap_4ade2ee7 {
box-sizing: border-box;
cursor: pointer;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.paymentSdk_selectErrorMsg_4ade2ee7 {
color: #f04949;
font-size: 14px;
height: 0;
line-height: 16px;
margin-left: 1px;
overflow: hidden;
transition: all .2s linear
}
.paymentSdk_selectErrorMsg_4ade2ee7.paymentSdk_selectErrorMsgShow_4ade2ee7 {
height: 19px;
margin-top: 6px
}
.paymentSdk_selectDropdown_4ade2ee7 {
border-radius: 6px;
box-shadow: 0 1px 3px rgba(54,62,81,.2),0 0 16px rgba(54,62,81,.1);
box-sizing: border-box;
left: 0;
max-height: 0;
overflow-y: scroll;
position: absolute;
top: 100%;
transition: max-height .15s linear;
width: 100%;
z-index: 2043
}
.paymentSdk_selectDropdown_4ade2ee7.paymentSdk_selectDropdownOpen_4ade2ee7 {
max-height: 434px
}
.paymentSdk_selectorWrap_c0811d81 {
background: #fff;
border: 1px solid hsla(0,0%,56%,.3);
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
height: 46px;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
.paymentSdk_selectorWrap_c0811d81.paymentSdk_selectorWrapError_c0811d81 {
border-color: #f04949;
box-shadow: 0 0 0 1px #f04949
}
.paymentSdk_selectLabelWrap_c0811d81 {
-webkit-tap-highlight-color: rgba(255,0,0,0);
align-items: center;
-webkit-appearance: none;
background-image: none;
border: none;
box-sizing: border-box;
color: #363d4d;
cursor: pointer;
display: flex;
font-size: 14px;
height: 100%;
line-height: 18px;
outline: none;
padding: 14px 16px;
position: relative;
transition: border-color .2s cubic-bezier(.645,.045,.355,1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
.paymentSdk_selectPlaceholder_c0811d81 {
color: #999
}
.paymentSdk_selectIcon_c0811d81 {
color: #1e1e1e;
position: absolute;
right: 19.75px;
top: calc(50% - 2px);
transform: translateY(-50%)
}
.paymentSdk_selectOptionImg_c0811d81 {
height: 20px;
margin-right: 10px
}
.paymentSdk_selectOptionWrap_0091ebf6 {
align-items: center;
background: #fff;
box-sizing: border-box;
color: #363d4d;
cursor: pointer;
display: flex;
font-size: 14px;
overflow: hidden;
padding: 12px;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.paymentSdk_selectOptionWrap_0091ebf6.paymentSdk_selectOptionDisabled_0091ebf6 {
background: #f7f8fb;
color: #b8becc;
cursor: not-allowed
}
.paymentSdk_selectOptionWrap_0091ebf6.paymentSdk_selectOptionActive_0091ebf6 {
background: #fff;
color: #363d4d
}
.paymentSdk_selectOptionContent_0091ebf6 {
display: flex;
flex: 1;
justify-content: center
}
.paymentSdk_selectOptionContent_0091ebf6.paymentSdk_selectOptionContentColumn_0091ebf6 {
flex-direction: column
}
.paymentSdk_selectOptionLabel_0091ebf6 {
flex: 1
}
.paymentSdk_selectOptionImg_0091ebf6 {
border-radius: 4px;
height: 38px;
margin-right: 10px
}
.paymentSdk_selectOptionDescription_0091ebf6 {
align-items: center;
color: #363d4d;
display: flex;
font-size: 12px
}
.paymentSdk_FPXContainer_deeec25b {
margin: 0 auto;
position: relative
}
.paymentSdk_FPXNextStepTip_deeec25b {
font-size: 12px;
line-height: 18px;
margin-bottom: 12px;
margin-top: 12px
}
.paymentSdk_FPXContentLoading_deeec25b .paymentSdk_FPXSelect_deeec25b {
height: 48px
}
.paymentSdk_FPXContentLoading_deeec25b .paymentSdk_FPXFooterTip_deeec25b {
height: 10px
}
.paymentSdk_FPXContentLoading_deeec25b .paymentSdk_FPXNextStepTip_deeec25b {
height: 20px
}
.paymentSdk_label_0362a216 {
color: rgba(44,44,44,.75);
font-size: 14px;
left: 64px;
line-height: 16px;
pointer-events: none;
position: absolute;
top: calc(50% - 8px);
transition: all .2s linear;
white-space: nowrap
}
.paymentSdk_label_0362a216.paymentSdk_stepAside_0362a216 {
font-size: 10px;
line-height: 14px;
top: 5px;
transition: all .2s linear
}
.paymentSdk_areaCode_0362a216 {
border-right: 1px solid rgba(44,44,44,.15);
bottom: 0;
height: 16px;
margin: auto;
text-align: center;
width: 48px
}
.paymentSdk_areaCode_0362a216, .paymentSdk_mobilePhone_0362a216 {
color: #2c2c2c;
font-size: 14px;
left: 0;
line-height: 16px;
position: absolute;
top: 0
}
.paymentSdk_mobilePhone_0362a216 {
background: none;
border: none;
box-shadow: none;
box-sizing: border-box;
height: 100%;
margin: 0;
padding: 20px 16px 4px 64px;
width: 100%
}
.paymentSdk_mobilePhone_0362a216:focus, .paymentSdk_mobilePhone_0362a216:focus-visible, .paymentSdk_mobilePhone_0362a216:hover {
background: none;
border: none;
box-shadow: none;
margin: 0;
outline: none
}
.paymentSdk_mobilePhone_0362a216:-webkit-autofill, .paymentSdk_mobilePhone_0362a216:-webkit-autofill:focus {
-webkit-box-shadow: none;
-webkit-transition: background-color 600000s 0s,color 600000s 0s;
transition: background-color 600000s 0s,color 600000s 0s
}
.paymentSdk_mobilePhone_0362a216::-ms-clear, .paymentSdk_mobilePhone_0362a216::-ms-reveal {
display: none;
height: 0;
width: 0
}
.paymentSdk_inputContainer_b4ec2ee5 {
overflow: visible;
position: relative;
transition: all .2s linear;
width: 100%
}
.paymentSdk_inputContainer_b4ec2ee5 .paymentSdk_inputWrap_b4ec2ee5 {
background: #fff;
border: 1px solid;
border-radius: 4px;
box-sizing: border-box;
color: rgba(44,44,44,.15);
height: 46px;
overflow: hidden;
position: relative;
z-index: 1
}
.paymentSdk_inputContainer_b4ec2ee5 .paymentSdk_inputWrap_b4ec2ee5.paymentSdk_focused_b4ec2ee5 {
border-color: currentColor;
box-shadow: 0 0 0 1px currentColor;
color: #276eaf
}
.paymentSdk_inputContainer_b4ec2ee5.paymentSdk_error_b4ec2ee5 .paymentSdk_inputWrap_b4ec2ee5 {
border-color: currentColor;
box-shadow: 0 0 0 1px currentColor;
color: #f04949
}
.paymentSdk_extraMessageContainer_186d9e75 {
color: undefined;
font-size: 14px;
line-height: 16px;
margin-left: 1px;
margin-top: undefined;
overflow: hidden;
transition: all .2s linear
}
.paymentSdk_extraMessageContainer_186d9e75.paymentSdk_hidden_186d9e75 {
height: 0;
margin-top: 0
}
.paymentSdk_extraMessageContainer_186d9e75.paymentSdk_error_186d9e75 {
color: #f04949
}
.paymentSdk_OVOContainer_887e8679 {
margin: 0 auto;
position: relative
}
.paymentSdk_OVONextStepTip_887e8679 {
font-size: 12px;
line-height: 18px;
margin-bottom: 12px
}
.paymentSdk_OVOFooterTip_887e8679 {
margin-top: 12px
}
.paymentSdk_OVOContentLoading_887e8679 .paymentSdk_OVOFooterTip_887e8679 {
height: 10px
}
.paymentSdk_OVOContentLoading_887e8679 .paymentSdk_OVONextStepTip_887e8679 {
height: 20px
}
.paymentSdk_VirtualAccountContainer_97300547 {
margin: 0 auto;
position: relative
}
.paymentSdk_VirtualAccountFooterTip_97300547 {
font-size: 12px;
line-height: 18px;
margin-top: 12px
}
.paymentSdk_VirtualAccountContentLoading_97300547 .paymentSdk_VirtualAccountFooterTip_97300547 {
height: 10px
}
.paymentSdk_label_25c3192c {
color: rgba(44,44,44,.75);
font-size: 12px
}
.paymentSdk_gutter_b3918210 {
margin-bottom: 12px
}
.paymentSdk_wrap_cc77b6e9 {
border: 1px solid rgba(44,44,44,.15);
border-radius: 4px;
overflow: hidden
}
.paymentSdk_item_cc77b6e9 {
align-items: center;
background: #fff;
box-sizing: border-box;
cursor: pointer;
display: flex;
height: 52px;
padding: 0 16px
}
.paymentSdk_item_cc77b6e9 + .paymentSdk_item_cc77b6e9 {
border-top: 1px solid rgba(44,44,44,.15)
}
.paymentSdk_imgWrapper_cc77b6e9 {
height: 24px;
width: 38px
}
.paymentSdk_imgWrapper_cc77b6e9 img {
display: block;
height: 100%;
width: 100%
}
.paymentSdk_label_cc77b6e9 {
color: rgba(44,44,44,.75);
flex: 1;
font-size: 14px;
padding: 0 8px
}
.paymentSdk_suffix_cc77b6e9 {
color: rgba(44,44,44,.75);
font-size: 12px;
padding: 0 8px
}
.paymentSdk_footer_cc77b6e9 {
color: #276eaf
}
.paymentSdk_disabled_cc77b6e9 {
color: #b8becc;
cursor: not-allowed;
opacity: .5
}
.paymentSdk_wrap_6b4f8a9e {
align-items: baseline;
cursor: pointer;
display: inline-flex;
font-size: 11px;
line-height: 16px
}
.paymentSdk_wrap_6b4f8a9e svg {
vertical-align: baseline
}
.paymentSdk_checkbox_6b4f8a9e {
height: 16px;
position: relative;
top: 4px;
width: 16px
}
.paymentSdk_active_6b4f8a9e {
color: #276eaf
}
.paymentSdk_off_6b4f8a9e {
color: #ddddd8
}
.paymentSdk_content_6b4f8a9e {
padding: 0 4px;
word-break: break-word
}
.paymentSdk_line_3c6da75b {
border-top: 1px solid rgba(44,44,44,.15);
margin: 12px 0
}
.paymentSdk_footer_3c6da75b {
margin-bottom: 12px
}
.paymentSdk_hide_b8c2a1c9 {
display: none
}
@-webkit-keyframes skeleton {
0% {
background-position: 100% 50%
}
to {
background-position: 0 50%
}
}
@-moz-keyframes skeleton {
0% {
background-position: 100% 50%
}
to {
background-position: 0 50%
}
}
@-o-keyframes skeleton {
0% {
background-position: 100% 50%
}
to {
background-position: 0 50%
}
}
.btn {
border: none
}
.btn--ghost {
background: transparent;
font-weight: 400;
padding: 0
}
.btn.disabled {
cursor: not-allowed !important;
opacity: .4
}
.btn--normal {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 56px;
width: 196px
}
.btn-group {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-webkit-box-pack: justify;
-moz-box-pack: justify;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 24px;
width: 100%
}
@media only screen and (min-width:751px) {
.btn-group {
margin-top: -20px
}
.btn-group #paypal-payNow-wrapper, .btn-group .btn {
margin-top: 20px
}
.btn-group #paypal-subscription-wrapper {
margin-bottom: -2px;
margin-top: -4px
}
}
@media only screen and (max-width:750px) {
.btn-group {
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
margin: 0 !important
}
.btn-group .btn {
width: 100%
}
.btn-group .btn--normal {
height: 68px;
margin-bottom: 24px
}
.btn-group #paypal-subscription-wrapper {
margin-bottom: 22px;
margin-top: -8px
}
}
.repay-btn-group {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row
}
@media only screen and (min-width:751px) {
.main-footer .shopline-section {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
}
.trade_checkout_checkbox_wrapper {
cursor: pointer
}
.trade_checkout_checkbox {
-webkit-font-feature-settings: "tnum";
-moz-font-feature-settings: "tnum";
font-feature-settings: "tnum";
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: rgba(0,0,0,.85);
cursor: pointer;
display: inline-block;
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
line-height: 1;
list-style: none;
margin-right: 8px;
margin-top: 2px;
outline: none;
padding: 0;
position: relative;
top: -.09em;
vertical-align: middle;
white-space: nowrap
}
.trade_checkout_checkbox.trade_checkout_checkbox-checked .trade_checkout_checkbox-inner {
background-color: #2b2b2b;
border-color: #2b2b2b
}
.trade_checkout_checkbox-input {
bottom: 0;
cursor: pointer;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1
}
.trade_checkout_checkbox.trade_checkout_checkbox-checked .trade_checkout_checkbox-inner {
background: #276EAF !important;
border-color: #276EAF !important;
}
.trade_checkout_checkbox.trade_checkout_checkbox__disabled .trade_checkout_checkbox-inner {
background: rgba(142, 142, 142, 0.2) !important;
border: 1px solid rgba(142, 142, 142, 0.3) !important;
}
.trade_checkout_checkbox-inner {
background-color: transparent;
border-collapse: separate;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
direction: ltr;
display: block;
height: 16px;
left: 0;
position: relative;
top: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
width: 16px
}
.trade_checkout_checkbox-checked .trade_checkout_checkbox-inner:after {
border: 2px solid #fff;
border-left: 0;
border-top: 0;
content: " ";
display: table;
opacity: 1;
position: absolute;
-webkit-transform: rotate(45deg) scale(1) translate(-50%,-50%);
-moz-transform: rotate(45deg) scale(1) translate(-50%,-50%);
-o-transform: rotate(45deg) scale(1) translate(-50%,-50%);
transform: rotate(45deg) scale(1) translate(-50%,-50%);
-webkit-transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
-o-transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
-moz-transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s
}
.trade_checkout_checkbox-inner:after {
border: 2px solid #fff;
border-left: 0;
border-top: 0;
content: " ";
display: table;
height: 9.14285714px;
left: 22%;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transform: rotate(45deg) scale(0) translate(-50%,-50%);
-moz-transform: rotate(45deg) scale(0) translate(-50%,-50%);
-o-transform: rotate(45deg) scale(0) translate(-50%,-50%);
transform: rotate(45deg) scale(0) translate(-50%,-50%);
-webkit-transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
-o-transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
-moz-transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
width: 5.71428571px
}
.trade_checkout_checkbox.trade_checkout_checkbox-checked:after {
background: #276EAF !important;
border-color: #276EAF !important;
}
.trade_checkout_checkbox-checked:after {
-webkit-animation: antCheckboxEffect .36s ease-in-out;
-moz-animation: antCheckboxEffect .36s ease-in-out;
-o-animation: antCheckboxEffect .36s ease-in-out;
animation: antCheckboxEffect .36s ease-in-out;
-webkit-animation-fill-mode: backwards;
-moz-animation-fill-mode: backwards;
-o-animation-fill-mode: backwards;
animation-fill-mode: backwards;
border: 1px solid #276EAF;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
visibility: hidden;
width: 100%
}
.trade_input {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
font-size: 14px;
-webkit-justify-content: space-between;
justify-content: space-between;
line-height: 1.4;
position: relative;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
width: 100%
}
.trade_input:after {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-style: solid;
border-width: 1px;
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
-webkit-transition: border-color .3s;
-o-transition: border-color .3s;
-moz-transition: border-color .3s;
transition: border-color .3s;
z-index: 1
}
.trade_input__inpEle:not(:-moz-placeholder-shown) + .placeholder, .trade_input__selectEle:not(:-moz-placeholder-shown) + .placeholder {
top: 22px;
-moz-transform: scale(.714) translateY(-100%);
transform: scale(.714) translateY(-100%);
white-space: nowrap;
word-break: normal
}
.trade_input:focus-within .placeholder, .trade_input__inpEle:not(:placeholder-shown) + .placeholder, .trade_input__selectEle:not(:placeholder-shown) + .placeholder {
top: 22px;
-webkit-transform: scale(.714) translateY(-100%);
-moz-transform: scale(.714) translateY(-100%);
-o-transform: scale(.714) translateY(-100%);
transform: scale(.714) translateY(-100%);
white-space: nowrap;
word-break: normal
}
.trade_input.is-focus:after, .trade_input:focus-within:after, .trade_input:focus:after {
border-color: #276EAF;
border-width: 2px
}
.trade_input.is-error:after {
border-color: #F04949;
}
.trade_input.is-disabled {
cursor: not-allowed
}
.trade_input.is-disabled input, .trade_input.is-disabled select {
background-color: rgba(142, 142, 142, 0.2) !important;
border-color: rgba(142, 142, 142, 0.3) !important;
cursor: not-allowed;
pointer-events: none
}
.trade_input-area {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex: 1;
flex: 1;
position: relative
}
.trade_input .trade_input-area input, .trade_input .trade_input-area select {
border: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
line-height: 1.15;
padding: 22px 12px 8px;
width: 100%
}
.trade_input .trade_input-area select option {
color: #2c2c2c;
}
.trade_input .trade_input-area select {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
padding-right: 30px;
position: relative
}
.trade_input .trade_input-area input[type=tel] {
padding: 22px 12px 8px
}
.trade_input-area input::-webkit-input-placeholder {
font-size: 0
}
.trade_input-area input:-moz-placeholder, .trade_input-area input::-moz-placeholder {
font-size: 0
}
.trade_input-area input::-ms-input-placeholder {
font-size: 0
}
.trade_input-area input::placeholder {
font-size: 0
}
.trade_input-area .placeholder {
left: 12px;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: -o-transform .3s ease;
-moz-transition: transform .3s ease,-moz-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease,-o-transform .3s ease;
white-space: nowrap;
word-break: break-word;
z-index: 4
}
.trade_input__addonAfter {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
height: 100%;
position: absolute !important;
right: 6px;
z-index: 1
}
.trade_input__staticAddonAfter {
background: white;
padding-bottom: 6px;
padding-right: 6px;
padding-top: 6px
}
input[type=radio]:checked {
border-color: #276EAF !important;
}
input[type=radio]:checked:after {
background: #276EAF !important;
}
.trade_textarea {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-flex-direction: column;
flex-direction: column;
font-size: 14px;
-webkit-justify-content: space-between;
justify-content: space-between;
line-height: 1.4;
position: relative;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
width: 100%
}
.trade_textarea:before {
content: "";
display: block;
height: 22px;
width: 100%
}
.trade_textarea:after {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border-style: solid;
border-width: 1px;
bottom: 0;
content: "";
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
-webkit-transition: border-color .3s;
-o-transition: border-color .3s;
-moz-transition: border-color .3s;
transition: border-color .3s;
z-index: 1
}
.trade_textarea:focus-within:after, .trade_textarea:focus:after {
border-color: #276EAF;
border-width: 2px
}
.trade_textarea textarea {
border: none;
height: 24px;
max-height: 600px;
min-height: 24px;
padding: 0 16px;
width: 100%
}
.trade_textarea textarea::-webkit-input-placeholder {
font-size: 0
}
.trade_textarea textarea:-moz-placeholder, .trade_textarea textarea::-moz-placeholder {
font-size: 0
}
.trade_textarea textarea::-ms-input-placeholder {
font-size: 0
}
.trade_textarea textarea::placeholder {
font-size: 0
}
.trade_textarea .placeholder {
left: 16px;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: -o-transform .3s ease;
-moz-transition: transform .3s ease,-moz-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease,-o-transform .3s ease;
white-space: nowrap;
word-break: break-word;
z-index: 4
}
.trade_textarea__inpEle:not(:-moz-placeholder-shown) + .placeholder {
top: 22px;
-moz-transform: scale(.8) translateY(-100%);
transform: scale(.8) translateY(-100%);
white-space: nowrap;
word-break: normal
}
.trade_textarea:focus-within .placeholder, .trade_textarea__inpEle:not(:placeholder-shown) + .placeholder {
top: 22px;
-webkit-transform: scale(.8) translateY(-100%);
-moz-transform: scale(.8) translateY(-100%);
-o-transform: scale(.8) translateY(-100%);
transform: scale(.8) translateY(-100%);
white-space: nowrap;
word-break: normal
}
.credit-card-component-box {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
font-size: 0
}
.credit-card-component-box-imgs > img {
height: 24px;
margin-right: 12px
}
.credit-card-component-box-imgs > img:last-of-type {
margin-right: 0
}
.credit-card-component-box span {
display: none;
opacity: 0
}
@media screen and (max-width:999px) {
.credit-card-component-box-imgs {
height: 24px;
max-width: 150px;
overflow: hidden
}
.credit-card-component-box span {
color: #888;
display: inline;
font-size: 12px;
line-height: 2;
white-space: nowrap
}
}
.sl-component-loading-example {
height: 200px;
width: 200px
}
.sl-component-loading {
color: transparent !important;
position: relative
}
.sl-component-loading:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0
}
.sl-component-loading:after {
-webkit-animation: rotate .8s linear 0s infinite;
-moz-animation: rotate .8s linear 0s infinite;
-o-animation: rotate .8s linear 0s infinite;
animation: rotate .8s linear 0s infinite;
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIgMTBhOCA4IDAgMSAwIDgtOCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjQiLz48L3N2Zz4=");
height: 20px;
left: -webkit-calc(50% - 10px);
left: -moz-calc(50% - 10px);
left: calc(50% - 10px);
position: absolute;
top: -webkit-calc(50% - 10px);
top: -moz-calc(50% - 10px);
top: calc(50% - 10px);
width: 20px;
z-index: 10
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-moz-keyframes rotate {
0% {
-moz-transform: rotate(0);
transform: rotate(0)
}
to {
-moz-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-o-keyframes rotate {
0% {
-o-transform: rotate(0);
transform: rotate(0)
}
to {
-o-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(1turn);
-moz-transform: rotate(1turn);
-o-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.sl-component-image-container {
display: inline-block;
position: relative
}
.sl-component-image-info {
background: hsla(0,0%,100%,.64);
bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: none;
font-size: 10px;
font-weight: 500;
padding: 4px;
position: absolute;
text-align: center;
width: 100%
}
.trade-checkout-safety-logo:not(:empty) .trade-checkout-safety-logo-title {
font-size: 14px;
margin-bottom: 16px;
word-break: break-word
}
.trade-checkout-safety-logo:not(:empty) .trade-checkout-safety-logo-list {
margin-bottom: -6px
}
.trade-checkout-safety-logo:not(:empty) .trade-checkout-safety-logo-list .trade-checkout-safety-logo-boxes {
margin-bottom: 16px;
padding-left: 28px;
background: url(/images/secure_icon.svg) no-repeat;
background-size: 28px 28px;
}
.trade-checkout-safety-logo:not(:empty) .trade-checkout-safety-logo-list .safety-logo-icon {
height: 24px;
margin-bottom: 6px;
margin-right: 12px;
width: 39px
}
.trade-checkout-safety-logo:not(:empty) .trade-checkout-safety-logo-list .safety-logo-image {
max-height: 60px;
max-width: 100%
}
.trade-checkout-safety-logo:not(:empty) .trade-checkout-safety-logo-pre {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin: 0 0 24px;
padding: 16px;
white-space: normal;
word-break: break-word
}
.trade-checkout-safety-logo:not(:empty) .trade-checkout-safety-logo-pre > p {
margin-bottom: 0
}
.trade-checkout-safety-logo:not(:empty) .trade-checkout-safety-logo-list-pc {
display: block
}
.trade-checkout-safety-logo:not(:empty) .trade-checkout-safety-logo-list-mobile {
display: none;
margin-bottom: -6px !important
}
.trade-checkout-safety-logo:not(:empty) > :first-child {
margin-top: 18px !important
}
.trade-checkout-safety-logo:not(:empty) > :last-child {
margin-bottom: 24px !important
}
@media screen and (max-width:999px) {
.trade-checkout-safety-logo:not(:empty) .trade-checkout-safety-logo-list-pc {
display: none
}
.trade-checkout-safety-logo:not(:empty) .trade-checkout-safety-logo-list-mobile {
display: block
}
}
@media screen and (max-width:750px) {
.trade-checkout-safety-logo:not(:empty) > :first-child {
margin-top: 0 !important
}
}
.checkout_copy_right {
font-size: 12px;
line-height: 140%;
margin-bottom: 24px;
opacity: .5;
text-align: center
}
@media only screen and (min-width:1000px) {
.checkout_copy_right {
text-align: left
}
}
.checkout-description-footer {
margin-bottom: -12px
}
.checkout_policy_description {
margin-bottom: 24px
}
.checkout_policy_description ul {
list-style-type: none;
overflow: hidden
}
.checkout_policy_description ul li {
cursor: pointer;
float: left;
font-size: 12px;
margin-bottom: 12px;
margin-right: 16px
}
.trade-checkout-delivery-form .checkout-shipment__header, .trade-checkout-delivery-form .modules-header, .trade-checkout-delivery-form .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_header, .trade_checkout_tips .trade_checkout_tips_wrap .trade-checkout-delivery-form .trade_checkout_tips_header {
overflow: hidden
}
.trade-checkout-delivery-form .checkout-shipment__header .trade-checkout-delivery-method-right, .trade-checkout-delivery-form .modules-header .trade-checkout-delivery-method-right, .trade-checkout-delivery-form .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_header .trade-checkout-delivery-method-right, .trade_checkout_tips .trade_checkout_tips_wrap .trade-checkout-delivery-form .trade_checkout_tips_header .trade-checkout-delivery-method-right {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
float: right;
font-size: 14px;
font-weight: 400
}
.trade-checkout-delivery-form .checkout-shipment__header .trade-checkout-delivery-method-right .trade-checkout-delivery-method-select, .trade-checkout-delivery-form .modules-header .trade-checkout-delivery-method-right .trade-checkout-delivery-method-select, .trade-checkout-delivery-form .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_header .trade-checkout-delivery-method-right .trade-checkout-delivery-method-select, .trade_checkout_tips .trade_checkout_tips_wrap .trade-checkout-delivery-form .trade_checkout_tips_header .trade-checkout-delivery-method-right .trade-checkout-delivery-method-select {
display: inline-block;
margin-left: 2px;
position: relative
}
.trade-checkout-delivery-form .checkout-shipment__header .trade-checkout-delivery-method-right .trade-checkout-delivery-method-select select, .trade-checkout-delivery-form .modules-header .trade-checkout-delivery-method-right .trade-checkout-delivery-method-select select, .trade-checkout-delivery-form .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_header .trade-checkout-delivery-method-right .trade-checkout-delivery-method-select select, .trade_checkout_tips .trade_checkout_tips_wrap .trade-checkout-delivery-form .trade_checkout_tips_header .trade-checkout-delivery-method-right .trade-checkout-delivery-method-select select {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
background-color: unset !important;
border: none;
opacity: 0;
position: absolute;
right: 0;
top: 0;
white-space: nowrap
}
.trade-checkout-delivery-form .checkout-shipment__header .trade-checkout-delivery-method-right .trade-checkout-delivery-method-select select option, .trade-checkout-delivery-form .modules-header .trade-checkout-delivery-method-right .trade-checkout-delivery-method-select select option, .trade-checkout-delivery-form .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_header .trade-checkout-delivery-method-right .trade-checkout-delivery-method-select select option, .trade_checkout_tips .trade_checkout_tips_wrap .trade-checkout-delivery-form .trade_checkout_tips_header .trade-checkout-delivery-method-right .trade-checkout-delivery-method-select select option {
color: #2c2c2c;
}
.trade-checkout-delivery-form .checkout-shipment__header .trade-checkout-delivery-method-right svg, .trade-checkout-delivery-form .modules-header .trade-checkout-delivery-method-right svg, .trade-checkout-delivery-form .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_header .trade-checkout-delivery-method-right svg, .trade_checkout_tips .trade_checkout_tips_wrap .trade-checkout-delivery-form .trade_checkout_tips_header .trade-checkout-delivery-method-right svg {
margin-left: 4px
}
.trade-checkout-delivery-form .form-border-box-item-detail-input {
position: relative
}
.trade-checkout-delivery-form .form-border-box-item-detail-input .form-border-box-item-detail-input-icon {
cursor: pointer;
margin-right: 12px
}
.delivery-method-item {
overflow: hidden;
-webkit-transition: .25s all ease-in-out;
-o-transition: .25s all ease-in-out;
-moz-transition: .25s all ease-in-out;
transition: .25s all ease-in-out
}
.delivery-method-container {
-webkit-transition-duration: .38s;
-moz-transition-duration: .38s;
-o-transition-duration: .38s;
transition-duration: .38s
}
.delivery-method-hidden {
border-bottom: 0 !important;
max-height: 0
}
.form-border-box {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
overflow: hidden
}
.form-border-box-item {
border-bottom: 1px solid rgba(44, 44, 44, 0.08);
}
.form-border-box-item:last-child {
border-bottom-width: 0
}
.receiverBox {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
.receiverBox > div {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
flex: 1;
margin-bottom: 0 !important
}
.form-border-box-item-detail-input:nth-child(odd) {
margin-right: 16px
}
.form-border-box-radio-item {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
.form-border-box-radio-item > input[type=radio] {
-webkit-align-self: flex-start;
align-self: flex-start;
margin-right: 8px;
margin-top: 2px
}
.form-border-box-radio-item > label {
-webkit-box-flex: 1;
-moz-box-flex: 1;
cursor: pointer;
-webkit-flex: 1;
flex: 1;
margin-bottom: 0
}
@media screen and (max-width:999px) {
#trade-checkout-delivery-form .receiverBox {
display: block;
margin-bottom: 16px;
margin-right: 0;
width: 100%
}
#trade-checkout-delivery-form .receiverBox > div {
width: 100%
}
#trade-checkout-delivery-form .receiverBox > div[sl-form-item-name=receiverMobile] {
margin-top: 16px
}
#trade-checkout-delivery-form .trade-checkout-delivery-method-right {
display: block;
float: none;
font-size: 14px;
font-weight: 400;
margin-top: 10px;
overflow: hidden
}
.input-icon-tooltip.rc-tooltip-placement-topRight .rc-tooltip-content .rc-tooltip-arrow {
-webkit-transform: translateX(39px);
-moz-transform: translateX(39px);
-o-transform: translateX(39px);
transform: translateX(39px)
}
.input-icon-tooltip.rc-tooltip-placement-topRight .rc-tooltip-content .rc-tooltip-inner {
-webkit-transform: translateX(18px);
-moz-transform: translateX(18px);
-o-transform: translateX(18px);
transform: translateX(18px)
}
}
.form-control {
background-clip: padding-box;
background-color: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #1e1e1e;
display: block;
font-size: 14px;
height: -webkit-calc(2.25rem + 2px);
height: -moz-calc(2.25rem + 2px);
height: calc(2.25rem + 2px);
line-height: 1.5;
padding: 0 16px;
-webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
-o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-moz-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-moz-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out,-moz-box-shadow .15s ease-in-out;
width: 100%
}
.form-control.invalid:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
input.invalid, input.invalid:focus {
border-color: #d1d1d1
}
.checkout__form-group {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
margin-bottom: 12px;
position: relative
}
.sl_section--normal {
margin-bottom: 48px;
}
#trade-summations, .sidebar__fixBox .trade_coupon__wrapper, .sl_section--small, .trade_checkout__exp__line, .trade_checkout_breadcrumb {
margin-bottom: 24px;
}
.sl_section--large {
margin-bottom: 56px;
}
@media only screen and (max-width:999px) {
.sl_section--normal {
margin-bottom: 32px;
}
#trade-summations, .sidebar__fixBox .trade_coupon__wrapper, .sl_section--small, .trade_checkout__exp__line, .trade_checkout_breadcrumb {
margin-bottom: 24px;
}
.sl_section--large {
margin-bottom: 32px;
}
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main > div {
margin-bottom: 12px;
}
.component_interior_space--padding_n, .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main {
padding: 16px;
}
@media screen and (max-width:999px) {
.main, .trade_checkout, .trade_wrapper, body, html {
}
.content_wrapper {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1 0 auto;
flex: 1 0 auto
}
body, html {
height: -webkit-fill-available
}
}
@media(max-width:999px) {
.trade_checkout {
-webkit-overflow-scrolling: touch
}
}
@media screen and (min-width:999px) {
.trade_checkout .main-footer {
margin-top: -24px
}
}
@media screen and (max-width:998px) {
.trade_checkout .main-footer {
margin-top: -8px
}
}
.trade_checkout .btn-group {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center
}
.trade_checkout .btn-group #stock_problems_back-to-cart, .trade_checkout .btn-group #trade-back {
padding-top: 0;
width: auto
}
@media screen and (max-width:750px) {
.trade_checkout .btn-group #stock_problems_back-to-cart, .trade_checkout .btn-group #trade-back {
margin: 0 auto 24px;
}
}
.trade_checkout .btn-group.showSMB {
-webkit-box-align: end;
-moz-box-align: end;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse
}
.trade_checkout .btn-group.showSMB #trade-back {
padding-top: 11px;
width: auto
}
@media screen and (max-width:750px) {
.trade_checkout .btn-group.showSMB #trade-back {
margin: 0 auto 24px;
}
}
.trade_checkout .hide {
display: none !important
}
.trade_checkout .visibility_hide {
visibility: hidden
}
@media screen and (max-width:750px) {
.trade_checkout .visibility_hide {
display: none !important
}
}
.trade_checkout .tip {
color: #2c2c2c;
font-size: 12px;
line-height: 1.4;
margin-bottom: 0;
opacity: .4
}
.block-select-field .block-select-group .trade_checkout .group-item-head, .checkout-shipment .trade_checkout .express-header, .trade_checkout .block-select-field .block-select-group .group-item-head, .trade_checkout .checkout-shipment .express-header, .trade_checkout .form-border-box-radio-item, .trade_checkout .payment--empty, .trade_checkout .payment__errTips {
padding: 16px
}
.block-select-field .block-select-group .group-item-head .trade_checkout .head-name, .checkout-shipment .express--store-pickup .trade_checkout label > span:nth-child(2) > span:first-child, .checkout-shipment .trade_checkout .express-header__title, .trade_checkout .block-select-field .block-select-group .group-item-head .head-name, .trade_checkout .checkout-shipment .express--store-pickup label > span:nth-child(2) > span:first-child, .trade_checkout .checkout-shipment .express-header__title, .trade_checkout .form-border-box-radio-item > label {
font-weight: 500
}
.trade_checkout .checkout-shipment__header, .trade_checkout .modules-header, .trade_checkout .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_header, .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout .trade_checkout_tips_header {
font-size: 18px;
font-weight: 400;
line-height: 21px;
margin-bottom: 16px;
word-break: break-word
}
@media screen and (max-width:750px) {
.trade_checkout .checkout-shipment__header, .trade_checkout .modules-header, .trade_checkout .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_header, .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout .trade_checkout_tips_header {
margin-bottom: 12px
}
}
.trade_checkout .modules-header-no-wrap.checkout-shipment__header, .trade_checkout .modules-header.modules-header-no-wrap, .trade_checkout .trade_checkout_tips .trade_checkout_tips_wrap .modules-header-no-wrap.trade_checkout_tips_header, .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout .modules-header-no-wrap.trade_checkout_tips_header {
margin-bottom: 8px
}
.ui_footer {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center
}
.ui_footer, .ui_footer .trade_checkout_checkbox_wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
.ui_footer .trade_checkout_checkbox_wrapper {
font-weight: 400;
margin-bottom: 0
}
.trade_countries_selector {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
height: 100%;
padding-right: 16px
}
.trade_countries_selector, .trade_countries_selector .tc_value {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
position: relative
}
.trade_countries_selector .tc_value {
-webkit-box-pack: center;
-moz-box-pack: center;
border-left: 1px solid #efefef;
display: none;
height: 26px;
-webkit-justify-content: center;
justify-content: center;
width: 60px
}
.trade_countries_selector .tc_value .trade_select_icon {
right: 0
}
.trade_countries_selector select {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%
}
.trade-checkout-whole-footer__baseline {
height: 1px;
width: 100%
}
input[type=radio] {
cursor: pointer
}
.co-toast {
background: rgba(0,0,0,.7);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #fff;
left: 50%;
line-height: 1.5;
max-width: 400px;
padding: 10px 20px;
position: fixed;
text-align: left;
top: 30%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
word-break: break-word;
z-index: 1000
}
.trade_wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
zoom: 1;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-direction: row;
flex-direction: row;
margin: 0 auto
}
@media screen and (min-width:1200px) {
.trade_wrapper {
max-width: 1100px
}
}
@media screen and (min-width:1000px)and (max-width:1199px) {
.trade_wrapper {
padding: 0 50px
}
}
@media screen and (max-width:999px) {
.trade_wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
padding: 0
}
.trade_wrapper, .trade_wrapper .threepage {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
flex: 1
}
}
@media screen and (min-width:1000px) {
.content.content_wrapper, .trade_wrapper {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1
}
.content.content_wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
}
.trade_checkout__exp__title:after, .trade_checkout__exp__title:before {
-webkit-box-flex: 1;
-moz-box-flex: 1;
content: "";
-webkit-flex: 1 0 16px;
flex: 1 0 16px;
height: 1px;
min-width: 24px
}
.trade_checkout__exp__title {
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
font-size: 14px;
font-weight: 400;
-webkit-justify-content: center;
justify-content: center;
margin: 0;
text-align: center;
width: 100%
}
.trade_checkout__exp__title:after {
margin-left: 12px
}
.trade_checkout__exp__title:before {
margin-right: 12px
}
.trade_checkout__exp {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
line-height: 0;
padding: 16px 0
}
.trade_checkout__exp__content {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align: center;
width: 100%
}
@media screen and (min-width:1000px) {
.trade_checkout__exp__content .express-checkout-button-list {
-webkit-box-pack: justify;
-moz-box-pack: justify;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
gap: 12px;
-webkit-justify-content: space-between;
justify-content: space-between
}
.trade_checkout__exp__content .express-checkout-button-list .payment-button-common-item {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
flex: 1;
margin-bottom: 0
}
}
.trade_checkout__exp__skeleton {
height: 48px;
overflow: hidden
}
@media screen and (max-width:999px) {
.trade_checkout__exp .trade_checkout__exp {
margin: 24px 12px
}
.trade_checkout__exp__skeleton {
height: auto !important;
min-height: 55px !important;
overflow: hidden
}
}
.trade_checkout__exp__line {
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
color: #2c2c2c;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-justify-content: center;
justify-content: center
}
.trade_checkout__exp__line .lineLeft, .trade_checkout__exp__line .lineRight {
-webkit-box-flex: 1;
-moz-box-flex: 1;
display: inline-block;
-webkit-flex: 1 1 1%;
flex: 1 1 1%;
height: 1px;
min-width: 24px
}
.trade_checkout__exp__line .lineText {
font-size: 12px;
padding: 0 20px;
text-align: center;
word-break: break-word
}
.trade_header-wrapper {
position: relative;
width: 100%
}
.trade_header-wrapper .logo_wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
height: 100%;
position: relative
}
.trade_header-wrapper .logo-outer {
-moz-background-size: cover;
background-size: cover;
height: 100%;
width: 100%;
z-index: 1
}
.trade_header-wrapper .logo-outer.position-top {
background-position: top
}
.trade_header-wrapper .logo-outer.position-center {
background-position: 50%
}
.trade_header-wrapper .logo-outer.position-bottom {
background-position: bottom
}
@media screen and (max-width:999px) {
.trade_header-wrapper.pc {
display: none
}
.trade_header-wrapper.mobile {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
.trade_header-wrapper .banner-img.pc, .trade_header-wrapper .height-not-natural.pc {
display: none
}
.trade_header-wrapper .banner-img.mobile, .trade_header-wrapper .height-not-natural.mobile {
display: inline
}
.trade_header-wrapper.low .banner-img, .trade_header-wrapper.low .logo-outer {
height: 80px
}
.trade_header-wrapper.high .banner-img, .trade_header-wrapper.high .logo-outer {
height: 160px
}
.trade_header-wrapper.natural .logo_wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
height: auto;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: -webkit-fill-available;
width: -moz-fill-available;
width: -moz-available;
width: fill-available
}
}
@media screen and (max-width:999px)and (max-width:750px) {
.trade_header-wrapper.natural .logo_wrapper {
padding: 0 16px
}
}
@media screen and (max-width:999px) {
.trade_header-wrapper.natural .logo_wrapper.align-left {
left: -webkit-calc(50vw - 284px);
left: -moz-calc(50vw - 284px);
left: calc(50vw - 284px);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
}
@media screen and (max-width:999px)and (max-width:568px) {
.trade_header-wrapper.natural .logo_wrapper.align-left {
left: 0
}
}
@media screen and (max-width:999px) {
.trade_header-wrapper .logo_wrapper {
margin: 0 auto;
max-width: 568px
}
}
@media screen and (max-width:999px)and (max-width:750px) {
.trade_header-wrapper .logo_wrapper {
padding: 0 16px
}
}
@media screen and (max-width:999px) {
.trade_header-wrapper .logo_wrapper.align-left {
-webkit-box-pack: start;
-moz-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.trade_header-wrapper .logo_wrapper.align-center, .trade_header-wrapper .logo_wrapper.align-right {
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
justify-content: center
}
}
@media screen and (max-width:999px)and (max-width:999px) {
.trade_header-wrapper .logo_wrapper {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center
}
}
@media screen and (max-width:999px) {
.block-select-field .block-select-group .trade_header-wrapper .Affirm-logo, .block-select-field .block-select-group .trade_header-wrapper .Afterpay-logo, .block-select-field .block-select-group .trade_header-wrapper .Boost-logo, .block-select-field .block-select-group .trade_header-wrapper .CLABE-logo, .block-select-field .block-select-group .trade_header-wrapper .Clearpay-logo, .block-select-field .block-select-group .trade_header-wrapper .GrabPay-logo, .block-select-field .block-select-group .trade_header-wrapper .Klarna-logo, .block-select-field .block-select-group .trade_header-wrapper .OXXO-logo, .block-select-field .block-select-group .trade_header-wrapper .paypal-logo, .block-select-field .block-select-group .trade_header-wrapper i[data-logo="Maybank QR"], .block-select-field .block-select-group .trade_header-wrapper i[data-logo="Touch 'n Go"], .trade_header-wrapper .block-select-field .block-select-group .Affirm-logo, .trade_header-wrapper .block-select-field .block-select-group .Afterpay-logo, .trade_header-wrapper .block-select-field .block-select-group .Boost-logo, .trade_header-wrapper .block-select-field .block-select-group .CLABE-logo, .trade_header-wrapper .block-select-field .block-select-group .Clearpay-logo, .trade_header-wrapper .block-select-field .block-select-group .GrabPay-logo, .trade_header-wrapper .block-select-field .block-select-group .Klarna-logo, .trade_header-wrapper .block-select-field .block-select-group .OXXO-logo, .trade_header-wrapper .block-select-field .block-select-group .paypal-logo, .trade_header-wrapper .block-select-field .block-select-group i[data-logo="Maybank QR"], .trade_header-wrapper .block-select-field .block-select-group i[data-logo="Touch 'n Go"], .trade_header-wrapper .logo {
margin-bottom: 0;
position: absolute
}
.block-select-field .block-select-group .trade_header-wrapper .size-small.Affirm-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-small.Afterpay-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-small.Boost-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-small.CLABE-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-small.Clearpay-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-small.GrabPay-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-small.Klarna-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-small.OXXO-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-small.paypal-logo img, .block-select-field .block-select-group .trade_header-wrapper i.size-small[data-logo="Maybank QR"] img, .block-select-field .block-select-group .trade_header-wrapper i.size-small[data-logo="Touch 'n Go"] img, .trade_header-wrapper .block-select-field .block-select-group .size-small.Affirm-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-small.Afterpay-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-small.Boost-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-small.CLABE-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-small.Clearpay-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-small.GrabPay-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-small.Klarna-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-small.OXXO-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-small.paypal-logo img, .trade_header-wrapper .block-select-field .block-select-group i.size-small[data-logo="Maybank QR"] img, .trade_header-wrapper .block-select-field .block-select-group i.size-small[data-logo="Touch 'n Go"] img, .trade_header-wrapper .logo.size-small img {
height: 32px
}
.block-select-field .block-select-group .trade_header-wrapper .size-medium.Affirm-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-medium.Afterpay-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-medium.Boost-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-medium.CLABE-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-medium.Clearpay-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-medium.GrabPay-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-medium.Klarna-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-medium.OXXO-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-medium.paypal-logo img, .block-select-field .block-select-group .trade_header-wrapper i.size-medium[data-logo="Maybank QR"] img, .block-select-field .block-select-group .trade_header-wrapper i.size-medium[data-logo="Touch 'n Go"] img, .trade_header-wrapper .block-select-field .block-select-group .size-medium.Affirm-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-medium.Afterpay-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-medium.Boost-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-medium.CLABE-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-medium.Clearpay-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-medium.GrabPay-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-medium.Klarna-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-medium.OXXO-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-medium.paypal-logo img, .trade_header-wrapper .block-select-field .block-select-group i.size-medium[data-logo="Maybank QR"] img, .trade_header-wrapper .block-select-field .block-select-group i.size-medium[data-logo="Touch 'n Go"] img, .trade_header-wrapper .logo.size-medium img {
height: 40px
}
.block-select-field .block-select-group .trade_header-wrapper .size-large.Affirm-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-large.Afterpay-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-large.Boost-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-large.CLABE-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-large.Clearpay-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-large.GrabPay-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-large.Klarna-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-large.OXXO-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-large.paypal-logo img, .block-select-field .block-select-group .trade_header-wrapper i.size-large[data-logo="Maybank QR"] img, .block-select-field .block-select-group .trade_header-wrapper i.size-large[data-logo="Touch 'n Go"] img, .trade_header-wrapper .block-select-field .block-select-group .size-large.Affirm-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-large.Afterpay-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-large.Boost-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-large.CLABE-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-large.Clearpay-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-large.GrabPay-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-large.Klarna-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-large.OXXO-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-large.paypal-logo img, .trade_header-wrapper .block-select-field .block-select-group i.size-large[data-logo="Maybank QR"] img, .trade_header-wrapper .block-select-field .block-select-group i.size-large[data-logo="Touch 'n Go"] img, .trade_header-wrapper .logo.size-large img {
height: 56px
}
}
@media screen and (min-width:1000px) {
.trade_header-wrapper.pc {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
.trade_header-wrapper.mobile {
display: none
}
.trade_header-wrapper .banner-img.pc, .trade_header-wrapper .height-not-natural.pc {
display: inline
}
.trade_header-wrapper .banner-img.mobile, .trade_header-wrapper .height-not-natural.mobile {
display: none
}
.block-select-field .block-select-group .trade_header-wrapper .Affirm-logo, .block-select-field .block-select-group .trade_header-wrapper .Afterpay-logo, .block-select-field .block-select-group .trade_header-wrapper .Boost-logo, .block-select-field .block-select-group .trade_header-wrapper .CLABE-logo, .block-select-field .block-select-group .trade_header-wrapper .Clearpay-logo, .block-select-field .block-select-group .trade_header-wrapper .GrabPay-logo, .block-select-field .block-select-group .trade_header-wrapper .Klarna-logo, .block-select-field .block-select-group .trade_header-wrapper .OXXO-logo, .block-select-field .block-select-group .trade_header-wrapper .paypal-logo, .block-select-field .block-select-group .trade_header-wrapper i[data-logo="Maybank QR"], .block-select-field .block-select-group .trade_header-wrapper i[data-logo="Touch 'n Go"], .trade_header-wrapper .block-select-field .block-select-group .Affirm-logo, .trade_header-wrapper .block-select-field .block-select-group .Afterpay-logo, .trade_header-wrapper .block-select-field .block-select-group .Boost-logo, .trade_header-wrapper .block-select-field .block-select-group .CLABE-logo, .trade_header-wrapper .block-select-field .block-select-group .Clearpay-logo, .trade_header-wrapper .block-select-field .block-select-group .GrabPay-logo, .trade_header-wrapper .block-select-field .block-select-group .Klarna-logo, .trade_header-wrapper .block-select-field .block-select-group .OXXO-logo, .trade_header-wrapper .block-select-field .block-select-group .paypal-logo, .trade_header-wrapper .block-select-field .block-select-group i[data-logo="Maybank QR"], .trade_header-wrapper .block-select-field .block-select-group i[data-logo="Touch 'n Go"], .trade_header-wrapper .logo {
bottom: 40px
}
.trade_header-wrapper.not_full_screen {
margin: 0 auto 40px
}
.trade_header-wrapper.not_full_screen .logo-outer {
margin: 0 auto;
max-width: 1100px
}
}
@media screen and (min-width:1000px)and (max-width:1199px) {
.trade_header-wrapper.not_full_screen .logo-outer {
margin: 0 50px
}
}
@media screen and (min-width:1000px) {
.block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .Affirm-logo, .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .Afterpay-logo, .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .Boost-logo, .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .CLABE-logo, .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .Clearpay-logo, .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .GrabPay-logo, .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .Klarna-logo, .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .OXXO-logo, .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .paypal-logo, .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-left i[data-logo="Maybank QR"], .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-left i[data-logo="Touch 'n Go"], .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .block-select-field .block-select-group .Affirm-logo, .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .block-select-field .block-select-group .Afterpay-logo, .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .block-select-field .block-select-group .Boost-logo, .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .block-select-field .block-select-group .CLABE-logo, .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .block-select-field .block-select-group .Clearpay-logo, .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .block-select-field .block-select-group .GrabPay-logo, .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .block-select-field .block-select-group .Klarna-logo, .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .block-select-field .block-select-group .OXXO-logo, .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .block-select-field .block-select-group .paypal-logo, .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .block-select-field .block-select-group i[data-logo="Maybank QR"], .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .block-select-field .block-select-group i[data-logo="Touch 'n Go"], .trade_header-wrapper.not_full_screen .logo_wrapper.align-left .logo {
left: 40px
}
.trade_header-wrapper.not_full_screen .logo_wrapper.align-center {
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .Affirm-logo, .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .Afterpay-logo, .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .Boost-logo, .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .CLABE-logo, .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .Clearpay-logo, .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .GrabPay-logo, .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .Klarna-logo, .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .OXXO-logo, .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .paypal-logo, .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-right i[data-logo="Maybank QR"], .block-select-field .block-select-group .trade_header-wrapper.not_full_screen .logo_wrapper.align-right i[data-logo="Touch 'n Go"], .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .block-select-field .block-select-group .Affirm-logo, .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .block-select-field .block-select-group .Afterpay-logo, .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .block-select-field .block-select-group .Boost-logo, .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .block-select-field .block-select-group .CLABE-logo, .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .block-select-field .block-select-group .Clearpay-logo, .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .block-select-field .block-select-group .GrabPay-logo, .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .block-select-field .block-select-group .Klarna-logo, .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .block-select-field .block-select-group .OXXO-logo, .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .block-select-field .block-select-group .paypal-logo, .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .block-select-field .block-select-group i[data-logo="Maybank QR"], .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .block-select-field .block-select-group i[data-logo="Touch 'n Go"], .trade_header-wrapper.not_full_screen .logo_wrapper.align-right .logo {
right: 40px
}
.trade_header-wrapper.low .banner-img, .trade_header-wrapper.low .logo-outer {
height: 150px
}
.trade_header-wrapper.high .banner-img, .trade_header-wrapper.high .logo-outer {
height: 200px
}
.trade_header-wrapper.full_screen {
margin-bottom: 40px
}
.trade_header-wrapper.full_screen.natural {
margin-bottom: 0
}
.trade_header-wrapper.full_screen .logo_wrapper {
margin: 0 auto 40px
}
}
@media screen and (min-width:1000px)and (min-width:1200px) {
.trade_header-wrapper.full_screen .logo_wrapper {
max-width: 1100px
}
}
@media screen and (min-width:1000px)and (max-width:1199px) {
.trade_header-wrapper.full_screen .logo_wrapper {
margin: 0 0 40px;
padding: 0 50px
}
}
@media screen and (min-width:1000px) {
.trade_header-wrapper.full_screen .logo_wrapper.align-left {
-webkit-box-pack: start;
-moz-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.trade_header-wrapper.full_screen .logo_wrapper.align-center {
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.trade_header-wrapper.full_screen .logo_wrapper.align-right {
-webkit-box-pack: end;
-moz-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.block-select-field .block-select-group .trade_header-wrapper .Affirm-logo, .block-select-field .block-select-group .trade_header-wrapper .Afterpay-logo, .block-select-field .block-select-group .trade_header-wrapper .Boost-logo, .block-select-field .block-select-group .trade_header-wrapper .CLABE-logo, .block-select-field .block-select-group .trade_header-wrapper .Clearpay-logo, .block-select-field .block-select-group .trade_header-wrapper .GrabPay-logo, .block-select-field .block-select-group .trade_header-wrapper .Klarna-logo, .block-select-field .block-select-group .trade_header-wrapper .OXXO-logo, .block-select-field .block-select-group .trade_header-wrapper .paypal-logo, .block-select-field .block-select-group .trade_header-wrapper i[data-logo="Maybank QR"], .block-select-field .block-select-group .trade_header-wrapper i[data-logo="Touch 'n Go"], .trade_header-wrapper .block-select-field .block-select-group .Affirm-logo, .trade_header-wrapper .block-select-field .block-select-group .Afterpay-logo, .trade_header-wrapper .block-select-field .block-select-group .Boost-logo, .trade_header-wrapper .block-select-field .block-select-group .CLABE-logo, .trade_header-wrapper .block-select-field .block-select-group .Clearpay-logo, .trade_header-wrapper .block-select-field .block-select-group .GrabPay-logo, .trade_header-wrapper .block-select-field .block-select-group .Klarna-logo, .trade_header-wrapper .block-select-field .block-select-group .OXXO-logo, .trade_header-wrapper .block-select-field .block-select-group .paypal-logo, .trade_header-wrapper .block-select-field .block-select-group i[data-logo="Maybank QR"], .trade_header-wrapper .block-select-field .block-select-group i[data-logo="Touch 'n Go"], .trade_header-wrapper .logo {
margin-bottom: 0;
position: absolute
}
.block-select-field .block-select-group .trade_header-wrapper .size-small.Affirm-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-small.Afterpay-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-small.Boost-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-small.CLABE-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-small.Clearpay-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-small.GrabPay-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-small.Klarna-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-small.OXXO-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-small.paypal-logo img, .block-select-field .block-select-group .trade_header-wrapper i.size-small[data-logo="Maybank QR"] img, .block-select-field .block-select-group .trade_header-wrapper i.size-small[data-logo="Touch 'n Go"] img, .trade_header-wrapper .block-select-field .block-select-group .size-small.Affirm-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-small.Afterpay-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-small.Boost-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-small.CLABE-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-small.Clearpay-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-small.GrabPay-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-small.Klarna-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-small.OXXO-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-small.paypal-logo img, .trade_header-wrapper .block-select-field .block-select-group i.size-small[data-logo="Maybank QR"] img, .trade_header-wrapper .block-select-field .block-select-group i.size-small[data-logo="Touch 'n Go"] img, .trade_header-wrapper .logo.size-small img {
height: 40px
}
.block-select-field .block-select-group .trade_header-wrapper .size-medium.Affirm-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-medium.Afterpay-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-medium.Boost-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-medium.CLABE-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-medium.Clearpay-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-medium.GrabPay-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-medium.Klarna-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-medium.OXXO-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-medium.paypal-logo img, .block-select-field .block-select-group .trade_header-wrapper i.size-medium[data-logo="Maybank QR"] img, .block-select-field .block-select-group .trade_header-wrapper i.size-medium[data-logo="Touch 'n Go"] img, .trade_header-wrapper .block-select-field .block-select-group .size-medium.Affirm-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-medium.Afterpay-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-medium.Boost-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-medium.CLABE-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-medium.Clearpay-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-medium.GrabPay-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-medium.Klarna-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-medium.OXXO-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-medium.paypal-logo img, .trade_header-wrapper .block-select-field .block-select-group i.size-medium[data-logo="Maybank QR"] img, .trade_header-wrapper .block-select-field .block-select-group i.size-medium[data-logo="Touch 'n Go"] img, .trade_header-wrapper .logo.size-medium img {
height: 60px
}
.block-select-field .block-select-group .trade_header-wrapper .size-large.Affirm-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-large.Afterpay-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-large.Boost-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-large.CLABE-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-large.Clearpay-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-large.GrabPay-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-large.Klarna-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-large.OXXO-logo img, .block-select-field .block-select-group .trade_header-wrapper .size-large.paypal-logo img, .block-select-field .block-select-group .trade_header-wrapper i.size-large[data-logo="Maybank QR"] img, .block-select-field .block-select-group .trade_header-wrapper i.size-large[data-logo="Touch 'n Go"] img, .trade_header-wrapper .block-select-field .block-select-group .size-large.Affirm-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-large.Afterpay-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-large.Boost-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-large.CLABE-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-large.Clearpay-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-large.GrabPay-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-large.Klarna-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-large.OXXO-logo img, .trade_header-wrapper .block-select-field .block-select-group .size-large.paypal-logo img, .trade_header-wrapper .block-select-field .block-select-group i.size-large[data-logo="Maybank QR"] img, .trade_header-wrapper .block-select-field .block-select-group i.size-large[data-logo="Touch 'n Go"] img, .trade_header-wrapper .logo.size-large img {
height: 80px
}
}
*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
@-ms-viewport {
width: device-width
}
aside, footer, header, main, section {
display: block
}
body {
background-color: #FFFFFF;
color: #2c2c2c;
font-size: 14px;
margin: 0
}
[tabindex="-1"]:focus {
outline: 0 !important
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 0;
margin-top: 0
}
p {
margin-top: 0
}
address, p {
margin-bottom: 1rem
}
address {
font-style: normal;
line-height: inherit
}
ol, ul {
margin-top: 0;
padding: 0
}
ol, ol ol, ol ul, ul, ul ol, ul ul {
margin-bottom: 0
}
b, strong {
font-weight: bolder
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
background-color: transparent
}
a, a:hover, a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
text-decoration: none
}
a[href]:hover {
text-decoration: underline
}
a:not([href]):not([tabindex]):focus {
outline: 0
}
code, pre {
}
pre {
-ms-overflow-style: scrollbar;
margin-bottom: 1rem;
margin-top: 0;
overflow: auto
}
img {
border-style: none
}
img, svg {
vertical-align: middle
}
svg {
overflow: hidden
}
th {
text-align: inherit
}
label {
display: inline-block;
margin-bottom: .5rem
}
button {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
button:focus {
outline: 0
}
button, input, select, textarea {
font-size: inherit;
line-height: inherit;
margin: 0
}
button, input {
overflow: visible
}
button, select {
text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0
}
input[type=checkbox], input[type=radio] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
input[type=date], input[type=time] {
-webkit-appearance: listbox
}
textarea {
overflow: auto;
resize: vertical
}
fieldset {
border: 0;
margin: 0;
min-width: 0;
padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: none;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
output {
display: inline-block
}
summary {
cursor: pointer;
display: list-item
}
template {
display: none
}
[hidden] {
display: none !important
}
h1 {
font-size: 2.5rem
}
h2 {
font-size: 2rem
}
h3 {
font-size: 1.75rem
}
h4 {
font-size: 1.5rem
}
h5 {
font-size: 1.25rem
}
h6 {
font-size: 1rem
}
input[type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
height: 16px;
margin: 0;
padding: 0 !important;
position: relative;
width: 16px
}
input[type=radio]:checked {
border-color: #2c2c2c
}
input[type=radio]:checked:after {
background: #2c2c2c;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content: "";
height: 10px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 10px
}
:focus {
outline: 0
}
.sl-textEllipsis {
-webkit-line-clamp: 1
}
.sl-textEllipsis, .sl-textEllipsis2 {
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
overflow-wrap: break-word
}
.sl-textEllipsis2 {
min-width: 60px;
word-break: break-word
}
.global_placeholder__line--animated {
-webkit-animation: skeleton 2s linear infinite;
-moz-animation: skeleton 2s linear infinite;
-o-animation: skeleton 2s linear infinite;
animation: skeleton 2s linear infinite;
background: -webkit-gradient(linear,left top,right top,color-stop(25%,hsla(0,0%,75%,.2)),color-stop(37%,hsla(0,0%,51%,.24)),color-stop(63%,hsla(0,0%,75%,.2)));
background: -webkit-linear-gradient(left,hsla(0,0%,75%,.2) 25%,hsla(0,0%,51%,.24) 37%,hsla(0,0%,75%,.2) 63%);
background: -moz-linear-gradient(left,hsla(0,0%,75%,.2) 25%,hsla(0,0%,51%,.24) 37%,hsla(0,0%,75%,.2) 63%);
background: -o-linear-gradient(left,hsla(0,0%,75%,.2) 25%,hsla(0,0%,51%,.24) 37%,hsla(0,0%,75%,.2) 63%);
background: linear-gradient(90deg,hsla(0,0%,75%,.2) 25%,hsla(0,0%,51%,.24) 37%,hsla(0,0%,75%,.2) 63%);
-moz-background-size: 400% 100%;
background-size: 400% 100%;
height: 48px
}
.global_hidden {
display: none !important
}
@media screen and (max-width:999px) {
.global_placeholder__line--animated {
height: 55px
}
}
@keyframes skeleton {
0% {
background-position: 100% 50%
}
to {
background-position: 0 50%
}
}
.errClass .trade_input:after {
border-color: #F04949;
border-width: 2px
}
.trade_select_icon {
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 10px
}
.custom-link-color {
color: #276EAF;
opacity: 1 !important;
-webkit-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
transition: color .2s ease-in-out
}
.custom-link-color:hover {
color: #1f588c;
}
.custom-input-border-color {
border-color: rgba(142, 142, 142, 0.3);
}
.right-fill {
background: #FAFAFA;
background-image: url();
border-left: 1px solid rgba(44, 44, 44, 0.04);
height: 100%;
position: fixed;
right: 0;
top: 0;
width: -webkit-calc(42% + 8px);
width: -moz-calc(42% + 8px);
width: calc(42% + 8px);
z-index: -1
}
@media screen and (min-width:1200px) {
.right-fill {
width: -webkit-calc(50% - 88px);
width: -moz-calc(50% - 88px);
width: calc(50% - 88px)
}
}
@media screen and (max-width:999px) {
.right-fill {
display: none
}
}
.header_logo--text, .primary-text, .trade-checkout-delivery-form .checkout-shipment__header .trade-checkout-delivery-method-right .trade-checkout-delivery-method-select select, .trade-checkout-delivery-form .checkout-shipment__header .trade-checkout-delivery-method-right svg, .trade-checkout-delivery-form .modules-header .trade-checkout-delivery-method-right .trade-checkout-delivery-method-select select, .trade-checkout-delivery-form .modules-header .trade-checkout-delivery-method-right svg, .trade-checkout-delivery-form .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_header .trade-checkout-delivery-method-right .trade-checkout-delivery-method-select select, .trade-checkout-delivery-form .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_header .trade-checkout-delivery-method-right svg, .trade-checkout-safety-logo:not(:empty) .trade-checkout-safety-logo-title, .trade_checkout .checkout-shipment__header, .trade_checkout .modules-header, .trade_checkout .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_header, .trade_checkout__exp__title, .trade_checkout_breadcrumb .trade_checkout_step_doing, .trade_checkout_tips .trade_checkout_tips_wrap .trade-checkout-delivery-form .trade_checkout_tips_header .trade-checkout-delivery-method-right .trade-checkout-delivery-method-select select, .trade_checkout_tips .trade_checkout_tips_wrap .trade-checkout-delivery-form .trade_checkout_tips_header .trade-checkout-delivery-method-right svg, .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout .trade_checkout_tips_header {
color: #2c2c2c;
}
.block-select-field .block-select-subtitle, .payment__unsupported-currency-tips__content, .secondary-text, .trade-checkout-safety-logo:not(:empty) .trade-checkout-safety-logo-pre, .trade-checkout-subscription-confirm-container .trade-checkout-subscription-confirm .subscription-confirm-wrapper, .trade_checkout__exp__line .lineText, .trade_checkout_breadcrumb .trade_checkout_step_waiting, .trade_checkout_userInfo .ui_login_hint, .ui_footer .trade_checkout_checkbox_wrapper .trade_checkout_checkbox-text {
color: #616161;
}
#trade-summations, #trade-summations .textRight.black, #trade-summations .trade_summations_fee .settleSumAmount, #trade-summations .trade_summations_fee__desc .deductMemberPointAmount, .order-primary-text, .sidebar__title__price, .summations_trade_gift_card_box .trade_summations_fee__tips .trade_gift_card_icon, .trade_coupon__code, .trade_coupon__invalidCodeBox, .trade_coupon__invalidCodeBox .trade_coupon__code-content, .trade_coupon__invalidCodeWrapper .trade_coupon__code__btn-del, .trade_sku-item_customTips, .trade_sku-item_skuPrice, .trade_sku-item_subscription, .trade_sku-list {
color: #2c2c2c;
}
.order-primary-text-important, .trade_sku-item_content__remove {
color: #2c2c2c !important;
}
.trade_sku-item_content__remove .remove-item:hover {
border-bottom: 1px solid rgb(44, 44, 44);
}
#trade-summations .textLeft, #trade-summations .trade-summations-subscribe__title-tips svg, #trade-summations .trade_summations_fee .trade_summations__amount-currency, #trade-summations .trade_summations_fee__tips svg, .order-secondary-text, .sidebar__title__price__through, .trade_sku-item_discount span {
color: #606060;
}
#trade-summations .settle_sum-amount, #trade-summations .trade_summations_fee .pointAmount .trade_summations_remark, #trade-summations .trade_summations_fee__desc, #trade-summations .trade_summations_tax_price_wrap, .order-third-text, .trade_sku-item_originPrice, .trade_sku-item_skuProperties {
color: #939393;
}
.trade_sku-item_content__stepper .stepper-button, .trade_sku-item_content__stepper .stepper-input {
color: #2c2c2c;
}
.block-select-field .block-select-group, .checkout-shipment .checkout-shipment__empty-tips-text, .checkout-shipment .express--store-pickup label > span:nth-child(2) > span:first-child, .checkout-shipment .express-list, .form-border-box, .form-primary-text, .gift-cards .gift-cards_title, .payment__head.disabled, .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_checkbox_main, .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_currency, .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_option, .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_option-amount, .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_option-ratio, .trade_info-preview-item_shipment--store-pickup .trade_info-preview-item_text > p:first-child, .trade_input, .trade_input .trade_input-area input, .trade_input .trade_input-area select, .trade_input.is-disabled input, .trade_input.is-disabled select, .trade_textarea, .trade_textarea textarea {
color: #2c2c2c;
}
.checkout-shipment .express--store-pickup label > span:nth-child(2) > span:nth-child(2), .checkout-shipment .express--store-pickup label > span:nth-child(3) > span:nth-child(2), .form-secondary-text, .gift-cards, .payment__enableCardPay, .trade_info-preview-item_label, .trade_info-preview-item_shipment--store-pickup .trade_info-preview-item_text > p:nth-child(2), .trade_input-area .placeholder, .trade_select_icon, .trade_textarea .placeholder {
color: #616161;
}
.block-select-field .block-select-group .group-item-body > p, .checkout-shipment .checkout-shipment__empty-tips-icon, .checkout-shipment .express-body, .checkout-shipment .express-body__desc, .checkout-shipment .express-header__desc, .payment--empty, .payment__body--offline, .payment__body--online, .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_appreciate {
color: #969696;
}
.block-bg-color, .block-select-field .block-select-group, .block-select-field .block-select-group .block-select-group, .checkout-shipment .express-list, .form-border-box, .gift-cards, .gift-cards .gift-cards_btn, .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_main, .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_option, .trade_info-preview {
background: #fff;
}
.trade_input .trade_input-area input, .trade_input .trade_input-area select, .trade_input-area, .trade_sku-item_content__stepper, .trade_textarea, .trade_textarea textarea, .trade_textarea:before {
background: #fff;
}
.block-select-field .block-select-group .group-item-body, .checkout-shipment .express-body, .payment--empty, .payment__unsupported-currency-tips, .payment__unsupported-currency-tips__loading, .trade-checkout-safety-logo:not(:empty) .trade-checkout-safety-logo-pre, .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main {
background: rgba(44, 44, 44, 0.03);
}
#trade-summations .trade_summations_fee .trade_checkout_checkbox-inner {
border-color: rgba(44, 44, 44, 0.15);
}
.trade-checkout-whole-footer__baseline, .trade_checkout__exp__line .lineLeft, .trade_checkout__exp__line .lineRight, .trade_checkout__exp__title:after, .trade_checkout__exp__title:before {
background: rgba(44, 44, 44, 0.15);
}
.checkout-shipment .checkout-shipment__empty-tips-main, .checkout-shipment .express--loading, .checkout-shipment .express-list, .form-border-box, .gift-cards, .gift-cards .gift-cards_btn, .main-border, .store-emap .emap-action__btn, .trade_checkout_checkbox-inner, .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_main, .trade_info-preview, .trade_input:after, .trade_textarea:after {
border: 1px solid rgba(44, 44, 44, 0.15);
}
.block-select-field .block-select-group, .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_checkbox-inner, input[type=radio] {
border: 1px solid rgba(44, 44, 44, 0.15);
}
#trade_pickupInformation_form .trade_countries_selector .tc_value, .checkout-shipment .express-body .express-local-delivery-form .trade_countries_selector .tc_value, .checkout-shipment .express-body .express-shipping-method-form .trade_countries_selector .tc_value, .trade_checkout_userInfo .trade_countries_selector .tc_value, .trade_countries_selector .tc_value {
border-left: 1px solid rgba(44, 44, 44, 0.15);
}
.main-general-focus-border {
border-color: #276EAF;
}
.main-general-focus-background {
background: #276EAF;
}
.main-general-divider-border-color {
border-color: rgba(44, 44, 44, 0.08);
}
.trade_sku-scroll-tips {
background: rgba(44, 44, 44, 0.9);
color: #ffffff;
}
.checkout-shipment .checkout-shipment__empty-tips-warning, .errClass, .payment__errTips, .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_error_wrapper, .trade_coupon__invalidCodeTip, .trade_coupon__wrapper .error-tips {
color: #F04949;
}
.trade_sku-list {
padding-top: 10px;
position: relative
}
.trade_sku-scroll-tips {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-border-radius: 44px;
-moz-border-radius: 44px;
border-radius: 44px;
bottom: 24px;
cursor: default;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
height: 36px;
left: 50%;
line-height: 36px;
max-width: -webkit-calc(100% - 32px);
max-width: -moz-calc(100% - 32px);
max-width: calc(100% - 32px);
opacity: 0;
padding: 0 16px;
pointer-events: none;
position: absolute;
text-align: center;
-webkit-transform: translate(-50%,60px);
-moz-transform: translate(-50%,60px);
-o-transform: translate(-50%,60px);
transform: translate(-50%,60px);
-webkit-transition: .2s;
-o-transition: .2s;
-moz-transition: .2s;
transition: .2s
}
.trade_sku-scroll-tips-text {
display: inline-block;
margin-right: 4px;
max-width: 100%;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap
}
.trade_sku-scroll-tips-arrow {
display: inline-block;
height: 10px;
line-height: 10px;
margin-top: -3px;
width: 9px
}
.trade_sku-scroll-tips-show {
opacity: 1;
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-o-transform: translate(-50%);
transform: translate(-50%)
}
.trade_sku-item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
margin: 0 0 24px
}
.trade_sku-item_image {
background-color: #fff;
border: 1px solid rgba(0,0,0,.05);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 66px;
margin-right: 12px;
min-width: 66px;
position: relative;
width: 66px
}
.trade_sku-item_image img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
width: 100%
}
.trade_sku-item_content {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-flex: 1;
flex: 1;
-webkit-flex-direction: column;
flex-direction: column
}
.trade_sku-item_content, .trade_sku-item_content__info {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
font-size: 14px;
line-height: 20px
}
.trade_sku-item_content__info {
-webkit-box-pack: justify;
-moz-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.trade_sku-item_skuName {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
flex: 1;
margin-bottom: 4px
}
.trade_sku-item_skuProperties {
font-size: 12px;
line-height: 1.4;
margin-top: 4px;
word-break: break-word
}
.trade_sku-item_price {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-box-align: end;
-moz-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
font-size: 14px;
font-weight: 500;
height: 66px;
-webkit-justify-content: center;
justify-content: center;
line-height: 20px;
margin-left: 10px
}
.trade_sku-item_price_start {
-webkit-box-pack: start;
-moz-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.trade_sku-item_originPrice {
font-weight: 400;
margin-bottom: 2.5px;
-webkit-text-decoration-line: line-through;
-moz-text-decoration-line: line-through;
text-decoration-line: line-through
}
.trade_sku-item_skuNum {
background-color: #747474;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 400;
height: 20px;
line-height: 20px;
min-width: 20px;
padding: 0 4px;
position: absolute;
right: -10px;
text-align: center;
top: -10px
}
.trade_sku-item_discount {
-webkit-box-align: start;
-moz-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
line-height: 18px;
word-break: break-all
}
.trade_sku-item_discount svg {
-webkit-flex-shrink: 0;
flex-shrink: 0
}
.trade_sku-item_discount span {
font-size: 12px;
margin-left: 4px
}
.trade_sku-item_pod {
font-size: 12px;
line-height: 18px;
margin-top: 4px
}
.trade_sku-item_pod .pod_text {
opacity: .6;
word-break: break-all
}
.trade_sku-item_pod .pod_btn {
color: #276EAF;
cursor: pointer
}
.trade_sku-item_customTips, .trade_sku-item_subscription {
font-size: 12px;
line-height: 18px;
margin-top: 4px;
word-break: break-word
}
.trade_sku-pod-circle {
background-color: #f3f3f3;
border: 2px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
bottom: -10px;
display: inline-block;
height: 24px;
position: absolute;
right: -10px;
text-align: center;
width: 24px
}
.trade_sku-pod-circle img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
height: 100%;
width: 100%
}
.trade_sku-item_content__stepper {
-webkit-box-pack: justify;
-moz-box-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
border: 1px solid hsla(0,0%,56%,.3);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
height: 37px;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 98px
}
.trade_sku-item_content__stepper .stepper-minus, .trade_sku-item_content__stepper .stepper-plus {
cursor: pointer;
line-height: 37px;
padding: 0 6px
}
.trade_sku-item_content__stepper .disabled {
cursor: not-allowed;
opacity: .4
}
.trade_sku-item_content__stepper .stepper-input {
background-color: transparent;
border: none;
outline: none;
padding-top: 0;
text-align: center;
width: 44px
}
.trade_sku-item_content__stepper-error {
border: 1px solid #F04949;
}
.trade_sku-item_content__remove {
cursor: pointer;
font-size: 12px;
line-height: 18px;
margin-top: 8px
}
.trade_checkout_breadcrumb {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 12px;
line-height: 1.4;
overflow-x: auto
}
.trade_checkout_breadcrumb.logo-align-left, .trade_checkout_breadcrumb.logo-align-right {
-webkit-box-pack: start;
-moz-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.trade_checkout_breadcrumb.logo-align-center {
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.trade_checkout_breadcrumb .trade_checkout_breadcrumb_button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: 0;
padding: 0
}
.trade_checkout_breadcrumb .trade_checkout_breadcrumb_button .trade_checkout_steps_stepItem {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: inline-block;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
line-height: 18px
}
.trade_checkout_breadcrumb .trade_checkout_breadcrumb_button .trade_checkout_steps_stepItem span {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
flex: 1;
text-align: left;
word-break: break-word
}
.trade_checkout_breadcrumb .trade_checkout_breadcrumb_button .trade_checkout_steps_stepItem svg {
height: 16px;
margin: 0 4px;
width: 16px
}
.trade_checkout_breadcrumb .trade_checkout_step_doing {
font-weight: 400
}
.trade_checkout_breadcrumb .trade_checkout_step_waiting {
font-weight: 400;
opacity: .6
}
.trade_checkout_breadcrumb .trade_checkout_step_done {
color: #276EAF;
cursor: pointer;
font-weight: 400;
-webkit-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
transition: color .2s ease-in-out
}
.trade_checkout_breadcrumb .trade_checkout_step_done:hover {
color: #1f588c;
}
.trade_checkout_breadcrumb_checkout {
margin-bottom: 20px
}
.trade_info-preview {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 0 16px
}
.trade_info-preview-item {
-webkit-box-pack: justify;
-moz-box-pack: justify;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 12px 0
}
.trade_info-preview-item:not(:last-child) {
border-bottom: 1px solid rgba(44, 44, 44, 0.08);
}
.trade_info-preview-item_content {
-webkit-box-flex: 1;
-moz-box-flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex: 1;
flex: 1
}
.trade_info-preview-item_label, .trade_info-preview-item_text {
font-size: 14px;
word-break: break-word
}
.trade_info-preview-item_text {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
flex: 1
}
.trade_info-preview-item_button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: 0;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
font-size: 12px;
font-weight: 400;
line-height: 20px;
margin-left: 16px;
max-width: 100px;
outline: none;
padding: 0;
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
word-break: break-word
}
@media screen and (max-width:999px) {
.trade_info-preview-item_content {
display: block
}
}
@media screen and (min-width:1000px) {
.trade_info-preview-item_label {
margin-right: 16px;
width: 80px
}
.trade_info-preview-item_button {
max-width: 120px
}
}
.trade_info-preview-item_free {
font-weight: 600
}
#second-page .trade_info-preview-item_shipment {
display: none
}
.trade_info-preview-item_shipment--store-pickup .trade_info-preview-item_text > p {
margin: 0
}
.trade_info-preview-item_shipment--store-pickup .trade_info-preview-item_text > p:first-child {
font-size: 14px;
line-height: 20px;
margin-bottom: 4px
}
.trade_info-preview-item_shipment--store-pickup .trade_info-preview-item_text > p:nth-child(2) {
font-size: 10px;
line-height: 14px
}
.trade_checkout_tips *, .trade_checkout_tips :after, .trade_checkout_tips :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.trade_checkout_tips :focus {
outline: 0
}
.trade_checkout_tips .trade_checkout_tips_wrap {
font-size: 14px
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_main {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
overflow: hidden;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_header {
font-size: 18px;
font-weight: 500;
line-height: 140%;
margin-bottom: 16px
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_checkbox_main {
cursor: pointer;
font-style: normal;
font-weight: 400;
padding: 16px
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_checkbox {
-webkit-font-feature-settings: "tnum";
-moz-font-feature-settings: "tnum";
font-feature-settings: "tnum";
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: rgba(0,0,0,.85);
cursor: pointer;
display: inline-block;
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
line-height: 1;
list-style: none;
margin-right: 8px;
margin-top: 2px;
outline: none;
padding: 0;
position: relative;
top: -.09em;
vertical-align: middle;
white-space: nowrap
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_checkbox-input {
bottom: 0;
cursor: pointer;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_checkbox.trade_checkout_tips_checkbox-checked .trade_checkout_tips_checkbox-inner {
background: #276EAF;
border-color: #276EAF;
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_checkbox-inner {
background-color: transparent;
border-collapse: separate;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
direction: ltr;
display: block;
height: 16px;
left: 0;
position: relative;
top: 0;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
width: 16px
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_checkbox-checked .trade_checkout_tips_checkbox-inner:after {
border: 2px solid #fff;
border-left: 0;
border-top: 0;
content: " ";
display: table;
opacity: 1;
position: absolute;
-webkit-transform: rotate(45deg) scale(1) translate(-50%,-50%);
-moz-transform: rotate(45deg) scale(1) translate(-50%,-50%);
-o-transform: rotate(45deg) scale(1) translate(-50%,-50%);
transform: rotate(45deg) scale(1) translate(-50%,-50%);
-webkit-transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
-o-transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
-moz-transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_checkbox-inner:after {
border: 2px solid #fff;
border-left: 0;
border-top: 0;
content: " ";
display: table;
height: 9.14285714px;
left: 22%;
opacity: 0;
position: absolute;
top: 50%;
-webkit-transform: rotate(45deg) scale(0) translate(-50%,-50%);
-moz-transform: rotate(45deg) scale(0) translate(-50%,-50%);
-o-transform: rotate(45deg) scale(0) translate(-50%,-50%);
transform: rotate(45deg) scale(0) translate(-50%,-50%);
-webkit-transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
-o-transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
-moz-transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
width: 5.71428571px
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_checkbox.trade_checkout_tips_checkbox-checked:after {
background: #276EAF;
border-color: #276EAF;
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_checkbox-checked:after {
-webkit-animation: antCheckboxEffect .36s ease-in-out;
-moz-animation: antCheckboxEffect .36s ease-in-out;
-o-animation: antCheckboxEffect .36s ease-in-out;
animation: antCheckboxEffect .36s ease-in-out;
-webkit-animation-fill-mode: backwards;
-moz-animation-fill-mode: backwards;
-o-animation-fill-mode: backwards;
animation-fill-mode: backwards;
border: 1px solid #276EAF;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
visibility: hidden;
width: 100%
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main {
border-top: 1px solid rgba(44, 44, 44, 0.08);
display: none
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main > div:last-of-type {
margin-bottom: 0
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_options_list {
color: #1e1e1e;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
font-style: normal;
font-weight: 400
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_option.is-focus {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-align-items: center;
align-items: center;
border-style: solid;
border-width: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
position: relative;
-webkit-transition: -webkit-border-radius .3s ease 0s;
transition: -webkit-border-radius .3s ease 0s;
-o-transition: border-radius .3s ease 0s;
-moz-transition: border-radius .3s ease 0s,-moz-border-radius .3s ease 0s;
transition: border-radius .3s ease 0s;
transition: border-radius .3s ease 0s,-webkit-border-radius .3s ease 0s,-moz-border-radius .3s ease 0s
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_options_list > * {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1 1 0%;
flex: 1 1 0%
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_options_list > :last-of-type {
margin-right: 0
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_option {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-align-items: center;
align-items: center;
border-style: solid;
border-width: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
min-height: 72px;
padding: 12px;
position: relative;
-webkit-transition: -webkit-border-radius .3s ease 0s;
transition: -webkit-border-radius .3s ease 0s;
-o-transition: border-radius .3s ease 0s;
-moz-transition: border-radius .3s ease 0s,-moz-border-radius .3s ease 0s;
transition: border-radius .3s ease 0s;
transition: border-radius .3s ease 0s,-webkit-border-radius .3s ease 0s,-moz-border-radius .3s ease 0s
}
@media screen and (min-width:751px) {
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_option {
max-width: 100%;
width: auto
}
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_option-ratio {
font-size: 16px;
font-style: normal;
font-weight: 600;
letter-spacing: 0;
line-height: 22px
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_option-amount {
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 0;
line-height: 16.1px;
margin-top: 4px;
min-height: 16px;
word-break: break-word
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main #trade-checkout-custom-tips {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_price-input.has-error, .trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_price-input.has-error:after {
border-color: #F04949;
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_price-input.has-error:focus-within:after {
border-color: inherit;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_currency {
bottom: 1px;
display: none;
height: 30px;
left: 12px;
line-height: 30px;
position: absolute
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_currency.is-focus {
display: inline-block
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_button.disabled {
opacity: .3;
pointer-events: none
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_button {
border: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
height: 46px;
line-height: 32px;
margin-left: 12px;
min-width: 120px;
padding: 7px 16px;
width: auto
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_button span {
-webkit-box-flex: 1;
-moz-box-flex: 1;
display: block;
-webkit-flex: 1;
flex: 1;
height: -webkit-fill-available;
line-height: inherit;
overflow: hidden
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main #trade_checkout_tips_loading_button {
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
color: #276EAF;
-webkit-justify-content: center;
justify-content: center;
position: relative
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main #trade_checkout_tips_loading_button svg {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-align-items: center;
align-items: center;
-webkit-animation: svgLoading .5s infinite linear;
-moz-animation: svgLoading .5s infinite linear;
-o-animation: svgLoading .5s infinite linear;
animation: svgLoading .5s infinite linear;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-justify-content: center;
justify-content: center;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
@-webkit-keyframes svgLoading {
0% {
-webkit-transform: translate(-50%,-50%) rotate(0deg);
transform: translate(-50%,-50%) rotate(0deg)
}
to {
-webkit-transform: translate(-50%,-50%) rotate(1turn);
transform: translate(-50%,-50%) rotate(1turn)
}
}
@-moz-keyframes svgLoading {
0% {
-moz-transform: translate(-50%,-50%) rotate(0deg);
transform: translate(-50%,-50%) rotate(0deg)
}
to {
-moz-transform: translate(-50%,-50%) rotate(1turn);
transform: translate(-50%,-50%) rotate(1turn)
}
}
@-o-keyframes svgLoading {
0% {
-o-transform: translate(-50%,-50%) rotate(0deg);
transform: translate(-50%,-50%) rotate(0deg)
}
to {
-o-transform: translate(-50%,-50%) rotate(1turn);
transform: translate(-50%,-50%) rotate(1turn)
}
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_error_wrapper {
display: none;
opacity: 1
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_error_wrapper.has-error {
display: block
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_appreciate {
font-size: 12px
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_options_list > * {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin-right: 0
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_options_list > .trade_checkout_tips_option.is-focus + button {
border-left-width: 0 !important
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_options_list > :not(.is-focus):not(:first-of-type) {
border-left-width: 0
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_option:first-of-type {
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px
}
.trade_checkout_tips .trade_checkout_tips_wrap .trade_checkout_tips_options_main .trade_checkout_tips_option:last-of-type {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0
}
.trade_coupon {
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.trade_coupon.hasValue .trade_coupon__btns-apply, .trade_coupon.is-focus .trade_coupon__btns-apply {
opacity: 1;
pointer-events: auto !important
}
.trade_coupon__btns {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
line-height: 1.4;
white-space: nowrap
}
.trade_coupon__btns > button {
border: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
height: 46px;
margin-left: 12px;
min-width: 78px;
padding: 7px 16px;
width: auto
}
.trade_coupon__btns-apply {
cursor: auto;
opacity: .3;
pointer-events: none
}
.trade_coupon__btns-apply.hasValue {
opacity: 1;
pointer-events: auto
}
.trade_coupon__btns-apply.is-disabled {
opacity: .3;
pointer-events: none
}
.trade_coupon__btns-loading {
color: #276EAF;
position: relative
}
.trade_coupon__btns-loading svg {
-webkit-animation: svgLoading .8s infinite linear;
-moz-animation: svgLoading .8s infinite linear;
-o-animation: svgLoading .8s infinite linear;
animation: svgLoading .8s infinite linear;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
@keyframes svgLoading {
0% {
-webkit-transform: translate(-50%,-50%) rotate(0deg);
-moz-transform: translate(-50%,-50%) rotate(0deg);
-o-transform: translate(-50%,-50%) rotate(0deg);
transform: translate(-50%,-50%) rotate(0deg)
}
to {
-webkit-transform: translate(-50%,-50%) rotate(1turn);
-moz-transform: translate(-50%,-50%) rotate(1turn);
-o-transform: translate(-50%,-50%) rotate(1turn);
transform: translate(-50%,-50%) rotate(1turn)
}
}
.trade_coupon__invalidCodeWrapper {
background: hsla(0,0%,82%,.2);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-top: 6px;
max-height: 264px;
overflow-x: hidden;
overflow-y: auto;
padding: 8px 12px
}
.trade_coupon__invalidCodeBox svg, .trade_coupon__invalidCodeWrapper .trade_coupon__code__btn-del svg {
fill: currentColor
}
.trade_coupon__invalidCodeBox .trade_coupon__code-content {
margin-right: 0
}
.trade_coupon__appliedCodeBox {
max-height: 320px
}
.trade_coupon__appliedCodeBox, .trade_coupon__invalidCodeBox {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
overflow-x: hidden;
overflow-y: auto
}
.trade_coupon__code {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
background: hsla(0,0%,82%,.2);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
height: 32px;
line-height: 1;
margin: 6px 6px 0 0;
overflow: hidden;
padding-left: 8px;
padding-right: 8px;
position: relative
}
.trade_coupon__code-content {
-webkit-box-flex: 1;
-moz-box-flex: 1;
display: inline-block;
-webkit-flex: 1;
flex: 1;
font-size: 14px;
margin-left: 6px;
margin-right: 8px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap
}
.trade_coupon__code__btn-del {
cursor: pointer
}
.trade_coupon__code svg {
fill: currentColor
}
.trade_coupon .trade_input__staticAddonAfter {
background: #fff;
}
.trade_coupon__wrapper .trade_coupon_input_box {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
.trade_coupon__wrapper .trade_coupon_input_box input {
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
background-color: unset !important;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
min-width: 56px
}
@media screen and (min-width:999px) {
.trade_coupon__wrapper .trade_coupon_input_box input {
color: rgb(44, 44, 44) !important;
}
.trade_coupon__wrapper .trade_coupon_input_box .placeholder {
color: #616161 !important;
}
}
.trade_coupon__wrapper .trade_input__staticAddonAfter {
-moz-border-radius-bottomright: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px
}
.trade_coupon__wrapper .error-tips {
font-size: 12px;
line-height: 1.4;
margin-top: 6px
}
.sidebar__fixBox .trade_coupon__wrapper {
border-bottom: 1px solid rgba(44, 44, 44, 0.08);
padding-bottom: 24px
}
@media screen and (max-width:999px) {
.sidebar__fixBox .trade_coupon__wrapper input {
color: rgb(44, 44, 44) !important;
}
.sidebar__fixBox .trade_coupon__wrapper .placeholder {
color: #616161 !important;
}
}
.sidebar__fixBox .trade_input:after {
border: 1px solid rgba(44, 44, 44, 0.15);
}
.sidebar__fixBox .trade_input:focus-within:after {
border-color: #276EAF;
border-width: 2px
}
.checkout-subscribe_form-block .ui_footer {
margin-top: 12px !important
}
.checkout-subscribe_form-block > div {
margin-bottom: 12px !important
}
#trade-summations {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-webkit-box-pack: justify;
-moz-box-pack: justify;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-between;
justify-content: space-between
}
#trade-summations .col {
display: inline-block;
margin: 0 0 12px;
overflow-wrap: break-word;
vertical-align: middle
}
#trade-summations .fw400 {
font-weight: 400
}
#trade-summations .line {
border-bottom: 1px solid rgba(44, 44, 44, 0.08);
height: 0;
margin-bottom: 24px;
width: 100%
}
#trade-summations .textLeft {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-flex-grow: 1;
flex-grow: 1;
line-height: 20px;
overflow: hidden;
overflow-wrap: anywhere
}
#trade-summations .textLeft, #trade-summations .textRight {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
#trade-summations .textRight {
-webkit-flex-shrink: 0;
flex-shrink: 0;
max-width: 80%;
padding-left: 10px;
text-align: right
}
#trade-summations .showDetail {
cursor: pointer;
text-decoration: underline;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}
#trade-summations .settle_sum-amount {
max-width: 100%;
text-align: right;
width: 100%
}
#trade-summations .settle_sum-amount__converted {
font-size: 14px;
font-style: italic;
font-weight: 400;
line-height: 20px;
margin: 4px 0
}
#trade-summations .settle_sum-amount__converted span {
padding-right: 2px
}
#trade-summations .settle_sum-amount-text__converted {
font-size: 12px;
font-style: italic;
font-weight: 400;
line-height: 17px
}
#trade-summations .trade_summations-top {
margin-bottom: -12px;
width: 100%
}
#trade-summations .trade_summations-top_box {
margin-bottom: 24px
}
#trade-summations .trade_summations_fee {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
width: 100%;line-height:26px;
}
#trade-summations .trade_summations_fee.hidden {
display: none
}
#trade-summations .trade_summations_fee__tips {
cursor: pointer;
display: inline-block;
line-height: 1;
margin-left: 4px;
vertical-align: top
}
#trade-summations .trade_summations_fee .trade_summations__amount-box {
-webkit-box-align: start;
-moz-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
font-weight: 500
}
#trade-summations .trade_summations_fee .trade_summations__amount-currency {
font-size: 12px;
font-weight: 400;
line-height: 140%;
margin-right: 12px;
margin-top: 8px
}
#trade-summations .trade_summations_fee .trade_summations__amount-price {
word-break: break-all
}
#trade-summations .trade_summations_fee .settleSumAmount {
-webkit-box-align: start;
-moz-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
font-size: 18px;
margin: 0
}
#trade-summations .trade_summations_fee .settleSumAmount.textLeft {
font-weight: 400;
line-height: 21px;
margin-top: 6px
}
#trade-summations .trade_summations_fee .settleSumAmount.textRight {
font-size: 24px;
font-weight: 500;
line-height: 1.4
}
#trade-summations .trade_summations_fee .pointAmountLabel {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-box-align: start;
-moz-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-flex-direction: column;
flex-direction: column
}
#trade-summations .trade_summations_fee .pointAmountLabel .trade_checkout_checkbox {
margin-right: 0
}
#trade-summations .trade_summations_fee .pointAmountLabel .trade_checkout_checkbox-text {
font-size: 14px !important
}
#trade-summations .trade_summations_fee__desc {
font-size: 12px
}
#trade-summations .trade_summations_fee__desc.default_visible {
margin-left: 20px
}
#trade-summations .trade_summations_fee .pointAmount {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-box-align: end;
-moz-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-direction: column;
flex-direction: column
}
#trade-summations .trade_summations_fee .pointAmount .trade_summations_remark {
font-size: 12px
}
#trade-summations .trade_summations_fee .pointAmount span:first-child {
height: 22px
}
#trade-summations .trade_summations__amount_reduce {
font-weight: 500
}
#trade-summations .trade_summations_tax_price_wrap {
font-size: 12px;
text-align: right;
width: 100%
}
#trade-summations .trade-summations-subscribe {
width: 100%
}
#trade-summations .trade-summations-subscribe__title {
-webkit-box-align: start;
-moz-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
margin-top: 4px;
width: 100%
}
#trade-summations .trade-summations-subscribe__title .col {
margin: 0
}
#trade-summations .trade-summations-subscribe__title-tips {
cursor: pointer;
display: inline-block;
line-height: 1;
margin-left: 4px;
vertical-align: top
}
#trade-summations .trade-summations-subscribe__title-arrow {
cursor: pointer;
line-height: 1;
margin-left: 4px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
#trade-summations .trade-summations-subscribe__title-arrow_down {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
#trade-summations .trade-summations-subscribe__content {
width: 100%
}
#trade-summations .trade-summations-subscribe__content_down {
display: none
}
#trade-summations .trade-summations-subscribe__content-item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
margin-top: 8px
}
#trade-summations .trade-summations-subscribe__content-item .col {
-webkit-box-align: start;
-moz-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
margin: 0
}
.summations_trade_gift_card_box .trade_summations_fee__tips {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
cursor: default;
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -moz-inline-box !important;
display: inline-flex !important
}
.summations_trade_gift_card_box .trade_summations_fee__tips .trade_gift_card_icon {
cursor: default;
margin-right: 2px
}
.summations_trade_gift_card_box .trade_summations_fee__tips .trade_gift_card_icon svg {
fill: currentColor;
height: 24px;
width: 24px
}
.summations_trade_gift_card_box .trade_summations_fee__tips .trade_gift_card_code {
cursor: default;
font-size: 14px;
line-height: 24px
}
.summations_detail_modal {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
position: relative
}
.summations_detail_modal__wrapper {
background: #FAFAFA;
border: 1px solid rgba(44, 44, 44, 0.08);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 4px 12px rgba(0,0,0,.05);
-moz-box-shadow: 0 4px 12px rgba(0,0,0,.05);
box-shadow: 0 4px 12px rgba(0,0,0,.05);
padding: 10px;
position: fixed;
width: 343px
}
.summations_detail_modal__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.summations_detail_modal__content__row {
-webkit-box-align: start;
-moz-box-align: start;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 10px;
width: 100%
}
.summations_detail_modal__content__row:last-child {
margin-bottom: 0
}
.summations_detail_modal__content__row .trade_coupon__code, .summations_detail_modal__content__row .trade_summations__amount {
margin: 0 !important
}
.summations_detail_modal__content__row .trade_coupon__code {
-webkit-flex-shrink: 0;
flex-shrink: 0;
max-width: 180px
}
.summations_detail_modal__content__row .trade_summations__amount_reduce {
-webkit-align-self: unset !important;
align-self: unset !important
}
.summations_detail_modal__content__row .trade_summations__amount {
-webkit-align-self: center;
align-self: center;
-webkit-flex-shrink: 1 !important;
flex-shrink: 1 !important;
font-weight: 500;
word-break: break-word
}
@media screen and (min-width:751px)and (max-width:999px) {
.summations-icon-tooltip.rc-tooltip-placement-topLeft {
left: 16% !important
}
.summations-icon-tooltip.rc-tooltip-placement-topLeft .rc-tooltip-content .rc-tooltip-arrow {
left: 20%
}
}
@media screen and (max-width:750px) {
.summations-icon-tooltip.rc-tooltip-placement-topLeft {
left: 16px !important
}
.summations-icon-tooltip.rc-tooltip-placement-topLeft .rc-tooltip-content .rc-tooltip-arrow {
left: 20%
}
.summations_detail_modal__wrapper {
left: 16px;
right: 16px;
width: unset
}
}
.checkout-shipment .express-list {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
overflow: hidden
}
.checkout-shipment .express {
border-bottom: 1px solid rgba(44, 44, 44, 0.08);
}
.checkout-shipment .express:last-child, .checkout-shipment .express:last-child .express-body, .checkout-shipment .express:last-child .express-header {
border-bottom: none
}
.checkout-shipment .express--store-pickup label {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-webkit-box-pack: start;
-moz-box-pack: start;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin: 0
}
.checkout-shipment .express--store-pickup label > span:first-child {
-webkit-align-self: start;
align-self: start;
margin-right: 12px;
min-width: 16px;
padding-top: 2px;
vertical-align: middle
}
.checkout-shipment .express--store-pickup label > span:nth-child(2) {
-webkit-box-flex: 1;
-moz-box-flex: 1;
word-wrap: break-word;
-webkit-flex: 1;
flex: 1;
margin-right: 12px;
width: 0
}
.checkout-shipment .express--store-pickup label > span:nth-child(2) > span {
display: block
}
.checkout-shipment .express--store-pickup label > span:nth-child(2) > span:first-child {
font-size: 14px;
line-height: 20px
}
.checkout-shipment .express--store-pickup label > span:nth-child(2) > span:nth-child(2) {
font-size: 10px;
line-height: 14px;
margin-top: 6px
}
.checkout-shipment .express--store-pickup label > span:nth-child(3) {
-webkit-flex-shrink: 0;
flex-shrink: 0;
text-align: right;
white-space: nowrap
}
.checkout-shipment .express--store-pickup label > span:nth-child(3) > span:first-child {
background: rgba(39, 110, 175, 0.12);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #276EAF;
font-size: 10px;
font-weight: 500;
line-height: 14px;
padding: 3px 6px
}
.checkout-shipment .express--store-pickup label > span:nth-child(3) > span:nth-child(2) {
display: block;
font-size: 10px;
line-height: 14px;
margin-top: 6px
}
.checkout-shipment .express--checked .express-body:not(.express-body--nocontent) {
border-top: 1px solid rgba(44, 44, 44, 0.08);
max-height: 250px;
padding: 0 16px
}
.checkout-shipment .express-header {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-webkit-box-pack: start;
-moz-box-pack: start;
-webkit-box-align: start;
-moz-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-direction: row nowrap;
flex-direction: row nowrap;
font-size: 14px;
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin: 0
}
.checkout-shipment .express-header__radio {
margin-right: 12px;
margin-top: 2px;
min-width: 16px
}
.checkout-shipment .express-header__title {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
flex: 1;
margin-right: 12px;
word-break: break-word
}
.checkout-shipment .express-header__desc {
font-size: 12px;
line-height: 18px;
margin: 6px 0 0;
word-break: break-word
}
.checkout-shipment .express-header__charge {
font-weight: 700;
text-align: right;
word-break: break-word
}
.checkout-shipment .express-header__charge-icon {
background: rgba(39, 110, 175, 0.12);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #276EAF;
display: inline-block;
font-size: 11px;
font-weight: 400;
line-height: 1.4;
padding: 3px 6px
}
.checkout-shipment .express-body {
border-bottom: 1px solid #d8d8d8;
max-height: 0;
overflow: hidden;
padding: 0 16px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease
}
.checkout-shipment .express-body .store-emap-wrapper {
margin: 20px 0
}
.checkout-shipment .express-body__desc {
font-size: 11px;
line-height: 16px;
margin: 20px 0;
word-break: break-word
}
.checkout-shipment .express-body .express-local-delivery-form, .checkout-shipment .express-body .express-shipping-method-form {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 16px 0
}
.checkout-shipment .express-body .express-local-delivery-form .trade_countries_selector, .checkout-shipment .express-body .express-shipping-method-form .trade_countries_selector {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
height: 100%;
padding-right: 16px;
position: relative
}
.checkout-shipment .express-body .express-local-delivery-form .trade_countries_selector .tc_value, .checkout-shipment .express-body .express-shipping-method-form .trade_countries_selector .tc_value {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-align-items: center;
align-items: center;
border-left: 1px solid #efefef;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
height: 26px;
-webkit-justify-content: center;
justify-content: center;
position: relative;
width: 60px
}
.checkout-shipment .express-body .express-local-delivery-form .trade_countries_selector .tc_value .trade_select_icon, .checkout-shipment .express-body .express-shipping-method-form .trade_countries_selector .tc_value .trade_select_icon {
right: 0
}
.checkout-shipment .express-body .express-local-delivery-form .trade_countries_selector select, .checkout-shipment .express-body .express-shipping-method-form .trade_countries_selector select {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%
}
.checkout-shipment .express-body .express-local-delivery-form .express-body__desc, .checkout-shipment .express-body .express-shipping-method-form .express-body__desc {
margin: 4px 0 12px
}
.checkout-shipment .express-body .express-local-delivery-form .express-body__desc:last-child, .checkout-shipment .express-body .express-shipping-method-form .express-body__desc:last-child {
margin-bottom: 0
}
.checkout-shipment .express-body:last-child {
border-bottom: none
}
.checkout-shipment .checkout-shipment__empty-tips-warning {
background: rgba(240,73,73,.04);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 14px;
line-height: 20px;
margin-top: 16px;
padding: 16px
}
.checkout-shipment .checkout-shipment__empty-tips-main {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
margin-top: 16px;
padding: 24px
}
.checkout-shipment .checkout-shipment__empty-tips-icon {
display: block;
height: 100px;
width: 140px
}
.checkout-shipment .checkout-shipment__empty-tips-text {
font-size: 14px;
line-height: 20px;
margin-top: 12px;
padding: 0 24px;
text-align: center
}
.checkout-shipment .express--loading {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
height: 235px;
-webkit-justify-content: center;
justify-content: center;
margin-top: 16px
}
.checkout-shipment .express--loading .container {
position: relative
}
.checkout-shipment .express--loading .loader {
-webkit-animation: rot 2s linear infinite;
-moz-animation: rot 2s linear infinite;
-o-animation: rot 2s linear infinite;
animation: rot 2s linear infinite;
background: conic-gradient(from 180deg at 50% 50%,#276eaf 0deg,hsla(0,0%,100%,0) 1turn);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
height: 20px;
inset: -webkit-calc(50% - 50px);
inset: -moz-calc(50% - 50px);
inset: calc(50% - 50px);
-webkit-mask: -webkit-radial-gradient(farthest-side,transparent -webkit-calc(100% - 2px),#fff 0);
mask: radial-gradient(farthest-side,transparent -moz-calc(100% - 2px),#fff 0);
mask: radial-gradient(farthest-side,transparent calc(100% - 2px),#fff 0);
width: 20px
}
@-webkit-keyframes rot {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-moz-keyframes rot {
to {
-moz-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-o-keyframes rot {
to {
-o-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes rot {
to {
-webkit-transform: rotate(1turn);
-moz-transform: rotate(1turn);
-o-transform: rotate(1turn);
transform: rotate(1turn)
}
}
#trade_pickupInformation_form {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
#trade_pickupInformation_form .trade_countries_selector {
height: 100%;
padding-right: 16px
}
#trade_pickupInformation_form .trade_countries_selector, #trade_pickupInformation_form .trade_countries_selector .tc_value {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
position: relative
}
#trade_pickupInformation_form .trade_countries_selector .tc_value {
-webkit-box-pack: center;
-moz-box-pack: center;
border-left: 1px solid #efefef;
height: 26px;
-webkit-justify-content: center;
justify-content: center;
width: 60px
}
#trade_pickupInformation_form .trade_countries_selector .tc_value .trade_select_icon {
right: 0
}
#trade_pickupInformation_form .trade_countries_selector select {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%
}
#trade_pickupInformation_form .express-body__desc {
margin: 4px 0 12px
}
#trade_pickupInformation_form .express-body__desc:last-child {
margin-bottom: 0
}
.checkout-shipment__main_pickup_information {
margin-bottom: 48px
}
.store-emap .family-icon {
background: url(https://img-preview.myshopline.com/image/store/3400002118/1622032333824/5a4b63304f9845528d7209c587f978e1.png) no-repeat 50%;
-moz-background-size: 100% auto;
background-size: 100% auto
}
.store-emap .family-icon, .store-emap .icon-711 {
display: inline-block;
height: 36px;
vertical-align: middle;
width: 36px
}
.store-emap .icon-711 {
background: url(https://img-preview.myshopline.com/image/store/3400002118/1622032333824/f25b7cd3ffc24d7ea6da5cc26c5fa490.png) no-repeat 50%;
-moz-background-size: 100% auto;
background-size: 100% auto
}
.store-emap__main {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
.store-emap .emap-action {
display: inline-block;
margin: 0 16px
}
.store-emap .emap-action__btn {
background: #276EAF;
color: rgb(255, 255, 255);
cursor: pointer;
height: 36px;
padding: 0 10px;
width: 100%
}
.store-emap .emap-info {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
flex: 1;
font-size: 12px;
line-height: 16px;
vertical-align: middle;
word-break: break-word
}
.store-emap .emap-info__name-line {
font-size: 14px;
font-weight: 700;
line-height: 20px;
margin: 0 0 4px
}
.store-emap--mobile .store-emap__main {
display: block
}
.store-emap--mobile .emap-info__name-line {
margin: 16px 0 4px
}
.trade_checkout_userInfo .ui_btn {
background: transparent;
border: none;
cursor: pointer;
font-size: 14px;
font-weight: 400;
opacity: .8;
padding: 0
}
.trade_checkout_userInfo > div {
margin-bottom: 24px
}
.trade_checkout_userInfo .ui_header {
-webkit-box-pack: justify;
-moz-box-pack: justify;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: -10px
}
.trade_checkout_userInfo .ui_header .ui_login_hint, .trade_checkout_userInfo .ui_header .ui_title {
margin-top: 10px
}
.trade_checkout_userInfo .ui_login_hint {
font-size: 14px;
font-weight: 400
}
.trade_checkout_userInfo .trade_countries_selector {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
height: 100%;
padding-right: 16px;
position: relative
}
.trade_checkout_userInfo .trade_countries_selector .tc_value {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-align-items: center;
align-items: center;
border-left: 1px solid #efefef;
display: none;
height: 26px;
-webkit-justify-content: center;
justify-content: center;
position: relative;
width: 60px
}
.trade_checkout_userInfo .trade_countries_selector .tc_value .trade_select_icon {
right: 0
}
.trade_checkout_userInfo .trade_countries_selector select {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%
}
.trade_checkout_userInfo #trade_userInfo_form [data-ssr-contactinfo-after] > * {
margin-top: 12px !important
}
@media screen and (max-width:999px) {
.trade_checkout_userInfo .ui_header {
display: block;
margin-top: 0
}
.trade_checkout_userInfo .ui_header .ui_title {
margin-bottom: 8px;
margin-top: 0
}
}
.block-select-field {
border: 0;
margin: 0;
padding: 0
}
.block-select-field .block-select-container .radio {
-webkit-align-self: center;
align-self: center;
margin: 0 8px 0 0;
vertical-align: middle
}
.block-select-field .block-select-subtitle {
font-size: 14px;
font-weight: 400;
margin-bottom: 16px;
word-break: break-word
}
.block-select-field .block-select-group {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-direction: column;
flex-direction: column
}
.block-select-field .block-select-group .Affirm-logo, .block-select-field .block-select-group .Afterpay-logo, .block-select-field .block-select-group .Boost-logo, .block-select-field .block-select-group .CLABE-logo, .block-select-field .block-select-group .Clearpay-logo, .block-select-field .block-select-group .GrabPay-logo, .block-select-field .block-select-group .Klarna-logo, .block-select-field .block-select-group .OXXO-logo, .block-select-field .block-select-group .logo, .block-select-field .block-select-group .paypal-logo, .block-select-field .block-select-group i[data-logo="Maybank QR"], .block-select-field .block-select-group i[data-logo="Touch 'n Go"] {
background-position: 50%;
background-repeat: no-repeat;
-moz-background-size: contain;
background-size: contain;
display: inline-block;
max-height: 32px;
vertical-align: middle
}
.block-select-field .block-select-group .Affirm-logo img, .block-select-field .block-select-group .Afterpay-logo img, .block-select-field .block-select-group .Boost-logo img, .block-select-field .block-select-group .CLABE-logo img, .block-select-field .block-select-group .Clearpay-logo img, .block-select-field .block-select-group .GrabPay-logo img, .block-select-field .block-select-group .Klarna-logo img, .block-select-field .block-select-group .OXXO-logo img, .block-select-field .block-select-group .logo img, .block-select-field .block-select-group .paypal-logo img, .block-select-field .block-select-group i[data-logo="Maybank QR"] img, .block-select-field .block-select-group i[data-logo="Touch 'n Go"] img {
max-height: 32px
}
.block-select-field .block-select-group .paypal-logo {
background-image: url(https://img-preview.myshopline.com/image/shopline/11ce70edfcf64d609df31e72503ce8da.svg);
height: 23px;
width: 96px
}
.block-select-field .block-select-group .Afterpay-logo {
background-image: url(https://img-preview.myshopline.com/image/shopline/0e42c971ef704ce1945678deb6499d41.svg);
height: 34px;
margin-top: -7px;
width: 102px
}
.block-select-field .block-select-group .Clearpay-logo {
background-image: url(https://img-preview.myshopline.com/image/shopline/c7757a6476e64b23a12ab66d3a109750.svg);
height: 34px;
margin-top: -7px;
width: 102px
}
.block-select-field .block-select-group .atome-logo {
background-image: url(https://img-preview.myshopline.com/image/shopline/457f45439c664f7fafd5c73d5f4d3561.svg);
display: inline-block;
height: 22px;
vertical-align: middle;
width: 102px
}
.block-select-field .block-select-group .FPX-logo {
background-image: url(https://img-preview.myshopline.com/image/shopline/44ccffad83b547c7991ba5872bbdd485.svg);
display: inline-block;
height: 24px;
vertical-align: middle;
width: 72px
}
.block-select-field .block-select-group .Affirm-logo {
background-image: url(https://img-preview.myshopline.com/image/shopline/3205f3ee0ec74544af7c863834d5760c.svg);
height: 27px;
margin-top: -9px;
width: 178px
}
.block-select-field .block-select-group .CLABE-logo {
background-image: url(https://img-preview.myshopline.com/image/shopline/78ab9bbffdb14c4d957fa46cf17d192d.svg);
height: 17px;
margin-top: -4px;
width: 72px
}
.block-select-field .block-select-group .OXXO-logo {
background-image: url(https://img-preview.myshopline.com/image/shopline/4ea6ef709b884368aae0d16d51311358.svg);
height: 30px;
margin-top: -8px;
width: 65px
}
.block-select-field .block-select-group .Klarna-logo {
background-image: url(https://img-preview.myshopline.com/image/shopline/428fd395bbdc4e27b8294bd80a8773ee.svg);
height: 24px;
margin-right: 6px;
margin-top: 6px;
width: 38px
}
.block-select-field .block-select-group .Boost-logo {
background-image: url(https://img-preview.myshopline.com/image/shopline/68779c5b3242426c85aa4d1028cf47ba.svg);
height: 32px;
vertical-align: middle;
width: 96px
}
.block-select-field .block-select-group .GrabPay-logo {
background-image: url(https://img-preview.myshopline.com/image/shopline/de81cebe6ccf4aae931f718c4ea5fbb7.svg);
height: 32px;
vertical-align: middle;
width: 102px
}
.block-select-field .block-select-group i[data-logo="Maybank QR"] {
background-image: url(https://img-preview.myshopline.com/image/shopline/b849e56a40504ab3bae01ad4c2403fbe.svg);
height: 32px;
vertical-align: middle;
width: 67px
}
.block-select-field .block-select-group i[data-logo="Touch 'n Go"] {
background-image: url(https://img-preview.myshopline.com/image/shopline/6b892a8d22d242b6ab0c36bd7214c37b.svg);
height: 32px;
vertical-align: middle;
width: 49px
}
.block-select-field .block-select-group .installments {
background: #ffebe7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #f86140;
display: block;
font-size: 12px;
height: 18px;
line-height: 18px;
margin: 6px 0 0;
padding: 0 6px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.block-select-field .block-select-group .join-recommend {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-box-align: end;
-moz-box-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
background: #f7f8fb;
border: 1px solid #eaedf1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: rgba(44,44,44,.75);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
font-size: 12px;
height: 47px;
-webkit-justify-content: center;
justify-content: center;
line-height: 18px;
margin-bottom: 6px;
padding: 0 8px
}
.block-select-field .block-select-group .join-recommend__logo {
background-image: url(https://img-preview.myshopline.com/image/shopline/4831622ebbf940859c7629b541d4e5df.svg);
background-position: 100%;
background-repeat: no-repeat;
-moz-background-size: 100%;
background-size: 100%;
display: block;
height: 15px;
width: 92px
}
.block-select-field .block-select-group .pay-now {
background-image: url(https://img-preview.myshopline.com/image/shopline/ce6c7b26f5b44ce1921db2348765b249.svg);
background-position: 50%;
background-repeat: no-repeat;
-moz-background-size: contain;
background-size: contain;
display: inline-block;
height: 23px;
vertical-align: middle;
width: 96px
}
.block-select-field .block-select-group .group-item {
cursor: pointer
}
.block-select-field .block-select-group .group-item + .no-border-top {
border-top: 0
}
.block-select-field .block-select-group .group-item + .group-item {
border-top: 1px solid rgba(44, 44, 44, 0.08);
}
.block-select-field .block-select-group .group-item-head {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-webkit-box-pack: start;
-moz-box-pack: start;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-direction: row nowrap;
flex-direction: row nowrap;
font-size: 14px;
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.block-select-field .block-select-group .group-item-head .head-name {
-webkit-box-flex: 1;
-moz-box-flex: 1;
cursor: pointer;
-webkit-flex: auto;
flex: auto;
margin: 0 0 0 12px;
max-width: 100%;
word-break: break-word
}
.block-select-field .block-select-group .group-item-head .head-name__logo-with-name .Affirm-logo img, .block-select-field .block-select-group .group-item-head .head-name__logo-with-name .Afterpay-logo img, .block-select-field .block-select-group .group-item-head .head-name__logo-with-name .Boost-logo img, .block-select-field .block-select-group .group-item-head .head-name__logo-with-name .CLABE-logo img, .block-select-field .block-select-group .group-item-head .head-name__logo-with-name .Clearpay-logo img, .block-select-field .block-select-group .group-item-head .head-name__logo-with-name .GrabPay-logo img, .block-select-field .block-select-group .group-item-head .head-name__logo-with-name .Klarna-logo img, .block-select-field .block-select-group .group-item-head .head-name__logo-with-name .OXXO-logo img, .block-select-field .block-select-group .group-item-head .head-name__logo-with-name .logo img, .block-select-field .block-select-group .group-item-head .head-name__logo-with-name .paypal-logo img, .block-select-field .block-select-group .group-item-head .head-name__logo-with-name i[data-logo="Maybank QR"] img, .block-select-field .block-select-group .group-item-head .head-name__logo-with-name i[data-logo="Touch 'n Go"] img {
height: 24px
}
.block-select-field .block-select-group .group-item-head .head-name__content-withlogo {
margin-left: 8px;
vertical-align: middle
}
.block-select-field .block-select-group .group-item input[type=radio] {
min-width: 16px;
vertical-align: middle
}
.block-select-field .block-select-group .group-item-body {
border-top: 1px solid rgba(44, 44, 44, 0.08);
display: none
}
.block-select-field .block-select-group .group-item-body.no_content {
display: none !important;
padding: 0
}
.block-select-field .block-select-group .group-item-body.has_content {
display: block !important;
padding: 16px
}
.block-select-field .block-select-group .group-item-body > p {
color: rgba(44,44,44,.4);
font-size: 11px;
line-height: 16px;
margin-top: 16px
}
.logo_container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
font-size: 1rem;
margin: 0
}
@media only screen and (min-width:1000px) {
.logo_container {
margin: 56px 0 24px
}
.logo_container.align-center {
margin-bottom: 24px
}
.logo_container.align-right {
margin-bottom: 0
}
.logo_container.align-left {
-webkit-box-pack: start;
-moz-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
max-width: 568px
}
.logo_container.align-center, .logo_container.align-right {
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.logo_container.align-center.insideSidebar, .logo_container.align-right.insideSidebar {
margin-bottom: 24px;
margin-top: 0
}
.logo_container .logo_inner.size-small img {
height: 40px
}
.logo_container .logo_inner.size-medium img {
height: 60px
}
.logo_container .logo_inner.size-large img {
height: 80px
}
}
@media only screen and (max-width:999px) {
.logo_container {
padding-left: 0
}
}
@media only screen and (max-width:999px)and (max-width:750px) {
.logo_container {
padding: 0 16px
}
}
@media only screen and (max-width:999px) {
.logo_container.align-center, .logo_container.align-left {
margin: 24px auto;
max-width: 568px
}
.logo_container.align-center, .logo_container.align-right {
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.logo_container.align-right {
background: #FAFAFA;
background-image: url();
padding: 24px 0
}
.logo_container.align-right .header_logo--text {
color: #2c2c2c;
}
.logo_container .logo_inner.size-small img {
height: 32px
}
.logo_container .logo_inner.size-medium img {
height: 40px
}
.logo_container .logo_inner.size-large img {
height: 56px
}
}
.logo_container > * {
cursor: default
}
.logo_container .logo_inner {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
cursor: default;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
position: relative
}
.logo_container .logo_inner img {
max-width: 100%;
-o-object-fit: contain;
object-fit: contain
}
.logo_container .logo_container img {
max-height: 100%;
max-width: 100%
}
.logo_container .logo_container a {
height: 100%;
width: 100%
}
.logo_container .header_logo--img img {
height: 40px;
}
.header_logo--text {
display: inline-block;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 120%;
text-decoration: none !important;
width: auto;
word-break: break-word
}
@media only screen and (max-width:999px) {
.header_logo--text {
font-size: 28px;
line-height: 120%
}
}
.can_click {
cursor: pointer
}
.logo_container_checkout {
margin-bottom: 20px
}
.payment__main:empty, .payment__main:not(:empty) + .payment--empty {
display: none
}
.payment--empty {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px
}
.payment__body.ApplePay, .payment__body.GooglePay {
height: 0;
min-height: 0;
padding: 0 !important;
visibility: hidden
}
.payment__item {
-webkit-box-ordinal-group: NaN;
-moz-box-ordinal-group: NaN;
--border-color: rgba(44, 44, 44, 0.08);
-webkit-order: var(--payment-order,0);
order: var(--payment-order,0)
}
.payment__head {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
margin-bottom: 0
}
.payment__head.disabled {
border-color: #d8d8d8 !important;
cursor: not-allowed;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 16px;
pointer-events: none
}
.payment__head.disabled input {
background: rgba(142, 142, 142, 0.2);
border: 1px solid rgba(142, 142, 142, 0.3) !important;
opacity: 1 !important
}
.payment__head.disabled .payment__label__item .head-name, .payment__head.disabled .payment__label__item .title__right {
opacity: .3
}
.payment__head.disabled .payment__label__item .payment__errorTip {
opacity: .8
}
.payment__errorTip:not(:empty) {
margin: 10px 0 6px 12px
}
.payment__label {
-webkit-box-flex: 1;
-moz-box-flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex: 1;
flex: 1
}
.payment__label .title {
-webkit-box-pack: justify;
-moz-box-pack: justify;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-webkit-box-flex: 0;
-moz-box-flex: 0;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between
}
.payment__label .title, .payment__label .title__block {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
.payment__label .title__block {
left: -16px;
margin-bottom: 6px;
position: relative
}
.payment__label .title__right {
margin-left: 12px
}
.payment__label .title span.head-name {
-webkit-box-flex: 0 !important;
-moz-box-flex: 0 !important;
-webkit-flex: 0 0 auto !important;
flex: 0 0 auto !important;
margin: 0 0 0 12px !important;
padding-right: 35px
}
.payment__label .title span.head-name:last-child {
-webkit-box-flex: 1 !important;
-moz-box-flex: 1 !important;
-webkit-flex: auto !important;
flex: auto !important;
padding-right: 0;
word-break: break-word
}
.payment__label .title .credit-card-component-box-imgs img {
margin-bottom: 6px;
margin-right: 6px
}
.payment__label__item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 16px;
width: 100%
}
.payment__label__item .payment__enableCardPay {
margin-bottom: 6px
}
@media screen and (max-width:750px) {
.payment__label__item .title__block {
width: 100%
}
}
.payment__errTips {
background-color: rgba(240, 73, 73, 0.04);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-size: 14px;
font-weight: 400;
margin-bottom: 16px;
word-break: break-word
}
.payment__body--online {
font-size: 14px;
padding-top: 30px;
text-align: center
}
.payment__body--offline {
font-size: 11px;
line-height: 16px;
white-space: pre-wrap;
word-break: break-word
}
.payment__body--pcisdk {
min-height: 224px;
position: relative
}
.payment__body--fpx {
min-height: 178px
}
.payment__body--ovo {
min-height: 158px
}
.payment__body--virtual-account {
min-height: 108px
}
.payment__sdk--error--tips {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-box-pack: center;
-moz-box-pack: center;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
cursor: default;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: flex !important;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
min-height: 224px;
word-break: break-word
}
.payment__sdk--error--tips .payment_error_icon {
background-image: url(https://img-preview.myshopline.com/image/shopline/8161b9bb5a9e4faf8ee93c941ffa03e0.svg);
height: 46px;
width: 46px
}
.payment__sdk--error--tips .payment_error_text {
font-size: 14px;
font-weight: 400;
line-height: 16px;
margin-top: 16px;
text-align: center;
width: 100%
}
.payment__sdk--error--tips .custom-link-color {
cursor: pointer;
font-weight: 500
}
.payment__use-store-currency-tips__border {
border-bottom: 1px solid rgba(142, 142, 142, 0.3);
}
.payment__unsupported-currency-tips {
border-top: 1px solid rgba(142, 142, 142, 0.3);
cursor: default;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
padding: 16px
}
.payment__unsupported-currency-tips svg {
color: #276EAF;
height: 16px;
margin-right: 6px;
width: 16px
}
.payment__unsupported-currency-tips__content {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
flex: 1;
font-size: 14px;
font-weight: 400;
line-height: 20px
}
.payment__unsupported-currency-tips__content span {
color: #2c2c2c;
}
.payment__unsupported-currency-tips__loading {
padding: 26px 0;
position: relative
}
.payment__unsupported-currency-tips__loading__ele {
-webkit-animation: .8s linear 0s infinite normal none running loading;
-moz-animation: .8s linear 0s infinite normal none running loading;
-o-animation: .8s linear 0s infinite normal none running loading;
animation: .8s linear 0s infinite normal none running loading;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKMSURBVHgBnZRLaxNRGIZnJjNpmhZaQ0vx0to2IEIXFS8LF0WiFNxocKVp1slecakuXLnzJwRiQhdBNy4igZCsAqWBYjAF3aiIEUlJLKmpZCYTny8kEttY03zwcs6cy3Pe71xGVfpELpcbbbVaV3Rdn9c0bUZV1XGamw6HY4ey5HQ6PywtLW33m6sebMhkMhcMw1gDZCCLJovS7Apou42y0mw2N5aXl9//E5hOpwPAfDjqQmroLSoDsCmn6PNQuvk2yaLJtE3cbh0CZrPZOxS3kc3AGumur6ysbCh9olAonGfhi8BHgctWvPN6vfk/wFQqdQ1AmAE2n9/RM5/Pt6McEcVicRzQTeTCgO1yubJzc3MlrU1V1bs06rZtVweBSZDmHnv4huovzJiWZV3O5/OGlkwmbwA6RacAXw0C64XicFP2ElPa9PT0rDi8SoMDWGV1dTWrHDMWFxc/s4/1zo04Ia7OQTf4+KIMGaT8FeBJOG6dVE9TkfZPypDBie+RpQnL0OUwkCppK0MGWcrtaOJS0QCVO9AzypCBwxG56FR/asA/AjPQdWXIAOaUlzU2NrYrDrc6V8aTSCT8yjGjWq1Omqbp4GDklCsalddA9wHKAT2KxWIDpy4XWd62XGxc1icmJiqa3++vccsfCxBNYn2dmP0fTA5xYWFhptFoyLaBsOTJKu2nFwgE0gx4wWpyOPN0voxGo/eOgI1QTCGVA7FQ2ePx7ErfX7+veDx+n8EPO25F39A2W1EMh8NPGaIjgclD0Ov1uu52u/cx8qPL0HqBwWDwOZMfAClJSgw8S/Mt9KSzuFYul9sma7WaDazaCzvksDcikcgacPk/elngUigU0jsOZU4LmcBaB+f9BkTuUmOdFkdRAAAAAElFTkSuQmCC");
-moz-background-size: cover;
background-size: cover;
height: 20px;
left: 50%;
position: absolute;
top: 50%;
width: 20px
}
@-webkit-keyframes loading {
0% {
-webkit-transform: translate(-50%,-50%) rotate(0deg);
transform: translate(-50%,-50%) rotate(0deg)
}
to {
-webkit-transform: translate(-50%,-50%) rotate(1turn);
transform: translate(-50%,-50%) rotate(1turn)
}
}
@-moz-keyframes loading {
0% {
-moz-transform: translate(-50%,-50%) rotate(0deg);
transform: translate(-50%,-50%) rotate(0deg)
}
to {
-moz-transform: translate(-50%,-50%) rotate(1turn);
transform: translate(-50%,-50%) rotate(1turn)
}
}
@-o-keyframes loading {
0% {
-o-transform: translate(-50%,-50%) rotate(0deg);
transform: translate(-50%,-50%) rotate(0deg)
}
to {
-o-transform: translate(-50%,-50%) rotate(1turn);
transform: translate(-50%,-50%) rotate(1turn)
}
}
@keyframes loading {
0% {
-webkit-transform: translate(-50%,-50%) rotate(0deg);
-moz-transform: translate(-50%,-50%) rotate(0deg);
-o-transform: translate(-50%,-50%) rotate(0deg);
transform: translate(-50%,-50%) rotate(0deg)
}
to {
-webkit-transform: translate(-50%,-50%) rotate(1turn);
-moz-transform: translate(-50%,-50%) rotate(1turn);
-o-transform: translate(-50%,-50%) rotate(1turn);
transform: translate(-50%,-50%) rotate(1turn)
}
}
.payment__unsupported-currency-tips__icon {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
@media screen and (max-width:999px) {
.payment .credit-card-component-box .credit-card-component-box-imgs {
height: auto;
margin-top: 0;
max-width: unset;
overflow: unset
}
.payment .credit-card-component-box span {
display: none
}
.payment__body--online svg {
height: 70px !important;
width: 100px !important
}
}
[id$=-error] {
display: block !important
}
#paypal-payNow-wrapper, #paypal-subscription-wrapper {
width: 240px
}
@media screen and (max-width:750px) {
#paypal-payNow-wrapper, #paypal-subscription-wrapper {
width: 100%
}
}
.payment .payment__main .payment__item .payment__head {
padding-bottom: 10px
}
#pay-billing-info #trade_payBillInfo_address_form_wrapper + #trade_payBillInfo_email_form {
margin-top: 16px
}
.trade__grid {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.trade__grid__col_xs_1 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(4.16667% - 16px) !important;
width: -moz-calc(4.16667% - 16px) !important;
width: calc(4.16667% - 16px) !important
}
.trade__grid__col_xs_2 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(8.33333% - 16px) !important;
width: -moz-calc(8.33333% - 16px) !important;
width: calc(8.33333% - 16px) !important
}
.trade__grid__col_xs_3 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(12.5% - 16px) !important;
width: -moz-calc(12.5% - 16px) !important;
width: calc(12.5% - 16px) !important
}
.trade__grid__col_xs_4 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(16.66667% - 16px) !important;
width: -moz-calc(16.66667% - 16px) !important;
width: calc(16.66667% - 16px) !important
}
.trade__grid__col_xs_5 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(20.83333% - 16px) !important;
width: -moz-calc(20.83333% - 16px) !important;
width: calc(20.83333% - 16px) !important
}
.trade__grid__col_xs_6 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(25% - 16px) !important;
width: -moz-calc(25% - 16px) !important;
width: calc(25% - 16px) !important
}
.trade__grid__col_xs_7 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(29.16667% - 16px) !important;
width: -moz-calc(29.16667% - 16px) !important;
width: calc(29.16667% - 16px) !important
}
.trade__grid__col_xs_8 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(33.33333% - 16px) !important;
width: -moz-calc(33.33333% - 16px) !important;
width: calc(33.33333% - 16px) !important
}
.trade__grid__col_xs_9 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(37.5% - 16px) !important;
width: -moz-calc(37.5% - 16px) !important;
width: calc(37.5% - 16px) !important
}
.trade__grid__col_xs_10 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(41.66667% - 16px) !important;
width: -moz-calc(41.66667% - 16px) !important;
width: calc(41.66667% - 16px) !important
}
.trade__grid__col_xs_11 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(45.83333% - 16px) !important;
width: -moz-calc(45.83333% - 16px) !important;
width: calc(45.83333% - 16px) !important
}
.trade__grid__col_xs_12 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(50% - 16px) !important;
width: -moz-calc(50% - 16px) !important;
width: calc(50% - 16px) !important
}
.trade__grid__col_xs_13 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(54.16667% - 16px) !important;
width: -moz-calc(54.16667% - 16px) !important;
width: calc(54.16667% - 16px) !important
}
.trade__grid__col_xs_14 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(58.33333% - 16px) !important;
width: -moz-calc(58.33333% - 16px) !important;
width: calc(58.33333% - 16px) !important
}
.trade__grid__col_xs_15 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(62.5% - 16px) !important;
width: -moz-calc(62.5% - 16px) !important;
width: calc(62.5% - 16px) !important
}
.trade__grid__col_xs_16 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(66.66667% - 16px) !important;
width: -moz-calc(66.66667% - 16px) !important;
width: calc(66.66667% - 16px) !important
}
.trade__grid__col_xs_17 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(70.83333% - 16px) !important;
width: -moz-calc(70.83333% - 16px) !important;
width: calc(70.83333% - 16px) !important
}
.trade__grid__col_xs_18 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(75% - 16px) !important;
width: -moz-calc(75% - 16px) !important;
width: calc(75% - 16px) !important
}
.trade__grid__col_xs_19 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(79.16667% - 16px) !important;
width: -moz-calc(79.16667% - 16px) !important;
width: calc(79.16667% - 16px) !important
}
.trade__grid__col_xs_20 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(83.33333% - 16px) !important;
width: -moz-calc(83.33333% - 16px) !important;
width: calc(83.33333% - 16px) !important
}
.trade__grid__col_xs_21 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(87.5% - 16px) !important;
width: -moz-calc(87.5% - 16px) !important;
width: calc(87.5% - 16px) !important
}
.trade__grid__col_xs_22 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(91.66667% - 16px) !important;
width: -moz-calc(91.66667% - 16px) !important;
width: calc(91.66667% - 16px) !important
}
.trade__grid__col_xs_23 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(95.83333% - 16px) !important;
width: -moz-calc(95.83333% - 16px) !important;
width: calc(95.83333% - 16px) !important
}
.trade__grid__col_xs_24 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(100% - 16px) !important;
width: -moz-calc(100% - 16px) !important;
width: calc(100% - 16px) !important
}
@media(min-width:768px) {
.trade__grid__col_md_1 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(4.16667% - 16px) !important;
width: -moz-calc(4.16667% - 16px) !important;
width: calc(4.16667% - 16px) !important
}
.trade__grid__col_md_2 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(8.33333% - 16px) !important;
width: -moz-calc(8.33333% - 16px) !important;
width: calc(8.33333% - 16px) !important
}
.trade__grid__col_md_3 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(12.5% - 16px) !important;
width: -moz-calc(12.5% - 16px) !important;
width: calc(12.5% - 16px) !important
}
.trade__grid__col_md_4 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(16.66667% - 16px) !important;
width: -moz-calc(16.66667% - 16px) !important;
width: calc(16.66667% - 16px) !important
}
.trade__grid__col_md_5 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(20.83333% - 16px) !important;
width: -moz-calc(20.83333% - 16px) !important;
width: calc(20.83333% - 16px) !important
}
.trade__grid__col_md_6 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(25% - 16px) !important;
width: -moz-calc(25% - 16px) !important;
width: calc(25% - 16px) !important
}
.trade__grid__col_md_7 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(29.16667% - 16px) !important;
width: -moz-calc(29.16667% - 16px) !important;
width: calc(29.16667% - 16px) !important
}
.trade__grid__col_md_8 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(33.33333% - 16px) !important;
width: -moz-calc(33.33333% - 16px) !important;
width: calc(33.33333% - 16px) !important
}
.trade__grid__col_md_9 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(37.5% - 16px) !important;
width: -moz-calc(37.5% - 16px) !important;
width: calc(37.5% - 16px) !important
}
.trade__grid__col_md_10 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(41.66667% - 16px) !important;
width: -moz-calc(41.66667% - 16px) !important;
width: calc(41.66667% - 16px) !important
}
.trade__grid__col_md_11 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(45.83333% - 16px) !important;
width: -moz-calc(45.83333% - 16px) !important;
width: calc(45.83333% - 16px) !important
}
.trade__grid__col_md_12 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(50% - 16px) !important;
width: -moz-calc(50% - 16px) !important;
width: calc(50% - 16px) !important
}
.trade__grid__col_md_13 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(54.16667% - 16px) !important;
width: -moz-calc(54.16667% - 16px) !important;
width: calc(54.16667% - 16px) !important
}
.trade__grid__col_md_14 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(58.33333% - 16px) !important;
width: -moz-calc(58.33333% - 16px) !important;
width: calc(58.33333% - 16px) !important
}
.trade__grid__col_md_15 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(62.5% - 16px) !important;
width: -moz-calc(62.5% - 16px) !important;
width: calc(62.5% - 16px) !important
}
.trade__grid__col_md_16 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(66.66667% - 16px) !important;
width: -moz-calc(66.66667% - 16px) !important;
width: calc(66.66667% - 16px) !important
}
.trade__grid__col_md_17 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(70.83333% - 16px) !important;
width: -moz-calc(70.83333% - 16px) !important;
width: calc(70.83333% - 16px) !important
}
.trade__grid__col_md_18 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(75% - 16px) !important;
width: -moz-calc(75% - 16px) !important;
width: calc(75% - 16px) !important
}
.trade__grid__col_md_19 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(79.16667% - 16px) !important;
width: -moz-calc(79.16667% - 16px) !important;
width: calc(79.16667% - 16px) !important
}
.trade__grid__col_md_20 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(83.33333% - 16px) !important;
width: -moz-calc(83.33333% - 16px) !important;
width: calc(83.33333% - 16px) !important
}
.trade__grid__col_md_21 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(87.5% - 16px) !important;
width: -moz-calc(87.5% - 16px) !important;
width: calc(87.5% - 16px) !important
}
.trade__grid__col_md_22 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(91.66667% - 16px) !important;
width: -moz-calc(91.66667% - 16px) !important;
width: calc(91.66667% - 16px) !important
}
.trade__grid__col_md_23 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(95.83333% - 16px) !important;
width: -moz-calc(95.83333% - 16px) !important;
width: calc(95.83333% - 16px) !important
}
.trade__grid__col_md_24 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(100% - 16px) !important;
width: -moz-calc(100% - 16px) !important;
width: calc(100% - 16px) !important
}
}
@media(min-width:1200px) {
.trade__grid__col_xl_1 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(4.16667% - 16px) !important;
width: -moz-calc(4.16667% - 16px) !important;
width: calc(4.16667% - 16px) !important
}
.trade__grid__col_xl_2 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(8.33333% - 16px) !important;
width: -moz-calc(8.33333% - 16px) !important;
width: calc(8.33333% - 16px) !important
}
.trade__grid__col_xl_3 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(12.5% - 16px) !important;
width: -moz-calc(12.5% - 16px) !important;
width: calc(12.5% - 16px) !important
}
.trade__grid__col_xl_4 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(16.66667% - 16px) !important;
width: -moz-calc(16.66667% - 16px) !important;
width: calc(16.66667% - 16px) !important
}
.trade__grid__col_xl_5 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(20.83333% - 16px) !important;
width: -moz-calc(20.83333% - 16px) !important;
width: calc(20.83333% - 16px) !important
}
.trade__grid__col_xl_6 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(25% - 16px) !important;
width: -moz-calc(25% - 16px) !important;
width: calc(25% - 16px) !important
}
.trade__grid__col_xl_7 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(29.16667% - 16px) !important;
width: -moz-calc(29.16667% - 16px) !important;
width: calc(29.16667% - 16px) !important
}
.trade__grid__col_xl_8 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(33.33333% - 16px) !important;
width: -moz-calc(33.33333% - 16px) !important;
width: calc(33.33333% - 16px) !important
}
.trade__grid__col_xl_9 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(37.5% - 16px) !important;
width: -moz-calc(37.5% - 16px) !important;
width: calc(37.5% - 16px) !important
}
.trade__grid__col_xl_10 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(41.66667% - 16px) !important;
width: -moz-calc(41.66667% - 16px) !important;
width: calc(41.66667% - 16px) !important
}
.trade__grid__col_xl_11 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(45.83333% - 16px) !important;
width: -moz-calc(45.83333% - 16px) !important;
width: calc(45.83333% - 16px) !important
}
.trade__grid__col_xl_12 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(50% - 16px) !important;
width: -moz-calc(50% - 16px) !important;
width: calc(50% - 16px) !important
}
.trade__grid__col_xl_13 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(54.16667% - 16px) !important;
width: -moz-calc(54.16667% - 16px) !important;
width: calc(54.16667% - 16px) !important
}
.trade__grid__col_xl_14 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(58.33333% - 16px) !important;
width: -moz-calc(58.33333% - 16px) !important;
width: calc(58.33333% - 16px) !important
}
.trade__grid__col_xl_15 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(62.5% - 16px) !important;
width: -moz-calc(62.5% - 16px) !important;
width: calc(62.5% - 16px) !important
}
.trade__grid__col_xl_16 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(66.66667% - 16px) !important;
width: -moz-calc(66.66667% - 16px) !important;
width: calc(66.66667% - 16px) !important
}
.trade__grid__col_xl_17 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(70.83333% - 16px) !important;
width: -moz-calc(70.83333% - 16px) !important;
width: calc(70.83333% - 16px) !important
}
.trade__grid__col_xl_18 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(75% - 16px) !important;
width: -moz-calc(75% - 16px) !important;
width: calc(75% - 16px) !important
}
.trade__grid__col_xl_19 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(79.16667% - 16px) !important;
width: -moz-calc(79.16667% - 16px) !important;
width: calc(79.16667% - 16px) !important
}
.trade__grid__col_xl_20 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(83.33333% - 16px) !important;
width: -moz-calc(83.33333% - 16px) !important;
width: calc(83.33333% - 16px) !important
}
.trade__grid__col_xl_21 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(87.5% - 16px) !important;
width: -moz-calc(87.5% - 16px) !important;
width: calc(87.5% - 16px) !important
}
.trade__grid__col_xl_22 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(91.66667% - 16px) !important;
width: -moz-calc(91.66667% - 16px) !important;
width: calc(91.66667% - 16px) !important
}
.trade__grid__col_xl_23 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(95.83333% - 16px) !important;
width: -moz-calc(95.83333% - 16px) !important;
width: calc(95.83333% - 16px) !important
}
.trade__grid__col_xl_24 {
-webkit-flex-basis: auto;
flex-basis: auto;
width: -webkit-calc(100% - 16px) !important;
width: -moz-calc(100% - 16px) !important;
width: calc(100% - 16px) !important
}
}
.checkout-address__form {
margin-bottom: -12px;
margin-left: -6px;
margin-right: -6px;
}
.checkout__form-group {
margin-bottom: 12px;
margin-left: 6px;
margin-right: 6px;
width: 100%
}
.google-plc {
background-color: #fff;
border: 1px solid #ddddd8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.25);
box-shadow: 0 0 5px rgba(0,0,0,.25);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
z-index: 100
}
.google-plc-header {
color: #787878;
font-size: 12px;
height: 33px;
line-height: 33px;
padding: 0 11px;
position: relative
}
.google-plc-close {
background-image: url(https://img-preview.myshopline.com/image/shopline/60a41efc23f641278f39e74c4b298579.svg);
cursor: pointer;
height: 12px;
position: absolute;
right: 11px;
top: 9.5px;
width: 12px
}
.google-plc-close:after {
bottom: -10px;
content: "";
display: block;
left: -10px;
position: absolute;
right: -10px;
top: -10px
}
.google-plc-suggestion-item {
color: #2c2c2c;
cursor: pointer;
font-size: 12px;
height: 41px;
line-height: 17px;
overflow: hidden;
padding: 11px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap
}
.google-plc-suggestion-item:hover {
background: hsla(60,7%,86%,.5)
}
.google-plc-footer {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
background: hsla(60,7%,86%,.2);
color: #787878;
-webkit-flex-direction: row;
flex-direction: row;
padding: 8px 11px
}
#trade_repay_order_description, .google-plc-footer {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
#trade_repay_order_description {
background-color: rgba(39, 110, 175, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #276EAF;
padding: 16px;
width: 100%
}
#trade_repay_order_description .trade_order_Icon {
height: 46px;
margin-right: 16px;
width: 46px
}
#trade_repay_order_description .trade_order_price {
font-size: 18px
}
.mask_wrapper {
height: 100%;
margin: 0 auto;
position: fixed;
top: 0;
width: 100%;
z-index: 1000
}
.mask_wrapper .loading-icon {
-webkit-animation: .8s linear 0s infinite normal none running maskLoading;
-moz-animation: .8s linear 0s infinite normal none running maskLoading;
-o-animation: .8s linear 0s infinite normal none running maskLoading;
animation: .8s linear 0s infinite normal none running maskLoading;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAixSURBVHgBzVlZjBVVGv6r7u19sWlp6R7tgWl9kDCT2XSSeXDIMMlMJhNfZsFMJEIgzR4eMEaJL/0oQsBAs4UOiQlRAfXFJcYQ0UQS9x1MumMM2K2NvdvL7YVb5ffV/f/q05cGeqXvn5z8p6pOnfq/86/nlCdzRIcPH16Ul5dXF4ZhDdoytELP8/LBC8ADDGHrQb8nCIJ23L8yNjZ2eceOHT/JHJAns6B9+/YVlZSUPIDu/Wi3qcACQQMTnuT7Pm+nec37ABFKBhg5wbUMDw9/OhtQMwLS1NR0z9WrV/+J7t0mMIVzhXS0YALbOD4Ls+/r+AuJROL9DRs29Ms0aVpAGhsbby8oKPgPFvk3JjyFwYpHfRUyraD4LE3O+67AjkaisRA+SKfTtgCc7yLah9MBNGUgx48fX4WP/QvdQhOOAEBiAvGagqpphU5/AhBnESYA1TnS+qwPzz7auHFj81TkmxKQo0ePPgS2SoULJxE0NDBZJhX7BYkrr8ivMTcDwjGmMb3+or6+/r2byXhDIA0NDcU1NTWPQZBaR+D4I67QJgxWtBX8G2ivJ5lMdsOXUpwrPz+/AGNuw3UZLu9Au1OyfCnL7EQXgtS5aNGi11evXj06bSDHjh0rBnsC7S4T3szAdWgF1Iz25cDAwAc7d+5MyRTo5MmT5UNDQ7V470+YotQWQr8RaR0LEWifJtdVUVHxxvXAJK/3IUy4C3PU6sS8ZkdoxrqKvP4e/MVNmza1yDRpzZo1DLUX2A4dOrQcOeg+CFyC61BDdmhBQ8FU9Pb2/h3PX51U3sluwifWYIJ/2KTmG47q07h9esuWLW/JHBK+ex/YH8xsCQYmGnH1M8rz9datWz+WmwHBZH/BS5tsJeRan+jE6jWuX7/+O5kHYoiHP/2N2jGtOP5Jywgmi2a+e3HgwIEqsP/yPrVLc1KwvraewsLCp+cLBGn79u1dKF1eR7ffQrfmllhL4L9WH54cCIT8H9gSiYBHKolA0C/Au9GeWrt2bZfMM23btm0AJvUGvkswoRNUmDgDRL4k7v9eJgNy4sQJauOvBgAUacFTwsvPwKk75RYRwUCOt1UjExKpaqVGZZ4IBOp8SFfe9zPGSUC+RqmXofJLcosJTs2C8iNqBRQnXAMF7dwrLpAjR47cgTGr9F5sUqqdLjjWS7JARKdmDnETsOYVBoHbz507l4yBIPE8SC1gYELvkRuYF2WBCSX+5+Jkf7e1tLTUcUxmo5BO/1nNKNaEPuuCX5yTBSbsUzog0o+Of8QZH31WHuKjql2Ch0vMwV1AGHhKcoSw2N9HjpJOR6Yl48VoETd4FJp7i8jJndyR0Kj1leQIoQr+jsFT/SSDRoEVFRVVUvh7FEAMQjLALqAE+VFyhGDiY5LZo1ipEmmFhSUqgVIKfLeTM9yw+63kHnVSA9BO2rI8CamjkgBqnAxu2iConNGGQ0NOVRw4VbKfxI1qd6SaF+mK5BiNjIykYEa22WLaEPWTBJOJP9lLUNeQ5BhB4DE7ciJBxpBgUI0nkqYBNS/R8n1W513zRcXFxaELBL4iutkLaGApq6nwjIYXhV6osExyjKCBJIpXht00uUUwAIoKwkHRQtEpUQisRnKMYEL5FJ6CGwgt7VMUeNBKd610o8QIxL+QHCMcVhTAJ2JtGIfcw1z9z8ystEyJShXQHyXHCOZeZFowrj4zQAA8AYnMSvchNC+2e3fv3p0zfnL69Ol8mFQJ/YPCA1TsIxA7AvKJmpbvtGivjnOkByVHqLW1tdQcm9zMig35pd9HDfMDBLfkF29tqSFns7XghMPzJeYfphWtG4dR5o9YMnxNTcr2IVEfdL+eNS0o7d+/vwIgkqYB0wrNC9ro4RjbIT7nbKbcjRXbLllgQple5UYpF0x1dXVUE0ZA+B8CDz+2cyxHO7y1HFp5RBaI9u7du5hmbv5hQGheSJBddhbs1lnHLI9IlomhPYmd5HK5xYQDw4Ly8vJK9uEjAQQPzNHJq6qq4sI2BoLTig/B3rZcIpnsbrtFetZRnLbcKbeI8EsjibBazZ9HBJBKpUIzKTb4R7d7Mj+h8oWwT4ENMrOLnjY6/lKLSV/AKt0l80zIGYnKyspqaMHnLzmcgEZ/x+DLoWplFFrpcN+5psrFmepasF1qZu7Zr/E2TFaPA7sLMg+E7+eBLUbLw6qzVPJ0YVntRn1Uwe36WyKma/YiyCvPAsRJ1pAybl5uq0Xx9iY++KjMMe3Zs4f/Rxbj2wl8IxwdHY20YNqgdkDd2SBEbvDHCpHqFUywQn/yxEdEkolqtr9vxZi98K8XZBZELUDIUla3XHGmDHIA8axPDu2M4kCkbbI5rvvHCpM8DNt8HgKvMNWav5jJgX4JMI0QhLlmN9q70OhlmQJxYQ4ePMj6KQ8tn/NCUO74mC98PR3xuXlC1UutjFwBXW++G+4E4djlSEanAGSFjJ8Fu8ky7juh+130eR5GQJchQC809g7HIhLZ+GRdXV0Cv9IScGivtLTU7+np8aERlt0JWzhyNgAabWtr68D7wYyAGGHFGyBkve5ZojJfQblljQvQWrRRg5Z8RiIKi5LCRzb2L1265CMyUQsU1INpMUJFYMgdcxrE+303k9GXKRAmasDEOyF4mwPCtvte1lyeZC0Qx545cya+HhwcDJHowrKyshDAQrsPU2Z4ZcILkTdoYr1TAeF+/Ka0efPmU1i5f0N4ngfbjtJKGvIwaz5//GRpnKCNWPCOjkwqgD8yQkUgeN3X1zdy/vz5ToCY8knOjE5LYGp08sch6P9VeCv73ciWsOBgpnXx4sXoeunSpfSJyIRoXtCQB+34/f39AXwmpcej06KkzIA0Mm0DIEaqLWjcgC1zx5jZGQeIcOXKlR610N7ezpWPHnR3d1P4q+vWrRv19M/tTGjOzq+ampqWQgsPwJd+h8vfov8rCLaMPoWolVA/8VDoec3Nzd7Zs2cDaCmYjfAu/Qw/2GonWTqZugAAAABJRU5ErkJggg==");
-moz-background-size: cover;
background-size: cover;
height: 50px;
left: 50%;
position: absolute;
top: 50%;
width: 50px
}
@-webkit-keyframes maskLoading {
0% {
-webkit-transform: translate(-50%,-50%) rotate(0deg);
transform: translate(-50%,-50%) rotate(0deg)
}
to {
-webkit-transform: translate(-50%,-50%) rotate(1turn);
transform: translate(-50%,-50%) rotate(1turn)
}
}
@-moz-keyframes maskLoading {
0% {
-moz-transform: translate(-50%,-50%) rotate(0deg);
transform: translate(-50%,-50%) rotate(0deg)
}
to {
-moz-transform: translate(-50%,-50%) rotate(1turn);
transform: translate(-50%,-50%) rotate(1turn)
}
}
@-o-keyframes maskLoading {
0% {
-o-transform: translate(-50%,-50%) rotate(0deg);
transform: translate(-50%,-50%) rotate(0deg)
}
to {
-o-transform: translate(-50%,-50%) rotate(1turn);
transform: translate(-50%,-50%) rotate(1turn)
}
}
@keyframes maskLoading {
0% {
-webkit-transform: translate(-50%,-50%) rotate(0deg);
-moz-transform: translate(-50%,-50%) rotate(0deg);
-o-transform: translate(-50%,-50%) rotate(0deg);
transform: translate(-50%,-50%) rotate(0deg)
}
to {
-webkit-transform: translate(-50%,-50%) rotate(1turn);
-moz-transform: translate(-50%,-50%) rotate(1turn);
-o-transform: translate(-50%,-50%) rotate(1turn);
transform: translate(-50%,-50%) rotate(1turn)
}
}
@media screen and (max-width:999px) {
.mask_wrapper .loading-icon {
height: 33.3px;
width: 33.3px
}
}
.gift-cards {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 24px;
padding: 16px
}
.gift-cards .gift-cards_title {
font-size: 16px;
font-weight: 500;
line-height: 24px;
margin-bottom: 8px;
text-align: left
}
.gift-cards .gift-cards_content {
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin-bottom: 12px
}
.gift-cards .gift-cards_btn {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #276EAF;
cursor: pointer;
font-size: 16px;
font-weight: 500;
height: 46px;
line-height: 24px;
padding: 0 16px
}
.gift-cards .sl-component-loading:after {
content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTIgMTBhOCA4IDAgMSAwIDgtOCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjMiIG9wYWNpdHk9Ii41Ii8+PC9zdmc+)
}
.gift-cards .gift-cards_sent {
background-color: rgba(39, 110, 175, 0.1);
border: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #276EAF;
display: none;
font-size: 16px;
font-weight: 500;
height: 46px;
line-height: 24px;
margin-top: 12px;
padding: 11px 16px
}
.gift-cards .gift-cards_sent svg {
height: 24px;
margin-right: 8px;
position: relative;
top: -2px;
width: 24px
}
.gift-cards .gift-cards_error {
color: #F04949;
display: none;
font-size: 14px;
font-weight: 400;
line-height: 16px;
margin-top: 8px
}
@media screen and (min-width:999px) {
.first-page .slot-before-footer + [data-ssr-plugin-freight-insurance]:empty, .second-page .slot-before-footer {
margin-bottom: 24px
}
}
@media screen and (max-width:998px) {
.first-page .slot-before-footer + [data-ssr-plugin-freight-insurance]:empty, .second-page .slot-before-footer {
margin-bottom: 8px
}
}
.trade-checkout-subscription-confirm-container {
padding-top: 16px
}
.trade-checkout-subscription-confirm-container .trade-checkout-subscription-confirm .subscription-confirm-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
.trade-checkout-subscription-confirm-container .trade-checkout-subscription-confirm-error {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
background-color: rgba(240, 73, 73, 0.04);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
margin-bottom: 12px;
padding: 16px
}
.trade-checkout-subscription-confirm-container .trade-checkout-subscription-confirm-error .trade-checkout-subscription-confirm-error-icon {
color: #F04949;
}
.trade-checkout-subscription-confirm-container .trade-checkout-subscription-confirm-error .trade-checkout-subscription-confirm-error-text {
color: #F04949;
font-size: 14px;
line-height: 20px;
margin-left: 10px
}
.payment-status-change-tips {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: none;
-webkit-flex-direction: row;
flex-direction: row;
margin-bottom: 20px;
padding: 12px
}
.payment-status-change-tips.error {
background: #fff8e6
}
.payment-status-change-tips.warning {
background: rgba(39, 110, 175, 0.1);
color: #276EAF;
}
.payment-status-change-tips__icon {
line-height: 1
}
.payment-status-change-tips__icon svg {
height: 16px
}
.payment-status-change-tips__icon.error {
color: #f79e1b
}
.payment-status-change-tips__icon.error svg path {
opacity: 1
}
.payment-status-change-tips__text {
font-size: 14px;
font-weight: 400;
line-height: 18px;
margin-left: 8px
}
@media screen and (max-width:999px) {
.payment-status-change-tips.mobile {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
margin-left: 16px;
margin-right: 16px
}
.payment-status-change-tips.pc {
display: none
}
}
@media screen and (min-width:1000px) {
.payment-status-change-tips.pc {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
.payment-status-change-tips.mobile {
display: none
}
}
.flex, .trade_checkout, .trade_checkout .main {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-box-flex: 1;
-moz-box-flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex: 1;
flex: 1;
-webkit-flex-direction: column;
flex-direction: column
}
.hide {
display: none !important
}
body {
background: #FFFFFF;
background-image: url();
}
@media screen and (min-width:1000px) {
.trade_checkout {
max-width: 100%;
min-height: 100vh;
overflow-x: hidden
}
}
@media screen and (max-width:750px) {
.trade_checkout {
overflow-x: hidden
}
}
.trade_checkout .custom-body, .trade_checkout .custom-body-color, .trade_checkout .custom-title, .trade_checkout .custom-title-color {
color: #2c2c2c;
}
.trade_checkout .content {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
font-size: 14px;
line-height: 1.4
}
@media screen and (max-width:750px) {
.trade_checkout .content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column
}
}
.trade_checkout .mobile_logo {
display: none
}
@media screen and (max-width:999px) {
.trade_checkout .mobile_logo {
display: block;
margin: 0 auto;
width: 100%
}
}
.trade_checkout .pc_logo {
display: block
}
@media screen and (max-width:999px) {
.trade_checkout .pc_logo {
display: none
}
}
.trade_checkout .main .bact__arrow {
display: inline-block;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)
}
.trade_checkout .main .checkout_step_button {
cursor: pointer
}
.trade_checkout .main .checkout_complete_button {
font-size: 16px;
height: auto;
min-height: 58px;
padding: 18px 40px
}
@media screen and (min-width:751px) {
.trade_checkout .main .checkout_complete_button {
max-width: 100%;
width: auto
}
}
@media screen and (max-width:999px) {
.trade_checkout .main .checkout_complete_button {
height: auto;
min-height: 68px
}
}
@media screen and (min-width:751px) {
.trade_checkout .main .trade-checkout-btn {
max-width: 100%;
width: auto
}
}
.sidebar {
position: relative
}
@media screen and (max-width:999px) {
.sidebar {
background-color: rgba(216, 216, 216, 0.12);
border-bottom: 1px solid rgba(44, 44, 44, 0.04);
border-top: 1px solid rgba(44, 44, 44, 0.04);
}
}
.sidebar__fixBox__cardList {
border-bottom: 1px solid rgba(44, 44, 44, 0.08);
margin: auto auto 24px;
__max-width: 568px;
position: relative
}
.sidebar .plugin-checkout-supplemental {
margin: auto;
max-width: 568px
}
.sidebar__title {
font-size: 14px
}
.sidebar__title, .sidebar__title__leftInfo {
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
.sidebar__title__leftInfo {
cursor: pointer;
font-weight: 400;
line-height: 1;
word-break: break-all
}
.sidebar__title__leftInfo .cart {
margin-right: 13.5px
}
.sidebar__title__leftInfo .arrow-box {
margin-left: 6px;
-webkit-transition: linear .1s;
-o-transition: linear .1s;
-moz-transition: linear .1s;
transition: linear .1s
}
.sidebar__title__leftInfo .arrow-box, .sidebar__title__price {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
.sidebar__title__price {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-flex: 1;
flex: 1;
-webkit-flex-direction: column;
flex-direction: column;
font-size: 16px;
font-weight: 500;
text-align: right
}
@media screen and (max-width:999px) {
.sidebar__title__price {
color: rgb(44, 44, 44);
}
}
.sidebar__title__price__through {
font-size: 12px;
-webkit-text-decoration-line: line-through;
-moz-text-decoration-line: line-through;
text-decoration-line: line-through
}
@media screen and (max-width:999px) {
.sidebar__title__price__through {
color: rgb(44, 44, 44);
}
}
.sidebar__divid {
margin-bottom: 14px;
opacity: 1;
-webkit-transform: scaleX(1.5);
-moz-transform: scaleX(1.5);
-o-transform: scaleX(1.5);
transform: scaleX(1.5);
-webkit-transition: all .2s;
-o-transition: all .2s;
-moz-transition: all .2s;
transition: all .2s
}
.sidebar__fixBox__low, .sidebar__fixBox__middle {
overflow: hidden;
padding-top: 10px;
will-change: height
}
@media screen and (max-width:999px) {
.sidebar__fixBox__low:before, .sidebar__fixBox__middle:before {
background: #FAFAFA;
background-image: url();
background-position: 0 0;
bottom: 0;
content: "";
display: block;
left: 0;
position: absolute;
width: 100%;
z-index: -1
}
.content .main, .content .sidebar__title, .pagename-checkout .sidebar.sidebar_checkout {
margin: 0 auto;
max-width: 668px;
width: 100%
}
.content .sidebar__title {
padding: 12px 0
}
.content .sidebar__title > div {
z-index: 2
}
}
@media screen and (max-width:750px) {
.content .main {
padding: 0 16px;
width: 100%
}
.content .sidebar__title {
padding: 12px 16px
}
}
@media screen and (min-width:1000px) {
.main::-webkit-scrollbar, .sidebar::-webkit-scrollbar {
width: 0 !important
}
.sidebar_hide {
display: none
}
.trade_checkout .main {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-box-flex: 0;
-moz-box-flex: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex: 0 0 58%;
flex: 0 0 58%;
-webkit-flex-direction: column;
flex-direction: column;
padding-right: 6%
}
.trade_checkout .main .threepage {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
flex: 1
}
.trade_checkout .main .trade_content__coupon {
display: none
}
.sidebar {
-webkit-box-flex: 0;
-moz-box-flex: 0;
background-position: 0 0;
-webkit-flex: 0 0 42%;
flex: 0 0 42%;
padding-left: 4%;
padding-top: 56px
}
.sidebar::-webkit-scrollbar {
width: 0 !important
}
.sidebar__fixBox__cardList {
overflow: hidden auto
}
.sidebar__fixBox__cardList::-webkit-scrollbar, .sidebar__fixBox__cardList::-webkit-scrollbar-thumb, .sidebar__fixBox__cardList::-webkit-scrollbar-track {
background-color: transparent !important;
width: 4px
}
.sidebar__fixBox__cardList:hover::-webkit-scrollbar-thumb {
background-color: #c4c4c4 !important;
width: 4px
}
.sidebar__fixBox__cardList__scrollHidden {
overflow: hidden
}
.sidebar__fixBox ::-webkit-scrollbar {
-webkit-appearance: none;
width: 5px
}
.sidebar__fixBox ::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,.3);
-webkit-border-radius: 5px;
border-radius: 5px
}
.sidebar__fixBox__low {
overflow: visible
}
.sidebar:after {
background-position: 0 0;
left: 0
}
}
.sidebar {
overflow: hidden
}
@media screen and (max-width:999px) {
.sidebar {
margin-bottom: 24px;
padding-top: 0 !important;
width: 100%
}
.sidebar .shopline-section, .sidebar > div {
margin: 0 auto;
__max-width: 568px
}
.sidebar .sidebar__fixBox {
background: #FAFAFA;
background-image: url();
margin: 0 auto;
max-width: 100% !important;
-webkit-transition: height .2s;
-o-transition: height .2s;
-moz-transition: height .2s;
transition: height .2s
}
}
@media screen and (max-width:750px) {
.sidebar .plugin-checkout-supplemental, .sidebar .shopline-section {
padding: 0 16px
}
.sidebar .sidebar__fixBox__cardList {
border-bottom: 0
}
.sidebar .trade_sku-list {
border-bottom: 1px solid rgba(44, 44, 44, 0.15);
}
}
@media screen and (max-width:999px) {
.sidebar_checkout {
margin-bottom: 20px
}
}
.trade_btn--normal {
background: #276EAF;
color: rgb(255, 255, 255);
position: relative
}
.trade_btn--normal:hover span {
position: relative;
z-index: 10
}
.trade_btn--normal:hover:before {
background: rgb(0, 0, 0);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
content: "";
height: 100%;
left: 0;
opacity: .2;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
.rc-tooltip.bubbleLayer {
opacity: 1
}
.rc-tooltip.bubbleLayer.rc-tooltip-placement-bottomRight .rc-tooltip-arrow, .rc-tooltip.bubbleLayer.rc-tooltip-placement-topRight .rc-tooltip-arrow {
right: 20px
}
.rc-tooltip.bubbleLayer.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow, .rc-tooltip.bubbleLayer.rc-tooltip-placement-topLeft .rc-tooltip-arrow {
left: 20px
}
.rc-tooltip.bubbleLayer.rc-tooltip-placement-bottom .rc-tooltip-arrow, .rc-tooltip.bubbleLayer.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow, .rc-tooltip.bubbleLayer.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {
border-bottom-color: #FFFFFF;
}
.rc-tooltip.bubbleLayer.rc-tooltip-placement-top .rc-tooltip-arrow, .rc-tooltip.bubbleLayer.rc-tooltip-placement-topLeft .rc-tooltip-arrow, .rc-tooltip.bubbleLayer.rc-tooltip-placement-topRight .rc-tooltip-arrow {
border-top-color: #FFFFFF;
}
.rc-tooltip.bubbleLayer.rc-tooltip-placement-left .rc-tooltip-arrow, .rc-tooltip.bubbleLayer.rc-tooltip-placement-leftBottom .rc-tooltip-arrow, .rc-tooltip.bubbleLayer.rc-tooltip-placement-leftTop .rc-tooltip-arrow {
border-left-color: #FFFFFF;
}
.rc-tooltip.bubbleLayer.rc-tooltip-placement-right .rc-tooltip-arrow, .rc-tooltip.bubbleLayer.rc-tooltip-placement-rightBottom .rc-tooltip-arrow, .rc-tooltip.bubbleLayer.rc-tooltip-placement-rightTop .rc-tooltip-arrow {
border-right-color: #FFFFFF;
}
.rc-tooltip.bubbleLayer .rc-tooltip-inner {
background-color: #FFFFFF;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 20px rgba(0,0,0,.1);
box-shadow: 0 0 20px rgba(0,0,0,.1);
color: #2c2c2c;
font-size: 14px;
max-height: 400px;
overflow-y: auto;
padding: 12px;
text-align: initial
}
.rc-tooltip.bubbleLayer .bubbleLayer-title {
font-size: 18px;
line-height: 120%;
margin-bottom: 12px
}
.bubbleLayer-modal .modal__container__title {
font-size: 18px;
font-weight: 400;
height: auto;
padding: 13px 20px
}
.bubbleLayer-modal .modal__container {
max-height: -webkit-calc(100vh - 136px);
max-height: -moz-calc(100vh - 136px);
max-height: calc(100vh - 136px)
}
.bubbleLayer-modal .modal__container, .bubbleLayer-modal .modal__container__modalBody {
min-height: auto
}
.bubbleLayer-modal .modal__container__modalBody {
max-height: -webkit-calc(100vh - 184px);
max-height: -moz-calc(100vh - 184px);
max-height: calc(100vh - 184px);
padding: 20px
}
.coupon_available_codes__detail-item .coupon_available_codes__detail-item-copy span, .text-overflow-ellipsis-2 {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
display: -webkit-box;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
word-break: break-all
}
.coupon_available_codes__detail-item-wrapper {
background-color: #f8fafb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 12px;
padding: 8px
}
.coupon_available_codes__detail-item-wrapper:last-child {
margin-bottom: 0
}
.coupon_available_codes__detail-item {
-webkit-box-pack: justify;
-moz-box-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 4px 8px
}
.coupon_available_codes__detail-item-code {
font-size: 12px;
line-height: 18px
}
.coupon_available_codes__detail-item .coupon_available_codes__detail-item-copy {
background: rgba(39, 110, 175, 0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 3px 6px;
width: auto
}
.coupon_available_codes__detail-item .coupon_available_codes__detail-item-copy, .coupon_available_codes__detail-item-copy--copied {
color: #276EAF;
-webkit-flex-shrink: 0;
flex-shrink: 0;
font-size: 12px;
font-weight: 500;
line-height: 18px;
margin-left: 8px;
max-width: 80px;
text-transform: uppercase
}
.coupon_available_codes__detail-item-copy--copied svg {
margin-right: 4px
}
.coupon_available_codes {
-webkit-box-pack: justify;
-moz-box-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.03);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 14px;
-webkit-justify-content: space-between;
justify-content: space-between;
line-height: 20px;
margin-bottom: 12px;
margin-top: 4px;
padding: 8px
}
.coupon_available_codes, .coupon_available_codes__left {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex
}
.coupon_available_codes__left {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
background-color: #f8fafb;
-webkit-flex-direction: column;
flex-direction: column;
margin-right: 8px;
min-width: 196px
}
.coupon_available_codes__handle {
cursor: pointer;
-webkit-flex-shrink: 0;
flex-shrink: 0;
padding-bottom: 4px
}
.coupon_available_codes__bubbleLayer .bubbleLayer-title {
display: none !important
}
.auto_discount_information__detail-item {
-webkit-box-pack: justify;
-moz-box-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
line-height: 20px;
margin-bottom: 12px
}
.auto_discount_information__detail-item:last-child {
margin-bottom: 0
}
.auto_discount_information__detail-item-left {
margin-right: 8px;
word-break: break-all
}
.auto_discount_information__detail-item-right {
-webkit-flex-shrink: 0;
flex-shrink: 0
}
.auto_discount_information__container {
width: 100%
}
.auto_discount_information {
-webkit-box-pack: justify;
-moz-box-pack: justify;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
font-size: 14px;
-webkit-justify-content: space-between;
justify-content: space-between;
line-height: 20px;
margin-top: 4px
}
.auto_discount_information__discountIcon {
margin-right: 6px;
margin-top: -3px
}
.auto_discount_information__handle {
cursor: pointer;
padding-bottom: 4px
}
pci-adyen-content * {
font-style: normal;
font-weight: 400;
margin: 0
}
.pci-adyen-content {
-webkit-box-flex: 0;
-moz-box-flex: 0;
-webkit-flex: 0 1 100%;
flex: 0 1 100%
}
.pci-adyen-input-container {
margin-bottom: var(--form-item-gutter);
overflow: visible;
position: relative;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
width: 100%
}
.pci-adyen-input-box {
background-color: var(--input-background);
border-style: solid;
border-width: 1px;
border: 1px solid var(--input-border-color);
border-color: var(--input-border-color);
-webkit-border-radius: var(--input-border-radius);
-moz-border-radius: var(--input-border-radius);
border-radius: var(--input-border-radius);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: var(--input-height);
margin-bottom: 0;
overflow: hidden;
position: relative;
z-index: 1
}
.pci-adyen-input-label {
color: var(--input-label-color);
font-size: 14px;
left: 16px;
line-height: 16px;
pointer-events: none;
position: absolute;
top: -webkit-calc(var(--input-height)/2 - 8px);
top: -moz-calc(var(--input-height)/2 - 8px);
top: calc(var(--input-height)/2 - 8px);
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear;
white-space: nowrap
}
.pci-adyen-input-content {
background-color: transparent;
height: 100%
}
.pci-adyen-input-tip {
font-size: 14px;
height: 0;
line-height: 16px;
margin-left: 1px;
margin-top: var(--input-tip-gutter);
overflow: hidden;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear
}
.pci-adyen-input-tip:not(.pci-adyen-input-tip-show) {
margin-top: 0 !important
}
.pci-adyen-number-icon {
height: 16px;
position: absolute;
right: 16px;
top: -webkit-calc(var(--input-height)/2 - 8px);
top: -moz-calc(var(--input-height)/2 - 8px);
top: calc(var(--input-height)/2 - 8px);
width: 16px;
z-index: 10
}
.pci-adyen-tip-icon {
color: var(--input-icon-color);
height: 16px;
width: 16px
}
.pci-adyen-tooltip-wrap {
-webkit-tap-highlight-color: transparent;
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
.pci-adyen-tooltip-content {
background-color: rgba(30,30,30,.9);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
bottom: 26px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
color: hsla(0,0%,100%,.9);
display: none;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 18px;
padding: 6px 12px;
position: absolute;
right: -17px;
width: 180px
}
.pci-adyen-tooltip-wrap:after {
border: 7px solid transparent;
border-top-color: rgba(30,30,30,.9);
content: "";
display: none;
height: 0;
left: 50%;
position: absolute;
top: -14px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 0
}
.pci-adyen-tooltip-wrap:hover .pci-adyen-tooltip-content, .pci-adyen-tooltip-wrap:hover:after {
display: block
}
.pci-adyen-input-box-focus {
border-color: var(--input-focus-border-color);
-webkit-box-shadow: 0 0 0 1px var(--input-focus-border-color);
-moz-box-shadow: 0 0 0 1px var(--input-focus-border-color);
box-shadow: 0 0 0 1px var(--input-focus-border-color)
}
.pci-adyen-input-box-not-empty .pci-adyen-input-label {
font-size: 10px;
-webkit-transform: translateY(-9px);
-moz-transform: translateY(-9px);
-o-transform: translateY(-9px);
transform: translateY(-9px)
}
.pci-adyen-input-box-not-empty .pci-adyen-input-content, .pci-adyen-input-box-not-empty .pci-adyen-input-label {
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear
}
.pci-adyen-input-box-not-empty .pci-adyen-input-content {
height: var(--input-height)
}
.pci-adyen-input-box-not-empty .pci-adyen-input-content input {
padding: 20px 0 0 16px;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
-moz-transition: all .2s linear;
transition: all .2s linear
}
.pci-adyen-input-valid-error-box {
border-color: var(--input-error-border-color);
-webkit-box-shadow: 0 0 0 1px var(--input-error-border-color);
-moz-box-shadow: 0 0 0 1px var(--input-error-border-color);
box-shadow: 0 0 0 1px var(--input-error-border-color)
}
.pci-adyen-error-tip {
color: var(--input-error-font-color)
}
@media screen and (max-width:750px) {
.pci-adyen-content {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: auto;
flex: auto
}
.pci-adyen-input-container {
width: 100%
}
}
.mp-tooltip {
-webkit-font-feature-settings: "tnum";
-moz-font-feature-settings: "tnum";
font-feature-settings: "tnum";
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: rgba(0,0,0,.851);
display: block;
font-size: 14px;
font-variant: tabular-nums;
line-height: 1.5715;
list-style: none;
margin: 0;
max-width: 320px;
padding: 0;
position: fixed;
-webkit-transform: translate(-50%,-100%);
-moz-transform: translate(-50%,-100%);
-o-transform: translate(-50%,-100%);
transform: translate(-50%,-100%);
visibility: visible;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
z-index: 1070
}
.mp-tooltip--hidden {
display: none
}
.mp-tooltip__inner {
background-color: #000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,.17);
-moz-box-shadow: 0 0 4px rgba(0,0,0,.17);
box-shadow: 0 0 4px rgba(0,0,0,.17);
color: #fff;
max-width: 180px;
padding: 6px 12px;
text-align: left;
text-align: center;
text-decoration: none;
word-break: break-word
}
.mp-tooltip__arrow {
background: 0 0;
display: block;
height: 13.07106781px;
overflow: hidden;
pointer-events: none;
position: absolute;
width: 13.07106781px
}
.mp-tooltip__arrow-content {
background-color: rgba(0,0,0,.749);
bottom: 0;
content: "";
display: block;
height: 5px;
left: 0;
margin: auto;
pointer-events: auto;
position: absolute;
right: 0;
top: 0;
width: 5px
}
.mp-tooltip--placement-top {
padding-bottom: 8px
}
.mp-tooltip--placement-top .mp-tooltip__arrow {
bottom: -5.07106781px
}
.mp-tooltip--placement-top .mp-tooltip__arrow-content {
-webkit-box-shadow: 3px 3px 7px rgba(0,0,0,.071);
-moz-box-shadow: 3px 3px 7px rgba(0,0,0,.071);
box-shadow: 3px 3px 7px rgba(0,0,0,.071);
-webkit-transform: translateY(-6.53553391px) rotate(45deg);
-moz-transform: translateY(-6.53553391px) rotate(45deg);
-o-transform: translateY(-6.53553391px) rotate(45deg);
transform: translateY(-6.53553391px) rotate(45deg)
}
.mp-tooltip--placement-top .mp-tooltip__arrow {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%)
}